fix(core): update

ts_web/elements/dees-input-text.ts

@@ -1,4 +1,4 @@
-import {customElement, DeesElement, TemplateResult, property, html} from '@designestate/dees-element';
+import {customElement, DeesElement, TemplateResult, property, html, cssManager} from '@designestate/dees-element';
 import * as domtools from '@designestate/dees-domtools';
 
 declare global {
@@ -14,13 +14,19 @@ export class DeesInputText extends DeesElement {
   // INSTANCE
   public changeSubject = new domtools.rxjs.Subject();
 
-  @property()
+  @property({
+    type: String
+  })
   public label: string = 'Label';
 
-  @property()
+  @property({
+    type: String
+  })
   public key: string;
 
-  @property()
+  @property({
+    type: String
+  })
   public value: string;
 
   @property({
@@ -28,6 +34,11 @@ export class DeesInputText extends DeesElement {
   })
   public required: boolean = false;
 
+  @property({
+    type: Boolean
+  })
+  public disabled: boolean = false;
+
   public render(): TemplateResult {
     return html `
       <style>
@@ -65,8 +76,15 @@ export class DeesInputText extends DeesElement {
           line-height: 48px;
           transition: all 0.2s;
           outline: none;
-          color: #ccc;
           font-size: 16px;
+          color: ${this.goBright ? '#333' : '#ccc'};
+        }
+
+        input:disabled {
+          background: ${cssManager.bdTheme('#ffffff00', '#11111100')};
+          border: 1px dashed ${cssManager.bdTheme('#666666', '#666666')};
+          color: #9b9b9e;
+          cursor: default;
         }
 
         input:focus {
@@ -76,7 +94,7 @@ export class DeesInputText extends DeesElement {
       </style>
       <div class="maincontainer">
         <div class="label">${this.label}</div>
-        <input type="text" @input="${this.updateValue}" />
+        <input type="text" @input="${this.updateValue}" .disabled=${this.disabled} />
       </div>
     `;
   }
@@ -86,4 +104,12 @@ export class DeesInputText extends DeesElement {
     this.value = target.value;
     this.changeSubject.next(this);
   }
+
+  public async freeze() {
+    this.disabled = true;
+  }
+
+  public async unfreeze() {
+    this.disabled = false;
+  }
 }