@sankhyalabs/ezui 5.20.0-dev.20 → 5.20.0-dev.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/cjs/ez-grid.cjs.entry.js +32 -26
  2. package/dist/cjs/ez-icon.cjs.entry.js +1 -1
  3. package/dist/collection/components/ez-grid/ez-grid.css +16 -1
  4. package/dist/collection/components/ez-grid/ez-grid.js +32 -26
  5. package/dist/collection/components/ez-icon/ez-icon.css +118 -116
  6. package/dist/custom-elements/index.js +34 -28
  7. package/dist/esm/ez-grid.entry.js +33 -27
  8. package/dist/esm/ez-icon.entry.js +1 -1
  9. package/dist/ezui/ezui.esm.js +1 -1
  10. package/dist/ezui/p-7bc07c31.entry.js +1 -0
  11. package/dist/ezui/{p-79bbf86d.entry.js → p-a2704c1a.entry.js} +2 -2
  12. package/dist/types/components/ez-grid/ez-grid.d.ts +3 -2
  13. package/package.json +1 -1
  14. package/dist/ezui/p-13dbad96.entry.js +0 -1
package/dist/cjs/ez-grid.cjs.entry.js CHANGED
@@ -120637,7 +120637,7 @@ class InMemoryFilterColumnDataSource {
120637
120637
  }
120638
120638
  }
120639
120639
 
120640
- const ezGridCss = ".sc-ez-grid-h{display:grid;grid-template-rows:auto 1fr auto;height:100%;width:100%;--ez-grid__header--background-color:var(--background--xlight, #FFF);--ez-grid__selection-counter--z-index:var(--visible, 1);--ez-grid__container--shadow:0 0 16px 0 rgb(0 38 111 / 12%);--ez-grid--min-height:300px;min-height:var(--ez-grid--min-height)}.grid-header.sc-ez-grid{display:grid;justify-content:space-between;align-items:center;grid-row-start:1;grid-template-columns:1fr;background-color:var(--ez-grid__header--background-color, #FFF)}.grid__container.sc-ez-grid{padding-top:15px;margin-top:-12px;box-shadow:var(--ez-grid__container--shadow);background-color:var(--ez-grid__header--background-color)}.grid-header__popover.sc-ez-grid{position:relative;top:var(--space--sm, 16px)}.grid-header__container.sc-ez-grid{display:flex;align-items:center}.grid-header__position.sc-ez-grid{display:flex;align-items:center;justify-content:space-between}.grid__selection-counter.sc-ez-grid{position:fixed;white-space:nowrap;transform:translate(-50%, 0px);left:50%;opacity:0;bottom:-100%;transition:opacity 0.1s, bottom 0.5s}.grid__selection-counter--opened.sc-ez-grid{opacity:1;bottom:0px}.grid__btn-close.sc-ez-grid{display:flex;align-items:center;justify-content:center;padding:0;outline:none;width:20px;height:20px;border:none;background-color:unset;cursor:pointer}.grid__btn-clear.sc-ez-grid{--ez-button--link-color:var(--color--alert-warning-900, #8C6B00);--ez-button--link--hover-color:var(--color--alert-warning-900, #8C6B00)}[no-header].sc-ez-grid-h .grid-header.sc-ez-grid{height:0;padding:0}.grid-header__pagination-label.sc-ez-grid{width:100%;white-space:nowrap}";
120640
+ const ezGridCss = ".sc-ez-grid-h{display:grid;grid-template-rows:auto 1fr auto;height:100%;width:100%;--ez-grid__header--background-color:var(--background--xlight, #FFF);--ez-grid__selection-counter--z-index:var(--visible, 1);--ez-grid__container--shadow:0 0 16px 0 rgb(0 38 111 / 12%);--ez-grid--min-height:300px;min-height:var(--ez-grid--min-height)}.grid-header.sc-ez-grid{display:grid;justify-content:space-between;align-items:center;grid-row-start:1;grid-template-columns:1fr;background-color:var(--ez-grid__header--background-color, #FFF)}.grid__container.sc-ez-grid{padding-top:15px;margin-top:-12px;box-shadow:var(--ez-grid__container--shadow);background-color:var(--ez-grid__header--background-color)}.grid-header__popover.sc-ez-grid{position:relative;top:var(--space--sm, 16px)}.grid-header__container.sc-ez-grid{display:flex;align-items:center}.grid-header__position.sc-ez-grid{display:flex;align-items:center;justify-content:space-between}.grid__selection-counter.sc-ez-grid{position:fixed;white-space:nowrap;transform:translate(-50%, 0px);left:50%;opacity:0;bottom:-100%;transition:opacity 0.1s, bottom 0.5s}.grid__selection-counter--opened.sc-ez-grid{opacity:1;bottom:0px}.grid__btn-close.sc-ez-grid{display:flex;align-items:center;justify-content:center;padding:0;outline:none;width:20px;height:20px;border:none;background-color:unset;cursor:pointer}.grid__btn-clear.sc-ez-grid{--ez-button--link-color:var(--color--alert-warning-900, #8C6B00);--ez-button--link--hover-color:var(--color--alert-warning-900, #8C6B00)}[no-header].sc-ez-grid-h .grid-header.sc-ez-grid{height:0;padding:0}.grid-header__pagination.sc-ez-grid{width:30%;min-width:100px;justify-content:end;flex-wrap:wrap}.grid-header__left-container.sc-ez-grid{width:70%}.grid-header__pagination-label.sc-ez-grid{width:100%;white-space:nowrap}.overflowed.sc-ez-grid{display:none}";
120641
120641
 
120642
120642
  const windowInstace = window;
