@sankhyalabs/ezui 4.17.0 → 4.18.0

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

@@ -119100,8 +119100,8 @@ class EzGridCustomHeader {
           </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-up' class='ez-icon-arrow_downward' style='display: none;margin-left: 4px;font-size: 14px;align-self: center;'></i>
-            <i id='ez-grid-sort-icon-down' class='ez-icon-arrow_downward' style='display: none; transform: rotate(180deg);margin-left: 4px;font-size: 14px;align-self: center;'></i>
+            <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();
@@ -119112,6 +119112,7 @@ class EzGridCustomHeader {
   refresh(agParams) {
     this.params = agParams;
     this.configFilterButton();
+    this.configSortIcon();
   }
   configFilterButton() {
     this.filterButton = this.element.querySelector('#ez-grid-filter-icon');
@@ -119119,7 +119120,7 @@ class EzGridCustomHeader {
     this.onFilterButtonClickListener = this.params.showColumnFilter.bind(this);
     this.filterButton.addEventListener('click', this.onFilterButtonClickListener);
   }
-  onSortChanged() {
+  configSortIcon() {
     this.sortDownIcon.style.display = this.params.column.isSortDescending() ? 'flex' : 'none';
     this.sortUpIcon.style.display = this.params.column.isSortAscending() ? 'flex' : 'none';
   }
@@ -119127,17 +119128,20 @@ class EzGridCustomHeader {
     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.onSortChanged.bind(this);
+      this.onSortChangedListener = this.configSortIcon.bind(this);
       this.params.column.addEventListener('sortChanged', this.onSortChangedListener);
+      this.configSortIcon();
     }
   }
   onSortClick(event) {
     this.params.progressSort(event.shiftKey);
   }
   configSortClick() {
-    this.headerContainer = this.element.querySelector('#ez-header-container');
-    this.onSortClickListener = this.onSortClick.bind(this);
-    this.headerContainer.addEventListener('click', this.onSortClickListener);
+    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);
@@ -119218,15 +119222,7 @@ 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",
@@ -119260,6 +119256,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;
   }
@@ -119580,7 +119639,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) {
@@ -119602,10 +119664,12 @@ class AgGridController {
     (_a = this._gridOptions.api.getDisplayedRowAtIndex(index)) === null || _a === void 0 ? void 0 : _a.setSelected(true);
   }
   hasFilterColumn(_columnName) {
-    return false;
+    return false; //TODO: substituir pelo state dos filtros de colunas
   }
   showColumnFilter() {
-    //TODO: Implementar apresentação dos filtros
+    /*
+    TODO: Implementar chamada para apresentar filtro de coluna na grid
+    */
   }
   buildColDef(source) {
     var _a, _b, _c;
@@ -119847,8 +119911,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/collection/components/ez-grid/controller/ag-grid/AgGridController.js

@@ -60,15 +60,7 @@ export default 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",
@@ -102,6 +94,69 @@ export default 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;
   }
@@ -422,7 +477,10 @@ export default 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) {
@@ -444,10 +502,12 @@ export default class AgGridController {
     (_a = this._gridOptions.api.getDisplayedRowAtIndex(index)) === null || _a === void 0 ? void 0 : _a.setSelected(true);
   }
   hasFilterColumn(_columnName) {
-    return false;
+    return false; //TODO: substituir pelo state dos filtros de colunas
   }
   showColumnFilter() {
-    //TODO: Implementar apresentação dos filtros
+    /*
+    TODO: Implementar chamada para apresentar filtro de coluna na grid
+    */
   }
   buildColDef(source) {
     var _a, _b, _c;

package/dist/collection/components/ez-grid/controller/ag-grid/components/EzGridCustomHeader.js

@@ -12,8 +12,8 @@ export class EzGridCustomHeader {
           </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-up' class='ez-icon-arrow_downward' style='display: none;margin-left: 4px;font-size: 14px;align-self: center;'></i>
-            <i id='ez-grid-sort-icon-down' class='ez-icon-arrow_downward' style='display: none; transform: rotate(180deg);margin-left: 4px;font-size: 14px;align-self: center;'></i>
+            <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();
@@ -24,6 +24,7 @@ export class EzGridCustomHeader {
   refresh(agParams) {
     this.params = agParams;
     this.configFilterButton();
+    this.configSortIcon();
   }
   configFilterButton() {
     this.filterButton = this.element.querySelector('#ez-grid-filter-icon');
@@ -31,7 +32,7 @@ export class EzGridCustomHeader {
     this.onFilterButtonClickListener = this.params.showColumnFilter.bind(this);
     this.filterButton.addEventListener('click', this.onFilterButtonClickListener);
   }
-  onSortChanged() {
+  configSortIcon() {
     this.sortDownIcon.style.display = this.params.column.isSortDescending() ? 'flex' : 'none';
     this.sortUpIcon.style.display = this.params.column.isSortAscending() ? 'flex' : 'none';
   }
@@ -39,17 +40,20 @@ export class EzGridCustomHeader {
     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.onSortChanged.bind(this);
+      this.onSortChangedListener = this.configSortIcon.bind(this);
       this.params.column.addEventListener('sortChanged', this.onSortChangedListener);
+      this.configSortIcon();
     }
   }
   onSortClick(event) {
     this.params.progressSort(event.shiftKey);
   }
   configSortClick() {
-    this.headerContainer = this.element.querySelector('#ez-header-container');
-    this.onSortClickListener = this.onSortClick.bind(this);
-    this.headerContainer.addEventListener('click', this.onSortClickListener);
+    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);

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

@@ -27,8 +27,8 @@ export class EzGrid {
   /**
    * 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.
@@ -354,7 +354,7 @@ export class EzGrid {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Unidade de dados. Respons\u00E1vel pelo controle de edi\u00E7\u00E3o de registros e \ninforma\u00E7\u00F5es pertinentes aos campos."
+          "text": "Unidade de dados. Respons\u00E1vel pelo controle de edi\u00E7\u00E3o de registros e\ninforma\u00E7\u00F5es pertinentes aos campos."
         }
       },
       "statusResolver": {
@@ -516,7 +516,7 @@ export class EzGrid {
       },
       "addColumnMenuItem": {
         "complexType": {
-          "signature": "(label: string, name: string, action: Function) => Promise<void>",
+          "signature": "(label: string, name: string, action: Function, icon: HTMLElement | string) => Promise<void>",
           "parameters": [{
               "tags": [],
               "text": ""
@@ -526,6 +526,9 @@ export class EzGrid {
             }, {
               "tags": [],
               "text": ""
+            }, {
+              "tags": [],
+              "text": ""
             }],
           "references": {
             "Promise": {
@@ -533,6 +536,9 @@ export class EzGrid {
             },
             "Function": {
               "location": "global"
+            },
+            "HTMLElement": {
+              "location": "global"
             }
           },
           "return": "Promise<void>"

package/dist/custom-elements/index.js

@@ -123568,8 +123568,8 @@ class EzGridCustomHeader {
           </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-up' class='ez-icon-arrow_downward' style='display: none;margin-left: 4px;font-size: 14px;align-self: center;'></i>
-            <i id='ez-grid-sort-icon-down' class='ez-icon-arrow_downward' style='display: none; transform: rotate(180deg);margin-left: 4px;font-size: 14px;align-self: center;'></i>
+            <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();
@@ -123580,6 +123580,7 @@ class EzGridCustomHeader {
   refresh(agParams) {
     this.params = agParams;
     this.configFilterButton();
+    this.configSortIcon();
   }
   configFilterButton() {
     this.filterButton = this.element.querySelector('#ez-grid-filter-icon');
@@ -123587,7 +123588,7 @@ class EzGridCustomHeader {
     this.onFilterButtonClickListener = this.params.showColumnFilter.bind(this);
     this.filterButton.addEventListener('click', this.onFilterButtonClickListener);
   }
-  onSortChanged() {
+  configSortIcon() {
     this.sortDownIcon.style.display = this.params.column.isSortDescending() ? 'flex' : 'none';
     this.sortUpIcon.style.display = this.params.column.isSortAscending() ? 'flex' : 'none';
   }
@@ -123595,17 +123596,20 @@ class EzGridCustomHeader {
     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.onSortChanged.bind(this);
+      this.onSortChangedListener = this.configSortIcon.bind(this);
       this.params.column.addEventListener('sortChanged', this.onSortChangedListener);
+      this.configSortIcon();
     }
   }
   onSortClick(event) {
     this.params.progressSort(event.shiftKey);
   }
   configSortClick() {
-    this.headerContainer = this.element.querySelector('#ez-header-container');
-    this.onSortClickListener = this.onSortClick.bind(this);
-    this.headerContainer.addEventListener('click', this.onSortClickListener);
+    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);
@@ -123686,15 +123690,7 @@ 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",
@@ -123728,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;
   }
@@ -124048,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) {
@@ -124070,10 +124132,12 @@ class AgGridController {
     (_a = this._gridOptions.api.getDisplayedRowAtIndex(index)) === null || _a === void 0 ? void 0 : _a.setSelected(true);
   }
   hasFilterColumn(_columnName) {
-    return false;
+    return false; //TODO: substituir pelo state dos filtros de colunas
   }
   showColumnFilter() {
-    //TODO: Implementar apresentação dos filtros
+    /*
+    TODO: Implementar chamada para apresentar filtro de coluna na grid
+    */
   }
   buildColDef(source) {
     var _a, _b, _c;
@@ -124316,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.