@sankhyalabs/ezui 6.0.2 → 6.1.0-dev.10

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

@@ -1,10 +1,11 @@
 import { ElementIDUtils, JSUtils, OverflowWatcher, OVERFLOWED_CLASS_NAME, StringUtils, ApplicationContext, KeyboardManager, } from '@sankhyalabs/core';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
 import { Host, h } from '@stencil/core';
-import { ApplicationUtils } from '../../utils';
+import { ApplicationUtils, buildFieldSearch } from '../../utils';
 import AgGridController from './controller/ag-grid/AgGridController';
 import { SelectionCounter } from './subcomponents/selection-counter';
 import InMemoryFilterColumnDataSource from './utils/InMemoryFilterColumnDataSource';
+import { focusOnFieldSerch, LABEL_SEARCH_COLUMN, SEARCH_FIELD_FULL_WIDTH, SHORTCUT_SEARCH_FIELD } from '../../utils/searchColumn/search-column';
 const windowInstace = window;
 const matches = (text, filter) => {
   const normalizedText = StringUtils.replaceAccentuatedCharsLower(text === null || text === void 0 ? void 0 : text.toLocaleLowerCase());
@@ -45,6 +46,9 @@ export class EzGrid {
     this.outlineMode = false;
     this.enableRowTableStriped = true;
     this.compact = false;
+    this.useSearchColumn = true;
+    this.suppressHorizontalScroll = false;
+    this.mode = "complete";
   }
   /**
    * Aplica a definição de colunas.
@@ -98,7 +102,7 @@ export class EzGrid {
    * Localiza determinada coluna tornando-a visível.
    */
   async locateColumn(columnName) {
-    this._gridController.locateColumn(columnName);
+    this._gridController.locateColumn(columnName, this._element);
   }
   /**
    * Usa um argumento para filtrar as colunas po label
@@ -201,6 +205,14 @@ export class EzGrid {
       this._showPaginationDescription();
     }
   }
+  async observeModeChange(newMode = this.mode) {
+    if (newMode === "simple") {
+      this.canEdit = false;
+      this.multipleSelection = false;
+      this.suppressCheckboxColumn = true;
+      this.compact = true;
+    }
+  }
   onSelectionChange(evt) {
     this._currentPageSelected = evt.detail.selectionHeaderStatus === true;
     if (this.dataUnit) {
@@ -453,6 +465,7 @@ export class EzGrid {
       enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick,
       enableLockManagerLoadingComp: this.enableLockManagerLoadingComp,
       enableRowTableStriped: this.enableRowTableStriped,
+      suppressHorizontalScroll: this.suppressHorizontalScroll
     });
     if (this.config) {
       this.observeConfig(this.config);
@@ -553,6 +566,7 @@ export class EzGrid {
   }
   connectedCallback() {
     var _a;
+    this.observeModeChange();
     (_a = this._gridController) === null || _a === void 0 ? void 0 : _a.registryListeners();
   }
   componentWillRender() {
@@ -585,6 +599,9 @@ export class EzGrid {
     return this.columnfilterDataSource;
   }
   hideHeader() {
+    if (this.mode === "simple") {
+      return true;
+    }
     return !this._hasLeftButtons && !this._paginationInfo;
   }
   resolveLeftHeaderClass() {
@@ -621,15 +638,42 @@ export class EzGrid {
         this.nextPage();
       }
     }, { description: "Avança para a próxima página.", element: this._element });
+    if (this.useSearchColumn) {
+      this._keyboardManager.bind(SHORTCUT_SEARCH_FIELD, async () => {
+        if (!this._container || !this._ezPopoverSearchColumn)
+          return;
+        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 });
+    }
   }
   async removeShortcuts() {
-    if (this._keyboardManager) {
-      this._keyboardManager
-        .unbind("ctrl + .")
-        .unbind("ctrl + ,")
-        .unbind("ctrl + alt + ArrowLeft")
-        .unbind("ctrl + alt + ArrowRight");
-    }
+    var _a;
+    (_a = this._keyboardManager) === null || _a === void 0 ? void 0 : _a.unbindAllShortcutKeys();
+  }
+  renderFieldSearchColumn() {
+    this._columnSearch = buildFieldSearch({
+      value: StringUtils.generateUUID(),
+      label: LABEL_SEARCH_COLUMN,
+    }, ({ argument }) => new Promise(accept => {
+      this.filterColumns(argument).then((columns) => {
+        accept(columns
+          .filter(column => !column.hidden)
+          .map(column => ({ label: column.label, value: column.name })));
+      });
+    }), async (option) => {
+      if (option != undefined && option.value != undefined) {
+        await this.locateColumn(option.value);
+        if (this._ezPopoverSearchColumn) {
+          this._ezPopoverSearchColumn.hide();
+        }
+        if (this._container) {
+          requestAnimationFrame(() => this._container.focus());
+        }
+      }
+    });
+    return this._columnSearch;
   }
   render() {
     var _a;
@@ -639,11 +683,12 @@ export class EzGrid {
         'shadow-mode': !this.outlineMode,
         'no-padding': this.compact,
         'header-overlay': !this.hideHeader(),
-      }, ref: elem => (this._container = elem) }), h("div", { class: {
+        'no-scroll': this.suppressHorizontalScroll
+      }, ref: elem => (this._container = elem), tabindex: "0" }), h("div", { class: {
         'ez-box ez-padding--small grid-header': true,
         'outline-mode': this.outlineMode,
         'shadow-mode': !this.outlineMode && !this.hideHeader(),
-      } }, 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("div", { ref: (ref) => (this._gridSelectionCounter = ref), class: `grid__selection-counter  ez-elevation--4
+      }, 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" }))));
   }
@@ -664,7 +709,7 @@ export class EzGrid {
     return {
       "enableLockManagerLoadingComp": {
         "type": "boolean",
-        "mutable": false,
+        "mutable": true,
         "complexType": {
           "original": "boolean",
           "resolved": "boolean",
@@ -876,7 +921,7 @@ export class EzGrid {
       },
       "canEdit": {
         "type": "boolean",
-        "mutable": false,
+        "mutable": true,
         "complexType": {
           "original": "boolean",
           "resolved": "boolean",
@@ -966,7 +1011,7 @@ export class EzGrid {
       },
       "suppressCheckboxColumn": {
         "type": "boolean",
-        "mutable": false,
+        "mutable": true,
         "complexType": {
           "original": "boolean",
           "resolved": "boolean",
@@ -1020,7 +1065,7 @@ export class EzGrid {
       },
       "compact": {
         "type": "boolean",
-        "mutable": false,
+        "mutable": true,
         "complexType": {
           "original": "boolean",
           "resolved": "boolean",
@@ -1035,6 +1080,65 @@ export class EzGrid {
         "attribute": "compact",
         "reflect": false,
         "defaultValue": "false"
+      },
+      "useSearchColumn": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define se a grade deve exibir um buscador de coluna com uso do Ctrl+F"
+        },
+        "attribute": "use-search-column",
+        "reflect": false,
+        "defaultValue": "true"
+      },
+      "suppressHorizontalScroll": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define se a grade deve suprimir o scroll horizontal."
+        },
+        "attribute": "suppress-horizontal-scroll",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "mode": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "IGridMode",
+          "resolved": "\"complete\" | \"simple\"",
+          "references": {
+            "IGridMode": {
+              "location": "import",
+              "path": "./interfaces"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o modo de uso da grade"
+        },
+        "attribute": "mode",
+        "reflect": true,
+        "defaultValue": "\"complete\""
       }
     };
   }
@@ -1594,6 +1698,9 @@ export class EzGrid {
       }, {
         "propName": "paginationCounterMode",
         "methodName": "observePaginationCounterMode"
+      }, {
+        "propName": "mode",
+        "methodName": "observeModeChange"
       }];
   }
   static get listeners() {

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

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

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

@@ -2,3 +2,4 @@ export * from './ISelection';
 export * from './ISelectionToastConfig';
 export * from './IColumnFilter';
 export * from './ICustomFormatter';
+export * from './IGridMode';

package/dist/collection/components/ez-grid/subcomponents/filter-column.js

@@ -1,5 +1,6 @@
 import { UserInterface } from '@sankhyalabs/core';
 import { h } from '@stencil/core';
+import { PRESENTATION_FROM_COL_PROP_NAME } from '../../../utils/constants';
 const windowInstace = window;
 const onSubmitFilter = new CustomEvent('onSubmitFilter', {
   detail: {
@@ -30,13 +31,13 @@ export class FilterColumn {
    * @Params IFilterColumnConfigs informações para configurar o filtro
    */
   async show(configs) {
+    var _a;
     if (this.canShow(configs)) {
-      await this.hide();
-      this.fieldDescriptor = this.dataUnit.getField(configs.columnName);
+      this.fieldDescriptor = (_a = configs.fieldDescriptor) !== null && _a !== void 0 ? _a : this.dataUnit.getField(configs.columnName);
       this.buildIsTextSearch();
       this.columnName = configs.columnName;
       this.columnLabel = configs.columnLabel;
-      await this.setOptions(configs.filteredOptions);
+      await this.setOptions(configs);
       await this.ezPopoverElement.showUnder(`filter-column-${configs.columnName}-${this.dataUnit.dataUnitId}`);
     }
   }
@@ -74,14 +75,22 @@ export class FilterColumn {
     return this.fieldDescriptor.userInterface === UserInterface.SWITCH
       || this.fieldDescriptor.userInterface === UserInterface.CHECKBOX;
   }
-  async setOptions(selectedItems) {
+  async setOptions(config) {
+    var _a, _b, _c, _d;
+    const selectedItems = config.filteredOptions;
     const validateFieldUserInterfaceOptionSelector = this.hasToUseOptions();
     if (validateFieldUserInterfaceOptionSelector) {
       this.useOptions = validateFieldUserInterfaceOptionSelector;
       this.options = validateFieldUserInterfaceOptionSelector ? this.buildOptions(selectedItems) : (selectedItems !== null && selectedItems !== void 0 ? selectedItems : null);
       return;
     }
-    const options = await this.dataSource.getStaticOptions(this.columnName);
+    let colName = this.columnName;
+    const staticOptionsConfig = { onlyLabel: false };
+    if ((_b = (_a = config.fieldDescriptor) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b[PRESENTATION_FROM_COL_PROP_NAME]) {
+      colName = (_d = (_c = config.fieldDescriptor) === null || _c === void 0 ? void 0 : _c.properties) === null || _d === void 0 ? void 0 : _d[PRESENTATION_FROM_COL_PROP_NAME];
+      staticOptionsConfig.onlyLabel = true;
+    }
+    const options = await this.dataSource.getStaticOptions(colName, staticOptionsConfig);
     if (options != undefined) {
       const selected = new Set((selectedItems || []).filter(item => item.check).map(item => item.label));
       this.useOptions = true;

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

@@ -76,146 +76,153 @@ svg {
 .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"; }
+.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"; }
 /*
   END CSS GENERATED BY EZ-DESIGN ICONS
 */