@sankhyalabs/ezui 3.0.0 → 3.0.2

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

@@ -1,4 +1,4 @@
-import { Component, Host, h, Prop, Element } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 import { ElementIDUtils } from '@sankhyalabs/core';
 const iconMap = {
   warn: "warning_triangle",
@@ -7,49 +7,47 @@ const iconMap = {
 };
 export class EzAlert {
   constructor() {
-    /**
-     * Define a cor e o ícone a serem exibidos no componente.
-     */
     this.alertType = 'success';
   }
   componentWillRender() {
     this.dataElementId = ElementIDUtils.addIDInfo(this._element);
   }
   render() {
-    return (h(Host, null,
-      h("div", { class: `alert-container ${this.alertType}` },
-        h("div", null,
-          h("ez-icon", Object.assign({}, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: this.dataElementId }, { class: `alert-container__icon-${this.alertType}`, size: "large", iconName: iconMap[this.alertType] }))),
-        h("div", Object.assign({}, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${this.dataElementId}_text` }),
-          h("slot", null)))));
+    return (h(Host, null, h("div", { class: `alert-container ${this.alertType}` }, h("div", null, h("ez-icon", Object.assign({}, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: this.dataElementId }, { class: `alert-container__icon-${this.alertType}`, size: "large", iconName: iconMap[this.alertType] }))), h("div", Object.assign({}, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${this.dataElementId}_text` }), h("slot", null)))));
   }
   static get is() { return "ez-alert"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ez-alert.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ez-alert.css"]
-  }; }
-  static get properties() { return {
-    "alertType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'warn' | 'critical' | 'success'",
-        "resolved": "\"critical\" | \"success\" | \"warn\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define a cor e o \u00EDcone a serem exibidos no componente."
-      },
-      "attribute": "alert-type",
-      "reflect": true,
-      "defaultValue": "'success'"
-    }
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ez-alert.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ez-alert.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "alertType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'warn' | 'critical' | 'success'",
+          "resolved": "\"critical\" | \"success\" | \"warn\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define a cor e o \u00EDcone a serem exibidos no componente."
+        },
+        "attribute": "alert-type",
+        "reflect": true,
+        "defaultValue": "'success'"
+      }
+    };
+  }
   static get elementRef() { return "_element"; }
 }

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

@@ -1,4 +1,4 @@
-import { Component, h, Event } from "@stencil/core";
+import { h } from "@stencil/core";
 export class EzApplication {
   componentWillLoad() {
     //Initizalize application
@@ -10,26 +10,32 @@ export class EzApplication {
     return (h("div", null));
   }
   static get is() { return "ez-application"; }
-  static get originalStyleUrls() { return {
-    "$": ["ez-application.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ez-application.css"]
-  }; }
-  static get events() { return [{
-      "method": "applicationLoaded",
-      "name": "applicationLoaded",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Evento disparado quando a aplica\u00E7\u00E3o for carregada."
-      },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      }
-    }]; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ez-application.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ez-application.css"]
+    };
+  }
+  static get events() {
+    return [{
+        "method": "applicationLoaded",
+        "name": "applicationLoaded",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Evento disparado quando a aplica\u00E7\u00E3o for carregada."
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }];
+  }
 }

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

