@sankhyalabs/ezui 3.0.0 → 3.0.2

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

@@ -1,5 +1,5 @@
 import { ElementIDUtils, ObjectUtils } from '@sankhyalabs/core';
-import { Component, Element, Event, h, Host, Prop } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import { DropdownItem } from './structure/DropdownItem';
 import { SubmenuControl } from './structure/SubmenuControl';
 export class EzDropdown {
@@ -12,10 +12,9 @@ export class EzDropdown {
      * Valor 0, null ou undefined desativa o limitador.
      */
     this._levelLimits = 3;
-    /**
-    * Lista de itens que vão ser apresentados no dropdown.
-    */
     this.items = [];
+    this.value = undefined;
+    this.itemBuilder = undefined;
   }
   //---------------------------------------------
   // Private methods
@@ -121,14 +120,12 @@ export class EzDropdown {
     return groupItems.map((item) => {
       var _a;
       return (item.type !== "divider"
-        ? h("div", Object.assign({ ref: (ref) => this._itemList[item.id] = ref, class: "ez-dropdown__item", "data-level": level }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: ElementIDUtils.getInternalIDInfo(`${item.id}_ezDropdownItem`) }),
-          h("div", { class: "ez-dropdown__item-content", onClick: (evt) => this.onItemClick(evt, item), onMouseOver: (evt) => this.onShowSubmenu(evt, item) }, this.itemBuilder
-            ? this.getContainerItemBuilder(item, level)
-            : this.defaultItemBuilder(item, isLockedLevels, hasIcon, hasChildren)),
-          ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) > 0 &&
-            !isLockedLevels &&
-            hasChildren &&
-            h("div", { ref: (ref) => this._submenuList.push(ref), class: "ez-dropdown__submenu ez-dropdown__submenu--hide" }, this.renderDropdown(item.children, counterLevel)))
+        ? h("div", Object.assign({ ref: (ref) => this._itemList[item.id] = ref, class: "ez-dropdown__item", "data-level": level }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: ElementIDUtils.getInternalIDInfo(`${item.id}_ezDropdownItem`) }), h("div", { class: "ez-dropdown__item-content", onClick: (evt) => this.onItemClick(evt, item), onMouseOver: (evt) => this.onShowSubmenu(evt, item) }, this.itemBuilder
+          ? this.getContainerItemBuilder(item, level)
+          : this.defaultItemBuilder(item, isLockedLevels, hasIcon, hasChildren)), ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) > 0 &&
+          !isLockedLevels &&
+          hasChildren &&
+          h("div", { ref: (ref) => this._submenuList.push(ref), class: "ez-dropdown__submenu ez-dropdown__submenu--hide" }, this.renderDropdown(item.children, counterLevel)))
         : h("hr", Object.assign({ class: "ez-dropdown__divider" }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: ElementIDUtils.getInternalIDInfo(`${item.id}_ezDropdownDivider`) })));
     });
   }
