@sankhyalabs/ezui 2.14.1 → 2.14.3

package/dist/cjs/ez-filter-input_3.cjs.entry.js

@@ -116,6 +116,9 @@ const defaultTooltipResolver = (item, _enabled, _level) => {
 
 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();
@@ -125,15 +128,15 @@ const TreeItem = (props) => {
   if (available) {
     itemsList.push(treeItem);
   }
-  return (index.h("ul", { title: tooltipResolver(treeItem, !disabled, level), class: level === 1 ? "first-level" : undefined },
-    index.h("li", Object.assign({ class: "tree-item", onClick: () => available && itemClick(treeItem) }, {
+  return (index.h("ul", { class: level === 1 ? "first-level" : undefined },
+    index.h("li", Object.assign({ title: tooltipResolver(treeItem, !disabled, level), class: "tree-item", onClick: () => available && itemClick(treeItem) }, {
       disabled,
       selected: treeItem.id === selectedId,
       [core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: core.ElementIDUtils.getInternalIDInfo(`ezTreeItem_${treeItem.id}`)
     }),
       index.h("div", { class: "item-icon-box" }, expandable &&
         index.h("ez-icon", { id: treeItem.id, class: "item-icon", size: "small", iconName: iconResolver(treeItem, expanded, level), onClick: () => available && iconClick(treeItem) })),
-      index.h("label", { class: "item-label", title: treeItem.disabled ? (treeItem.tooltip || treeItem.label) : treeItem.label }, treeItem.label)),
+      index.h("label", { class: "item-label" }, treeItem.label)),
     expanded
       && node.getChildren().map(child => index.h(TreeItem, { selectedId: selectedId, node: child, itemClick: itemClick, iconClick: iconClick, level: level + 1, iconResolver: iconResolver, tooltipResolver: tooltipResolver, itemsList: itemsList }))));
 };
@@ -141,6 +144,7 @@ const TreeItem = (props) => {
 class Node {
   constructor(tree, item, parent, isPlaceHolder = false) {
     this.children = new Map();
+    this.visible = true;
     this.item = item;
     this.parent = parent;
     this._tree = tree;
@@ -161,7 +165,7 @@ 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();
@@ -258,8 +262,13 @@ 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) {
@@ -271,6 +280,11 @@ class Tree extends Node {
       }
     });
   }
+  setFilterPattern(pattern) {
+    this._filterPattern = core.StringUtils.replaceAccentuatedCharsKeepSymbols(pattern);
+    this.applyFilter(this);
+    this._changeCallback();
+  }
   updateItem(item) {
     if (item == undefined) {
       return;
@@ -284,11 +298,35 @@ 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 = core.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) {
@@ -298,7 +336,7 @@ 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();
@@ -331,7 +369,6 @@ let EzTree = class {
     index.registerInstance(this, hostRef);
     this.ezChange = index.createEvent(this, "ezChange", 7);
     this.ezOpenItem = index.createEvent(this, "ezOpenItem", 7);
-    this._tree = new Tree(() => index.forceUpdate(this));
     this._onItemClick = (item) => {
       this.value = item;
     };
@@ -339,6 +376,7 @@ let EzTree = class {
       this.openClose(item);
       this.value = item;
     };
+    this._tree = new Tree(() => index.forceUpdate(this));
     /**
      * Define os itens apresentados na árvore.
      */
@@ -347,10 +385,6 @@ let EzTree = class {
      * 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.
@@ -406,8 +440,16 @@ let EzTree = class {
       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;
@@ -544,7 +586,7 @@ let EzTree = class {
       :
         this._tree.getChildren().map(node => {
           var _a;
-          return index.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 index.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 });
         })));
   }
   get _element() { return index.getElement(this); }

package/dist/cjs/ez-guide-navigator.cjs.entry.js

@@ -5,334 +5,50 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-5e208fa5.js');
 const core = require('@sankhyalabs/core');
 
-const HIERARCHY_SEPARATOR = '>>';
-class Guide {
-  constructor(list) {
-    this.originalList = [];
-    this.guideMap = new Map();
-    this.hierarchiesAlreadyLoaded = new Set();
-    if (list === null || list === void 0 ? void 0 : list.length)
-      this.setList(list);
-  }
-  /**
-    * Converte uma lista de objetos IGuideItem em um objeto IGuideMap com sua hierarquia.
-    * @param list Uma lista de objetos IGuideItem representando a lista de itens.
-    * @param hierarquiaList Uma lista opcional de strings que representa a hierarquia dos itens pai.
-    * @param indexReferences Uma lista opcional de números que representa as referências de índice da lista original.
-    * @returns Uma Promise que resolve para um objeto IGuideMap com os itens e sua hierarquia.
-  */
-  convertArrayToMap(list, hierarchyList = [], indexReferences = []) {
-    return new Promise(resolve => {
-      list.forEach(async (item, index) => {
-        const updatedHierarchyList = [...hierarchyList, item.id];
-        const key = updatedHierarchyList.join(HIERARCHY_SEPARATOR);
-        const currentIndexReferences = [...indexReferences, index];
-        const children = Array.isArray(item.children) ? item.children : [];
-        item = Object.assign(Object.assign({}, item), { parentId: hierarchyList[hierarchyList.length - 1], indexReferences: currentIndexReferences, hierarchy: updatedHierarchyList, hierarchyId: key });
-        delete item.children;
-        this.guideMap.set(key, item);
-        if (children.length)
-          await this.convertArrayToMap(children, updatedHierarchyList, currentIndexReferences);
-      });
-      resolve(this.guideMap);
-    });
-  }
-  /**
-    * Converte um objeto IGuideMap em uma lista de objetos IGuideItem com sua hierarquia.
-    * @param map Um objeto IGuideMap opcional que representa o mapa de itens com sua hierarquia.
-    * @returns Uma Promise que resolve para uma lista de objetos IGuideItem com sua hierarquia.
-  */
-  convertMapToArray(map = this.guideMap) {
-    return new Promise(resolve => {
-      const array = [];
-      const itemsById = {};
-      map.forEach(value => {
-        var _a;
-        const item = Object.assign({}, value);
-        if (((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) === 0) {
-          delete item.children;
-        }
-        itemsById[item.id] = item;
-      });
-      Object.values(itemsById).forEach(item => {
-        if (item.parentId) {
-          const parent = itemsById[item.parentId];
-          if (Array.isArray(parent.children)) {
-            parent.children.push(item);
-          }
-          else {
-            parent.children = [item];
-          }
-        }
-        else {
-          array.push(item);
-        }
-      });
-      resolve(array);
-    });
-  }
-  /**
-    * Obtém a lista selecionada de itens com base na lista original e na lista de índice selecionada.
-    * @param originalList Uma lista de objetos IGuideItem representando a lista original de itens.
-    * @param selectedIndexList Uma matriz representando a lista de índices selecionada.
-    * @returns Uma lista de objetos IGuideItem representando a lista selecionada de itens.
-  */
-  getSelectedList(originalList, selectedIndexList) {
-    const selectedList = [];
-    selectedIndexList.forEach(selectedIndex => {
-      if (!selectedIndex.length)
-        return;
-      const [parentIndex, childIndex] = selectedIndex;
-      if (childIndex === undefined) {
-        selectedList.push(originalList[parentIndex]);
-      }
-      else {
-        const parent = originalList[parentIndex];
-        const child = parent.children[childIndex];
-        const selectedParent = selectedList.find(item => item.id === parent.id);
-        if (selectedParent) {
-          selectedParent.children.push(child);
-        }
-        else {
-          selectedList.push(Object.assign(Object.assign({}, parent), { children: [child] }));
-        }
-      }
-    });
-    return selectedList;
-  }
-  /**
-    * Define a lista de itens para o Map guideMap.
-    * @param list Uma lista de objetos IGuideItem representando a lista de itens.
-    * @returns Uma Promise que resolve quando a lista é convertida para o Map.
-  */
-  setList(list) {
-    return new Promise(async (resolve) => {
-      this.guideMap.clear();
-      if (!this.originalList.length) {
-        this.originalList = core.ObjectUtils.copy(list);
-      }
-      await this.convertArrayToMap(list);
-      resolve();
-    });
-  }
-  /**
-    * Obtém a lista de itens com sua hierarquia.
-    * @returns Uma Promise que resolve para uma lista de objetos IGuideItem com sua hierarquia.
-  */
-  getList() {
-    return this.convertMapToArray();
-  }
-  /**
-    * Adiciona filhos a um item pai no guia.
-    * @param parent Um objeto IGuideItem que representa o item pai.
-    * @param children Uma lista de objetos IGuideItem representando os itens filhos.
-    * @returns Uma Promise que resolve para uma lista de objetos IGuideItem com sua hierarquia.
-  */
-  addChildren(parent, children) {
-    return new Promise(async (resolve, reject) => {
-      if (parent.disabled)
-        return reject('Parent is disabled');
-      if (!parent.hierarchy || !parent.hierarchyId)
-        return reject('Hierarchy not found');
-      if (this.hierarchiesAlreadyLoaded.has(parent.hierarchyId))
-        return resolve([]);
-      await this.convertArrayToMap(children, parent.hierarchy);
-      const list = await this.getList();
-      this.originalList = core.ObjectUtils.copy(list);
-      this.hierarchiesAlreadyLoaded.add(parent.hierarchyId);
-      resolve(list);
-    });
-  }
-  /**
-      * Obtém os itens a partir de um campo corresponde à string de consulta.
-      * @param query Uma string que representa a consulta para corresponder ao rótulo.
-      * @param fieldName Uma string opcional que representa o nome do campo para corresponder à consulta.
-      * @returns Uma Promise que resolve para um objeto com o primeiro item encontrado e uma matriz de itens correspondentes com sua hierarquia.
-     */
-  getItemsByLabel(query, fieldName = 'label', selectedItem) {
-    return new Promise(async (resolve) => {
-      var _a;
-      const mapResults = [];
-      let firstOcorrence;
-      const itemFromMap = this.guideMap.get(selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.hierarchyId);
-      if (itemFromMap)
-        itemFromMap.expanded = true;
-      for (const item of this.guideMap.values()) {
-        const label = ((_a = item === null || item === void 0 ? void 0 : item[fieldName]) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '';
-        if (label.includes(query.toLowerCase())) {
-          if (!firstOcorrence)
-            firstOcorrence = item;
-          mapResults.push(item.indexReferences);
-        }
-      }
-      const updatedList = this.getSelectedList(this.originalList, mapResults);
-      resolve({
-        first: firstOcorrence,
-        list: updatedList,
-      });
-    });
-  }
-  /**
-    * Habilita todos os objetos IGuideItem.
-    * @returns Uma Promise que resolve com o array atualizado de objetos IGuideItem.
-  */
-  enableAllItems() {
-    return new Promise(async (resolve) => {
-      for (const item of this.guideMap.values())
-        item.disabled = false;
-      const list = await this.getList();
-      this.originalList = core.ObjectUtils.copy(list);
-      resolve(list);
-    });
-  }
-  /**
-    * Ativa somente objetos IGuideItem com base em uma matriz de IDs.
-    * @param ids Um array de IDs para habilitar.
-    * @param customTooltip Uma string para definir o tooltip de itens desabilitados.
-    * @returns Uma Promise que resolve com o array atualizado de objetos IGuideItem.
-  */
-  enableItemsById(ids = [], customTooltip = '') {
-    return new Promise(async (resolve) => {
-      for (const item of this.guideMap.values()) {
-        const isEnabled = ids.includes(item.id);
-        item.disabled = !isEnabled;
-        item.tooltip = isEnabled ? item.tooltip : customTooltip;
-      }
-      const list = await this.getList();
-      this.originalList = core.ObjectUtils.copy(list);
-      resolve(list);
-    });
-  }
-}
-
-const ezGuideNavigatorCss = ":host{--ez-guide-navigator--padding:0 var(--space--large);--ez-guide-navigator--box-shadow:var(--shadow, 0px 0px 24px 0px #000);--ez-guide-navigator--background-color:var(--color--inverted);--ez-guide-navigator--border-radius:0px var(--border--radius-medium) var(--border--radius-medium) 0px;--ez-guide-navigator--actions-gap:var(--space--medium);--ez-guide-navigator--actions-margin:var(--space--medium) 0 var(--space--medium)}.inverted{transform:rotate(180deg)}.ez-guide-navigator{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:var(--ez-guide-navigator--padding);background-color:var(--ez-guide-navigator--background-color);-webkit-box-shadow:var(--ez-guide-navigator--box-shadow);box-shadow:var(--ez-guide-navigator--box-shadow);border-radius:var(--ez-guide-navigator--border-radius)}.ez-guide-navigator__actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--ez-guide-navigator--actions-gap);margin:var(--ez-guide-navigator--actions-margin)}";
+const ezGuideNavigatorCss = ":host{--ez-guide-navigator--padding:0 var(--space--large);--ez-guide-navigator--box-shadow:var(--shadow, 0px 0px 24px 0px #000);--ez-guide-navigator--background-color:var(--color--inverted);--ez-guide-navigator--border-radius:0px var(--border--radius-medium) var(--border--radius-medium) 0px;--ez-guide-navigator--actions-gap:var(--space--medium);--ez-guide-navigator--actions-margin:var(--space--medium) 0 var(--space--medium)}.inverted{transform:rotate(180deg)}.ez-guide-navigator{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:var(--ez-guide-navigator--padding);background-color:var(--ez-guide-navigator--background-color);-webkit-box-shadow:var(--ez-guide-navigator--box-shadow);box-shadow:var(--ez-guide-navigator--box-shadow);border-radius:var(--ez-guide-navigator--border-radius)}.ez-guide-navigator__actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--ez-guide-navigator--actions-gap);margin:var(--ez-guide-navigator--actions-margin)}.hidden{display:none}";
 
-const ENTER_KEY = 'Enter';
+const ENTER_KEY = "Enter";
 let EzGuideNavigator = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    //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() {
-    core.ElementIDUtils.addIDInfoIfNotExists(this._element);
-    this.initTree();
   }
   render() {
-    return (index.h(index.Host, null, this.open ? (index.h("aside", { tabIndex: -1, id: "navigator", class: "ez-col ez-col--sd-12 ez-col--tb-3 ez-guide-navigator", "data-element-id": core.ElementIDUtils.getInternalIDInfo("sidebar") }, index.h("div", { role: "search", class: "ez-guide-navigator__actions" }, index.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": core.ElementIDUtils.getInternalIDInfo("textinput") }), index.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": core.ElementIDUtils.getInternalIDInfo("closeButton") })), index.h("ez-tree", { ref: element => (this._tree = element), onEzChange: evt => this.handleSelectTreeItem(evt), "data-element-id": core.ElementIDUtils.getInternalIDInfo("tree") }))) : (index.h("ez-sidebar-button", { onEzClick: this.handleToggleSidebar.bind(this), "aria-controls": "navigator", "aria-expanded": this.open, "data-element-id": core.ElementIDUtils.getInternalIDInfo("openButton") }))));
+    core.ElementIDUtils.addIDInfoIfNotExists(this._element);
+    return (index.h(index.Host, null, index.h("ez-sidebar-button", { class: this.open ? "hidden" : "", onEzClick: this.handleToggleSidebar.bind(this), "aria-controls": "navigator", "aria-expanded": this.open, "data-element-id": core.ElementIDUtils.getInternalIDInfo("openButton") }), index.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": core.ElementIDUtils.getInternalIDInfo("sidebar") }, index.h("div", { role: "search", class: "ez-guide-navigator__actions" }, index.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": core.ElementIDUtils.getInternalIDInfo("textinput") }), index.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": core.ElementIDUtils.getInternalIDInfo("closeButton") })), index.h("ez-tree", { ref: element => (this._tree = element), items: this.items, "data-element-id": core.ElementIDUtils.getInternalIDInfo("tree"), tooltipResolver: this.tooltipResolver }))));
   }
   get _element() { return index.getElement(this); }
-  static get watchers() { return {
-    "binder": ["handleBinderChange"]
-  }; }
 };
 EzGuideNavigator.style = ezGuideNavigatorCss;
 

package/dist/cjs/ez-modal-container.cjs.entry.js

@@ -50,7 +50,7 @@ let EzModalContainer = class {
     this._closeButton.focus();
   }
   render() {
-    return (index.h(index.Host, null, index.h("button", { class: "ez-modal-container__focus-ctrl", onFocusin: evt => this.focusLast(evt) }), this.showTitleBar && index.h("div", { class: "ez-modal-container__header ez-margin-bottom--large ez-align--middle" }, index.h("div", { class: "ez-col ez-align--middle ez-modal-container__title" }, index.h("h2", { class: "ez-text ez-title--large ez-title--primary ez-text--bold ez-margin-vertical--extra-small" }, this.modalTitle), this.modalSubTitle ? index.h("div", { class: "ez-text ez-text--medium ez-text--primary ez-margin-vertical--extra-small" }, this.modalSubTitle) : undefined), index.h("button", { ref: ref => this._closeButton = ref, class: "ez-modal-container__close-button", onClick: () => this.ezModalAction.emit(ModalAction$1.CLOSE) }, index.h("ez-icon", { class: "ez-modal-container__close-icon", size: "medium", iconName: "close" }))), index.h("div", { class: "ez-modal-container__content" }, index.h("slot", null)), index.h("div", { class: "ez-col ez-margin-left--auto" }, this.cancelIsVisible() ? index.h("ez-button", { label: this.cancelButtonLabel, enabled: this.cancelButtonStatus !== ModalButtonStatus$1.DISABLED, onClick: () => this.ezModalAction.emit(ModalAction$1.CANCEL) }) : undefined, this.okIsVisible() ? index.h("ez-button", { ref: ref => this._okButton = ref, label: this.okButtonLabel, enabled: this.okButtonStatus !== ModalButtonStatus$1.DISABLED, class: "ez-button--primary ez-margin-left--medium", onClick: () => this.ezModalAction.emit(ModalAction$1.OK) }) : undefined), index.h("button", { class: "ez-modal-container__focus-ctrl", onFocusin: evt => this.focusFirst(evt) })));
+    return (index.h(index.Host, null, index.h("button", { class: "ez-modal-container__focus-ctrl", onFocusin: evt => this.focusLast(evt) }), this.showTitleBar && index.h("div", { class: "ez-modal-container__header ez-margin-bottom--large ez-align--middle" }, index.h("div", { class: "ez-col ez-align--middle ez-modal-container__title" }, index.h("h2", { class: "ez-text ez-title--large ez-title--primary ez-text--bold ez-margin-vertical--extra-small" }, this.modalTitle), this.modalSubTitle ? index.h("div", { class: "ez-text ez-text--medium ez-text--primary ez-margin-vertical--extra-small" }, this.modalSubTitle) : undefined), index.h("button", { ref: ref => this._closeButton = ref, class: "ez-modal-container__close-button", onClick: () => this.ezModalAction.emit(ModalAction$1.CLOSE) }, index.h("ez-icon", { class: "ez-modal-container__close-icon", size: "medium", iconName: "close" }))), index.h("div", { class: "ez-modal-container__content" }, index.h("slot", null)), index.h("div", { class: "ez-flex ez-flex--justify-end" }, this.cancelIsVisible() ? index.h("ez-button", { label: this.cancelButtonLabel, enabled: this.cancelButtonStatus !== ModalButtonStatus$1.DISABLED, onClick: () => this.ezModalAction.emit(ModalAction$1.CANCEL) }) : undefined, this.okIsVisible() ? index.h("ez-button", { ref: ref => this._okButton = ref, label: this.okButtonLabel, enabled: this.okButtonStatus !== ModalButtonStatus$1.DISABLED, class: "ez-button--primary ez-margin-left--medium", onClick: () => this.ezModalAction.emit(ModalAction$1.OK) }) : undefined), index.h("button", { class: "ez-modal-container__focus-ctrl", onFocusin: evt => this.focusFirst(evt) })));
   }
 };
 EzModalContainer.style = ezModalContainerCss;

package/dist/cjs/ez-popover.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-5e208fa5.js');
 const core = require('@sankhyalabs/core');
 
-const ezPopoverCss = ":host{--ez-popover__box--border-radius:var(--border--radius-medium, 12px);--ez-popover__box--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-popover__box--background-color:var(--background--xlight, #fff);--ez-popover__box--z-index:var(--more-visible, 2);position:relative;display:flex;user-select:none}.popover__box{z-index:var(--ez-popover__box--z-index);display:flex;flex-direction:column;height:fit-content;background-color:var(--ez-popover__box--background-color);border-radius:var(--ez-popover__box--border-radius);box-shadow:var(--ez-popover__box--box-shadow)}.popover__box--fit-content{width:fit-content}.popover__box--full-width{width:100%}";
+const ezPopoverCss = ":host{--ez-popover__box--border-radius:var(--border--radius-medium, 12px);--ez-popover__box--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-popover__box--background-color:var(--background--xlight, #fff);--ez-popover__box--z-index:var(--most-visible, 3);position:relative;display:flex;user-select:none}.popover__box{z-index:var(--ez-popover__box--z-index);display:flex;flex-direction:column;height:fit-content;background-color:var(--ez-popover__box--background-color);border-radius:var(--ez-popover__box--border-radius);box-shadow:var(--ez-popover__box--box-shadow)}.popover__box--fit-content{width:fit-content}.popover__box--full-width{width:100%}";
 
 let EzPopover = class {
   constructor(hostRef) {
@@ -107,7 +107,7 @@ let EzPopover = class {
    */
   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/cjs/ezui.cjs.js

@@ -15,5 +15,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  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);
 });