@@ -1,10 +1,7 @@
-import { Component, h, Prop, Event, Element } from '@stencil/core';
+import { h } from '@stencil/core';
 import { ElementIDUtils } from '@sankhyalabs/core';
 export class EzBreadcrumb {
   constructor() {
-    /**
-     * Lista de itens do breadcrumb.
-     */
     this.items = [];
   }
   componentDidLoad() {
@@ -14,67 +11,71 @@ export class EzBreadcrumb {
     this.ezClick.emit(itemSelected);
   }
   render() {
-    return (h("nav", { class: "breadcrumb" },
-      h("ol", { class: "breadcrumb__list" }, this.items.map((item, index) => {
-        const isLastItem = index === (this.items.length - 1);
-        return (h("li", Object.assign({ class: "breadcrumb__item", id: item.id }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: ElementIDUtils.getInternalIDInfo(`ezBreadcrumbItem_${item.id}`) }),
-          item.iconName && h("ez-icon", Object.assign({ class: `breadcrumb__item--icon ${isLastItem ? 'active-icon' : ''}`, size: "small", iconName: item.iconName }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo(`iconItem${item.id}`)}` })),
-          h("p", { class: `breadcrumb__item--label ${isLastItem ? 'active' : ''}`, onClick: !isLastItem ? () => this.handleItemClick(item) : undefined }, item.label),
-          !isLastItem && h("ez-icon", Object.assign({ class: "breadcrumb__item--chevron", size: "small", iconName: "chevron-right" }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo(`iconPath${item.id}`)}` }))));
-      }))));
+    return (h("nav", { class: "breadcrumb" }, h("ol", { class: "breadcrumb__list" }, this.items.map((item, index) => {
+      const isLastItem = index === (this.items.length - 1);
+      return (h("li", Object.assign({ class: "breadcrumb__item", id: item.id }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: ElementIDUtils.getInternalIDInfo(`ezBreadcrumbItem_${item.id}`) }), item.iconName && h("ez-icon", Object.assign({ class: `breadcrumb__item--icon ${isLastItem ? 'active-icon' : ''}`, size: "small", iconName: item.iconName }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo(`iconItem${item.id}`)}` })), h("p", { class: `breadcrumb__item--label ${isLastItem ? 'active' : ''}`, onClick: !isLastItem ? () => this.handleItemClick(item) : undefined }, item.label), !isLastItem && h("ez-icon", Object.assign({ class: "breadcrumb__item--chevron", size: "small", iconName: "chevron-right" }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo(`iconPath${item.id}`)}` }))));
+    }))));
   }
   static get is() { return "ez-breadcrumb"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ez-breadcrumb.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ez-breadcrumb.css"]
-  }; }
-  static get properties() { return {
-    "items": {
-      "type": "unknown",
-      "mutable": true,
-      "complexType": {
-        "original": "Array<IBreadcrumbItem>",
-        "resolved": "IBreadcrumbItem[]",
-        "references": {
-          "Array": {
-            "location": "global"
-          },
-          "IBreadcrumbItem": {
-            "location": "local"
+  static get originalStyleUrls() {
+    return {
+      "$": ["ez-breadcrumb.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ez-breadcrumb.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "items": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "Array<IBreadcrumbItem>",
+          "resolved": "IBreadcrumbItem[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            },
+            "IBreadcrumbItem": {
+              "location": "local"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Lista de itens do breadcrumb."
-      },
-      "defaultValue": "[]"
-    }
-  }; }
-  static get events() { return [{
-      "method": "ezClick",
-      "name": "ezClick",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitido quando um item do breadcrumb \u00E9 selecionado."
-      },
-      "complexType": {
-        "original": "IBreadcrumbItem",
-        "resolved": "IBreadcrumbItem",
-        "references": {
-          "IBreadcrumbItem": {
-            "location": "local"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Lista de itens do breadcrumb."
+        },
+        "defaultValue": "[]"
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "ezClick",
+        "name": "ezClick",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido quando um item do breadcrumb \u00E9 selecionado."
+        },
+        "complexType": {
+          "original": "IBreadcrumbItem",
+          "resolved": "IBreadcrumbItem",
+          "references": {
+            "IBreadcrumbItem": {
+              "location": "local"
+            }
           }
         }
-      }
-    }]; }
+      }];
+  }
   static get elementRef() { return "_element"; }
 }

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

@@ -1,15 +1,13 @@
 import { ElementIDUtils } from "@sankhyalabs/core";
-import { Component, h, Prop, Method, Element } from "@stencil/core";
+import { h } from "@stencil/core";
 export class EzButton {
   constructor() {
-    /**
-     * Se false o usuário não pode interagir com o botão.
-     */
+    this.label = undefined;
     this.enabled = true;
-    /**
-     * Define o modo de uso do botão.
-     */
     this.mode = "regular";
+    this.image = undefined;
+    this.iconName = undefined;
+    this.size = undefined;
   }
   /**
    * Aplica o foco no botão.
@@ -57,177 +55,179 @@ export class EzButton {
   }
   render() {
     if (this.mode == "icon") {
-      return (h("button", { class: "btn-icon " + ((this.getIconSize()) ? `btn-icon--${this.getIconSize()}` : ""), type: "button", disabled: !this.enabled, ref: (el) => this._button = el },
-        h("ez-icon", { class: "icon", href: this.image, iconName: this.iconName, size: this.getIconSize(), onClick: evt => { if (!this.enabled)
-            evt.stopPropagation(); } })));
+      return (h("button", { class: "btn-icon " + ((this.getIconSize()) ? `btn-icon--${this.getIconSize()}` : ""), type: "button", disabled: !this.enabled, ref: (el) => this._button = el }, h("ez-icon", { class: "icon", href: this.image, iconName: this.iconName, size: this.getIconSize(), onClick: evt => {
+          if (!this.enabled)
+            evt.stopPropagation();
+        } })));
     }
     else if (this.mode == "label-icon") {
-      return (h("div", { class: "label-icon" },
-        h("button", { class: "btn-icon " + ((this.getIconSize()) ? `btn-icon--${this.getIconSize()}` : ""), type: "button", disabled: !this.enabled, ref: (el) => this._button = el },
-          h("ez-icon", { class: "icon", href: this.image, iconName: this.iconName, size: this.getIconSize(), onClick: evt => { if (!this.enabled)
-              evt.stopPropagation(); } })),
-        h("label", { title: this.label }, this.label)));
+      return (h("div", { class: "label-icon" }, h("button", { class: "btn-icon " + ((this.getIconSize()) ? `btn-icon--${this.getIconSize()}` : ""), type: "button", disabled: !this.enabled, ref: (el) => this._button = el }, h("ez-icon", { class: "icon", href: this.image, iconName: this.iconName, size: this.getIconSize(), onClick: evt => {
+          if (!this.enabled)
+            evt.stopPropagation();
+        } })), h("label", { title: this.label }, this.label)));
     }
     else if (this.mode == "link") {
-      return (h("a", { class: this.getIconSize(), ref: (el) => this._button = el },
-        h("slot", { name: "leftIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }),
-        this.label,
-        h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } })));
+      return (h("a", { class: this.getIconSize(), ref: (el) => this._button = el }, h("slot", { name: "leftIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }), this.label, h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } })));
     }
     else {
-      return (h("button", { class: this.getIconSize(""), type: "button", disabled: !this.enabled, ref: (el) => this._button = el },
-        h("slot", { name: "leftIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }),
-        this.label,
-        h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } })));
+      return (h("button", { class: this.getIconSize(""), type: "button", disabled: !this.enabled, ref: (el) => this._button = el }, h("slot", { name: "leftIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }), this.label, h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } })));
     }
   }
   static get is() { return "ez-button"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ez-button.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ez-button.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 bot\u00E3o."
-      },
-      "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 bot\u00E3o."
-      },
-      "attribute": "enabled",
-      "reflect": true,
-      "defaultValue": "true"
-    },
-    "mode": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"regular\" | \"icon\" | \"link\" | \"label-icon\"",
-        "resolved": "\"icon\" | \"label-icon\" | \"link\" | \"regular\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define o modo de uso do bot\u00E3o."
-      },
-      "attribute": "mode",
-      "reflect": true,
-      "defaultValue": "\"regular\""
-    },
-    "image": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define o caminho usado nos modos `icon` e `label-icon` para imagens n\u00E3o contempladas na biblioteca de \u00EDcones."
-      },
-      "attribute": "image",
-      "reflect": true
-    },
-    "iconName": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["ez-button.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ez-button.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 bot\u00E3o."
+        },
+        "attribute": "label",
+        "reflect": true
       },
-      "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)"
+      "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 bot\u00E3o."
+        },
+        "attribute": "enabled",
+        "reflect": true,
+        "defaultValue": "true"
       },
-      "attribute": "icon-name",
-      "reflect": true
-    },
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"small\" | \"medium\" | \"large\" | undefined",
-        "resolved": "\"large\" | \"medium\" | \"small\"",
-        "references": {}
+      "mode": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"regular\" | \"icon\" | \"link\" | \"label-icon\"",
+          "resolved": "\"icon\" | \"label-icon\" | \"link\" | \"regular\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o modo de uso do bot\u00E3o."
+        },
+        "attribute": "mode",
+        "reflect": true,
+        "defaultValue": "\"regular\""
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define o tamanho do ez-button."
+      "image": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o caminho usado nos modos `icon` e `label-icon` para imagens n\u00E3o contempladas na biblioteca de \u00EDcones."
+        },
+        "attribute": "image",
+        "reflect": true
       },
-      "attribute": "size",
-      "reflect": true
-    }
-  }; }
-  static get methods() { return {
-    "setFocus": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "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)"
         },
-        "return": "Promise<void>"
+        "attribute": "icon-name",
+        "reflect": true
       },
-      "docs": {
-        "text": "Aplica o foco no bot\u00E3o.",
-        "tags": []
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"small\" | \"medium\" | \"large\" | undefined",
+          "resolved": "\"large\" | \"medium\" | \"small\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o tamanho do ez-button."
+        },
+        "attribute": "size",
+        "reflect": true
       }
-    },
-    "setBlur": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+    };
+  }
+  static get methods() {
+    return {
+      "setFocus": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Aplica o foco no bot\u00E3o.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Remove o foco do bot\u00E3o.",
-        "tags": []
+      "setBlur": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Remove o foco do bot\u00E3o.",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "_element"; }
 }