1.0.169

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designestate/dees-catalog",
-  "version": "1.0.161",
+  "version": "1.0.169",
   "private": false,
   "description": "website for lossless.com",
   "main": "dist_ts_web/index.js",

ts_web/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@designestate/dees-catalog',
-  version: '1.0.161',
+  version: '1.0.169',
   description: 'website for lossless.com'
 }

ts_web/elements/dees-dataview-codebox.ts

@@ -164,10 +164,10 @@ export class DeesDataviewCodebox extends DeesElement {
       }
     });
     if (this.codeToDisplay && this.codeToDisplay !== this.codeToDisplayStore) {
-      this.codeToDisplayStore = smartstring.indent.normalize(this.codeToDisplay);
+      this.codeToDisplayStore = smartstring.indent.normalize(this.codeToDisplay).trimStart();
     }
     if (slottedCodeNodes[0] && slottedCodeNodes[0].wholeText && !this.codeToDisplay) {
-      this.codeToDisplayStore = smartstring.indent.normalize(slottedCodeNodes[0].wholeText);
+      this.codeToDisplayStore = smartstring.indent.normalize(slottedCodeNodes[0].wholeText).trimStart();
       this.codeToDisplay = this.codeToDisplayStore;
     }
     await domtools.plugins.smartdelay.delayFor(0);

ts_web/elements/dees-dataview-statusobject.ts

@@ -46,7 +46,7 @@ export class DeesDataviewStatusobject extends DeesElement {
         },
         {
           name: 'Detail 4',
-          value: 'Value 4',
+          value: 'Value 4 jhdkfjhalskdfjhfdjskalsdkfjhfdjskalskdjfhjdkslaksjdhfjdkslaskdfjhfjdkslaskdjfhjdskalskdjhfdjskalskdjfhdjskl',
           status: 'ok',
           statusText: 'OK',
         },
@@ -61,7 +61,6 @@ export class DeesDataviewStatusobject extends DeesElement {
     cssManager.defaultStyles,
     css`
       .mainbox {
-        max-width: 600px;
         border-radius: 3px;
         background: ${cssManager.bdTheme('#fff', '#1b1b1b')};
         box-shadow: 0px 1px 3px #00000030;
@@ -118,13 +117,20 @@ export class DeesDataviewStatusobject extends DeesElement {
       }
 
       .detail {
-        height: 60px;
+        minheight: 60px;
         align-items: center;
         display: grid;
         grid-template-columns: 40px auto;
         border-top: 1px dotted ${cssManager.bdTheme('#999', '#444')};
       }
 
+      .detail .detailsText {
+        padding-top: 8px;
+        padding-bottom: 8px;
+        padding-right: 8px;
+        word-break: break-all;
+      }
+
       .detail .detailsText .label {
         font-size: 12px;
       }

ts_web/elements/dees-input-text.ts

@@ -10,7 +10,7 @@ declare global {
 @customElement('dees-input-text')
 export class DeesInputText extends DeesElement {
   public static demo = () => html`
-    <dees-input-text .label=${'this is a label'}></dees-input-text>
+    <dees-input-text .label=${'this is a label'} .value=${'test'}></dees-input-text>
     <dees-input-text .isPasswordBool=${true}></dees-input-text>
   `;
 
@@ -29,7 +29,8 @@ export class DeesInputText extends DeesElement {
   public key: string;
 
   @property({
-    type: String
+    type: String,
+    reflect: true,
   })
   public value: string = '';
 

ts_web/elements/dees-stepper.ts

@@ -201,7 +201,9 @@ export class DeesStepper extends DeesElement {
   }
 
   public updated() {
-    this.setScrollStatus();
+    if (this.selectedStep) {
+      this.setScrollStatus();
+    }
   }
 
   public scroller: typeof domtools.plugins.SweetScroll.prototype;