@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-46510.0 → 0.0.0-bugfix-dev-KB-49747.0

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

@@ -19,6 +19,12 @@ export class EzPopup {
   observeConfig() {
     this.manageOverflow();
   }
+  handleKeyDown(event) {
+    if (event.key === 'Escape' || event.key === 'Esc')
+      this.opened = false;
+    if (event.key === 'Enter')
+      this.ezPopupAction.emit("OK");
+  }
   manageOverflow() {
     if (this.opened) {
       window.document.body.style.overflow = "hidden";
@@ -162,13 +168,28 @@ export class EzPopup {
         "composed": true,
         "docs": {
           "tags": [],
-          "text": "Emitido ao clicar no bot\u00E3o de fechar (onEzClosePopup)."
+          "text": "Evento emitido ao clicar no bot\u00E3o de fechar (onEzClosePopup)."
         },
         "complexType": {
           "original": "any",
           "resolved": "any",
           "references": {}
         }
+      }, {
+        "method": "ezPopupAction",
+        "name": "ezPopupAction",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Evento emitido ao clicar no bot\u00E3o de fechar (ezPopupAction = OK)"
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
       }];
   }
   static get watchers() {
@@ -177,4 +198,13 @@ export class EzPopup {
         "methodName": "observeConfig"
       }];
   }
+  static get listeners() {
+    return [{
+        "name": "keydown",
+        "method": "handleKeyDown",
+        "target": "window",
+        "capture": false,
+        "passive": false
+      }];
+  }
 }

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

@@ -5,9 +5,9 @@ import { ApplicationUtils } from "../../utils";
 import { REQUIRED_INFO } from "../../utils/constants";
 export class EzSearch {
   constructor() {
-    this._changeDeboucingTimeout = null;
-    this._limitCharsToSearch = 3;
-    this._deboucingTime = 300;
+    this._changeDebouncingTimeout = null;
+    this._limitCharsToSearch = 2;
+    this._debouncingTime = 300;
     this._maxWidthValue = 0;
     this._tabPressed = false;
     this._textEmptyList = "Nenhum resultado encontrado";
@@ -380,7 +380,7 @@ export class EzSearch {
     else {
       window.setTimeout(() => {
         this.setInputValue();
-      }, this._deboucingTime);
+      }, this._debouncingTime);
     }
     this.resetOptions();
   }
