@sankhyalabs/ezui 6.1.0-dev.3 → 6.1.0-dev.31

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

@@ -1,13 +1,16 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-baa5e267.js';
 import { Action, DataUnit, ObjectUtils as ObjectUtils$1, UserInterface, HTMLBuilder, ApplicationContext, StringUtils as StringUtils$1, LockManager, LockManagerOperation, DataType, NumberUtils as NumberUtils$1, MaskFormatter, SortMode, ElementIDUtils, ColumnFilterManager as ColumnFilterManager$1, DateUtils as DateUtils$1, ArrayUtils as ArrayUtils$1, FieldComparator, JSUtils, OverflowWatcher, OVERFLOWED_CLASS_NAME, KeyboardManager } from '@sankhyalabs/core';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
-import { A as ApplicationUtils } from './ApplicationUtils-eaf91331.js';
+import { A as ApplicationUtils } from './ApplicationUtils-391ebb4f.js';
 import './DialogType-54a62731.js';
 import './CheckMode-bdb2ec19.js';
+import { g as getI18n, i as initI18n } from './index-76eedf30.js';
 import { C as CustomEditorSource, a as CustomRenderSource } from './FormLayout-071d324c.js';
-import { b as buildFieldMetadata, R as RecordValidationProcessor, D as DataBinder, S as SHORTCUT_SEARCH_FIELD, f as focusOnFieldSerch, c as SEARCH_FIELD_FULL_WIDTH, d as LABEL_SEARCH_COLUMN, a as buildFieldSearch } from './search-column-e609d513.js';
-import { D as DISTINCT_FILTER_NAME_PREFIX, E as EZ_GRID_LOADING_SOURCE, P as PRESENTATION_COL_ID_PROP_NAME, a as PRESENTATION_FROM_COL_PROP_NAME } from './constants-b036528f.js';
+import { b as buildFieldMetadata, R as RecordValidationProcessor, D as DataBinder, S as SHORTCUT_SEARCH_FIELD, f as focusOnFieldSerch, c as SEARCH_FIELD_FULL_WIDTH, a as buildFieldSearch } from './search-column-661e2324.js';
+import { D as DISTINCT_FILTER_NAME_PREFIX, E as EZ_GRID_LOADING_SOURCE, P as PRESENTATION_COL_ID_PROP_NAME, a as PRESENTATION_FROM_COL_PROP_NAME } from './constants-3fabe81e.js';
 import { F as FocusResolver } from './FocusResolver-1ccbf850.js';