120643
120643
  const matches = (text, filter) => {
@@ -120736,6 +120736,14 @@ const EzGrid = class {
120736
120736
  observeConfig(config) {
120737
120737
  this._gridController.setColumnsState(config.columns);
120738
120738
  }
120739
+ updatePaginationTooltip() {
120740
+ if (this._refPaginationLabelTooltip) {
120741
+ const tooltip = this._getPaginationTooltip();
120742
+ if (tooltip) {
120743
+ this._refPaginationLabelTooltip.setAttribute('data-tooltip', tooltip);
120744
+ }
120745
+ }
120746
+ }
120739
120747
  onSelectionChange(evt) {
120740
120748
  this._currentPageSelected = evt.detail.selectionHeaderStatus === true;
120741
120749
  if (this.dataUnit) {
@@ -120894,7 +120902,7 @@ const EzGrid = class {
120894
120902
  const { currentPage, hasMore } = this._paginationInfo;
120895
120903
  return [
120896
120904
  index.h("div", { class: "ez-text ez-text--primary ez-text--medium ez-margin-right--medium", ref: (element) => (this._refPaginationLabel = element) }, index.h("span", { class: "grid-header__pagination-label" }, index.h("strong", { class: "ez-text ez-text--primary ez-text--medium" }, this._getActualPageLabel()), this._getRemainingPageLabel())),
120897
- index.h("div", { ref: (element) => (this._refPaginationLabelTooltip = element), class: "ez-flex ez-margin-right--medium" }, index.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" }), index.h("ez-button", { size: "small", iconName: "chevron-right", mode: "icon", enabled: hasMore, onClick: () => this.nextPage(), label: "Pr\u00F3xima P\u00E1gina" })),
120905
+ index.h("div", { id: "grid-pagination-tooltip", ref: (element) => (this._refPaginationLabelTooltip = element), class: "ez-flex ez-margin-right--medium" }, index.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" }), index.h("ez-button", { size: "small", iconName: "chevron-right", mode: "icon", enabled: hasMore, onClick: () => this.nextPage(), label: "Pr\u00F3xima P\u00E1gina" })),
120898
120906
  ];
120899
120907
  }
120900
120908
  return null;
@@ -120951,42 +120959,40 @@ const EzGrid = class {
120951
120959
  _getPaginationTooltip() {
120952
120960
  return this._getActualPageLabel() + this._getRemainingPageLabel();
120953
120961
  }
120954
- _updatePaginationTooltip() {
120955
- if (!this._refPaginationLabelTooltip) {
120962
+ _initHeaderOverflowWatcher() {
120963
+ this._headerOverflowWatcher = new core.OverflowWatcher(this.buildOverFlowWatcherParams());
120964
+ }
120965
+ buildOverFlowWatcherParams() {
120966
+ return {
120967
+ element: this._refPaginationControl,
120968
+ callback: this.handleOverFlow.bind(this),
120969
+ notOverFlow: ["grid-pagination-tooltip"]
120970
+ };
120971
+ }
120972
+ handleOverFlow(elementsOverflow) {
120973
+ if (!this._refPaginationLabel)
120956
120974
  return;
120975
+ if (elementsOverflow.length > 0) {
120976
+ this._hidePaginationDescription();
120957
120977
  }
120958
- const alreadyDefined = this._refPaginationLabelTooltip.getAttribute('data-tooltip');
120959
- if (alreadyDefined) {
120960
- this._refPaginationLabelTooltip
120961
- .setAttribute('data-tooltip', this._getPaginationTooltip());
120978
+ else {
120979
+ this._showPaginationDescription();
120962
120980
  }
120963
120981
  }
120964
- _initHeaderOverflowWatcher() {
120965
- this._headerOverflowWatcher = new core.OverflowWatcher(this._refHeader, (elementsOverflow) => {
120966
- if (!this._refPaginationLabel) {
120967
- return;
120968
- }
120969
- if (elementsOverflow.length > 0) {
120970
- this._hidePaginationDescription();
120971
- }
120972
- else {
120973
- this._showPaginationDescription();
120974
- }
120975
- }, core.OverflowDirection.HORIZONTAL, 20);
120976
- }
120977
120982
  _hidePaginationDescription() {
120978
- this._refPaginationLabel.hidden = true;
120983
+ this._refPaginationLabel.classList.add(core.OVERFLOWED_CLASS_NAME);
120979
120984
  this._refPaginationLabelTooltip.setAttribute('data-flow', 'bottom');
120980
120985
  this._refPaginationLabelTooltip.setAttribute('data-tooltip', this._getPaginationTooltip());
120981
120986
  }
120982
120987
  ;
120983
120988
  _showPaginationDescription() {
120984
- this._refPaginationLabel.hidden = false;
120989
+ this._refPaginationLabel.classList.remove(core.OVERFLOWED_CLASS_NAME);
120985
120990
  this._refPaginationLabelTooltip.removeAttribute('data-flow');
120986
120991
  this._refPaginationLabelTooltip.removeAttribute('data-tooltip');
120987
120992
  }
120988
120993
  disconnectedCallback() {
120989
- this._headerOverflowWatcher.destroy();
120994
+ var _a;
120995
+ (_a = this._headerOverflowWatcher) === null || _a === void 0 ? void 0 : _a.destroy();
120990
120996
  }
120991
120997
  componentWillRender() {
120992
120998
  this.configSelectionCounter();
@@ -121010,7 +121016,7 @@ const EzGrid = class {
121010
121016
  }
121011
121017
  render() {
121012
121018
  var _a;
121013
- return (index.h(index.Host, { "no-header": this.hideHeader() }, index.h("div", { class: "grid__container ez-grid", ref: elem => (this._container = elem) }), index.h("div", { class: "ez-box ez-box--shadow ez-padding--medium grid-header" }, index.h("filter-column", { class: "grid-header__popover", noHeaderTaskBar: !this._hasLeftButtons, dataSource: this.getDataSource(), dataUnit: this.dataUnit, gridHeaderHidden: this.hideHeader(), ref: (element) => (this._filterColumn = element) }), index.h("div", { class: "grid-header__position", ref: ref => (this._refHeader = ref) }, index.h("div", { class: "grid-header__container" }, index.h("slot", { name: "leftButtons" })), index.h("div", { class: "grid-header__container", ref: ref => (this._refPaginationControl = ref) }, this.getPaginationControl()))), index.h("div", { ref: (ref) => (this._gridSelectionCounter = ref), class: `grid__selection-counter ez-elevation--4
121019
+ return (index.h(index.Host, { "no-header": this.hideHeader() }, index.h("div", { class: "grid__container ez-grid", ref: elem => (this._container = elem) }), index.h("div", { class: "ez-box ez-box--shadow ez-padding--medium grid-header" }, index.h("filter-column", { class: "grid-header__popover", noHeaderTaskBar: !this._hasLeftButtons, dataSource: this.getDataSource(), dataUnit: this.dataUnit, gridHeaderHidden: this.hideHeader(), ref: (element) => (this._filterColumn = element) }), index.h("div", { class: "grid-header__position" }, index.h("div", { class: "grid-header__container grid-header__left-container" }, index.h("slot", { name: "leftButtons" })), index.h("div", { class: "grid-header__container grid-header__pagination", ref: ref => (this._refPaginationControl = ref) }, this.getPaginationControl()))), index.h("div", { ref: (ref) => (this._gridSelectionCounter = ref), class: `grid__selection-counter ez-elevation--4
121014
121020
  ${this._showSelectionCounter ? 'grid__selection-counter--opened' : ''}
121015
121021
  ` }, index.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) })), index.h("div", { class: "grid__footer" }, index.h("slot", { name: "footer" }))));
121016
121022
  }
@@ -121018,7 +121024,7 @@ const EzGrid = class {
121018
121024
  get _element() { return index.getElement(this); }
121019
121025
  static get watchers() { return {
121020
121026
  "config": ["observeConfig"],
121021
- "_paginationInfo": ["_updatePaginationTooltip"]
121027
+ "_paginationInfo": ["updatePaginationTooltip"]
121022
121028
  }; }
121023
121029
  };
121024
121030
  EzGrid.style = ezGridCss;
package/dist/cjs/ez-icon.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-a7b0c73d.js');
6
6
  const core = require('@sankhyalabs/core');
7
7
 
8
- 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-alert-circle-inverted:before{content:\"\\ea06\"}.ez-icon-alert-circle:before{content:\"\\ea07\"}.ez-icon-alert-mail:before{content:\"\\ea08\"}.ez-icon-alert-popup:before{content:\"\\ea09\"}.ez-icon-anexo:before{content:\"\\ea0a\"}.ez-icon-antecipacao:before{content:\"\\ea0b\"}.ez-icon-apps:before{content:\"\\ea0c\"}.ez-icon-arrow-forward:before{content:\"\\ea0d\"}.ez-icon-arrow-upward:before{content:\"\\ea0e\"}.ez-icon-arrow_back:before{content:\"\\ea0f\"}.ez-icon-arrow_downward:before{content:\"\\ea10\"}.ez-icon-baixa:before{content:\"\\ea11\"}.ez-icon-balance:before{content:\"\\ea12\"}.ez-icon-bell-inverted:before{content:\"\\ea13\"}.ez-icon-bell:before{content:\"\\ea14\"}.ez-icon-boleto:before{content:\"\\ea15\"}.ez-icon-boolean:before{content:\"\\ea16\"}.ez-icon-business-center:before{content:\"\\ea17\"}.ez-icon-calendar-clock:before{content:\"\\ea18\"}.ez-icon-calendar:before{content:\"\\ea19\"}.ez-icon-cash-remove:before{content:\"\\ea1a\"}.ez-icon-check-circle-inverted:before{content:\"\\ea1b\"}.ez-icon-check-circle:before{content:\"\\ea1c\"}.ez-icon-check:before{content:\"\\ea1d\"}.ez-icon-chevron-down:before{content:\"\\ea1e\"}.ez-icon-chevron-left:before{content:\"\\ea1f\"}.ez-icon-chevron-right:before{content:\"\\ea20\"}.ez-icon-chevron-up:before{content:\"\\ea21\"}.ez-icon-circle--medium:before{content:\"\\ea22\"}.ez-icon-circle:before{content:\"\\ea23\"}.ez-icon-cleaning:before{content:\"\\ea24\"}.ez-icon-clipboard:before{content:\"\\ea25\"}.ez-icon-close:before{content:\"\\ea26\"}.ez-icon-cobrar:before{content:\"\\ea27\"}.ez-icon-code:before{content:\"\\ea28\"}.ez-icon-configuration:before{content:\"\\ea29\"}.ez-icon-content-cut:before{content:\"\\ea2a\"}.ez-icon-copy:before{content:\"\\ea2b\"}.ez-icon-credit_card:before{content:\"\\ea2c\"}.ez-icon-crop:before{content:\"\\ea2d\"}.ez-icon-custom:before{content:\"\\ea2e\"}.ez-icon-delete-file:before{content:\"\\ea2f\"}.ez-icon-delete:before{content:\"\\ea30\"}.ez-icon-description:before{content:\"\\ea31\"}.ez-icon-dividir:before{content:\"\\ea32\"}.ez-icon-docx:before{content:\"\\ea33\"}.ez-icon-dot-notification:before{content:\"\\ea34\"}.ez-icon-dots-horizontal:before{content:\"\\ea35\"}.ez-icon-dots-vertical:before{content:\"\\ea36\"}.ez-icon-drag-indicator:before{content:\"\\ea37\"}.ez-icon-dual-chevron-down:before{content:\"\\ea38\"}.ez-icon-dual-chevron-left:before{content:\"\\ea39\"}.ez-icon-dual-chevron-right:before{content:\"\\ea3a\"}.ez-icon-dual-chevron-up:before{content:\"\\ea3b\"}.ez-icon-edit-file:before{content:\"\\ea3c\"}.ez-icon-edit-table:before{content:\"\\ea3d\"}.ez-icon-edit-time:before{content:\"\\ea3e\"}.ez-icon-edit-value:before{content:\"\\ea3f\"}.ez-icon-edit:before{content:\"\\ea40\"}.ez-icon-email:before{content:\"\\ea41\"}.ez-icon-estorno:before{content:\"\\ea42\"}.ez-icon-exe:before{content:\"\\ea43\"}.ez-icon-expand:before{content:\"\\ea44\"}.ez-icon-expandir_card:before{content:\"\\ea45\"}.ez-icon-extrato:before{content:\"\\ea46\"}.ez-icon-eye-off:before{content:\"\\ea47\"}.ez-icon-eye:before{content:\"\\ea48\"}.ez-icon-favorite:before{content:\"\\ea49\"}.ez-icon-figma:before{content:\"\\ea4a\"}.ez-icon-file-download:before{content:\"\\ea4b\"}.ez-icon-file-upload:before{content:\"\\ea4c\"}.ez-icon-filter:before{content:\"\\ea4d\"}.ez-icon-find-file:before{content:\"\\ea4e\"}.ez-icon-find-page:before{content:\"\\ea4f\"}.ez-icon-format-color-fill:before{content:\"\\ea50\"}.ez-icon-generic:before{content:\"\\ea51\"}.ez-icon-gif:before{content:\"\\ea52\"}.ez-icon-graph_bar:before{content:\"\\ea53\"}.ez-icon-handshake:before{content:\"\\ea54\"}.ez-icon-help-inverted:before{content:\"\\ea55\"}.ez-icon-help:before{content:\"\\ea56\"}.ez-icon-hide_menu:before{content:\"\\ea57\"}.ez-icon-home:before{content:\"\\ea58\"}.ez-icon-icons104:before{content:\"\\ea59\"}.ez-icon-language:before{content:\"\\ea5a\"}.ez-icon-launch:before{content:\"\\ea5b\"}.ez-icon-lightbulb:before{content:\"\\ea5c\"}.ez-icon-list:before{content:\"\\ea5d\"}.ez-icon-location:before{content:\"\\ea5e\"}.ez-icon-lock-outline:before{content:\"\\ea5f\"}.ez-icon-lock:before{content:\"\\ea60\"}.ez-icon-menu:before{content:\"\\ea61\"}.ez-icon-mid:before{content:\"\\ea62\"}.ez-icon-minus:before{content:\"\\ea63\"}.ez-icon-money-off:before{content:\"\\ea64\"}.ez-icon-money:before{content:\"\\ea65\"}.ez-icon-more:before{content:\"\\ea66\"}.ez-icon-mp3:before{content:\"\\ea67\"}.ez-icon-mp4:before{content:\"\\ea68\"}.ez-icon-multiple-files:before{content:\"\\ea69\"}.ez-icon-north-west:before{content:\"\\ea6a\"}.ez-icon-number:before{content:\"\\ea6b\"}.ez-icon-ordem-ascendente:before{content:\"\\ea6c\"}.ez-icon-ordem-descendente:before{content:\"\\ea6d\"}.ez-icon-parcelar:before{content:\"\\ea6e\"}.ez-icon-pause:before{content:\"\\ea6f\"}.ez-icon-payments:before{content:\"\\ea70\"}.ez-icon-pdf:before{content:\"\\ea71\"}.ez-icon-play:before{content:\"\\ea72\"}.ez-icon-plus:before{content:\"\\ea73\"}.ez-icon-png:before{content:\"\\ea74\"}.ez-icon-power:before{content:\"\\ea75\"}.ez-icon-pptx:before{content:\"\\ea76\"}.ez-icon-preview:before{content:\"\\ea77\"}.ez-icon-print:before{content:\"\\ea78\"}.ez-icon-push-pin:before{content:\"\\ea79\"}.ez-icon-rateio:before{content:\"\\ea7a\"}.ez-icon-receipt:before{content:\"\\ea7b\"}.ez-icon-recolher_card:before{content:\"\\ea7c\"}.ez-icon-restore:before{content:\"\\ea7d\"}.ez-icon-return:before{content:\"\\ea7e\"}.ez-icon-sankhya-place:before{content:\"\\ea7f\"}.ez-icon-save:before{content:\"\\ea80\"}.ez-icon-search:before{content:\"\\ea81\"}.ez-icon-settings-inverted:before{content:\"\\ea82\"}.ez-icon-settings:before{content:\"\\ea83\"}.ez-icon-share:before{content:\"\\ea84\"}.ez-icon-shield:before{content:\"\\ea85\"}.ez-icon-show_menu:before{content:\"\\ea86\"}.ez-icon-south-east:before{content:\"\\ea87\"}.ez-icon-sync:before{content:\"\\ea88\"}.ez-icon-table:before{content:\"\\ea89\"}.ez-icon-tag_code:before{content:\"\\ea8a\"}.ez-icon-text:before{content:\"\\ea8b\"}.ez-icon-timeline:before{content:\"\\ea8c\"}.ez-icon-timer-outline:before{content:\"\\ea8d\"}.ez-icon-trending-up:before{content:\"\\ea8e\"}.ez-icon-tune:before{content:\"\\ea8f\"}.ez-icon-txt:before{content:\"\\ea90\"}.ez-icon-un-pin:before{content:\"\\ea91\"}.ez-icon-unfold_less:before{content:\"\\ea92\"}.ez-icon-unfold_more:before{content:\"\\ea93\"}.ez-icon-user-circle:before{content:\"\\ea94\"}.ez-icon-warning-outline:before{content:\"\\ea95\"}.ez-icon-warning_triangle:before{content:\"\\ea96\"}.ez-icon-whatshot:before{content:\"\\ea97\"}.ez-icon-xlsx:before{content:\"\\ea98\"}.ez-icon-zip:before{content:\"\\ea99\"}.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}";
8
+ 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-alert-circle-inverted:before{content:\"\\ea06\"}.ez-icon-alert-circle:before{content:\"\\ea07\"}.ez-icon-alert-mail:before{content:\"\\ea08\"}.ez-icon-alert-popup:before{content:\"\\ea09\"}.ez-icon-anexo:before{content:\"\\ea0a\"}.ez-icon-antecipacao:before{content:\"\\ea0b\"}.ez-icon-apps:before{content:\"\\ea0c\"}.ez-icon-arrow-forward:before{content:\"\\ea0d\"}.ez-icon-arrow-upward:before{content:\"\\ea0e\"}.ez-icon-arrow_back:before{content:\"\\ea0f\"}.ez-icon-arrow_downward:before{content:\"\\ea10\"}.ez-icon-baixa:before{content:\"\\ea11\"}.ez-icon-balance:before{content:\"\\ea12\"}.ez-icon-bell-inverted:before{content:\"\\ea13\"}.ez-icon-bell:before{content:\"\\ea14\"}.ez-icon-boleto:before{content:\"\\ea15\"}.ez-icon-boolean:before{content:\"\\ea16\"}.ez-icon-business-center:before{content:\"\\ea17\"}.ez-icon-calendar-clock:before{content:\"\\ea18\"}.ez-icon-calendar:before{content:\"\\ea19\"}.ez-icon-cash-remove:before{content:\"\\ea1a\"}.ez-icon-check-circle-inverted:before{content:\"\\ea1b\"}.ez-icon-check-circle:before{content:\"\\ea1c\"}.ez-icon-check:before{content:\"\\ea1d\"}.ez-icon-chevron-down:before{content:\"\\ea1e\"}.ez-icon-chevron-left:before{content:\"\\ea1f\"}.ez-icon-chevron-right:before{content:\"\\ea20\"}.ez-icon-chevron-up:before{content:\"\\ea21\"}.ez-icon-circle--medium:before{content:\"\\ea22\"}.ez-icon-circle:before{content:\"\\ea23\"}.ez-icon-cleaning:before{content:\"\\ea24\"}.ez-icon-clipboard:before{content:\"\\ea25\"}.ez-icon-clock-rotate-left:before{content:\"\\ea26\"}.ez-icon-close:before{content:\"\\ea27\"}.ez-icon-cobrar:before{content:\"\\ea28\"}.ez-icon-code:before{content:\"\\ea29\"}.ez-icon-configuration:before{content:\"\\ea2a\"}.ez-icon-content-cut:before{content:\"\\ea2b\"}.ez-icon-copy:before{content:\"\\ea2c\"}.ez-icon-credit_card:before{content:\"\\ea2d\"}.ez-icon-crop:before{content:\"\\ea2e\"}.ez-icon-custom:before{content:\"\\ea2f\"}.ez-icon-delete-file:before{content:\"\\ea30\"}.ez-icon-delete:before{content:\"\\ea31\"}.ez-icon-description:before{content:\"\\ea32\"}.ez-icon-dividir:before{content:\"\\ea33\"}.ez-icon-docx:before{content:\"\\ea34\"}.ez-icon-dot-notification:before{content:\"\\ea35\"}.ez-icon-dots-horizontal:before{content:\"\\ea36\"}.ez-icon-dots-vertical:before{content:\"\\ea37\"}.ez-icon-drag-indicator:before{content:\"\\ea38\"}.ez-icon-dual-chevron-down:before{content:\"\\ea39\"}.ez-icon-dual-chevron-left:before{content:\"\\ea3a\"}.ez-icon-dual-chevron-right:before{content:\"\\ea3b\"}.ez-icon-dual-chevron-up:before{content:\"\\ea3c\"}.ez-icon-edit-file:before{content:\"\\ea3d\"}.ez-icon-edit-table:before{content:\"\\ea3e\"}.ez-icon-edit-time:before{content:\"\\ea3f\"}.ez-icon-edit-value:before{content:\"\\ea40\"}.ez-icon-edit:before{content:\"\\ea41\"}.ez-icon-email:before{content:\"\\ea42\"}.ez-icon-estorno:before{content:\"\\ea43\"}.ez-icon-exe:before{content:\"\\ea44\"}.ez-icon-expand:before{content:\"\\ea45\"}.ez-icon-expandir_card:before{content:\"\\ea46\"}.ez-icon-extrato:before{content:\"\\ea47\"}.ez-icon-eye-off:before{content:\"\\ea48\"}.ez-icon-eye:before{content:\"\\ea49\"}.ez-icon-favorite:before{content:\"\\ea4a\"}.ez-icon-figma:before{content:\"\\ea4b\"}.ez-icon-file-download:before{content:\"\\ea4c\"}.ez-icon-file-upload:before{content:\"\\ea4d\"}.ez-icon-filter:before{content:\"\\ea4e\"}.ez-icon-find-file:before{content:\"\\ea4f\"}.ez-icon-find-page:before{content:\"\\ea50\"}.ez-icon-format-color-fill:before{content:\"\\ea51\"}.ez-icon-generic:before{content:\"\\ea52\"}.ez-icon-gif:before{content:\"\\ea53\"}.ez-icon-graph_bar:before{content:\"\\ea54\"}.ez-icon-handshake:before{content:\"\\ea55\"}.ez-icon-help-inverted:before{content:\"\\ea56\"}.ez-icon-help:before{content:\"\\ea57\"}.ez-icon-hide_menu:before{content:\"\\ea58\"}.ez-icon-home:before{content:\"\\ea59\"}.ez-icon-icons104:before{content:\"\\ea5a\"}.ez-icon-language:before{content:\"\\ea5b\"}.ez-icon-launch:before{content:\"\\ea5c\"}.ez-icon-lightbulb:before{content:\"\\ea5d\"}.ez-icon-list:before{content:\"\\ea5e\"}.ez-icon-location:before{content:\"\\ea5f\"}.ez-icon-lock-outline:before{content:\"\\ea60\"}.ez-icon-lock:before{content:\"\\ea61\"}.ez-icon-menu:before{content:\"\\ea62\"}.ez-icon-mid:before{content:\"\\ea63\"}.ez-icon-minus:before{content:\"\\ea64\"}.ez-icon-money-off:before{content:\"\\ea65\"}.ez-icon-money:before{content:\"\\ea66\"}.ez-icon-more:before{content:\"\\ea67\"}.ez-icon-mp3:before{content:\"\\ea68\"}.ez-icon-mp4:before{content:\"\\ea69\"}.ez-icon-multiple-files:before{content:\"\\ea6a\"}.ez-icon-north-west:before{content:\"\\ea6b\"}.ez-icon-number:before{content:\"\\ea6c\"}.ez-icon-ordem-ascendente:before{content:\"\\ea6d\"}.ez-icon-ordem-descendente:before{content:\"\\ea6e\"}.ez-icon-parcelar:before{content:\"\\ea6f\"}.ez-icon-pause:before{content:\"\\ea70\"}.ez-icon-payments:before{content:\"\\ea71\"}.ez-icon-pdf:before{content:\"\\ea72\"}.ez-icon-play:before{content:\"\\ea73\"}.ez-icon-plus:before{content:\"\\ea74\"}.ez-icon-png:before{content:\"\\ea75\"}.ez-icon-power:before{content:\"\\ea76\"}.ez-icon-pptx:before{content:\"\\ea77\"}.ez-icon-preview:before{content:\"\\ea78\"}.ez-icon-print:before{content:\"\\ea79\"}.ez-icon-push-pin:before{content:\"\\ea7a\"}.ez-icon-rateio:before{content:\"\\ea7b\"}.ez-icon-receipt:before{content:\"\\ea7c\"}.ez-icon-recolher_card:before{content:\"\\ea7d\"}.ez-icon-restore:before{content:\"\\ea7e\"}.ez-icon-return:before{content:\"\\ea7f\"}.ez-icon-sankhya-place:before{content:\"\\ea80\"}.ez-icon-save:before{content:\"\\ea81\"}.ez-icon-search:before{content:\"\\ea82\"}.ez-icon-settings-inverted:before{content:\"\\ea83\"}.ez-icon-settings:before{content:\"\\ea84\"}.ez-icon-share:before{content:\"\\ea85\"}.ez-icon-shield:before{content:\"\\ea86\"}.ez-icon-show_menu:before{content:\"\\ea87\"}.ez-icon-south-east:before{content:\"\\ea88\"}.ez-icon-sync:before{content:\"\\ea89\"}.ez-icon-table:before{content:\"\\ea8a\"}.ez-icon-tag_code:before{content:\"\\ea8b\"}.ez-icon-text:before{content:\"\\ea8c\"}.ez-icon-timeline:before{content:\"\\ea8d\"}.ez-icon-timer-outline:before{content:\"\\ea8e\"}.ez-icon-trending-up:before{content:\"\\ea8f\"}.ez-icon-tune:before{content:\"\\ea90\"}.ez-icon-txt:before{content:\"\\ea91\"}.ez-icon-un-pin:before{content:\"\\ea92\"}.ez-icon-unfold_less:before{content:\"\\ea93\"}.ez-icon-unfold_more:before{content:\"\\ea94\"}.ez-icon-user-circle:before{content:\"\\ea95\"}.ez-icon-warning-outline:before{content:\"\\ea96\"}.ez-icon-warning_triangle:before{content:\"\\ea97\"}.ez-icon-whatshot:before{content:\"\\ea98\"}.ez-icon-xlsx:before{content:\"\\ea99\"}.ez-icon-zip:before{content:\"\\ea9a\"}.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}";
9
9
 
10
10
  const EzIcon = class {
11
11
  constructor(hostRef) {
package/dist/collection/components/ez-grid/ez-grid.css CHANGED
@@ -97,7 +97,22 @@
97
97
  padding: 0;
98
98
  }
99
99
 
100
+ .grid-header__pagination{
101
+ width: 30%;
102
+ min-width: 100px;
103
+ justify-content: end;
104
+ flex-wrap: wrap;
105
+ }
106
+
107
+ .grid-header__left-container{
108
+ width: 70%
109
+ }
110
+
100
111
  .grid-header__pagination-label {
101
112
  width: 100%;
102
113
  white-space: nowrap
103
- }
114
+ }
115
+
116
+ .overflowed {
117
+ display: none;
118
+ }
package/dist/collection/components/ez-grid/ez-grid.js CHANGED
@@ -1,4 +1,4 @@
1
- import { ElementIDUtils, JSUtils, OverflowDirection, OverflowWatcher, StringUtils } from '@sankhyalabs/core';
1
+ import { ElementIDUtils, JSUtils, OverflowWatcher, OVERFLOWED_CLASS_NAME, StringUtils, } from '@sankhyalabs/core';
2
2
  import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
3
3
  import { Host, h } from '@stencil/core';
4
4
  import { ApplicationUtils } from '../../utils';
@@ -96,6 +96,14 @@ export class EzGrid {
96
96
  observeConfig(config) {
97
97
  this._gridController.setColumnsState(config.columns);
98
98
  }
99
+ updatePaginationTooltip() {
100
+ if (this._refPaginationLabelTooltip) {
101
+ const tooltip = this._getPaginationTooltip();
102
+ if (tooltip) {
103
+ this._refPaginationLabelTooltip.setAttribute('data-tooltip', tooltip);
104
+ }
105
+ }
106
+ }
99
107
  onSelectionChange(evt) {
100
108
  this._currentPageSelected = evt.detail.selectionHeaderStatus === true;
101
109
  if (this.dataUnit) {
@@ -254,7 +262,7 @@ export class EzGrid {
254
262
  const { currentPage, hasMore } = this._paginationInfo;
255
263
  return [
256
264
  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" }, h("strong", { class: "ez-text ez-text--primary ez-text--medium" }, this._getActualPageLabel()), this._getRemainingPageLabel())),
257
- h("div", { ref: (element) => (this._refPaginationLabelTooltip = element), class: "ez-flex ez-margin-right--medium" }, 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" })),
265
+ h("div", { id: "grid-pagination-tooltip", ref: (element) => (this._refPaginationLabelTooltip = element), class: "ez-flex ez-margin-right--medium" }, 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" })),
258
266
  ];
259
267
  }
260
268
  return null;
@@ -311,42 +319,40 @@ export class EzGrid {
311
319
  _getPaginationTooltip() {
312
320
  return this._getActualPageLabel() + this._getRemainingPageLabel();
313
321
  }
314
- _updatePaginationTooltip() {
315
- if (!this._refPaginationLabelTooltip) {
322
+ _initHeaderOverflowWatcher() {
323
+ this._headerOverflowWatcher = new OverflowWatcher(this.buildOverFlowWatcherParams());
324
+ }
325
+ buildOverFlowWatcherParams() {
326
+ return {
327
+ element: this._refPaginationControl,
328
+ callback: this.handleOverFlow.bind(this),
329
+ notOverFlow: ["grid-pagination-tooltip"]
330
+ };
331
+ }
332
+ handleOverFlow(elementsOverflow) {
333
+ if (!this._refPaginationLabel)
316
334
  return;
335
+ if (elementsOverflow.length > 0) {
336
+ this._hidePaginationDescription();
317
337
  }
318
- const alreadyDefined = this._refPaginationLabelTooltip.getAttribute('data-tooltip');
319
- if (alreadyDefined) {
320
- this._refPaginationLabelTooltip
321
- .setAttribute('data-tooltip', this._getPaginationTooltip());
338
+ else {
339
+ this._showPaginationDescription();
322
340
  }
323
341
  }
324
- _initHeaderOverflowWatcher() {
325
- this._headerOverflowWatcher = new OverflowWatcher(this._refHeader, (elementsOverflow) => {
326
- if (!this._refPaginationLabel) {
327
- return;
328
- }
329
- if (elementsOverflow.length > 0) {
330
- this._hidePaginationDescription();
331
- }
332
- else {
333
- this._showPaginationDescription();
334
- }
335
- }, OverflowDirection.HORIZONTAL, 20);
336
- }
337
342
  _hidePaginationDescription() {
338
- this._refPaginationLabel.hidden = true;
343
+ this._refPaginationLabel.classList.add(OVERFLOWED_CLASS_NAME);
339
344
  this._refPaginationLabelTooltip.setAttribute('data-flow', 'bottom');
340
345
  this._refPaginationLabelTooltip.setAttribute('data-tooltip', this._getPaginationTooltip());
341
346
  }
342
347
  ;
343
348
  _showPaginationDescription() {
344
- this._refPaginationLabel.hidden = false;
349
+ this._refPaginationLabel.classList.remove(OVERFLOWED_CLASS_NAME);
345
350
  this._refPaginationLabelTooltip.removeAttribute('data-flow');
346
351
  this._refPaginationLabelTooltip.removeAttribute('data-tooltip');
347
352
  }
348
353
  disconnectedCallback() {
349
- this._headerOverflowWatcher.destroy();
354
+ var _a;
355
+ (_a = this._headerOverflowWatcher) === null || _a === void 0 ? void 0 : _a.destroy();
350
356
  }
351
357
  componentWillRender() {
352
358
  this.configSelectionCounter();
@@ -370,7 +376,7 @@ export class EzGrid {
370
376
  }
371
377
  render() {
372
378
  var _a;
373
- return (h(Host, { "no-header": this.hideHeader() }, h("div", { class: "grid__container ez-grid", ref: elem => (this._container = elem) }), h("div", { class: "ez-box ez-box--shadow ez-padding--medium grid-header" }, 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", ref: ref => (this._refHeader = ref) }, h("div", { class: "grid-header__container" }, h("slot", { name: "leftButtons" })), h("div", { class: "grid-header__container", ref: ref => (this._refPaginationControl = ref) }, this.getPaginationControl()))), h("div", { ref: (ref) => (this._gridSelectionCounter = ref), class: `grid__selection-counter ez-elevation--4
379
+ return (h(Host, { "no-header": this.hideHeader() }, h("div", { class: "grid__container ez-grid", ref: elem => (this._container = elem) }), h("div", { class: "ez-box ez-box--shadow ez-padding--medium grid-header" }, 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" }, h("slot", { name: "leftButtons" })), h("div", { class: "grid-header__container grid-header__pagination", ref: ref => (this._refPaginationControl = ref) }, this.getPaginationControl()))), h("div", { ref: (ref) => (this._gridSelectionCounter = ref), class: `grid__selection-counter ez-elevation--4
374
380
  ${this._showSelectionCounter ? 'grid__selection-counter--opened' : ''}
375
381
  ` }, 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" }))));
376
382
  }
@@ -937,7 +943,7 @@ export class EzGrid {
937
943
  "methodName": "observeConfig"
938
944
  }, {
939
945
  "propName": "_paginationInfo",
940
- "methodName": "_updatePaginationTooltip"
946
+ "methodName": "updatePaginationTooltip"
941
947
  }];
942
948
  }
943
949
  static get listeners() {
package/dist/collection/components/ez-icon/ez-icon.css CHANGED
@@ -54,6 +54,7 @@ svg {
54
54
  -moz-osx-font-smoothing: grayscale;
55
55
  }
56
56
 
57
+
57
58
  .ez-icon-2chevron-down:before { content: "\ea01"; }
58
59
  .ez-icon-2chevron-up:before { content: "\ea02"; }
59
60
  .ez-icon-acao:before { content: "\ea03"; }
@@ -91,122 +92,123 @@ svg {
91
92
  .ez-icon-circle:before { content: "\ea23"; }
92
93
  .ez-icon-cleaning:before { content: "\ea24"; }
93
94
  .ez-icon-clipboard:before { content: "\ea25"; }
94
- .ez-icon-close:before { content: "\ea26"; }
95
- .ez-icon-cobrar:before { content: "\ea27"; }
96
- .ez-icon-code:before { content: "\ea28"; }
97
- .ez-icon-configuration:before { content: "\ea29"; }
98
- .ez-icon-content-cut:before { content: "\ea2a"; }
99
- .ez-icon-copy:before { content: "\ea2b"; }
100
- .ez-icon-credit_card:before { content: "\ea2c"; }
101
- .ez-icon-crop:before { content: "\ea2d"; }
102
- .ez-icon-custom:before { content: "\ea2e"; }
103
- .ez-icon-delete-file:before { content: "\ea2f"; }
104
- .ez-icon-delete:before { content: "\ea30"; }
105
- .ez-icon-description:before { content: "\ea31"; }
106
- .ez-icon-dividir:before { content: "\ea32"; }
107
- .ez-icon-docx:before { content: "\ea33"; }
108
- .ez-icon-dot-notification:before { content: "\ea34"; }
109
- .ez-icon-dots-horizontal:before { content: "\ea35"; }
110
- .ez-icon-dots-vertical:before { content: "\ea36"; }
111
- .ez-icon-drag-indicator:before { content: "\ea37"; }
112
- .ez-icon-dual-chevron-down:before { content: "\ea38"; }
113
- .ez-icon-dual-chevron-left:before { content: "\ea39"; }
114
- .ez-icon-dual-chevron-right:before { content: "\ea3a"; }
115
- .ez-icon-dual-chevron-up:before { content: "\ea3b"; }
116
- .ez-icon-edit-file:before { content: "\ea3c"; }
117
- .ez-icon-edit-table:before { content: "\ea3d"; }
118
- .ez-icon-edit-time:before { content: "\ea3e"; }
119
- .ez-icon-edit-value:before { content: "\ea3f"; }
120
- .ez-icon-edit:before { content: "\ea40"; }
121
- .ez-icon-email:before { content: "\ea41"; }
122
- .ez-icon-estorno:before { content: "\ea42"; }
123
- .ez-icon-exe:before { content: "\ea43"; }
124
- .ez-icon-expand:before { content: "\ea44"; }
125
- .ez-icon-expandir_card:before { content: "\ea45"; }
126
- .ez-icon-extrato:before { content: "\ea46"; }
127
- .ez-icon-eye-off:before { content: "\ea47"; }
128
- .ez-icon-eye:before { content: "\ea48"; }
129
- .ez-icon-favorite:before { content: "\ea49"; }
130
- .ez-icon-figma:before { content: "\ea4a"; }
131
- .ez-icon-file-download:before { content: "\ea4b"; }
132
- .ez-icon-file-upload:before { content: "\ea4c"; }
133
- .ez-icon-filter:before { content: "\ea4d"; }
134
- .ez-icon-find-file:before { content: "\ea4e"; }
135
- .ez-icon-find-page:before { content: "\ea4f"; }
136
- .ez-icon-format-color-fill:before { content: "\ea50"; }
137
- .ez-icon-generic:before { content: "\ea51"; }
138
- .ez-icon-gif:before { content: "\ea52"; }
139
- .ez-icon-graph_bar:before { content: "\ea53"; }
140
- .ez-icon-handshake:before { content: "\ea54"; }
141
- .ez-icon-help-inverted:before { content: "\ea55"; }
142
- .ez-icon-help:before { content: "\ea56"; }
143
- .ez-icon-hide_menu:before { content: "\ea57"; }
144
- .ez-icon-home:before { content: "\ea58"; }
145
- .ez-icon-icons104:before { content: "\ea59"; }
146
- .ez-icon-language:before { content: "\ea5a"; }
147
- .ez-icon-launch:before { content: "\ea5b"; }
148
- .ez-icon-lightbulb:before { content: "\ea5c"; }
149
- .ez-icon-list:before { content: "\ea5d"; }
150
- .ez-icon-location:before { content: "\ea5e"; }
151
- .ez-icon-lock-outline:before { content: "\ea5f"; }
152
- .ez-icon-lock:before { content: "\ea60"; }
153
- .ez-icon-menu:before { content: "\ea61"; }
154
- .ez-icon-mid:before { content: "\ea62"; }
155
- .ez-icon-minus:before { content: "\ea63"; }
156
- .ez-icon-money-off:before { content: "\ea64"; }
157
- .ez-icon-money:before { content: "\ea65"; }
158
- .ez-icon-more:before { content: "\ea66"; }
159
- .ez-icon-mp3:before { content: "\ea67"; }
160
- .ez-icon-mp4:before { content: "\ea68"; }
161
- .ez-icon-multiple-files:before { content: "\ea69"; }
162
- .ez-icon-north-west:before { content: "\ea6a"; }
163
- .ez-icon-number:before { content: "\ea6b"; }
164
- .ez-icon-ordem-ascendente:before { content: "\ea6c"; }
165
- .ez-icon-ordem-descendente:before { content: "\ea6d"; }
166
- .ez-icon-parcelar:before { content: "\ea6e"; }
167
- .ez-icon-pause:before { content: "\ea6f"; }
168
- .ez-icon-payments:before { content: "\ea70"; }
169
- .ez-icon-pdf:before { content: "\ea71"; }
170
- .ez-icon-play:before { content: "\ea72"; }
171
- .ez-icon-plus:before { content: "\ea73"; }
172
- .ez-icon-png:before { content: "\ea74"; }
173
- .ez-icon-power:before { content: "\ea75"; }
174
- .ez-icon-pptx:before { content: "\ea76"; }
175
- .ez-icon-preview:before { content: "\ea77"; }
176
- .ez-icon-print:before { content: "\ea78"; }
177
- .ez-icon-push-pin:before { content: "\ea79"; }
178
- .ez-icon-rateio:before { content: "\ea7a"; }
179
- .ez-icon-receipt:before { content: "\ea7b"; }
180
- .ez-icon-recolher_card:before { content: "\ea7c"; }
181
- .ez-icon-restore:before { content: "\ea7d"; }
182
- .ez-icon-return:before { content: "\ea7e"; }
183
- .ez-icon-sankhya-place:before { content: "\ea7f"; }
184
- .ez-icon-save:before { content: "\ea80"; }
185
- .ez-icon-search:before { content: "\ea81"; }
186
- .ez-icon-settings-inverted:before { content: "\ea82"; }
187
- .ez-icon-settings:before { content: "\ea83"; }
188
- .ez-icon-share:before { content: "\ea84"; }
189
- .ez-icon-shield:before { content: "\ea85"; }
190
- .ez-icon-show_menu:before { content: "\ea86"; }
191
- .ez-icon-south-east:before { content: "\ea87"; }
192
- .ez-icon-sync:before { content: "\ea88"; }
193
- .ez-icon-table:before { content: "\ea89"; }
194
- .ez-icon-tag_code:before { content: "\ea8a"; }
195
- .ez-icon-text:before { content: "\ea8b"; }
196
- .ez-icon-timeline:before { content: "\ea8c"; }
197
- .ez-icon-timer-outline:before { content: "\ea8d"; }
198
- .ez-icon-trending-up:before { content: "\ea8e"; }
199
- .ez-icon-tune:before { content: "\ea8f"; }
200
- .ez-icon-txt:before { content: "\ea90"; }
201
- .ez-icon-un-pin:before { content: "\ea91"; }
202
- .ez-icon-unfold_less:before { content: "\ea92"; }
203
- .ez-icon-unfold_more:before { content: "\ea93"; }
204
- .ez-icon-user-circle:before { content: "\ea94"; }
205
- .ez-icon-warning-outline:before { content: "\ea95"; }
206
- .ez-icon-warning_triangle:before { content: "\ea96"; }
207
- .ez-icon-whatshot:before { content: "\ea97"; }
208
- .ez-icon-xlsx:before { content: "\ea98"; }
209
- .ez-icon-zip:before { content: "\ea99"; }
95
+ .ez-icon-clock-rotate-left:before { content: "\ea26"; }
96
+ .ez-icon-close:before { content: "\ea27"; }
97
+ .ez-icon-cobrar:before { content: "\ea28"; }
98
+ .ez-icon-code:before { content: "\ea29"; }
99
+ .ez-icon-configuration:before { content: "\ea2a"; }
100
+ .ez-icon-content-cut:before { content: "\ea2b"; }
101
+ .ez-icon-copy:before { content: "\ea2c"; }
102
+ .ez-icon-credit_card:before { content: "\ea2d"; }
103
+ .ez-icon-crop:before { content: "\ea2e"; }
104
+ .ez-icon-custom:before { content: "\ea2f"; }
105
+ .ez-icon-delete-file:before { content: "\ea30"; }
106
+ .ez-icon-delete:before { content: "\ea31"; }
107
+ .ez-icon-description:before { content: "\ea32"; }
108
+ .ez-icon-dividir:before { content: "\ea33"; }
109
+ .ez-icon-docx:before { content: "\ea34"; }
110
+ .ez-icon-dot-notification:before { content: "\ea35"; }
111
+ .ez-icon-dots-horizontal:before { content: "\ea36"; }
112
+ .ez-icon-dots-vertical:before { content: "\ea37"; }
113
+ .ez-icon-drag-indicator:before { content: "\ea38"; }
114
+ .ez-icon-dual-chevron-down:before { content: "\ea39"; }
115
+ .ez-icon-dual-chevron-left:before { content: "\ea3a"; }
116
+ .ez-icon-dual-chevron-right:before { content: "\ea3b"; }
117
+ .ez-icon-dual-chevron-up:before { content: "\ea3c"; }
118
+ .ez-icon-edit-file:before { content: "\ea3d"; }
119
+ .ez-icon-edit-table:before { content: "\ea3e"; }
120
+ .ez-icon-edit-time:before { content: "\ea3f"; }
121
+ .ez-icon-edit-value:before { content: "\ea40"; }
122
+ .ez-icon-edit:before { content: "\ea41"; }
123
+ .ez-icon-email:before { content: "\ea42"; }
124
+ .ez-icon-estorno:before { content: "\ea43"; }
125
+ .ez-icon-exe:before { content: "\ea44"; }
126
+ .ez-icon-expand:before { content: "\ea45"; }
127
+ .ez-icon-expandir_card:before { content: "\ea46"; }
128
+ .ez-icon-extrato:before { content: "\ea47"; }
129
+ .ez-icon-eye-off:before { content: "\ea48"; }
130
+ .ez-icon-eye:before { content: "\ea49"; }
131
+ .ez-icon-favorite:before { content: "\ea4a"; }
132
+ .ez-icon-figma:before { content: "\ea4b"; }
133
+ .ez-icon-file-download:before { content: "\ea4c"; }
134
+ .ez-icon-file-upload:before { content: "\ea4d"; }
135
+ .ez-icon-filter:before { content: "\ea4e"; }
136
+ .ez-icon-find-file:before { content: "\ea4f"; }
137
+ .ez-icon-find-page:before { content: "\ea50"; }
138
+ .ez-icon-format-color-fill:before { content: "\ea51"; }
139
+ .ez-icon-generic:before { content: "\ea52"; }
140
+ .ez-icon-gif:before { content: "\ea53"; }
141
+ .ez-icon-graph_bar:before { content: "\ea54"; }
142
+ .ez-icon-handshake:before { content: "\ea55"; }
143
+ .ez-icon-help-inverted:before { content: "\ea56"; }
144
+ .ez-icon-help:before { content: "\ea57"; }
145
+ .ez-icon-hide_menu:before { content: "\ea58"; }
146
+ .ez-icon-home:before { content: "\ea59"; }
147
+ .ez-icon-icons104:before { content: "\ea5a"; }
148
+ .ez-icon-language:before { content: "\ea5b"; }
149
+ .ez-icon-launch:before { content: "\ea5c"; }
150
+ .ez-icon-lightbulb:before { content: "\ea5d"; }
151
+ .ez-icon-list:before { content: "\ea5e"; }
152
+ .ez-icon-location:before { content: "\ea5f"; }
153
+ .ez-icon-lock-outline:before { content: "\ea60"; }
154
+ .ez-icon-lock:before { content: "\ea61"; }
155
+ .ez-icon-menu:before { content: "\ea62"; }
156
+ .ez-icon-mid:before { content: "\ea63"; }
157
+ .ez-icon-minus:before { content: "\ea64"; }
158
+ .ez-icon-money-off:before { content: "\ea65"; }
159
+ .ez-icon-money:before { content: "\ea66"; }
160
+ .ez-icon-more:before { content: "\ea67"; }
161
+ .ez-icon-mp3:before { content: "\ea68"; }
162
+ .ez-icon-mp4:before { content: "\ea69"; }
163
+ .ez-icon-multiple-files:before { content: "\ea6a"; }
164
+ .ez-icon-north-west:before { content: "\ea6b"; }
165
+ .ez-icon-number:before { content: "\ea6c"; }
166
+ .ez-icon-ordem-ascendente:before { content: "\ea6d"; }
167
+ .ez-icon-ordem-descendente:before { content: "\ea6e"; }
168
+ .ez-icon-parcelar:before { content: "\ea6f"; }
169
+ .ez-icon-pause:before { content: "\ea70"; }
170
+ .ez-icon-payments:before { content: "\ea71"; }
171
+ .ez-icon-pdf:before { content: "\ea72"; }
172
+ .ez-icon-play:before { content: "\ea73"; }
173
+ .ez-icon-plus:before { content: "\ea74"; }
174
+ .ez-icon-png:before { content: "\ea75"; }
175
+ .ez-icon-power:before { content: "\ea76"; }
176
+ .ez-icon-pptx:before { content: "\ea77"; }
177
+ .ez-icon-preview:before { content: "\ea78"; }
178
+ .ez-icon-print:before { content: "\ea79"; }
179
+ .ez-icon-push-pin:before { content: "\ea7a"; }
180
+ .ez-icon-rateio:before { content: "\ea7b"; }
181
+ .ez-icon-receipt:before { content: "\ea7c"; }
182
+ .ez-icon-recolher_card:before { content: "\ea7d"; }
183
+ .ez-icon-restore:before { content: "\ea7e"; }
184
+ .ez-icon-return:before { content: "\ea7f"; }
185
+ .ez-icon-sankhya-place:before { content: "\ea80"; }
186
+ .ez-icon-save:before { content: "\ea81"; }
187
+ .ez-icon-search:before { content: "\ea82"; }
188
+ .ez-icon-settings-inverted:before { content: "\ea83"; }
189
+ .ez-icon-settings:before { content: "\ea84"; }
190
+ .ez-icon-share:before { content: "\ea85"; }
191
+ .ez-icon-shield:before { content: "\ea86"; }
192
+ .ez-icon-show_menu:before { content: "\ea87"; }
193
+ .ez-icon-south-east:before { content: "\ea88"; }
194
+ .ez-icon-sync:before { content: "\ea89"; }
195
+ .ez-icon-table:before { content: "\ea8a"; }
196
+ .ez-icon-tag_code:before { content: "\ea8b"; }
197
+ .ez-icon-text:before { content: "\ea8c"; }
198
+ .ez-icon-timeline:before { content: "\ea8d"; }
199
+ .ez-icon-timer-outline:before { content: "\ea8e"; }
200
+ .ez-icon-trending-up:before { content: "\ea8f"; }
201
+ .ez-icon-tune:before { content: "\ea90"; }
202
+ .ez-icon-txt:before { content: "\ea91"; }
203
+ .ez-icon-un-pin:before { content: "\ea92"; }
204
+ .ez-icon-unfold_less:before { content: "\ea93"; }
205
+ .ez-icon-unfold_more:before { content: "\ea94"; }
206
+ .ez-icon-user-circle:before { content: "\ea95"; }
207
+ .ez-icon-warning-outline:before { content: "\ea96"; }
208
+ .ez-icon-warning_triangle:before { content: "\ea97"; }
209
+ .ez-icon-whatshot:before { content: "\ea98"; }
210
+ .ez-icon-xlsx:before { content: "\ea99"; }
211
+ .ez-icon-zip:before { content: "\ea9a"; }
210
212
  /*
211
213
  END CSS GENERATED BY EZ-DESIGN ICONS
212
214
  */