@sankhyalabs/ezui 3.0.0 → 3.0.2

package/dist/collection/components/ez-check/ez-check.js

@@ -1,15 +1,12 @@
 import { ElementIDUtils } from '@sankhyalabs/core';
-import { Component, Prop, h, Method, Event, Host, Element, Watch } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import { CheckMode } from './CheckMode';
 export class EzCheck {
   constructor() {
-    /**
-     * Se false o usuário não pode interagir com o campo.
-     */
+    this.label = undefined;
+    this.value = undefined;
     this.enabled = true;
-    /**
-     * Define o modo de visualização do ez-check.
-     */
+    this.indeterminate = undefined;
     this.mode = CheckMode.REGULAR;
   }
   observeValue(newValue, oldValue) {
@@ -58,169 +55,179 @@ export class EzCheck {
     return ((_a = this.mode) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === CheckMode.SWITCH ? "switch-mode" : "regular-mode";
   }
   render() {
-    return (h(Host, null,
-      h("input", { type: "checkbox", ref: (el) => this._inputElem = el, class: this.getInputClasses(), checked: this.value === true, onChange: () => { this.changeValue(); }, indeterminate: this.indeterminate, disabled: !this.enabled, "data-element-id": ElementIDUtils.getInternalIDInfo("input") }),
-      this.label ? h("label", { class: this.getLabelClasses(), onClick: () => { this.changeValue(); }, title: this.label }, this.label) : undefined));
+    return (h(Host, null, h("input", { type: "checkbox", ref: (el) => this._inputElem = el, class: this.getInputClasses(), checked: this.value === true, onChange: () => { this.changeValue(); }, indeterminate: this.indeterminate, disabled: !this.enabled, "data-element-id": ElementIDUtils.getInternalIDInfo("input") }), this.label ? h("label", { class: this.getLabelClasses(), onClick: () => { this.changeValue(); }, title: this.label }, this.label) : undefined));
   }
   static get is() { return "ez-check"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ez-check.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ez-check.css"]
-  }; }
-  static get properties() { return {
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Texto a ser apresentado como t\u00EDtulo do campo."
-      },
-      "attribute": "label",
-      "reflect": true
-    },
-    "value": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define o valor do campo."
-      },
-      "attribute": "value",
-      "reflect": true
-    },
-    "enabled": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["ez-check.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ez-check.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Texto a ser apresentado como t\u00EDtulo do campo."
+        },
+        "attribute": "label",
+        "reflect": true
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Se false o usu\u00E1rio n\u00E3o pode interagir com o campo."
+      "value": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o valor do campo."
+        },
+        "attribute": "value",
+        "reflect": true
       },
-      "attribute": "enabled",
-      "reflect": true,
-      "defaultValue": "true"
-    },
-    "indeterminate": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "enabled": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Se false o usu\u00E1rio n\u00E3o pode interagir com o campo."
+        },
+        "attribute": "enabled",
+        "reflect": true,
+        "defaultValue": "true"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Se true ativa o estado indeterminado, nem marcado nem desmarcado (n\u00E3o dispon\u00EDvel em modo `switch`)."
+      "indeterminate": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Se true ativa o estado indeterminado, nem marcado nem desmarcado (n\u00E3o dispon\u00EDvel em modo `switch`)."
+        },
+        "attribute": "indeterminate",
+        "reflect": true
       },
-      "attribute": "indeterminate",
-      "reflect": true
-    },
-    "mode": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "CheckMode",
-        "resolved": "CheckMode.REGULAR | CheckMode.SWITCH",
-        "references": {
-          "CheckMode": {
-            "location": "import",
-            "path": "./CheckMode"
+      "mode": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "CheckMode",
+          "resolved": "CheckMode.REGULAR | CheckMode.SWITCH",
+          "references": {
+            "CheckMode": {
+              "location": "import",
+              "path": "./CheckMode"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define o modo de visualiza\u00E7\u00E3o do ez-check."
-      },
-      "attribute": "mode",
-      "reflect": true,
-      "defaultValue": "CheckMode.REGULAR"
-    }
-  }; }
-  static get events() { return [{
-      "method": "ezChange",
-      "name": "ezChange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitido quando acontece a altera\u00E7\u00E3o de valor do campo."
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o modo de visualiza\u00E7\u00E3o do ez-check."
+        },
+        "attribute": "mode",
+        "reflect": true,
+        "defaultValue": "CheckMode.REGULAR"
       }
-    }]; }
-  static get methods() { return {
-    "getMode": {
-      "complexType": {
-        "signature": "() => Promise<CheckMode>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
+    };
+  }
+  static get events() {
+    return [{
+        "method": "ezChange",
+        "name": "ezChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido quando acontece a altera\u00E7\u00E3o de valor do campo."
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "getMode": {
+        "complexType": {
+          "signature": "() => Promise<CheckMode>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "CheckMode": {
+              "location": "import",
+              "path": "./CheckMode"
+            }
           },
-          "CheckMode": {
-            "location": "import",
-            "path": "./CheckMode"
-          }
+          "return": "Promise<CheckMode>"
         },
-        "return": "Promise<CheckMode>"
+        "docs": {
+          "text": "Obt\u00E9m o modo escolhido.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Obt\u00E9m o modo escolhido.",
-        "tags": []
-      }
-    },
-    "setFocus": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "setFocus": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "Aplica o foco no campo.",
-        "tags": []
+        "docs": {
+          "text": "Aplica o foco no campo.",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "_element"; }
-  static get watchers() { return [{
-      "propName": "value",
-      "methodName": "observeValue"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "value",
+        "methodName": "observeValue"
+      }];
+  }
 }

package/dist/collection/components/ez-chip/ez-chip.css

@@ -119,6 +119,10 @@
   border-color: var(--ez-label-chip__label__container--default--border-color--active);
 }
 
+.label__container:focus {
+  outline: var(--border--medium) var(--ez-label-chip__label__container--default--border-color--active);
+}
+
 .label__container--disabled:hover {
   cursor: default;
   border: var(--ez-label-chip__label__container--border);