From 9d952afebba33f13f4812ee27877639c7c9f028d Mon Sep 17 00:00:00 2001
From: Philipp Kunz <gitlab@philkunz.com>
Date: Sat, 19 Aug 2023 18:56:32 +0200
Subject: [PATCH] fix(core): update

---
 ts_web/00_commitinfo_data.ts         |  2 +-
 ts_web/elements/dees-form-submit.ts  |  1 +
 ts_web/elements/dees-form.ts         |  2 ++
 ts_web/elements/dees-simple-login.ts | 22 +++++++++++++++++-----
 4 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts
index bdbd971..74bd8a6 100644
--- a/ts_web/00_commitinfo_data.ts
+++ b/ts_web/00_commitinfo_data.ts
@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-catalog',
-  version: '1.0.174',
+  version: '1.0.175',
   description: 'website for lossless.com'
 }
diff --git a/ts_web/elements/dees-form-submit.ts b/ts_web/elements/dees-form-submit.ts
index 41735d9..e53911e 100644
--- a/ts_web/elements/dees-form-submit.ts
+++ b/ts_web/elements/dees-form-submit.ts
@@ -21,6 +21,7 @@ export class DeesFormSubmit extends DeesElement {
 
   @property({
     type: Boolean,
+    reflect: true,
   })
   public disabled = false;
 
diff --git a/ts_web/elements/dees-form.ts b/ts_web/elements/dees-form.ts
index 622e6db..3e558b9 100644
--- a/ts_web/elements/dees-form.ts
+++ b/ts_web/elements/dees-form.ts
@@ -45,6 +45,7 @@ export class DeesForm extends DeesElement {
 
   public name: string = 'myform';
   public changeSubject = new domtools.rxjs.Subject();
+  public readyDeferred = domtools.plugins.smartpromise.defer();
 
   public render(): TemplateResult {
     return html`
@@ -70,6 +71,7 @@ export class DeesForm extends DeesElement {
       });
     }
     await this.addBehaviours();
+    this.readyDeferred.resolve();
   }
 
   public getFormElements(): Array<TFormInputElement> {
diff --git a/ts_web/elements/dees-simple-login.ts b/ts_web/elements/dees-simple-login.ts
index ce7a6ae..b6fdf28 100644
--- a/ts_web/elements/dees-simple-login.ts
+++ b/ts_web/elements/dees-simple-login.ts
@@ -11,8 +11,6 @@ import {
   state,
 } from '@design.estate/dees-element';
 
-import * as domtools from '@design.estate/dees-domtools';
-
 declare global {
   interface HTMLElementTagNameMap {
     'dees-simple-login': DeesSimpleLogin;
@@ -34,6 +32,7 @@ export class DeesSimpleLogin extends DeesElement {
     css`
       :host {
         color: ${cssManager.bdTheme('#333', '#fff')};
+        user-select: none;
       }
       .loginContainer {
         display: flex;
@@ -62,13 +61,26 @@ export class DeesSimpleLogin 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>
     `;
   }
+
+  public async firstUpdated(_changedProperties): Promise<void> {
+    const domtools = 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: CustomEvent) => {
+      this.dispatchEvent(new CustomEvent('login', { detail: event.detail }));
+    });
+  }
 }