@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-75210.0 → 0.0.0-bugfix-dev-KB-80932.0

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

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;
@@ -416,7 +417,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 +484,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;
     }
@@ -820,8 +821,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 +845,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,

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-text-area/ez-text-area.css

@@ -84,6 +84,7 @@ textarea {
   width: 100%;
   padding: 0;
   background: none;
+  min-height: 42px;
 
   /*public*/
   font-weight: var(--text-area--font-weight);
@@ -144,6 +145,9 @@ textarea::-webkit-scrollbar-thumb:horizontal:active {
 .textarea {
   /*private*/
   width: 100%;
+  min-height: 42px;
+  max-width: 100%;
+
   box-sizing: border-box;
   padding-left: var(--space--medium);
   padding-right: var(--space--extra-small);
@@ -163,7 +167,7 @@ textarea::-webkit-scrollbar-thumb:horizontal:active {
 }
 
 .textarea--resizable {
-  resize: both;
+  resize: vertical;
 }
 
 .textarea--focus {

package/dist/collection/components/ez-text-area/ez-text-area.js

@@ -11,7 +11,7 @@ export class EzTextArea {
     this.rows = 4;
     this.canShowError = true;
     this.mode = "regular";
-    this.enableResize = false;
+    this.enableResize = true;
     this.autoRows = false;
     this.autoFocus = false;
   }
@@ -371,7 +371,7 @@ export class EzTextArea {
         },
         "attribute": "enable-resize",
         "reflect": true,
-        "defaultValue": "false"
+        "defaultValue": "true"
       },
       "autoRows": {
         "type": "boolean",

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

@@ -274,7 +274,7 @@ export class EzTree {
       :
         this._tree.getChildren().map(node => {
           var _a;
-          return h(TreeItem, { selectedId: (_a = this.value) === null || _a === void 0 ? void 0 : _a.id, node: node, itemClick: this._onItemClick, iconClick: this._onIconClick, iconResolver: this.iconResolver, tooltipResolver: this.tooltipResolver || defaultTooltipResolver, itemsList: this._visibleItems });
+          return h(TreeItem, { selectedId: (_a = this.value) === null || _a === void 0 ? void 0 : _a.id, node: node, itemClick: this._onItemClick, iconClick: this._onIconClick, iconResolver: this.iconResolver, tooltipResolver: this.tooltipResolver || defaultTooltipResolver, itemsList: this._visibleItems, itemDoubleClick: (item) => this.ezDbClickItem.emit(item) });
         })));
   }
   static get is() { return "ez-tree"; }
@@ -442,6 +442,26 @@ export class EzTree {
             }
           }
         }
+      }, {
+        "method": "ezDbClickItem",
+        "name": "ezDbClickItem",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido ao dar clique duplo em um item da \u00E1rvore."
+        },
+        "complexType": {
+          "original": "ITreeItem",
+          "resolved": "ITreeItem",
+          "references": {
+            "ITreeItem": {
+              "location": "import",
+              "path": "./interfaces/ITreeItem"
+            }
+          }
+        }
       }];
   }
   static get methods() {

package/dist/collection/components/ez-tree/subcomponents/TreeItem.js

@@ -1,7 +1,7 @@
 import { ElementIDUtils } from "@sankhyalabs/core";
 import { h } from "@stencil/core";
 export const TreeItem = (props) => {
-  const { node, selectedId, itemClick, iconClick, iconResolver, tooltipResolver, itemsList } = props;
+  const { node, selectedId, itemClick, iconClick, iconResolver, tooltipResolver, itemsList, itemDoubleClick } = props;
   if (!node.visible) {
     return;
   }
@@ -14,13 +14,13 @@ export const TreeItem = (props) => {
   if (available) {
     itemsList.push(treeItem);
   }
-  return (h("ul", { class: level === 1 ? "first-level" : undefined }, h("li", Object.assign({ title: tooltipResolver(treeItem, !disabled, level), class: `tree-item ${treeItem.id !== selectedId ? "tree-item-error" : ""}`, onClick: () => available && itemClick(treeItem) }, {
+  return (h("ul", { class: level === 1 ? "first-level" : undefined }, h("li", Object.assign({ title: tooltipResolver(treeItem, !disabled, level), class: `tree-item ${treeItem.id !== selectedId ? "tree-item-error" : ""}`, onClick: () => available && itemClick(treeItem), onDblClick: () => available && itemDoubleClick(treeItem) }, {
     disabled,
     selected: treeItem.id === selectedId,
     [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: ElementIDUtils.getInternalIDInfo(`ezTreeItem_${treeItem.id}`)
   }), h("div", { class: "item-label-container" }, h("div", { class: "item-icon-box" }, expandable &&
     h("ez-icon", { id: treeItem.id, class: "item-icon", size: "small", iconName: iconResolver(treeItem, expanded, level), onClick: () => available && iconClick(treeItem) })), h("label", { class: `item-label ${treeItem.bold ? "item-label--bold" : ""}` }, treeItem.label)), getBadgeElement(treeItem.id, treeItem.badge, treeItem.id === selectedId)), expanded
-    && node.getChildren().map(child => h(TreeItem, { selectedId: selectedId, node: child, itemClick: itemClick, iconClick: iconClick, level: level + 1, iconResolver: iconResolver, tooltipResolver: tooltipResolver, itemsList: itemsList }))));
+    && node.getChildren().map(child => h(TreeItem, { selectedId: selectedId, node: child, itemClick: itemClick, iconClick: iconClick, level: level + 1, iconResolver: iconResolver, tooltipResolver: tooltipResolver, itemsList: itemsList, itemDoubleClick: itemDoubleClick }))));
 };
 function getBadgeElement(itemId, badge, isSelectedItem) {
   if (badge == undefined) {

package/dist/collection/utils/form/DataBinder.js

@@ -231,8 +231,8 @@ export default class DataBinder {
     if (field.nodeName === "EZ-SEARCH" && field["optionLoader"] == undefined) {
       const loader = ApplicationContext.getContextValue("__EZUI__SEARCH__OPTION__LOADER__");
       if (loader) {
-        field["optionLoader"] = (arg) => {
-          return loader(arg, fieldName, this._dataUnit);
+        field["optionLoader"] = (arg, ctxOptions) => {
+          return loader(arg, fieldName, this._dataUnit, ctxOptions);
         };
       }
     }