@sankhyalabs/ezui 3.0.1 → 3.0.2

package/dist/collection/components/ez-guide-navigator/ez-guide-navigator.js

@@ -1,20 +1,12 @@
-import { Component, Prop, State, h, Host, Method, Element } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 import { ElementIDUtils } from "@sankhyalabs/core";
 import { EzScrollDirection } from "../ez-scroller/EzScrollDirection";
 const ENTER_KEY = "Enter";
 export class EzGuideNavigator {
   constructor() {
-    /**
-     * Define se o menu de navegação está aberto.
-     */
     this.open = true;
-    /**
-     * Lista de itens do menu de navegação.
-     */
     this.items = [];
-    /**
-     * Valor do campo de pesquisa usado na filtragem de guias.
-     */
+    this.tooltipResolver = undefined;
     this.filterText = "";
   }
   /**
@@ -39,135 +31,138 @@ export class EzGuideNavigator {
   }
   render() {
     ElementIDUtils.addIDInfoIfNotExists(this._element);
-    return (h(Host, null,
-      h("ez-sidebar-button", { class: this.open ? "hidden" : "", onEzClick: this.handleToggleSidebar.bind(this), "aria-controls": "navigator", "aria-expanded": this.open, "data-element-id": ElementIDUtils.getInternalIDInfo("openButton") }),
-      h("aside", { tabIndex: -1, id: "navigator", class: "ez-col ez-col--sd-12 ez-col--tb-3 ez-guide-navigator " + (this.open ? "" : "hidden"), "data-element-id": ElementIDUtils.getInternalIDInfo("sidebar") },
-        h("div", { role: "search", class: "ez-guide-navigator__actions" },
-          h("ez-filter-input", { mode: "slim", value: this.filterText, onEzChange: (event) => (this.filterText = event.detail), label: "Buscar guia", "aria-placeholder": "Buscar guia", onKeyUp: this.handleFilterTree.bind(this), "data-element-id": ElementIDUtils.getInternalIDInfo("textinput") }),
-          h("ez-button", { onClick: this.handleToggleSidebar.bind(this), class: "inverted", mode: "icon", size: "small", iconName: "show_menu", title: "Ocultar menu", "aria-label": "Ocultar menu", "aria-controls": "navigator", "data-element-id": ElementIDUtils.getInternalIDInfo("closeButton") })),
-        h("ez-scroller", { direction: EzScrollDirection.VERTICAL, activeShadow: true },
-          h("ez-tree", { ref: element => (this._tree = element), items: this.items, "data-element-id": ElementIDUtils.getInternalIDInfo("tree"), tooltipResolver: this.tooltipResolver })))));
+    return (h(Host, null, h("ez-sidebar-button", { class: this.open ? "hidden" : "", onEzClick: this.handleToggleSidebar.bind(this), "aria-controls": "navigator", "aria-expanded": this.open, "data-element-id": ElementIDUtils.getInternalIDInfo("openButton") }), h("aside", { tabIndex: -1, id: "navigator", class: "ez-col ez-col--sd-12 ez-col--tb-3 ez-guide-navigator " + (this.open ? "" : "hidden"), "data-element-id": ElementIDUtils.getInternalIDInfo("sidebar") }, h("div", { role: "search", class: "ez-guide-navigator__actions" }, h("ez-filter-input", { mode: "slim", value: this.filterText, onEzChange: (event) => (this.filterText = event.detail), label: "Buscar guia", "aria-placeholder": "Buscar guia", onKeyUp: this.handleFilterTree.bind(this), "data-element-id": ElementIDUtils.getInternalIDInfo("textinput") }), h("ez-button", { onClick: this.handleToggleSidebar.bind(this), class: "inverted", mode: "icon", size: "small", iconName: "show_menu", title: "Ocultar menu", "aria-label": "Ocultar menu", "aria-controls": "navigator", "data-element-id": ElementIDUtils.getInternalIDInfo("closeButton") })), h("ez-scroller", { direction: EzScrollDirection.VERTICAL, activeShadow: true }, h("ez-tree", { ref: element => (this._tree = element), items: this.items, "data-element-id": ElementIDUtils.getInternalIDInfo("tree"), tooltipResolver: this.tooltipResolver })))));
   }
   static get is() { return "ez-guide-navigator"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ez-guide-navigator.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ez-guide-navigator.css"]
-  }; }
-  static get properties() { return {
-    "open": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define se o menu de navega\u00E7\u00E3o est\u00E1 aberto."
+  static get originalStyleUrls() {
+    return {
+      "$": ["ez-guide-navigator.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ez-guide-navigator.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "open": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define se o menu de navega\u00E7\u00E3o est\u00E1 aberto."
+        },
+        "attribute": "open",
+        "reflect": true,
+        "defaultValue": "true"
       },
-      "attribute": "open",
-      "reflect": true,
-      "defaultValue": "true"
-    },
-    "items": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Array<IGuideItem>",
-        "resolved": "IGuideItem[]",
-        "references": {
-          "Array": {
-            "location": "global"
-          },
-          "IGuideItem": {
-            "location": "import",
-            "path": "./interfaces"
+      "items": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Array<IGuideItem>",
+          "resolved": "IGuideItem[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            },
+            "IGuideItem": {
+              "location": "import",
+              "path": "./interfaces"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Lista de itens do menu de navega\u00E7\u00E3o."
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Lista de itens do menu de navega\u00E7\u00E3o."
+        },
+        "defaultValue": "[]"
       },
-      "defaultValue": "[]"
-    },
-    "tooltipResolver": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "(item: IGuideItem, enabled: boolean, level: number) => string",
-        "resolved": "(item: IGuideItem, enabled: boolean, level: number) => string",
-        "references": {
-          "IGuideItem": {
-            "location": "import",
-            "path": "./interfaces"
+      "tooltipResolver": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(item: IGuideItem, enabled: boolean, level: number) => string",
+          "resolved": "(item: IGuideItem, enabled: boolean, level: number) => string",
+          "references": {
+            "IGuideItem": {
+              "location": "import",
+              "path": "./interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define uma fun\u00E7\u00E3o que vai resolver o `tooltip` ou `title` daquele item."
         }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define uma fun\u00E7\u00E3o que vai resolver o `tooltip` ou `title` daquele item."
       }
-    }
-  }; }
-  static get states() { return {
-    "filterText": {}
-  }; }
-  static get methods() { return {
-    "disableItem": {
-      "complexType": {
-        "signature": "(id: string | Array<string>) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
+    };
+  }
+  static get states() {
+    return {
+      "filterText": {}
+    };
+  }
+  static get methods() {
+    return {
+      "disableItem": {
+        "complexType": {
+          "signature": "(id: string | Array<string>) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "Array": {
+              "location": "global"
+            }
           },
-          "Array": {
-            "location": "global"
-          }
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Desabilita um ou mais itens.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Desabilita um ou mais itens.",
-        "tags": []
-      }
-    },
-    "enableItem": {
-      "complexType": {
-        "signature": "(id: string | Array<string>) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
+      "enableItem": {
+        "complexType": {
+          "signature": "(id: string | Array<string>) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "Array": {
+              "location": "global"
+            }
           },
-          "Array": {
-            "location": "global"
-          }
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "Habilita um ou mais itens.",
-        "tags": []
+        "docs": {
+          "text": "Habilita um ou mais itens.",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "_element"; }
 }

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

@@ -1,11 +1,10 @@
 import { ElementIDUtils, StringUtils } from "@sankhyalabs/core";
-import { Component, Element, h, Host, Prop } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 export class EzIcon {
   constructor() {
-    /**
-     * Define o tamanho do ícone.
-     */
     this.size = "medium";
+    this.href = undefined;
+    this.iconName = undefined;
   }
   isSprite() {
     return this.href && this.href.indexOf("#") > -1;
@@ -15,8 +14,7 @@ export class EzIcon {
   }
   getIconContent() {
     if (this.isSprite()) {
-      return h("svg", { class: this.size, role: "img" },
-        h("use", { xlinkHref: this.href }));
+      return h("svg", { class: this.size, role: "img" }, h("use", { xlinkHref: this.href }));
     }
     else if (!StringUtils.isEmpty(this.iconName)) {
       return h("span", { class: `icon-content ${this.getIconClassName()}  ${this.size}--font` });
@@ -33,65 +31,71 @@ export class EzIcon {
   }
   static get is() { return "ez-icon"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ez-icon.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ez-icon.css"]
-  }; }
-  static get properties() { return {
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"x-small\" | \"small\"| \"medium\" | \"large\" | \"x-large\"",
-        "resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define o tamanho do \u00EDcone."
-      },
-      "attribute": "size",
-      "reflect": true,
-      "defaultValue": "\"medium\""
-    },
-    "href": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define o endere\u00E7o da imagem quando n\u00E3o contempladas na biblioteca de \u00EDcones."
-      },
-      "attribute": "href",
-      "reflect": true
-    },
-    "iconName": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["ez-icon.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ez-icon.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"x-small\" | \"small\"| \"medium\" | \"large\" | \"x-large\"",
+          "resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o tamanho do \u00EDcone."
+        },
+        "attribute": "size",
+        "reflect": true,
+        "defaultValue": "\"medium\""
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define o \u00EDcone a ser usado da biblioteca de \u00EDcones: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html)"
+      "href": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o endere\u00E7o da imagem quando n\u00E3o contempladas na biblioteca de \u00EDcones."
+        },
+        "attribute": "href",
+        "reflect": true
       },
-      "attribute": "icon-name",
-      "reflect": true
-    }
-  }; }
+      "iconName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o \u00EDcone a ser usado da biblioteca de \u00EDcones: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html)"
+        },
+        "attribute": "icon-name",
+        "reflect": true
+      }
+    };
+  }
   static get elementRef() { return "_hostElement"; }
 }