@sankhyalabs/ezui 5.12.0 → 5.13.0-dev.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/dist/cjs/{ApplicationUtils-88d75775.js → ApplicationUtils-735a1107.js} +27 -0
  2. package/dist/cjs/{RecordValidationProcessor-059f2d03.js → RecordValidationProcessor-54ddab94.js} +1 -1
  3. package/dist/cjs/ez-actions-button.cjs.entry.js +3 -3
  4. package/dist/cjs/ez-collapsible-box.cjs.entry.js +1 -1
  5. package/dist/cjs/ez-combo-box.cjs.entry.js +1 -1
  6. package/dist/cjs/ez-dropdown.cjs.entry.js +2 -2
  7. package/dist/cjs/ez-form.cjs.entry.js +2 -2
  8. package/dist/cjs/ez-grid.cjs.entry.js +19 -9
  9. package/dist/cjs/ez-text-edit.cjs.entry.js +1 -1
  10. package/dist/cjs/ez-upload.cjs.entry.js +1 -1
  11. package/dist/collection/components/ez-actions-button/ez-actions-button.css +9 -1
  12. package/dist/collection/components/ez-actions-button/ez-actions-button.js +1 -1
  13. package/dist/collection/components/ez-dropdown/ez-dropdown.css +4 -3
  14. package/dist/collection/components/ez-dropdown/ez-dropdown.js +1 -1
  15. package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js +1 -0
  16. package/dist/collection/components/ez-grid/ez-grid.js +16 -7
  17. package/dist/collection/utils/ApplicationUtils.js +27 -0
  18. package/dist/custom-elements/index.js +48 -11
  19. package/dist/esm/{ApplicationUtils-ae588c9c.js → ApplicationUtils-834f2fbc.js} +27 -0
  20. package/dist/esm/{RecordValidationProcessor-0c6f41a1.js → RecordValidationProcessor-03a15fd0.js} +1 -1
  21. package/dist/esm/ez-actions-button.entry.js +3 -3
  22. package/dist/esm/ez-collapsible-box.entry.js +1 -1
  23. package/dist/esm/ez-combo-box.entry.js +1 -1
  24. package/dist/esm/ez-dropdown.entry.js +2 -2
  25. package/dist/esm/ez-form.entry.js +2 -2
  26. package/dist/esm/ez-grid.entry.js +19 -9
  27. package/dist/esm/ez-text-edit.entry.js +1 -1
  28. package/dist/esm/ez-upload.entry.js +1 -1
  29. package/dist/ezui/ezui.esm.js +1 -1
  30. package/dist/ezui/p-74049254.entry.js +1 -0
  31. package/dist/ezui/{p-f7127e0f.entry.js → p-83bd4eae.entry.js} +1 -1
  32. package/dist/ezui/{p-833bb237.entry.js → p-a0d8a94f.entry.js} +2 -2
  33. package/dist/ezui/{p-f9fd8446.entry.js → p-a68063e8.entry.js} +1 -1
  34. package/dist/ezui/{p-3e00263f.entry.js → p-accc4282.entry.js} +1 -1
  35. package/dist/ezui/{p-6fbe368e.entry.js → p-b977d29c.entry.js} +1 -1
  36. package/dist/ezui/p-c4e64f24.js +1 -0
  37. package/dist/ezui/p-d4cfe7cd.entry.js +1 -0
  38. package/dist/ezui/{p-7bcb062d.js → p-e3b77b6b.js} +1 -1
  39. package/dist/ezui/{p-c6c645b0.entry.js → p-f734d469.entry.js} +1 -1
  40. package/dist/types/components/ez-grid/ez-grid.d.ts +2 -0
  41. package/dist/types/utils/ApplicationUtils.d.ts +13 -0
  42. package/package.json +1 -1
  43. package/dist/ezui/p-a510a4c5.entry.js +0 -1
  44. package/dist/ezui/p-bc4e0389.entry.js +0 -1
  45. package/dist/ezui/p-ca9aa20c.js +0 -1
package/dist/cjs/{ApplicationUtils-88d75775.js → ApplicationUtils-735a1107.js} RENAMED
@@ -124,6 +124,33 @@ class ApplicationUtils {
124
124
  }
125
125
  toast.show(message, 5000, useIcon, options.canClose);
126
126
  }
