@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-39550.0 → 0.0.0-bugfix-dev-KB-50898.0

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

@@ -1,5 +1,5 @@
 import { Host, h, Fragment } from "@stencil/core";
-import { FloatingManager, KeyboardManager } from '@sankhyalabs/core';
+import { FloatingManager } from '@sankhyalabs/core';
 export class EzPopup {
   constructor() {
     this._sizeClasses = {
@@ -19,11 +19,11 @@ export class EzPopup {
   observeConfig() {
     this.manageOverflow();
   }
-  componentDidLoad() {
-    new KeyboardManager({ propagate: false, element: this._element })
-      .bind("Enter", this.ezPopupAction.emit.bind("OK"))
-      .bind("Escape", () => this.opened = false)
-      .bind("Esc", () => this.opened = false);
+  handleKeyDown(event) {
+    if (event.key === 'Escape' || event.key === 'Esc')
+      this.opened = false;
+    if (event.key === 'Enter')
+      this.ezPopupAction.emit("OK");
   }
   manageOverflow() {
     if (this.opened) {
@@ -198,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-split-button/ez-split-button.js

@@ -65,38 +65,22 @@ export class EzSplitButton {
     evt.stopPropagation();
     this.closeDropdown();
   }
-  resolveOffsetParentRect() {
-    var _a, _b;
-    const offsetParentRect = (_b = (_a = this.dropdownParent) === null || _a === void 0 ? void 0 : _a.offsetParent) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect();
-    const scrollLeft = window.scrollX || document.documentElement.scrollLeft;
-    const scrollTop = window.scrollY || document.documentElement.scrollTop;
-    const rectWithoutScroll = {
-      top: (offsetParentRect === null || offsetParentRect === void 0 ? void 0 : offsetParentRect.top) + scrollTop,
-      left: (offsetParentRect === null || offsetParentRect === void 0 ? void 0 : offsetParentRect.left) + scrollLeft,
-      bottom: (offsetParentRect === null || offsetParentRect === void 0 ? void 0 : offsetParentRect.bottom) + scrollTop,
-      right: (offsetParentRect === null || offsetParentRect === void 0 ? void 0 : offsetParentRect.right) + scrollLeft,
-      width: offsetParentRect === null || offsetParentRect === void 0 ? void 0 : offsetParentRect.width,
-      height: offsetParentRect === null || offsetParentRect === void 0 ? void 0 : offsetParentRect.height
-    };
-    this.offsetParentRect = rectWithoutScroll;
-  }
   /**
    * Método responsável em posicionar o dropdown na tela.
    * Faz com que o dropdown se ajuste automaticamente ao espaco na tela
    */
   positionDropdown() {
-    var _a, _b, _c, _d, _e, _f;
     const { rightButton: _rightButton, dropdownParent: _dropdownParent } = this;
     const rightButtonRect = _rightButton.getBoundingClientRect();
     const dropdownParentRect = _dropdownParent.getBoundingClientRect();
-    const spaceBelow = window.innerHeight - (rightButtonRect.bottom + ((_a = this.offsetParentRect) === null || _a === void 0 ? void 0 : _a.top));
-    const spaceAbove = rightButtonRect.top + ((_b = this.offsetParentRect) === null || _b === void 0 ? void 0 : _b.top);
-    const spaceRight = window.innerWidth - (rightButtonRect.left + ((_c = this.offsetParentRect) === null || _c === void 0 ? void 0 : _c.left));
+    const spaceBelow = window.innerHeight - rightButtonRect.bottom;
+    const spaceAbove = rightButtonRect.top;
+    const spaceRight = window.innerWidth - rightButtonRect.right;
     const spaceLeft = rightButtonRect.left;
     const hasSpaceBelow = spaceBelow < dropdownParentRect.height && spaceAbove > dropdownParentRect.height;
     const hasSpaceRight = spaceRight < dropdownParentRect.width && spaceLeft > dropdownParentRect.width;
-    let top = `${rightButtonRect.bottom - ((_d = this.offsetParentRect) === null || _d === void 0 ? void 0 : _d.top) + window.scrollY}px`;
-    let left = `${rightButtonRect.left - ((_e = this.offsetParentRect) === null || _e === void 0 ? void 0 : _e.left) + window.scrollX}px`;
+    let top = `${rightButtonRect.bottom + window.scrollY}px`;
+    let left = `${rightButtonRect.left + window.scrollX}px`;
     let bottom = 'auto';
     if (hasSpaceBelow) {
       bottom = `${window.innerHeight - rightButtonRect.top - window.scrollY}px`;
@@ -104,7 +88,7 @@ export class EzSplitButton {
       _dropdownParent.style.maxHeight = `${spaceAbove}px`;
     }
     if (hasSpaceRight) {
-      left = `${rightButtonRect.right - dropdownParentRect.width - ((_f = this.offsetParentRect) === null || _f === void 0 ? void 0 : _f.left) + window.scrollX}px`;
+      left = `${rightButtonRect.right - dropdownParentRect.width + window.scrollX}px`;
     }
     _dropdownParent.style.top = top;
     _dropdownParent.style.bottom = bottom;
@@ -117,9 +101,6 @@ export class EzSplitButton {
   componentWillLoad() {
     this.setEvents();
   }
-  componentWillRender() {
-    this.resolveOffsetParentRect();
-  }
   componentDidLoad() {
     if (this._element)
       ElementIDUtils.addIDInfo(this._element);

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

@@ -106,8 +106,16 @@ export class SplitPanel {
   }
   getGridTemplate() {
     let template = '';
+    const inUseSpacePercentage = this._items.reduce((accumulator, currentValue) => {
+      var _a;
+      return accumulator + (((_a = currentValue.size) === null || _a === void 0 ? void 0 : _a.includes('%')) ? Number(currentValue.size.replace("%", "")) : 0);
+    }, 0);
+    const itemsWithPercentageAmount = this._items.filter((item) => item.size === undefined).length;
     this._items.forEach((col, index) => {
-      const size = col.size || '1fr';
+      let size = col.size || '1fr';
+      if (!col.size && inUseSpacePercentage > 0) {
+        size = `${(100 - inUseSpacePercentage) / itemsWithPercentageAmount}%`;
+      }
       if (index === this._items.length - 1) {
         template += ` ${size}`;
         return;

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

@@ -24,8 +24,6 @@
   --ez-tree--selected--color: var(--color--primary, #008561);
   /*@doc Define a cor da fonte e do ícone quando desabilitado.*/
   --ez-tree--disabled--color: var(--text--disable, #AFB6C0);
-  /*@doc Usado em fontes com peso maior (bold)*/
-  --ez-tree--font-weight--bold: var(--text-weight--large, 600);
 
   /* Item */
   /*@doc Define a altura de cada item.*/
@@ -49,18 +47,6 @@
   /*@doc Define o espaçamento interno do ícone.*/
   --ez-tree__item-icon-box--padding: var(--ez-tree__tree-item--padding);
 
-  /* Badge ícone - Cores */
-  /*@doc Cor de ícone de badge padrão.*/
-  --ez-tree__badge--icon-color--default: var(--title--primary, #2B3A54);
-  /*@doc Cor de ícone de badge de erro.*/
-  --ez-tree__badge--icon-color--error: var(--color--error, #da4453);
-  /*@doc Cor de ícone de badge sucesso.*/
-  --ez-tree__badge--icon-color--success: var(--color-alert--success-800, #157a00);
-  /*@doc Cor de ícone de badge de aviso.*/
-  --ez-tree__badge--icon-color--warning: var(--color--warning, #f2d410);
-  /*@doc Cor de ícone de badge desabilitado.*/
-  --ez-tree__badge--icon-color--disabled: var(--text--disable, #AFB6C0);  
- 
   /*private*/
   display: flex;
   flex-direction: column;
@@ -99,14 +85,6 @@ ul.first-level {
   --ez-icon--color: white;
 }
 
-.tree-item-badge-text{
-  /*public*/
-  font-family: var(--ez-tree--font-family);
-  font-size: var(--ez-tree--font-size);
-  font-weight: var(--ez-tree--font-weight);
-  color: var(--ez-tree--color);
-}
-
 .tree-item-badge.error{
   background: var(--color--error);
 }
@@ -202,10 +180,6 @@ ul.first-level {
   color: var(--ez-tree--color);
 }
 
-.item-label--bold {
-  font-weight: var(--ez-tree--font-weight--bold);
-}
-
 .tree-item[selected] .item-label {
   /*public*/
   color: var(--ez-tree--selected--color);

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

@@ -14,24 +14,11 @@ 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) }, {
     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
+    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.label)), h("div", { class: `tree-item-badge ${(treeItem.id !== selectedId) ? treeItem.badge : null}` }, treeItem.badge === 'error' ? (h("ez-icon", { id: `${treeItem.id}-badge-error`, class: "tree-item-badge-error-icon", size: "x-small", style: { color: 'white' }, iconName: "alert-circle" })) : null)), expanded
     && node.getChildren().map(child => h(TreeItem, { selectedId: selectedId, node: child, itemClick: itemClick, iconClick: iconClick, level: level + 1, iconResolver: iconResolver, tooltipResolver: tooltipResolver, itemsList: itemsList }))));
 };
-function getBadgeElement(itemId, badge, isSelectedItem) {
-  if (badge == undefined) {
-    return;
-  }
-  if (typeof badge === "string") {
-    return h("div", { class: `tree-item-badge ${isSelectedItem ? null : badge}` }, badge === "error" &&
-      h("ez-icon", { id: `${itemId}-badge-error`, class: "tree-item-badge-error-icon", size: "x-small", style: { color: 'white' }, iconName: "alert-circle" }));
-  }
-  if (badge.type === "text") {
-    return h("div", { id: `${itemId}-badge-text`, class: "tree-item-badge-text" }, badge.text);
-  }
-  return h("div", null, h("ez-icon", { id: `${itemId}-badge-icon`, class: "tree-item-badge-icon", style: { "--ez-icon--color": `var(--ez-tree__badge--icon-color--${badge.iconColor || "default"})` }, iconName: badge.iconName }));
-}

package/dist/custom-elements/index.js

@@ -1,6 +1,6 @@
 import { HTMLElement as HTMLElement$1, createEvent, h, Host, forceUpdate, Fragment, proxyCustomElement } from '@stencil/core/internal/client';
 export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
-import { UserInterface, DateUtils as DateUtils$1, Action, WaitingChangeException, ApplicationContext, DataUnitAction, FloatingManager, ElementIDUtils, ObjectUtils as ObjectUtils$1, JSUtils, StringUtils as StringUtils$1, TimeFormatter, DataUnit, HTMLBuilder, NumberUtils as NumberUtils$1, MaskFormatter, DataType, SortMode, FieldComparator, ArrayUtils as ArrayUtils$1, OverflowWatcher, OVERFLOWED_CLASS_NAME, KeyboardManager } from '@sankhyalabs/core';
+import { UserInterface, DateUtils as DateUtils$1, Action, WaitingChangeException, ApplicationContext, DataUnitAction, FloatingManager, ElementIDUtils, ObjectUtils as ObjectUtils$1, JSUtils, StringUtils as StringUtils$1, TimeFormatter, DataUnit, HTMLBuilder, NumberUtils as NumberUtils$1, MaskFormatter, DataType, SortMode, FieldComparator, ArrayUtils as ArrayUtils$1, OverflowWatcher, OVERFLOWED_CLASS_NAME } from '@sankhyalabs/core';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
 
 // Unique ID creation requires a high quality random # generator. In the browser we therefore
@@ -1133,7 +1133,6 @@ const EzAlertList$1 = class extends HTMLElement$1 {
     super();
     this.__registerHost();
     this.__attachShadow();
-    this._container = undefined;
     this.alerts = [];
     this.enableDragAndDrop = undefined;
     this.enableExpand = true;
@@ -1142,9 +1141,7 @@ const EzAlertList$1 = class extends HTMLElement$1 {
     this.expanded = false;
   }
   observeOpened() {
-    if (this.opened) {
-      this.manageOverlay();
-    }
+    this.manageOverlay();
   }
   /**
    * Retorna o id do alerta a partir do título e do índice.
@@ -1271,7 +1268,7 @@ const EzAlertList$1 = class extends HTMLElement$1 {
   }
   get _element() { return this; }
   static get watchers() { return {
-    "_container": ["observeOpened"]
+    "opened": ["observeOpened"]
   }; }
   static get style() { return ezAlertListCss; }
 };
@@ -125683,6 +125680,9 @@ const EzGrid$1 = class extends HTMLElement$1 {
     return Promise.resolve(this._gridController.getColumnsState().filter(col => matches(col.label, search)));
   }
   observeConfig(config) {
+    if (!config) {
+      return;
+    }
     this._gridController.setColumnsState(config.columns);
   }
   updatePaginationTooltip() {
@@ -125741,29 +125741,21 @@ const EzGrid$1 = class extends HTMLElement$1 {
     return newConfig;
   }
   positionSelectionCounter() {
-    var _a, _b;
-    if (!this._gridSelectionCounter)
-      return;
-    if (!this._showSelectionCounter) {
-      this._gridSelectionCounter.style.bottom = '';
+    var _a;
+    if (this._gridSelectionCounter == undefined) {
       return;
     }
-    const containerRect = (_a = this._container) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
-    const selectionRect = (_b = this._gridSelectionCounter) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect();
-    if (!containerRect || !selectionRect)
-      return;
-    const positionBottom = containerRect.bottom - 30;
-    this._gridSelectionCounter.style.bottom = document.body.clientHeight - positionBottom + 'px';
-    this._gridSelectionCounter.style.left = this.calculatePositionLeft(containerRect, selectionRect);
-  }
-  calculatePositionLeft(containerRect, selectionRect) {
-    let selectionStart = containerRect.left + (containerRect.width / 2);
-    const containerRightEdge = containerRect.left + this._container.clientWidth;
-    const selectionEnd = (selectionStart - (selectionRect.width / 2)) + selectionRect.width;
-    if (selectionEnd > containerRightEdge) {
-      selectionStart = containerRightEdge - (selectionRect.width / 2);
+    if (this._showSelectionCounter) {
+      const boundingContainer = (_a = this._container) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+      if (boundingContainer == undefined) {
+        return;
+      }
+      const limitBottom = boundingContainer.bottom - 30;
+      this._gridSelectionCounter.style.bottom = document.body.clientHeight - limitBottom + 'px';
+    }
+    else {
+      this._gridSelectionCounter.style.bottom = '';
     }
-    return `${selectionStart}px`;
   }
   setEvents() {
     window.removeEventListener('scroll', this.positionSelectionCounter.bind(this));
@@ -126810,6 +126802,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);
   }
@@ -126820,10 +126818,6 @@ const EzModalContainer$1 = class extends HTMLElement$1 {
     window.requestAnimationFrame(() => {
       this.ezModalAction.emit(ModalAction$1.LOAD);
     });
-    new KeyboardManager({ propagate: false, element: this._element })
-      .bind("Enter", this.ezModalAction.emit.bind(ModalAction$1.OK))
-      .bind("Escape", this.ezModalAction.emit.bind(ModalAction$1.CANCEL))
-      .bind("Esc", this.ezModalAction.emit.bind(ModalAction$1.CANCEL));
   }
   focusLast() {
     if (this._okButton == undefined) {
@@ -127372,11 +127366,11 @@ const EzPopup$1 = class extends HTMLElement$1 {
   observeConfig() {
     this.manageOverflow();
   }
-  componentDidLoad() {
-    new KeyboardManager({ propagate: false, element: this._element })
-      .bind("Enter", this.ezPopupAction.emit.bind("OK"))
-      .bind("Escape", () => this.opened = false)
-      .bind("Esc", () => this.opened = false);
+  handleKeyDown(event) {
+    if (event.key === 'Escape' || event.key === 'Esc')
+      this.opened = false;
+    if (event.key === 'Enter')
+      this.ezPopupAction.emit("OK");
   }
   manageOverflow() {
     if (this.opened) {
@@ -128470,38 +128464,22 @@ const EzSplitButton$1 = class extends HTMLElement$1 {
     evt.stopPropagation();
     this.closeDropdown();
   }
-  resolveOffsetParentRect() {
-    var _a, _b;
-    const offsetParentRect = (_b = (_a = this.dropdownParent) === null || _a === void 0 ? void 0 : _a.offsetParent) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect();
-    const scrollLeft = window.scrollX || document.documentElement.scrollLeft;
-    const scrollTop = window.scrollY || document.documentElement.scrollTop;
-    const rectWithoutScroll = {
-      top: (offsetParentRect === null || offsetParentRect === void 0 ? void 0 : offsetParentRect.top) + scrollTop,
-      left: (offsetParentRect === null || offsetParentRect === void 0 ? void 0 : offsetParentRect.left) + scrollLeft,
-      bottom: (offsetParentRect === null || offsetParentRect === void 0 ? void 0 : offsetParentRect.bottom) + scrollTop,
-      right: (offsetParentRect === null || offsetParentRect === void 0 ? void 0 : offsetParentRect.right) + scrollLeft,
-      width: offsetParentRect === null || offsetParentRect === void 0 ? void 0 : offsetParentRect.width,
-      height: offsetParentRect === null || offsetParentRect === void 0 ? void 0 : offsetParentRect.height
-    };
-    this.offsetParentRect = rectWithoutScroll;
-  }
   /**
    * Método responsável em posicionar o dropdown na tela.
    * Faz com que o dropdown se ajuste automaticamente ao espaco na tela
    */
   positionDropdown() {
-    var _a, _b, _c, _d, _e, _f;
     const { rightButton: _rightButton, dropdownParent: _dropdownParent } = this;
     const rightButtonRect = _rightButton.getBoundingClientRect();
     const dropdownParentRect = _dropdownParent.getBoundingClientRect();
-    const spaceBelow = window.innerHeight - (rightButtonRect.bottom + ((_a = this.offsetParentRect) === null || _a === void 0 ? void 0 : _a.top));
-    const spaceAbove = rightButtonRect.top + ((_b = this.offsetParentRect) === null || _b === void 0 ? void 0 : _b.top);
-    const spaceRight = window.innerWidth - (rightButtonRect.left + ((_c = this.offsetParentRect) === null || _c === void 0 ? void 0 : _c.left));
+    const spaceBelow = window.innerHeight - rightButtonRect.bottom;
+    const spaceAbove = rightButtonRect.top;
+    const spaceRight = window.innerWidth - rightButtonRect.right;
     const spaceLeft = rightButtonRect.left;
     const hasSpaceBelow = spaceBelow < dropdownParentRect.height && spaceAbove > dropdownParentRect.height;
     const hasSpaceRight = spaceRight < dropdownParentRect.width && spaceLeft > dropdownParentRect.width;
-    let top = `${rightButtonRect.bottom - ((_d = this.offsetParentRect) === null || _d === void 0 ? void 0 : _d.top) + window.scrollY}px`;
-    let left = `${rightButtonRect.left - ((_e = this.offsetParentRect) === null || _e === void 0 ? void 0 : _e.left) + window.scrollX}px`;
+    let top = `${rightButtonRect.bottom + window.scrollY}px`;
+    let left = `${rightButtonRect.left + window.scrollX}px`;
     let bottom = 'auto';
     if (hasSpaceBelow) {
       bottom = `${window.innerHeight - rightButtonRect.top - window.scrollY}px`;
@@ -128509,7 +128487,7 @@ const EzSplitButton$1 = class extends HTMLElement$1 {
       _dropdownParent.style.maxHeight = `${spaceAbove}px`;
     }
     if (hasSpaceRight) {
-      left = `${rightButtonRect.right - dropdownParentRect.width - ((_f = this.offsetParentRect) === null || _f === void 0 ? void 0 : _f.left) + window.scrollX}px`;
+      left = `${rightButtonRect.right - dropdownParentRect.width + window.scrollX}px`;
     }
     _dropdownParent.style.top = top;
     _dropdownParent.style.bottom = bottom;
@@ -128522,9 +128500,6 @@ const EzSplitButton$1 = class extends HTMLElement$1 {
   componentWillLoad() {
     this.setEvents();
   }
-  componentWillRender() {
-    this.resolveOffsetParentRect();
-  }
   componentDidLoad() {
     if (this._element)
       ElementIDUtils.addIDInfo(this._element);
@@ -129369,8 +129344,16 @@ const SplitPanel = class extends HTMLElement$1 {
   }
   getGridTemplate() {
     let template = '';
+    const inUseSpacePercentage = this._items.reduce((accumulator, currentValue) => {
+      var _a;
+      return accumulator + (((_a = currentValue.size) === null || _a === void 0 ? void 0 : _a.includes('%')) ? Number(currentValue.size.replace("%", "")) : 0);
+    }, 0);
+    const itemsWithPercentageAmount = this._items.filter((item) => item.size === undefined).length;
     this._items.forEach((col, index) => {
-      const size = col.size || '1fr';
+      let size = col.size || '1fr';
+      if (!col.size && inUseSpacePercentage > 0) {
+        size = `${(100 - inUseSpacePercentage) / itemsWithPercentageAmount}%`;
+      }
       if (index === this._items.length - 1) {
         template += ` ${size}`;
         return;
@@ -130409,7 +130392,7 @@ const TreeItem = (props) => {
     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) }, {
+    h("li", Object.assign({ title: tooltipResolver(treeItem, !disabled, level), class: `tree-item ${treeItem.id !== selectedId ? 'tree-item-error' : ""}`, onClick: () => available && itemClick(treeItem) }, {
       disabled,
       selected: treeItem.id === selectedId,
       [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: ElementIDUtils.getInternalIDInfo(`ezTreeItem_${treeItem.id}`)
@@ -130417,25 +130400,11 @@ const TreeItem = (props) => {
       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)),
+        h("label", { class: "item-label" }, treeItem.label)),
+      h("div", { class: `tree-item-badge ${(treeItem.id !== selectedId) ? treeItem.badge : null}` }, treeItem.badge === 'error' ? (h("ez-icon", { id: `${treeItem.id}-badge-error`, class: "tree-item-badge-error-icon", size: "x-small", style: { color: 'white' }, iconName: "alert-circle" })) : null)),
     expanded
       && node.getChildren().map(child => h(TreeItem, { selectedId: selectedId, node: child, itemClick: itemClick, iconClick: iconClick, level: level + 1, iconResolver: iconResolver, tooltipResolver: tooltipResolver, itemsList: itemsList }))));
 };
-function getBadgeElement(itemId, badge, isSelectedItem) {
-  if (badge == undefined) {
-    return;
-  }
-  if (typeof badge === "string") {
-    return h("div", { class: `tree-item-badge ${isSelectedItem ? null : badge}` }, badge === "error" &&
-      h("ez-icon", { id: `${itemId}-badge-error`, class: "tree-item-badge-error-icon", size: "x-small", style: { color: 'white' }, iconName: "alert-circle" }));
-  }
-  if (badge.type === "text") {
-    return h("div", { id: `${itemId}-badge-text`, class: "tree-item-badge-text" }, badge.text);
-  }
-  return h("div", null,
-    h("ez-icon", { id: `${itemId}-badge-icon`, class: "tree-item-badge-icon", style: { "--ez-icon--color": `var(--ez-tree__badge--icon-color--${badge.iconColor || "default"})` }, iconName: badge.iconName }));
-}
 
 class Node$1 {
   constructor(tree, item, parent, isPlaceHolder = false) {
@@ -130679,7 +130648,7 @@ class Tree extends Node$1 {
   }
 }
 
-const ezTreeCss = ":host{--ez-tree--border-radius:var(--border--radius-small, 8px);--ez-tree--padding-inline-start:20px;--ez-tree--margin:var(--space--extra-small, 3px);--ez-tree--margin-right:calc(var(--space--small, 6px) + 2px);--ez-tree--font-family:var(--font-pattern, Arial);--ez-tree--font-size:var(--text--medium, 14px);--ez-tree--selected--font-weight:var(--text-weight--large, 600);--ez-tree--font-weight:var(--text-weight--small, 400);--ez-tree--color:var(--title--primary, #2B3A54);--ez-tree--selected--color:var(--color--primary, #008561);--ez-tree--disabled--color:var(--text--disable, #AFB6C0);--ez-tree--font-weight--bold:var(--text-weight--large, 600);--ez-tree__tree-item--height:var(--size-medium, 18px);--ez-tree__tree-item--padding:var(--space--small, 6px);--ez-tree__tree-item--background-color:var(--background--xlight, #FFFFFF);--ez-tree__tree-item--selected--background-color:var(--color--primary-300, #E2F4EF);--ez-tree__tree-item--hover--background-color:var(--background--medium, #F0F3F7);--ez-tree__tree-item--disabled--background-color:var(--ez-tree__tree-Item--background-color);--ez-tree__item-icon-box--height:var(--ez-tree__tree-item--height);--ez-tree__item-icon-box--width:var(--size-medium, 18px);--ez-tree__item-icon-box--padding:var(--ez-tree__tree-item--padding);--ez-tree__badge--icon-color--default:var(--title--primary, #2B3A54);--ez-tree__badge--icon-color--error:var(--color--error, #da4453);--ez-tree__badge--icon-color--success:var(--color-alert--success-800, #157a00);--ez-tree__badge--icon-color--warning:var(--color--warning, #f2d410);--ez-tree__badge--icon-color--disabled:var(--text--disable, #AFB6C0);display:flex;flex-direction:column;margin:0 var(--ez-tree--margin) var(--ez-tree--margin) var(--ez-tree--margin);outline:none}ul{list-style-type:none;margin:0;padding-inline-start:var(--ez-tree--padding-inline-start)}ul.first-level{padding-inline-start:0}.tree-item-badge{width:16px;height:16px;background:transparent;border-radius:50%;transition:all 300ms ease-in-out;display:flex;align-items:center;justify-content:center}.tree-item-badge-error-icon{--ez-icon--color:white}.tree-item-badge-text{font-family:var(--ez-tree--font-family);font-size:var(--ez-tree--font-size);font-weight:var(--ez-tree--font-weight);color:var(--ez-tree--color)}.tree-item-badge.error{background:var(--color--error)}.tree-item-badge.warning{background:var(--color--warning)}.tree-item-badge.success{background:var(--color--success)}.item-label-container{display:flex;align-items:center}.tree-item{display:flex;align-items:center;margin-top:var(--ez-tree--margin);margin-right:var(--ez-tree--margin-right);border-radius:var(--ez-tree--border-radius);height:var(--ez-tree__tree-item--height);padding:var(--ez-tree__tree-item--padding);justify-content:space-between}.tree-item[selected]{background-color:var(--ez-tree__tree-item--selected--background-color)}.tree-item:hover{background-color:var(--ez-tree__tree-item--hover--background-color)}.tree-item[disabled],.tree-item[disabled]:hover{background-color:var(--ez-tree__tree-item--disabled--background-color)}.item-icon-box{display:flex;align-items:center;justify-content:center;width:var(--ez-tree__item-icon-box--width);height:var(--ez-tree__item-icon-box--height);padding:var(--ez-tree__item-icon-box--padding) var(--ez-tree__item-icon-box--padding) var(--ez-tree__item-icon-box--padding) 0}.item-icon{--ez-icon--color:var(--ez-tree--color)}.item-icon:hover{cursor:pointer}.tree-item[selected] .item-icon{--ez-icon--color:var(--ez-tree--selected--color)}.tree-item[disabled] .item-icon{cursor:unset;--ez-icon--color:var(--ez-tree--disabled--color)}.item-label{cursor:inherit;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:var(--ez-tree--font-family);font-size:var(--ez-tree--font-size);font-weight:var(--ez-tree--font-weight);color:var(--ez-tree--color)}.item-label--bold{font-weight:var(--ez-tree--font-weight--bold)}.tree-item[selected] .item-label{color:var(--ez-tree--selected--color);font-weight:var(--ez-tree--selected--font-weight)}.tree-item[disabled] .item-label{color:var(--ez-tree--disabled--color)}";
+const ezTreeCss = ":host{--ez-tree--border-radius:var(--border--radius-small, 8px);--ez-tree--padding-inline-start:20px;--ez-tree--margin:var(--space--extra-small, 3px);--ez-tree--margin-right:calc(var(--space--small, 6px) + 2px);--ez-tree--font-family:var(--font-pattern, Arial);--ez-tree--font-size:var(--text--medium, 14px);--ez-tree--selected--font-weight:var(--text-weight--large, 600);--ez-tree--font-weight:var(--text-weight--small, 400);--ez-tree--color:var(--title--primary, #2B3A54);--ez-tree--selected--color:var(--color--primary, #008561);--ez-tree--disabled--color:var(--text--disable, #AFB6C0);--ez-tree__tree-item--height:var(--size-medium, 18px);--ez-tree__tree-item--padding:var(--space--small, 6px);--ez-tree__tree-item--background-color:var(--background--xlight, #FFFFFF);--ez-tree__tree-item--selected--background-color:var(--color--primary-300, #E2F4EF);--ez-tree__tree-item--hover--background-color:var(--background--medium, #F0F3F7);--ez-tree__tree-item--disabled--background-color:var(--ez-tree__tree-Item--background-color);--ez-tree__item-icon-box--height:var(--ez-tree__tree-item--height);--ez-tree__item-icon-box--width:var(--size-medium, 18px);--ez-tree__item-icon-box--padding:var(--ez-tree__tree-item--padding);display:flex;flex-direction:column;margin:0 var(--ez-tree--margin) var(--ez-tree--margin) var(--ez-tree--margin);outline:none}ul{list-style-type:none;margin:0;padding-inline-start:var(--ez-tree--padding-inline-start)}ul.first-level{padding-inline-start:0}.tree-item-badge{width:16px;height:16px;background:transparent;border-radius:50%;transition:all 300ms ease-in-out;display:flex;align-items:center;justify-content:center}.tree-item-badge-error-icon{--ez-icon--color:white}.tree-item-badge.error{background:var(--color--error)}.tree-item-badge.warning{background:var(--color--warning)}.tree-item-badge.success{background:var(--color--success)}.item-label-container{display:flex;align-items:center}.tree-item{display:flex;align-items:center;margin-top:var(--ez-tree--margin);margin-right:var(--ez-tree--margin-right);border-radius:var(--ez-tree--border-radius);height:var(--ez-tree__tree-item--height);padding:var(--ez-tree__tree-item--padding);justify-content:space-between}.tree-item[selected]{background-color:var(--ez-tree__tree-item--selected--background-color)}.tree-item:hover{background-color:var(--ez-tree__tree-item--hover--background-color)}.tree-item[disabled],.tree-item[disabled]:hover{background-color:var(--ez-tree__tree-item--disabled--background-color)}.item-icon-box{display:flex;align-items:center;justify-content:center;width:var(--ez-tree__item-icon-box--width);height:var(--ez-tree__item-icon-box--height);padding:var(--ez-tree__item-icon-box--padding) var(--ez-tree__item-icon-box--padding) var(--ez-tree__item-icon-box--padding) 0}.item-icon{--ez-icon--color:var(--ez-tree--color)}.item-icon:hover{cursor:pointer}.tree-item[selected] .item-icon{--ez-icon--color:var(--ez-tree--selected--color)}.tree-item[disabled] .item-icon{cursor:unset;--ez-icon--color:var(--ez-tree--disabled--color)}.item-label{cursor:inherit;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:var(--ez-tree--font-family);font-size:var(--ez-tree--font-size);font-weight:var(--ez-tree--font-weight);color:var(--ez-tree--color)}.tree-item[selected] .item-label{color:var(--ez-tree--selected--color);font-weight:var(--ez-tree--selected--font-weight)}.tree-item[disabled] .item-label{color:var(--ez-tree--disabled--color)}";
 
 const EzTree$1 = class extends HTMLElement$1 {
   constructor() {
@@ -131617,7 +131586,7 @@ const MultiSelectionBoxMessage$1 = class extends HTMLElement$1 {
 
 const EzActionsButton = /*@__PURE__*/proxyCustomElement(EzActionsButton$1, [1,"ez-actions-button",{"enabled":[516],"actions":[1040],"size":[513],"showLabel":[516,"show-label"],"displayIcon":[513,"display-icon"],"checkOption":[516,"check-option"],"value":[513],"isTransparent":[516,"is-transparent"],"arrowActive":[516,"arrow-active"],"_selectedAction":[32]}]);
 const EzAlert = /*@__PURE__*/proxyCustomElement(EzAlert$1, [1,"ez-alert",{"alertType":[513,"alert-type"]}]);
-const EzAlertList = /*@__PURE__*/proxyCustomElement(EzAlertList$1, [1,"ez-alert-list",{"alerts":[1040],"enableDragAndDrop":[516,"enable-drag-and-drop"],"enableExpand":[516,"enable-expand"],"itemRightSlotBuilder":[16],"opened":[1540],"expanded":[1540],"_container":[32]}]);
+const EzAlertList = /*@__PURE__*/proxyCustomElement(EzAlertList$1, [1,"ez-alert-list",{"alerts":[1040],"enableDragAndDrop":[516,"enable-drag-and-drop"],"enableExpand":[516,"enable-expand"],"itemRightSlotBuilder":[16],"opened":[1540],"expanded":[1540]}]);
 const EzApplication = /*@__PURE__*/proxyCustomElement(EzApplication$1, [0,"ez-application"]);
 const EzBadge = /*@__PURE__*/proxyCustomElement(EzBadge$1, [1,"ez-badge",{"size":[513],"label":[513],"iconLeft":[513,"icon-left"],"iconRight":[513,"icon-right"],"position":[1040],"hasSlot":[32]}]);
 const EzBreadcrumb = /*@__PURE__*/proxyCustomElement(EzBreadcrumb$1, [1,"ez-breadcrumb",{"items":[1040],"fillMode":[1025,"fill-mode"],"maxItems":[1026,"max-items"],"positionEllipsis":[1026,"position-ellipsis"],"visibleItems":[32],"hiddenItems":[32],"showDropdown":[32],"collapseConfigPosition":[32]}]);
@@ -131642,11 +131611,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-alert-list.entry.js

@@ -6,7 +6,6 @@ const ezAlertListCss = ":host {\n  display: flex;\n\n  /* Alert List */\n  \n  /
 const EzAlertList = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this._container = undefined;
     this.alerts = [];
     this.enableDragAndDrop = undefined;
     this.enableExpand = true;
@@ -15,9 +14,7 @@ const EzAlertList = class {
     this.expanded = false;
   }
   observeOpened() {
-    if (this.opened) {
-      this.manageOverlay();
-    }
+    this.manageOverlay();
   }
   /**
    * Retorna o id do alerta a partir do título e do índice.
@@ -144,7 +141,7 @@ const EzAlertList = class {
   }
   get _element() { return getElement(this); }
   static get watchers() { return {
-    "_container": ["observeOpened"]
+    "opened": ["observeOpened"]
   }; }
 };
 EzAlertList.style = ezAlertListCss;

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

@@ -120763,6 +120763,9 @@ const EzGrid = class {
     return Promise.resolve(this._gridController.getColumnsState().filter(col => matches(col.label, search)));
   }
   observeConfig(config) {
+    if (!config) {
+      return;
+    }
     this._gridController.setColumnsState(config.columns);
   }
   updatePaginationTooltip() {
@@ -120821,29 +120824,21 @@ const EzGrid = class {
     return newConfig;
   }
   positionSelectionCounter() {
-    var _a, _b;
-    if (!this._gridSelectionCounter)
+    var _a;
+    if (this._gridSelectionCounter == undefined) {
       return;
-    if (!this._showSelectionCounter) {
+    }
+    if (this._showSelectionCounter) {
+      const boundingContainer = (_a = this._container) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+      if (boundingContainer == undefined) {
+        return;
+      }
+      const limitBottom = boundingContainer.bottom - 30;
+      this._gridSelectionCounter.style.bottom = document.body.clientHeight - limitBottom + 'px';
+    }
+    else {
       this._gridSelectionCounter.style.bottom = '';
-      return;
     }
-    const containerRect = (_a = this._container) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
-    const selectionRect = (_b = this._gridSelectionCounter) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect();
-    if (!containerRect || !selectionRect)
-      return;
-    const positionBottom = containerRect.bottom - 30;
-    this._gridSelectionCounter.style.bottom = document.body.clientHeight - positionBottom + 'px';
-    this._gridSelectionCounter.style.left = this.calculatePositionLeft(containerRect, selectionRect);
-  }
-  calculatePositionLeft(containerRect, selectionRect) {
-    let selectionStart = containerRect.left + (containerRect.width / 2);
-    const containerRightEdge = containerRect.left + this._container.clientWidth;
-    const selectionEnd = (selectionStart - (selectionRect.width / 2)) + selectionRect.width;
-    if (selectionEnd > containerRightEdge) {
-      selectionStart = containerRightEdge - (selectionRect.width / 2);
-    }
-    return `${selectionStart}px`;
   }
   setEvents() {
     window.removeEventListener('scroll', this.positionSelectionCounter.bind(this));

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

@@ -1,5 +1,4 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-baa5e267.js';
-import { KeyboardManager } from '@sankhyalabs/core';
 
 var ModalAction;
 (function (ModalAction) {
@@ -32,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);
   }
@@ -42,10 +47,6 @@ const EzModalContainer = class {
     window.requestAnimationFrame(() => {
       this.ezModalAction.emit(ModalAction$1.LOAD);
     });
-    new KeyboardManager({ propagate: false, element: this._element })
-      .bind("Enter", this.ezModalAction.emit.bind(ModalAction$1.OK))
-      .bind("Escape", this.ezModalAction.emit.bind(ModalAction$1.CANCEL))
-      .bind("Esc", this.ezModalAction.emit.bind(ModalAction$1.CANCEL));
   }
   focusLast() {
     if (this._okButton == undefined) {