@sankhyalabs/ezui 4.16.1 → 4.18.0

package/dist/custom-elements/index.js

@@ -123369,21 +123369,6 @@ const gridTerms = {
   ctrlV: "Ctrl+V"
 };
 
-const HeaderColumnTemplate = `<div class="ag-cell-label-container" role="presentation" title="{{HEADER_TITLE}}">
-    <span ref="eMenu" class="ag-header-icon ag-header-cell-menu-button" aria-hidden="true"></span>
-    <div ref="eLabel" class="ag-header-cell-label" role="presentation" unselectable="on">
-        <span ref="eText" class="ag-header-cell-text" unselectable="on"></span>
-        <span ref="eFilter" class="ag-header-icon ag-header-label-icon ag-filter-icon ag-hidden" aria-hidden="true"></span>
-        <span ref="eSortAsc" class="ag-header-icon ag-header-label-icon ag-sort-ascending-icon ag-hidden" aria-hidden="true"></span>
-        <span ref="eSortDesc" class="ag-header-icon ag-header-label-icon ag-sort-descending-icon ag-hidden" aria-hidden="true"></span>
-        <span ref="eSortNone" class="ag-header-icon ag-header-label-icon ag-sort-none-icon ag-hidden" aria-hidden="true"></span>
-    </div>
-</div>`;
-
-function getHeaderColumnTemplate(headerTooltip = "") {
-    return HeaderColumnTemplate.replaceAll("{{HEADER_TITLE}}", headerTooltip)
-}
-
 class DataSource {
   constructor(dataUnit, controller, options) {
     this.RECORD_ARCHIVE = "__RECORD_ARCHIVE__";
@@ -123569,6 +123554,88 @@ class SelectionHeader {
   }
 }
 
+class EzGridCustomHeader {
+  init(agParams) {
+    var _a;
+    this.params = agParams;
+    this.element = document.createElement('div');
+    this.element.classList.add('ag-cell-label-container');
+    this.element.setAttribute('title', (_a = this.params.tooltip) !== null && _a !== void 0 ? _a : '');
+    this.element.innerHTML = `
+          <div class='ez-flex ez-flex--justify-between'>
+            <i id='ez-grid-filter-icon' class='ez-icon-filter' style='color:#008561'></i>        
+            <i id='ez-grid-menu-icon' class='ez-icon-dots-vertical'></i>        
+          </div>
+          <div id='ez-header-container' class='ez-flex ez-flex--justify-between ag-header-cell-text'>
+            <span class='ag-header-cell-text'>${this.params.displayName}</span>
+            <i id='ez-grid-sort-icon-down' class='ez-icon-arrow_downward' style='display: none;margin-left: 4px;font-size: var(--text--medium, 14px);align-self: center;'></i>
+            <i id='ez-grid-sort-icon-up' class='ez-icon-arrow_downward' style='display: none; transform: rotate(180deg);margin-left: 4px;font-size: var(--text--medium, 14px);align-self: center;'></i>
+          </div>
+    `;
+    this.configMenuClick();
+    this.configSortClick();
+    this.configSortListener();
+    this.configFilterButton();
+  }
+  refresh(agParams) {
+    this.params = agParams;
+    this.configFilterButton();
+    this.configSortIcon();
+  }
+  configFilterButton() {
+    this.filterButton = this.element.querySelector('#ez-grid-filter-icon');
+    this.filterButton.style.display = this.params.hasFilter() ? 'flex' : 'none';
+    this.onFilterButtonClickListener = this.params.showColumnFilter.bind(this);
+    this.filterButton.addEventListener('click', this.onFilterButtonClickListener);
+  }
+  configSortIcon() {
+    this.sortDownIcon.style.display = this.params.column.isSortDescending() ? 'flex' : 'none';
+    this.sortUpIcon.style.display = this.params.column.isSortAscending() ? 'flex' : 'none';
+  }
+  configSortListener() {
+    if (this.params.enableSorting) {
+      this.sortUpIcon = this.element.querySelector('#ez-grid-sort-icon-up');
+      this.sortDownIcon = this.element.querySelector('#ez-grid-sort-icon-down');
+      this.onSortChangedListener = this.configSortIcon.bind(this);
+      this.params.column.addEventListener('sortChanged', this.onSortChangedListener);
+      this.configSortIcon();
+    }
+  }
+  onSortClick(event) {
+    this.params.progressSort(event.shiftKey);
+  }
+  configSortClick() {
+    if (this.params.column.getColDef().sortable) {
+      this.headerContainer = this.element.querySelector('#ez-header-container');
+      this.onSortClickListener = this.onSortClick.bind(this);
+      this.headerContainer.addEventListener('click', this.onSortClickListener);
+    }
+  }
+  onMenuClick() {
+    this.params.showColumnMenu(this.menuButton);
+  }
+  configMenuClick() {
+    this.menuButton = this.element.querySelector('#ez-grid-menu-icon');
+    this.onMenuClickListener = this.onMenuClick.bind(this);
+    this.menuButton.addEventListener('click', this.onMenuClickListener);
+  }
+  getGui() {
+    return this.element;
+  }
+  destroy() {
+    if (this.onMenuClickListener) {
+      this.menuButton.removeEventListener('click', this.onMenuClickListener);
+    }
+    if (this.onSortClickListener) {
+      this.headerContainer.removeEventListener('click', this.onSortClickListener);
+    }
+    if (this.onFilterButtonClickListener) {
+      this.filterButton.removeEventListener('click', this.onFilterButtonClickListener);
+    }
+    this.params.column.removeEventListener('sortChanged', this.onSortChangedListener);
+  }
+}
+
 class AgGridController {
   constructor(enterprise) {
     this.DEFAULT_ROW_HEIGHT = 30;
@@ -123623,22 +123690,15 @@ class AgGridController {
         blockLoadDebounceMillis: this.BLOCK_LOAD_DEBOUNCE,
         navigateToNextCell: this.navigateToNextCell.bind(this),
         getRowNodeId: this._dataUnit ? (params) => typeof params === "string" ? params : params[this._idAttribName] : undefined,
-        getMainMenuItems: (params) => {
-          const column = params.column;
-          const items = [column.isPinned() ? "clearPinned" : "pinLeft", "separator"];
-          this._menuItems.forEach(m => items.push({
-            name: m.label,
-            action: () => m.action(column.getColId(), m.name)
-          }));
-          return items;
-        },
+        getMainMenuItems: (params) => this.buildMenuItemOptions(params),
         getRowHeight: this.getRowHeight.bind(this),
         defaultColDef: {
           headerClass: "ez-grid__cell-header",
           cellClass: "ez-grid__cell-body"
         },
         components: {
-          'ezGridHeaderComponent': SelectionHeader
+          'ezGridHeaderComponent': SelectionHeader,
+          'ezGridCustomHeader': EzGridCustomHeader,
         },
         context: {
           headerCheckStatusGetter: () => this.getSelectionHeaderStatus(),
@@ -123664,6 +123724,69 @@ class AgGridController {
       this._gridOptions.api.setHeaderHeight(this.getHeaderRowHeight());
     }
   }
+  buildMenuItemOptions(params) {
+    const col = params.column;
+    const items = [];
+    if (col.getColDef().sortable) {
+      items.push(this.buildMenuItemOptionSort(params, 'asc'));
+      items.push(this.buildMenuItemOptionSort(params, 'desc'));
+    }
+    /*
+        TODO: Adicionar quando filtro de colunar estiver finalizado.
+        items.push(this.buildMenuItemFilterColumn(params));
+    */
+    this._menuItems.forEach(m => items.push({
+      icon: m.icon,
+      name: m.label,
+      action: () => m.action(params),
+    }));
+    items.push(this.buildMenuItemOptionPin(params));
+    return items;
+  }
+  buildMenuItemOptionSort(params, sortOrder) {
+    return {
+      icon: `<div style="${sortOrder === "asc" ? 'transform: rotate(180deg); position: relative; top: -4px;' : ''}"><i class='ez-icon-arrow_downward'></i></div>`,
+      name: sortOrder === "asc" ? "Ordenar Ascendente" : "Ordenar Descendente",
+      action: () => this.sortDataByColumn(params, sortOrder)
+    };
+  }
+  /*
+  TODO: Voltar função quando for implementado o filtro de coluna
+  private buildMenuItemFilterColumn( _params: GetMainMenuItemsParams): MenuItemDef{
+      return {
+          icon: `<i class='ez-icon-filter'></i>`,
+          name: "Filtrar",
+          action: () => window.alert("Abrir popover de filtro")
+      }
+  }*/
+  buildMenuItemOptionPin(params) {
+    const { column, columnApi } = params;
+    const isPinned = params.column.isPinned();
+    return {
+      icon: `<i class='ez-icon-${isPinned ? 'un-pin' : 'push-pin'}'></i>`,
+      name: isPinned ? "Desafixar coluna" : "Fixar coluna",
+      action: () => {
+        columnApi.applyColumnState({
+          state: [{ colId: column.getColId(), pinned: column.isPinned() ? null : 'left' }],
+        });
+      }
+    };
+  }
+  sortDataByColumn(params, order) {
+    const col = params.column;
+    const colApi = params.columnApi;
+    if (col.getSort() === order) {
+      colApi.applyColumnState({
+        defaultState: { sort: null },
+      });
+    }
+    else {
+      colApi.applyColumnState({
+        state: [{ colId: col.getColId(), sort: order }],
+        defaultState: { sort: null },
+      });
+    }
+  }
   getRowHeight() {
     return this.DEFAULT_ROW_HEIGHT;
   }
@@ -123984,7 +124107,10 @@ class AgGridController {
     return this._gridOptions.api.getSelectedRows();
   }
   addColumnMenuItem(item) {
-    this._menuItems.push(item);
+    const itemsNames = this._menuItems.map(i => i.name);
+    if (!itemsNames.includes(item.name)) {
+      this._menuItems.push(item);
+    }
   }
   quickFilter(term) {
     if (term) {
@@ -124005,6 +124131,14 @@ class AgGridController {
     var _a;
     (_a = this._gridOptions.api.getDisplayedRowAtIndex(index)) === null || _a === void 0 ? void 0 : _a.setSelected(true);
   }
+  hasFilterColumn(_columnName) {
+    return false; //TODO: substituir pelo state dos filtros de colunas
+  }
+  showColumnFilter() {
+    /*
+    TODO: Implementar chamada para apresentar filtro de coluna na grid
+    */
+  }
   buildColDef(source) {
     var _a, _b, _c;
     let tooltip = undefined;
@@ -124020,8 +124154,11 @@ class AgGridController {
       field: source.name,
       sortable: propSortable,
       resizable: true,
+      headerComponent: 'ezGridCustomHeader',
       headerComponentParams: {
-        template: getHeaderColumnTemplate(tooltip)
+        tooltip: tooltip,
+        hasFilter: () => this.hasFilterColumn(source.name),
+        showColumnFilter: () => this.showColumnFilter()
       },
       valueFormatter: params => {
         return this.getFormatterByColumn(params, source);
@@ -124243,8 +124380,8 @@ const EzGrid$1 = class extends HTMLElement$1 {
   /**
    * Adiciona item de menu nas colunas.
    */
-  async addColumnMenuItem(label, name, action) {
-    this._gridController.addColumnMenuItem({ label, name, action });
+  async addColumnMenuItem(label, name, action, icon) {
+    this._gridController.addColumnMenuItem({ label, name, action, icon });
   }
   /**
    * Aplica o estado das colunas.

package/dist/esm/ez-grid.entry.js

@@ -118897,21 +118897,6 @@ const gridTerms = {
   ctrlV: "Ctrl+V"
 };
 
-const HeaderColumnTemplate = `<div class="ag-cell-label-container" role="presentation" title="{{HEADER_TITLE}}">
-    <span ref="eMenu" class="ag-header-icon ag-header-cell-menu-button" aria-hidden="true"></span>
-    <div ref="eLabel" class="ag-header-cell-label" role="presentation" unselectable="on">
-        <span ref="eText" class="ag-header-cell-text" unselectable="on"></span>
-        <span ref="eFilter" class="ag-header-icon ag-header-label-icon ag-filter-icon ag-hidden" aria-hidden="true"></span>
-        <span ref="eSortAsc" class="ag-header-icon ag-header-label-icon ag-sort-ascending-icon ag-hidden" aria-hidden="true"></span>
-        <span ref="eSortDesc" class="ag-header-icon ag-header-label-icon ag-sort-descending-icon ag-hidden" aria-hidden="true"></span>
-        <span ref="eSortNone" class="ag-header-icon ag-header-label-icon ag-sort-none-icon ag-hidden" aria-hidden="true"></span>
-    </div>
-</div>`;
-
-function getHeaderColumnTemplate(headerTooltip = "") {
-    return HeaderColumnTemplate.replaceAll("{{HEADER_TITLE}}", headerTooltip)
-}
-
 class DataSource {
   constructor(dataUnit, controller, options) {
     this.RECORD_ARCHIVE = "__RECORD_ARCHIVE__";
@@ -119097,6 +119082,88 @@ class SelectionHeader {
   }
 }
 
+class EzGridCustomHeader {
+  init(agParams) {
+    var _a;
+    this.params = agParams;
+    this.element = document.createElement('div');
+    this.element.classList.add('ag-cell-label-container');
+    this.element.setAttribute('title', (_a = this.params.tooltip) !== null && _a !== void 0 ? _a : '');
+    this.element.innerHTML = `
+          <div class='ez-flex ez-flex--justify-between'>
+            <i id='ez-grid-filter-icon' class='ez-icon-filter' style='color:#008561'></i>        
+            <i id='ez-grid-menu-icon' class='ez-icon-dots-vertical'></i>        
+          </div>
+          <div id='ez-header-container' class='ez-flex ez-flex--justify-between ag-header-cell-text'>
+            <span class='ag-header-cell-text'>${this.params.displayName}</span>
+            <i id='ez-grid-sort-icon-down' class='ez-icon-arrow_downward' style='display: none;margin-left: 4px;font-size: var(--text--medium, 14px);align-self: center;'></i>
+            <i id='ez-grid-sort-icon-up' class='ez-icon-arrow_downward' style='display: none; transform: rotate(180deg);margin-left: 4px;font-size: var(--text--medium, 14px);align-self: center;'></i>
+          </div>
+    `;
+    this.configMenuClick();
+    this.configSortClick();
+    this.configSortListener();
+    this.configFilterButton();
+  }
+  refresh(agParams) {
+    this.params = agParams;
+    this.configFilterButton();
+    this.configSortIcon();
+  }
+  configFilterButton() {
+    this.filterButton = this.element.querySelector('#ez-grid-filter-icon');
+    this.filterButton.style.display = this.params.hasFilter() ? 'flex' : 'none';
+    this.onFilterButtonClickListener = this.params.showColumnFilter.bind(this);
+    this.filterButton.addEventListener('click', this.onFilterButtonClickListener);
+  }
+  configSortIcon() {
+    this.sortDownIcon.style.display = this.params.column.isSortDescending() ? 'flex' : 'none';
+    this.sortUpIcon.style.display = this.params.column.isSortAscending() ? 'flex' : 'none';
+  }
+  configSortListener() {
+    if (this.params.enableSorting) {
+      this.sortUpIcon = this.element.querySelector('#ez-grid-sort-icon-up');
+      this.sortDownIcon = this.element.querySelector('#ez-grid-sort-icon-down');
+      this.onSortChangedListener = this.configSortIcon.bind(this);
+      this.params.column.addEventListener('sortChanged', this.onSortChangedListener);
+      this.configSortIcon();
+    }
+  }
+  onSortClick(event) {
+    this.params.progressSort(event.shiftKey);
+  }
+  configSortClick() {
+    if (this.params.column.getColDef().sortable) {
+      this.headerContainer = this.element.querySelector('#ez-header-container');
+      this.onSortClickListener = this.onSortClick.bind(this);
+      this.headerContainer.addEventListener('click', this.onSortClickListener);
+    }
+  }
+  onMenuClick() {
+    this.params.showColumnMenu(this.menuButton);
+  }
+  configMenuClick() {
+    this.menuButton = this.element.querySelector('#ez-grid-menu-icon');
+    this.onMenuClickListener = this.onMenuClick.bind(this);
+    this.menuButton.addEventListener('click', this.onMenuClickListener);
+  }
+  getGui() {
+    return this.element;
+  }
+  destroy() {
+    if (this.onMenuClickListener) {
+      this.menuButton.removeEventListener('click', this.onMenuClickListener);
+    }
+    if (this.onSortClickListener) {
+      this.headerContainer.removeEventListener('click', this.onSortClickListener);
+    }
+    if (this.onFilterButtonClickListener) {
+      this.filterButton.removeEventListener('click', this.onFilterButtonClickListener);
+    }
+    this.params.column.removeEventListener('sortChanged', this.onSortChangedListener);
+  }
+}
+
 class AgGridController {
   constructor(enterprise) {
     this.DEFAULT_ROW_HEIGHT = 30;
@@ -119151,22 +119218,15 @@ class AgGridController {
         blockLoadDebounceMillis: this.BLOCK_LOAD_DEBOUNCE,
         navigateToNextCell: this.navigateToNextCell.bind(this),
         getRowNodeId: this._dataUnit ? (params) => typeof params === "string" ? params : params[this._idAttribName] : undefined,
-        getMainMenuItems: (params) => {
-          const column = params.column;
-          const items = [column.isPinned() ? "clearPinned" : "pinLeft", "separator"];
-          this._menuItems.forEach(m => items.push({
-            name: m.label,
-            action: () => m.action(column.getColId(), m.name)
-          }));
-          return items;
-        },
+        getMainMenuItems: (params) => this.buildMenuItemOptions(params),
         getRowHeight: this.getRowHeight.bind(this),
         defaultColDef: {
           headerClass: "ez-grid__cell-header",
           cellClass: "ez-grid__cell-body"
         },
         components: {
-          'ezGridHeaderComponent': SelectionHeader
+          'ezGridHeaderComponent': SelectionHeader,
+          'ezGridCustomHeader': EzGridCustomHeader,
         },
         context: {
           headerCheckStatusGetter: () => this.getSelectionHeaderStatus(),
@@ -119192,6 +119252,69 @@ class AgGridController {
       this._gridOptions.api.setHeaderHeight(this.getHeaderRowHeight());
     }
   }
+  buildMenuItemOptions(params) {
+    const col = params.column;
+    const items = [];
+    if (col.getColDef().sortable) {
+      items.push(this.buildMenuItemOptionSort(params, 'asc'));
+      items.push(this.buildMenuItemOptionSort(params, 'desc'));
+    }
+    /*
+        TODO: Adicionar quando filtro de colunar estiver finalizado.
+        items.push(this.buildMenuItemFilterColumn(params));
+    */
+    this._menuItems.forEach(m => items.push({
+      icon: m.icon,
+      name: m.label,
+      action: () => m.action(params),
+    }));
+    items.push(this.buildMenuItemOptionPin(params));
+    return items;
+  }
+  buildMenuItemOptionSort(params, sortOrder) {
+    return {
+      icon: `<div style="${sortOrder === "asc" ? 'transform: rotate(180deg); position: relative; top: -4px;' : ''}"><i class='ez-icon-arrow_downward'></i></div>`,
+      name: sortOrder === "asc" ? "Ordenar Ascendente" : "Ordenar Descendente",
+      action: () => this.sortDataByColumn(params, sortOrder)
+    };
+  }
+  /*
+  TODO: Voltar função quando for implementado o filtro de coluna
+  private buildMenuItemFilterColumn( _params: GetMainMenuItemsParams): MenuItemDef{
+      return {
+          icon: `<i class='ez-icon-filter'></i>`,
+          name: "Filtrar",
+          action: () => window.alert("Abrir popover de filtro")
+      }
+  }*/
+  buildMenuItemOptionPin(params) {
+    const { column, columnApi } = params;
+    const isPinned = params.column.isPinned();
+    return {
+      icon: `<i class='ez-icon-${isPinned ? 'un-pin' : 'push-pin'}'></i>`,
+      name: isPinned ? "Desafixar coluna" : "Fixar coluna",
+      action: () => {
+        columnApi.applyColumnState({
+          state: [{ colId: column.getColId(), pinned: column.isPinned() ? null : 'left' }],
+        });
+      }
+    };
+  }
+  sortDataByColumn(params, order) {
+    const col = params.column;
+    const colApi = params.columnApi;
+    if (col.getSort() === order) {
+      colApi.applyColumnState({
+        defaultState: { sort: null },
+      });
+    }
+    else {
+      colApi.applyColumnState({
+        state: [{ colId: col.getColId(), sort: order }],
+        defaultState: { sort: null },
+      });
+    }
+  }
   getRowHeight() {
     return this.DEFAULT_ROW_HEIGHT;
   }
@@ -119512,7 +119635,10 @@ class AgGridController {
     return this._gridOptions.api.getSelectedRows();
   }
   addColumnMenuItem(item) {
-    this._menuItems.push(item);
+    const itemsNames = this._menuItems.map(i => i.name);
+    if (!itemsNames.includes(item.name)) {
+      this._menuItems.push(item);
+    }
   }
   quickFilter(term) {
     if (term) {
@@ -119533,6 +119659,14 @@ class AgGridController {
     var _a;
     (_a = this._gridOptions.api.getDisplayedRowAtIndex(index)) === null || _a === void 0 ? void 0 : _a.setSelected(true);
   }
+  hasFilterColumn(_columnName) {
+    return false; //TODO: substituir pelo state dos filtros de colunas
+  }
+  showColumnFilter() {
+    /*
+    TODO: Implementar chamada para apresentar filtro de coluna na grid
+    */
+  }
   buildColDef(source) {
     var _a, _b, _c;
     let tooltip = undefined;
@@ -119548,8 +119682,11 @@ class AgGridController {
       field: source.name,
       sortable: propSortable,
       resizable: true,
+      headerComponent: 'ezGridCustomHeader',
       headerComponentParams: {
-        template: getHeaderColumnTemplate(tooltip)
+        tooltip: tooltip,
+        hasFilter: () => this.hasFilterColumn(source.name),
+        showColumnFilter: () => this.showColumnFilter()
       },
       valueFormatter: params => {
         return this.getFormatterByColumn(params, source);
@@ -119770,8 +119907,8 @@ const EzGrid = class {
   /**
    * Adiciona item de menu nas colunas.
    */
-  async addColumnMenuItem(label, name, action) {
-    this._gridController.addColumnMenuItem({ label, name, action });
+  async addColumnMenuItem(label, name, action, icon) {
+    this._gridController.addColumnMenuItem({ label, name, action, icon });
   }
   /**
    * Aplica o estado das colunas.

package/dist/ezui/ezui.esm.js

@@ -1 +1 @@
-import{p as e,b as o}from"./p-bfc7b8ca.js";export{s as setNonce}from"./p-bfc7b8ca.js";(()=>{const o=import.meta.url,t={};return""!==o&&(t.resourcesUrl=new URL(".",o).href),e(t)})().then((e=>o([["p-2756003d",[[1,"ez-guide-navigator",{open:[1540],selectedId:[1537,"selected-id"],items:[16],tooltipResolver:[16],filterText:[32],disableItem:[64],enableItem:[64],updateItem:[64],getItem:[64],getCurrentPath:[64],selectGuide:[64],getParent:[64]}]]],["p-dc03c30f",[[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]}]]],["p-b01e05a1",[[1,"ez-breadcrumb",{items:[1040],fillMode:[1025,"fill-mode"],maxItems:[1026,"max-items"],positionEllipsis:[1026,"position-ellipsis"],visibleItems:[32],hiddenItems:[32],showDropdown:[32],collapseConfigPosition:[32]}]]],["p-816a3218",[[1,"ez-dialog",{confirm:[1028],dialogType:[1025,"dialog-type"],message:[1025],opened:[1540],personalizedIconPath:[1025,"personalized-icon-path"],ezTitle:[1025,"ez-title"],beforeClose:[1040],show:[64]}]]],["p-00f4bff5",[[6,"ez-grid",{multipleSelection:[4,"multiple-selection"],config:[1040],serverUrl:[1,"server-url"],dataUnit:[16],statusResolver:[16],_paginationInfo:[32],_paginationChangedByKeyboard:[32],_showSelectionCounter:[32],_isAllSelection:[32],_currentPageSelected:[32],_selectionCount:[32],setColumnsDef:[64],addColumnMenuItem:[64],setColumnsState:[64],setData:[64],getSelection:[64],getColumnsState:[64],getColumns:[64],quickFilter:[64]},[[0,"ezSelectionChange","onSelectionChange"]]]]],["p-f71f0aa2",[[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"]}]]],["p-997b2df9",[[1,"ez-alert",{alertType:[513,"alert-type"]}]]],["p-6adf3791",[[1,"ez-badge",{size:[513],label:[513],iconLeft:[513,"icon-left"],iconRight:[513,"icon-right"],position:[1040],hasSlot:[32]}]]],["p-d892dc4f",[[1,"ez-chip",{label:[513],enabled:[516],removePosition:[513,"remove-position"],mode:[513],value:[1540],setFocus:[64],setBlur:[64]}]]],["p-2f80d68c",[[1,"ez-file-item",{canRemove:[4,"can-remove"],fileName:[1,"file-name"],iconName:[1,"icon-name"],fileSize:[2,"file-size"],progress:[2]}]]],["p-b2056805",[[1,"ez-list",{dataSource:[1040],listMode:[1,"list-mode"],useGroups:[1540,"use-groups"],ezDraggable:[1028,"ez-draggable"],ezSelectable:[1028,"ez-selectable"],itemSlotBuilder:[1040],hoverFeedback:[1028,"hover-feedback"],_listItems:[32],_listGroupItems:[32],clearHistory:[64],scrollToTop:[64],setSelection:[64],getSelection:[64],getList:[64]}]]],["p-e8e7ec07",[[0,"ez-application"]]],["p-848bc350",[[1,"ez-card-item",{item:[16]}]]],["p-1ac06223",[[1,"ez-loading-bar",{_showLoading:[32],hide:[64],show:[64]}]]],["p-5110b212",[[1,"ez-modal",{modalSize:[1,"modal-size"],align:[1],heightMode:[1,"height-mode"],opened:[1028],closeEsc:[4,"close-esc"],closeOutsideClick:[4,"close-outside-click"],scrim:[1]}]]],["p-62ebbd06",[[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]}]]],["p-04a52868",[[1,"ez-popup",{size:[1],opened:[1540],useHeader:[516,"use-header"],heightMode:[513,"height-mode"],ezTitle:[1,"ez-title"]}]]],["p-6e453307",[[1,"ez-radio-button",{value:[1544],options:[1040],enabled:[516],label:[513],direction:[1537]}]]],["p-672c1fba",[[0,"ez-skeleton",{count:[2],variant:[1],width:[1],height:[1],marginBottom:[1,"margin-bottom"],animation:[1]}]]],["p-0c2187a1",[[1,"ez-toast",{message:[1025],fadeTime:[1026,"fade-time"],useIcon:[1028,"use-icon"],canClose:[1028,"can-close"],show:[64]}]]],["p-6d794472",[[0,"ez-view-stack",{show:[64],getSelectedIndex:[64]}]]],["p-41e82662",[[1,"ez-dropdown",{items:[1040],value:[1040],itemBuilder:[16]}]]],["p-fc71f135",[[1,"ez-tabselector",{selectedIndex:[1538,"selected-index"],selectedTab:[1537,"selected-tab"],tabs:[1],_processedTabs:[32]}]]],["p-c00e734a",[[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]}]]],["p-64fcb7e7",[[1,"ez-collapsible-box",{value:[1540],boxBordered:[4,"box-bordered"],label:[513],subtitle:[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]}]]],["p-5a01fb34",[[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],canShowError:[516,"can-show-error"],setFocus:[64],setBlur:[64],isInvalid:[64],clearValue:[64]}]]],["p-3173d988",[[1,"ez-date-input",{label:[513],value:[1040],enabled:[516],errorMessage:[1537,"error-message"],mode:[513],canShowError:[516,"can-show-error"],setFocus:[64],setBlur:[64],isInvalid:[64]}]]],["p-7cce14cd",[[1,"ez-date-time-input",{label:[513],value:[1040],enabled:[516],errorMessage:[1537,"error-message"],showSeconds:[516,"show-seconds"],mode:[513],canShowError:[516,"can-show-error"],setFocus:[64],setBlur:[64],isInvalid:[64]}]]],["p-d96793f1",[[1,"ez-time-input",{label:[513],value:[1026],enabled:[516],errorMessage:[1537,"error-message"],showSeconds:[516,"show-seconds"],mode:[513],canShowError:[516,"can-show-error"],setFocus:[64],setBlur:[64],isInvalid:[64]}]]],["p-c0f7917c",[[1,"ez-number-input",{label:[1],value:[1538],enabled:[4],canShowError:[516,"can-show-error"],errorMessage:[1537,"error-message"],precision:[2],prettyPrecision:[2,"pretty-precision"],mode:[513],setFocus:[64],setBlur:[64],isInvalid:[64]}]]],["p-6f11ddf8",[[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]}]]],["p-10370913",[[1,"ez-upload",{label:[1],subtitle:[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]}]]],["p-a4907f2a",[[1,"ez-text-edit",{value:[1],styled:[16],_newValue:[32],applyFocusSelect:[64]}]]],["p-afea6e50",[[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],clearValue:[64]}]]],["p-b945133d",[[1,"ez-check",{label:[513],value:[1540],enabled:[1540],indeterminate:[1540],mode:[513],compact:[4],getMode:[64],setFocus:[64]}]]],["p-967758ac",[[2,"ez-form-view",{fields:[16],showUp:[64]}]]],["p-4ebb1d15",[[1,"ez-filter-input",{label:[1],value:[1537],enabled:[4],errorMessage:[1537,"error-message"],restrict:[1],mode:[513],asyncSearch:[516,"async-search"],canShowError:[516,"can-show-error"],setFocus:[64],setBlur:[64],isInvalid:[64],setValue:[64],endSearch:[64]}],[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],updateItem:[64],getItem:[64],getCurrentPath:[64],getParent:[64]},[[2,"keydown","onKeyDownListener"]]],[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"]]],[1,"ez-sidebar-button"]]],["p-994c4934",[[1,"ez-calendar",{value:[1040],floating:[516],time:[516],showSeconds:[516,"show-seconds"],show:[64],fitVertical:[64],hide:[64]}]]],["p-1a902d0e",[[1,"ez-icon",{size:[513],href:[513],iconName:[513,"icon-name"]}]]],["p-9518ef88",[[1,"ez-button",{label:[513],enabled:[516],mode:[513],image:[513],iconName:[513,"icon-name"],size:[513],setFocus:[64],setBlur:[64]},[[2,"click","clickListener"]]]]],["p-6629e5c5",[[2,"ez-form",{dataUnit:[1040],config:[16],recordsValidator:[16],validate:[64]}]]]],e)));
+import{p as e,b as o}from"./p-bfc7b8ca.js";export{s as setNonce}from"./p-bfc7b8ca.js";(()=>{const o=import.meta.url,t={};return""!==o&&(t.resourcesUrl=new URL(".",o).href),e(t)})().then((e=>o([["p-2756003d",[[1,"ez-guide-navigator",{open:[1540],selectedId:[1537,"selected-id"],items:[16],tooltipResolver:[16],filterText:[32],disableItem:[64],enableItem:[64],updateItem:[64],getItem:[64],getCurrentPath:[64],selectGuide:[64],getParent:[64]}]]],["p-dc03c30f",[[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]}]]],["p-b01e05a1",[[1,"ez-breadcrumb",{items:[1040],fillMode:[1025,"fill-mode"],maxItems:[1026,"max-items"],positionEllipsis:[1026,"position-ellipsis"],visibleItems:[32],hiddenItems:[32],showDropdown:[32],collapseConfigPosition:[32]}]]],["p-816a3218",[[1,"ez-dialog",{confirm:[1028],dialogType:[1025,"dialog-type"],message:[1025],opened:[1540],personalizedIconPath:[1025,"personalized-icon-path"],ezTitle:[1025,"ez-title"],beforeClose:[1040],show:[64]}]]],["p-9334e296",[[6,"ez-grid",{multipleSelection:[4,"multiple-selection"],config:[1040],serverUrl:[1,"server-url"],dataUnit:[16],statusResolver:[16],_paginationInfo:[32],_paginationChangedByKeyboard:[32],_showSelectionCounter:[32],_isAllSelection:[32],_currentPageSelected:[32],_selectionCount:[32],setColumnsDef:[64],addColumnMenuItem:[64],setColumnsState:[64],setData:[64],getSelection:[64],getColumnsState:[64],getColumns:[64],quickFilter:[64]},[[0,"ezSelectionChange","onSelectionChange"]]]]],["p-f71f0aa2",[[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"]}]]],["p-997b2df9",[[1,"ez-alert",{alertType:[513,"alert-type"]}]]],["p-6adf3791",[[1,"ez-badge",{size:[513],label:[513],iconLeft:[513,"icon-left"],iconRight:[513,"icon-right"],position:[1040],hasSlot:[32]}]]],["p-d892dc4f",[[1,"ez-chip",{label:[513],enabled:[516],removePosition:[513,"remove-position"],mode:[513],value:[1540],setFocus:[64],setBlur:[64]}]]],["p-2f80d68c",[[1,"ez-file-item",{canRemove:[4,"can-remove"],fileName:[1,"file-name"],iconName:[1,"icon-name"],fileSize:[2,"file-size"],progress:[2]}]]],["p-b2056805",[[1,"ez-list",{dataSource:[1040],listMode:[1,"list-mode"],useGroups:[1540,"use-groups"],ezDraggable:[1028,"ez-draggable"],ezSelectable:[1028,"ez-selectable"],itemSlotBuilder:[1040],hoverFeedback:[1028,"hover-feedback"],_listItems:[32],_listGroupItems:[32],clearHistory:[64],scrollToTop:[64],setSelection:[64],getSelection:[64],getList:[64]}]]],["p-e8e7ec07",[[0,"ez-application"]]],["p-848bc350",[[1,"ez-card-item",{item:[16]}]]],["p-1ac06223",[[1,"ez-loading-bar",{_showLoading:[32],hide:[64],show:[64]}]]],["p-5110b212",[[1,"ez-modal",{modalSize:[1,"modal-size"],align:[1],heightMode:[1,"height-mode"],opened:[1028],closeEsc:[4,"close-esc"],closeOutsideClick:[4,"close-outside-click"],scrim:[1]}]]],["p-62ebbd06",[[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]}]]],["p-04a52868",[[1,"ez-popup",{size:[1],opened:[1540],useHeader:[516,"use-header"],heightMode:[513,"height-mode"],ezTitle:[1,"ez-title"]}]]],["p-6e453307",[[1,"ez-radio-button",{value:[1544],options:[1040],enabled:[516],label:[513],direction:[1537]}]]],["p-672c1fba",[[0,"ez-skeleton",{count:[2],variant:[1],width:[1],height:[1],marginBottom:[1,"margin-bottom"],animation:[1]}]]],["p-0c2187a1",[[1,"ez-toast",{message:[1025],fadeTime:[1026,"fade-time"],useIcon:[1028,"use-icon"],canClose:[1028,"can-close"],show:[64]}]]],["p-6d794472",[[0,"ez-view-stack",{show:[64],getSelectedIndex:[64]}]]],["p-41e82662",[[1,"ez-dropdown",{items:[1040],value:[1040],itemBuilder:[16]}]]],["p-fc71f135",[[1,"ez-tabselector",{selectedIndex:[1538,"selected-index"],selectedTab:[1537,"selected-tab"],tabs:[1],_processedTabs:[32]}]]],["p-c00e734a",[[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]}]]],["p-64fcb7e7",[[1,"ez-collapsible-box",{value:[1540],boxBordered:[4,"box-bordered"],label:[513],subtitle:[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]}]]],["p-5a01fb34",[[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],canShowError:[516,"can-show-error"],setFocus:[64],setBlur:[64],isInvalid:[64],clearValue:[64]}]]],["p-3173d988",[[1,"ez-date-input",{label:[513],value:[1040],enabled:[516],errorMessage:[1537,"error-message"],mode:[513],canShowError:[516,"can-show-error"],setFocus:[64],setBlur:[64],isInvalid:[64]}]]],["p-7cce14cd",[[1,"ez-date-time-input",{label:[513],value:[1040],enabled:[516],errorMessage:[1537,"error-message"],showSeconds:[516,"show-seconds"],mode:[513],canShowError:[516,"can-show-error"],setFocus:[64],setBlur:[64],isInvalid:[64]}]]],["p-d96793f1",[[1,"ez-time-input",{label:[513],value:[1026],enabled:[516],errorMessage:[1537,"error-message"],showSeconds:[516,"show-seconds"],mode:[513],canShowError:[516,"can-show-error"],setFocus:[64],setBlur:[64],isInvalid:[64]}]]],["p-c0f7917c",[[1,"ez-number-input",{label:[1],value:[1538],enabled:[4],canShowError:[516,"can-show-error"],errorMessage:[1537,"error-message"],precision:[2],prettyPrecision:[2,"pretty-precision"],mode:[513],setFocus:[64],setBlur:[64],isInvalid:[64]}]]],["p-6f11ddf8",[[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]}]]],["p-10370913",[[1,"ez-upload",{label:[1],subtitle:[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]}]]],["p-a4907f2a",[[1,"ez-text-edit",{value:[1],styled:[16],_newValue:[32],applyFocusSelect:[64]}]]],["p-afea6e50",[[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],clearValue:[64]}]]],["p-b945133d",[[1,"ez-check",{label:[513],value:[1540],enabled:[1540],indeterminate:[1540],mode:[513],compact:[4],getMode:[64],setFocus:[64]}]]],["p-967758ac",[[2,"ez-form-view",{fields:[16],showUp:[64]}]]],["p-4ebb1d15",[[1,"ez-filter-input",{label:[1],value:[1537],enabled:[4],errorMessage:[1537,"error-message"],restrict:[1],mode:[513],asyncSearch:[516,"async-search"],canShowError:[516,"can-show-error"],setFocus:[64],setBlur:[64],isInvalid:[64],setValue:[64],endSearch:[64]}],[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],updateItem:[64],getItem:[64],getCurrentPath:[64],getParent:[64]},[[2,"keydown","onKeyDownListener"]]],[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"]]],[1,"ez-sidebar-button"]]],["p-994c4934",[[1,"ez-calendar",{value:[1040],floating:[516],time:[516],showSeconds:[516,"show-seconds"],show:[64],fitVertical:[64],hide:[64]}]]],["p-1a902d0e",[[1,"ez-icon",{size:[513],href:[513],iconName:[513,"icon-name"]}]]],["p-9518ef88",[[1,"ez-button",{label:[513],enabled:[516],mode:[513],image:[513],iconName:[513,"icon-name"],size:[513],setFocus:[64],setBlur:[64]},[[2,"click","clickListener"]]]]],["p-6629e5c5",[[2,"ez-form",{dataUnit:[1040],config:[16],recordsValidator:[16],validate:[64]}]]]],e)));