@@ -140,17 +137,13 @@ export class EzDropdown {
     const hasGroup = this.hasGroup(branchItems);
     const hasIcon = this.hasIcon(branchItems);
     const hasChildren = this.hasChildren(branchItems);
-    return (h("div", { class: "ez-dropdown", "data-level": level },
-      h("div", { class: "ez-dropdown__container" }, Object.keys(itemsByGroup)
-        .map((groupLabel) => {
-        return (h("div", Object.assign({ class: "ez-dropdown__group" }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: ElementIDUtils.getInternalIDInfo(`${groupLabel}_ezDropdownGroup`) }),
-          groupLabel !== "noGroup" &&
-            h("label", { class: "ez-dropdown__group-label", title: groupLabel }, groupLabel),
-          hasGroup &&
-            groupLabel === "noGroup" &&
-            h("hr", Object.assign({ class: "ez-dropdown__divider" }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: ElementIDUtils.getInternalIDInfo(`${groupLabel}_ezDropdownDivider`) })),
-          this.getItemsRender(itemsByGroup[groupLabel].items, level, hasIcon, hasChildren)));
-      }))));
+    return (h("div", { class: "ez-dropdown", "data-level": level }, h("div", { class: "ez-dropdown__container" }, Object.keys(itemsByGroup)
+      .map((groupLabel) => {
+      return (h("div", Object.assign({ class: "ez-dropdown__group" }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: ElementIDUtils.getInternalIDInfo(`${groupLabel}_ezDropdownGroup`) }), groupLabel !== "noGroup" &&
+        h("label", { class: "ez-dropdown__group-label", title: groupLabel }, groupLabel), hasGroup &&
+        groupLabel === "noGroup" &&
+        h("hr", Object.assign({ class: "ez-dropdown__divider" }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: ElementIDUtils.getInternalIDInfo(`${groupLabel}_ezDropdownDivider`) })), this.getItemsRender(itemsByGroup[groupLabel].items, level, hasIcon, hasChildren)));
+    }))));
   }
   hasOpenedSubmenu(level) {
     const openedLevels = Object.keys(this._openedMenuList);
@@ -235,121 +228,129 @@ export class EzDropdown {
   }
   static get is() { return "ez-dropdown"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ez-dropdown.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ez-dropdown.css"]
-  }; }
-  static get properties() { return {
-    "items": {
-      "type": "unknown",
-      "mutable": true,
-      "complexType": {
-        "original": "Array<IDropdownItem>",
-        "resolved": "IDropdownItem[]",
-        "references": {
-          "Array": {
-            "location": "global"
-          },
-          "IDropdownItem": {
-            "location": "import",
-            "path": "./structure/DropdownItem"
+  static get originalStyleUrls() {
+    return {
+      "$": ["ez-dropdown.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ez-dropdown.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "items": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "Array<IDropdownItem>",
+          "resolved": "IDropdownItem[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            },
+            "IDropdownItem": {
+              "location": "import",
+              "path": "./structure/DropdownItem"
+            }
           }
-        }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Lista de itens que v\u00E3o ser apresentados no dropdown."
+        },
+        "defaultValue": "[]"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Lista de itens que v\u00E3o ser apresentados no dropdown."
-      },
-      "defaultValue": "[]"
-    },
-    "value": {
-      "type": "unknown",
-      "mutable": true,
-      "complexType": {
-        "original": "IDropdownItem",
-        "resolved": "IDropdownItem",
-        "references": {
-          "IDropdownItem": {
-            "location": "import",
-            "path": "./structure/DropdownItem"
+      "value": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "IDropdownItem",
+          "resolved": "IDropdownItem",
+          "references": {
+            "IDropdownItem": {
+              "location": "import",
+              "path": "./structure/DropdownItem"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "\u00DAltimo item que recebeu o click."
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "\u00DAltimo item que recebeu o click."
-      }
-    },
-    "itemBuilder": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "(item: IDropdownItem, level: number) => HTMLElement | string",
-        "resolved": "(item: IDropdownItem, level: number) => string | HTMLElement",
-        "references": {
-          "IDropdownItem": {
-            "location": "import",
-            "path": "./structure/DropdownItem"
-          },
-          "HTMLElement": {
-            "location": "global"
+      "itemBuilder": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(item: IDropdownItem, level: number) => HTMLElement | string",
+          "resolved": "(item: IDropdownItem, level: number) => string | HTMLElement",
+          "references": {
+            "IDropdownItem": {
+              "location": "import",
+              "path": "./structure/DropdownItem"
+            },
+            "HTMLElement": {
+              "location": "global"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Fun\u00E7\u00E3o builder que possibilita alterar como o item da lista vai ser apresentado.\nObserva\u00E7\u00E3o: No react ele se transforma em VNode e n\u00E3o como HTMLElement."
         }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Fun\u00E7\u00E3o builder que possibilita alterar como o item da lista vai ser apresentado.\nObserva\u00E7\u00E3o: No react ele se transforma em VNode e n\u00E3o como HTMLElement."
       }
-    }
-  }; }
-  static get events() { return [{
-      "method": "ezClick",
-      "name": "ezClick",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitido quando ocorrer um click em um item da lista,\no IDropdownItem que recebeu o click deve ser enviado como data do evento."
-      },
-      "complexType": {
-        "original": "IDropdownItem",
-        "resolved": "IDropdownItem",
-        "references": {
-          "IDropdownItem": {
-            "location": "import",
-            "path": "./structure/DropdownItem"
+    };
+  }
+  static get events() {
+    return [{
+        "method": "ezClick",
+        "name": "ezClick",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido quando ocorrer um click em um item da lista,\no IDropdownItem que recebeu o click deve ser enviado como data do evento."
+        },
+        "complexType": {
+          "original": "IDropdownItem",
+          "resolved": "IDropdownItem",
+          "references": {
+            "IDropdownItem": {
+              "location": "import",
+              "path": "./structure/DropdownItem"
+            }
           }
         }
-      }
-    }, {
-      "method": "ezSubActionClick",
-      "name": "ezSubActionClick",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitido quando ocorrer um click em uma a\u00E7\u00E3o secundaria do item, \no IDropdownSubAction deve ser enviado como data do evento."
-      },
-      "complexType": {
-        "original": "IDropdownSubAction",
-        "resolved": "IDropdownSubAction",
-        "references": {
-          "IDropdownSubAction": {
-            "location": "import",
-            "path": "./structure/DropdownItem"
+      }, {
+        "method": "ezSubActionClick",
+        "name": "ezSubActionClick",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido quando ocorrer um click em uma a\u00E7\u00E3o secundaria do item, \no IDropdownSubAction deve ser enviado como data do evento."
+        },
+        "complexType": {
+          "original": "IDropdownSubAction",
+          "resolved": "IDropdownSubAction",
+          "references": {
+            "IDropdownSubAction": {
+              "location": "import",
+              "path": "./structure/DropdownItem"
+            }
           }
         }
-      }
-    }]; }
+      }];
+  }
   static get elementRef() { return "_element"; }
 }

package/dist/collection/components/ez-dropdown/structure/DropdownItem.js

@@ -1,10 +1,7 @@
 import { ElementIDUtils } from "@sankhyalabs/core";
 import { h } from "@stencil/core";
 export const DropdownItem = ({ item, hasIcon, hasChildren, isLockedLevels, onSubActionClick }) => {
-  return (h("div", { class: "ez-dropdown__item-wrapper", title: item.label },
-    getContentLeft(item, hasIcon),
-    h("span", { class: "ez-dropdown__item-label" }, item.label),
-    getContentRight(item, hasChildren, isLockedLevels, onSubActionClick)));
+  return (h("div", { class: "ez-dropdown__item-wrapper", title: item.label }, getContentLeft(item, hasIcon), h("span", { class: "ez-dropdown__item-label" }, item.label), getContentRight(item, hasChildren, isLockedLevels, onSubActionClick)));
 };
 const getContentLeft = (item, hasIcon) => {
   if (item == undefined || !hasIcon) {

package/dist/collection/components/ez-file-item/ez-file-item.js

@@ -1,14 +1,11 @@
 import { ElementIDUtils, StringUtils } from "@sankhyalabs/core";
-import { Component, Element, Event, h, Prop, Watch } from "@stencil/core";
+import { h } from "@stencil/core";
 export class EzFileItem {
   constructor() {
-    /**
-     * Define se o usuário pode remover o arquivo que está sendo apresentado.
-     */
     this.canRemove = true;
-    /**
-     * Percentual de carregamento do arquivo para o servidor.
-     */
+    this.fileName = undefined;
+    this.iconName = undefined;
+    this.fileSize = undefined;
     this.progress = 100;
   }
   observeProgress(newProgress) {
@@ -37,150 +34,155 @@ export class EzFileItem {
   render() {
     this._element.title = `${this.fileName} ${this.getFileSize()}`;
     ElementIDUtils.addIDInfoIfNotExists(this._element, 'ezFileIcon');
-    return (h("div", { class: "box", onClick: () => this.ezClick.emit(this.fileName) },
-      h("div", { class: "content" },
-        h("ez-icon", { "data-element-id": ElementIDUtils.getInternalIDInfo("fileIcon"), class: "file-type-icon", size: "medium", "icon-name": this.getIconName() }),
-        h("label", { class: "file-name" }, this.fileName),
-        h("label", { class: "file-size" }, this.getFileSize())),
-      this.canRemove ?
-        h("ez-icon", { "data-element-id": ElementIDUtils.getInternalIDInfo("remove"), class: "btn-remove", size: "medium", "icon-name": "close", onClick: evt => {
-            this.ezRemove.emit(this.fileName);
-            evt.stopPropagation();
-          } }) : undefined));
+    return (h("div", { class: "box", onClick: () => this.ezClick.emit(this.fileName) }, h("div", { class: "content" }, h("ez-icon", { "data-element-id": ElementIDUtils.getInternalIDInfo("fileIcon"), class: "file-type-icon", size: "medium", "icon-name": this.getIconName() }), h("label", { class: "file-name" }, this.fileName), h("label", { class: "file-size" }, this.getFileSize())), this.canRemove ?
+      h("ez-icon", { "data-element-id": ElementIDUtils.getInternalIDInfo("remove"), class: "btn-remove", size: "medium", "icon-name": "close", onClick: evt => {
+          this.ezRemove.emit(this.fileName);
+          evt.stopPropagation();
+        } }) : undefined));
   }
   static get is() { return "ez-file-item"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ez-file-item.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ez-file-item.css"]
-  }; }
-  static get properties() { return {
-    "canRemove": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define se o usu\u00E1rio pode remover o arquivo que est\u00E1 sendo apresentado."
-      },
-      "attribute": "can-remove",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "fileName": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define o nome do arquivo, com extens\u00E3o."
-      },
-      "attribute": "file-name",
-      "reflect": false
-    },
-    "iconName": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define qual \u00EDcone que representa o arquivo."
-      },
-      "attribute": "icon-name",
-      "reflect": false
-    },
-    "fileSize": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Tamanho do arquivo (em bytes)."
-      },
-      "attribute": "file-size",
-      "reflect": false
-    },
-    "progress": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["ez-file-item.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ez-file-item.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "canRemove": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define se o usu\u00E1rio pode remover o arquivo que est\u00E1 sendo apresentado."
+        },
+        "attribute": "can-remove",
+        "reflect": false,
+        "defaultValue": "true"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Percentual de carregamento do arquivo para o servidor."
+      "fileName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o nome do arquivo, com extens\u00E3o."
+        },
+        "attribute": "file-name",
+        "reflect": false
       },
-      "attribute": "progress",
-      "reflect": false,
-      "defaultValue": "100"
-    }
-  }; }
-  static get events() { return [{
-      "method": "ezClick",
-      "name": "ezClick",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitido ao clicar no ez-file-input (exceto no bot\u00E3o de remover)."
+      "iconName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define qual \u00EDcone que representa o arquivo."
+        },
+        "attribute": "icon-name",
+        "reflect": false
       },
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      }
-    }, {
-      "method": "ezRemove",
-      "name": "ezRemove",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitido ao clicar no bot\u00E3o de remover."
+      "fileSize": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Tamanho do arquivo (em bytes)."
+        },
+        "attribute": "file-size",
+        "reflect": false
       },
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "progress": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Percentual de carregamento do arquivo para o servidor."
+        },
+        "attribute": "progress",
+        "reflect": false,
+        "defaultValue": "100"
       }
-    }]; }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "ezClick",
+        "name": "ezClick",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido ao clicar no ez-file-input (exceto no bot\u00E3o de remover)."
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
+      }, {
+        "method": "ezRemove",
+        "name": "ezRemove",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido ao clicar no bot\u00E3o de remover."
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "_element"; }
-  static get watchers() { return [{
-      "propName": "progress",
-      "methodName": "observeProgress"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "progress",
+        "methodName": "observeProgress"
+      }];
+  }
 }
 const FILE_TYPE_ICONS = {
   ".exe": "exe",