127
+ static isModalContent(content) {
128
+ return content instanceof HTMLElement && content.tagName === 'EZ-MODAL-CONTAINER';
129
+ }
130
+ /**
131
+ * Exibe um popup configurado com os parâmetros informados e retorna um callBack
132
+ * para removêlo da DOM quando necessário.
133
+ *
134
+ * @param popupProps
135
+ */
136
+ static async showPopup(popupProps) {
137
+ var _a, _b;
138
+ const popup = document.createElement("ez-popup");
139
+ window.document.body.appendChild(popup);
140
+ const { content } = popupProps;
141
+ popup.setAttribute('id', v4());
142
+ popup.heightMode = (_a = popupProps.size) !== null && _a !== void 0 ? _a : "auto";
143
+ popup.opened = true;
144
+ if (ApplicationUtils.isModalContent(content)) {
145
+ popup.appendChild(content);
146
+ popup.useHeader = false;
147
+ }
148
+ else {
149
+ popup.ezTitle = (_b = popupProps.title) !== null && _b !== void 0 ? _b : "";
150
+ popup.innerHTML = content;
151
+ }
152
+ return () => popup.remove();
153
+ }
127
154
  static async showModal(modalProps) {
128
155
  modalProps = Object.assign(Object.assign({}, ApplicationUtils.defaultModalProps), modalProps);
129
156
  const modal = document.createElement("ez-modal");
package/dist/cjs/{RecordValidationProcessor-059f2d03.js → RecordValidationProcessor-54ddab94.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  const core = require('@sankhyalabs/core');
4
- const ApplicationUtils = require('./ApplicationUtils-88d75775.js');
4
+ const ApplicationUtils = require('./ApplicationUtils-735a1107.js');
5
5
 
6
6
  const buildFieldMetadata = (descriptor, config) => {
7
7
  let { name, label, group } = Object.assign({}, config);
package/dist/cjs/ez-actions-button.cjs.entry.js CHANGED
@@ -4,12 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-1064511f.js');
6
6
  const core = require('@sankhyalabs/core');
7
- require('./ApplicationUtils-88d75775.js');
7
+ require('./ApplicationUtils-735a1107.js');
8
8
  const CSSVarsUtils = require('./CSSVarsUtils-b136a156.js');
9
9
  require('./DialogType-2114c337.js');
10
10
  require('./CheckMode-ecb90b87.js');
11
11
 
12
- const ezActionsButtonCss = ":host{--ez-actions-button__actions-list--border-radius:var(--border--radius-medium, 12px);--ez-actions-button__actions-list--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-actions-button__actions-list--background-color:var(--background--xlight, #fff);--ez-actions-button__actions-list--padding:var(--space--small, 6px);--ez-actions-button__actions-list--top-margin:var(--space-small, 6px);--ez-actions-button__btn-action--min-width:'auto';--ez-actions-button__btn-action--background-color:var(--background--xlight, #fff);display:flex;flex-direction:column;height:fit-content;user-select:none}.ez-actions-button__actions-list{display:flex;flex-direction:column;position:fixed;width:fit-content;height:fit-content;z-index:var(--more-visible, 2);padding:var(--ez-actions-button__actions-list--padding);margin-top:var(--ez-actions-button__actions-list--top-margin);background-color:var(--ez-actions-button__actions-list--background-color);border-radius:var(--ez-actions-button__actions-list--border-radius);box-shadow:var(--ez-actions-button__actions-list--box-shadow)}.ez-actions-button__actions-list--lowered{margin-top:calc(var(--ez-actions-button__actions-list--top-margin) + 6px)}.ez-actions-button__btn-action{--ez-button--justify-content:flex-start;--ez-button--width:100%;--ez-button--min-width:var(--ez-actions-button__btn-action--min-width);--ez-button--background-color:var(--ez-actions-button__btn-action--background-color);--ez-button--font-weight:var(--text-weight--medium, 400);--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__btn-action--spaced{--ez-button--padding-left:calc(var(--space--medium, 12px) + 24px)}.ez-actions-button__icon-right{margin-left:var(--space--small, 6px)}.ez-actions-button__icon-check,.ez-actions-button__icon-item{position:absolute;left:var(--space--medium, 12px)}.ez-actions-button__icon-check{color:var(--ez-button--hover-color)}.ez-actions-button__arrow{position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;width:0;height:0;z-index:calc(var(--more-visible, 2) + 1);border-bottom:15px solid var(--ez-actions-button__btn-action--background-color)}.ez-actions-button__arrow--upped{margin-top:calc((var(--ez-actions-button__actions-list--top-margin) + 2px) * -1)}.ez-actions-button__arrow--small{margin-left:6px}.ez-actions-button__arrow--medium{margin-left:11px}.ez-actions-button__arrow--large{margin-left:13px}.ez-actions-button__arrow:only-child{display:none}.ez-actions-button__btn-transparent{--ez-button--background-color:transparent;--ez-button--hover--background-color:transparent;--ez-button--active--background-color:transparent;--ez-button--focus--border:none}.ez-actions-button__btn-label{--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__list-container{position:relative}";
12
+ const ezActionsButtonCss = ":host{--ez-actions-button__actions-list--border-radius:var(--border--radius-medium, 12px);--ez-actions-button__actions-list--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-actions-button__actions-list--background-color:var(--background--xlight, #fff);--ez-actions-button__actions-list--padding:var(--space--small, 6px);--ez-actions-button__actions-list--top-margin:var(--space-small, 6px);--ez-actions-button__actions-max-height:415px;--ez-actions-button__btn-action--min-width:'auto';--ez-actions-button__btn-action--background-color:var(--background--xlight, #fff);display:flex;flex-direction:column;height:fit-content;user-select:none}.ez-actions-button__actions-list{display:flex;flex-direction:column;position:fixed;width:fit-content;height:fit-content;overflow-y:auto;scrollbar-width:thin;z-index:var(--more-visible, 2);padding:var(--ez-actions-button__actions-list--padding);margin-top:var(--ez-actions-button__actions-list--top-margin);background-color:var(--ez-actions-button__actions-list--background-color);border-radius:var(--ez-actions-button__actions-list--border-radius);box-shadow:var(--ez-actions-button__actions-list--box-shadow)}.ez-actions-button__actions-list--max-height{max-height:var(--ez-actions-button__actions-max-height)}.ez-actions-button__actions-list--lowered{margin-top:calc(var(--ez-actions-button__actions-list--top-margin) + 6px)}.ez-actions-button__btn-action{--ez-button--justify-content:flex-start;--ez-button--width:100%;--ez-button--min-width:var(--ez-actions-button__btn-action--min-width);--ez-button--background-color:var(--ez-actions-button__btn-action--background-color);--ez-button--font-weight:var(--text-weight--medium, 400);--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__btn-action--spaced{--ez-button--padding-left:calc(var(--space--medium, 12px) + 24px)}.ez-actions-button__icon-right{margin-left:var(--space--small, 6px)}.ez-actions-button__icon-check,.ez-actions-button__icon-item{position:absolute;left:var(--space--medium, 12px)}.ez-actions-button__icon-check{color:var(--ez-button--hover-color)}.ez-actions-button__arrow{position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;width:0;height:0;z-index:calc(var(--more-visible, 2) + 1);border-bottom:15px solid var(--ez-actions-button__btn-action--background-color)}.ez-actions-button__arrow--upped{margin-top:calc((var(--ez-actions-button__actions-list--top-margin) + 2px) * -1)}.ez-actions-button__arrow--small{margin-left:6px}.ez-actions-button__arrow--medium{margin-left:11px}.ez-actions-button__arrow--large{margin-left:13px}.ez-actions-button__arrow:only-child{display:none}.ez-actions-button__btn-transparent{--ez-button--background-color:transparent;--ez-button--hover--background-color:transparent;--ez-button--active--background-color:transparent;--ez-button--focus--border:none}.ez-actions-button__btn-label{--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__list-container{position:relative}";
13
13
 
14
14
  const EzActionsButton = class {
15
15
  constructor(hostRef) {
@@ -196,7 +196,7 @@ const EzActionsButton = class {
196
196
  (this.showLabel ? " ez-actions-button__btn-label" : ""), label: this.showLabel && ((_a = this._selectedAction) === null || _a === void 0 ? void 0 : _a.label), enabled: this.enabled, mode: this.showLabel ? undefined : "icon", iconName: this.showLabel ? "" : this.displayIcon || "dots-vertical", size: this.size, onClick: () => this.handlerButtonClick() }, this.showLabel &&
197
197
  index.h("ez-icon", { class: "ez-actions-button__icon-right", slot: "rightIcon", iconName: this.displayIcon || "dots-vertical" })), index.h("section", { class: "ez-actions-button__list-container", ref: elem => this._listContainer = elem }, this.arrowActive &&
198
198
  index.h("div", { class: "ez-actions-button__arrow ez-actions-button__arrow--" + (this.size || "small") +
199
- (this.isTransparent ? " ez-actions-button__arrow--upped" : "") }), index.h("div", { ref: elem => this._actionsList = elem, class: "ez-actions-button__actions-list" +
199
+ (this.isTransparent ? " ez-actions-button__arrow--upped" : "") }), index.h("div", { ref: elem => this._actionsList = elem, class: "ez-actions-button__actions-list ez-actions-button__actions-list--max-height" +
200
200
  (this.arrowActive && !this.isTransparent ? " ez-actions-button__actions-list--lowered" : "") }, this.actions.map(action => {
201
201
  var _a;
202
202
  return index.h("ez-button", { size: "small", label: action.label, onClick: () => this.actionClick(action), enabled: action.enabled, class: "ez-actions-button__btn-action" +
package/dist/cjs/ez-collapsible-box.cjs.entry.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-1064511f.js');
6
6
  const core = require('@sankhyalabs/core');
7
- const ApplicationUtils = require('./ApplicationUtils-88d75775.js');
7
+ const ApplicationUtils = require('./ApplicationUtils-735a1107.js');
8
8
  require('./DialogType-2114c337.js');
9
9
  require('./CheckMode-ecb90b87.js');
10
10
 
package/dist/cjs/ez-combo-box.cjs.entry.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-1064511f.js');
6
6
  const core = require('@sankhyalabs/core');
7
- const ApplicationUtils = require('./ApplicationUtils-88d75775.js');
7
+ const ApplicationUtils = require('./ApplicationUtils-735a1107.js');
8
8
  const CSSVarsUtils = require('./CSSVarsUtils-b136a156.js');
9
9
  require('./DialogType-2114c337.js');
10
10
  require('./CheckMode-ecb90b87.js');
package/dist/cjs/ez-dropdown.cjs.entry.js CHANGED
@@ -279,7 +279,7 @@ class SubmenuControl {
279
279
  }
280
280
  }
281
281
 
282
- const ezDropdownCss = ":host{--ez-dropdown--z-index:var(--more-visible, 2);--ez-dropdown--padding:var(--space--small, 6px);--ez-dropdown--box-shadow:var(--shadow--medium, 0px 8px 24px rgba(0, 38, 111, 0.1));--ez-dropdown--border-radius:var(--border--radius-medium, 12px);--ez-dropdown--background-color:var(--background--xlight, #fff);--ez-dropdown--font-family:var(--font-pattern, 'Roboto');--ez-dropdown--max-width:320px;--ez-dropdown--max-height:440px;--ez-dropdown__item--padding:var(--space--small, 6px);--ez-dropdown__item--gap:var(--space--small, 6px);--ez-dropdown__item--border-radius:var(--border--radius-small, 6px);--ez-dropdown__item--color:var(--title--primary, #2b3a54);--ez-dropdown__item--font-weight:var(--text-weight--medium, 400);--ez-dropdown__item--font-size:var(--text--medium, 14px);--ez-dropdown__item--line-height:calc(var(--ez-dropdown__item--font-size) + 4px);--ez-dropdown__item--background-color:var(--background--medium, #f0f3f7);--ez-dropdown__item--transition:var(--transition, .2s linear);--ez-dropdown__item-label--margin-right:var(--space--medium, 12px);--ez-dropdown__icon--size:var(--icon--medium, 18px);--ez-dropdown__divider--background-color:var(--color--disable-secondary, #f2f5f8);--ez-dropdown__divider--margin:var(--space--extra-small, 3px) 0;--ez-dropdown__group-label--color:var(--text--secondary, #A2ABB9);--ez-dropdown__group-label--font-weight:var(--text-weight--large, 600);--ez-dropdown__group-label--font-size:var(--text--small, 12px);--ez-dropdown__group-label--line-height:var(--text--medium, 14px);--ez-dropdown__group-label--padding:var(--space--small, 6px);--ez-dropdown__submenu--z-index:var(--most-visible, 3);--ez-dropdown__link--font-weight:var(--text-weight--large, 600);--ez-dropdown__link--primary--color:var(--color--primary, #008561);--ez-dropdown__link--critical--color:var(--color-alert--error-800, #BD0025);--ez-dropdown__scrollbar--color-default:var(--scrollbar--default, #626e82);--ez-dropdown__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--ez-dropdown__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--ez-dropdown__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--ez-dropdown__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-dropdown__scrollbar--width:var(--space--small, 6px);--ez-dropdown__scrollbar--padding-right:var(--space--extra-small, 3px);display:flex;flex-direction:column;height:fit-content;user-select:none;box-sizing:border-box;position:fixed;z-index:var(--ez-dropdown--z-index)}:host *{box-sizing:border-box}.ez-dropdown{display:flex;padding:var(--ez-dropdown--padding);box-shadow:var(--ez-dropdown--box-shadow);border-radius:var(--ez-dropdown--border-radius);background-color:var(--ez-dropdown--background-color);max-width:var(--ez-dropdown--max-width);max-height:var(--ez-dropdown--max-height)}.ez-dropdown *{font-family:var(--ez-dropdown--font-family)}.ez-dropdown__container{display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;flex:auto;scrollbar-color:var(--ez-dropdown__scrollbar--color-clicked) var(--ez-dropdown__scrollbar--color-background)}.ez-dropdown__container::-webkit-scrollbar{background-color:var(--ez-dropdown__scrollbar--color-background);width:var(--ez-dropdown__scrollbar--width);max-width:var(--ez-dropdown__scrollbar--width);min-width:var(--ez-dropdown__scrollbar--width)}.ez-dropdown__container::-webkit-scrollbar-track{background-color:var(--ez-dropdown__scrollbar--color-background);border-radius:var(--ez-dropdown__scrollbar--border-radius)}.ez-dropdown__container::-webkit-scrollbar-thumb{background-color:var(--ez-dropdown__scrollbar--color-default);border-radius:var(--ez-dropdown__scrollbar--border-radius)}.ez-dropdown__container::-webkit-scrollbar-thumb:vertical:hover,.ez-dropdown__container::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--ez-dropdown__scrollbar--color-hover)}.ez-dropdown__container::-webkit-scrollbar-thumb:vertical:active,.ez-dropdown__container::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--ez-dropdown__scrollbar--color-clicked)}.ez-dropdown__container--spacer{padding-right:var(--ez-dropdown__scrollbar--padding-right)}.ez-dropdown__item{display:flex;align-items:center;background-color:transparent;border-radius:var(--ez-dropdown__item--border-radius);transition:var(--ez-dropdown__item--transition)}.ez-dropdown__item:hover{background-color:var(--ez-dropdown__item--background-color)}.ez-dropdown__item-wrapper{display:flex;align-items:center;position:relative;cursor:pointer;width:100%;margin:0;white-space:nowrap;gap:var(--ez-dropdown__item--gap);color:var(--ez-dropdown__item--color);font-weight:var(--ez-dropdown__item--font-weight);font-size:var(--ez-dropdown__item--font-size);line-height:var(--ez-dropdown__item--line-height);padding:var(--ez-dropdown__item--padding)}.ez-dropdown__item-wrapper ez-icon{display:flex;justify-content:center;align-items:center;width:var(--ez-dropdown__icon--size);height:var(--ez-dropdown__icon--size);min-width:var(--ez-dropdown__icon--size);min-height:var(--ez-dropdown__icon--size)}.ez-dropdown__item-content{display:flex;align-items:center;flex:auto;overflow:hidden;gap:var(--ez-dropdown__item--gap)}.ez-dropdown__item-label{text-align:left;text-overflow:ellipsis;overflow:hidden;flex:auto}.ez-dropdown__item-label:not(:last-child){margin-right:var(--ez-dropdown__item-label--margin-right)}.ez-dropdown__item-content+.ez-dropdown__link{margin-left:var(--ez-dropdown__item-label--margin-right);margin-right:var(--ez-dropdown__item--padding)}.ez-dropdown__item-builder{flex:auto}.ez-dropdown__divider{width:100%;height:2px;border-radius:1px;border:none;display:block;background-color:var(--ez-dropdown__divider--background-color);margin:var(--ez-dropdown__divider--margin)}.ez-dropdown__hidden{visibility:hidden}.ez-dropdown__group{display:flex;flex-direction:column}.ez-dropdown__group-label{display:block;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ez-dropdown__group-label--color);font-weight:var(--ez-dropdown__group-label--font-weight);font-size:var(--ez-dropdown__group-label--font-size);line-height:var(--ez-dropdown__group-label--line-height);padding:var(--ez-dropdown__group-label--padding)}.ez-dropdown__icon-right{margin-left:auto}.ez-dropdown__submenu{position:fixed;z-index:var(--ez-dropdown__submenu--z-index);margin-top:calc(var(--ez-dropdown__item--padding) * -1)}.ez-dropdown__submenu--hide{display:none}.ez-dropdown__link{display:block;margin-left:auto;cursor:pointer;text-overflow:ellipsis;overflow:hidden;font-weight:var(--ez-dropdown__link--font-weight);max-width:calc(var(--ez-dropdown--max-width) * 0.43)}.ez-dropdown__link--primary{color:var(--ez-dropdown__link--primary--color)}.ez-dropdown__link--critical{color:var(--ez-dropdown__link--critical--color)}.ez-dropdown__link:hover{text-decoration:underline}";
282
+ const ezDropdownCss = ":host{--ez-dropdown--z-index:var(--more-visible, 2);--ez-dropdown--padding:var(--space--small, 6px);--ez-dropdown--box-shadow:var(--shadow--medium, 0px 8px 24px rgba(0, 38, 111, 0.1));--ez-dropdown--border-radius:var(--border--radius-medium, 12px);--ez-dropdown--background-color:var(--background--xlight, #fff);--ez-dropdown--font-family:var(--font-pattern, 'Roboto');--ez-dropdown--max-height:415px;--ez-dropdown__item--padding:var(--space--small, 6px);--ez-dropdown__item--gap:var(--space--small, 6px);--ez-dropdown__item--border-radius:var(--border--radius-small, 6px);--ez-dropdown__item--color:var(--title--primary, #2b3a54);--ez-dropdown__item--font-weight:var(--text-weight--medium, 400);--ez-dropdown__item--font-size:var(--text--medium, 14px);--ez-dropdown__item--line-height:calc(var(--ez-dropdown__item--font-size) + 4px);--ez-dropdown__item--background-color:var(--background--medium, #f0f3f7);--ez-dropdown__item--transition:var(--transition, .2s linear);--ez-dropdown__item-label--margin-right:var(--space--medium, 12px);--ez-dropdown__icon--size:var(--icon--medium, 18px);--ez-dropdown__divider--background-color:var(--color--disable-secondary, #f2f5f8);--ez-dropdown__divider--margin:var(--space--extra-small, 3px) 0;--ez-dropdown__group-label--color:var(--text--secondary, #A2ABB9);--ez-dropdown__group-label--font-weight:var(--text-weight--large, 600);--ez-dropdown__group-label--font-size:var(--text--small, 12px);--ez-dropdown__group-label--line-height:var(--text--medium, 14px);--ez-dropdown__group-label--padding:var(--space--small, 6px);--ez-dropdown__submenu--z-index:var(--most-visible, 3);--ez-dropdown__link--font-weight:var(--text-weight--large, 600);--ez-dropdown__link--primary--color:var(--color--primary, #008561);--ez-dropdown__link--critical--color:var(--color-alert--error-800, #BD0025);--ez-dropdown__scrollbar--color-default:var(--scrollbar--default, #626e82);--ez-dropdown__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--ez-dropdown__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--ez-dropdown__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--ez-dropdown__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-dropdown__scrollbar--width:var(--space--small, 6px);--ez-dropdown__scrollbar--padding-right:var(--space--extra-small, 3px);display:flex;flex-direction:column;height:fit-content;user-select:none;box-sizing:border-box;position:fixed;z-index:var(--ez-dropdown--z-index)}:host *{box-sizing:border-box}.ez-dropdown{display:flex;padding:var(--ez-dropdown--padding);box-shadow:var(--ez-dropdown--box-shadow);border-radius:var(--ez-dropdown--border-radius);background-color:var(--ez-dropdown--background-color);max-width:var(--ez-dropdown--max-width)}.ez-dropdown__max-height{max-height:var(--ez-dropdown--max-height)}.ez-dropdown *{font-family:var(--ez-dropdown--font-family)}.ez-dropdown__container{display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;flex:auto;scrollbar-color:var(--ez-dropdown__scrollbar--color-clicked) var(--ez-dropdown__scrollbar--color-background)}.ez-dropdown__container::-webkit-scrollbar{background-color:var(--ez-dropdown__scrollbar--color-background);width:var(--ez-dropdown__scrollbar--width);max-width:var(--ez-dropdown__scrollbar--width);min-width:var(--ez-dropdown__scrollbar--width)}.ez-dropdown__container::-webkit-scrollbar-track{background-color:var(--ez-dropdown__scrollbar--color-background);border-radius:var(--ez-dropdown__scrollbar--border-radius)}.ez-dropdown__container::-webkit-scrollbar-thumb{background-color:var(--ez-dropdown__scrollbar--color-default);border-radius:var(--ez-dropdown__scrollbar--border-radius)}.ez-dropdown__container::-webkit-scrollbar-thumb:vertical:hover,.ez-dropdown__container::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--ez-dropdown__scrollbar--color-hover)}.ez-dropdown__container::-webkit-scrollbar-thumb:vertical:active,.ez-dropdown__container::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--ez-dropdown__scrollbar--color-clicked)}.ez-dropdown__container--spacer{padding-right:var(--ez-dropdown__scrollbar--padding-right)}.ez-dropdown__item{display:flex;align-items:center;background-color:transparent;border-radius:var(--ez-dropdown__item--border-radius);transition:var(--ez-dropdown__item--transition)}.ez-dropdown__item:hover{background-color:var(--ez-dropdown__item--background-color)}.ez-dropdown__item-wrapper{display:flex;align-items:center;position:relative;cursor:pointer;width:100%;margin:0;white-space:nowrap;gap:var(--ez-dropdown__item--gap);color:var(--ez-dropdown__item--color);font-weight:var(--ez-dropdown__item--font-weight);font-size:var(--ez-dropdown__item--font-size);line-height:var(--ez-dropdown__item--line-height);padding:var(--ez-dropdown__item--padding)}.ez-dropdown__item-wrapper ez-icon{display:flex;justify-content:center;align-items:center;width:var(--ez-dropdown__icon--size);height:var(--ez-dropdown__icon--size);min-width:var(--ez-dropdown__icon--size);min-height:var(--ez-dropdown__icon--size)}.ez-dropdown__item-content{display:flex;align-items:center;flex:auto;overflow:hidden;gap:var(--ez-dropdown__item--gap)}.ez-dropdown__item-label{text-align:left;text-overflow:ellipsis;overflow:hidden;flex:auto}.ez-dropdown__item-label:not(:last-child){margin-right:var(--ez-dropdown__item-label--margin-right)}.ez-dropdown__item-content+.ez-dropdown__link{margin-left:var(--ez-dropdown__item-label--margin-right);margin-right:var(--ez-dropdown__item--padding)}.ez-dropdown__item-builder{flex:auto}.ez-dropdown__divider{width:100%;height:2px;border-radius:1px;border:none;display:block;background-color:var(--ez-dropdown__divider--background-color);margin:var(--ez-dropdown__divider--margin)}.ez-dropdown__hidden{visibility:hidden}.ez-dropdown__group{display:flex;flex-direction:column}.ez-dropdown__group-label{display:block;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ez-dropdown__group-label--color);font-weight:var(--ez-dropdown__group-label--font-weight);font-size:var(--ez-dropdown__group-label--font-size);line-height:var(--ez-dropdown__group-label--line-height);padding:var(--ez-dropdown__group-label--padding)}.ez-dropdown__icon-right{margin-left:auto}.ez-dropdown__submenu{position:fixed;z-index:var(--ez-dropdown__submenu--z-index);margin-top:calc(var(--ez-dropdown__item--padding) * -1)}.ez-dropdown__submenu--hide{display:none}.ez-dropdown__link{display:block;margin-left:auto;cursor:pointer;text-overflow:ellipsis;overflow:hidden;font-weight:var(--ez-dropdown__link--font-weight);max-width:calc(var(--ez-dropdown--max-width) * 0.43)}.ez-dropdown__link--primary{color:var(--ez-dropdown__link--primary--color)}.ez-dropdown__link--critical{color:var(--ez-dropdown__link--critical--color)}.ez-dropdown__link:hover{text-decoration:underline}";
283
283
 
284
284
  const EzDropdown = class {
285
285
  constructor(hostRef) {
@@ -419,7 +419,7 @@ const EzDropdown = class {
419
419
  const hasGroup = this.hasGroup(branchItems);
420
420
  const hasIcon = this.hasIcon(branchItems);
421
421
  const hasChildren = this.hasChildren(branchItems);
422
- return (index.h("div", { class: "ez-dropdown", "data-level": level }, index.h("div", { class: "ez-dropdown__container" }, Object.keys(itemsByGroup)
422
+ return (index.h("div", { class: "ez-dropdown ez-dropdown__max-height", "data-level": level }, index.h("div", { class: "ez-dropdown__container" }, Object.keys(itemsByGroup)
423
423
  .map((groupLabel) => {
424
424
  return (index.h("div", Object.assign({ class: "ez-dropdown__group" }, { [core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: core.ElementIDUtils.getInternalIDInfo(`${groupLabel}_ezDropdownGroup`) }), groupLabel !== "noGroup" &&
425
425
  index.h("label", { class: "ez-dropdown__group-label", title: groupLabel }, groupLabel), hasGroup &&
package/dist/cjs/ez-form.cjs.entry.js CHANGED
@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-1064511f.js');
6
6
  const core = require('@sankhyalabs/core');
7
- const RecordValidationProcessor = require('./RecordValidationProcessor-059f2d03.js');
8
- require('./ApplicationUtils-88d75775.js');
7
+ const RecordValidationProcessor = require('./RecordValidationProcessor-54ddab94.js');
8
+ require('./ApplicationUtils-735a1107.js');
9
9
  require('./DialogType-2114c337.js');
10
10
 
11
11
  const DETAIL_PATTERN = /child\[([^\]]+)\]/;
package/dist/cjs/ez-grid.cjs.entry.js CHANGED
@@ -6,8 +6,8 @@ const index = require('./index-1064511f.js');
6
6
  const core = require('@sankhyalabs/core');
7
7
  const DataUnit = require('@sankhyalabs/core/dist/dataunit/DataUnit');
8
8
  const constants = require('./constants-3a1d64fb.js');
9
- const RecordValidationProcessor = require('./RecordValidationProcessor-059f2d03.js');
10
- const ApplicationUtils = require('./ApplicationUtils-88d75775.js');
9
+ const RecordValidationProcessor = require('./RecordValidationProcessor-54ddab94.js');
10
+ const ApplicationUtils = require('./ApplicationUtils-735a1107.js');
11
11
  require('./DialogType-2114c337.js');
12
12
  require('./CheckMode-ecb90b87.js');
13
13
 
@@ -119748,6 +119748,7 @@ class AgGridController {
119748
119748
  height: '100%'
119749
119749
  }
119750
119750
  },
119751
+ suppressFieldDotNotation: true,
119751
119752
  components: Object.assign({ ezGridHeaderComponent: SelectionHeader, ezGridCustomHeader: EzGridCustomHeader }, this._editionManager.getComponents()),
119752
119753
  context: {
119753
119754
  editionManager: this._editionManager,
@@ -120741,16 +120742,21 @@ const EzGrid = class {
120741
120742
  }
120742
120743
  previousPage() {
120743
120744
  if (this.dataUnit) {
120744
- this.dataUnit.previousPage();
120745
- this._paginationChangedByKeyboard = false;
120745
+ this.dataUnit.previousPage()
120746
+ .then(() => this.resetPaginationState());
120746
120747
  }
120747
120748
  }
120748
120749
  nextPage() {
120749
120750
  if (this.dataUnit) {
120750
- this.dataUnit.nextPage();
120751
- this._paginationChangedByKeyboard = false;
120751
+ this.dataUnit.nextPage()
120752
+ .then(() => this.resetPaginationState());
120752
120753
  }
120753
120754
  }
120755
+ resetPaginationState() {
120756
+ var _a;
120757
+ this._paginationChangedByKeyboard = false;
120758
+ (_a = this._gridApi) === null || _a === void 0 ? void 0 : _a.clearRangeSelection();
120759
+ }
120754
120760
  getPaginationControl() {
120755
120761
  if (this._paginationInfo) {
120756
120762
  const { firstRecord, lastRecord, total, currentPage, hasMore } = this._paginationInfo;
@@ -120791,14 +120797,18 @@ const EzGrid = class {
120791
120797
  if (this.config) {
120792
120798
  this.observeConfig(this.config);
120793
120799
  }
120800
+ if (this.dataUnit != undefined) {
120801
+ this._paginationInfo = this.dataUnit.getPaginationInfo();
120802
+ }
120794
120803
  this.buildDataElementId();
120795
120804
  this.setEvents();
120796
120805
  this.componentReady.emit();
120797
120806
  this._gridController.configFilterColumn(this._filterColumn);
120807
+ this._gridApi = this._gridController.getGridApi();
120798
120808
  this._container.addEventListener('focusout', (event) => {
120799
- const api = this._gridController.getGridApi();
120800
- if (api && !this._container.contains(event.relatedTarget))
120801
- api.clearFocusedCell();
120809
+ var _a;
120810
+ if (this._gridApi && !this._container.contains(event.relatedTarget))
120811
+ (_a = this._gridApi) === null || _a === void 0 ? void 0 : _a.clearFocusedCell();
120802
120812
  });
120803
120813
  }
120804
120814
  componentWillRender() {
package/dist/cjs/ez-text-edit.cjs.entry.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-1064511f.js');
6
6
  const core = require('@sankhyalabs/core');
7
- const ApplicationUtils = require('./ApplicationUtils-88d75775.js');
7
+ const ApplicationUtils = require('./ApplicationUtils-735a1107.js');
8
8
  require('./DialogType-2114c337.js');
9
9
  require('./CheckMode-ecb90b87.js');
10
10
 
package/dist/cjs/ez-upload.cjs.entry.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-1064511f.js');
6
- const ApplicationUtils = require('./ApplicationUtils-88d75775.js');
6
+ const ApplicationUtils = require('./ApplicationUtils-735a1107.js');
7
7
  const core = require('@sankhyalabs/core');
8
8
  require('./DialogType-2114c337.js');
9
9
 
package/dist/collection/components/ez-actions-button/ez-actions-button.css CHANGED
@@ -10,7 +10,9 @@
10
10
  --ez-actions-button__actions-list--padding: var(--space--small, 6px);
11
11
  /*@doc Define a distancia entre o botão e o popover*/
12
12
  --ez-actions-button__actions-list--top-margin: var(--space-small, 6px);
13
-
13
+ /*@doc Define a altura máxima do popover.*/
14
+ --ez-actions-button__actions-max-height: 415px;
15
+
14
16
  /* button */
15
17
  /*@doc Define a largura mínima do popover*/
16
18
  --ez-actions-button__btn-action--min-width: 'auto';
@@ -34,6 +36,8 @@
34
36
  position: fixed;
35
37
  width: fit-content;
36
38
  height: fit-content;
39
+ overflow-y: auto;
40
+ scrollbar-width: thin;
37
41
 
38
42
  /*public*/
39
43
  z-index: var(--more-visible, 2);
@@ -44,6 +48,10 @@
44
48
  box-shadow: var(--ez-actions-button__actions-list--box-shadow);
45
49
  }
46
50
 
51
+ .ez-actions-button__actions-list--max-height{
52
+ max-height: var(--ez-actions-button__actions-max-height);
53
+ }
54
+
47
55
  .ez-actions-button__actions-list--lowered {
48
56
  /*public*/
49
57
  margin-top: calc(var(--ez-actions-button__actions-list--top-margin) + 6px);
package/dist/collection/components/ez-actions-button/ez-actions-button.js CHANGED
@@ -184,7 +184,7 @@ export class EzActionsButton {
184
184
  (this.showLabel ? " ez-actions-button__btn-label" : ""), label: this.showLabel && ((_a = this._selectedAction) === null || _a === void 0 ? void 0 : _a.label), enabled: this.enabled, mode: this.showLabel ? undefined : "icon", iconName: this.showLabel ? "" : this.displayIcon || "dots-vertical", size: this.size, onClick: () => this.handlerButtonClick() }, this.showLabel &&
185
185
  h("ez-icon", { class: "ez-actions-button__icon-right", slot: "rightIcon", iconName: this.displayIcon || "dots-vertical" })), h("section", { class: "ez-actions-button__list-container", ref: elem => this._listContainer = elem }, this.arrowActive &&
186
186
  h("div", { class: "ez-actions-button__arrow ez-actions-button__arrow--" + (this.size || "small") +
187
- (this.isTransparent ? " ez-actions-button__arrow--upped" : "") }), h("div", { ref: elem => this._actionsList = elem, class: "ez-actions-button__actions-list" +
187
+ (this.isTransparent ? " ez-actions-button__arrow--upped" : "") }), h("div", { ref: elem => this._actionsList = elem, class: "ez-actions-button__actions-list ez-actions-button__actions-list--max-height" +
188
188
  (this.arrowActive && !this.isTransparent ? " ez-actions-button__actions-list--lowered" : "") }, this.actions.map(action => {
189
189
  var _a;
190
190
  return h("ez-button", { size: "small", label: action.label, onClick: () => this.actionClick(action), enabled: action.enabled, class: "ez-actions-button__btn-action" +
package/dist/collection/components/ez-dropdown/ez-dropdown.css CHANGED
@@ -12,10 +12,8 @@
12
12
  --ez-dropdown--background-color: var(--background--xlight, #fff);
13
13
  /*@doc Define a fonte do componente.*/
14
14
  --ez-dropdown--font-family: var(--font-pattern, 'Roboto');
15
- /*@doc Define a largura máxima do componente.*/
16
- --ez-dropdown--max-width: 320px;
17
15
  /*@doc Define a altura máxima do componente.*/
18
- --ez-dropdown--max-height: 440px;
16
+ --ez-dropdown--max-height: 415px;
19
17
 
20
18
  /* item*/
21
19
  /*@doc Define o espaçamento interno de cada item do componente.*/
@@ -120,6 +118,9 @@
120
118
  border-radius: var(--ez-dropdown--border-radius);
121
119
  background-color: var(--ez-dropdown--background-color);
122
120
  max-width: var(--ez-dropdown--max-width);
121
+ }
122
+
123
+ .ez-dropdown__max-height {
123
124
  max-height: var(--ez-dropdown--max-height);
124
125
  }
125
126
 
package/dist/collection/components/ez-dropdown/ez-dropdown.js CHANGED
@@ -137,7 +137,7 @@ export class EzDropdown {
137
137
  const hasGroup = this.hasGroup(branchItems);
138
138
  const hasIcon = this.hasIcon(branchItems);
139
139
  const hasChildren = this.hasChildren(branchItems);
140
- return (h("div", { class: "ez-dropdown", "data-level": level }, h("div", { class: "ez-dropdown__container" }, Object.keys(itemsByGroup)
140
+ return (h("div", { class: "ez-dropdown ez-dropdown__max-height", "data-level": level }, h("div", { class: "ez-dropdown__container" }, Object.keys(itemsByGroup)
141
141
  .map((groupLabel) => {
142
142
  return (h("div", Object.assign({ class: "ez-dropdown__group" }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: ElementIDUtils.getInternalIDInfo(`${groupLabel}_ezDropdownGroup`) }), groupLabel !== "noGroup" &&
143
143
  h("label", { class: "ez-dropdown__group-label", title: groupLabel }, groupLabel), hasGroup &&
package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js CHANGED
@@ -131,6 +131,7 @@ export default class AgGridController {
131
131
  height: '100%'
132
132
  }
133
133
  },
134
+ suppressFieldDotNotation: true,
134
135
  components: Object.assign({ ezGridHeaderComponent: SelectionHeader, ezGridCustomHeader: EzGridCustomHeader }, this._editionManager.getComponents()),
135
136
  context: {
136
137
  editionManager: this._editionManager,
package/dist/collection/components/ez-grid/ez-grid.js CHANGED
@@ -217,16 +217,21 @@ export class EzGrid {
217
217
  }
218
218
  previousPage() {
219
219
  if (this.dataUnit) {
220
- this.dataUnit.previousPage();
221
- this._paginationChangedByKeyboard = false;
220
+ this.dataUnit.previousPage()
221
+ .then(() => this.resetPaginationState());
222
222
  }
223
223
  }
224
224
  nextPage() {
225
225
  if (this.dataUnit) {
226
- this.dataUnit.nextPage();
227
- this._paginationChangedByKeyboard = false;
226
+ this.dataUnit.nextPage()
227
+ .then(() => this.resetPaginationState());
228
228
  }
229
229
  }
230
+ resetPaginationState() {
231
+ var _a;
232
+ this._paginationChangedByKeyboard = false;
233
+ (_a = this._gridApi) === null || _a === void 0 ? void 0 : _a.clearRangeSelection();
234
+ }
230
235
  getPaginationControl() {
231
236
  if (this._paginationInfo) {
232
237
  const { firstRecord, lastRecord, total, currentPage, hasMore } = this._paginationInfo;
@@ -267,14 +272,18 @@ export class EzGrid {
267
272
  if (this.config) {
268
273
  this.observeConfig(this.config);
269
274
  }
275
+ if (this.dataUnit != undefined) {
276
+ this._paginationInfo = this.dataUnit.getPaginationInfo();
277
+ }
270
278
  this.buildDataElementId();
271
279
  this.setEvents();
272
280
  this.componentReady.emit();
273
281
  this._gridController.configFilterColumn(this._filterColumn);
282
+ this._gridApi = this._gridController.getGridApi();
274
283
  this._container.addEventListener('focusout', (event) => {
275
- const api = this._gridController.getGridApi();
276
- if (api && !this._container.contains(event.relatedTarget))
277
- api.clearFocusedCell();
284
+ var _a;
285
+ if (this._gridApi && !this._container.contains(event.relatedTarget))
286
+ (_a = this._gridApi) === null || _a === void 0 ? void 0 : _a.clearFocusedCell();
278
287
  });
279
288
  }
280
289
  componentWillRender() {
package/dist/collection/utils/ApplicationUtils.js CHANGED
@@ -57,6 +57,33 @@ export default class ApplicationUtils {
57
57
  }
58
58
  toast.show(message, 5000, useIcon, options.canClose);
59
59
  }
60
+ static isModalContent(content) {
61
+ return content instanceof HTMLElement && content.tagName === 'EZ-MODAL-CONTAINER';
62
+ }
63
+ /**
64
+ * Exibe um popup configurado com os parâmetros informados e retorna um callBack
65
+ * para removêlo da DOM quando necessário.
66
+ *
67
+ * @param popupProps
68
+ */
69
+ static async showPopup(popupProps) {
70
+ var _a, _b;
71
+ const popup = document.createElement("ez-popup");
72
+ window.document.body.appendChild(popup);
73
+ const { content } = popupProps;
74
+ popup.setAttribute('id', uuid());
75
+ popup.heightMode = (_a = popupProps.size) !== null && _a !== void 0 ? _a : "auto";
76
+ popup.opened = true;
77
+ if (ApplicationUtils.isModalContent(content)) {
78
+ popup.appendChild(content);
79
+ popup.useHeader = false;
80
+ }
81
+ else {
82
+ popup.ezTitle = (_b = popupProps.title) !== null && _b !== void 0 ? _b : "";
83
+ popup.innerHTML = content;
84
+ }
85
+ return () => popup.remove();
86
+ }
60
87
  static async showModal(modalProps) {
61
88
  modalProps = Object.assign(Object.assign({}, ApplicationUtils.defaultModalProps), modalProps);
62
89
  const modal = document.createElement("ez-modal");
package/dist/custom-elements/index.js CHANGED
@@ -133,6 +133,33 @@ class ApplicationUtils {
133
133
  }
134
134
  toast.show(message, 5000, useIcon, options.canClose);
135
135
  }
136
+ static isModalContent(content) {
137
+ return content instanceof HTMLElement && content.tagName === 'EZ-MODAL-CONTAINER';
138
+ }
139
+ /**
140
+ * Exibe um popup configurado com os parâmetros informados e retorna um callBack
141
+ * para removêlo da DOM quando necessário.
142
+ *
143
+ * @param popupProps
144
+ */
145
+ static async showPopup(popupProps) {
146
+ var _a, _b;
147
+ const popup = document.createElement("ez-popup");
148
+ window.document.body.appendChild(popup);
149
+ const { content } = popupProps;
150
+ popup.setAttribute('id', v4());
151
+ popup.heightMode = (_a = popupProps.size) !== null && _a !== void 0 ? _a : "auto";
152
+ popup.opened = true;
153
+ if (ApplicationUtils.isModalContent(content)) {
154
+ popup.appendChild(content);
155
+ popup.useHeader = false;
156
+ }
157
+ else {
158
+ popup.ezTitle = (_b = popupProps.title) !== null && _b !== void 0 ? _b : "";
159
+ popup.innerHTML = content;
160
+ }
161
+ return () => popup.remove();
162
+ }
136
163
  static async showModal(modalProps) {
137
164
  modalProps = Object.assign(Object.assign({}, ApplicationUtils.defaultModalProps), modalProps);
138
165
  const modal = document.createElement("ez-modal");
@@ -799,7 +826,7 @@ class Bind {
799
826
  }
800
827
  }
801
828
 
802
- const ezActionsButtonCss = ":host{--ez-actions-button__actions-list--border-radius:var(--border--radius-medium, 12px);--ez-actions-button__actions-list--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-actions-button__actions-list--background-color:var(--background--xlight, #fff);--ez-actions-button__actions-list--padding:var(--space--small, 6px);--ez-actions-button__actions-list--top-margin:var(--space-small, 6px);--ez-actions-button__btn-action--min-width:'auto';--ez-actions-button__btn-action--background-color:var(--background--xlight, #fff);display:flex;flex-direction:column;height:fit-content;user-select:none}.ez-actions-button__actions-list{display:flex;flex-direction:column;position:fixed;width:fit-content;height:fit-content;z-index:var(--more-visible, 2);padding:var(--ez-actions-button__actions-list--padding);margin-top:var(--ez-actions-button__actions-list--top-margin);background-color:var(--ez-actions-button__actions-list--background-color);border-radius:var(--ez-actions-button__actions-list--border-radius);box-shadow:var(--ez-actions-button__actions-list--box-shadow)}.ez-actions-button__actions-list--lowered{margin-top:calc(var(--ez-actions-button__actions-list--top-margin) + 6px)}.ez-actions-button__btn-action{--ez-button--justify-content:flex-start;--ez-button--width:100%;--ez-button--min-width:var(--ez-actions-button__btn-action--min-width);--ez-button--background-color:var(--ez-actions-button__btn-action--background-color);--ez-button--font-weight:var(--text-weight--medium, 400);--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__btn-action--spaced{--ez-button--padding-left:calc(var(--space--medium, 12px) + 24px)}.ez-actions-button__icon-right{margin-left:var(--space--small, 6px)}.ez-actions-button__icon-check,.ez-actions-button__icon-item{position:absolute;left:var(--space--medium, 12px)}.ez-actions-button__icon-check{color:var(--ez-button--hover-color)}.ez-actions-button__arrow{position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;width:0;height:0;z-index:calc(var(--more-visible, 2) + 1);border-bottom:15px solid var(--ez-actions-button__btn-action--background-color)}.ez-actions-button__arrow--upped{margin-top:calc((var(--ez-actions-button__actions-list--top-margin) + 2px) * -1)}.ez-actions-button__arrow--small{margin-left:6px}.ez-actions-button__arrow--medium{margin-left:11px}.ez-actions-button__arrow--large{margin-left:13px}.ez-actions-button__arrow:only-child{display:none}.ez-actions-button__btn-transparent{--ez-button--background-color:transparent;--ez-button--hover--background-color:transparent;--ez-button--active--background-color:transparent;--ez-button--focus--border:none}.ez-actions-button__btn-label{--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__list-container{position:relative}";
829
+ const ezActionsButtonCss = ":host{--ez-actions-button__actions-list--border-radius:var(--border--radius-medium, 12px);--ez-actions-button__actions-list--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-actions-button__actions-list--background-color:var(--background--xlight, #fff);--ez-actions-button__actions-list--padding:var(--space--small, 6px);--ez-actions-button__actions-list--top-margin:var(--space-small, 6px);--ez-actions-button__actions-max-height:415px;--ez-actions-button__btn-action--min-width:'auto';--ez-actions-button__btn-action--background-color:var(--background--xlight, #fff);display:flex;flex-direction:column;height:fit-content;user-select:none}.ez-actions-button__actions-list{display:flex;flex-direction:column;position:fixed;width:fit-content;height:fit-content;overflow-y:auto;scrollbar-width:thin;z-index:var(--more-visible, 2);padding:var(--ez-actions-button__actions-list--padding);margin-top:var(--ez-actions-button__actions-list--top-margin);background-color:var(--ez-actions-button__actions-list--background-color);border-radius:var(--ez-actions-button__actions-list--border-radius);box-shadow:var(--ez-actions-button__actions-list--box-shadow)}.ez-actions-button__actions-list--max-height{max-height:var(--ez-actions-button__actions-max-height)}.ez-actions-button__actions-list--lowered{margin-top:calc(var(--ez-actions-button__actions-list--top-margin) + 6px)}.ez-actions-button__btn-action{--ez-button--justify-content:flex-start;--ez-button--width:100%;--ez-button--min-width:var(--ez-actions-button__btn-action--min-width);--ez-button--background-color:var(--ez-actions-button__btn-action--background-color);--ez-button--font-weight:var(--text-weight--medium, 400);--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__btn-action--spaced{--ez-button--padding-left:calc(var(--space--medium, 12px) + 24px)}.ez-actions-button__icon-right{margin-left:var(--space--small, 6px)}.ez-actions-button__icon-check,.ez-actions-button__icon-item{position:absolute;left:var(--space--medium, 12px)}.ez-actions-button__icon-check{color:var(--ez-button--hover-color)}.ez-actions-button__arrow{position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;width:0;height:0;z-index:calc(var(--more-visible, 2) + 1);border-bottom:15px solid var(--ez-actions-button__btn-action--background-color)}.ez-actions-button__arrow--upped{margin-top:calc((var(--ez-actions-button__actions-list--top-margin) + 2px) * -1)}.ez-actions-button__arrow--small{margin-left:6px}.ez-actions-button__arrow--medium{margin-left:11px}.ez-actions-button__arrow--large{margin-left:13px}.ez-actions-button__arrow:only-child{display:none}.ez-actions-button__btn-transparent{--ez-button--background-color:transparent;--ez-button--hover--background-color:transparent;--ez-button--active--background-color:transparent;--ez-button--focus--border:none}.ez-actions-button__btn-label{--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__list-container{position:relative}";
803
830
 
804
831
  const EzActionsButton$1 = class extends HTMLElement$1 {
805
832
  constructor() {
@@ -988,7 +1015,7 @@ const EzActionsButton$1 = class extends HTMLElement$1 {
988
1015
  (this.showLabel ? " ez-actions-button__btn-label" : ""), label: this.showLabel && ((_a = this._selectedAction) === null || _a === void 0 ? void 0 : _a.label), enabled: this.enabled, mode: this.showLabel ? undefined : "icon", iconName: this.showLabel ? "" : this.displayIcon || "dots-vertical", size: this.size, onClick: () => this.handlerButtonClick() }, this.showLabel &&
989
1016
  h("ez-icon", { class: "ez-actions-button__icon-right", slot: "rightIcon", iconName: this.displayIcon || "dots-vertical" })), h("section", { class: "ez-actions-button__list-container", ref: elem => this._listContainer = elem }, this.arrowActive &&
990
1017
  h("div", { class: "ez-actions-button__arrow ez-actions-button__arrow--" + (this.size || "small") +
991
- (this.isTransparent ? " ez-actions-button__arrow--upped" : "") }), h("div", { ref: elem => this._actionsList = elem, class: "ez-actions-button__actions-list" +
1018
+ (this.isTransparent ? " ez-actions-button__arrow--upped" : "") }), h("div", { ref: elem => this._actionsList = elem, class: "ez-actions-button__actions-list ez-actions-button__actions-list--max-height" +
992
1019
  (this.arrowActive && !this.isTransparent ? " ez-actions-button__actions-list--lowered" : "") }, this.actions.map(action => {
993
1020
  var _a;
994
1021
  return h("ez-button", { size: "small", label: action.label, onClick: () => this.actionClick(action), enabled: action.enabled, class: "ez-actions-button__btn-action" +
@@ -3664,7 +3691,7 @@ class SubmenuControl {
3664
3691
  }
3665
3692
  }
3666
3693
 
3667
- const ezDropdownCss = ":host{--ez-dropdown--z-index:var(--more-visible, 2);--ez-dropdown--padding:var(--space--small, 6px);--ez-dropdown--box-shadow:var(--shadow--medium, 0px 8px 24px rgba(0, 38, 111, 0.1));--ez-dropdown--border-radius:var(--border--radius-medium, 12px);--ez-dropdown--background-color:var(--background--xlight, #fff);--ez-dropdown--font-family:var(--font-pattern, 'Roboto');--ez-dropdown--max-width:320px;--ez-dropdown--max-height:440px;--ez-dropdown__item--padding:var(--space--small, 6px);--ez-dropdown__item--gap:var(--space--small, 6px);--ez-dropdown__item--border-radius:var(--border--radius-small, 6px);--ez-dropdown__item--color:var(--title--primary, #2b3a54);--ez-dropdown__item--font-weight:var(--text-weight--medium, 400);--ez-dropdown__item--font-size:var(--text--medium, 14px);--ez-dropdown__item--line-height:calc(var(--ez-dropdown__item--font-size) + 4px);--ez-dropdown__item--background-color:var(--background--medium, #f0f3f7);--ez-dropdown__item--transition:var(--transition, .2s linear);--ez-dropdown__item-label--margin-right:var(--space--medium, 12px);--ez-dropdown__icon--size:var(--icon--medium, 18px);--ez-dropdown__divider--background-color:var(--color--disable-secondary, #f2f5f8);--ez-dropdown__divider--margin:var(--space--extra-small, 3px) 0;--ez-dropdown__group-label--color:var(--text--secondary, #A2ABB9);--ez-dropdown__group-label--font-weight:var(--text-weight--large, 600);--ez-dropdown__group-label--font-size:var(--text--small, 12px);--ez-dropdown__group-label--line-height:var(--text--medium, 14px);--ez-dropdown__group-label--padding:var(--space--small, 6px);--ez-dropdown__submenu--z-index:var(--most-visible, 3);--ez-dropdown__link--font-weight:var(--text-weight--large, 600);--ez-dropdown__link--primary--color:var(--color--primary, #008561);--ez-dropdown__link--critical--color:var(--color-alert--error-800, #BD0025);--ez-dropdown__scrollbar--color-default:var(--scrollbar--default, #626e82);--ez-dropdown__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--ez-dropdown__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--ez-dropdown__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--ez-dropdown__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-dropdown__scrollbar--width:var(--space--small, 6px);--ez-dropdown__scrollbar--padding-right:var(--space--extra-small, 3px);display:flex;flex-direction:column;height:fit-content;user-select:none;box-sizing:border-box;position:fixed;z-index:var(--ez-dropdown--z-index)}:host *{box-sizing:border-box}.ez-dropdown{display:flex;padding:var(--ez-dropdown--padding);box-shadow:var(--ez-dropdown--box-shadow);border-radius:var(--ez-dropdown--border-radius);background-color:var(--ez-dropdown--background-color);max-width:var(--ez-dropdown--max-width);max-height:var(--ez-dropdown--max-height)}.ez-dropdown *{font-family:var(--ez-dropdown--font-family)}.ez-dropdown__container{display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;flex:auto;scrollbar-color:var(--ez-dropdown__scrollbar--color-clicked) var(--ez-dropdown__scrollbar--color-background)}.ez-dropdown__container::-webkit-scrollbar{background-color:var(--ez-dropdown__scrollbar--color-background);width:var(--ez-dropdown__scrollbar--width);max-width:var(--ez-dropdown__scrollbar--width);min-width:var(--ez-dropdown__scrollbar--width)}.ez-dropdown__container::-webkit-scrollbar-track{background-color:var(--ez-dropdown__scrollbar--color-background);border-radius:var(--ez-dropdown__scrollbar--border-radius)}.ez-dropdown__container::-webkit-scrollbar-thumb{background-color:var(--ez-dropdown__scrollbar--color-default);border-radius:var(--ez-dropdown__scrollbar--border-radius)}.ez-dropdown__container::-webkit-scrollbar-thumb:vertical:hover,.ez-dropdown__container::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--ez-dropdown__scrollbar--color-hover)}.ez-dropdown__container::-webkit-scrollbar-thumb:vertical:active,.ez-dropdown__container::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--ez-dropdown__scrollbar--color-clicked)}.ez-dropdown__container--spacer{padding-right:var(--ez-dropdown__scrollbar--padding-right)}.ez-dropdown__item{display:flex;align-items:center;background-color:transparent;border-radius:var(--ez-dropdown__item--border-radius);transition:var(--ez-dropdown__item--transition)}.ez-dropdown__item:hover{background-color:var(--ez-dropdown__item--background-color)}.ez-dropdown__item-wrapper{display:flex;align-items:center;position:relative;cursor:pointer;width:100%;margin:0;white-space:nowrap;gap:var(--ez-dropdown__item--gap);color:var(--ez-dropdown__item--color);font-weight:var(--ez-dropdown__item--font-weight);font-size:var(--ez-dropdown__item--font-size);line-height:var(--ez-dropdown__item--line-height);padding:var(--ez-dropdown__item--padding)}.ez-dropdown__item-wrapper ez-icon{display:flex;justify-content:center;align-items:center;width:var(--ez-dropdown__icon--size);height:var(--ez-dropdown__icon--size);min-width:var(--ez-dropdown__icon--size);min-height:var(--ez-dropdown__icon--size)}.ez-dropdown__item-content{display:flex;align-items:center;flex:auto;overflow:hidden;gap:var(--ez-dropdown__item--gap)}.ez-dropdown__item-label{text-align:left;text-overflow:ellipsis;overflow:hidden;flex:auto}.ez-dropdown__item-label:not(:last-child){margin-right:var(--ez-dropdown__item-label--margin-right)}.ez-dropdown__item-content+.ez-dropdown__link{margin-left:var(--ez-dropdown__item-label--margin-right);margin-right:var(--ez-dropdown__item--padding)}.ez-dropdown__item-builder{flex:auto}.ez-dropdown__divider{width:100%;height:2px;border-radius:1px;border:none;display:block;background-color:var(--ez-dropdown__divider--background-color);margin:var(--ez-dropdown__divider--margin)}.ez-dropdown__hidden{visibility:hidden}.ez-dropdown__group{display:flex;flex-direction:column}.ez-dropdown__group-label{display:block;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ez-dropdown__group-label--color);font-weight:var(--ez-dropdown__group-label--font-weight);font-size:var(--ez-dropdown__group-label--font-size);line-height:var(--ez-dropdown__group-label--line-height);padding:var(--ez-dropdown__group-label--padding)}.ez-dropdown__icon-right{margin-left:auto}.ez-dropdown__submenu{position:fixed;z-index:var(--ez-dropdown__submenu--z-index);margin-top:calc(var(--ez-dropdown__item--padding) * -1)}.ez-dropdown__submenu--hide{display:none}.ez-dropdown__link{display:block;margin-left:auto;cursor:pointer;text-overflow:ellipsis;overflow:hidden;font-weight:var(--ez-dropdown__link--font-weight);max-width:calc(var(--ez-dropdown--max-width) * 0.43)}.ez-dropdown__link--primary{color:var(--ez-dropdown__link--primary--color)}.ez-dropdown__link--critical{color:var(--ez-dropdown__link--critical--color)}.ez-dropdown__link:hover{text-decoration:underline}";
3694
+ const ezDropdownCss = ":host{--ez-dropdown--z-index:var(--more-visible, 2);--ez-dropdown--padding:var(--space--small, 6px);--ez-dropdown--box-shadow:var(--shadow--medium, 0px 8px 24px rgba(0, 38, 111, 0.1));--ez-dropdown--border-radius:var(--border--radius-medium, 12px);--ez-dropdown--background-color:var(--background--xlight, #fff);--ez-dropdown--font-family:var(--font-pattern, 'Roboto');--ez-dropdown--max-height:415px;--ez-dropdown__item--padding:var(--space--small, 6px);--ez-dropdown__item--gap:var(--space--small, 6px);--ez-dropdown__item--border-radius:var(--border--radius-small, 6px);--ez-dropdown__item--color:var(--title--primary, #2b3a54);--ez-dropdown__item--font-weight:var(--text-weight--medium, 400);--ez-dropdown__item--font-size:var(--text--medium, 14px);--ez-dropdown__item--line-height:calc(var(--ez-dropdown__item--font-size) + 4px);--ez-dropdown__item--background-color:var(--background--medium, #f0f3f7);--ez-dropdown__item--transition:var(--transition, .2s linear);--ez-dropdown__item-label--margin-right:var(--space--medium, 12px);--ez-dropdown__icon--size:var(--icon--medium, 18px);--ez-dropdown__divider--background-color:var(--color--disable-secondary, #f2f5f8);--ez-dropdown__divider--margin:var(--space--extra-small, 3px) 0;--ez-dropdown__group-label--color:var(--text--secondary, #A2ABB9);--ez-dropdown__group-label--font-weight:var(--text-weight--large, 600);--ez-dropdown__group-label--font-size:var(--text--small, 12px);--ez-dropdown__group-label--line-height:var(--text--medium, 14px);--ez-dropdown__group-label--padding:var(--space--small, 6px);--ez-dropdown__submenu--z-index:var(--most-visible, 3);--ez-dropdown__link--font-weight:var(--text-weight--large, 600);--ez-dropdown__link--primary--color:var(--color--primary, #008561);--ez-dropdown__link--critical--color:var(--color-alert--error-800, #BD0025);--ez-dropdown__scrollbar--color-default:var(--scrollbar--default, #626e82);--ez-dropdown__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--ez-dropdown__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--ez-dropdown__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--ez-dropdown__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-dropdown__scrollbar--width:var(--space--small, 6px);--ez-dropdown__scrollbar--padding-right:var(--space--extra-small, 3px);display:flex;flex-direction:column;height:fit-content;user-select:none;box-sizing:border-box;position:fixed;z-index:var(--ez-dropdown--z-index)}:host *{box-sizing:border-box}.ez-dropdown{display:flex;padding:var(--ez-dropdown--padding);box-shadow:var(--ez-dropdown--box-shadow);border-radius:var(--ez-dropdown--border-radius);background-color:var(--ez-dropdown--background-color);max-width:var(--ez-dropdown--max-width)}.ez-dropdown__max-height{max-height:var(--ez-dropdown--max-height)}.ez-dropdown *{font-family:var(--ez-dropdown--font-family)}.ez-dropdown__container{display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;flex:auto;scrollbar-color:var(--ez-dropdown__scrollbar--color-clicked) var(--ez-dropdown__scrollbar--color-background)}.ez-dropdown__container::-webkit-scrollbar{background-color:var(--ez-dropdown__scrollbar--color-background);width:var(--ez-dropdown__scrollbar--width);max-width:var(--ez-dropdown__scrollbar--width);min-width:var(--ez-dropdown__scrollbar--width)}.ez-dropdown__container::-webkit-scrollbar-track{background-color:var(--ez-dropdown__scrollbar--color-background);border-radius:var(--ez-dropdown__scrollbar--border-radius)}.ez-dropdown__container::-webkit-scrollbar-thumb{background-color:var(--ez-dropdown__scrollbar--color-default);border-radius:var(--ez-dropdown__scrollbar--border-radius)}.ez-dropdown__container::-webkit-scrollbar-thumb:vertical:hover,.ez-dropdown__container::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--ez-dropdown__scrollbar--color-hover)}.ez-dropdown__container::-webkit-scrollbar-thumb:vertical:active,.ez-dropdown__container::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--ez-dropdown__scrollbar--color-clicked)}.ez-dropdown__container--spacer{padding-right:var(--ez-dropdown__scrollbar--padding-right)}.ez-dropdown__item{display:flex;align-items:center;background-color:transparent;border-radius:var(--ez-dropdown__item--border-radius);transition:var(--ez-dropdown__item--transition)}.ez-dropdown__item:hover{background-color:var(--ez-dropdown__item--background-color)}.ez-dropdown__item-wrapper{display:flex;align-items:center;position:relative;cursor:pointer;width:100%;margin:0;white-space:nowrap;gap:var(--ez-dropdown__item--gap);color:var(--ez-dropdown__item--color);font-weight:var(--ez-dropdown__item--font-weight);font-size:var(--ez-dropdown__item--font-size);line-height:var(--ez-dropdown__item--line-height);padding:var(--ez-dropdown__item--padding)}.ez-dropdown__item-wrapper ez-icon{display:flex;justify-content:center;align-items:center;width:var(--ez-dropdown__icon--size);height:var(--ez-dropdown__icon--size);min-width:var(--ez-dropdown__icon--size);min-height:var(--ez-dropdown__icon--size)}.ez-dropdown__item-content{display:flex;align-items:center;flex:auto;overflow:hidden;gap:var(--ez-dropdown__item--gap)}.ez-dropdown__item-label{text-align:left;text-overflow:ellipsis;overflow:hidden;flex:auto}.ez-dropdown__item-label:not(:last-child){margin-right:var(--ez-dropdown__item-label--margin-right)}.ez-dropdown__item-content+.ez-dropdown__link{margin-left:var(--ez-dropdown__item-label--margin-right);margin-right:var(--ez-dropdown__item--padding)}.ez-dropdown__item-builder{flex:auto}.ez-dropdown__divider{width:100%;height:2px;border-radius:1px;border:none;display:block;background-color:var(--ez-dropdown__divider--background-color);margin:var(--ez-dropdown__divider--margin)}.ez-dropdown__hidden{visibility:hidden}.ez-dropdown__group{display:flex;flex-direction:column}.ez-dropdown__group-label{display:block;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ez-dropdown__group-label--color);font-weight:var(--ez-dropdown__group-label--font-weight);font-size:var(--ez-dropdown__group-label--font-size);line-height:var(--ez-dropdown__group-label--line-height);padding:var(--ez-dropdown__group-label--padding)}.ez-dropdown__icon-right{margin-left:auto}.ez-dropdown__submenu{position:fixed;z-index:var(--ez-dropdown__submenu--z-index);margin-top:calc(var(--ez-dropdown__item--padding) * -1)}.ez-dropdown__submenu--hide{display:none}.ez-dropdown__link{display:block;margin-left:auto;cursor:pointer;text-overflow:ellipsis;overflow:hidden;font-weight:var(--ez-dropdown__link--font-weight);max-width:calc(var(--ez-dropdown--max-width) * 0.43)}.ez-dropdown__link--primary{color:var(--ez-dropdown__link--primary--color)}.ez-dropdown__link--critical{color:var(--ez-dropdown__link--critical--color)}.ez-dropdown__link:hover{text-decoration:underline}";
3668
3695
 
3669
3696
  const EzDropdown$1 = class extends HTMLElement$1 {
3670
3697
  constructor() {
@@ -3806,7 +3833,7 @@ const EzDropdown$1 = class extends HTMLElement$1 {
3806
3833
  const hasGroup = this.hasGroup(branchItems);
3807
3834
  const hasIcon = this.hasIcon(branchItems);
3808
3835
  const hasChildren = this.hasChildren(branchItems);
3809
- return (h("div", { class: "ez-dropdown", "data-level": level }, h("div", { class: "ez-dropdown__container" }, Object.keys(itemsByGroup)
3836
+ return (h("div", { class: "ez-dropdown ez-dropdown__max-height", "data-level": level }, h("div", { class: "ez-dropdown__container" }, Object.keys(itemsByGroup)
3810
3837
  .map((groupLabel) => {
3811
3838
  return (h("div", Object.assign({ class: "ez-dropdown__group" }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: ElementIDUtils.getInternalIDInfo(`${groupLabel}_ezDropdownGroup`) }), groupLabel !== "noGroup" &&
3812
3839
  h("label", { class: "ez-dropdown__group-label", title: groupLabel }, groupLabel), hasGroup &&
@@ -124475,6 +124502,7 @@ class AgGridController {
124475
124502
  height: '100%'
124476
124503
  }
124477
124504
  },
124505
+ suppressFieldDotNotation: true,
124478
124506
  components: Object.assign({ ezGridHeaderComponent: SelectionHeader, ezGridCustomHeader: EzGridCustomHeader }, this._editionManager.getComponents()),
124479
124507
  context: {
124480
124508
  editionManager: this._editionManager,
@@ -125469,16 +125497,21 @@ const EzGrid$1 = class extends HTMLElement$1 {
125469
125497
  }
125470
125498
  previousPage() {
125471
125499
  if (this.dataUnit) {
125472
- this.dataUnit.previousPage();
125473
- this._paginationChangedByKeyboard = false;
125500
+ this.dataUnit.previousPage()
125501
+ .then(() => this.resetPaginationState());
125474
125502
  }
125475
125503
  }
125476
125504
  nextPage() {
125477
125505
  if (this.dataUnit) {
125478
- this.dataUnit.nextPage();
125479
- this._paginationChangedByKeyboard = false;
125506
+ this.dataUnit.nextPage()
125507
+ .then(() => this.resetPaginationState());
125480
125508
  }
125481
125509
  }
125510
+ resetPaginationState() {
125511
+ var _a;
125512
+ this._paginationChangedByKeyboard = false;
125513
+ (_a = this._gridApi) === null || _a === void 0 ? void 0 : _a.clearRangeSelection();
125514
+ }
125482
125515
  getPaginationControl() {
125483
125516
  if (this._paginationInfo) {
125484
125517
  const { firstRecord, lastRecord, total, currentPage, hasMore } = this._paginationInfo;
@@ -125519,14 +125552,18 @@ const EzGrid$1 = class extends HTMLElement$1 {
125519
125552
  if (this.config) {
125520
125553
  this.observeConfig(this.config);
125521
125554
  }
125555
+ if (this.dataUnit != undefined) {
125556
+ this._paginationInfo = this.dataUnit.getPaginationInfo();
125557
+ }
125522
125558
  this.buildDataElementId();
125523
125559
  this.setEvents();
125524
125560
  this.componentReady.emit();
125525
125561
  this._gridController.configFilterColumn(this._filterColumn);
125562
+ this._gridApi = this._gridController.getGridApi();
125526
125563
  this._container.addEventListener('focusout', (event) => {
125527
- const api = this._gridController.getGridApi();
125528
- if (api && !this._container.contains(event.relatedTarget))
125529
- api.clearFocusedCell();
125564
+ var _a;
125565
+ if (this._gridApi && !this._container.contains(event.relatedTarget))
125566
+ (_a = this._gridApi) === null || _a === void 0 ? void 0 : _a.clearFocusedCell();
125530
125567
  });
125531
125568
  }
125532
125569
  componentWillRender() {
package/dist/esm/{ApplicationUtils-ae588c9c.js → ApplicationUtils-834f2fbc.js} RENAMED
@@ -122,6 +122,33 @@ class ApplicationUtils {
122
122
  }
123
123
  toast.show(message, 5000, useIcon, options.canClose);
124
124
  }
125
+ static isModalContent(content) {
126
+ return content instanceof HTMLElement && content.tagName === 'EZ-MODAL-CONTAINER';
127
+ }
128
+ /**
129
+ * Exibe um popup configurado com os parâmetros informados e retorna um callBack
130
+ * para removêlo da DOM quando necessário.
131
+ *
132
+ * @param popupProps
133
+ */
134
+ static async showPopup(popupProps) {
135
+ var _a, _b;
136
+ const popup = document.createElement("ez-popup");
137
+ window.document.body.appendChild(popup);
138
+ const { content } = popupProps;
139
+ popup.setAttribute('id', v4());
140
+ popup.heightMode = (_a = popupProps.size) !== null && _a !== void 0 ? _a : "auto";
141
+ popup.opened = true;
142
+ if (ApplicationUtils.isModalContent(content)) {
143
+ popup.appendChild(content);
144
+ popup.useHeader = false;
145
+ }
146
+ else {
147
+ popup.ezTitle = (_b = popupProps.title) !== null && _b !== void 0 ? _b : "";
148
+ popup.innerHTML = content;
149
+ }
150
+ return () => popup.remove();
151
+ }
125
152
  static async showModal(modalProps) {
126
153
  modalProps = Object.assign(Object.assign({}, ApplicationUtils.defaultModalProps), modalProps);
127
154
  const modal = document.createElement("ez-modal");
package/dist/esm/{RecordValidationProcessor-0c6f41a1.js → RecordValidationProcessor-03a15fd0.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { UserInterface } from '@sankhyalabs/core';
2
- import { A as ApplicationUtils } from './ApplicationUtils-ae588c9c.js';
2
+ import { A as ApplicationUtils } from './ApplicationUtils-834f2fbc.js';
3
3
 
4
4
  const buildFieldMetadata = (descriptor, config) => {
5
5
  let { name, label, group } = Object.assign({}, config);