@design.estate/dees-catalog 1.0.174 → 1.0.175

package/dist_watch/bundle.js

@@ -66904,8 +66904,8 @@ var DeesElement = class extends lit.LitElement {
   }
   async connectedCallback() {
     super.connectedCallback();
-    const domtools7 = await this.domtoolsPromise;
-    this.themeSubscription = domtools7.themeManager.themeObservable.subscribe((goBrightArg) => {
+    const domtools6 = await this.domtoolsPromise;
+    this.themeSubscription = domtools6.themeManager.themeObservable.subscribe((goBrightArg) => {
       this.goBright = goBrightArg;
     });
     this.rxSubscriptions.push(this.themeSubscription);
@@ -67242,7 +67242,7 @@ var WccSidebar = class WccSidebar2 extends DeesElement {
               <div
                 class="selectOption ${this.selectedItem === item ? "selected" : null}"
                 @click=${async () => {
-          const domtools7 = await dist_ts_exports22.DomTools.setupDomTools();
+          const domtools6 = await dist_ts_exports22.DomTools.setupDomTools();
           this.selectItem("page", pageName, item);
         }}
               >
@@ -67261,7 +67261,7 @@ var WccSidebar = class WccSidebar2 extends DeesElement {
               <div
                 class="selectOption ${this.selectedItem === item ? "selected" : null}"
                 @click=${async () => {
-          const domtools7 = await dist_ts_exports22.DomTools.setupDomTools();
+          const domtools6 = await dist_ts_exports22.DomTools.setupDomTools();
           this.selectItem("element", elementName, item);
         }}
               >
@@ -68328,13 +68328,13 @@ var DeesWindowLayer = class extends DeesElement {
     this.visible = !this.visible;
   }
   async show() {
-    const domtools7 = await this.domtoolsPromise;
-    await domtools7.convenience.smartdelay.delayFor(0);
+    const domtools6 = await this.domtoolsPromise;
+    await domtools6.convenience.smartdelay.delayFor(0);
     this.visible = true;
   }
   async hide() {
-    const domtools7 = await this.domtoolsPromise;
-    await domtools7.convenience.smartdelay.delayFor(0);
+    const domtools6 = await this.domtoolsPromise;
+    await domtools6.convenience.smartdelay.delayFor(0);
     this.visible = false;
   }
 };
@@ -69304,7 +69304,7 @@ var DeesInputText = class extends DeesElement {
     this.disabled = false;
   }
   async togglePasswordView() {
-    const domtools7 = await this.domtoolsPromise;
+    const domtools6 = await this.domtoolsPromise;
     this.showPasswordBool = !this.showPasswordBool;
     console.log(`this.showPasswordBool is: ${this.showPasswordBool}`);
   }
@@ -69604,6 +69604,7 @@ var DeesForm = class extends DeesElement {
     super(...arguments);
     this.name = "myform";
     this.changeSubject = new smartrx_plugins_rxjs_exports2.Subject();
+    this.readyDeferred = plugins.smartpromise.defer();
   }
   render() {
     return x`
@@ -69627,6 +69628,7 @@ var DeesForm = class extends DeesElement {
       });
     }
     await this.addBehaviours();
+    this.readyDeferred.resolve();
   }
   getFormElements() {
     return Array.from(this.children).filter(
@@ -69769,9 +69771,9 @@ var DeesFormSubmit = class extends DeesElement {
     parentElement.gatherAndDispatch();
   }
   async focus() {
-    const domtools7 = await this.domtoolsPromise;
+    const domtools6 = await this.domtoolsPromise;
     if (!this.disabled) {
-      domtools7.convenience.smartdelay.delayFor(0);
+      domtools6.convenience.smartdelay.delayFor(0);
       this.submit();
     }
   }
@@ -69780,7 +69782,8 @@ DeesFormSubmit.demo = () => x`<dees-form-submit>This is a sloted text</dees-form
 DeesFormSubmit.styles = [cssManager.defaultStyles, i``];
 __decorateClass([
   n5({
-    type: Boolean
+    type: Boolean,
+    reflect: true
   })
 ], DeesFormSubmit.prototype, "disabled", 2);
 __decorateClass([
@@ -73028,7 +73031,7 @@ var DeesMobilenavigation = class extends DeesElement {
    * inits the show
    */
   async show() {
-    const domtools7 = await this.domtoolsPromise;
+    const domtools6 = await this.domtoolsPromise;
     const main = this.shadowRoot.querySelector(".main");
     if (!this.windowLayer) {
       this.windowLayer = new DeesWindowLayer();
@@ -73037,16 +73040,16 @@ var DeesMobilenavigation = class extends DeesElement {
       });
     }
     document.body.append(this.windowLayer);
-    await domtools7.convenience.smartdelay.delayFor(0);
+    await domtools6.convenience.smartdelay.delayFor(0);
     this.windowLayer.show();
-    await domtools7.convenience.smartdelay.delayFor(0);
+    await domtools6.convenience.smartdelay.delayFor(0);
     main.classList.add("show");
   }
   /**
    * inits the hide function
    */
   async hide() {
-    const domtools7 = await this.domtoolsPromise;
+    const domtools6 = await this.domtoolsPromise;
     const main = this.shadowRoot.querySelector(".main");
     main.classList.remove("show");
     this.windowLayer.hide();
@@ -73246,15 +73249,27 @@ var DeesSimpleLogin = class extends DeesElement {
         <div class="login">
           <dees-form>
             <div class="header">Login to ${this.title}</div>
-            <dees-input-text label="username"></dees-input-text>
-            <dees-input-text label="password" isPasswordBool></dees-input-text>
-            <dees-form-submit>login</dees-form-submit>
+            <dees-input-text label="username" required></dees-input-text>
+            <dees-input-text label="password" isPasswordBool required></dees-input-text>
+            <dees-form-submit disabled>login</dees-form-submit>
           </dees-form>
         </div>
       </div>
       <slot></slot>
     `;
   }
+  async firstUpdated(_changedProperties) {
+    const domtools6 = await this.domtoolsPromise;
+    super.firstUpdated(_changedProperties);
+    const form = this.shadowRoot.querySelector("dees-form");
+    await form.readyDeferred.promise;
+    const username = this.shadowRoot.querySelector('dees-input-text[label="username"]');
+    const password = this.shadowRoot.querySelector('dees-input-text[label="password"]');
+    const submit = this.shadowRoot.querySelector("dees-form-submit");
+    form.addEventListener("formData", (event) => {
+      this.dispatchEvent(new CustomEvent("login", { detail: event.detail }));
+    });
+  }
 };
 // STATIC
 DeesSimpleLogin.demo = () => x` <dees-simple-login></dees-simple-login> `;
@@ -73263,6 +73278,7 @@ DeesSimpleLogin.styles = [
   i`
       :host {
         color: ${cssManager.bdTheme("#333", "#fff")};
+        user-select: none;
       }
       .loginContainer {
         display: flex;