@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-43388.0 → 0.0.0-bugfix-dev-KB-9999.0

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

@@ -1,9 +1,9 @@
-import { ElementIDUtils, JSUtils, OverflowWatcher, OVERFLOWED_CLASS_NAME, StringUtils, } from '@sankhyalabs/core';
+import { ElementIDUtils, JSUtils, StringUtils, } from '@sankhyalabs/core';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
-import { Host, h } from '@stencil/core';
-import { ApplicationUtils } from '../../utils';
+import { h, Host } from '@stencil/core';
 import AgGridController from './controller/ag-grid/AgGridController';
 import { SelectionCounter } from './subcomponents/selection-counter';
+import { ApplicationUtils } from '../../utils';
 import InMemoryFilterColumnDataSource from './utils/InMemoryFilterColumnDataSource';
 const windowInstace = window;
 const matches = (text, filter) => {
@@ -96,14 +96,6 @@ export class EzGrid {
   observeConfig(config) {
     this._gridController.setColumnsState(config.columns);
   }
-  updatePaginationTooltip() {
-    if (this._refPaginationLabelTooltip) {
-      const tooltip = this._getPaginationTooltip();
-      if (tooltip) {
-        this._refPaginationLabelTooltip.setAttribute('data-tooltip', tooltip);
-      }
-    }
-  }
   onSelectionChange(evt) {
     this._currentPageSelected = evt.detail.selectionHeaderStatus === true;
     if (this.dataUnit) {
@@ -259,10 +251,11 @@ export class EzGrid {
   }
   getPaginationControl() {
     if (this._paginationInfo) {
-      const { currentPage, hasMore } = this._paginationInfo;
+      const { firstRecord, lastRecord, total, count, currentPage, hasMore } = this._paginationInfo;
       return [
-        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())),
-        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" })),
+        h("div", { class: "ez-text ez-text--primary ez-text--medium ez-margin-right--medium" }, h("strong", { class: "ez-text ez-text--primary ez-text--medium" }, `${firstRecord}-${lastRecord}`), total == undefined ? ` de ${count + 1} ou mais` : ` de ${total}`),
+        h("ez-button", { size: "small", iconName: "chevron-left", class: "ez-margin-right--medium", mode: "icon", enabled: currentPage > 0, onClick: () => this.previousPage(), label: "P\u00E1gina anterior" }),
+        h("ez-button", { size: "small", iconName: "chevron-right", class: "ez-margin-right--medium", mode: "icon", enabled: hasMore, onClick: () => this.nextPage(), label: "Pr\u00F3xima P\u00E1gina" }),
       ];
     }
     return null;
@@ -306,53 +299,6 @@ export class EzGrid {
     this.setEvents();
     this.componentReady.emit();
     this._gridController.configFilterColumn(this._filterColumn);
-    this._initHeaderOverflowWatcher();
-  }
-  _getActualPageLabel() {
-    const { firstRecord, lastRecord } = this._paginationInfo;
-    return `${firstRecord}-${lastRecord}`;
-  }
-  _getRemainingPageLabel() {
-    const { total, count } = this._paginationInfo;
-    return `${total == undefined ? ` de ${count + 1} ou mais` : ` de ${total}`}`;
-  }
-  _getPaginationTooltip() {
-    return this._getActualPageLabel() + this._getRemainingPageLabel();
-  }
-  _initHeaderOverflowWatcher() {
-    this._headerOverflowWatcher = new OverflowWatcher(this.buildOverFlowWatcherParams());
-  }
-  buildOverFlowWatcherParams() {
-    return {
-      element: this._refPaginationControl,
-      callback: this.handleOverFlow.bind(this),
-      notOverFlow: ["grid-pagination-tooltip"]
-    };
-  }
-  handleOverFlow(elementsOverflow) {
-    if (!this._refPaginationLabel)
-      return;
-    if (elementsOverflow.length > 0) {
-      this._hidePaginationDescription();
-    }
-    else {
-      this._showPaginationDescription();
-    }
-  }
-  _hidePaginationDescription() {
-    this._refPaginationLabel.classList.add(OVERFLOWED_CLASS_NAME);
-    this._refPaginationLabelTooltip.setAttribute('data-flow', 'bottom');
-    this._refPaginationLabelTooltip.setAttribute('data-tooltip', this._getPaginationTooltip());
-  }
-  ;
-  _showPaginationDescription() {
-    this._refPaginationLabel.classList.remove(OVERFLOWED_CLASS_NAME);
-    this._refPaginationLabelTooltip.removeAttribute('data-flow');
-    this._refPaginationLabelTooltip.removeAttribute('data-tooltip');
-  }
-  disconnectedCallback() {
-    var _a;
-    (_a = this._headerOverflowWatcher) === null || _a === void 0 ? void 0 : _a.destroy();
   }
   componentWillRender() {
     this.configSelectionCounter();
@@ -376,7 +322,7 @@ export class EzGrid {
   }
   render() {
     var _a;
-    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
+    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" }, 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
           ${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" }))));
   }
@@ -941,9 +887,6 @@ export class EzGrid {
     return [{
         "propName": "config",
         "methodName": "observeConfig"
-      }, {
-        "propName": "_paginationInfo",
-        "methodName": "updatePaginationTooltip"
       }];
   }
   static get listeners() {

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

@@ -54,7 +54,6 @@ svg {
   -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"; }
@@ -92,123 +91,122 @@ svg {
 .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"; }
+.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"; }
 /*
   END CSS GENERATED BY EZ-DESIGN ICONS
 */

package/dist/collection/components/ez-multi-selection-list/ez-multi-selection-list.js

@@ -137,8 +137,16 @@ export class EzMuiltiSelectionList {
   }
   handleChangeSelectedItem(event) {
     const { detail: itemCheckSelected } = event;
-    const itemSelected = this.filteredOptions.find(item => item.label === itemCheckSelected.label);
-    itemSelected.check = itemCheckSelected.check;
+    this.filteredOptions = this.filteredOptions.map(item => {
+      if (item.label === itemCheckSelected.label) {
+        return Object.assign(Object.assign({}, item), { check: itemCheckSelected.check });
+      }
+      return item;
+    });
+    this.clearInputs();
+  }
+  clearInputs() {
+    this.filterInput ? (this.filterInput.value = '') : (this.searchInput.value = '');
   }
   buildViewList(hasDelete) {
     return (h(Fragment, null, this.displayOptionToCheckAllItems && (h("ez-check", { ref: (element) => (this.checkInput = element), label: "Selecionar todos", class: "multi-selection__select-all", onEzChange: this.handleChangeSelectAllItems.bind(this) })), h("ez-list", { class: "multi-selection__list", dataSource: this.displayOptions, listMode: "check", hoverFeedback: true, onEzCheckChange: this.handleChangeSelectedItem.bind(this), itemSlotBuilder: hasDelete ? this.buildDeleteIconSlot.bind(this) : null })));

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

@@ -77,14 +77,16 @@
 
 .popup__content {
   box-sizing: border-box;
-  height: 100%;
+  max-height: 100%;
   width: 100%;
+  display: grid;
+  grid-template-rows: auto 1fr;
 }
 
 .popup__expandable-content {
   box-sizing: border-box;
   width: 100%;
-  height: calc(100% - 44px);
+  height: 100%;
 }
 
 .popup__header {

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

@@ -187,9 +187,10 @@ export class EzSearch {
     if (currentValue == undefined) {
       return;
     }
-    let text = (!this.showSelectedValue || currentValue.value == undefined) ? currentValue.label : `${currentValue.value} - ${currentValue.label}`;
-    text = text.replace(new RegExp(this._startHighlightTag, 'g'), '').replace(new RegExp(this._endHighlightTag, 'g'), '');
-    return text;
+    if (!this.showSelectedValue || currentValue.value == undefined) {
+      return currentValue.label;
+    }
+    return currentValue.label ? `${currentValue.value} - ${currentValue.label}` : currentValue.value;
   }
   getText() {
     const currentValue = this.getSelectedOption(this.value);

package/dist/collection/components/ez-split-panel/ez-split-panel.css

@@ -1,4 +1,5 @@
 :host {
+  height: 100%;
 }
 
 .ez-split-gutter {

package/dist/collection/components/ez-split-panel/ez-split-panel.js

@@ -71,17 +71,16 @@ export class SplitPanel {
   }
   getGridTemplate() {
     let template = '';
-    this._items.forEach((col, index) => {
-      const size = col.size || '1fr';
+    this._items.forEach((_col, index) => {
       if (index === this._items.length - 1) {
-        template += ` ${size}`;
+        template += ` 1fr`;
         return;
       }
       if (index === 0) {
-        template += `${size} 5px`;
+        template += `1fr 5px`;
         return;
       }
-      template += ` ${size} 5px`;
+      template += ` 1fr 5px`;
     });
     return template;
   }

package/dist/collection/components/ez-split-panel/structure/item/ez-split-item.css

@@ -1,23 +1,12 @@
-ez-split-item {
-  /*@doc Define altura mínima da snk-grid */
-  --snk-grid-min-height: 0;
-  /*@doc Define altura mínima da grid */
-  --ez-grid--min-height: 0;
-}
-
 .box_split-item {
   background-color: var(--background--xlight);
+  padding: var(--space--nano);
   width: 100%;
   height: 100%;
   border-radius: var(--border--radius-medium);
   box-shadow: var(--shadow);
-  flex-direction: column;
-  overflow: hidden;
   display: flex;
-  padding: var(--space--nano);
-}
-
-.box_split-item > .ez-split-item--content {
+  flex-direction: column;
   overflow: auto;
 }
 
@@ -43,5 +32,5 @@ ez-split-item {
 
 .ez-split-item--content {
   display: block;
-  height: 100%;
-}
+  height: -webkit-fill-available;
+}

package/dist/collection/components/ez-split-panel/structure/item/ez-split-item.js

@@ -1,11 +1,9 @@
-import { Host, h } from '@stencil/core';
-import { CSSVarsUtils } from '../../../../utils';
+import { h } from '@stencil/core';
 export class SplitItem {
   constructor() {
     this.label = undefined;
     this.enableExpand = true;
     this._expanded = false;
-    this.size = undefined;
   }
   /**
    * Alterna a visibilidade do painel.
@@ -13,11 +11,8 @@ export class SplitItem {
   toggleExpandItem() {
     this._expanded = !this._expanded;
   }
-  componentDidLoad() {
-    CSSVarsUtils.applyVarsGrid(this._element, this._slot.children[0]);
-  }
   render() {
-    return (h(Host, { class: `box_split-item ${this._expanded ? 'expanded__item' : ''}`, ref: el => (this._element = el) }, h("div", { class: "ez-split-item--header" }, h("div", null, this.label && (h("div", { class: "ez-margin--small" }, h("h3", { class: " ez-title ez-title--small" }, this.label)))), h("div", { class: "ez-split-item--header-buttons" }, this.enableExpand && (h("ez-button", { size: "medium", mode: "icon", iconName: "expand", class: 'ez-button--tertiary', onClick: () => this.toggleExpandItem(), title: this._expanded ? 'Resumir' : 'Expandir' })), h("slot", { name: "rightButtons" }))), h("div", { class: "ez-split-item--content", ref: el => (this._slot = el) }, h("slot", null))));
+    return (h("div", { class: `box_split-item ${this._expanded ? 'expanded__item' : ''}`, ref: el => (this._element = el) }, h("div", { class: "ez-split-item--header" }, h("div", null, this.label && (h("div", { class: "ez-margin--small" }, h("h3", { class: " ez-title ez-title--small" }, this.label)))), h("div", { class: "ez-split-item--header-buttons" }, this.enableExpand && (h("ez-button", { size: "medium", mode: "icon", iconName: "expand", class: 'ez-button--tertiary', onClick: () => this.toggleExpandItem(), title: this._expanded ? 'Resumir' : 'Expandir' })), h("slot", { name: "rightButtons" }))), h("div", { class: "ez-split-item--content" }, h("slot", null))));
   }
   static get is() { return "ez-split-item"; }
   static get originalStyleUrls() {
@@ -66,26 +61,6 @@ export class SplitItem {
         "attribute": "enable-expand",
         "reflect": true,
         "defaultValue": "true"
-      },
-      "size": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [{
-              "name": "values",
-              "text": "'%', 'fr'"
-            }],
-          "text": "Define o tamanho inicial do painel."
-        },
-        "attribute": "size",
-        "reflect": false
       }
     };
   }

package/dist/collection/utils/CSSVarsUtils.js

@@ -64,19 +64,6 @@ export default class CSSVarsUtils {
       });
     }
   }
-  static applyVarsGrid(host, child) {
-    if (child) {
-      [
-        "--ez-grid--min-height",
-        "--snk-grid-min-height",
-      ].forEach(prop => {
-        const propValue = getComputedStyle(host).getPropertyValue(prop);
-        if (propValue !== null && propValue !== undefined) {
-          child.style.setProperty(prop, propValue);
-        }
-      });
-    }
-  }
   static applyIfExists(host, element, varName) {
     const prop = getComputedStyle(host).getPropertyValue(varName);
     if (prop) {

package/dist/custom-elements/index.d.ts

@@ -224,12 +224,6 @@ export const EzSkeleton: {
   new (): EzSkeleton;
 };
 
-interface EzSplitButton extends Components.EzSplitButton, HTMLElement {}
-export const EzSplitButton: {
-  prototype: EzSplitButton;
-  new (): EzSplitButton;
-};
-
 interface EzSplitItem extends Components.EzSplitItem, HTMLElement {}
 export const EzSplitItem: {
   prototype: EzSplitItem;