@@ -554,9 +554,9 @@ export class EzSearch {
     var _a;
     this.clearDeboucingTimeout();
     if (this._startLoading) {
-      this._changeDeboucingTimeout = window.setTimeout(() => {
+      this._changeDebouncingTimeout = window.setTimeout(() => {
         this.onTextInputChangeHandler(event);
-      }, this._deboucingTime);
+      }, this._debouncingTime);
       return;
     }
     const argument = (_a = event.target.value) === null || _a === void 0 ? void 0 : _a.trim();
@@ -570,9 +570,9 @@ export class EzSearch {
       this.clearSource();
       if (!isNaN(argumentNumber) || argument.length >= this._limitCharsToSearch) {
         this._showLoading = true;
-        this._changeDeboucingTimeout = window.setTimeout(() => {
+        this._changeDebouncingTimeout = window.setTimeout(() => {
           this.loadOptions(SearchMode.PREDICTIVE, isNaN(argumentNumber) ? argument : argumentNumber.toString());
-        }, this._deboucingTime);
+        }, this._debouncingTime);
         this.showOptions();
       }
       else {
@@ -586,9 +586,9 @@ export class EzSearch {
     }
   }
   clearDeboucingTimeout() {
-    if (this._changeDeboucingTimeout) {
-      window.clearTimeout(this._changeDeboucingTimeout);
-      this._changeDeboucingTimeout = null;
+    if (this._changeDebouncingTimeout) {
+      window.clearTimeout(this._changeDebouncingTimeout);
+      this._changeDebouncingTimeout = null;
     }
   }
   keyDownHandler(event) {
@@ -639,6 +639,7 @@ export class EzSearch {
   }
   render() {
     var _a;
+    console.log(this.optionLoader);
     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 }, h("button", { class: "btn", slot: "leftIcon", disabled: !this.enabled, tabindex: -1, onClick: () => this.handlerIconClick() }, h("ez-icon", { iconName: "search" })), ((_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value) && (this._criteria || this.value)
       ? h("button", { class: "btn btn__close", slot: "rightIcon", disabled: !this.enabled, tabindex: -1, onClick: () => this.clearSearch() }, h("ez-icon", { iconName: "close" }))

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

@@ -4,12 +4,24 @@ import Split from 'split-grid';
 export class SplitPanel {
   constructor() {
     this._items = [];
+    this._buildInProgress = false;
     this.direction = 'column';
     this.anchorToExpand = false;
   }
-  componentDidLoad() {
+  rebuildLayout() {
+    Array.from(this._element.querySelectorAll(".ez-split-gutter")).reverse().forEach(el => {
+      el.remove();
+    });
+    Array.from(this._element.getElementsByTagName("EzSplitPanel")).reverse().forEach(el => {
+      el['rebuildLayout']();
+    });
+    this.buildItems();
+    this.initSplit();
+  }
+  buildItems() {
     this._panelID = StringUtils.generateUUID();
     this._element.dataset.panelId = this._panelID;
+    this._element.dataset.uniqueId = "EzSplitPanel";
     let itemsElements = Array.from(this._element.children);
     this._items = itemsElements.filter(child => { var _a; return ((_a = child.tagName) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === 'EZ-SPLIT-ITEM'; });
     let trackCount = 1;
@@ -20,7 +32,30 @@ export class SplitPanel {
       }
       trackCount += 2;
     });
+  }
+  componentDidLoad() {
+    this.buildItems();
     this.initSplit();
+    this._mutationObserver = new MutationObserver((mutationsList) => {
+      for (const mutation of mutationsList) {
+        if (mutation.type === 'childList' && this._buildInProgress === false) {
+          this._buildInProgress = true;
+          window.requestAnimationFrame(() => {
+            this.rebuildLayout();
+          });
+          window.requestAnimationFrame(() => this._buildInProgress = false);
+          break;
+        }
+      }
+    });
+    // Configure o observer para observar mudanças nos filhos
+    this._mutationObserver.observe(this._element, { childList: true, subtree: false });
+  }
+  disconnectedCallback() {
+    //disconect o _mutationObserver
+    if (this._mutationObserver != undefined) {
+      this._mutationObserver.disconnect();
+    }
   }
   initSplit() {
     if (!this._items.length) {
@@ -139,5 +174,21 @@ export class SplitPanel {
       }
     };
   }
+  static get methods() {
+    return {
+      "rebuildLayout": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {},
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      }
+    };
+  }
   static get elementRef() { return "_element"; }
 }

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

@@ -6,7 +6,7 @@
 
   /* Container */
   /*@doc Define a camada em que o container será exibido.*/
-  --ez-toast__container--z-index: var(--most-visible, 3);
+  --ez-toast__container--z-index: var(--elevation--100, 100);
   /*@doc Define a cor de fundo do container.*/
   --ez-toast__container--background-color: var(--color--secondary, #383c45);
   /*@doc Define a posição esquerda do container.*/

package/dist/custom-elements/index.js

@@ -123800,7 +123800,7 @@ class DataSource {
           this._waitingForLoad = false;
           this.callbackGetRows(this._lastLoadingParams);
           if (this._options) {
-            this._options.onPaginationChange(this._dataUnit.getPaginationInfo());
+            this._options.onPaginationChange(this._dataUnit.getPaginationInfo(), action.payload.selectFirstRecord);
           }
           this.updateSelection();
           break;
@@ -123911,8 +123911,8 @@ class EzGridCustomHeader {
           </div>
           <div id='ez-header-container' class='ez-flex ez-flex--justify-between ag-header-cell-text'>
             <span class='ag-header-cell-text'>${this.params.displayName}</span>
-            <i id='ez-grid-sort-icon-down' class='ez-icon-arrow_downward' style='display: none;margin-left: 4px;font-size: var(--text--medium, 14px);align-self: center;'></i>
-            <i id='ez-grid-sort-icon-up' class='ez-icon-arrow_downward' style='display: none; transform: rotate(180deg);margin-left: 4px;font-size: var(--text--medium, 14px);align-self: center;'></i>
+            <i id='ez-grid-sort-icon-descendente' class='ez-icon-ordem-descendente' style='display: none;font-weight: 100;margin-left: 4px;font-size: var(--text--large, 14px);align-self: center;'></i>
+            <i id='ez-grid-sort-icon-ascendente' class='ez-icon-ordem-ascendente' style='display: none;font-weight: 100;margin-left: 4px;font-size: var(--text--large, 14px);align-self: center;'></i>
           </div>
     `;
     this.configMenuClick();
@@ -123941,8 +123941,8 @@ class EzGridCustomHeader {
   }
   configSortListener() {
     if (this.params.enableSorting) {
-      this.sortUpIcon = this.element.querySelector('#ez-grid-sort-icon-up');
-      this.sortDownIcon = this.element.querySelector('#ez-grid-sort-icon-down');
+      this.sortUpIcon = this.element.querySelector('#ez-grid-sort-icon-ascendente');
+      this.sortDownIcon = this.element.querySelector('#ez-grid-sort-icon-descendente');
       this.onSortChangedListener = this.configSortIcon.bind(this);
       this.params.column.addEventListener('sortChanged', this.onSortChangedListener);
       this.configSortIcon();
@@ -124779,7 +124779,7 @@ class AgGridController {
   }
   buildMenuItemOptionSort(params, sortOrder) {
     return {
-      icon: `<i class='ez-icon-arrow_downward'></i>`,
+      icon: sortOrder === 'asc' ? `<i class='ez-icon-ordem-ascendente'></i>` : `<i class='ez-icon-ordem-descendente'></i>`,
       name: sortOrder === 'asc' ? 'Ordenar Ascendente' : 'Ordenar Descendente',
       action: () => this.sortDataByColumn(params, sortOrder),
     };
@@ -125857,16 +125857,8 @@ const EzGrid$1 = class extends HTMLElement$1 {
     this._gridController.initDatagrid(this._container, {
       onColumnStateChange: (type, state, info) => this.onColumnStateChange(type, state, info),
       onSelectionChange: (selection) => this.ezSelectionChange.emit(selection),
-      onPaginationChange: (paginationInfo) => {
-        var _a;
-        if (((_a = this._paginationInfo) === null || _a === void 0 ? void 0 : _a.currentPage) > (paginationInfo === null || paginationInfo === void 0 ? void 0 : paginationInfo.currentPage) && this._paginationChangedByKeyboard) {
-          this._gridController.setFocusLastRow();
-        }
-        else {
-          this._gridController.setFocusFirstRow();
-          this._paginationChangedByKeyboard = true;
-        }
-        this._paginationInfo = paginationInfo;
+      onPaginationChange: (paginationInfo, selectFirstRecord) => {
+        this.handlePaginationChange(selectFirstRecord, paginationInfo);
       },
       onPaginationUpdate: (paginationInfo) => {
         this._paginationInfo = paginationInfo;
@@ -125894,6 +125886,19 @@ const EzGrid$1 = class extends HTMLElement$1 {
     this._gridController.configFilterColumn(this._filterColumn);
     this._initHeaderOverflowWatcher();
   }
+  handlePaginationChange(selectFirstRecord, paginationInfo) {
+    var _a;
+    if (selectFirstRecord !== false) {
+      if (((_a = this._paginationInfo) === null || _a === void 0 ? void 0 : _a.currentPage) > (paginationInfo === null || paginationInfo === void 0 ? void 0 : paginationInfo.currentPage) && this._paginationChangedByKeyboard) {
+        this._gridController.setFocusLastRow();
+      }
+      else {
+        this._gridController.setFocusFirstRow();
+        this._paginationChangedByKeyboard = true;
+      }
+    }
+    this._paginationInfo = paginationInfo;
+  }
   _getActualPageLabel() {
     const { firstRecord, lastRecord } = this._paginationInfo;
     return `${firstRecord}-${lastRecord}`;
@@ -126794,6 +126799,12 @@ const EzModalContainer$1 = class extends HTMLElement$1 {
     this.cancelButtonStatus = undefined;
     this.okButtonStatus = undefined;
   }
+  handleKeyDown(event) {
+    if (event.key === 'Escape' || event.key === 'Esc')
+      this.ezModalAction.emit(ModalAction$1.CANCEL);
+    if (event.key === 'Enter')
+      this.ezModalAction.emit(ModalAction$1.OK);
+  }
   cancelIsVisible() {
     return (this.cancelButtonStatus !== ModalButtonStatus$1.HIDDEN && this.cancelButtonLabel != undefined);
   }
@@ -127334,6 +127345,7 @@ const EzPopup$1 = class extends HTMLElement$1 {
     this.__registerHost();
     this.__attachShadow();
     this.ezClosePopup = createEvent(this, "ezClosePopup", 7);
+    this.ezPopupAction = createEvent(this, "ezPopupAction", 7);
     this._sizeClasses = {
       "x-small": "col--sd-3 ez-popup__size-limit--x-small",
       "small": "col--sd-5",
@@ -127351,6 +127363,12 @@ const EzPopup$1 = class extends HTMLElement$1 {
   observeConfig() {
     this.manageOverflow();
   }
+  handleKeyDown(event) {
+    if (event.key === 'Escape' || event.key === 'Esc')
+      this.opened = false;
+    if (event.key === 'Enter')
+      this.ezPopupAction.emit("OK");
+  }
   manageOverflow() {
     if (this.opened) {
       window.document.body.style.overflow = "hidden";
@@ -127627,9 +127645,9 @@ const EzSearch$1 = class extends HTMLElement$1 {
     this.__registerHost();
     this.__attachShadow();
     this.ezChange = createEvent(this, "ezChange", 7);
-    this._changeDeboucingTimeout = null;
-    this._limitCharsToSearch = 3;
-    this._deboucingTime = 300;
+    this._changeDebouncingTimeout = null;
+    this._limitCharsToSearch = 2;
+    this._debouncingTime = 300;
     this._maxWidthValue = 0;
     this._tabPressed = false;
     this._textEmptyList = "Nenhum resultado encontrado";
@@ -128002,7 +128020,7 @@ const EzSearch$1 = class extends HTMLElement$1 {
     else {
       window.setTimeout(() => {
         this.setInputValue();
-      }, this._deboucingTime);
+      }, this._debouncingTime);
     }
     this.resetOptions();
   }
@@ -128176,9 +128194,9 @@ const EzSearch$1 = class extends HTMLElement$1 {
     var _a;
     this.clearDeboucingTimeout();
     if (this._startLoading) {
-      this._changeDeboucingTimeout = window.setTimeout(() => {
+      this._changeDebouncingTimeout = window.setTimeout(() => {
         this.onTextInputChangeHandler(event);
-      }, this._deboucingTime);
+      }, this._debouncingTime);
       return;
     }
     const argument = (_a = event.target.value) === null || _a === void 0 ? void 0 : _a.trim();
@@ -128192,9 +128210,9 @@ const EzSearch$1 = class extends HTMLElement$1 {
       this.clearSource();
       if (!isNaN(argumentNumber) || argument.length >= this._limitCharsToSearch) {
         this._showLoading = true;
-        this._changeDeboucingTimeout = window.setTimeout(() => {
+        this._changeDebouncingTimeout = window.setTimeout(() => {
           this.loadOptions(SearchMode.PREDICTIVE, isNaN(argumentNumber) ? argument : argumentNumber.toString());
-        }, this._deboucingTime);
+        }, this._debouncingTime);
         this.showOptions();
       }
       else {
@@ -128208,9 +128226,9 @@ const EzSearch$1 = class extends HTMLElement$1 {
     }
   }
   clearDeboucingTimeout() {
-    if (this._changeDeboucingTimeout) {
-      window.clearTimeout(this._changeDeboucingTimeout);
-      this._changeDeboucingTimeout = null;
+    if (this._changeDebouncingTimeout) {
+      window.clearTimeout(this._changeDebouncingTimeout);
+      this._changeDebouncingTimeout = null;
     }
   }
   keyDownHandler(event) {
@@ -128261,6 +128279,7 @@ const EzSearch$1 = class extends HTMLElement$1 {
   }
   render() {
     var _a;
+    console.log(this.optionLoader);
     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 }, h("button", { class: "btn", slot: "leftIcon", disabled: !this.enabled, tabindex: -1, onClick: () => this.handlerIconClick() }, h("ez-icon", { iconName: "search" })), ((_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value) && (this._criteria || this.value)
       ? h("button", { class: "btn btn__close", slot: "rightIcon", disabled: !this.enabled, tabindex: -1, onClick: () => this.clearSearch() }, h("ez-icon", { iconName: "close" }))
@@ -129221,12 +129240,24 @@ const SplitPanel = class extends HTMLElement$1 {
     super();
     this.__registerHost();
     this._items = [];
+    this._buildInProgress = false;
     this.direction = 'column';
     this.anchorToExpand = false;
   }
-  componentDidLoad() {
+  rebuildLayout() {
+    Array.from(this._element.querySelectorAll(".ez-split-gutter")).reverse().forEach(el => {
+      el.remove();
+    });
+    Array.from(this._element.getElementsByTagName("EzSplitPanel")).reverse().forEach(el => {
+      el['rebuildLayout']();
+    });
+    this.buildItems();
+    this.initSplit();
+  }
+  buildItems() {
     this._panelID = StringUtils$1.generateUUID();
     this._element.dataset.panelId = this._panelID;
+    this._element.dataset.uniqueId = "EzSplitPanel";
     let itemsElements = Array.from(this._element.children);
     this._items = itemsElements.filter(child => { var _a; return ((_a = child.tagName) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === 'EZ-SPLIT-ITEM'; });
     let trackCount = 1;
@@ -129237,7 +129268,30 @@ const SplitPanel = class extends HTMLElement$1 {
       }
       trackCount += 2;
     });
+  }
+  componentDidLoad() {
+    this.buildItems();
     this.initSplit();
+    this._mutationObserver = new MutationObserver((mutationsList) => {
+      for (const mutation of mutationsList) {
+        if (mutation.type === 'childList' && this._buildInProgress === false) {
+          this._buildInProgress = true;
+          window.requestAnimationFrame(() => {
+            this.rebuildLayout();
+          });
+          window.requestAnimationFrame(() => this._buildInProgress = false);
+          break;
+        }
+      }
+    });
+    // Configure o observer para observar mudanças nos filhos
+    this._mutationObserver.observe(this._element, { childList: true, subtree: false });
+  }
+  disconnectedCallback() {
+    //disconect o _mutationObserver
+    if (this._mutationObserver != undefined) {
+      this._mutationObserver.disconnect();
+    }
   }
   initSplit() {
     if (!this._items.length) {
@@ -130205,7 +130259,7 @@ const EzTimeInput$1 = class extends HTMLElement$1 {
   static get style() { return ezTimeInputCss; }
 };
 
-const ezToastCss = ":host{--ez-toast__btn__close__image:url('data:image/svg+xml;utf8,<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" xmlns=\"http://www.w3.org/2000/svg%22%3E<path d=\"M 7.0060773,5.995511 11.461972,1.5397722 c 0.132856,-0.1328413 0.207547,-0.3130253 0.207547,-0.5009046 0,-0.18786999 -0.07469,-0.3680541 -0.207547,-0.5009048 -0.132857,-0.13284126 -0.31302,-0.20748126 -0.500927,-0.20748126 -0.187812,0 -0.36807,0.07464 -0.500926,0.20748126 L 6.0042244,4.9937015 1.5482921,0.5379628 C 1.4154357,0.40512154 1.2352533,0.33048154 1.0473657,0.33048154 c -0.18787813,0 -0.36807,0.07464 -0.50092647,0.20748126 -0.13285646,0.1328507 -0.20749026,0.31303481 -0.20749026,0.5009048 0,0.1878793 0.0746338,0.3680633 0.20749026,0.5009046 L 5.0023715,5.995511 0.54643923,10.452213 c -0.0676086,0.06534 -0.12151598,0.14352 -0.15859681,0.229916 -0.0370714,0.08639 -0.0565645,0.1794 -0.0573369,0.27335 -7.724e-4,0.09404 0.0171873,0.187331 0.0528423,0.274293 0.0356455,0.08705 0.0882688,0.166087 0.15479148,0.23256 0.0665321,0.06648 0.14562277,0.11897 0.2326735,0.154567 0.0870507,0.0356 0.18031463,0.05344 0.2743433,0.05259 0.094029,-8.5e-4 0.1869528,-0.02049 0.2733331,-0.0576 0.08639,-0.0372 0.1645078,-0.09121 0.2298029,-0.158817 L 6.0042244,6.9973204 10.460119,11.453078 c 0.132856,0.132851 0.313114,0.207444 0.500926,0.207444 0.187907,0 0.36807,-0.07459 0.500927,-0.207444 0.132856,-0.13285 0.207547,-0.313006 0.207547,-0.500904 0,-0.187898 -0.07469,-0.368054 -0.207547,-0.500905 z\"/></svg>');--ez-toast__container--z-index:var(--most-visible, 3);--ez-toast__container--background-color:var(--color--secondary, #383c45);--ez-toast__container--left:var(--space--large, 24px);--ez-toast__container--bottom:var(--space--large, 24px);--ez-toast__container--width:400px;--ez-toast__icon--padding-left:var(--space--small, 6px)}.toast__container{position:fixed;display:flex;box-sizing:border-box;border-radius:6px;align-items:center;padding:12px;visibility:hidden;width:var(--ez-toast__container--width);left:var(--ez-toast__container--left);bottom:var(--ez-toast__container--bottom);z-index:var(--ez-toast__container--z-index);background-color:var(--ez-toast__container--background-color)}.message__container{text-shadow:0 0 0 #353535, 0 0 1px transparent;color:#FFFFFF;font-size:14px;width:90%;overflow:hidden;hyphens:auto;height:auto;-webkit-box-orient:vertical;-webkit-line-clamp:4;display:-webkit-box;text-overflow:ellipsis;font-family:var(--font-pattern, \"Roboto\")}.message__container--icon{width:80%;padding-left:var(--ez-toast__icon--padding-left)}.btn-close{margin-top:3px;display:flex;justify-content:flex-end;align-self:flex-start;padding:0;outline:none;width:10%;border:none;background-color:unset;cursor:pointer}.btn-close::after{content:'';display:flex;background-color:#FFFFFF;width:12px;height:12px;-webkit-mask-image:var(--ez-toast__btn__close__image);mask-image:var(--ez-toast__btn__close__image)}.toast__container--opened{animation:fadein 0.5s, fadeout 0.5s 3s;visibility:visible}@-webkit-keyframes fadein{from{opacity:0;left:calc(var(--ez-toast__container--left) * -1)}to{opacity:1;left:var(--ez-toast__container--left)}}@keyframes fadein{from{opacity:0;left:calc(var(--ez-toast__container--left) * -1)}to{opacity:1;left:var(--ez-toast__container--left)}}@-webkit-keyframes fadeout{from{opacity:1;left:var(--ez-toast__container--left)}to{bottom:0;opacity:0}}@keyframes fadeout{from{opacity:1;left:var(--ez-toast__container--left)}to{bottom:0;opacity:0}}";
+const ezToastCss = ":host{--ez-toast__btn__close__image:url('data:image/svg+xml;utf8,<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" xmlns=\"http://www.w3.org/2000/svg%22%3E<path d=\"M 7.0060773,5.995511 11.461972,1.5397722 c 0.132856,-0.1328413 0.207547,-0.3130253 0.207547,-0.5009046 0,-0.18786999 -0.07469,-0.3680541 -0.207547,-0.5009048 -0.132857,-0.13284126 -0.31302,-0.20748126 -0.500927,-0.20748126 -0.187812,0 -0.36807,0.07464 -0.500926,0.20748126 L 6.0042244,4.9937015 1.5482921,0.5379628 C 1.4154357,0.40512154 1.2352533,0.33048154 1.0473657,0.33048154 c -0.18787813,0 -0.36807,0.07464 -0.50092647,0.20748126 -0.13285646,0.1328507 -0.20749026,0.31303481 -0.20749026,0.5009048 0,0.1878793 0.0746338,0.3680633 0.20749026,0.5009046 L 5.0023715,5.995511 0.54643923,10.452213 c -0.0676086,0.06534 -0.12151598,0.14352 -0.15859681,0.229916 -0.0370714,0.08639 -0.0565645,0.1794 -0.0573369,0.27335 -7.724e-4,0.09404 0.0171873,0.187331 0.0528423,0.274293 0.0356455,0.08705 0.0882688,0.166087 0.15479148,0.23256 0.0665321,0.06648 0.14562277,0.11897 0.2326735,0.154567 0.0870507,0.0356 0.18031463,0.05344 0.2743433,0.05259 0.094029,-8.5e-4 0.1869528,-0.02049 0.2733331,-0.0576 0.08639,-0.0372 0.1645078,-0.09121 0.2298029,-0.158817 L 6.0042244,6.9973204 10.460119,11.453078 c 0.132856,0.132851 0.313114,0.207444 0.500926,0.207444 0.187907,0 0.36807,-0.07459 0.500927,-0.207444 0.132856,-0.13285 0.207547,-0.313006 0.207547,-0.500904 0,-0.187898 -0.07469,-0.368054 -0.207547,-0.500905 z\"/></svg>');--ez-toast__container--z-index:var(--elevation--100, 100);--ez-toast__container--background-color:var(--color--secondary, #383c45);--ez-toast__container--left:var(--space--large, 24px);--ez-toast__container--bottom:var(--space--large, 24px);--ez-toast__container--width:400px;--ez-toast__icon--padding-left:var(--space--small, 6px)}.toast__container{position:fixed;display:flex;box-sizing:border-box;border-radius:6px;align-items:center;padding:12px;visibility:hidden;width:var(--ez-toast__container--width);left:var(--ez-toast__container--left);bottom:var(--ez-toast__container--bottom);z-index:var(--ez-toast__container--z-index);background-color:var(--ez-toast__container--background-color)}.message__container{text-shadow:0 0 0 #353535, 0 0 1px transparent;color:#FFFFFF;font-size:14px;width:90%;overflow:hidden;hyphens:auto;height:auto;-webkit-box-orient:vertical;-webkit-line-clamp:4;display:-webkit-box;text-overflow:ellipsis;font-family:var(--font-pattern, \"Roboto\")}.message__container--icon{width:80%;padding-left:var(--ez-toast__icon--padding-left)}.btn-close{margin-top:3px;display:flex;justify-content:flex-end;align-self:flex-start;padding:0;outline:none;width:10%;border:none;background-color:unset;cursor:pointer}.btn-close::after{content:'';display:flex;background-color:#FFFFFF;width:12px;height:12px;-webkit-mask-image:var(--ez-toast__btn__close__image);mask-image:var(--ez-toast__btn__close__image)}.toast__container--opened{animation:fadein 0.5s, fadeout 0.5s 3s;visibility:visible}@-webkit-keyframes fadein{from{opacity:0;left:calc(var(--ez-toast__container--left) * -1)}to{opacity:1;left:var(--ez-toast__container--left)}}@keyframes fadein{from{opacity:0;left:calc(var(--ez-toast__container--left) * -1)}to{opacity:1;left:var(--ez-toast__container--left)}}@-webkit-keyframes fadeout{from{opacity:1;left:var(--ez-toast__container--left)}to{bottom:0;opacity:0}}@keyframes fadeout{from{opacity:1;left:var(--ez-toast__container--left)}to{bottom:0;opacity:0}}";
 
 const EzToast$1 = class extends HTMLElement$1 {
   constructor() {
@@ -131547,11 +131601,11 @@ const EzIcon = /*@__PURE__*/proxyCustomElement(EzIcon$1, [1,"ez-icon",{"size":[5
 const EzList = /*@__PURE__*/proxyCustomElement(EzList$1, [1,"ez-list",{"dataSource":[1040],"listMode":[1,"list-mode"],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"itemLeftSlotBuilder":[1040],"hoverFeedback":[1028,"hover-feedback"],"_listItems":[32],"_listGroupItems":[32]}]);
 const EzLoadingBar = /*@__PURE__*/proxyCustomElement(EzLoadingBar$1, [1,"ez-loading-bar",{"_showLoading":[32]}]);
 const EzModal = /*@__PURE__*/proxyCustomElement(EzModal$1, [1,"ez-modal",{"modalSize":[1,"modal-size"],"align":[1],"heightMode":[1,"height-mode"],"opened":[1028],"closeEsc":[4,"close-esc"],"closeOutsideClick":[4,"close-outside-click"],"scrim":[1]}]);
-const EzModalContainer = /*@__PURE__*/proxyCustomElement(EzModalContainer$1, [6,"ez-modal-container",{"modalTitle":[1,"modal-title"],"modalSubTitle":[1,"modal-sub-title"],"showTitleBar":[4,"show-title-bar"],"cancelButtonLabel":[1,"cancel-button-label"],"okButtonLabel":[1,"ok-button-label"],"cancelButtonStatus":[1,"cancel-button-status"],"okButtonStatus":[1,"ok-button-status"]}]);
+const EzModalContainer = /*@__PURE__*/proxyCustomElement(EzModalContainer$1, [6,"ez-modal-container",{"modalTitle":[1,"modal-title"],"modalSubTitle":[1,"modal-sub-title"],"showTitleBar":[4,"show-title-bar"],"cancelButtonLabel":[1,"cancel-button-label"],"okButtonLabel":[1,"ok-button-label"],"cancelButtonStatus":[1,"cancel-button-status"],"okButtonStatus":[1,"ok-button-status"]},[[8,"keydown","handleKeyDown"]]]);
 const EzMultiSelectionList = /*@__PURE__*/proxyCustomElement(EzMuiltiSelectionList, [2,"ez-multi-selection-list",{"columnName":[1,"column-name"],"dataSource":[16],"useOptions":[1028,"use-options"],"options":[1040],"isTextSearch":[4,"is-text-search"],"filteredOptions":[32],"displayOptions":[32],"viewScenario":[32],"displayOptionToCheckAllItems":[32]}]);
 const EzNumberInput = /*@__PURE__*/proxyCustomElement(EzNumberInput$1, [1,"ez-number-input",{"label":[1],"value":[1538],"enabled":[4],"canShowError":[516,"can-show-error"],"errorMessage":[1537,"error-message"],"precision":[2],"prettyPrecision":[2,"pretty-precision"],"mode":[513]}]);
 const EzPopover = /*@__PURE__*/proxyCustomElement(EzPopover$1, [1,"ez-popover",{"autoClose":[516,"auto-close"],"boxWidth":[513,"box-width"],"opened":[1540],"innerElement":[1537,"inner-element"],"overlayType":[513,"overlay-type"]}]);
-const EzPopup = /*@__PURE__*/proxyCustomElement(EzPopup$1, [1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[516,"use-header"],"heightMode":[513,"height-mode"],"ezTitle":[1,"ez-title"]}]);
+const EzPopup = /*@__PURE__*/proxyCustomElement(EzPopup$1, [1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[516,"use-header"],"heightMode":[513,"height-mode"],"ezTitle":[1,"ez-title"]},[[8,"keydown","handleKeyDown"]]]);
 const EzRadioButton = /*@__PURE__*/proxyCustomElement(EzRadioButton$1, [1,"ez-radio-button",{"value":[1544],"options":[1040],"enabled":[516],"label":[513],"direction":[1537]}]);
 const EzScroller = /*@__PURE__*/proxyCustomElement(EzScroller$1, [1,"ez-scroller",{"direction":[1],"locked":[4],"activeShadow":[4,"active-shadow"],"isActive":[32]},[[2,"click","clickListener"],[1,"mousedown","mouseDownHandler"],[1,"mouseup","mouseUpHandler"],[1,"mousemove","mouseMoveHandler"]]]);
 const EzSearch = /*@__PURE__*/proxyCustomElement(EzSearch$1, [1,"ez-search",{"value":[1537],"label":[1537],"enabled":[1540],"errorMessage":[1537,"error-message"],"optionLoader":[16],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressEmptyOption":[4,"suppress-empty-option"],"mode":[513],"canShowError":[516,"can-show-error"],"hideErrorOnFocusOut":[4,"hide-error-on-focus-out"],"listOptionsPosition":[16],"isTextSearch":[4,"is-text-search"],"ignoreLimitCharsToSearch":[4,"ignore-limit-chars-to-search"],"options":[1040],"suppressSearch":[4,"suppress-search"],"_preSelection":[32],"_visibleOptions":[32],"_startLoading":[32],"_showLoading":[32],"_criteria":[32]},[[11,"scroll","scrollListener"]]]);

package/dist/esm/ez-grid.entry.js

@@ -118884,7 +118884,7 @@ class DataSource {
           this._waitingForLoad = false;
           this.callbackGetRows(this._lastLoadingParams);
           if (this._options) {
-            this._options.onPaginationChange(this._dataUnit.getPaginationInfo());
+            this._options.onPaginationChange(this._dataUnit.getPaginationInfo(), action.payload.selectFirstRecord);
           }
           this.updateSelection();
           break;
@@ -118995,8 +118995,8 @@ class EzGridCustomHeader {
           </div>
           <div id='ez-header-container' class='ez-flex ez-flex--justify-between ag-header-cell-text'>
             <span class='ag-header-cell-text'>${this.params.displayName}</span>
-            <i id='ez-grid-sort-icon-down' class='ez-icon-arrow_downward' style='display: none;margin-left: 4px;font-size: var(--text--medium, 14px);align-self: center;'></i>
-            <i id='ez-grid-sort-icon-up' class='ez-icon-arrow_downward' style='display: none; transform: rotate(180deg);margin-left: 4px;font-size: var(--text--medium, 14px);align-self: center;'></i>
+            <i id='ez-grid-sort-icon-descendente' class='ez-icon-ordem-descendente' style='display: none;font-weight: 100;margin-left: 4px;font-size: var(--text--large, 14px);align-self: center;'></i>
+            <i id='ez-grid-sort-icon-ascendente' class='ez-icon-ordem-ascendente' style='display: none;font-weight: 100;margin-left: 4px;font-size: var(--text--large, 14px);align-self: center;'></i>
           </div>
     `;
     this.configMenuClick();
@@ -119025,8 +119025,8 @@ class EzGridCustomHeader {
   }
   configSortListener() {
     if (this.params.enableSorting) {
-      this.sortUpIcon = this.element.querySelector('#ez-grid-sort-icon-up');
-      this.sortDownIcon = this.element.querySelector('#ez-grid-sort-icon-down');
+      this.sortUpIcon = this.element.querySelector('#ez-grid-sort-icon-ascendente');
+      this.sortDownIcon = this.element.querySelector('#ez-grid-sort-icon-descendente');
       this.onSortChangedListener = this.configSortIcon.bind(this);
       this.params.column.addEventListener('sortChanged', this.onSortChangedListener);
       this.configSortIcon();
@@ -119863,7 +119863,7 @@ class AgGridController {
   }
   buildMenuItemOptionSort(params, sortOrder) {
     return {
-      icon: `<i class='ez-icon-arrow_downward'></i>`,
+      icon: sortOrder === 'asc' ? `<i class='ez-icon-ordem-ascendente'></i>` : `<i class='ez-icon-ordem-descendente'></i>`,
       name: sortOrder === 'asc' ? 'Ordenar Ascendente' : 'Ordenar Descendente',
       action: () => this.sortDataByColumn(params, sortOrder),
     };
@@ -120940,16 +120940,8 @@ const EzGrid = class {
     this._gridController.initDatagrid(this._container, {
       onColumnStateChange: (type, state, info) => this.onColumnStateChange(type, state, info),
       onSelectionChange: (selection) => this.ezSelectionChange.emit(selection),
-      onPaginationChange: (paginationInfo) => {
-        var _a;
-        if (((_a = this._paginationInfo) === null || _a === void 0 ? void 0 : _a.currentPage) > (paginationInfo === null || paginationInfo === void 0 ? void 0 : paginationInfo.currentPage) && this._paginationChangedByKeyboard) {
-          this._gridController.setFocusLastRow();
-        }
-        else {
-          this._gridController.setFocusFirstRow();
-          this._paginationChangedByKeyboard = true;
-        }
-        this._paginationInfo = paginationInfo;
+      onPaginationChange: (paginationInfo, selectFirstRecord) => {
+        this.handlePaginationChange(selectFirstRecord, paginationInfo);
       },
       onPaginationUpdate: (paginationInfo) => {
         this._paginationInfo = paginationInfo;
@@ -120977,6 +120969,19 @@ const EzGrid = class {
     this._gridController.configFilterColumn(this._filterColumn);
     this._initHeaderOverflowWatcher();
   }
+  handlePaginationChange(selectFirstRecord, paginationInfo) {
+    var _a;
+    if (selectFirstRecord !== false) {
+      if (((_a = this._paginationInfo) === null || _a === void 0 ? void 0 : _a.currentPage) > (paginationInfo === null || paginationInfo === void 0 ? void 0 : paginationInfo.currentPage) && this._paginationChangedByKeyboard) {
+        this._gridController.setFocusLastRow();
+      }
+      else {
+        this._gridController.setFocusFirstRow();
+        this._paginationChangedByKeyboard = true;
+      }
+    }
+    this._paginationInfo = paginationInfo;
+  }
   _getActualPageLabel() {
     const { firstRecord, lastRecord } = this._paginationInfo;
     return `${firstRecord}-${lastRecord}`;

package/dist/esm/ez-modal-container.entry.js

@@ -31,6 +31,12 @@ const EzModalContainer = class {
     this.cancelButtonStatus = undefined;
     this.okButtonStatus = undefined;
   }
+  handleKeyDown(event) {
+    if (event.key === 'Escape' || event.key === 'Esc')
+      this.ezModalAction.emit(ModalAction$1.CANCEL);
+    if (event.key === 'Enter')
+      this.ezModalAction.emit(ModalAction$1.OK);
+  }
   cancelIsVisible() {
     return (this.cancelButtonStatus !== ModalButtonStatus$1.HIDDEN && this.cancelButtonLabel != undefined);
   }

package/dist/esm/ez-popup.entry.js

@@ -7,6 +7,7 @@ const EzPopup = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.ezClosePopup = createEvent(this, "ezClosePopup", 7);
+    this.ezPopupAction = createEvent(this, "ezPopupAction", 7);
     this._sizeClasses = {
       "x-small": "col--sd-3 ez-popup__size-limit--x-small",
       "small": "col--sd-5",
@@ -24,6 +25,12 @@ const EzPopup = class {
   observeConfig() {
     this.manageOverflow();
   }
+  handleKeyDown(event) {
+    if (event.key === 'Escape' || event.key === 'Esc')
+      this.opened = false;
+    if (event.key === 'Enter')
+      this.ezPopupAction.emit("OK");
+  }
   manageOverflow() {
     if (this.opened) {
       window.document.body.style.overflow = "hidden";