@sankhyalabs/ezui 2.14.0 → 2.14.2

package/dist/cjs/loader.cjs.js

@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["ez-guide-navigator.cjs",[[1,"ez-guide-navigator",{"binder":[16],"open":[1540],"items":[32],"filterText":[32],"enableOnly":[64],"enableAll":[64]}]]],["ez-actions-button.cjs",[[1,"ez-actions-button",{"enabled":[516],"actions":[1040],"size":[513],"showLabel":[516,"show-label"],"displayIcon":[513,"display-icon"],"checkOption":[516,"check-option"],"value":[513],"isTransparent":[516,"is-transparent"],"arrowActive":[516,"arrow-active"],"_selectedAction":[32],"hideActions":[64],"isOpened":[64]}]]],["ez-dialog.cjs",[[1,"ez-dialog",{"confirm":[1028],"dialogType":[1025,"dialog-type"],"message":[1025],"opened":[1540],"personalizedIconPath":[1025,"personalized-icon-path"],"ezTitle":[1025,"ez-title"],"show":[64]}]]],["ez-grid.cjs",[[6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"config":[1040],"serverUrl":[1,"server-url"],"dataUnit":[16],"statusResolver":[16],"_paginationInfo":[32],"_paginationChangedByKeyboard":[32],"setColumnsDef":[64],"addColumnMenuItem":[64],"setColumnsState":[64],"setData":[64],"getSelection":[64],"getColumnsState":[64],"getColumns":[64],"quickFilter":[64]},[[0,"ezSelectionChange","onSelectionChange"]]]]],["ez-modal-container.cjs",[[6,"ez-modal-container",{"modalTitle":[1,"modal-title"],"modalSubTitle":[1,"modal-sub-title"],"showTitleBar":[4,"show-title-bar"],"cancelButtonLabel":[1,"cancel-button-label"],"okButtonLabel":[1,"ok-button-label"],"cancelButtonStatus":[1,"cancel-button-status"],"okButtonStatus":[1,"ok-button-status"]}]]],["ez-alert.cjs",[[1,"ez-alert",{"alertType":[513,"alert-type"]}]]],["ez-breadcrumb.cjs",[[1,"ez-breadcrumb",{"items":[1040]}]]],["ez-chip.cjs",[[1,"ez-chip",{"label":[513],"enabled":[516],"removePosition":[513,"remove-position"],"mode":[513],"value":[1540],"setFocus":[64],"setBlur":[64]}]]],["ez-dropdown.cjs",[[1,"ez-dropdown",{"items":[1040],"value":[1040],"itemBuilder":[16]}]]],["ez-file-item.cjs",[[1,"ez-file-item",{"canRemove":[4,"can-remove"],"fileName":[1,"file-name"],"iconName":[1,"icon-name"],"fileSize":[2,"file-size"],"progress":[2]}]]],["ez-application.cjs",[[0,"ez-application"]]],["ez-card-item.cjs",[[1,"ez-card-item",{"item":[16]}]]],["ez-list.cjs",[[1,"ez-list",{"dataSource":[1040],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"_listItems":[32],"_listGroupItems":[32],"clearHistory":[64],"scrollToTop":[64],"setSelection":[64],"getSelection":[64],"getList":[64]}]]],["ez-loading-bar.cjs",[[1,"ez-loading-bar",{"_showLoading":[32],"hide":[64],"show":[64]}]]],["ez-modal.cjs",[[1,"ez-modal",{"modalSize":[1,"modal-size"],"align":[1],"opened":[1028],"closeEsc":[4,"close-esc"],"closeOutsideClick":[4,"close-outside-click"]}]]],["ez-popover.cjs",[[1,"ez-popover",{"autoClose":[516,"auto-close"],"top":[1537],"left":[1537],"bottom":[1537],"right":[1537],"boxWidth":[513,"box-width"],"opened":[1540],"innerElement":[1537,"inner-element"],"overlayType":[513,"overlay-type"],"updatePosition":[64],"show":[64],"hide":[64]}]]],["ez-popup.cjs",[[1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[516,"use-header"],"heightMode":[513,"height-mode"],"ezTitle":[1,"ez-title"]}]]],["ez-radio-button.cjs",[[1,"ez-radio-button",{"value":[1544],"options":[1040],"enabled":[516],"label":[513],"direction":[1537]}]]],["ez-scroller.cjs",[[1,"ez-scroller",{"direction":[1],"locked":[4],"activeShadow":[4,"active-shadow"],"isActive":[32]},[[2,"click","clickListener"],[1,"mousedown","mouseDownHandler"],[1,"mouseup","mouseUpHandler"],[1,"mousemove","mouseMoveHandler"]]]]],["ez-toast.cjs",[[1,"ez-toast",{"message":[1025],"fadeTime":[1026,"fade-time"],"useIcon":[1028,"use-icon"],"canClose":[1028,"can-close"],"show":[64]}]]],["ez-view-stack.cjs",[[0,"ez-view-stack",{"show":[64],"getSelectedIndex":[64]}]]],["ez-tabselector.cjs",[[1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1],"_processedTabs":[32]}]]],["ez-text-input.cjs",[[1,"ez-text-input",{"label":[513],"value":[1537],"enabled":[516],"errorMessage":[1537,"error-message"],"mask":[1],"canShowError":[516,"can-show-error"],"restrict":[1],"mode":[513],"noBorder":[516,"no-border"],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-collapsible-box.cjs",[[1,"ez-collapsible-box",{"value":[1540],"label":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"headerAlign":[513,"header-align"],"removable":[516],"editable":[516],"conditionalSave":[16],"_activeEditText":[32],"showHide":[64],"applyFocusTextEdit":[64],"cancelEdition":[64]}]]],["ez-search.cjs",[[1,"ez-search",{"value":[1537],"label":[1537],"enabled":[1540],"errorMessage":[1537,"error-message"],"optionLoader":[16],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressEmptyOption":[4,"suppress-empty-option"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-date-input.cjs",[[1,"ez-date-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-date-time-input.cjs",[[1,"ez-date-time-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-time-input.cjs",[[1,"ez-time-input",{"label":[513],"value":[1026],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-number-input.cjs",[[1,"ez-number-input",{"label":[1],"value":[1538],"enabled":[4],"errorMessage":[1537,"error-message"],"precision":[2],"prettyPrecision":[2,"pretty-precision"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-check.cjs",[[1,"ez-check",{"label":[513],"value":[1540],"enabled":[1540],"indeterminate":[516],"mode":[513],"getMode":[64],"setFocus":[64]}]]],["ez-text-area.cjs",[[1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"errorMessage":[1537,"error-message"],"rows":[1538],"canShowError":[516,"can-show-error"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-upload.cjs",[[1,"ez-upload",{"label":[1],"enabled":[4],"maxFileSize":[2,"max-file-size"],"maxFiles":[2,"max-files"],"requestHeaders":[8,"request-headers"],"urlUpload":[1,"url-upload"],"urlDelete":[1,"url-delete"],"value":[1040],"addFiles":[64],"setFocus":[64],"setBlur":[64]}]]],["ez-text-edit.cjs",[[1,"ez-text-edit",{"value":[1],"styled":[16],"_newValue":[32],"applyFocusSelect":[64]}]]],["ez-combo-box.cjs",[[1,"ez-combo-box",{"value":[1537],"label":[513],"enabled":[516],"options":[1040],"errorMessage":[1537,"error-message"],"searchMode":[4,"search-mode"],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressSearch":[4,"suppress-search"],"optionLoader":[16],"suppressEmptyOption":[4,"suppress-empty-option"],"canShowError":[516,"can-show-error"],"mode":[513],"_preSelection":[32],"_visibleOptions":[32],"_startLoading":[32],"_showLoading":[32],"_criteria":[32],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-filter-input_3.cjs",[[1,"ez-filter-input",{"label":[1],"value":[1537],"enabled":[4],"errorMessage":[1537,"error-message"],"restrict":[1],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}],[1,"ez-sidebar-button"],[1,"ez-tree",{"items":[1040],"value":[1040],"selectedId":[1537,"selected-id"],"iconResolver":[16],"tooltipResolver":[16],"_waintingForLoad":[32],"selectItem":[64],"openItem":[64],"disableItem":[64],"enableItem":[64],"addChild":[64]},[[2,"keydown","onKeyDownListener"]]]]],["ez-calendar.cjs",[[1,"ez-calendar",{"value":[1040],"floating":[516],"time":[516],"showSeconds":[516,"show-seconds"],"show":[64],"fitVertical":[64],"hide":[64]}]]],["ez-icon.cjs",[[1,"ez-icon",{"size":[513],"href":[513],"iconName":[513,"icon-name"]}]]],["ez-button.cjs",[[1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513],"iconName":[513,"icon-name"],"size":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-form-view.cjs",[[2,"ez-form-view",{"fields":[16]}]]],["ez-form.cjs",[[2,"ez-form",{"dataUnit":[1040],"config":[16],"recordsValidator":[16],"multiLevel":[4,"multi-level"],"levelResolver":[16],"contentBuilder":[16],"validate":[64]}]]]], options);
+  return index.bootstrapLazy([["ez-guide-navigator.cjs",[[1,"ez-guide-navigator",{"open":[1540],"items":[16],"tooltipResolver":[16],"filterText":[32],"disableItem":[64],"enableItem":[64]}]]],["ez-actions-button.cjs",[[1,"ez-actions-button",{"enabled":[516],"actions":[1040],"size":[513],"showLabel":[516,"show-label"],"displayIcon":[513,"display-icon"],"checkOption":[516,"check-option"],"value":[513],"isTransparent":[516,"is-transparent"],"arrowActive":[516,"arrow-active"],"_selectedAction":[32],"hideActions":[64],"isOpened":[64]}]]],["ez-dialog.cjs",[[1,"ez-dialog",{"confirm":[1028],"dialogType":[1025,"dialog-type"],"message":[1025],"opened":[1540],"personalizedIconPath":[1025,"personalized-icon-path"],"ezTitle":[1025,"ez-title"],"show":[64]}]]],["ez-grid.cjs",[[6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"config":[1040],"serverUrl":[1,"server-url"],"dataUnit":[16],"statusResolver":[16],"_paginationInfo":[32],"_paginationChangedByKeyboard":[32],"setColumnsDef":[64],"addColumnMenuItem":[64],"setColumnsState":[64],"setData":[64],"getSelection":[64],"getColumnsState":[64],"getColumns":[64],"quickFilter":[64]},[[0,"ezSelectionChange","onSelectionChange"]]]]],["ez-modal-container.cjs",[[6,"ez-modal-container",{"modalTitle":[1,"modal-title"],"modalSubTitle":[1,"modal-sub-title"],"showTitleBar":[4,"show-title-bar"],"cancelButtonLabel":[1,"cancel-button-label"],"okButtonLabel":[1,"ok-button-label"],"cancelButtonStatus":[1,"cancel-button-status"],"okButtonStatus":[1,"ok-button-status"]}]]],["ez-alert.cjs",[[1,"ez-alert",{"alertType":[513,"alert-type"]}]]],["ez-breadcrumb.cjs",[[1,"ez-breadcrumb",{"items":[1040]}]]],["ez-chip.cjs",[[1,"ez-chip",{"label":[513],"enabled":[516],"removePosition":[513,"remove-position"],"mode":[513],"value":[1540],"setFocus":[64],"setBlur":[64]}]]],["ez-dropdown.cjs",[[1,"ez-dropdown",{"items":[1040],"value":[1040],"itemBuilder":[16]}]]],["ez-file-item.cjs",[[1,"ez-file-item",{"canRemove":[4,"can-remove"],"fileName":[1,"file-name"],"iconName":[1,"icon-name"],"fileSize":[2,"file-size"],"progress":[2]}]]],["ez-application.cjs",[[0,"ez-application"]]],["ez-card-item.cjs",[[1,"ez-card-item",{"item":[16]}]]],["ez-list.cjs",[[1,"ez-list",{"dataSource":[1040],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"_listItems":[32],"_listGroupItems":[32],"clearHistory":[64],"scrollToTop":[64],"setSelection":[64],"getSelection":[64],"getList":[64]}]]],["ez-loading-bar.cjs",[[1,"ez-loading-bar",{"_showLoading":[32],"hide":[64],"show":[64]}]]],["ez-modal.cjs",[[1,"ez-modal",{"modalSize":[1,"modal-size"],"align":[1],"opened":[1028],"closeEsc":[4,"close-esc"],"closeOutsideClick":[4,"close-outside-click"]}]]],["ez-popover.cjs",[[1,"ez-popover",{"autoClose":[516,"auto-close"],"top":[1537],"left":[1537],"bottom":[1537],"right":[1537],"boxWidth":[513,"box-width"],"opened":[1540],"innerElement":[1537,"inner-element"],"overlayType":[513,"overlay-type"],"updatePosition":[64],"show":[64],"hide":[64]}]]],["ez-popup.cjs",[[1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[516,"use-header"],"heightMode":[513,"height-mode"],"ezTitle":[1,"ez-title"]}]]],["ez-radio-button.cjs",[[1,"ez-radio-button",{"value":[1544],"options":[1040],"enabled":[516],"label":[513],"direction":[1537]}]]],["ez-scroller.cjs",[[1,"ez-scroller",{"direction":[1],"locked":[4],"activeShadow":[4,"active-shadow"],"isActive":[32]},[[2,"click","clickListener"],[1,"mousedown","mouseDownHandler"],[1,"mouseup","mouseUpHandler"],[1,"mousemove","mouseMoveHandler"]]]]],["ez-toast.cjs",[[1,"ez-toast",{"message":[1025],"fadeTime":[1026,"fade-time"],"useIcon":[1028,"use-icon"],"canClose":[1028,"can-close"],"show":[64]}]]],["ez-view-stack.cjs",[[0,"ez-view-stack",{"show":[64],"getSelectedIndex":[64]}]]],["ez-tabselector.cjs",[[1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1],"_processedTabs":[32]}]]],["ez-text-input.cjs",[[1,"ez-text-input",{"label":[513],"value":[1537],"enabled":[516],"errorMessage":[1537,"error-message"],"mask":[1],"canShowError":[516,"can-show-error"],"restrict":[1],"mode":[513],"noBorder":[516,"no-border"],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-collapsible-box.cjs",[[1,"ez-collapsible-box",{"value":[1540],"label":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"headerAlign":[513,"header-align"],"removable":[516],"editable":[516],"conditionalSave":[16],"_activeEditText":[32],"showHide":[64],"applyFocusTextEdit":[64],"cancelEdition":[64]}]]],["ez-search.cjs",[[1,"ez-search",{"value":[1537],"label":[1537],"enabled":[1540],"errorMessage":[1537,"error-message"],"optionLoader":[16],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressEmptyOption":[4,"suppress-empty-option"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-date-input.cjs",[[1,"ez-date-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-date-time-input.cjs",[[1,"ez-date-time-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-time-input.cjs",[[1,"ez-time-input",{"label":[513],"value":[1026],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-number-input.cjs",[[1,"ez-number-input",{"label":[1],"value":[1538],"enabled":[4],"errorMessage":[1537,"error-message"],"precision":[2],"prettyPrecision":[2,"pretty-precision"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-check.cjs",[[1,"ez-check",{"label":[513],"value":[1540],"enabled":[1540],"indeterminate":[516],"mode":[513],"getMode":[64],"setFocus":[64]}]]],["ez-text-area.cjs",[[1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"errorMessage":[1537,"error-message"],"rows":[1538],"canShowError":[516,"can-show-error"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-upload.cjs",[[1,"ez-upload",{"label":[1],"enabled":[4],"maxFileSize":[2,"max-file-size"],"maxFiles":[2,"max-files"],"requestHeaders":[8,"request-headers"],"urlUpload":[1,"url-upload"],"urlDelete":[1,"url-delete"],"value":[1040],"addFiles":[64],"setFocus":[64],"setBlur":[64]}]]],["ez-text-edit.cjs",[[1,"ez-text-edit",{"value":[1],"styled":[16],"_newValue":[32],"applyFocusSelect":[64]}]]],["ez-combo-box.cjs",[[1,"ez-combo-box",{"value":[1537],"label":[513],"enabled":[516],"options":[1040],"errorMessage":[1537,"error-message"],"searchMode":[4,"search-mode"],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressSearch":[4,"suppress-search"],"optionLoader":[16],"suppressEmptyOption":[4,"suppress-empty-option"],"canShowError":[516,"can-show-error"],"mode":[513],"_preSelection":[32],"_visibleOptions":[32],"_startLoading":[32],"_showLoading":[32],"_criteria":[32],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-filter-input_3.cjs",[[1,"ez-filter-input",{"label":[1],"value":[1537],"enabled":[4],"errorMessage":[1537,"error-message"],"restrict":[1],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}],[1,"ez-sidebar-button"],[1,"ez-tree",{"items":[1040],"value":[1040],"selectedId":[1537,"selected-id"],"iconResolver":[16],"tooltipResolver":[16],"_tree":[32],"_waintingForLoad":[32],"selectItem":[64],"openItem":[64],"disableItem":[64],"enableItem":[64],"addChild":[64],"applyFilter":[64]},[[2,"keydown","onKeyDownListener"]]]]],["ez-calendar.cjs",[[1,"ez-calendar",{"value":[1040],"floating":[516],"time":[516],"showSeconds":[516,"show-seconds"],"show":[64],"fitVertical":[64],"hide":[64]}]]],["ez-icon.cjs",[[1,"ez-icon",{"size":[513],"href":[513],"iconName":[513,"icon-name"]}]]],["ez-button.cjs",[[1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513],"iconName":[513,"icon-name"],"size":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-form-view.cjs",[[2,"ez-form-view",{"fields":[16]}]]],["ez-form.cjs",[[2,"ez-form",{"dataUnit":[1040],"config":[16],"recordsValidator":[16],"multiLevel":[4,"multi-level"],"levelResolver":[16],"contentBuilder":[16],"validate":[64]}]]]], options);
   });
 };
 

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

@@ -50,4 +50,8 @@
 	/* private */
 	gap: var(--ez-guide-navigator--actions-gap);
 	margin: var(--ez-guide-navigator--actions-margin)
+}
+
+.hidden {
+	display: none;
 }

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

@@ -1,131 +1,50 @@
-import { Component, Prop, State, h, Host, Method, Element, Watch } from '@stencil/core';
-import { ElementIDUtils } from '@sankhyalabs/core';
-import { Guide, HIERARCHY_SEPARATOR } from './Guide';
-const ENTER_KEY = 'Enter';
+import { Component, Prop, State, h, Host, Method, Element } from "@stencil/core";
+import { ElementIDUtils } from "@sankhyalabs/core";
+const ENTER_KEY = "Enter";
 export class EzGuideNavigator {
   constructor() {
-    //TODO: Quando a filtragem for feita dentro da árvore, não será mais necessário 
-    this.guide = new Guide();
-    //TODO: Destituir esse binder. Rediscutida a arquitetura desse componente
-    //vimos que o binder só dificulta a vida de quem vai usar... assim teremos
-    //apenas uma lista de IGuideItems e o resto fica como a própria árvore...
-    /**
-     * Provedor de dados para o guide navigator.
-    */
-    this.binder = null;
     /**
      * Define se o menu de navegação está aberto.
-    */
+     */
     this.open = true;
-    //TODO: Destituir esse binder. Rediscutida a arquitetura desse componente
-    //vimos que o binder só dificulta a vida de quem vai usar... assim teremos
-    //apenas uma lista de IGuideItems e o resto fica como a própria árvore...
     /**
      * Lista de itens do menu de navegação.
-    */
+     */
     this.items = [];
     /**
      * Valor do campo de pesquisa usado na filtragem de guias.
      */
-    this.filterText = '';
+    this.filterText = "";
   }
   /**
-   * Habilita itens específicos a partir de uma lista de ID's.
-  */
-  async enableOnly(id, customTooltip) {
-    //TODO: Levar para a árvore
-    this._tree.items = await this.guide.enableItemsById(id, customTooltip);
+   * Desabilita um ou mais itens.
+   */
+  async disableItem(id) {
+    [].concat(id).forEach(item => this._tree.disableItem(item));
   }
   /**
-   * Habilita todos os itens do menu de navegação.
-  */
-  async enableAll() {
-    //TODO: Levar para a árvore
-    this._tree.items = await this.guide.enableAllItems();
-  }
-  //TODO: Destituir esse binder. Rediscutida a arquitetura desse componente
-  //vimos que o binder só dificulta a vida de quem vai usar... assim teremos
-  //apenas uma lista de IGuideItems e o resto fica como a própria árvore...
-  handleBinderChange(newBinder, oldBinder) {
-    if (newBinder != oldBinder) {
-      this.initTree();
-    }
+   * Habilita um ou mais itens.
+   */
+  async enableItem(id) {
+    [].concat(id).forEach(item => this._tree.enableItem(item));
   }
   async handleToggleSidebar() {
     this.open = !this.open;
-    if (this.open) {
-      await this.initTree();
-      this.filterItems();
-    }
-    ;
   }
-  handleSelectTreeItem({ detail: parent }) {
-    if (!parent.expanded)
-      return;
-    //TODO: Destituir esse binder. Rediscutida a arquitetura desse componente
-    //vimos que o binder só dificulta a vida de quem vai usar... assim teremos
-    //apenas uma lista de IGuideItems e o resto fica como a própria árvore...
-    this.binder.fetchItems(parent.id).then(async (children) => {
-      if (!(children === null || children === void 0 ? void 0 : children.length))
-        return;
-      await this.guide.addChildren(parent, children);
-      const { list } = await this.guide.getItemsByLabel(this.filterText, 'label', parent);
-      this._tree.items = list;
-      this._tree.openItem(parent.hierarchyId || parent.id);
-    });
-    this.binder.onSelectItem(parent);
-  }
-  //TODO: Destituir esse binder. Rediscutida a arquitetura desse componente
-  //vimos que o binder só dificulta a vida de quem vai usar... assim teremos
-  //apenas uma lista de IGuideItems e o resto fica como a própria árvore...
   handleFilterTree(event) {
-    if (event.key === ENTER_KEY)
-      this.filterItems();
-  }
-  //TODO: Destituir esse binder. Rediscutida a arquitetura desse componente
-  //vimos que o binder só dificulta a vida de quem vai usar... assim teremos
-  //apenas uma lista de IGuideItems e o resto fica como a própria árvore...
-  async setTreeIems(list, first) {
-    var _a;
-    this._tree.items = list;
-    if (first && !(first === null || first === void 0 ? void 0 : first.disabled)) {
-      const parentHierarchyId = ((_a = first.hierarchy) === null || _a === void 0 ? void 0 : _a.slice(0, -1).join(HIERARCHY_SEPARATOR)) || first.id;
-      await this._tree.openItem(parentHierarchyId);
-      await this._tree.selectItem(first.id);
+    if (event.key === ENTER_KEY) {
+      this._tree.applyFilter(this.filterText);
     }
-    else {
-      this._tree.selectItem(null);
-    }
-  }
-  //TODO: Destituir esse binder. Rediscutida a arquitetura desse componente
-  //vimos que o binder só dificulta a vida de quem vai usar... assim teremos
-  //apenas uma lista de IGuideItems e o resto fica como a própria árvore...
-  filterItems() {
-    this.guide.getItemsByLabel(this.filterText).then(async ({ list, first }) => {
-      this.setTreeIems(list, first);
-    });
-  }
-  //TODO: Destituir esse binder. Rediscutida a arquitetura desse componente
-  //vimos que o binder só dificulta a vida de quem vai usar... assim teremos
-  //apenas uma lista de IGuideItems e o resto fica como a própria árvore...
-  async initTree() {
-    if (!this.binder)
-      return;
-    const binderItems = await this.binder.fetchItems();
-    await this.guide.setList(binderItems);
-    const guideItems = await this.guide.getList();
-    this.setTreeIems(guideItems);
-  }
-  componentDidLoad() {
-    ElementIDUtils.addIDInfoIfNotExists(this._element);
-    this.initTree();
   }
   render() {
-    return (h(Host, null, this.open ? (h("aside", { tabIndex: -1, id: "navigator", class: "ez-col ez-col--sd-12 ez-col--tb-3 ez-guide-navigator", "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-tree", { ref: element => (this._tree = element), onEzChange: evt => this.handleSelectTreeItem(evt), "data-element-id": ElementIDUtils.getInternalIDInfo("tree") }))) : (h("ez-sidebar-button", { onEzClick: this.handleToggleSidebar.bind(this), "aria-controls": "navigator", "aria-expanded": this.open, "data-element-id": ElementIDUtils.getInternalIDInfo("openButton") }))));
+    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-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"; }
@@ -136,15 +55,37 @@ export class EzGuideNavigator {
     "$": ["ez-guide-navigator.css"]
   }; }
   static get properties() { return {
-    "binder": {
+    "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"
+    },
+    "items": {
       "type": "unknown",
       "mutable": false,
       "complexType": {
-        "original": "IGuideBinder",
-        "resolved": "IGuideBinder",
+        "original": "Array<IGuideItem>",
+        "resolved": "IGuideItem[]",
         "references": {
-          "IGuideBinder": {
-            "location": "local"
+          "Array": {
+            "location": "global"
+          },
+          "IGuideItem": {
+            "location": "import",
+            "path": "./interfaces"
           }
         }
       },
@@ -152,43 +93,41 @@ export class EzGuideNavigator {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Provedor de dados para o guide navigator."
+        "text": "Lista de itens do menu de navega\u00E7\u00E3o."
       },
-      "defaultValue": "null"
+      "defaultValue": "[]"
     },
-    "open": {
-      "type": "boolean",
-      "mutable": true,
+    "tooltipResolver": {
+      "type": "unknown",
+      "mutable": false,
       "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+        "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 se o menu de navega\u00E7\u00E3o est\u00E1 aberto."
-      },
-      "attribute": "open",
-      "reflect": true,
-      "defaultValue": "true"
+        "text": "Define uma fun\u00E7\u00E3o que vai resolver o `tooltip` ou `title` daquele item."
+      }
     }
   }; }
   static get states() { return {
-    "items": {},
     "filterText": {}
   }; }
   static get methods() { return {
-    "enableOnly": {
+    "disableItem": {
       "complexType": {
-        "signature": "(id: Array<string>, customTooltip: string) => Promise<void>",
+        "signature": "(id: string | Array<string>) => Promise<void>",
         "parameters": [{
             "tags": [],
             "text": ""
-          }, {
-            "tags": [],
-            "text": ""
           }],
         "references": {
           "Promise": {
@@ -201,30 +140,32 @@ export class EzGuideNavigator {
         "return": "Promise<void>"
       },
       "docs": {
-        "text": "Habilita itens espec\u00EDficos a partir de uma lista de ID's.",
+        "text": "Desabilita um ou mais itens.",
         "tags": []
       }
     },
-    "enableAll": {
+    "enableItem": {
       "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
+        "signature": "(id: string | Array<string>) => Promise<void>",
+        "parameters": [{
+            "tags": [],
+            "text": ""
+          }],
         "references": {
           "Promise": {
             "location": "global"
+          },
+          "Array": {
+            "location": "global"
           }
         },
         "return": "Promise<void>"
       },
       "docs": {
-        "text": "Habilita todos os itens do menu de navega\u00E7\u00E3o.",
+        "text": "Habilita um ou mais itens.",
         "tags": []
       }
     }
   }; }
   static get elementRef() { return "_element"; }
-  static get watchers() { return [{
-      "propName": "binder",
-      "methodName": "handleBinderChange"
-    }]; }
 }

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export {};

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

@@ -8,7 +8,7 @@
   /*@doc Define a cor de fundo do popover.*/
   --ez-popover__box--background-color: var(--background--xlight, #fff);
   /*@doc Define a camada de visibilidade do popover.*/
-  --ez-popover__box--z-index: var(--more-visible, 2);
+  --ez-popover__box--z-index: var(--most-visible, 3);
 
   /***************
      host style  

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

@@ -98,7 +98,7 @@ export class EzPopover {
    */
   async show(top = this.top, left = this.left, bottom = this.bottom, right = this.right) {
     const useOverlay = this.overlayType !== "none";
-    const overlayClassName = `ez-scrim ez-scrim-${this.overlayType}`;
+    const overlayClassName = `ez-scrim ez-scrim--${this.overlayType}`;
     let floatingOptions = {
       autoClose: this.autoClose,
       top,

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

@@ -5,7 +5,6 @@ import { TreeItem } from './subcomponents/TreeItem';
 import { Tree } from './types/Tree';
 export class EzTree {
   constructor() {
-    this._tree = new Tree(() => forceUpdate(this));
     this._onItemClick = (item) => {
       this.value = item;
     };
@@ -13,6 +12,7 @@ export class EzTree {
       this.openClose(item);
       this.value = item;
     };
+    this._tree = new Tree(() => forceUpdate(this));
     /**
      * Define os itens apresentados na árvore.
      */
@@ -21,10 +21,6 @@ export class EzTree {
      * Define uma função que vai resolver o ícone daquele item. Retorna o nome do ícone da lib de icones do DS.
      */
     this.iconResolver = defaultIconResolver;
-    /**
-     * Define uma função que vai resolver o `tooltip` ou `title` daquele item.
-     */
-    this.tooltipResolver = defaultTooltipResolver;
   }
   /**
    * Efetua a seleção de um item.
@@ -80,8 +76,16 @@ export class EzTree {
       node.item.expanded = true;
     }
   }
-  observeItems() {
-    return this._tree.load(this.items || []);
+  /**
+   * Efetua a seleção de um item.
+   */
+  async applyFilter(pattern) {
+    this._tree.setFilterPattern(pattern);
+  }
+  observeItems(newValue, oldValue) {
+    if (newValue != oldValue) {
+      this._tree.load(this.items || []);
+    }
   }
   observeValue() {
     var _a;
@@ -218,7 +222,7 @@ export class EzTree {
       :
         this._tree.getChildren().map(node => {
           var _a;
-          return h(TreeItem, { selectedId: (_a = this.value) === null || _a === void 0 ? void 0 : _a.id, node: node, itemClick: this._onItemClick, iconClick: this._onIconClick, iconResolver: this.iconResolver, tooltipResolver: this.tooltipResolver, itemsList: this._visibleItems });
+          return h(TreeItem, { selectedId: (_a = this.value) === null || _a === void 0 ? void 0 : _a.id, node: node, itemClick: this._onItemClick, iconClick: this._onIconClick, iconResolver: this.iconResolver, tooltipResolver: this.tooltipResolver || defaultTooltipResolver, itemsList: this._visibleItems });
         })));
   }
   static get is() { return "ez-tree"; }
@@ -330,11 +334,11 @@ export class EzTree {
       "docs": {
         "tags": [],
         "text": "Define uma fun\u00E7\u00E3o que vai resolver o `tooltip` ou `title` daquele item."
-      },
-      "defaultValue": "defaultTooltipResolver"
+      }
     }
   }; }
   static get states() { return {
+    "_tree": {},
     "_waintingForLoad": {}
   }; }
   static get events() { return [{
@@ -486,6 +490,25 @@ export class EzTree {
         "text": "Adiciona um ou mais itens. Opcionalmente pode-se determinar a qual\nitem da \u00E1rvore ser\u00E1 anexado o item. Caso n\u00E3o informado parentId,\nadiciona no item selecionado.\nObserva\u00E7\u00E3o para carga din\u00E2mica (Lazyload): O parentId deve ser\num item carregado atualmente na \u00E1rvore.",
         "tags": []
       }
+    },
+    "applyFilter": {
+      "complexType": {
+        "signature": "(pattern: string) => Promise<void>",
+        "parameters": [{
+            "tags": [],
+            "text": ""
+          }],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Efetua a sele\u00E7\u00E3o de um item.",
+        "tags": []
+      }
     }
   }; }
   static get elementRef() { return "_element"; }

package/dist/collection/components/ez-tree/subcomponents/TreeItem.js

@@ -2,6 +2,9 @@ import { ElementIDUtils } from "@sankhyalabs/core";
 import { h } from "@stencil/core";
 export const TreeItem = (props) => {
   const { node, selectedId, itemClick, iconClick, iconResolver, tooltipResolver, itemsList } = props;
+  if (!node.visible) {
+    return;
+  }
   const treeItem = node.item;
   const level = props.level || 1;
   const disabled = node.isDisabled();
@@ -11,15 +14,15 @@ export const TreeItem = (props) => {
   if (available) {
     itemsList.push(treeItem);
   }
-  return (h("ul", { title: tooltipResolver(treeItem, !disabled, level), class: level === 1 ? "first-level" : undefined },
-    h("li", Object.assign({ class: "tree-item", onClick: () => available && itemClick(treeItem) }, {
+  return (h("ul", { class: level === 1 ? "first-level" : undefined },
+    h("li", Object.assign({ title: tooltipResolver(treeItem, !disabled, level), class: "tree-item", onClick: () => available && itemClick(treeItem) }, {
       disabled,
       selected: treeItem.id === selectedId,
       [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: ElementIDUtils.getInternalIDInfo(`ezTreeItem_${treeItem.id}`)
     }),
       h("div", { class: "item-icon-box" }, expandable &&
         h("ez-icon", { id: treeItem.id, class: "item-icon", size: "small", iconName: iconResolver(treeItem, expanded, level), onClick: () => available && iconClick(treeItem) })),
-      h("label", { class: "item-label", title: treeItem.disabled ? (treeItem.tooltip || treeItem.label) : treeItem.label }, treeItem.label)),
+      h("label", { class: "item-label" }, treeItem.label)),
     expanded
       && node.getChildren().map(child => h(TreeItem, { selectedId: selectedId, node: child, itemClick: itemClick, iconClick: iconClick, level: level + 1, iconResolver: iconResolver, tooltipResolver: tooltipResolver, itemsList: itemsList }))));
 };

package/dist/collection/components/ez-tree/types/Node.js

@@ -1,6 +1,7 @@
 export class Node {
   constructor(tree, item, parent, isPlaceHolder = false) {
     this.children = new Map();
+    this.visible = true;
     this.item = item;
     this.parent = parent;
     this._tree = tree;
@@ -21,7 +22,7 @@ export class Node {
     if (this.isPlaceHolder) {
       return;
     }
-    this.item = Object.assign(Object.assign({}, newItem), { expanded: this.item.expanded });
+    this.item = Object.assign({}, newItem);
     this._isLazyLoad = typeof this.item.children === "function" || this.item.childrenCount > 0;
     const oldChildren = this.children;
     this.children = new Map();

package/dist/collection/components/ez-tree/types/Tree.js

@@ -1,3 +1,4 @@
+import { StringUtils } from "@sankhyalabs/core";
 import { Node } from "./Node";
 export class Tree extends Node {
   constructor(changeCallback) {
@@ -24,8 +25,13 @@ export class Tree extends Node {
     return this._disabledValues.get(id);
   }
   load(items) {
+    if (items === this._currentItems) {
+      return;
+    }
+    this._currentItems = items;
     const oldChildren = this.children;
     this.children = new Map();
+    this._disabledValues.clear();
     items.forEach(item => {
       const node = oldChildren.get(item.id);
       if (node) {
@@ -37,6 +43,11 @@ export class Tree extends Node {
       }
     });
   }
+  setFilterPattern(pattern) {
+    this._filterPattern = StringUtils.replaceAccentuatedCharsKeepSymbols(pattern);
+    this.applyFilter(this);
+    this._changeCallback();
+  }
   updateItem(item) {
     if (item == undefined) {
       return;
@@ -50,11 +61,35 @@ export class Tree extends Node {
   }
   async open(path) {
     return new Promise(async (resolve) => {
-      await this.walk(this, path, node => node.item.expanded = true);
+      await this.walkPath(this, path, node => node.item.expanded = true);
       resolve();
     });
   }
-  async walk(parent, path, callback, currentLevel = 0) {
+  applyFilter(node) {
+    node.children.forEach((value) => {
+      this.applyFilter(value);
+    });
+    if (node.item == undefined) {
+      return;
+    }
+    const normalizedLabel = StringUtils.replaceAccentuatedCharsKeepSymbols(node.item.label);
+    let isVisible = false;
+    if (normalizedLabel.includes(this._filterPattern)) {
+      isVisible = true;
+    }
+    else {
+      const childrenArray = Array.from(node.children.values());
+      for (let i = 0; i < childrenArray.length; i++) {
+        if (childrenArray[i].visible) {
+          isVisible = true;
+          node.item.expanded = true;
+          break;
+        }
+      }
+    }
+    node.visible = isVisible;
+  }
+  async walkPath(parent, path, callback, currentLevel = 0) {
     return new Promise(async (resolve) => {
       const levels = path.split(">>").map(item => item.trim());
       if (levels.length > currentLevel) {
@@ -64,7 +99,7 @@ export class Tree extends Node {
             await this.loadLevel(node);
           }
           callback(node);
-          await this.walk(node, path, callback, currentLevel + 1);
+          await this.walkPath(node, path, callback, currentLevel + 1);
         }
       }
       resolve();