@sankhyalabs/ezui 3.0.0 → 3.0.2

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

@@ -1,14 +1,11 @@
-import { Component, Element, Prop, h, Method, Watch, Event } from "@stencil/core";
+import { h } from "@stencil/core";
 import { ElementIDUtils } from '@sankhyalabs/core';
 export class EzChip {
   constructor() {
-    /**
-     * Se false o usuário não pode interagir com o ez-chip.
-     */
+    this.label = undefined;
     this.enabled = true;
-    /**
-     * Define o valor do ez-chip.
-     */
+    this.removePosition = undefined;
+    this.mode = undefined;
     this.value = false;
   }
   //---------------------------------------------
@@ -18,13 +15,13 @@ export class EzChip {
    * Aplica o foco no ez-chip.
    */
   async setFocus() {
-    this._labelElem.focus();
+    this._containerElem.focus();
   }
   /**
    * Remove o foco do ez-chip.
    */
   async setBlur() {
-    this._labelElem.blur();
+    this._containerElem.blur();
   }
   //---------------------------------------------
   // Event handlers
@@ -89,198 +86,205 @@ export class EzChip {
     }
   }
   render() {
-    return (h("button", { onClick: (ev) => this.handleClick(ev), class: "label__container" + (this.removePosition === "left" ? " label__container--row-reverse" : ""), ref: (el) => this._containerElem = el },
-      h("div", { class: "label__content" },
-        h("slot", { name: "leftIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }),
-        h("label", { class: "lbl " + (this.value ? "lbl--active " : ""), ref: (el) => this._labelElem = el, title: this.label }, this.formatLabel()),
-        h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } })),
-      this.mode !== 'action' && this.removePosition && h("ez-icon", { class: "btn-close", size: "small", "icon-name": "close" })));
+    return (h("button", { onClick: (ev) => this.handleClick(ev), class: "label__container" + (this.removePosition === "left" ? " label__container--row-reverse" : ""), ref: (el) => this._containerElem = el }, h("div", { class: "label__content" }, h("slot", { name: "leftIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }), h("label", { class: "lbl " + (this.value ? "lbl--active " : ""), ref: (el) => this._labelElem = el, title: this.label }, this.formatLabel()), h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } })), this.mode !== 'action' && this.removePosition && h("ez-icon", { class: "btn-close", size: "small", "icon-name": "close" })));
   }
   static get is() { return "ez-chip"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ez-chip.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ez-chip.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 ez-chip."
-      },
-      "attribute": "label",
-      "reflect": true
-    },
-    "enabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Se false o usu\u00E1rio n\u00E3o pode interagir com o ez-chip."
-      },
-      "attribute": "enabled",
-      "reflect": true,
-      "defaultValue": "true"
-    },
-    "removePosition": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"left\" | \"right\" | undefined",
-        "resolved": "\"left\" | \"right\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Determina o posicionamento do bot\u00E3o de remover (n\u00E3o dispon\u00EDvel no modo `action`). \nSe n\u00E3o informado, n\u00E3o exibe o bot\u00E3o."
-      },
-      "attribute": "remove-position",
-      "reflect": true
-    },
-    "mode": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"label\" | \"action\"",
-        "resolved": "\"action\" | \"label\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define o modo de uso do ez-chip."
-      },
-      "attribute": "mode",
-      "reflect": true
-    },
-    "value": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define o valor do ez-chip."
-      },
-      "attribute": "value",
-      "reflect": true,
-      "defaultValue": "false"
-    }
-  }; }
-  static get events() { return [{
-      "method": "valueChange",
-      "name": "valueChange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitido quando acontece a altera\u00E7\u00E3o de valor do ez-chip."
+  static get originalStyleUrls() {
+    return {
+      "$": ["ez-chip.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ez-chip.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 ez-chip."
+        },
+        "attribute": "label",
+        "reflect": true
       },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      }
-    }, {
-      "method": "removeChip",
-      "name": "removeChip",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitido quando o bot\u00E3o de remo\u00E7\u00E3o \u00E9 acionado."
+      "enabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Se false o usu\u00E1rio n\u00E3o pode interagir com o ez-chip."
+        },
+        "attribute": "enabled",
+        "reflect": true,
+        "defaultValue": "true"
       },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "actionClick",
-      "name": "actionClick",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitido no modo \"action\" quando o usu\u00E1rio clica no ez-chip."
+      "removePosition": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"left\" | \"right\" | undefined",
+          "resolved": "\"left\" | \"right\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Determina o posicionamento do bot\u00E3o de remover (n\u00E3o dispon\u00EDvel no modo `action`). \nSe n\u00E3o informado, n\u00E3o exibe o bot\u00E3o."
+        },
+        "attribute": "remove-position",
+        "reflect": true
       },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }]; }
-  static get methods() { return {
-    "setFocus": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "mode": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"label\" | \"action\"",
+          "resolved": "\"action\" | \"label\"",
+          "references": {}
         },
-        "return": "Promise<void>"
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o modo de uso do ez-chip."
+        },
+        "attribute": "mode",
+        "reflect": true
       },
-      "docs": {
-        "text": "Aplica o foco no ez-chip.",
-        "tags": []
+      "value": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o valor do ez-chip."
+        },
+        "attribute": "value",
+        "reflect": true,
+        "defaultValue": "false"
       }
-    },
-    "setBlur": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "valueChange",
+        "name": "valueChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido quando acontece a altera\u00E7\u00E3o de valor do ez-chip."
         },
-        "return": "Promise<void>"
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }, {
+        "method": "removeChip",
+        "name": "removeChip",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido quando o bot\u00E3o de remo\u00E7\u00E3o \u00E9 acionado."
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "actionClick",
+        "name": "actionClick",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido no modo \"action\" quando o usu\u00E1rio clica no ez-chip."
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "setFocus": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Aplica o foco no ez-chip.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Remove o foco do ez-chip.",
-        "tags": []
+      "setBlur": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Remove o foco do ez-chip.",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "_element"; }
-  static get watchers() { return [{
-      "propName": "value",
-      "methodName": "observeValue"
-    }, {
-      "propName": "enabled",
-      "methodName": "observeEnabled"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "value",
+        "methodName": "observeValue"
+      }, {
+        "propName": "enabled",
+        "methodName": "observeEnabled"
+      }];
+  }
 }
 var ChipSize;
 (function (ChipSize) {