@sankhyalabs/ezui 1.1.151 → 1.1.154

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

@@ -1,11 +1,11 @@
 import { Grid as EnterpriseGrid, LicenseManager } from "ag-grid-enterprise";
 import { Grid } from "ag-grid-community";
 import gridTerms from "./i18n/pt-BR.js";
-import HeaderColumnTemplate from "./template/HeaderColumnTemplate.js";
+import getHeaderColumnTemplate from "./template/HeaderColumnTemplate.js";
 import DataSource from "./DataSource";
 import { ApplicationContext, DataType } from "@sankhyalabs/core";
 import { SortMode, UserInterface } from "@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata";
-import { NumberUtils } from "@sankhyalabs/core";
+import { NumberUtils, StringUtils } from "@sankhyalabs/core";
 export default class AgGridController {
   constructor(enterprise) {
     this.DEFAULT_ROW_HEIGHT = 25;
@@ -82,6 +82,9 @@ export default class AgGridController {
       else {
         this._grid = new Grid(container, this._gridOptions);
       }
+      this._lastPageStatus = this.getPaginationStatus();
+      //Atualiza estado da seleção inicial
+      this.onSelectionChange();
     }
   }
   setOptionsEvents(opt) {
@@ -90,7 +93,7 @@ export default class AgGridController {
     opt.onColumnPinned = e => this.onCallStateChange("columnPinned", e);
     opt.onColumnMoved = e => this.onCallStateChange("columnMoved", e);
     opt.onColumnVisible = e => this.onCallStateChange("visibleChange", e);
-    opt.onSelectionChanged = e => this.onSelectionChange(e);
+    opt.onSelectionChanged = () => this.onSelectionChange();
     opt.onPaginationChanged = () => this.onPaginationChange();
     opt.onRowDoubleClicked = evt => this.onRowDoubleClick(evt);
     opt.onDragStopped = evt => this.onCallStateChange("columnMovedEnd", evt);
@@ -117,11 +120,28 @@ export default class AgGridController {
     }
     this._gridOptions.api.setRowData(data);
   }
-  addRows() {
+  addRows(rows) {
     if (this._grid === undefined) {
       throw new Error("Erro interno: Grid ainda não inicializado.");
     }
-    this._gridOptions.api.refreshServerSideStore({});
+    if (rows.length > 0) {
+      this._gridOptions.api.applyServerSideTransaction({
+        addIndex: 0,
+        add: rows
+      });
+      this.syncSelection();
+    }
+  }
+  updateRows(rows) {
+    if (this._grid === undefined) {
+      throw new Error("Erro interno: Grid ainda não inicializado.");
+    }
+    if (rows.length > 0) {
+      rows.forEach(row => {
+        this.changeValues(row, [row[this._idAttribName]]);
+      });
+      this.syncSelection();
+    }
   }
   selectRows(rowIds) {
     if (this._grid === undefined) {
@@ -254,6 +274,9 @@ export default class AgGridController {
       this.conditionalSet(colState, "width", s.width);
       this.conditionalSet(colState, "pinned", s.pinned !== null);
       this.conditionalSet(colState, "hidden", s.hide);
+      const props = new Map();
+      props.set('sortable', def.sortable);
+      this.conditionalSet(colState, "props", props);
       return colState;
     }).filter(c => c.name !== "__SELECTION__");
   }
@@ -264,9 +287,11 @@ export default class AgGridController {
     this._menuItems.push(item);
   }
   nextPage() {
+    this._lastPageStatus = this.getPaginationStatus();
     this._gridOptions.api.paginationGoToNextPage();
   }
   previousPage() {
+    this._lastPageStatus = this.getPaginationStatus();
     this._gridOptions.api.paginationGoToPreviousPage();
   }
   goToPage(page) {
@@ -316,9 +341,8 @@ export default class AgGridController {
       }
     }
   }
-  setSelectedIndex(index) {
-    var _a;
-    (_a = this._gridOptions.api.getDisplayedRowAtIndex(index)) === null || _a === void 0 ? void 0 : _a.setSelected(true);
+  selectFirstRow() {
+    this._dataUnit.selectFirst();
   }
   hasPreviousRecord() {
     const pagination = this.getPaginationStatus();
@@ -349,14 +373,29 @@ export default class AgGridController {
       }
     }
   }
+  selectLastRow() {
+    this._dataUnit.selectLast();
+  }
+  setSelectedIndex(index) {
+    var _a;
+    (_a = this._gridOptions.api.getDisplayedRowAtIndex(index)) === null || _a === void 0 ? void 0 : _a.setSelected(true);
+  }
   buildColDef(source) {
+    let tooltip = undefined;
+    const propSortable = StringUtils.getBooleanValue(source.props.get("gridSortable"), true);
+    if (source.props.get("gridHeaderTooltip")) {
+      tooltip = source.props.get("gridHeaderTooltip");
+    }
+    else if (propSortable === false) {
+      tooltip = "Coluna não pode ser ordenada";
+    }
     return {
       headerName: source.label,
       field: source.name,
-      sortable: true,
+      sortable: propSortable,
       resizable: true,
       headerComponentParams: {
-        template: HeaderColumnTemplate
+        template: getHeaderColumnTemplate(tooltip)
       },
       valueFormatter: params => {
         return this.getFormatterByColumn(params, source);
@@ -392,17 +431,17 @@ export default class AgGridController {
       }
     }
     if ((source === null || source === void 0 ? void 0 : source.userInterface) === UserInterface.SEARCH) {
-      if (params.value !== undefined) {
+      if (params.value != undefined) {
         return ((_a = params === null || params === void 0 ? void 0 : params.value) === null || _a === void 0 ? void 0 : _a.value) + " - " + ((_b = params === null || params === void 0 ? void 0 : params.value) === null || _b === void 0 ? void 0 : _b.label);
       }
     }
     if ((source === null || source === void 0 ? void 0 : source.userInterface) === UserInterface.DECIMALNUMBER) {
-      if (params.value !== undefined) {
+      if (params.value != undefined) {
         return NumberUtils.format(params.value.toString(), 2, 2);
       }
     }
     if ((source === null || source === void 0 ? void 0 : source.userInterface) === UserInterface.DATE || (source === null || source === void 0 ? void 0 : source.userInterface) === UserInterface.DATETIME) {
-      if (params.value !== undefined) {
+      if (params.value != undefined) {
         return params.value.toLocaleDateString();
       }
     }
@@ -429,25 +468,30 @@ export default class AgGridController {
     }
     return false;
   }
-  onSelectionChange(e) {
-    const selectedNodes = e.api.getSelectedNodes();
+  onSelectionChange() {
+    const selectedNodes = this._gridOptions.api.getSelectedNodes();
     if (selectedNodes.length > 0) {
-      this._isFirstRecordOfPage = selectedNodes[0].rowIndex === e.api.getFirstDisplayedRow();
-      this._isLastRecordOfPage = selectedNodes[0].rowIndex === e.api.getLastDisplayedRow();
+      this._isFirstRecordOfPage = selectedNodes[0].rowIndex === this._gridOptions.api.getFirstDisplayedRow();
+      this._isLastRecordOfPage = selectedNodes[0].rowIndex === this._gridOptions.api.getLastDisplayedRow();
     }
     if (this._selectionChangeCallback) {
       this._selectionChangeCallback({
-        selection: e.api.getSelectedRows(),
+        selection: this._gridOptions.api.getSelectedRows(),
         isFirstOfPage: this._isFirstRecordOfPage,
         isLastOfPage: this._isLastRecordOfPage
       });
     }
   }
   onPaginationChange() {
+    var _a, _b;
+    const currentPageStatus = this.getPaginationStatus();
+    if (((_a = this._lastPageStatus) === null || _a === void 0 ? void 0 : _a.currentPage) != (currentPageStatus === null || currentPageStatus === void 0 ? void 0 : currentPageStatus.currentPage)) {
+      ((_b = this._lastPageStatus) === null || _b === void 0 ? void 0 : _b.currentPage) < (currentPageStatus === null || currentPageStatus === void 0 ? void 0 : currentPageStatus.currentPage) ? this.selectFirstRow() : this.selectLastRow();
+    }
     this.syncSelection();
     if (this._paginationChangeCallback) {
       if (this._gridOptions.api) {
-        this._paginationChangeCallback(this.getPaginationStatus());
+        this._paginationChangeCallback(currentPageStatus);
       }
     }
   }

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

@@ -1,4 +1,4 @@
-const HeaderColumnTemplate = `<div class="ag-cell-label-container" role="presentation">
+const HeaderColumnTemplate = `<div class="ag-cell-label-container" role="presentation" title="{{HEADER_TITLE}}">
     <span ref="eMenu" class="ag-header-icon ag-header-cell-menu-button" aria-hidden="true"></span>
     <div ref="eLabel" class="ag-header-cell-label" role="presentation" unselectable="on">
         <span ref="eText" class="ag-header-cell-text" unselectable="on"></span>
@@ -9,4 +9,8 @@ const HeaderColumnTemplate = `<div class="ag-cell-label-container" role="present
     </div>
 </div>`;
 
-export default HeaderColumnTemplate;
+function getHeaderColumnTemplate(headerTooltip = "") {
+    return HeaderColumnTemplate.replaceAll("{{HEADER_TITLE}}", headerTooltip)
+}
+
+export default getHeaderColumnTemplate;

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

@@ -137,7 +137,7 @@ export class EzGrid {
   componentWillLoad() {
     if (this.dataUnit) {
       this._dataUnitBridge = new DataUnitBridge(this._gridController, this.dataUnit);
-      addEventListener("ezSelectionChange", (evt) => this.dataUnit.setSelection(evt.detail.map((r) => r.__record__id__)));
+      addEventListener("ezSelectionChange", (evt) => this.dataUnit.setSelection(evt.detail.selection.map((r) => r.__record__id__)));
     }
   }
   onColumnStateChange(type, state, info) {
@@ -206,7 +206,7 @@ export class EzGrid {
   componentDidLoad() {
     this._gridController.initDatagrid(this._container, {
       onColumnStateChange: (type, state, info) => this.onColumnStateChange(type, state, info),
-      onSelectionChange: (state) => this.ezSelectionChange.emit(state.selection),
+      onSelectionChange: (state) => this.ezSelectionChange.emit(state),
       onPaginationChange: (status) => {
         this._navigationHasPrevious = status.hasPrevious;
         this._navigationHasNext = status.hasNext;
@@ -411,11 +411,12 @@ export class EzGrid {
         "text": "Evento disparado ao selecionar linhas da grade."
       },
       "complexType": {
-        "original": "Array<any>",
-        "resolved": "any[]",
+        "original": "EzGridSelectionStatus",
+        "resolved": "EzGridSelectionStatus",
         "references": {
-          "Array": {
-            "location": "global"
+          "EzGridSelectionStatus": {
+            "location": "import",
+            "path": "./controller/EzGridController"
           }
         }
       }

package/dist/collection/components/ez-grid/subcomponents/gridconfig/grid-config.js

@@ -13,7 +13,7 @@ export class GridConfig {
   /* Creation Methods */
   createOrderList() {
     let newList = [];
-    this.columns.forEach(column => {
+    this.columns.filter(col => { var _a; return StringUtils.getBooleanValue((_a = col === null || col === void 0 ? void 0 : col.props) === null || _a === void 0 ? void 0 : _a.get("sortable"), true); }).forEach(column => {
       var _a;
       let configItem = (_a = this.config) === null || _a === void 0 ? void 0 : _a.columns.find(item => item.name === column.name);
       let item = { name: column.name, label: column.label };

package/dist/collection/components/ez-view-stack/ez-view-stack.js

@@ -10,6 +10,12 @@ export class EzViewStack {
       this._focusedIndex = index;
     }
   }
+  /**
+  * Retorna o index que est� atualmente ativo e sendo exibido.
+  */
+  async getSelectedIndex() {
+    return this._focusedIndex;
+  }
   policyHideRemove() {
     let element = this._hostElem.querySelector(`#el_${this._focusedIndex}`);
     this.checkElementVisibility(element);
@@ -81,6 +87,22 @@ export class EzViewStack {
         "text": "Exibe a aba desejada de acordo com o index passado na tela fazendo com a ativa atual seja removida ou oculta dependendo da hidePolicy.",
         "tags": []
       }
+    },
+    "getSelectedIndex": {
+      "complexType": {
+        "signature": "() => Promise<number>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<number>"
+      },
+      "docs": {
+        "text": "Retorna o index que est\uFFFD atualmente ativo e sendo exibido.",
+        "tags": []
+      }
     }
   }; }
   static get elementRef() { return "_hostElem"; }

package/dist/custom-elements/index.js

@@ -1,6 +1,6 @@
 import { HTMLElement as HTMLElement$1, createEvent, h, forceUpdate, Host, proxyCustomElement } from '@stencil/core/internal/client';
 export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
-import { FloatingManager, DateUtils, TimeFormatter, UserInterface, Action, WaitingChangeException, ApplicationContext, DataUnitAction, DataUnit, NumberUtils, DataType, StringUtils, MaskFormatter } from '@sankhyalabs/core';
+import { FloatingManager, DateUtils, TimeFormatter, UserInterface, Action, WaitingChangeException, ApplicationContext, DataUnitAction, DataUnit, StringUtils, NumberUtils, DataType, MaskFormatter } from '@sankhyalabs/core';
 import { UserInterface as UserInterface$1, SortMode } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 
 const ezApplicationCss = "";
@@ -1167,7 +1167,7 @@ let EzDateTimeInput$1 = class extends HTMLElement$1 {
   static get style() { return ezDateTimeInputCss; }
 };
 
-const ezDialogCss = ":host{--dialog__container-padding:var(--space--large, 24px);--dialog__btn__close--background-color:var(--title--primary, #2b3a54);--dialog__btn__no--padding-right:var(--space--large, 24px);--dialog__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>');--dialog__title--font-pattern:var(--font-pattern, \"'Sora', 'Algerian'\");--dialog__title--padding-left:var(--space--small, 6px);--dialog__title__container--padding-bottom:var(--space--medium, 12px);--dialog__title--weight--large:var(--text-weight--large, 600);--dialog__body--font-pattern:var(--font-pattern, \"'Sora', 'Algerian'\");--dialog__body--text-shadow:var(--text-shadow, \"0 0 0 #353535, 0 0 1px transparent\");--dialog__body--text-weight--medium:var(--text-weight--medium, 400);--dialog__body--padding-bottom:var(--space--large, 24px);--dialog__body--font-size:var(--text--medium, 14px);--dialog__body--color:var(--text--primary, #626e82);--dialog__icon--color:var(--text--inverted, #fff);--dialog__critical--background-color:var(--color--alert-error-800, #BD0025);--dialog__warning--background-color:var(--color--alert-warning-500, #EFB103);--dialog-z-index:var(--most-visible, 3);--dialog--warning__image:url('data: image/svg+xml;utf8,<svg width=\"15\" height=\"15\" viewBox=\"0 0 15 15\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M 7.5,0 0,13 h 15 z m 0,2.73684 5.1341,8.89476 H 2.36591 Z M 6.81818,5.47368 V 8.21053 H 8.18182 V 5.47368 Z m 0,4.10527 V 10.9474 H 8.18182 V 9.57895\"/></svg>');--dialog--critical__image:url('data: image/svg+xml;utf8,<svg width=\"13\" height=\"13\" viewBox=\"0 0 13 13\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M 7.6534493,6.4948538 12.762051,1.3864299 C 12.914368,1.2341297 13,1.027552 13,0.81215179 13,0.59676225 12.914369,0.39018443 12.762051,0.23787352 12.609733,0.08557341 12.40318,0 12.187747,0 11.972425,0 11.765762,0.08557341 11.613445,0.23787352 L 6.5048431,5.3462975 1.3961977,0.23787352 C 1.2438802,0.08557341 1.0373043,0 0.82189458,0 0.60649572,0 0.39990901,0.08557341 0.24759147,0.23787352 0.09527396,0.39018443 0.00970766,0.59676225 0.00970766,0.81215179 c 0,0.21540021 0.0855663,0.42197791 0.23788381,0.57427811 L 5.3562369,6.4948538 0.24759147,11.604381 c -0.0775121,0.07492 -0.13931586,0.164543 -0.18182835,0.263595 -0.04250169,0.09905 -0.064850182,0.205678 -0.0657357237,0.313391 -8.8554258e-4,0.107813 0.0197049337,0.214771 0.0605827337,0.314472 0.04086693,0.0998 0.10119858,0.190415 0.17746563,0.266625 0.0762779,0.07622 0.16695386,0.136398 0.26675594,0.177208 0.099802,0.04082 0.20672745,0.06127 0.31452961,0.06029 0.1078025,-9.53e-4 0.21433799,-0.0235 0.31337139,-0.06604 0.099045,-0.04265 0.1886052,-0.104571 0.263465,-0.182081 L 6.5048431,7.6434102 11.613445,12.751855 c 0.152317,0.152312 0.35898,0.237831 0.574302,0.237831 0.215433,0 0.421986,-0.08552 0.574304,-0.237831 C 12.914368,12.599545 13,12.393 13,12.177578 13,11.962157 12.91437,11.75561 12.762051,11.603299 Z\"/></svg>')}h2{margin-block-start:0;margin-block-end:0;margin-inline-start:0px;margin-inline-end:0px}.overlay{position:fixed;display:flex;top:0px;z-index:var(--dialog-z-index);left:0px;width:100%;box-sizing:border-box;height:100vh;backdrop-filter:blur(4px);background:rgba(0, 4, 12, 0.4)}.dialog{display:flex;width:80%;position:absolute;top:50%;left:50%;margin-right:-50%;box-sizing:border-box;transform:translate(-50%, -50%);box-shadow:0px 0px 16px rgba(0, 38, 111, 0.122)}@media screen and (min-width: 768px){.dialog{width:50%}}@media screen and (min-width: 992px){.dialog{width:33.33333%}}.dialog__container{width:100%;background:#FFFF;border-radius:0px 6px 6px 0px;box-sizing:border-box;padding:var(--dialog__container-padding)}.dialog__critical--indicator{box-sizing:border-box;width:12px;border-radius:6px 0px 0px 6px;background-color:var(--dialog__critical--background-color)}.dialog__warning--indicator{width:12px;border-radius:6px 0px 0px 6px;box-sizing:border-box;background-color:var(--dialog__warning--background-color)}.message{font-size:var(--dialog__body--font-size);font-weight:var(--dialog__body--text-weight--medium);font-family:var(--dialog__body--font-pattern);text-shadow:var(--dialog__body--text-shadow);padding-bottom:var(--dialog__body--padding-bottom);color:var(--dialog__body--color);max-height:30vh;content-visibility:auto;margin-bottom:24px;overflow-y:auto}.changeable__icon{background:var(--dialog__warning--background-color);--ez-icon--color:var(--dialog__icon--color);display:grid;place-items:center;width:26px;height:26px;border-radius:50%}.changeable__icon.critical{background:var(--dialog__critical--background-color)}.title{display:flex;font-family:var(--dialog__title--font-pattern);margin:0;font-weight:var(--dialog__title--weight--large);line-height:1.3}.title__container{display:flex;padding-bottom:var(--dialog__title__container--padding-bottom)}.title__box{display:flex;width:100%;align-items:center;align-self:center}.title--label{padding-left:var(--dialog__title--padding-left)}.title-icon{outline:none;border:none;background-color:var(--dialog__warning--background-color);width:26px;height:26px;border-radius:100%;padding:0;display:flex;justify-content:center;align-items:center}.title-icon--critical{background-color:var(--dialog__critical--background-color)}.btn-close{justify-content:flex-end;align-self:flex-start;align-items:flex-start;display:flex;outline:none;width:10%;border:none;background-color:unset;cursor:pointer}.btn-close::after{content:'';display:flex;background-color:var(--dialog__btn__close--background-color);width:12px;height:12px;-webkit-mask-image:var(--dialog__btn__close__image);mask-image:var(--dialog__btn__close__image)}.title-icon::after{content:'';display:flex;background-color:#FFFF;width:15px;height:15px;-webkit-mask-image:var(--dialog--warning__image);mask-image:var(--dialog--warning__image)}.title-icon--critical::after{content:'';display:flex;background-color:#FFFF;width:13px;height:13px;-webkit-mask-image:var(--dialog--critical__image);mask-image:var(--dialog--critical__image)}.button-yes-no__container{display:flex;box-sizing:border-box;align-self:center;align-items:center;justify-content:flex-end}.button__cancel{padding-right:var(--dialog__btn__no--padding-right)}.button__confirm{--ez-button--background-color:var(--color--primary);--ez-button--color:var(--color--inverted);--ez-button--hover--background-color:var(--color--primary-600);--ez-button--hover-color:var(--color--inverted)}.button__confirm--danger{--ez-button--background-color:var(--color--alert-error-800, #BD0025);--ez-button--color:var(--color--inverted);--ez-button--hover--background-color:var(--color-alert--error-900, #a10020);--ez-button--hover-color:var(--color--inverted)}.button__confirm--container{display:flex;justify-content:flex-end}.row{width:100%;display:flex;flex-wrap:wrap}.col{display:flex;flex-wrap:wrap;align-self:flex-start;box-sizing:border-box}.col--stretch{align-self:stretch}.col--undefined{width:unset}.col--nowrap{flex-wrap:nowrap}@media screen and (min-width: 320px){.col--sd-1{width:8.33333%}.col--sd-2{width:16.66667%}.col--sd-3{width:25%}.col--sd-4{width:33.33333%}.col--sd-5{width:41.66667%}.col--sd-6{width:50%}.col--sd-7{width:58.33333%}.col--sd-8{width:66.66667%}.col--sd-9{width:75%}.col--sd-10{width:83.33333%}.col--sd-11{width:91.66667%}.col--sd-12{width:100%}}@media screen and (min-width: 480px){.col--pn-1{width:8.33333%}.col--pn-2{width:16.66667%}.col--pn-3{width:25%}.col--pn-4{width:33.33333%}.col--pn-5{width:41.66667%}.col--pn-6{width:50%}.col--pn-7{width:58.33333%}.col--pn-8{width:66.66667%}.col--pn-9{width:75%}.col--pn-10{width:83.33333%}.col--pn-11{width:91.66667%}.col--pn-12{width:100%}}@media screen and (min-width: 768px){.col--tb-1{width:8.33333%}.col--tb-2{width:16.66667%}.col--tb-3{width:25%}.col--tb-4{width:33.33333%}.col--tb-5{width:41.66667%}.col--tb-6{width:50%}.col--tb-7{width:58.33333%}.col--tb-8{width:66.66667%}.col--tb-9{width:75%}.col--tb-10{width:83.33333%}.col--tb-11{width:91.66667%}.col--tb-12{width:100%}}@media screen and (min-width: 992px){.col--md-1{width:8.33333%}.col--md-2{width:16.66667%}.col--md-3{width:25%}.col--md-4{width:33.33333%}.col--md-5{width:41.66667%}.col--md-6{width:50%}.col--md-7{width:58.33333%}.col--md-8{width:66.66667%}.col--md-9{width:75%}.col--md-10{width:83.33333%}.col--md-11{width:91.66667%}.col--md-12{width:100%}}@media screen and (min-width: 1200px){.col--ld-1{width:8.33333%}.col--ld-2{width:16.66667%}.col--ld-3{width:25%}.col--ld-4{width:33.33333%}.col--ld-5{width:41.66667%}.col--ld-6{width:50%}.col--ld-7{width:58.33333%}.col--ld-8{width:66.66667%}.col--ld-9{width:75%}.col--ld-10{width:83.33333%}.col--ld-11{width:91.66667%}.col--ld-12{width:100%}}";
+const ezDialogCss = ":host{--dialog__container-padding:var(--space--large, 24px);--dialog__btn__close--background-color:var(--title--primary, #2b3a54);--dialog__btn__no--padding-right:var(--space--large, 24px);--dialog__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>');--dialog__title--font-pattern:var(--font-pattern, \"'Sora', 'Algerian'\");--dialog__title--padding-left:var(--space--small, 6px);--dialog__title__container--padding-bottom:var(--space--medium, 12px);--dialog__title--weight--large:var(--text-weight--large, 600);--dialog__body--font-pattern:var(--font-pattern, \"'Sora', 'Algerian'\");--dialog__body--text-shadow:var(--text-shadow, \"0 0 0 #353535, 0 0 1px transparent\");--dialog__body--text-weight--medium:var(--text-weight--medium, 400);--dialog__body--padding-bottom:var(--space--large, 24px);--dialog__body--font-size:var(--text--medium, 14px);--dialog__body--color:var(--text--primary, #626e82);--dialog__icon--color:var(--text--inverted, #fff);--dialog__critical--background-color:var(--color--alert-error-800, #BD0025);--dialog__warning--background-color:var(--color--alert-warning-500, #EFB103);--dialog-z-index:var(--most-visible, 3);--dialog--warning__image:url('data: image/svg+xml;utf8,<svg width=\"15\" height=\"15\" viewBox=\"0 0 15 15\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M 7.5,0 0,13 h 15 z m 0,2.73684 5.1341,8.89476 H 2.36591 Z M 6.81818,5.47368 V 8.21053 H 8.18182 V 5.47368 Z m 0,4.10527 V 10.9474 H 8.18182 V 9.57895\"/></svg>');--dialog--critical__image:url('data: image/svg+xml;utf8,<svg width=\"13\" height=\"13\" viewBox=\"0 0 13 13\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M 7.6534493,6.4948538 12.762051,1.3864299 C 12.914368,1.2341297 13,1.027552 13,0.81215179 13,0.59676225 12.914369,0.39018443 12.762051,0.23787352 12.609733,0.08557341 12.40318,0 12.187747,0 11.972425,0 11.765762,0.08557341 11.613445,0.23787352 L 6.5048431,5.3462975 1.3961977,0.23787352 C 1.2438802,0.08557341 1.0373043,0 0.82189458,0 0.60649572,0 0.39990901,0.08557341 0.24759147,0.23787352 0.09527396,0.39018443 0.00970766,0.59676225 0.00970766,0.81215179 c 0,0.21540021 0.0855663,0.42197791 0.23788381,0.57427811 L 5.3562369,6.4948538 0.24759147,11.604381 c -0.0775121,0.07492 -0.13931586,0.164543 -0.18182835,0.263595 -0.04250169,0.09905 -0.064850182,0.205678 -0.0657357237,0.313391 -8.8554258e-4,0.107813 0.0197049337,0.214771 0.0605827337,0.314472 0.04086693,0.0998 0.10119858,0.190415 0.17746563,0.266625 0.0762779,0.07622 0.16695386,0.136398 0.26675594,0.177208 0.099802,0.04082 0.20672745,0.06127 0.31452961,0.06029 0.1078025,-9.53e-4 0.21433799,-0.0235 0.31337139,-0.06604 0.099045,-0.04265 0.1886052,-0.104571 0.263465,-0.182081 L 6.5048431,7.6434102 11.613445,12.751855 c 0.152317,0.152312 0.35898,0.237831 0.574302,0.237831 0.215433,0 0.421986,-0.08552 0.574304,-0.237831 C 12.914368,12.599545 13,12.393 13,12.177578 13,11.962157 12.91437,11.75561 12.762051,11.603299 Z\"/></svg>')}h2{margin-block-start:0;margin-block-end:0;margin-inline-start:0px;margin-inline-end:0px}.overlay{position:fixed;display:flex;top:0px;z-index:var(--dialog-z-index);left:0px;width:100%;box-sizing:border-box;height:100vh;backdrop-filter:blur(4px);background:rgba(0, 4, 12, 0.4)}.dialog{display:flex;width:80%;position:absolute;top:50%;left:50%;margin-right:-50%;box-sizing:border-box;transform:translate(-50%, -50%);box-shadow:0px 0px 16px rgba(0, 38, 111, 0.122)}@media screen and (min-width: 768px){.dialog{width:50%}}@media screen and (min-width: 992px){.dialog{width:33.33333%}}.dialog__container{width:100%;background:#FFFF;border-radius:0px 6px 6px 0px;box-sizing:border-box;padding:var(--dialog__container-padding)}.dialog__critical--indicator{box-sizing:border-box;width:12px;border-radius:6px 0px 0px 6px;background-color:var(--dialog__critical--background-color)}.dialog__warning--indicator{width:12px;border-radius:6px 0px 0px 6px;box-sizing:border-box;background-color:var(--dialog__warning--background-color)}.message{font-size:var(--dialog__body--font-size);font-weight:var(--dialog__body--text-weight--medium);font-family:var(--dialog__body--font-pattern);text-shadow:var(--dialog__body--text-shadow);padding-bottom:var(--dialog__body--padding-bottom);color:var(--dialog__body--color);max-height:30vh;content-visibility:auto;margin-bottom:24px;overflow-y:auto}.changeable__icon{background:var(--dialog__warning--background-color);--ez-icon--color:var(--dialog__icon--color);display:grid;place-items:center;width:26px;height:26px;border-radius:50%}.changeable__icon.critical{background:var(--dialog__critical--background-color)}.title{display:flex;font-family:var(--dialog__title--font-pattern);margin:0;font-weight:var(--dialog__title--weight--large);line-height:0}.title__container{display:flex;padding-bottom:var(--dialog__title__container--padding-bottom)}.title__box{display:flex;width:100%;align-items:center;align-self:center}.title--label{padding-left:var(--dialog__title--padding-left)}.title-icon{outline:none;border:none;background-color:var(--dialog__warning--background-color);width:26px;height:26px;border-radius:100%;padding:0;display:flex;justify-content:center;align-items:center}.title-icon--critical{background-color:var(--dialog__critical--background-color)}.btn-close{justify-content:flex-end;align-self:flex-start;align-items:flex-start;display:flex;outline:none;width:10%;border:none;background-color:unset;cursor:pointer}.btn-close::after{content:'';display:flex;background-color:var(--dialog__btn__close--background-color);width:12px;height:12px;-webkit-mask-image:var(--dialog__btn__close__image);mask-image:var(--dialog__btn__close__image)}.title-icon::after{content:'';display:flex;background-color:#FFFF;width:15px;height:15px;-webkit-mask-image:var(--dialog--warning__image);mask-image:var(--dialog--warning__image)}.title-icon--critical::after{content:'';display:flex;background-color:#FFFF;width:13px;height:13px;-webkit-mask-image:var(--dialog--critical__image);mask-image:var(--dialog--critical__image)}.button-yes-no__container{display:flex;box-sizing:border-box;align-self:center;align-items:center;justify-content:flex-end}.button__cancel{padding-right:var(--dialog__btn__no--padding-right)}.button__confirm{--ez-button--background-color:var(--color--primary);--ez-button--color:var(--color--inverted);--ez-button--hover--background-color:var(--color--primary-600);--ez-button--hover-color:var(--color--inverted)}.button__confirm--danger{--ez-button--background-color:var(--color--alert-error-800, #BD0025);--ez-button--color:var(--color--inverted);--ez-button--hover--background-color:var(--color-alert--error-900, #a10020);--ez-button--hover-color:var(--color--inverted)}.button__confirm--container{display:flex;justify-content:flex-end}.row{width:100%;display:flex;flex-wrap:wrap}.col{display:flex;flex-wrap:wrap;align-self:flex-start;box-sizing:border-box}.col--stretch{align-self:stretch}.col--undefined{width:unset}.col--nowrap{flex-wrap:nowrap}@media screen and (min-width: 320px){.col--sd-1{width:8.33333%}.col--sd-2{width:16.66667%}.col--sd-3{width:25%}.col--sd-4{width:33.33333%}.col--sd-5{width:41.66667%}.col--sd-6{width:50%}.col--sd-7{width:58.33333%}.col--sd-8{width:66.66667%}.col--sd-9{width:75%}.col--sd-10{width:83.33333%}.col--sd-11{width:91.66667%}.col--sd-12{width:100%}}@media screen and (min-width: 480px){.col--pn-1{width:8.33333%}.col--pn-2{width:16.66667%}.col--pn-3{width:25%}.col--pn-4{width:33.33333%}.col--pn-5{width:41.66667%}.col--pn-6{width:50%}.col--pn-7{width:58.33333%}.col--pn-8{width:66.66667%}.col--pn-9{width:75%}.col--pn-10{width:83.33333%}.col--pn-11{width:91.66667%}.col--pn-12{width:100%}}@media screen and (min-width: 768px){.col--tb-1{width:8.33333%}.col--tb-2{width:16.66667%}.col--tb-3{width:25%}.col--tb-4{width:33.33333%}.col--tb-5{width:41.66667%}.col--tb-6{width:50%}.col--tb-7{width:58.33333%}.col--tb-8{width:66.66667%}.col--tb-9{width:75%}.col--tb-10{width:83.33333%}.col--tb-11{width:91.66667%}.col--tb-12{width:100%}}@media screen and (min-width: 992px){.col--md-1{width:8.33333%}.col--md-2{width:16.66667%}.col--md-3{width:25%}.col--md-4{width:33.33333%}.col--md-5{width:41.66667%}.col--md-6{width:50%}.col--md-7{width:58.33333%}.col--md-8{width:66.66667%}.col--md-9{width:75%}.col--md-10{width:83.33333%}.col--md-11{width:91.66667%}.col--md-12{width:100%}}@media screen and (min-width: 1200px){.col--ld-1{width:8.33333%}.col--ld-2{width:16.66667%}.col--ld-3{width:25%}.col--ld-4{width:33.33333%}.col--ld-5{width:41.66667%}.col--ld-6{width:50%}.col--ld-7{width:58.33333%}.col--ld-8{width:66.66667%}.col--ld-9{width:75%}.col--ld-10{width:83.33333%}.col--ld-11{width:91.66667%}.col--ld-12{width:100%}}";
 
 class Message {
   constructor(title, message, critical, confirm, icon, labelCancel, labelConfirm, btnConfirmDanger, callBack) {
@@ -112211,7 +112211,7 @@ const gridTerms = {
   ctrlV: "Ctrl+V"
 };
 
-const HeaderColumnTemplate = `<div class="ag-cell-label-container" role="presentation">
+const HeaderColumnTemplate = `<div class="ag-cell-label-container" role="presentation" title="{{HEADER_TITLE}}">
     <span ref="eMenu" class="ag-header-icon ag-header-cell-menu-button" aria-hidden="true"></span>
     <div ref="eLabel" class="ag-header-cell-label" role="presentation" unselectable="on">
         <span ref="eText" class="ag-header-cell-text" unselectable="on"></span>
@@ -112222,6 +112222,10 @@ const HeaderColumnTemplate = `<div class="ag-cell-label-container" role="present
     </div>
 </div>`;
 
+function getHeaderColumnTemplate(headerTooltip = "") {
+    return HeaderColumnTemplate.replaceAll("{{HEADER_TITLE}}", headerTooltip)
+}
+
 class Server {
   constructor(data) {
     this._data = data;
@@ -112412,6 +112416,9 @@ class AgGridController {
       else {
         this._grid = new agGridCommunity_cjs.Grid(container, this._gridOptions);
       }
+      this._lastPageStatus = this.getPaginationStatus();
+      //Atualiza estado da seleção inicial
+      this.onSelectionChange();
     }
   }
   setOptionsEvents(opt) {
@@ -112420,7 +112427,7 @@ class AgGridController {
     opt.onColumnPinned = e => this.onCallStateChange("columnPinned", e);
     opt.onColumnMoved = e => this.onCallStateChange("columnMoved", e);
     opt.onColumnVisible = e => this.onCallStateChange("visibleChange", e);
-    opt.onSelectionChanged = e => this.onSelectionChange(e);
+    opt.onSelectionChanged = () => this.onSelectionChange();
     opt.onPaginationChanged = () => this.onPaginationChange();
     opt.onRowDoubleClicked = evt => this.onRowDoubleClick(evt);
     opt.onDragStopped = evt => this.onCallStateChange("columnMovedEnd", evt);
@@ -112447,11 +112454,28 @@ class AgGridController {
     }
     this._gridOptions.api.setRowData(data);
   }
-  addRows() {
+  addRows(rows) {
+    if (this._grid === undefined) {
+      throw new Error("Erro interno: Grid ainda não inicializado.");
+    }
+    if (rows.length > 0) {
+      this._gridOptions.api.applyServerSideTransaction({
+        addIndex: 0,
+        add: rows
+      });
+      this.syncSelection();
+    }
+  }
+  updateRows(rows) {
     if (this._grid === undefined) {
       throw new Error("Erro interno: Grid ainda não inicializado.");
     }
-    this._gridOptions.api.refreshServerSideStore({});
+    if (rows.length > 0) {
+      rows.forEach(row => {
+        this.changeValues(row, [row[this._idAttribName]]);
+      });
+      this.syncSelection();
+    }
   }
   selectRows(rowIds) {
     if (this._grid === undefined) {
@@ -112584,6 +112608,9 @@ class AgGridController {
       this.conditionalSet(colState, "width", s.width);
       this.conditionalSet(colState, "pinned", s.pinned !== null);
       this.conditionalSet(colState, "hidden", s.hide);
+      const props = new Map();
+      props.set('sortable', def.sortable);
+      this.conditionalSet(colState, "props", props);
       return colState;
     }).filter(c => c.name !== "__SELECTION__");
   }
@@ -112594,9 +112621,11 @@ class AgGridController {
     this._menuItems.push(item);
   }
   nextPage() {
+    this._lastPageStatus = this.getPaginationStatus();
     this._gridOptions.api.paginationGoToNextPage();
   }
   previousPage() {
+    this._lastPageStatus = this.getPaginationStatus();
     this._gridOptions.api.paginationGoToPreviousPage();
   }
   goToPage(page) {
@@ -112646,9 +112675,8 @@ class AgGridController {
       }
     }
   }
-  setSelectedIndex(index) {
-    var _a;
-    (_a = this._gridOptions.api.getDisplayedRowAtIndex(index)) === null || _a === void 0 ? void 0 : _a.setSelected(true);
+  selectFirstRow() {
+    this._dataUnit.selectFirst();
   }
   hasPreviousRecord() {
     const pagination = this.getPaginationStatus();
@@ -112679,14 +112707,29 @@ class AgGridController {
       }
     }
   }
+  selectLastRow() {
+    this._dataUnit.selectLast();
+  }
+  setSelectedIndex(index) {
+    var _a;
+    (_a = this._gridOptions.api.getDisplayedRowAtIndex(index)) === null || _a === void 0 ? void 0 : _a.setSelected(true);
+  }
   buildColDef(source) {
+    let tooltip = undefined;
+    const propSortable = StringUtils.getBooleanValue(source.props.get("gridSortable"), true);
+    if (source.props.get("gridHeaderTooltip")) {
+      tooltip = source.props.get("gridHeaderTooltip");
+    }
+    else if (propSortable === false) {
+      tooltip = "Coluna não pode ser ordenada";
+    }
     return {
       headerName: source.label,
       field: source.name,
-      sortable: true,
+      sortable: propSortable,
       resizable: true,
       headerComponentParams: {
-        template: HeaderColumnTemplate
+        template: getHeaderColumnTemplate(tooltip)
       },
       valueFormatter: params => {
         return this.getFormatterByColumn(params, source);
@@ -112722,17 +112765,17 @@ class AgGridController {
       }
     }
     if ((source === null || source === void 0 ? void 0 : source.userInterface) === UserInterface$1.SEARCH) {
-      if (params.value !== undefined) {
+      if (params.value != undefined) {
         return ((_a = params === null || params === void 0 ? void 0 : params.value) === null || _a === void 0 ? void 0 : _a.value) + " - " + ((_b = params === null || params === void 0 ? void 0 : params.value) === null || _b === void 0 ? void 0 : _b.label);
       }
     }
     if ((source === null || source === void 0 ? void 0 : source.userInterface) === UserInterface$1.DECIMALNUMBER) {
-      if (params.value !== undefined) {
+      if (params.value != undefined) {
         return NumberUtils.format(params.value.toString(), 2, 2);
       }
     }
     if ((source === null || source === void 0 ? void 0 : source.userInterface) === UserInterface$1.DATE || (source === null || source === void 0 ? void 0 : source.userInterface) === UserInterface$1.DATETIME) {
-      if (params.value !== undefined) {
+      if (params.value != undefined) {
         return params.value.toLocaleDateString();
       }
     }
@@ -112759,25 +112802,30 @@ class AgGridController {
     }
     return false;
   }
-  onSelectionChange(e) {
-    const selectedNodes = e.api.getSelectedNodes();
+  onSelectionChange() {
+    const selectedNodes = this._gridOptions.api.getSelectedNodes();
     if (selectedNodes.length > 0) {
-      this._isFirstRecordOfPage = selectedNodes[0].rowIndex === e.api.getFirstDisplayedRow();
-      this._isLastRecordOfPage = selectedNodes[0].rowIndex === e.api.getLastDisplayedRow();
+      this._isFirstRecordOfPage = selectedNodes[0].rowIndex === this._gridOptions.api.getFirstDisplayedRow();
+      this._isLastRecordOfPage = selectedNodes[0].rowIndex === this._gridOptions.api.getLastDisplayedRow();
     }
     if (this._selectionChangeCallback) {
       this._selectionChangeCallback({
-        selection: e.api.getSelectedRows(),
+        selection: this._gridOptions.api.getSelectedRows(),
         isFirstOfPage: this._isFirstRecordOfPage,
         isLastOfPage: this._isLastRecordOfPage
       });
     }
   }
   onPaginationChange() {
+    var _a, _b;
+    const currentPageStatus = this.getPaginationStatus();
+    if (((_a = this._lastPageStatus) === null || _a === void 0 ? void 0 : _a.currentPage) != (currentPageStatus === null || currentPageStatus === void 0 ? void 0 : currentPageStatus.currentPage)) {
+      ((_b = this._lastPageStatus) === null || _b === void 0 ? void 0 : _b.currentPage) < (currentPageStatus === null || currentPageStatus === void 0 ? void 0 : currentPageStatus.currentPage) ? this.selectFirstRow() : this.selectLastRow();
+    }
     this.syncSelection();
     if (this._paginationChangeCallback) {
       if (this._gridOptions.api) {
-        this._paginationChangeCallback(this.getPaginationStatus());
+        this._paginationChangeCallback(currentPageStatus);
       }
     }
   }
@@ -112814,6 +112862,7 @@ class DataUnitBridge {
   constructor(gridController, dataUnit) {
     this.RECORD_ARCHIVE = "__RECORD_ARCHIVE__";
     this.processAction = (action) => {
+      var _a, _b, _c, _d;
       switch (action.type) {
         case Action.METADATA_LOADED:
           this._gridController.setColumnsDef(this.buildColumnDefs(), true);
@@ -112822,9 +112871,16 @@ class DataUnitBridge {
           const { records } = action.payload;
           this._gridController.removeRows(records);
           break;
-        case Action.EDITION_CANCELED:
         case Action.DATA_SAVED:
-          this._gridController.refresh();
+          const recordsAdded = (_b = (_a = action.payload) === null || _a === void 0 ? void 0 : _a.records) === null || _b === void 0 ? void 0 : _b.filter(r => { var _a; return (_a = r.__old__id__) === null || _a === void 0 ? void 0 : _a.startsWith('NEW_'); });
+          const recordsUpdated = (_d = (_c = action.payload) === null || _c === void 0 ? void 0 : _c.records) === null || _d === void 0 ? void 0 : _d.filter(r => { var _a; return !((_a = r.__old__id__) === null || _a === void 0 ? void 0 : _a.startsWith('NEW_')); });
+          if (recordsAdded.length > 0)
+            this._gridController.addRows(recordsAdded);
+          if (recordsUpdated.length > 0)
+            this._gridController.updateRows(recordsUpdated);
+          break;
+        case Action.EDITION_CANCELED:
+          this.updateValues();
           break;
         case Action.SELECTION_CHANGED:
           const { selection } = action.payload;
@@ -112844,6 +112900,11 @@ class DataUnitBridge {
     this._dataUnit = dataUnit;
     this._dataUnit.subscribe(this.processAction);
   }
+  updateValues() {
+    this._dataUnit.getSelectedRecords().forEach((record) => {
+      this._gridController.changeValues(record, [record.__record__id__]);
+    });
+  }
   buildColumnDefs() {
     const columnDefs = [];
     if (this._dataUnit.metadata) {
@@ -113010,7 +113071,7 @@ let EzGrid$1 = class extends HTMLElement$1 {
   componentWillLoad() {
     if (this.dataUnit) {
       this._dataUnitBridge = new DataUnitBridge(this._gridController, this.dataUnit);
-      addEventListener("ezSelectionChange", (evt) => this.dataUnit.setSelection(evt.detail.map((r) => r.__record__id__)));
+      addEventListener("ezSelectionChange", (evt) => this.dataUnit.setSelection(evt.detail.selection.map((r) => r.__record__id__)));
     }
   }
   onColumnStateChange(type, state, info) {
@@ -113079,7 +113140,7 @@ let EzGrid$1 = class extends HTMLElement$1 {
   componentDidLoad() {
     this._gridController.initDatagrid(this._container, {
       onColumnStateChange: (type, state, info) => this.onColumnStateChange(type, state, info),
-      onSelectionChange: (state) => this.ezSelectionChange.emit(state.selection),
+      onSelectionChange: (state) => this.ezSelectionChange.emit(state),
       onPaginationChange: (status) => {
         this._navigationHasPrevious = status.hasPrevious;
         this._navigationHasNext = status.hasNext;
@@ -115277,6 +115338,12 @@ let EzViewStack$1 = class extends HTMLElement$1 {
       this._focusedIndex = index;
     }
   }
+  /**
+  * Retorna o index que est� atualmente ativo e sendo exibido.
+  */
+  async getSelectedIndex() {
+    return this._focusedIndex;
+  }
   policyHideRemove() {
     let element = this._hostElem.querySelector(`#el_${this._focusedIndex}`);
     this.checkElementVisibility(element);
@@ -115343,7 +115410,7 @@ let GridConfig$1 = class extends HTMLElement$1 {
   /* Creation Methods */
   createOrderList() {
     let newList = [];
-    this.columns.forEach(column => {
+    this.columns.filter(col => { var _a; return StringUtils.getBooleanValue((_a = col === null || col === void 0 ? void 0 : col.props) === null || _a === void 0 ? void 0 : _a.get("sortable"), true); }).forEach(column => {
       var _a;
       let configItem = (_a = this.config) === null || _a === void 0 ? void 0 : _a.columns.find(item => item.name === column.name);
       let item = { name: column.name, label: column.label };