fix(core): update

ts_web/elements/dees-input-checkbox.ts

@@ -4,6 +4,8 @@ import {
   TemplateResult,
   property,
   html,
+  css,
+  cssManager
 } from '@designestate/dees-element';
 import * as domtools from '@designestate/dees-domtools';
 
@@ -41,6 +43,11 @@ export class DeesInputCheckbox extends DeesElement {
   })
   public required: boolean = false;
 
+  @property({
+    type: Boolean
+  })
+  public disabled: boolean = false;
+
   public render(): TemplateResult {
     return html`
       ${domtools.elementBasic.styles}
@@ -95,6 +102,11 @@ export class DeesInputCheckbox extends DeesElement {
           border: 1px solid #039BE5;
         }
 
+        .checkbox.disabled {
+          background: none;
+          border: 1px dashed ${cssManager.bdTheme('#666666', '#666666')};
+        }
+
         .checkmark {
           display: inline-block;
           width: 22px;
@@ -127,7 +139,7 @@ export class DeesInputCheckbox extends DeesElement {
         }
       </style>
       <div class="maincontainer" @click="${this.toggleSelected}">
-        <div class="checkbox ${this.value ? 'selected' : ''}">
+        <div class="checkbox ${this.value ? 'selected' : ''} ${this.disabled ? 'disabled' : ''}">
           ${this.value
             ? html`
                 <span class="checkmark">
@@ -143,6 +155,9 @@ export class DeesInputCheckbox extends DeesElement {
   }
 
   public async toggleSelected() {
+    if (this.disabled) {
+      return;
+    }
     this.value = !this.value;
     this.dispatchEvent(
       new CustomEvent('newValue', {