@design.estate/dees-catalog 1.0.176 → 1.0.178

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design.estate/dees-catalog",
-  "version": "1.0.176",
+  "version": "1.0.178",
   "private": false,
   "description": "website for lossless.com",
   "main": "dist_ts_web/index.js",

package/ts_web/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-catalog',
-  version: '1.0.176',
+  version: '1.0.178',
   description: 'website for lossless.com'
 }

package/ts_web/elements/dees-form.ts

@@ -104,6 +104,9 @@ export class DeesForm extends DeesElement {
     const children = this.getFormElements();
     const valueObject: { [key: string]: string | number | boolean } = {};
     for (const child of children) {
+      if (!child.key) {
+        console.log(`form element with label "${child.label}" has no key. skipping.`);
+      }
       valueObject[child.key] = child.value;
     }
     return valueObject;

package/ts_web/elements/dees-input-checkbox.ts

@@ -26,6 +26,7 @@ export class DeesInputCheckbox extends DeesElement {
 
   @property({
     type: String,
+    reflect: true,
   })
   public key: string;
 

package/ts_web/elements/dees-input-dropdown.ts

@@ -22,7 +22,10 @@ export class DeesInputDropdown extends DeesElement {
   // INSTANCE
   public changeSubject = new domtools.rxjs.Subject();
 
-  @property()
+  @property({
+    type: String,
+    reflect: true,
+  })
   public label: string = 'Label';
 
   @property()

package/ts_web/elements/dees-input-fileupload.ts

@@ -32,6 +32,7 @@ export class DeesInputFileupload extends DeesElement {
 
   @property({
     type: String,
+    reflect: true,
   })
   public key: string;
 

package/ts_web/elements/dees-input-quantityselector.ts

@@ -15,6 +15,12 @@ export class DeesInputQuantitySelector extends DeesElement {
   public changeSubject = new domtools.rxjs.Subject();
 
   @property()
+  public label: string = 'Label';
+
+  @property({
+    type: String,
+    reflect: true,
+  })
   public key: string;
 
   @property({

package/ts_web/elements/dees-input-radio.ts

@@ -14,7 +14,10 @@ export class DeesInputRadio extends DeesElement {
   // INSTANCE
   public changeSubject = new domtools.rxjs.Subject();
 
-  @property()
+  @property({
+    type: String,
+    reflect: true,
+  })
   public key: string;
 
   @property()

package/ts_web/elements/dees-input-text.ts

@@ -24,7 +24,8 @@ export class DeesInputText extends DeesElement {
   public label: string;
 
   @property({
-    type: String
+    type: String,
+    reflect: true,
   })
   public key: string;
 

package/ts_web/elements/dees-simple-login.ts

@@ -61,8 +61,8 @@ export class DeesSimpleLogin extends DeesElement {
         <div class="login">
           <dees-form>
             <div class="header">Login to ${this.title}</div>
-            <dees-input-text label="username" required></dees-input-text>
-            <dees-input-text label="password" isPasswordBool required></dees-input-text>
+            <dees-input-text key="username" label="username" required></dees-input-text>
+            <dees-input-text key="password" label="password" isPasswordBool required></dees-input-text>
             <dees-form-submit disabled>login</dees-form-submit>
           </dees-form>
         </div>