@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-75210.1 → 0.0.0-bugfix-dev-KB-76031.0

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

@@ -1,5 +1,6 @@
 import { Action } from "@sankhyalabs/core";
 import { DISTINCT_FILTER_NAME_PREFIX, EZ_GRID_LOADING_SOURCE } from "../../../../utils/constants";
+import { DataUnit } from "@sankhyalabs/core";
 export class DataSourceInterceptor {
   constructor(controller) {
     this._controller = controller;
@@ -11,7 +12,7 @@ export class DataSourceInterceptor {
   interceptAction(action) {
     var _a;
     if (action.type === Action.LOADING_DATA) {
-      if (EZ_GRID_LOADING_SOURCE !== action.payload.source) {
+      if (EZ_GRID_LOADING_SOURCE !== action.payload.source && DataUnit.CHANGING_PAGE_LOADING_SOURCE !== action.payload.source) {
         action.payload.filters = ((_a = action.payload) === null || _a === void 0 ? void 0 : _a.filters) !== undefined ? this.clearColumnFilter(action.payload.filters) : action.payload.filters;
         this._controller.clearFilter();
       }

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

@@ -1,4 +1,4 @@
-import { ElementIDUtils, JSUtils, OverflowWatcher, OVERFLOWED_CLASS_NAME, StringUtils, } from '@sankhyalabs/core';
+import { ElementIDUtils, JSUtils, OverflowWatcher, OVERFLOWED_CLASS_NAME, StringUtils, ApplicationContext, } from '@sankhyalabs/core';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
 import { Host, h } from '@stencil/core';
 import { ApplicationUtils } from '../../utils';
@@ -25,6 +25,8 @@ export class EzGrid {
     this._selectionCount = undefined;
     this._hasLeftButtons = false;
     this._customFormatters = new Map();
+    this.enableLockManagerLoadingComp = false;
+    this.enableLockManagerTaskbarClick = true;
     this.multipleSelection = undefined;
     this.config = undefined;
     this.selectionToastConfig = undefined;
@@ -39,9 +41,10 @@ export class EzGrid {
     this.paginationCounterMode = 'show';
     this.enableGridInsert = false;
     this.enableContinuousInsert = true;
-    this.enableLockManger = true;
+    this.suppressCheckboxColumn = false;
     this.outlineMode = false;
     this.enableRowTableStriped = true;
+    this.compact = false;
   }
   /**
    * Aplica a definição de colunas.
@@ -375,6 +378,8 @@ export class EzGrid {
     return (h("div", { class: `grid-header__container grid-header__pagination ${this.resolvePaginationClassMode()}`, ref: ref => (this._refPaginationControl = ref) }, h("div", { class: "ez-text ez-text--primary ez-text--medium ez-margin-right--medium", ref: (element) => (this._refPaginationLabel = element) }, h("span", { class: "grid-header__pagination-label" }, this.paginationCounterMode == 'show' && h("strong", { class: "ez-text ez-text--primary ez-text--medium" }, this._getActualPageLabel()), this.paginationCounterMode == 'show' && this._getRemainingPageLabel())), h("div", { id: "grid-pagination-tooltip", ref: (element) => (this._refPaginationLabelTooltip = element), class: "ez-flex ez-margin-right--medium", title: `${this._getActualPageLabel()} ${this._getRemainingPageLabel()}` }, h("ez-button", { size: "small", class: "ez-margin-right--medium", iconName: "chevron-left", mode: "icon", enabled: currentPage > 0, onClick: () => this.previousPage(), label: "P\u00E1gina anterior" }), h("ez-button", { size: "small", iconName: "chevron-right", mode: "icon", enabled: hasMore, onClick: () => this.nextPage(), label: "Pr\u00F3xima P\u00E1gina" }))));
   }
   componentDidLoad() {
+    const _application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    this.enableLockManagerLoadingComp = (!_application || (_application === null || _application === void 0 ? void 0 : _application.enableLockManagerLoadingApp)) ? this.enableLockManagerLoadingComp : false;
     this._gridController.initDatagrid(this._container, {
       onColumnStateChange: (type, state, info) => this.onColumnStateChange(type, state, info),
       onSelectionChange: (selection) => this.ezSelectionChange.emit(selection),
@@ -398,12 +403,14 @@ export class EzGrid {
       autoFocus: this.autoFocus,
       enableGridInsert: this.enableGridInsert,
       enableContinuousInsert: this.enableContinuousInsert,
+      suppressCheckBoxCol: this.suppressCheckboxColumn,
       onRefresh: () => {
         if (this.dataUnit) {
           this.setSelection(this.dataUnit.getSelectionInfo());
         }
       },
-      enableLockManger: this.enableLockManger,
+      enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick,
+      enableLockManagerLoadingComp: this.enableLockManagerLoadingComp,
       enableRowTableStriped: this.enableRowTableStriped,
     });
     if (this.config) {
@@ -519,7 +526,7 @@ export class EzGrid {
   }
   render() {
     var _a;
-    return (h(Host, { "no-header": this.hideHeader() }, h("div", { class: `grid__container ${this.outlineMode ? 'outline-mode' : 'shadow-mode'} ez-grid`, ref: elem => (this._container = elem) }), h("div", { class: `ez-box ${this.outlineMode ? 'outline-mode' : 'shadow-mode'} ez-padding--small 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 ${this.resolveLeftHeaderClass()}` }, h("slot", { name: "leftButtons" })), 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 ${this.outlineMode ? 'outline-mode' : 'shadow-mode'} ${this.compact ? 'no-padding' : ""}`, ref: elem => (this._container = elem) }), h("div", { class: `ez-box ${this.outlineMode ? 'outline-mode' : 'shadow-mode'} ez-padding--small 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 ${this.resolveLeftHeaderClass()}` }, h("slot", { name: "leftButtons" })), 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" }))));
   }
@@ -538,6 +545,42 @@ export class EzGrid {
   static get assetsDirs() { return ["../assets"]; }
   static get properties() {
     return {
+      "enableLockManagerLoadingComp": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Define se o componente deve usar o LockManager para controle de carregamento da aplica\u00E7\u00E3o"
+        },
+        "attribute": "enable-lock-manager-loading-comp",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "enableLockManagerTaskbarClick": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Ativa inser\u00E7\u00E3o de registros no modo grade pela Taskbar."
+        },
+        "attribute": "enable-lock-manager-taskbar-click",
+        "reflect": false,
+        "defaultValue": "true"
+      },
       "multipleSelection": {
         "type": "boolean",
         "mutable": false,
@@ -804,7 +847,7 @@ export class EzGrid {
         "reflect": false,
         "defaultValue": "true"
       },
-      "enableLockManger": {
+      "suppressCheckboxColumn": {
         "type": "boolean",
         "mutable": false,
         "complexType": {
@@ -816,11 +859,11 @@ export class EzGrid {
         "optional": true,
         "docs": {
           "tags": [],
-          "text": "Ativa inser\u00E7\u00E3o de registros no modo grade."
+          "text": "Informa se a coluna de chechbox deve ser suprimida"
         },
-        "attribute": "enable-lock-manger",
+        "attribute": "suppress-checkbox-column",
         "reflect": false,
-        "defaultValue": "true"
+        "defaultValue": "false"
       },
       "outlineMode": {
         "type": "boolean",
@@ -834,7 +877,7 @@ export class EzGrid {
         "optional": true,
         "docs": {
           "tags": [],
-          "text": "Altera visualmente as sombras e bordas do componente\nQuando true, aplica o padr\u00E3o de sombras ao componente (Utilizar quando for o elemento principal do layout)\nQuando false, aplica o padr\u00E3o de outline ao componente (Utilizar quando estiver contido em outro elemento como um painel ou pop-up)"
+          "text": "Altera visualmente as sombras e bordas do componente\nQuando false, aplica o padr\u00E3o de sombras ao componente (Utilizar quando for o elemento principal do layout)\nQuando true, aplica o padr\u00E3o de outline ao componente (Utilizar quando estiver contido em outro elemento como um painel ou pop-up)"
         },
         "attribute": "outline-mode",
         "reflect": false,
@@ -857,6 +900,24 @@ export class EzGrid {
         "attribute": "enable-row-table-striped",
         "reflect": false,
         "defaultValue": "true"
+      },
+      "compact": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Define se a grade deve ser exibida em modo compacto"
+        },
+        "attribute": "compact",
+        "reflect": false,
+        "defaultValue": "false"
       }
     };
   }

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

@@ -145,74 +145,76 @@ svg {
 .ez-icon-handshake:before { content: "\ea58"; }
 .ez-icon-help-inverted:before { content: "\ea59"; }
 .ez-icon-help:before { content: "\ea5a"; }
-.ez-icon-hide_menu:before { content: "\ea5b"; }
-.ez-icon-home:before { content: "\ea5c"; }
-.ez-icon-icons104:before { content: "\ea5d"; }
-.ez-icon-language:before { content: "\ea5e"; }
-.ez-icon-launch:before { content: "\ea5f"; }
-.ez-icon-lightbulb:before { content: "\ea60"; }
-.ez-icon-list:before { content: "\ea61"; }
-.ez-icon-location:before { content: "\ea62"; }
-.ez-icon-lock-outline:before { content: "\ea63"; }
-.ez-icon-lock:before { content: "\ea64"; }
-.ez-icon-menu:before { content: "\ea65"; }
-.ez-icon-mid:before { content: "\ea66"; }
-.ez-icon-minus:before { content: "\ea67"; }
-.ez-icon-money-off:before { content: "\ea68"; }
-.ez-icon-money:before { content: "\ea69"; }
-.ez-icon-more:before { content: "\ea6a"; }
-.ez-icon-mp3:before { content: "\ea6b"; }
-.ez-icon-mp4:before { content: "\ea6c"; }
-.ez-icon-multiple-files:before { content: "\ea6d"; }
-.ez-icon-north-west:before { content: "\ea6e"; }
-.ez-icon-number:before { content: "\ea6f"; }
-.ez-icon-ordem-ascendente:before { content: "\ea70"; }
-.ez-icon-ordem-descendente:before { content: "\ea71"; }
-.ez-icon-parcelar:before { content: "\ea72"; }
-.ez-icon-pause:before { content: "\ea73"; }
-.ez-icon-payments:before { content: "\ea74"; }
-.ez-icon-pdf:before { content: "\ea75"; }
-.ez-icon-play:before { content: "\ea76"; }
-.ez-icon-plus:before { content: "\ea77"; }
-.ez-icon-png:before { content: "\ea78"; }
-.ez-icon-power:before { content: "\ea79"; }
-.ez-icon-pptx:before { content: "\ea7a"; }
-.ez-icon-preview:before { content: "\ea7b"; }
-.ez-icon-print:before { content: "\ea7c"; }
-.ez-icon-push-pin:before { content: "\ea7d"; }
-.ez-icon-rateio:before { content: "\ea7e"; }
-.ez-icon-receipt:before { content: "\ea7f"; }
-.ez-icon-recolher_card:before { content: "\ea80"; }
-.ez-icon-remove-from-cart:before { content: "\ea81"; }
-.ez-icon-restore:before { content: "\ea82"; }
-.ez-icon-return:before { content: "\ea83"; }
-.ez-icon-sankhya-place:before { content: "\ea84"; }
-.ez-icon-save:before { content: "\ea85"; }
-.ez-icon-search:before { content: "\ea86"; }
-.ez-icon-settings-inverted:before { content: "\ea87"; }
-.ez-icon-settings:before { content: "\ea88"; }
-.ez-icon-share:before { content: "\ea89"; }
-.ez-icon-shield:before { content: "\ea8a"; }
-.ez-icon-show_menu:before { content: "\ea8b"; }
-.ez-icon-south-east:before { content: "\ea8c"; }
-.ez-icon-sync:before { content: "\ea8d"; }
-.ez-icon-table:before { content: "\ea8e"; }
-.ez-icon-tag_code:before { content: "\ea8f"; }
-.ez-icon-text:before { content: "\ea90"; }
-.ez-icon-timeline:before { content: "\ea91"; }
-.ez-icon-timer-outline:before { content: "\ea92"; }
-.ez-icon-trending-up:before { content: "\ea93"; }
-.ez-icon-tune:before { content: "\ea94"; }
-.ez-icon-txt:before { content: "\ea95"; }
-.ez-icon-un-pin:before { content: "\ea96"; }
-.ez-icon-unfold_less:before { content: "\ea97"; }
-.ez-icon-unfold_more:before { content: "\ea98"; }
-.ez-icon-user-circle:before { content: "\ea99"; }
-.ez-icon-warning-outline:before { content: "\ea9a"; }
-.ez-icon-warning_triangle:before { content: "\ea9b"; }
-.ez-icon-whatshot:before { content: "\ea9c"; }
-.ez-icon-xlsx:before { content: "\ea9d"; }
-.ez-icon-zip:before { content: "\ea9e"; }
+.ez-icon-hide-list:before { content: "\ea5b"; }
+.ez-icon-hide_menu:before { content: "\ea5c"; }
+.ez-icon-home:before { content: "\ea5d"; }
+.ez-icon-icons104:before { content: "\ea5e"; }
+.ez-icon-language:before { content: "\ea5f"; }
+.ez-icon-launch:before { content: "\ea60"; }
+.ez-icon-lightbulb:before { content: "\ea61"; }
+.ez-icon-list:before { content: "\ea62"; }
+.ez-icon-location:before { content: "\ea63"; }
+.ez-icon-lock-outline:before { content: "\ea64"; }
+.ez-icon-lock:before { content: "\ea65"; }
+.ez-icon-menu:before { content: "\ea66"; }
+.ez-icon-mid:before { content: "\ea67"; }
+.ez-icon-minus:before { content: "\ea68"; }
+.ez-icon-money-off:before { content: "\ea69"; }
+.ez-icon-money:before { content: "\ea6a"; }
+.ez-icon-more:before { content: "\ea6b"; }
+.ez-icon-mp3:before { content: "\ea6c"; }
+.ez-icon-mp4:before { content: "\ea6d"; }
+.ez-icon-multiple-files:before { content: "\ea6e"; }
+.ez-icon-north-west:before { content: "\ea6f"; }
+.ez-icon-number:before { content: "\ea70"; }
+.ez-icon-ordem-ascendente:before { content: "\ea71"; }
+.ez-icon-ordem-descendente:before { content: "\ea72"; }
+.ez-icon-parcelar:before { content: "\ea73"; }
+.ez-icon-pause:before { content: "\ea74"; }
+.ez-icon-payments:before { content: "\ea75"; }
+.ez-icon-pdf:before { content: "\ea76"; }
+.ez-icon-play:before { content: "\ea77"; }
+.ez-icon-plus:before { content: "\ea78"; }
+.ez-icon-png:before { content: "\ea79"; }
+.ez-icon-power:before { content: "\ea7a"; }
+.ez-icon-pptx:before { content: "\ea7b"; }
+.ez-icon-preview:before { content: "\ea7c"; }
+.ez-icon-print:before { content: "\ea7d"; }
+.ez-icon-push-pin:before { content: "\ea7e"; }
+.ez-icon-rateio:before { content: "\ea7f"; }
+.ez-icon-receipt:before { content: "\ea80"; }
+.ez-icon-recolher_card:before { content: "\ea81"; }
+.ez-icon-remove-from-cart:before { content: "\ea82"; }
+.ez-icon-restore:before { content: "\ea83"; }
+.ez-icon-return:before { content: "\ea84"; }
+.ez-icon-sankhya-place:before { content: "\ea85"; }
+.ez-icon-save:before { content: "\ea86"; }
+.ez-icon-search:before { content: "\ea87"; }
+.ez-icon-settings-inverted:before { content: "\ea88"; }
+.ez-icon-settings:before { content: "\ea89"; }
+.ez-icon-share:before { content: "\ea8a"; }
+.ez-icon-shield:before { content: "\ea8b"; }
+.ez-icon-show-list:before { content: "\ea8c"; }
+.ez-icon-show_menu:before { content: "\ea8d"; }
+.ez-icon-south-east:before { content: "\ea8e"; }
+.ez-icon-sync:before { content: "\ea8f"; }
+.ez-icon-table:before { content: "\ea90"; }
+.ez-icon-tag_code:before { content: "\ea91"; }
+.ez-icon-text:before { content: "\ea92"; }
+.ez-icon-timeline:before { content: "\ea93"; }
+.ez-icon-timer-outline:before { content: "\ea94"; }
+.ez-icon-trending-up:before { content: "\ea95"; }
+.ez-icon-tune:before { content: "\ea96"; }
+.ez-icon-txt:before { content: "\ea97"; }
+.ez-icon-un-pin:before { content: "\ea98"; }
+.ez-icon-unfold_less:before { content: "\ea99"; }
+.ez-icon-unfold_more:before { content: "\ea9a"; }
+.ez-icon-user-circle:before { content: "\ea9b"; }
+.ez-icon-warning-outline:before { content: "\ea9c"; }
+.ez-icon-warning_triangle:before { content: "\ea9d"; }
+.ez-icon-whatshot:before { content: "\ea9e"; }
+.ez-icon-xlsx:before { content: "\ea9f"; }
+.ez-icon-zip:before { content: "\eaa0"; }
 /*
   END CSS GENERATED BY EZ-DESIGN ICONS
 */

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

@@ -21,10 +21,10 @@
   --ez-list__item--color: var(--title--primary, #2b3a54);
 
   /* @doc Define o estilo borda inferior do item da lista. */
-  --ez-list__item--border-bottom;
+  --ez-list__item--border-bottom: none;
 
   /* @doc Define a cor da borda inferior do item da lista. */
-  --ez-list__item--border-bottom-color;
+  --ez-list__item--border-bottom-color: none;
 
   /* @doc Define o estilo do texto do item da lista. */
   --ez-list__item--font-family: var(--font-pattern, "Roboto");
@@ -89,7 +89,7 @@
   /*@doc Define o raio da borda da barra de rolagem do componente.*/
   --ez-list__scrollbar--border-radius: var(--border--radius-small, 6px);
   /*@doc Define a largura da barra de rolagem do componente.*/
-  --ez-list__scrollbar--width: var(--space--medium, 12px);
+  --ez-list__scrollbar--width: var(--space--2xs, 8px);
 
   max-height: 100%;
   width: 100%;

package/dist/collection/components/ez-number-input/ez-number-input.js

@@ -17,7 +17,6 @@ export class EzNumberInput {
     this.prettyPrecision = undefined;
     this.mode = "regular";
     this.autoFocus = false;
-    this.noMargin = false;
   }
   /**
    * Aplica o foco no campo.
@@ -176,7 +175,7 @@ export class EzNumberInput {
     if (this.allowNegative) {
       restrict += '-';
     }
-    return (h("ez-text-input", { class: "number__input", "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: elem => this._textInput = elem, "data-slave-mode": "true", label: this.label, onBlur: () => this.handleBlur(), onInput: () => this.handleInput(), restrict: restrict, enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, canShowError: this.canShowError, value: this._value, noMargin: this.noMargin }));
+    return (h("ez-text-input", { class: "number__input", "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: elem => this._textInput = elem, "data-slave-mode": "true", label: this.label, onBlur: () => this.handleBlur(), onInput: () => this.handleInput(), restrict: restrict, enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, canShowError: this.canShowError, value: this._value }));
   }
   static get is() { return "ez-number-input"; }
   static get encapsulation() { return "shadow"; }
@@ -366,24 +365,6 @@ export class EzNumberInput {
         "attribute": "auto-focus",
         "reflect": false,
         "defaultValue": "false"
-      },
-      "noMargin": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Quando verdadeiro, o campo n\u00E3o ter\u00E1 espa\u00E7amento externo."
-        },
-        "attribute": "no-margin",
-        "reflect": false,
-        "defaultValue": "false"
       }
     };
   }

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

@@ -25,6 +25,7 @@ export class EzSearch {
     this.enabled = true;
     this.errorMessage = undefined;
     this.optionLoader = undefined;
+    this.contextProperties = undefined;
     this.showSelectedValue = true;
     this.showOptionValue = true;
     this.suppressEmptyOption = false;
@@ -35,7 +36,6 @@ export class EzSearch {
     this.listOptionsPosition = undefined;
     this.isTextSearch = false;
     this.ignoreLimitCharsToSearch = false;
-    this.noMargin = false;
     this.options = undefined;
     this.suppressSearch = false;
     this.ensureClearButtonVisible = false;
@@ -416,7 +416,7 @@ export class EzSearch {
     this._startLoading = true;
     if (this.optionLoader) {
       const searchArgument = { mode, argument };
-      this.updateSource(this.optionLoader(searchArgument));
+      this.updateSource(this.optionLoader(searchArgument, this.contextProperties));
     }
     else {
       this.updateSource(this.options);
@@ -483,7 +483,7 @@ export class EzSearch {
       mode: SearchMode.PREDICTIVE,
       argument
     };
-    const source = await ((_b = this.optionLoader) === null || _b === void 0 ? void 0 : _b.call(this, searchArgument));
+    const source = await ((_b = this.optionLoader) === null || _b === void 0 ? void 0 : _b.call(this, searchArgument, this.contextProperties));
     if (source == undefined) {
       return;
     }
@@ -722,7 +722,7 @@ export class EzSearch {
   render() {
     var _a;
     ElementIDUtils.addIDInfoIfNotExists(this.el, 'input');
-    return (h(Host, null, h("ez-text-input", { "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), class: this.suppressSearch ? "suppressed-search-input" : "", ref: elem => this._textInput = elem, "data-slave-mode": "true", enabled: this.enabled && !this.suppressSearch, onInput: event => this.onTextInputChangeHandler(event), onFocusout: () => this.onTextInputFocusOutHandler(), onKeyDown: event => this.keyDownHandler(event), label: this.label, canShowError: this.canShowError, errorMessage: this.errorMessage, mode: this.mode, noMargin: this.noMargin }, h("button", { class: "btn", slot: "leftIcon", disabled: !this.enabled, tabindex: -1, onClick: () => this.handlerIconClick() }, this.canShowLoadSpinDescription() ? h("div", { class: "message__loading" }) : h("ez-icon", { iconName: "search" })), (((_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value) && (this._criteria || this.value) || this.ensureClearButtonVisible)
+    return (h(Host, null, h("ez-text-input", { "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), class: this.suppressSearch ? "suppressed-search-input" : "", ref: elem => this._textInput = elem, "data-slave-mode": "true", enabled: this.enabled && !this.suppressSearch, onInput: event => this.onTextInputChangeHandler(event), onFocusout: () => this.onTextInputFocusOutHandler(), onKeyDown: event => this.keyDownHandler(event), label: this.label, canShowError: this.canShowError, errorMessage: this.errorMessage, mode: this.mode }, h("button", { class: "btn", slot: "leftIcon", disabled: !this.enabled, tabindex: -1, onClick: () => this.handlerIconClick() }, this.canShowLoadSpinDescription() ? h("div", { class: "message__loading" }) : h("ez-icon", { iconName: "search" })), (((_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value) && (this._criteria || this.value) || this.ensureClearButtonVisible)
       ? h("button", { class: "btn btn__close", slot: "rightIcon", disabled: !this.enabled, tabindex: -1, onClick: () => this.clearSearch() }, h("ez-icon", { iconName: "close" }))
       : undefined), h("section", { class: "list-container", ref: elem => this._listContainer = elem }, h("div", { class: "list-wrapper", ref: elem => this._listWrapper = elem }, h("ul", { class: "list-options", ref: elem => this._optionsList = elem }, !this._showLoading
       && this._visibleOptions.length === 0
@@ -820,8 +820,8 @@ export class EzSearch {
         "type": "unknown",
         "mutable": false,
         "complexType": {
-          "original": "(argument: ISearchArgument) => Promise<Array<IOption>> | Array<IOption> | IOption",
-          "resolved": "(argument: ISearchArgument) => IOption | IOption[] | Promise<IOption[]>",
+          "original": "(argument: ISearchArgument, ctxProperties?: any) => Promise<Array<IOption>> | Array<IOption> | IOption",
+          "resolved": "(argument: ISearchArgument, ctxProperties?: any) => IOption | IOption[] | Promise<IOption[]>",
           "references": {
             "ISearchArgument": {
               "location": "local"
@@ -844,6 +844,23 @@ export class EzSearch {
           "text": "Carrega as op\u00E7\u00F5es dinamicamente."
         }
       },
+      "contextProperties": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Propriedades de contexto da aplica\u00E7\u00E3o."
+        },
+        "attribute": "context-properties",
+        "reflect": false
+      },
       "showSelectedValue": {
         "type": "boolean",
         "mutable": false,
@@ -1026,24 +1043,6 @@ export class EzSearch {
         "reflect": false,
         "defaultValue": "false"
       },
-      "noMargin": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Quando verdadeiro, o campo n\u00E3o ter\u00E1 espa\u00E7amento externo."
-        },
-        "attribute": "no-margin",
-        "reflect": false,
-        "defaultValue": "false"
-      },
       "options": {
         "type": "unknown",
         "mutable": true,

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

@@ -1,16 +1,17 @@
 .skeleton {
-	box-sizing: border-box;
-	outline: none;
-	overflow: hidden;
-	position: relative;
-
-	background:var(--skeleton-background,  #eff1f6) no-repeat;
+	background: var(--skeleton-background, #eff1f6) no-repeat;
 
 	border-radius: var(--skeleton-border-radius, 4px);
 	width: var(--skeleton-width, 100%);
 	height: var(--skeleton-height, 20px);
 	display: inline-block;
-	margin-bottom: var(--skeleton-margin-bottom, 0px);
+	margin-bottom: var(--skeleton-margin-bottom, 0px);	
+	box-sizing: border-box;
+	outline: none;
+	overflow: hidden;
+	position: relative;
+	-webkit-will-change: transform;
+  -moz-will-change: transform;
 	will-change: transform;
 
 	&:after,
@@ -31,29 +32,31 @@
 
 	&.progress,
 	&.progress-dark {
+		-webkit-animation: progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
+    -moz-animation: progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
+    -ms-animation: progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
 		animation: progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
 		background-size: 200px 100%;
 	}
 
 	&.progress {
-		background-image: linear-gradient(
-			90deg,
-			rgba(255, 255, 255, 0),
-			rgba(255, 255, 255, 0.6),
-			rgba(255, 255, 255, 0)
-		);
+		background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
+    background-image: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
+    background-image: -ms-linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
+    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
 	}
 
 	&.progress-dark {
-		background-image: linear-gradient(
-			90deg,
-			transparent,
-			rgba(0, 0, 0, 0.2),
-			transparent
-		);
+		background-image: -webkit-linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.2), transparent);
+    background-image: -moz-linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.2), transparent);
+    background-image: -ms-linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.2), transparent);    
+		background-image: linear-gradient(90deg,transparent,rgba(0, 0, 0, 0.2),transparent);
 	}
 
 	&.pulse {
+		-webkit-animation: pulse 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
+    -moz-animation: pulse 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
+    -ms-animation: pulse 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
 		animation: pulse 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
 		animation-delay: 0.5s;
 	}
@@ -72,23 +75,40 @@
 	}
 }
 
+@-webkit-keyframes progress {
+  0% { background-position: -200px 0; }
+  100% { background-position: calc(200px + 100%) 0; }
+}
+@-moz-keyframes progress {
+  0% { background-position: -200px 0; }
+  100% { background-position: calc(200px + 100%) 0; }
+}
+@-ms-keyframes progress {
+  0% { background-position: -200px 0; }
+  100% { background-position: calc(200px + 100%) 0; }
+}
 @keyframes progress {
-	0% {
-		background-position: -200px 0;
-	}
-	100% {
-		background-position: calc(200px + 100%) 0;
-	}
+	0% { background-position: -200px 0; }
+	100% { background-position: calc(200px + 100%) 0; }
 }
 
+@-webkit-keyframes pulse {
+  0% { opacity: 1; }
+  50% { opacity: 0.4; }
+  100% { opacity: 1; }
+}
+@-moz-keyframes pulse {
+  0% { opacity: 1; }
+  50% { opacity: 0.4; }
+  100% { opacity: 1; }
+}
+@-ms-keyframes pulse {
+  0% { opacity: 1; }
+  50% { opacity: 0.4; }
+  100% { opacity: 1; }
+}
 @keyframes pulse {
-	0% {
-		opacity: 1;
-	}
-	50% {
-		opacity: 0.4;
-	}
-	100% {
-		opacity: 1;
-	}
+	0% { opacity: 1; }
+	50% { opacity: 0.4; }
+	100% { opacity: 1; }
 }

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

@@ -12,13 +12,15 @@ export class SplitItem {
    * Alterna a visibilidade do painel.
    */
   toggleExpandItem() {
+    var _a, _b;
     this._expanded = !this._expanded;
+    (_b = (_a = this.expandButtonRef.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('button')) === null || _b === void 0 ? void 0 : _b.blur();
   }
   componentDidLoad() {
     CSSVarsUtils.applyVarsGrid(this._element, this._slot.children[0]);
   }
   render() {
-    return (h(Host, { class: `box_split-item ${this._expanded ? 'expanded__item' : ''} ${this.structural ? 'structural__item' : 'content__item'}`, ref: el => (this._element = el) }, h("div", { class: "ez-split-item--header" }, h("slot", { name: "leftButtons" }), h("div", { class: "ez-split-item--header-title" }, this.label && (h("h3", { class: "ez-text ez-text--primary ez-title ez-title--small ez-margin--small", title: this.label }, this.label))), h("div", { class: "ez-split-item--header-buttons" }, h("slot", { name: "rightButtons" }), this.enableExpand && (h("ez-button", { size: "small", mode: "icon", iconName: "expand", class: 'ez-button--tertiary', onClick: () => this.toggleExpandItem(), title: this._expanded ? 'Resumir' : 'Expandir' })))), h("div", { class: "ez-split-item--content grid_height-0", ref: el => (this._slot = el) }, h("slot", null))));
+    return (h(Host, { class: `box_split-item ${this._expanded ? 'expanded__item' : ''} ${this.structural ? 'structural__item' : 'content__item'}`, ref: el => (this._element = el) }, h("div", { class: "ez-split-item--header" }, h("slot", { name: "leftButtons" }), h("div", { class: "ez-split-item--header-title" }, this.label && (h("h3", { class: "ez-text ez-text--primary ez-title ez-title--small ez-margin--small", title: this.label }, this.label))), h("div", { class: "ez-split-item--header-buttons" }, h("slot", { name: "rightButtons" }), this.enableExpand && (h("ez-button", { ref: el => this.expandButtonRef = el, size: "small", mode: "icon", iconName: "expand", class: 'ez-button--tertiary', onClick: () => this.toggleExpandItem(), title: this._expanded ? 'Resumir' : 'Expandir' })))), h("div", { class: "ez-split-item--content grid_height-0", ref: el => (this._slot = el) }, h("slot", null))));
   }
   static get is() { return "ez-split-item"; }
   static get originalStyleUrls() {