+import { p as purify } from './purify-34e6ff6f.js';
+import './_commonjsHelpers-9943807e.js';
 
 /**
  * @ag-grid-community/core - Advanced Data Grid / Data Table supporting Javascript / Typescript / React / Angular / Vue
@@ -50235,6 +50238,10 @@ class DataSource {
     (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.unsubscribe(this.duObserver);
     (_b = this._dataUnit) === null || _b === void 0 ? void 0 : _b.subscribe(this.duObserver);
   }
+  getDescriptionField(descriptionName, entityName) {
+    const descriptionFieldName = `${entityName}.${descriptionName}`;
+    return this._dataUnit.metadata.fields.find((field) => field.name === descriptionFieldName);
+  }
   buildColumnDefs() {
     try {
       const gridConfig = this._controller.getGridConfig() || [];
@@ -50246,7 +50253,7 @@ class DataSource {
           return indexA - indexB;
         });
         this._dataUnit.metadata.fields.forEach(f => {
-          var _a, _b;
+          var _a, _b, _c, _d, _e, _f;
           if (f.visible !== false && f.name !== this.RECORD_ARCHIVE) {
             const props = new Map();
             const properties = this._dataUnit.getField(f.name).properties;
@@ -50256,9 +50263,15 @@ class DataSource {
             const col = { label: f.label, name: f.name, userInterface: f.userInterface, options: (_a = this._dataUnit.getField(f.name).properties) === null || _a === void 0 ? void 0 : _a.options, props };
             columnDefs.push(col);
             if (f.userInterface === UserInterface.SEARCHPLUS && ((_b = f.properties) === null || _b === void 0 ? void 0 : _b.DESCRIPTIONFIELD)) {
-              const descriptionCol = this.buildDescriptionColumn(f);
-              columnDefs.push(descriptionCol);
-              f.properties[PRESENTATION_COL_ID_PROP_NAME] = descriptionCol.name;
+              const descriptionField = this.getDescriptionField((_c = f.properties) === null || _c === void 0 ? void 0 : _c.DESCRIPTIONFIELD, (_d = f.properties) === null || _d === void 0 ? void 0 : _d.ENTITYNAME);
+              if (descriptionField) {
+                descriptionField.label = `${(_e = f.properties) === null || _e === void 0 ? void 0 : _e.DESCRIPTIONFIELDLABEL} (${(_f = f.properties) === null || _f === void 0 ? void 0 : _f.DESCRIPTIONENTITY})`;
+              }
+              else {
+                const descriptionCol = this.buildDescriptionColumn(f);
+                columnDefs.push(descriptionCol);
+                f.properties[PRESENTATION_COL_ID_PROP_NAME] = descriptionCol.name;
+              }
             }
           }
         });
@@ -50456,81 +50469,6 @@ class SelectionHeader {
   }
 }
 
-const gridTerms = {
-  // for filter panel
-  page: "Página",
-  more: "mais",
-  to: "para",
-  of: "de",
-  next: "Próximo",
-  last: "Último",
-  first: "Primeiro",
-  previous: "Anterior",
-  loadingOoo: "Carregar",
-  // for set filter
-  selectAll: "Selecionar tudo",
-  searchOoo: "Procurar",
-  blanks: "Vazio",
-  // for number filter and text filter
-  filterOoo: "Filtrar",
-  applyFilter: "Aplicar filtro",
-  // for number filter
-  equals: "Igual",
-  lessThan: "Menor que",
-  greaterThan: "Maior que",
-  // for text filter
-  contains: "Contém",
-  startsWith: "Começa com",
-  endsWith: "Termina com",
-  // the header of the default group column
-  group: "Grupo",
-  // tool panel
-  columns: "Colunas",
-  rowGroupColumns: "Colunas do grupo de linhas",
-  rowGroupColumnsEmptyMessage: "Colunas do grupo de linhas vazias",
-  valueColumns: "Valores das colunas",
-  pivotMode: "Modo pivô",
-  groups: "Grupos",
-  values: "Valores",
-  pivots: "Pivôs",
-  valueColumnsEmptyMessage: "Valores de colunas vazias",
-  pivotColumnsEmptyMessage: "Pivôs de colunas vazias",
-  toolPanelButton: "Botão de painel de ferramentas",
-  // other
-  noRowsToShow: "Não há registros para mostrar.",
-  // enterprise menu
-  pinColumn: "Fixar coluna",
-  valueAggregation: "Agregar valor",
-  autosizeThiscolumn: "Redimensionar esta coluna",
-  autosizeAllColumns: "Redimensionar todas colunas",
-  groupBy: "Agrupar por",
-  ungroupBy: "Desagrupar por",
-  resetColumns: "Resetar colunas",
-  expandAll: "Expandir tudo",
-  collapseAll: "Contrair tudo",
-  toolPanel: "Painel de ferramentas",
-  export: "Exportar",
-  csvExport: "Exportar para CSV",
-  excelExport: "Exportar para Excel",
-  // enterprise menu pinning
-  pinLeft: "Fixar coluna",
-  pinRight: "Fixar a direita",
-  noPin: "Desfixar coluna",
-  // enterprise menu aggregation and status panel
-  sum: "Soma",
-  min: "Mínimo",
-  max: "Máximo",
-  none: "Nenhum",
-  count: "Contagem",
-  average: "Média",
-  // standard menu
-  copy: "Copiar",
-  copyWithHeaders: "Copiar com cabeçalho",
-  ctrlC: "Ctrl+C",
-  paste: "Colar",
-  ctrlV: "Ctrl+V"
-};
-
 const buildEditorMetadata = (descriptor, eGridCell, dataUnit, editionManager) => {
   return Object.assign(Object.assign({}, buildFieldMetadata(descriptor)), { eGridCell, dataUnit, editionManager });
 };
@@ -64802,6 +64740,74 @@ var MenuModule = {
     ]
 };
 
+function buildLocaleText(i18n) {
+  return ({
+    page: i18n("ez-grid.pageLabel"),
+    more: i18n("ez-grid.remainingPageLabel"),
+    to: i18n("ez-grid.remainingTotalLabel"),
+    of: i18n("ez-grid.remainingTotalLabel"),
+    next: i18n("ez-grid.nextPage"),
+    previous: i18n("ez-grid.previousPage"),
+    loadingOoo: i18n("app.loading"),
+    noRowsToShow: i18n("ez-grid.noRowsToShow"),
+    pinColumn: i18n("ez-grid.pinColumn"),
+    unpinColumn: i18n("ez-grid.unpinColumn"),
+    filterOoo: i18n("ez-grid.filter"),
+    sortAscending: i18n("ez-grid.sortAscending"),
+    sortDescending: i18n("ez-grid.sortDescending"),
+    last: i18n("ez-grid.last"),
+    first: i18n("ez-grid.first"),
+    selectAll: i18n("ez-grid.selectAll"),
+    searchOoo: i18n("ez-grid.searchOoo"),
+    blanks: i18n("ez-grid.blanks"),
+    applyFilter: i18n("ez-grid.applyFilter"),
+    equals: i18n("ez-grid.equals"),
+    lessThan: i18n("ez-grid.lessThan"),
+    greaterThan: i18n("ez-grid.greaterThan"),
+    contains: i18n("ez-grid.contains"),
+    startsWith: i18n("ez-grid.startsWith"),
+    endsWith: i18n("ez-grid.endsWith"),
+    group: i18n("ez-grid.group"),
+    columns: i18n("ez-grid.columns"),
+    rowGroupColumns: i18n("ez-grid.rowGroupColumns"),
+    rowGroupColumnsEmptyMessage: i18n("ez-grid.rowGroupColumnsEmptyMessage"),
+    valueColumns: i18n("ez-grid.valueColumns"),
+    pivotMode: i18n("ez-grid.pivotMode"),
+    groups: i18n("ez-grid.groups"),
+    values: i18n("ez-grid.values"),
+    pivots: i18n("ez-grid.pivots"),
+    valueColumnsEmptyMessage: i18n("ez-grid.valueColumnsEmptyMessage"),
+    pivotColumnsEmptyMessage: i18n("ez-grid.pivotColumnsEmptyMessage"),
+    toolPanelButton: i18n("ez-grid.toolPanelButton"),
+    valueAggregation: i18n("ez-grid.valueAggregation"),
+    autosizeThiscolumn: i18n("ez-grid.autosizeThiscolumn"),
+    autosizeAllColumns: i18n("ez-grid.autosizeAllColumns"),
+    groupBy: i18n("ez-grid.groupBy"),
+    ungroupBy: i18n("ez-grid.ungroupBy"),
+    resetColumns: i18n("ez-grid.resetColumns"),
+    expandAll: i18n("ez-grid.expandAll"),
+    collapseAll: i18n("ez-grid.collapseAll"),
+    toolPanel: i18n("ez-grid.toolPanel"),
+    export: i18n("ez-grid.export"),
+    csvExport: i18n("ez-grid.csvExport"),
+    excelExport: i18n("ez-grid.excelExport"),
+    pinLeft: i18n("ez-grid.pinLeft"),
+    pinRight: i18n("ez-grid.pinRight"),
+    noPin: i18n("ez-grid.noPin"),
+    sum: i18n("ez-grid.sum"),
+    min: i18n("ez-grid.min"),
+    max: i18n("ez-grid.max"),
+    none: i18n("ez-grid.none"),
+    count: i18n("ez-grid.count"),
+    average: i18n("ez-grid.average"),
+    copy: i18n("ez-grid.copy"),
+    copyWithHeaders: i18n("ez-grid.copyWithHeaders"),
+    ctrlC: i18n("ez-grid.ctrlC"),
+    paste: i18n("ez-grid.paste"),
+    ctrlV: i18n("ez-grid.ctrlV"),
+  });
+}
+
 class AgGridController {
   configFilterColumn(filterColumn) {
     this._filterColumn = filterColumn;
@@ -64956,6 +64962,7 @@ class AgGridController {
     }
     if (this._grid === undefined) {
       LicenseManager.setLicenseKey(ApplicationContext.getContextValue('__EZUI__GRID_LICENSE__'));
+      this._i18n = options.i18n;
       this._columnStateChangeCallback = options.onColumnStateChange;
       this._selectionChangeCallback = options.onSelectionChange;
       this._doubleClickCallBack = options.onDoubleClick;
@@ -64969,7 +64976,7 @@ class AgGridController {
       }
       this._gridOptions = {
         suppressHorizontalScroll: options.suppressHorizontalScroll,
-        localeText: gridTerms,
+        localeText: buildLocaleText(this._options.i18n),
         enableRangeSelection: this._multipleSelection,
         rowSelection: this._multipleSelection ? 'multiple' : 'single',
         sortingOrder: ['desc', 'asc', null],
@@ -65083,7 +65090,7 @@ class AgGridController {
   buildMenuItemOptionSort(params, sortOrder) {
     return {
       icon: sortOrder === 'asc' ? `<i class='ez-icon-ordem-ascendente'></i>` : `<i class='ez-icon-ordem-descendente'></i>`,
-      name: sortOrder === 'asc' ? 'Ordenar Ascendente' : 'Ordenar Descendente',
+      name: sortOrder === 'asc' ? this._i18n("ez-grid.sortAscending") : this._i18n("ez-grid.sortDescending"),
       action: () => this.sortDataByColumn(params, sortOrder),
     };
   }
@@ -65092,7 +65099,7 @@ class AgGridController {
     const columnLabel = params.column.getColDef().headerName;
     return {
       icon: `<i class='ez-icon-filter'></i>`,
-      name: 'Filtrar',
+      name: this._i18n("ez-grid.filter"),
       action: () => this.showFilterColumn({ columnName, columnLabel, leftPosition: this._filterColumnleftPosition, filteredOptions: this._filteredColumns.get(columnName) }),
     };
   }
@@ -65118,7 +65125,7 @@ class AgGridController {
     const isPinned = params.column.isPinned();
     return {
       icon: `<i class='ez-icon-${isPinned ? 'un-pin' : 'push-pin'}'></i>`,
-      name: isPinned ? 'Desafixar coluna' : 'Fixar coluna',
+      name: isPinned ? this._i18n("ez-grid.unpinColumn") : this._i18n("ez-grid.pinColumn"),
       action: () => {
         columnApi.applyColumnState({
           state: [{ colId: column.getColId(), pinned: column.isPinned() ? null : 'left' }],
@@ -65496,7 +65503,9 @@ class AgGridController {
     this._gridOptions.api.setFocusedCell(rowIndex, firstCell);
   }
   setColumnsDef(cols) {
-    const checkBoxColumn = Object.assign({ colId: this.CHECK_BOX_COL_ID, headerName: this.CHECK_BOX_COL_ID, checkboxSelection: true, width: 29, suppressMovable: true, suppressAutoSize: true, suppressMenu: true, lockPosition: true, pinned: true }, (this._multipleSelection && { headerComponent: 'ezGridHeaderComponent', headerClass: 'ag-column-select-header' }));
+    const checkBoxColumn = Object.assign({ colId: this.CHECK_BOX_COL_ID, headerName: this.CHECK_BOX_COL_ID, checkboxSelection: true, width: 29, suppressMovable: true, suppressAutoSize: true, suppressMenu: true, lockPosition: true, pinned: true }, (this._multipleSelection ?
+      { headerComponent: 'ezGridHeaderComponent', headerClass: 'ag-column-select-header' }
+      : { headerComponentParams: { displayName: '' } }));
     const newColDefs = this._options.suppressCheckBoxCol ? [] : [checkBoxColumn];
     if (this._statusResolver != undefined) {
       newColDefs.push({
@@ -65517,6 +65526,7 @@ class AgGridController {
         cellStyle: {
           'text-align': 'center',
         },
+        suppressNavigable: true,
       });
     }
     cols.forEach(c => {
@@ -65720,7 +65730,7 @@ class AgGridController {
       tooltip = (_c = source.props) === null || _c === void 0 ? void 0 : _c.get('gridHeaderTooltip');
     }
     else if (propSortable === false) {
-      tooltip = 'Coluna não pode ser ordenada';
+      tooltip = this._i18n('ez-grid.columnCantBeOrder');
     }
     const presentationFrom = (_d = source === null || source === void 0 ? void 0 : source.props) === null || _d === void 0 ? void 0 : _d.get(PRESENTATION_FROM_COL_PROP_NAME);
     return this._editionManager.configureColumn({
@@ -65745,7 +65755,11 @@ class AgGridController {
           return "";
         }
         if (params.value instanceof Promise) {
-          return "Carregando...";
+          return `${this._i18n("app.loading")}...`;
+        }
+        if (source.userInterface === UserInterface.HTML) {
+          this.setHTMLRender(params, source);
+          return "";
         }
         const customFormatter = this._customFormatters.get(source.name);
         if (customFormatter) {
@@ -65763,6 +65777,24 @@ class AgGridController {
       editable: !((_e = source.props) === null || _e === void 0 ? void 0 : _e.has(PRESENTATION_FROM_COL_PROP_NAME))
     });
   }
+  setHTMLRender(params, source) {
+    const htmlSanitized = purify.sanitize(params.value);
+    params.colDef.cellRenderer = (cellParams) => {
+      if (cellParams.node.rowIndex === params.node.rowIndex) {
+        const element = document.createElement('span');
+        element.innerHTML = htmlSanitized;
+        return element;
+      }
+      return cellParams.value;
+    };
+    params.colDef.cellStyle = (cellParams) => {
+      const defaultStyle = this.getStyleByColumn(source);
+      if (cellParams.node.rowIndex === params.node.rowIndex) {
+        return Object.assign(defaultStyle, { padding: 0 });
+      }
+      return defaultStyle;
+    };
+  }
   setCustomFormatters(customFormatters) {
     this._customFormatters = customFormatters;
   }
@@ -65819,10 +65851,10 @@ class AgGridController {
     }
     if ((source === null || source === void 0 ? void 0 : source.userInterface) === UserInterface.SWITCH) {
       if ((params === null || params === void 0 ? void 0 : params.value) === 'S' || (params === null || params === void 0 ? void 0 : params.value) === true || (params === null || params === void 0 ? void 0 : params.value) === 'true') {
-        return 'Sim';
+        return this._i18n("app.yes");
       }
       else if ((params === null || params === void 0 ? void 0 : params.value) === 'N' || (params === null || params === void 0 ? void 0 : params.value) === false || (params === null || params === void 0 ? void 0 : params.value) === 'false') {
-        return 'Não';
+        return this._i18n("app.no");
       }
     }
     if ((source === null || source === void 0 ? void 0 : source.userInterface) === UserInterface.SEARCH) {
@@ -66045,27 +66077,30 @@ function enableSelectAll(total) {
   return total !== undefined;
 }
 function buildSelectAllLabel(allRecordSelected, count, total) {
+  const i18n = getI18n();
   if (allRecordSelected)
-    return 'Selecionar apenas a página atual';
+    return i18n('utils.selectAllPage');
   if (total === undefined)
-    return `Carregando todos os ${count} registros`;
-  return `Selecionar todos os ${total} registros`;
+    return i18n('utils.loadingAllRecords', { count });
+  return i18n('utils.selectAllRecords', { total });
 }
 function buildSelectAllTitle(total) {
   if (enableSelectAll(total))
     return '';
-  return 'Aguarde o carregamento para selecionar o registro de todas as páginas';
+  const i18n = getI18n();
+  return i18n('utils.waitForLoad');
 }
 function getText(selectionCount, allSelectedRecords) {
+  const i18n = getI18n();
   if (allSelectedRecords) {
-    return `Todos os <strong>${selectionCount} registros</strong> da grade estão selecionados.`;
+    return i18n('utils.allRecordsSelected', { selectionCount });
   }
-  const pluralCharacter = selectionCount > 1 ? "s" : "";
-  return `Há <strong>${selectionCount} registro${pluralCharacter}</strong> selecionado${pluralCharacter} na grade.`;
+  const plural = selectionCount > 1 ? "s" : "";
+  return i18n('utils.selectedRecords', { selectionCount, plural });
 }
 
 const SelectionCounter = (props) => {
-  const { selectionCount, currentPageSelected, allRecordSelected, paginationInfo, canSelectAll, onSelectAll, onSelectPage, onClearAll, onClose } = props;
+  const { selectionCount, currentPageSelected, allRecordSelected, paginationInfo, canSelectAll, onSelectAll, onSelectPage, onClearAll, onClose, i18n } = props;
   const { total, hasMore, count } = paginationInfo || {};
   const shouldRenderSelectionButton = () => {
     if ((!allRecordSelected && selectionCount === total) || (allRecordSelected && !hasMore))
@@ -66081,8 +66116,8 @@ const SelectionCounter = (props) => {
         h("div", { class: "ez-flex ez-margin-right--medium" },
           shouldRenderSelectionButton() &&
             h("ez-button", Object.assign({ key: "selectAllRecordsEzButton", title: buildSelectAllTitle(total), enabled: enableSelectAll(total), class: "ez-margin-right--medium", label: buildSelectAllLabel(allRecordSelected, count, total), mode: "link", onClick: allRecordSelected ? onSelectPage : onSelectAll }, getElementID(`ezGridSelectionCounter_select${allRecordSelected ? "Page" : "All"}`))),
-          h("ez-button", Object.assign({ key: "clearAllSelectionEzButton", class: "grid__btn-clear", label: "Limpar Sele\u00E7\u00E3o", mode: "link", onClick: onClearAll }, getElementID("ezGridSelectionCounter_clearAll"))))),
-      h("button", Object.assign({ class: "grid__btn-close", title: "Fechar", onClick: onClose }, getElementID("ezGridSelectionCounter_close")),
+          h("ez-button", Object.assign({ key: "clearAllSelectionEzButton", class: "grid__btn-clear", label: i18n("ez-grid.clearSelection"), mode: "link", onClick: onClearAll }, getElementID("ezGridSelectionCounter_clearAll"))))),
+      h("button", Object.assign({ class: "grid__btn-close", title: i18n("app.close"), onClick: onClose }, getElementID("ezGridSelectionCounter_close")),
         h("ez-icon", { iconName: "close" })))));
 };
 function getElementID(sufix) {
@@ -66232,7 +66267,6 @@ const EzGrid = class {
     this.configChange = createEvent(this, "configChange", 7);
     this.componentReady = createEvent(this, "componentReady", 7);
     this._gridController = new AgGridController(false);
-    this._messageFilterAppliedSuccess = 'Filtro de coluna aplicado com sucesso!';
     this._customEditor = new Map();
     this._customRenders = new Map();
     this._paginationInfo = undefined;
@@ -66626,7 +66660,7 @@ const EzGrid = class {
     await ((_a = this._cancelPaginationPopoverElement) === null || _a === void 0 ? void 0 : _a.hide());
   }
   renderCancelPagination() {
-    return (h("ez-popover", { ref: (element) => (this._cancelPaginationPopoverElement = element), "overlay-type": 'none', autoClose: false }, h("div", { class: 'cancel-pagination' }, h("ez-icon", { iconName: "sync", size: "x-large", class: "spin" }), h("span", { onClick: () => this.handleCancelPagination(), class: 'cancel-pagination-btn' }, "Cancelar pagina\u00E7\u00E3o"))));
+    return (h("ez-popover", { ref: (element) => (this._cancelPaginationPopoverElement = element), "overlay-type": 'none', autoClose: false }, h("div", { class: 'cancel-pagination' }, h("ez-icon", { iconName: "sync", size: "x-large", class: "spin" }), h("span", { onClick: () => this.handleCancelPagination(), class: 'cancel-pagination-btn' }, this.i18n("ez-grid.cancelPagination")))));
   }
   handleShowCancelPagination() {
     var _a, _b, _c;
@@ -66642,7 +66676,7 @@ const EzGrid = class {
     if (!this._paginationInfo)
       return null;
     const { currentPage, hasMore } = this._paginationInfo;
-    return (h("div", { class: `grid-header__container grid-header__pagination ${this.resolvePaginationClassMode()}`, ref: ref => (this._refPaginationControl = ref) }, this.renderCancelPagination(), h("div", { class: "ez-text ez-text--primary ez-text--medium ez-margin-right--medium", ref: (element) => (this._refPaginationLabel = element) }, h("span", { class: "grid-header__pagination-label" }, this.shouldPresentPaginationLabel() && h("strong", { class: "ez-text ez-text--primary ez-text--medium" }, this._getActualPageLabel()), this.shouldPresentPaginationLabel() && this._getRemainingPageLabel())), h("div", { id: "grid-pagination-tooltip", ref: (element) => (this._refPaginationLabelTooltip = element), class: "ez-flex ez-margin-right--medium", title: `${this._getActualPageLabel()} ${this._getRemainingPageLabel()}` }, h("ez-button", { size: "small", class: "ez-margin-right--medium", iconName: "chevron-left", mode: "icon", enabled: currentPage > 0, onClick: () => this.previousPage(), label: "P\u00E1gina anterior" }), h("ez-button", { size: "small", iconName: "chevron-right", mode: "icon", enabled: hasMore, onClick: () => this.nextPage(), label: "Pr\u00F3xima P\u00E1gina" }))));
+    return (h("div", { class: `grid-header__container grid-header__pagination ${this.resolvePaginationClassMode()}`, ref: ref => (this._refPaginationControl = ref) }, this.renderCancelPagination(), h("div", { class: "ez-text ez-text--primary ez-text--medium ez-margin-right--medium", ref: (element) => (this._refPaginationLabel = element) }, h("span", { class: "grid-header__pagination-label" }, this.shouldPresentPaginationLabel() && h("strong", { class: "ez-text ez-text--primary ez-text--medium" }, this._getActualPageLabel()), this.shouldPresentPaginationLabel() && this._getRemainingPageLabel())), h("div", { id: "grid-pagination-tooltip", ref: (element) => (this._refPaginationLabelTooltip = element), class: "ez-flex ez-margin-right--medium", title: `${this._getActualPageLabel()} ${this._getRemainingPageLabel()}` }, h("ez-button", { size: "small", class: "ez-margin-right--medium", iconName: "chevron-left", mode: "icon", enabled: currentPage > 0, onClick: () => this.previousPage(), label: this.i18n("ez-grid.previousPage") }), h("ez-button", { size: "small", iconName: "chevron-right", mode: "icon", enabled: hasMore, onClick: () => this.nextPage(), label: this.i18n("ez-grid.nextPage") }))));
   }
   shouldPresentPaginationLabel() {
     return this.paginationCounterMode === 'show' || this.paginationCounterMode === 'auto';
@@ -66682,7 +66716,8 @@ const EzGrid = class {
       enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick,
       enableLockManagerLoadingComp: this.enableLockManagerLoadingComp,
       enableRowTableStriped: this.enableRowTableStriped,
-      suppressHorizontalScroll: this.suppressHorizontalScroll
+      suppressHorizontalScroll: this.suppressHorizontalScroll,
+      i18n: this.i18n
     });
     if (this.config) {
       this.observeConfig(this.config);
@@ -66715,7 +66750,7 @@ const EzGrid = class {
   }
   _getRemainingPageLabel() {
     const { total, count } = this._paginationInfo;
-    return `${total == undefined ? ` de ${count + 1} ou mais` : ` de ${total}`}`;
+    return `${total == undefined ? this.i18n("ez-grid.remainingPageLabel", { count: count + 1 }) : this.i18n("ez-grid.remainingTotalLabel", { total })}`;
   }
   _hasToShowCancelPagination() {
     var _a;
@@ -66791,10 +66826,11 @@ const EzGrid = class {
   }
   componentDidRender() {
     windowInstace.addEventListener('onSubmitFilter', () => {
-      ApplicationUtils.info(this._messageFilterAppliedSuccess);
+      ApplicationUtils.info(this.i18n("ez-grid.filterAppliedSuccess"));
     });
   }
-  componentWillLoad() {
+  async componentWillLoad() {
+    this.i18n = await initI18n();
     this._hasLeftButtons = !!this._element.querySelector('[slot="leftButtons"]');
     if (!this.dataUnit.name.includes("InMemoryDataUnit"))
       return;
@@ -66833,12 +66869,12 @@ const EzGrid = class {
       if (!this._paginationInfo)
         return;
       this.nextRecord();
-    }, { description: "Avança para o próximo registro.", element: this._element })
+    }, { description: this.i18n("ez-grid.nextRecord"), element: this._element })
       .bind("ctrl + ,", () => {
       if (!this._paginationInfo)
         return;
       this.previousRecord();
-    }, { description: "Retorna ao registro anterior.", element: this._element })
+    }, { description: this.i18n("ez-grid.previousRecord"), element: this._element })
       .bind("ctrl + alt + ArrowLeft", () => {
       if (!this._paginationInfo)
         return;
@@ -66846,7 +66882,7 @@ const EzGrid = class {
       if (currentPage > 0) {
         this.previousPage();
       }
-    }, { description: "Retorna a pagina anterior.", element: this._element })
+    }, { description: this.i18n("ez-grid.previousPage"), element: this._element })
       .bind("ctrl + alt + ArrowRight", () => {
       if (!this._paginationInfo)
         return;
@@ -66854,7 +66890,7 @@ const EzGrid = class {
       if (hasMore) {
         this.nextPage();
       }
-    }, { description: "Avança para a próxima página.", element: this._element });
+    }, { description: this.i18n("ez-grid.nextPage"), element: this._element });
     if (this.useSearchColumn) {
       this._keyboardManager.bind(SHORTCUT_SEARCH_FIELD, async () => {
         if (!this._container || !this._ezPopoverSearchColumn)
@@ -66862,7 +66898,7 @@ const EzGrid = class {
         const container = this._container.getBoundingClientRect();
         await focusOnFieldSerch(this._columnSearch);
         this._ezPopoverSearchColumn.showUnder(this._container, { horizontalGap: container.width - (SEARCH_FIELD_FULL_WIDTH), verticalGap: container.height * -1 });
-      }, { description: LABEL_SEARCH_COLUMN, element: this._element });
+      }, { description: this.i18n("ez-grid.searchColumn"), element: this._element });
     }
   }
   async removeShortcuts() {
@@ -66872,7 +66908,7 @@ const EzGrid = class {
   renderFieldSearchColumn() {
     this._columnSearch = buildFieldSearch({
       value: StringUtils$1.generateUUID(),
-      label: LABEL_SEARCH_COLUMN,
+      label: this.i18n("ez-grid.labelSearchColumn"),
     }, ({ argument }) => new Promise(accept => {
       this.filterColumns(argument).then((columns) => {
         accept(columns
@@ -66907,7 +66943,7 @@ const EzGrid = class {
         'shadow-mode': !this.outlineMode && !this.hideHeader(),
       }, tabindex: "0" }, h("filter-column", { class: "grid-header__popover", noHeaderTaskBar: !this._hasLeftButtons, dataSource: this.getDataSource(), dataUnit: this.dataUnit, gridHeaderHidden: this.hideHeader(), ref: (element) => (this._filterColumn = element) }), h("div", { class: "grid-header__position" }, h("div", { class: `grid-header__container grid-header__left-container ${this.resolveLeftHeaderClass()}` }, h("slot", { name: "leftButtons" })), this.getPaginationControl())), h("ez-popover", { ref: elem => (this._ezPopoverSearchColumn = elem), overlayType: "none" }, this.renderFieldSearchColumn()), h("div", { ref: (ref) => (this._gridSelectionCounter = ref), class: `grid__selection-counter  ez-elevation--4
           ${this._showSelectionCounter ? 'grid__selection-counter--opened' : ''}
-        ` }, h(SelectionCounter, { selectionCount: this._selectionCount, currentPageSelected: this._currentPageSelected, paginationInfo: this._paginationInfo, canSelectAll: (_a = this.selectionToastConfig) === null || _a === void 0 ? void 0 : _a.canSelectAll, allRecordSelected: this._isAllSelection, onSelectAll: () => this.onSelectAllRecords(), onSelectPage: () => this.onSelectPageRecords(), onClearAll: () => this.onClearSelectedRecords(), onClose: () => (this._showSelectionCounter = false) })), h("div", { class: "grid__footer" }, h("slot", { name: "footer" }))));
+        ` }, h(SelectionCounter, { selectionCount: this._selectionCount, currentPageSelected: this._currentPageSelected, paginationInfo: this._paginationInfo, canSelectAll: (_a = this.selectionToastConfig) === null || _a === void 0 ? void 0 : _a.canSelectAll, allRecordSelected: this._isAllSelection, i18n: this.i18n, onSelectAll: () => this.onSelectAllRecords(), onSelectPage: () => this.onSelectPageRecords(), onClearAll: () => this.onClearSelectedRecords(), onClose: () => (this._showSelectionCounter = false) })), h("div", { class: "grid__footer" }, h("slot", { name: "footer" }))));
   }
   static get assetsDirs() { return ["../assets"]; }
   get _element() { return getElement(this); }

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

@@ -1,6 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-baa5e267.js';
 import { ElementIDUtils } from '@sankhyalabs/core';
 import { E as EzScrollDirection } from './EzScrollDirection-2df26c93.js';
+import { i as initI18n } from './index-76eedf30.js';
 
 const ezGuideNavigatorCss = ":host{--ez-guide-navigator--padding-left:var(--space--large);--ez-guide-navigator--padding-right:var(--space--small);--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--large) 0 var(--space--medium);--ez-guide-navigator--actions-padding-right:calc(var(--space--medium, 12px) + var(--space--small, 6px))}.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;height:100%;padding-left:var(--ez-guide-navigator--padding-left);padding-right:var(--ez-guide-navigator--padding-right);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);padding-right:var(--ez-guide-navigator--actions-padding-right)}.hidden{display:none}";
 
@@ -75,6 +76,9 @@ const EzGuideNavigator = class {
   async getParent(id) {
     return this._tree.getParent(id);
   }
+  async componentWillLoad() {
+    this.i18n = await initI18n();
+  }
   async handleToggleSidebar() {
     this.open = !this.open;
   }
@@ -89,7 +93,7 @@ const EzGuideNavigator = class {
   }
   render() {
     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.onFilterChanged(event), 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-scroller", { direction: EzScrollDirection.VERTICAL, activeShadow: true }, h("ez-tree", { ref: element => (this._tree = element), items: this.items, "data-element-id": ElementIDUtils.getInternalIDInfo("tree"), tooltipResolver: this.tooltipResolver, onEzChange: evt => this.ezSelectionChange.emit(evt.detail), selectedId: this.selectedId })))));
+    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.onFilterChanged(event), label: this.i18n("ez-guide-navigator.searchGuide"), "aria-placeholder": this.i18n("ez-guide-navigator.searchGuide"), 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: this.i18n("ez-guide-navigator.hideMenu"), "aria-label": this.i18n("ez-guide-navigator.hideMenu"), "aria-controls": "navigator", "data-element-id": ElementIDUtils.getInternalIDInfo("closeButton") })), h("ez-scroller", { direction: EzScrollDirection.VERTICAL, activeShadow: true }, h("ez-tree", { ref: element => (this._tree = element), items: this.items, "data-element-id": ElementIDUtils.getInternalIDInfo("tree"), tooltipResolver: this.tooltipResolver, onEzChange: evt => this.ezSelectionChange.emit(evt.detail), selectedId: this.selectedId })))));
   }
   get _element() { return getElement(this); }
 };

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-baa5e267.js';
 import { StringUtils, ElementIDUtils } from '@sankhyalabs/core';
 
-const ezIconCss = ":host{display:flex;overflow:hidden;position:relative;--ez-icon--color:var(--icon--color, #ffffff)}svg{display:flex;justify-content:center;align-items:center;fill:var(--ez-icon--color)}.x-small{width:12px;height:12px}.small{width:16px;height:16px}.medium{width:20px;height:20px}.large{width:24px;height:24px}.x-large{width:30px;height:30px}[class^=\"ez-icon-\"],[class*=\" ez-icon-\"]{color:var(--ez-icon--color)}[class^=\"ez-icon-\"],[class*=\" ez-icon-\"]{font-family:'ez-icons' !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ez-icon-2chevron-down:before{content:\"\\ea01\"}.ez-icon-2chevron-up:before{content:\"\\ea02\"}.ez-icon-acao:before{content:\"\\ea03\"}.ez-icon-account-outline:before{content:\"\\ea04\"}.ez-icon-account:before{content:\"\\ea05\"}.ez-icon-add-to-cart:before{content:\"\\ea06\"}.ez-icon-alert-circle-inverted:before{content:\"\\ea07\"}.ez-icon-alert-circle:before{content:\"\\ea08\"}.ez-icon-alert-mail:before{content:\"\\ea09\"}.ez-icon-alert-popup:before{content:\"\\ea0a\"}.ez-icon-anexo:before{content:\"\\ea0b\"}.ez-icon-antecipação:before{content:\"\\ea0c\"}.ez-icon-apps:before{content:\"\\ea0d\"}.ez-icon-arrow-forward:before{content:\"\\ea0e\"}.ez-icon-arrow-upward:before{content:\"\\ea0f\"}.ez-icon-arrow_back:before{content:\"\\ea10\"}.ez-icon-arrow_downward:before{content:\"\\ea11\"}.ez-icon-baixa:before{content:\"\\ea12\"}.ez-icon-balance:before{content:\"\\ea13\"}.ez-icon-bell-inverted:before{content:\"\\ea14\"}.ez-icon-bell:before{content:\"\\ea15\"}.ez-icon-boleto:before{content:\"\\ea16\"}.ez-icon-boolean:before{content:\"\\ea17\"}.ez-icon-business-center:before{content:\"\\ea18\"}.ez-icon-calendar-clock:before{content:\"\\ea19\"}.ez-icon-calendar:before{content:\"\\ea1a\"}.ez-icon-cart-history:before{content:\"\\ea1b\"}.ez-icon-cash-remove:before{content:\"\\ea1c\"}.ez-icon-check-circle-inverted:before{content:\"\\ea1d\"}.ez-icon-check-circle:before{content:\"\\ea1e\"}.ez-icon-check:before{content:\"\\ea1f\"}.ez-icon-chevron-down:before{content:\"\\ea20\"}.ez-icon-chevron-left:before{content:\"\\ea21\"}.ez-icon-chevron-right:before{content:\"\\ea22\"}.ez-icon-chevron-up:before{content:\"\\ea23\"}.ez-icon-circle--medium:before{content:\"\\ea24\"}.ez-icon-circle:before{content:\"\\ea25\"}.ez-icon-clean-cart:before{content:\"\\ea26\"}.ez-icon-cleaning:before{content:\"\\ea27\"}.ez-icon-clipboard:before{content:\"\\ea28\"}.ez-icon-clock-rotate-left:before{content:\"\\ea29\"}.ez-icon-close:before{content:\"\\ea2a\"}.ez-icon-cobrar:before{content:\"\\ea2b\"}.ez-icon-code:before{content:\"\\ea2c\"}.ez-icon-configuration:before{content:\"\\ea2d\"}.ez-icon-content-cut:before{content:\"\\ea2e\"}.ez-icon-copy:before{content:\"\\ea2f\"}.ez-icon-credit_card:before{content:\"\\ea30\"}.ez-icon-crop:before{content:\"\\ea31\"}.ez-icon-custom:before{content:\"\\ea32\"}.ez-icon-delete-file:before{content:\"\\ea33\"}.ez-icon-delete:before{content:\"\\ea34\"}.ez-icon-description:before{content:\"\\ea35\"}.ez-icon-dividir:before{content:\"\\ea36\"}.ez-icon-docx:before{content:\"\\ea37\"}.ez-icon-dot-notification:before{content:\"\\ea38\"}.ez-icon-dots-horizontal:before{content:\"\\ea39\"}.ez-icon-dots-vertical:before{content:\"\\ea3a\"}.ez-icon-drag-indicator:before{content:\"\\ea3b\"}.ez-icon-dual-chevron-down:before{content:\"\\ea3c\"}.ez-icon-dual-chevron-left:before{content:\"\\ea3d\"}.ez-icon-dual-chevron-right:before{content:\"\\ea3e\"}.ez-icon-dual-chevron-up:before{content:\"\\ea3f\"}.ez-icon-edit-file:before{content:\"\\ea40\"}.ez-icon-edit-table:before{content:\"\\ea41\"}.ez-icon-edit-time:before{content:\"\\ea42\"}.ez-icon-edit-value:before{content:\"\\ea43\"}.ez-icon-edit:before{content:\"\\ea44\"}.ez-icon-email:before{content:\"\\ea45\"}.ez-icon-estorno:before{content:\"\\ea46\"}.ez-icon-exe:before{content:\"\\ea47\"}.ez-icon-expand:before{content:\"\\ea48\"}.ez-icon-expandir_card:before{content:\"\\ea49\"}.ez-icon-extrato:before{content:\"\\ea4a\"}.ez-icon-eye-off:before{content:\"\\ea4b\"}.ez-icon-eye:before{content:\"\\ea4c\"}.ez-icon-favorite:before{content:\"\\ea4d\"}.ez-icon-figma:before{content:\"\\ea4e\"}.ez-icon-file-download:before{content:\"\\ea4f\"}.ez-icon-file-upload:before{content:\"\\ea50\"}.ez-icon-filter:before{content:\"\\ea51\"}.ez-icon-find-file:before{content:\"\\ea52\"}.ez-icon-find-page:before{content:\"\\ea53\"}.ez-icon-format-color-fill:before{content:\"\\ea54\"}.ez-icon-generic:before{content:\"\\ea55\"}.ez-icon-gif:before{content:\"\\ea56\"}.ez-icon-graph_bar:before{content:\"\\ea57\"}.ez-icon-handshake:before{content:\"\\ea58\"}.ez-icon-help-inverted:before{content:\"\\ea59\"}.ez-icon-help:before{content:\"\\ea5a\"}.ez-icon-hide-list:before{content:\"\\ea5b\"}.ez-icon-hide_menu:before{content:\"\\ea5c\"}.ez-icon-hierarchical-tree:before{content:\"\\ea5d\"}.ez-icon-home:before{content:\"\\ea5e\"}.ez-icon-icons104:before{content:\"\\ea5f\"}.ez-icon-language:before{content:\"\\ea60\"}.ez-icon-launch:before{content:\"\\ea61\"}.ez-icon-lightbulb:before{content:\"\\ea62\"}.ez-icon-list:before{content:\"\\ea63\"}.ez-icon-location:before{content:\"\\ea64\"}.ez-icon-lock-outline:before{content:\"\\ea65\"}.ez-icon-lock:before{content:\"\\ea66\"}.ez-icon-menu:before{content:\"\\ea67\"}.ez-icon-mid:before{content:\"\\ea68\"}.ez-icon-minus:before{content:\"\\ea69\"}.ez-icon-money-off:before{content:\"\\ea6a\"}.ez-icon-money:before{content:\"\\ea6b\"}.ez-icon-more:before{content:\"\\ea6c\"}.ez-icon-mp3:before{content:\"\\ea6d\"}.ez-icon-mp4:before{content:\"\\ea6e\"}.ez-icon-multiple-files:before{content:\"\\ea6f\"}.ez-icon-north-west:before{content:\"\\ea70\"}.ez-icon-number:before{content:\"\\ea71\"}.ez-icon-ordem-ascendente:before{content:\"\\ea72\"}.ez-icon-ordem-descendente:before{content:\"\\ea73\"}.ez-icon-parcelar:before{content:\"\\ea74\"}.ez-icon-pause:before{content:\"\\ea75\"}.ez-icon-payments:before{content:\"\\ea76\"}.ez-icon-pdf:before{content:\"\\ea77\"}.ez-icon-play:before{content:\"\\ea78\"}.ez-icon-plus:before{content:\"\\ea79\"}.ez-icon-png:before{content:\"\\ea7a\"}.ez-icon-power:before{content:\"\\ea7b\"}.ez-icon-pptx:before{content:\"\\ea7c\"}.ez-icon-preview:before{content:\"\\ea7d\"}.ez-icon-print:before{content:\"\\ea7e\"}.ez-icon-push-pin:before{content:\"\\ea7f\"}.ez-icon-rateio:before{content:\"\\ea80\"}.ez-icon-receipt:before{content:\"\\ea81\"}.ez-icon-recolher_card:before{content:\"\\ea82\"}.ez-icon-remove-from-cart:before{content:\"\\ea83\"}.ez-icon-restore:before{content:\"\\ea84\"}.ez-icon-return:before{content:\"\\ea85\"}.ez-icon-sankhya-place:before{content:\"\\ea86\"}.ez-icon-save:before{content:\"\\ea87\"}.ez-icon-search:before{content:\"\\ea88\"}.ez-icon-settings-inverted:before{content:\"\\ea89\"}.ez-icon-settings:before{content:\"\\ea8a\"}.ez-icon-share:before{content:\"\\ea8b\"}.ez-icon-shield:before{content:\"\\ea8c\"}.ez-icon-show-list:before{content:\"\\ea8d\"}.ez-icon-show_menu:before{content:\"\\ea8e\"}.ez-icon-south-east:before{content:\"\\ea8f\"}.ez-icon-sync:before{content:\"\\ea90\"}.ez-icon-table:before{content:\"\\ea91\"}.ez-icon-tag_code:before{content:\"\\ea92\"}.ez-icon-text:before{content:\"\\ea93\"}.ez-icon-timeline:before{content:\"\\ea94\"}.ez-icon-timer-outline:before{content:\"\\ea95\"}.ez-icon-trending-up:before{content:\"\\ea96\"}.ez-icon-tune:before{content:\"\\ea97\"}.ez-icon-txt:before{content:\"\\ea98\"}.ez-icon-un-pin:before{content:\"\\ea99\"}.ez-icon-unfold_less:before{content:\"\\ea9a\"}.ez-icon-unfold_more:before{content:\"\\ea9b\"}.ez-icon-user-circle:before{content:\"\\ea9c\"}.ez-icon-warning-outline:before{content:\"\\ea9d\"}.ez-icon-warning_triangle:before{content:\"\\ea9e\"}.ez-icon-whatshot:before{content:\"\\ea9f\"}.ez-icon-xlsx:before{content:\"\\eaa0\"}.ez-icon-zip:before{content:\"\\eaa1\"}.x-small--font{font-size:12px}.small--font{font-size:16px}.medium--font{font-size:20px}.large--font{font-size:24px}.x-large--font{font-size:30px}";
+const ezIconCss = ":host{display:flex;overflow:hidden;position:relative;--ez-icon--color:var(--icon--color, #ffffff)}svg{display:flex;justify-content:center;align-items:center;fill:var(--ez-icon--color)}.x-small{width:12px;height:12px}.small{width:16px;height:16px}.medium{width:20px;height:20px}.large{width:24px;height:24px}.x-large{width:30px;height:30px}[class^=\"ez-icon-\"],[class*=\" ez-icon-\"]{color:var(--ez-icon--color)}[class^=\"ez-icon-\"],[class*=\" ez-icon-\"]{font-family:'ez-icons' !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ez-icon-2chevron-down:before{content:\"\\ea01\"}.ez-icon-2chevron-up:before{content:\"\\ea02\"}.ez-icon-acao:before{content:\"\\ea03\"}.ez-icon-account-outline:before{content:\"\\ea04\"}.ez-icon-account:before{content:\"\\ea05\"}.ez-icon-add-to-cart:before{content:\"\\ea06\"}.ez-icon-alert-circle-inverted:before{content:\"\\ea07\"}.ez-icon-alert-circle:before{content:\"\\ea08\"}.ez-icon-alert-mail:before{content:\"\\ea09\"}.ez-icon-alert-popup:before{content:\"\\ea0a\"}.ez-icon-anexo:before{content:\"\\ea0b\"}.ez-icon-antecipação:before{content:\"\\ea0c\"}.ez-icon-apps:before{content:\"\\ea0d\"}.ez-icon-arrow-forward:before{content:\"\\ea0e\"}.ez-icon-arrow-upward:before{content:\"\\ea0f\"}.ez-icon-arrow_back:before{content:\"\\ea10\"}.ez-icon-arrow_downward:before{content:\"\\ea11\"}.ez-icon-baixa:before{content:\"\\ea12\"}.ez-icon-balance:before{content:\"\\ea13\"}.ez-icon-bell-inverted:before{content:\"\\ea14\"}.ez-icon-bell:before{content:\"\\ea15\"}.ez-icon-bold:before{content:\"\\ea16\"}.ez-icon-boleto:before{content:\"\\ea17\"}.ez-icon-boolean:before{content:\"\\ea18\"}.ez-icon-business-center:before{content:\"\\ea19\"}.ez-icon-calendar-clock:before{content:\"\\ea1a\"}.ez-icon-calendar:before{content:\"\\ea1b\"}.ez-icon-cart-history:before{content:\"\\ea1c\"}.ez-icon-cash-remove:before{content:\"\\ea1d\"}.ez-icon-check-circle-inverted:before{content:\"\\ea1e\"}.ez-icon-check-circle:before{content:\"\\ea1f\"}.ez-icon-check:before{content:\"\\ea20\"}.ez-icon-chevron-down:before{content:\"\\ea21\"}.ez-icon-chevron-left:before{content:\"\\ea22\"}.ez-icon-chevron-right:before{content:\"\\ea23\"}.ez-icon-chevron-up:before{content:\"\\ea24\"}.ez-icon-circle--medium:before{content:\"\\ea25\"}.ez-icon-circle:before{content:\"\\ea26\"}.ez-icon-clean-cart:before{content:\"\\ea27\"}.ez-icon-cleaning:before{content:\"\\ea28\"}.ez-icon-clipboard:before{content:\"\\ea29\"}.ez-icon-clock-rotate-left:before{content:\"\\ea2a\"}.ez-icon-close:before{content:\"\\ea2b\"}.ez-icon-cobrar:before{content:\"\\ea2c\"}.ez-icon-code:before{content:\"\\ea2d\"}.ez-icon-configuration:before{content:\"\\ea2e\"}.ez-icon-content-cut:before{content:\"\\ea2f\"}.ez-icon-copy:before{content:\"\\ea30\"}.ez-icon-credit_card:before{content:\"\\ea31\"}.ez-icon-crop:before{content:\"\\ea32\"}.ez-icon-custom:before{content:\"\\ea33\"}.ez-icon-delete-file:before{content:\"\\ea34\"}.ez-icon-delete:before{content:\"\\ea35\"}.ez-icon-description:before{content:\"\\ea36\"}.ez-icon-dividir:before{content:\"\\ea37\"}.ez-icon-docx:before{content:\"\\ea38\"}.ez-icon-dot-notification:before{content:\"\\ea39\"}.ez-icon-dots-horizontal:before{content:\"\\ea3a\"}.ez-icon-dots-vertical:before{content:\"\\ea3b\"}.ez-icon-drag-indicator:before{content:\"\\ea3c\"}.ez-icon-dual-chevron-down:before{content:\"\\ea3d\"}.ez-icon-dual-chevron-left:before{content:\"\\ea3e\"}.ez-icon-dual-chevron-right:before{content:\"\\ea3f\"}.ez-icon-dual-chevron-up:before{content:\"\\ea40\"}.ez-icon-edit-file:before{content:\"\\ea41\"}.ez-icon-edit-table:before{content:\"\\ea42\"}.ez-icon-edit-time:before{content:\"\\ea43\"}.ez-icon-edit-value:before{content:\"\\ea44\"}.ez-icon-edit:before{content:\"\\ea45\"}.ez-icon-email:before{content:\"\\ea46\"}.ez-icon-estorno:before{content:\"\\ea47\"}.ez-icon-exe:before{content:\"\\ea48\"}.ez-icon-expand:before{content:\"\\ea49\"}.ez-icon-expandir_card:before{content:\"\\ea4a\"}.ez-icon-extrato:before{content:\"\\ea4b\"}.ez-icon-eye-off:before{content:\"\\ea4c\"}.ez-icon-eye:before{content:\"\\ea4d\"}.ez-icon-favorite:before{content:\"\\ea4e\"}.ez-icon-figma:before{content:\"\\ea4f\"}.ez-icon-file-download:before{content:\"\\ea50\"}.ez-icon-file-upload:before{content:\"\\ea51\"}.ez-icon-filter:before{content:\"\\ea52\"}.ez-icon-find-file:before{content:\"\\ea53\"}.ez-icon-find-page:before{content:\"\\ea54\"}.ez-icon-format-color-fill:before{content:\"\\ea55\"}.ez-icon-generic:before{content:\"\\ea56\"}.ez-icon-gif:before{content:\"\\ea57\"}.ez-icon-graph_bar:before{content:\"\\ea58\"}.ez-icon-handshake:before{content:\"\\ea59\"}.ez-icon-help-inverted:before{content:\"\\ea5a\"}.ez-icon-help:before{content:\"\\ea5b\"}.ez-icon-hide-list:before{content:\"\\ea5c\"}.ez-icon-hide_menu:before{content:\"\\ea5d\"}.ez-icon-hierarchical-tree:before{content:\"\\ea5e\"}.ez-icon-home:before{content:\"\\ea5f\"}.ez-icon-icons104:before{content:\"\\ea60\"}.ez-icon-image-plus:before{content:\"\\ea61\"}.ez-icon-italic:before{content:\"\\ea62\"}.ez-icon-language:before{content:\"\\ea63\"}.ez-icon-launch:before{content:\"\\ea64\"}.ez-icon-lightbulb:before{content:\"\\ea65\"}.ez-icon-link:before{content:\"\\ea66\"}.ez-icon-list:before{content:\"\\ea67\"}.ez-icon-location:before{content:\"\\ea68\"}.ez-icon-lock-outline:before{content:\"\\ea69\"}.ez-icon-lock:before{content:\"\\ea6a\"}.ez-icon-menu:before{content:\"\\ea6b\"}.ez-icon-mid:before{content:\"\\ea6c\"}.ez-icon-minus:before{content:\"\\ea6d\"}.ez-icon-money-off:before{content:\"\\ea6e\"}.ez-icon-money:before{content:\"\\ea6f\"}.ez-icon-more:before{content:\"\\ea70\"}.ez-icon-mp3:before{content:\"\\ea71\"}.ez-icon-mp4:before{content:\"\\ea72\"}.ez-icon-multiple-files:before{content:\"\\ea73\"}.ez-icon-north-west:before{content:\"\\ea74\"}.ez-icon-number:before{content:\"\\ea75\"}.ez-icon-ordem-ascendente:before{content:\"\\ea76\"}.ez-icon-ordem-descendente:before{content:\"\\ea77\"}.ez-icon-parcelar:before{content:\"\\ea78\"}.ez-icon-pause:before{content:\"\\ea79\"}.ez-icon-payments:before{content:\"\\ea7a\"}.ez-icon-pdf:before{content:\"\\ea7b\"}.ez-icon-play:before{content:\"\\ea7c\"}.ez-icon-plus:before{content:\"\\ea7d\"}.ez-icon-png:before{content:\"\\ea7e\"}.ez-icon-power:before{content:\"\\ea7f\"}.ez-icon-pptx:before{content:\"\\ea80\"}.ez-icon-preview:before{content:\"\\ea81\"}.ez-icon-print:before{content:\"\\ea82\"}.ez-icon-push-pin:before{content:\"\\ea83\"}.ez-icon-rateio:before{content:\"\\ea84\"}.ez-icon-receipt:before{content:\"\\ea85\"}.ez-icon-recolher_card:before{content:\"\\ea86\"}.ez-icon-redo:before{content:\"\\ea87\"}.ez-icon-remove-from-cart:before{content:\"\\ea88\"}.ez-icon-restore:before{content:\"\\ea89\"}.ez-icon-return:before{content:\"\\ea8a\"}.ez-icon-sankhya-place:before{content:\"\\ea8b\"}.ez-icon-save:before{content:\"\\ea8c\"}.ez-icon-search:before{content:\"\\ea8d\"}.ez-icon-settings-inverted:before{content:\"\\ea8e\"}.ez-icon-settings:before{content:\"\\ea8f\"}.ez-icon-share:before{content:\"\\ea90\"}.ez-icon-shield:before{content:\"\\ea91\"}.ez-icon-show-list:before{content:\"\\ea92\"}.ez-icon-show_menu:before{content:\"\\ea93\"}.ez-icon-south-east:before{content:\"\\ea94\"}.ez-icon-sync:before{content:\"\\ea95\"}.ez-icon-table:before{content:\"\\ea96\"}.ez-icon-tag_code:before{content:\"\\ea97\"}.ez-icon-text:before{content:\"\\ea98\"}.ez-icon-timeline:before{content:\"\\ea99\"}.ez-icon-timer-outline:before{content:\"\\ea9a\"}.ez-icon-trending-up:before{content:\"\\ea9b\"}.ez-icon-tune:before{content:\"\\ea9c\"}.ez-icon-txt:before{content:\"\\ea9d\"}.ez-icon-un-pin:before{content:\"\\ea9e\"}.ez-icon-underline:before{content:\"\\ea9f\"}.ez-icon-undo:before{content:\"\\eaa0\"}.ez-icon-unfold_less:before{content:\"\\eaa1\"}.ez-icon-unfold_more:before{content:\"\\eaa2\"}.ez-icon-user-circle:before{content:\"\\eaa3\"}.ez-icon-warning-outline:before{content:\"\\eaa4\"}.ez-icon-warning_triangle:before{content:\"\\eaa5\"}.ez-icon-whatshot:before{content:\"\\eaa6\"}.ez-icon-xlsx:before{content:\"\\eaa7\"}.ez-icon-zip:before{content:\"\\eaa8\"}.x-small--font{font-size:12px}.small--font{font-size:16px}.medium--font{font-size:20px}.large--font{font-size:24px}.x-large--font{font-size:30px}";
 
 const EzIcon = class {
   constructor(hostRef) {