@sankhyalabs/ezui 4.5.1 → 4.6.1

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/{constants-5d588e38.js → constants-5a75e2f3.js} +0 -2
  2. package/dist/cjs/ez-collapsible-box.cjs.entry.js +4 -2
  3. package/dist/cjs/ez-combo-box.cjs.entry.js +1 -1
  4. package/dist/cjs/ez-form-view.cjs.entry.js +1 -1
  5. package/dist/cjs/ez-form.cjs.entry.js +0 -1
  6. package/dist/cjs/ez-grid.cjs.entry.js +112 -213
  7. package/dist/cjs/ezui.cjs.js +1 -1
  8. package/dist/cjs/loader.cjs.js +1 -1
  9. package/dist/collection/components/ez-collapsible-box/ez-collapsible-box.css +31 -0
  10. package/dist/collection/components/ez-collapsible-box/ez-collapsible-box.js +20 -1
  11. package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js +86 -84
  12. package/dist/collection/components/ez-grid/controller/ag-grid/DataSource.js +5 -16
  13. package/dist/collection/components/ez-grid/ez-grid.js +21 -110
  14. package/dist/collection/components/ez-grid/subcomponents/selection-counter.js +3 -5
  15. package/dist/collection/utils/form/DataBinder.js +0 -1
  16. package/dist/custom-elements/index.js +118 -218
  17. package/dist/esm/constants-ca136201.js +3 -0
  18. package/dist/esm/ez-collapsible-box.entry.js +4 -2
  19. package/dist/esm/ez-combo-box.entry.js +1 -1
  20. package/dist/esm/ez-form-view.entry.js +1 -1
  21. package/dist/esm/ez-form.entry.js +0 -1
  22. package/dist/esm/ez-grid.entry.js +112 -213
  23. package/dist/esm/ezui.js +1 -1
  24. package/dist/esm/loader.js +1 -1
  25. package/dist/ezui/ezui.esm.js +1 -1
  26. package/dist/ezui/p-03164b9f.entry.js +1 -0
  27. package/dist/ezui/p-3f4ae3a3.js +1 -0
  28. package/dist/ezui/{p-878646a0.entry.js → p-50883460.entry.js} +1 -1
  29. package/dist/ezui/{p-ef705232.entry.js → p-8654802d.entry.js} +2 -2
  30. package/dist/ezui/p-b483b61f.entry.js +1 -0
  31. package/dist/ezui/{p-b7ea9791.entry.js → p-e748b5d3.entry.js} +1 -1
  32. package/dist/types/components/ez-collapsible-box/ez-collapsible-box.d.ts +4 -0
  33. package/dist/types/components/ez-grid/controller/EzGridController.d.ts +6 -10
  34. package/dist/types/components/ez-grid/controller/ag-grid/AgGridController.d.ts +3 -5
  35. package/dist/types/components/ez-grid/controller/ag-grid/DataSource.d.ts +0 -1
  36. package/dist/types/components/ez-grid/ez-grid.d.ts +2 -9
  37. package/dist/types/components/ez-grid/subcomponents/selection-counter.d.ts +2 -2
  38. package/dist/types/components.d.ts +8 -0
  39. package/package.json +1 -1
  40. package/dist/collection/components/ez-grid/controller/DataUnitBridge.js +0 -73
  41. package/dist/esm/constants-76d2e931.js +0 -4
  42. package/dist/ezui/p-1f841f3c.entry.js +0 -1
  43. package/dist/ezui/p-b01e3085.js +0 -1
  44. package/dist/ezui/p-bbccda3f.entry.js +0 -1
  45. package/dist/types/components/ez-grid/controller/DataUnitBridge.d.ts +0 -11
@@ -1,7 +1,5 @@
1
1
  'use strict';
2
2
 
3
3
  const REQUIRED_INFO = " (obrigatório) *";
4
- const ALL_RECORD = "ALL_RECORD";
5
4
 
6
- exports.ALL_RECORD = ALL_RECORD;
7
5
  exports.REQUIRED_INFO = REQUIRED_INFO;
@@ -8,7 +8,7 @@ const ApplicationUtils = require('./ApplicationUtils-1eef635f.js');
8
8
  require('./DialogType-2114c337.js');
9
9
  require('./CheckMode-ecb90b87.js');
10
10
 
11
- const ezCollapsibleBoxCss = ":host{--ez-collapsible-box--font-size:var(--title--medium, 14px);--ez-collapsible-box--font-family:var(--font-pattern, Arial);--ez-collapsible-box--font-weight:var(--text-weight--large, 600);--ez-collapsible-box--color:var(--title--primary);--ez-collapsible-box--focus--color:var(--color--primary-600);--ez-collapsible-box__icon--color:var(--ez-collapsible-box--color);--ez-collapsible-box__header--padding-top:0px;--ez-collapsible-box__header--padding-bottom:0px;--ez-collapsible-box__header--padding-right:0px;--ez-collapsible-box__header--padding-left:0px;display:flex;flex-wrap:wrap;width:100%}ez-icon{--ez-icon--color:inherit}.collapsible-box{display:flex;flex-direction:column;width:100%}.collapsible-box__header{display:flex;box-sizing:border-box;padding-top:var(--ez-collapsible-box__header--padding-top);padding-bottom:var(--ez-collapsible-box__header--padding-bottom);padding-right:var(--ez-collapsible-box__header--padding-right);padding-left:var(--ez-collapsible-box__header--padding-left)}.collapsible-box__title{position:relative;width:auto;display:flex;box-sizing:border-box;align-items:center;outline:none;border:none;background-color:unset;cursor:pointer;padding:0px;text-align:left;color:var(--ez-collapsible-box--color);--ez-icon--color:var(--ez-collapsible-box__icon--color);margin-bottom:var(--space--medium, 12px)}.collapsible-box__title:focus{color:var(--ez-collapsible-box--focus--color);--ez-icon--color:var(--ez-collapsible-box--focus--color)}.collapsible-box__label{display:flex;white-space:nowrap;overflow:hidden;cursor:pointer;text-overflow:ellipsis;box-sizing:border-box;margin-left:6px;gap:6px;font-family:var(--ez-collapsible-box--font-family);font-size:var(--ez-collapsible-box--font-size);font-weight:var(--ez-collapsible-box--font-weight)}.collapsible-box__label ez-icon{visibility:hidden;transition:0.25s linear}.collapsible-box__label:hover ez-icon{visibility:visible}.collapsible-box__text-edit{margin-left:6px}.collapsible-box__icon{transform:rotate(90deg) translate(0px, 14%);transition:transform var(--transition)}.collapsible-box__icon--collapsed{transform:rotate(0deg) translate(-14%, 0px)}.collapsible-box__title--icon-right{flex-direction:row-reverse}.collapsible-box__title--icon-right .collapsible-box__icon{transform:rotate(90deg) translate(0px, -14%)}.collapsible-box__title--icon-right .collapsible-box__icon--collapsed{transform:rotate(0deg) translate(14%, 0px)}.collapsible-box__title--icon-right .collapsible-box__label{margin-left:0px;margin-right:6px}.collapsible-box__title--left{margin-right:auto}.collapsible-box__title--right{margin-left:auto}.collapsible-box__title--center{margin-left:auto;margin-right:auto}.collapsible-box__title--stretch{justify-content:space-between;width:100%}.collapsible-box__title--no-margin{margin-bottom:0}.collapsible-box__content{display:flex;flex-wrap:wrap;width:100%;height:0px;max-height:0px;opacity:0;overflow:hidden;transition:all var(--transition, 0.5s)}.collapsible-box__content--show{height:100%;max-height:none;opacity:1;overflow:visible;transition:all var(--transition, 0.5s)}.font--x-small{font-size:10px}.font--small{font-size:12px}.font--medium{font-size:14px}.font--large{font-size:16px}.font--x-large{font-size:20px}";
11
+ const ezCollapsibleBoxCss = ":host{--ez-collapsible-box--font-size:var(--title--medium, 14px);--ez-collapsible-box--font-family:var(--font-pattern, Arial);--ez-collapsible-box--font-weight:var(--text-weight--large, 600);--ez-collapsible-box--color:var(--title--primary);--ez-collapsible-box--subtitle--font-size:var(--text--medium, 14px);--ez-collapsible-box--subtitle--font-family:var(--font-pattern, 'Roboto');--ez-collapsible-box--subtitle--font-weight:var(--text-weight--medium, 400);--ez-collapsible-box--subtitle--color:var(--text--primary);--ez-collapsible-box--subtitle--margin-bottom:var(--space--medium, 12px);--ez-collapsible-box--focus--color:var(--color--primary-600);--ez-collapsible-box__icon--color:var(--ez-collapsible-box--color);--ez-collapsible-box__header--padding-top:0px;--ez-collapsible-box__header--padding-bottom:0px;--ez-collapsible-box__header--padding-right:0px;--ez-collapsible-box__header--padding-left:0px;display:flex;flex-wrap:wrap;width:100%}ez-icon{--ez-icon--color:inherit}.collapsible-box{display:flex;flex-direction:column;width:100%}.collapsible-box__header{display:flex;box-sizing:border-box;padding-top:var(--ez-collapsible-box__header--padding-top);padding-bottom:var(--ez-collapsible-box__header--padding-bottom);padding-right:var(--ez-collapsible-box__header--padding-right);padding-left:var(--ez-collapsible-box__header--padding-left)}.collapsible-box__title{position:relative;width:auto;display:flex;box-sizing:border-box;align-items:center;outline:none;border:none;background-color:unset;cursor:pointer;padding:0px;text-align:left;color:var(--ez-collapsible-box--color);--ez-icon--color:var(--ez-collapsible-box__icon--color);margin-bottom:var(--space--medium, 12px)}.collapsible-box__title:focus{color:var(--ez-collapsible-box--focus--color);--ez-icon--color:var(--ez-collapsible-box--focus--color)}.collapsible-box__label{display:flex;white-space:nowrap;overflow:hidden;cursor:pointer;text-overflow:ellipsis;box-sizing:border-box;margin-left:6px;gap:6px;font-family:var(--ez-collapsible-box--font-family);font-size:var(--ez-collapsible-box--font-size);font-weight:var(--ez-collapsible-box--font-weight)}.subtitle-box__label{display:flex;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;font-family:var(--ez-collapsible-box--subtitle--font-family);font-size:var(--ez-collapsible-box--subtitle--font-size);font-weight:var(--ez-collapsible-box--subtitle--font-weight);color:var(--ez-collapsible-box--subtitle--color);margin-bottom:var(--ez-collapsible-box--subtitle--margin-bottom)}.subtitle-box__content{width:100%}.collapsible-box__label ez-icon{visibility:hidden;transition:0.25s linear}.collapsible-box__label:hover ez-icon{visibility:visible}.collapsible-box__text-edit{margin-left:6px}.collapsible-box__icon{transform:rotate(90deg) translate(0px, 14%);transition:transform var(--transition)}.collapsible-box__icon--collapsed{transform:rotate(0deg) translate(-14%, 0px)}.collapsible-box__title--icon-right{flex-direction:row-reverse}.collapsible-box__title--icon-right .collapsible-box__icon{transform:rotate(90deg) translate(0px, -14%)}.collapsible-box__title--icon-right .collapsible-box__icon--collapsed{transform:rotate(0deg) translate(14%, 0px)}.collapsible-box__title--icon-right .collapsible-box__label{margin-left:0px;margin-right:6px}.collapsible-box__title--left{margin-right:auto}.collapsible-box__title--right{margin-left:auto}.collapsible-box__title--center{margin-left:auto;margin-right:auto}.collapsible-box__title--stretch{justify-content:space-between;width:100%}.collapsible-box__title--no-margin{margin-bottom:0}.collapsible-box__content{display:flex;flex-wrap:wrap;width:100%;height:0px;max-height:0px;opacity:0;overflow:hidden;transition:all var(--transition, 0.5s)}.collapsible-box__content--show{height:100%;max-height:none;opacity:1;overflow:visible;transition:all var(--transition, 0.5s)}.font--x-small{font-size:10px}.font--small{font-size:12px}.font--medium{font-size:14px}.font--large{font-size:16px}.font--x-large{font-size:20px}";
12
12
 
13
13
  const EzCollapsibleBox = class {
14
14
  constructor(hostRef) {
@@ -20,6 +20,7 @@ const EzCollapsibleBox = class {
20
20
  this._activeEditText = false;
21
21
  this.value = false;
22
22
  this.label = undefined;
23
+ this.subtitle = undefined;
23
24
  this.headerSize = "small";
24
25
  this.iconPlacement = "left";
25
26
  this.headerAlign = "left";
@@ -118,7 +119,8 @@ const EzCollapsibleBox = class {
118
119
  index.h("label", { class: "collapsible-box__label font--" + this.getHeaderSize(), title: this.label, ref: elem => this._refLabel = elem }, index.h("span", null, this.label), this.editable &&
119
120
  index.h("ez-icon", { slot: "icon", "icon-name": "edit", onClick: (evt) => this.editLabel(evt), title: "Editar" }), this.removable &&
120
121
  index.h("ez-icon", { slot: "icon", "icon-name": "delete", onClick: (evt) => this.confirmRemove(evt), title: "Remover" })) :
121
- index.h("ez-text-edit", { class: "collapsible-box__text-edit", ref: ref => this._refTextEdit = ref, value: this.label, styled: this.getStyledLabel(), onSaveEdition: (ev) => this.saveEditionText(ev), onCancelEdition: () => this.cancelEdition() }))), index.h("div", { class: "collapsible-box__content" + (this.value ? "" : " collapsible-box__content--show") }, index.h("slot", null))));
122
+ index.h("ez-text-edit", { class: "collapsible-box__text-edit", ref: ref => this._refTextEdit = ref, value: this.label, styled: this.getStyledLabel(), onSaveEdition: (ev) => this.saveEditionText(ev), onCancelEdition: () => this.cancelEdition() }))), index.h("div", { class: "collapsible-box__content" + (this.value ? "" : " collapsible-box__content--show") }, this.subtitle &&
123
+ index.h("div", { class: "subtitle-box__content" }, index.h("label", { class: "subtitle-box__label", title: this.subtitle }, index.h("span", null, this.subtitle))), index.h("slot", null))));
122
124
  }
123
125
  get _hostElement() { return index.getElement(this); }
124
126
  static get watchers() { return {
@@ -8,7 +8,7 @@ const ApplicationUtils = require('./ApplicationUtils-1eef635f.js');
8
8
  const CSSVarsUtils = require('./CSSVarsUtils-af809e73.js');
9
9
  require('./DialogType-2114c337.js');
10
10
  require('./CheckMode-ecb90b87.js');
11
- const constants = require('./constants-5d588e38.js');
11
+ const constants = require('./constants-5a75e2f3.js');
12
12
 
13
13
  const ezComboBoxCss = ":host{--ez-combo-box--height:42px;--ez-combo-box--width:100%;--ez-combo-box__icon--width:48px;--ez-combo-box--border-radius:var(--border--radius-medium, 12px);--ez-combo-box--border-radius-small:var(--border--radius-small, 6px);--ez-combo-box--font-size:var(--text--medium, 14px);--ez-combo-box--font-family:var(--font-pattern, Arial);--ez-combo-box--font-weight--large:var(--text-weight--large, 500);--ez-combo-box--font-weight--medium:var(--text-weight--medium, 400);--ez-combo-box--background-color--xlight:var(--background--xlight, #fff);--ez-combo-box--background-medium:var(--background--medium, #f0f3f7);--ez-combo-box--line-height:calc(var(--text--medium, 14px) + 4px);--ez-combo-box__input--background-color:var(--background--medium, #e0e0e0);--ez-combo-box__input--border:var(--border--medium, 2px solid);--ez-combo-box__input--border-color:var(--ez-combo-box__input--background-color);--ez-combo-box__input--focus--border-color:var(--color--primary, #008561);--ez-combo-box__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--ez-combo-box__input--disabled--color:var(--text--disable, #AFB6C0);--ez-combo-box__input--error--border-color:#CC2936;--ez-combo-box__btn--color:var(--title--primary, #2B3A54);--ez-combo-box__btn-disabled--color:var(--text--disable, #AFB6C0);--ez-combo-box__btn-hover--color:var(--color--primary, #4e4e4e);--ez-combo-box__label--color:var(--title--primary, #2B3A54);--ez-combo-box__list-title--primary:var(--title--primary, #2B3A54);--ez-combo-box__list-text--primary:var(--text--primary, #626e82);--ez-combo-box__list-height:calc(var(--ez-combo-box--font-size) + var(--ez-combo-box--space--medium) + 4px);--ez-combo-box--space--medium:var(--space--medium, 12px);--ez-combo-box--space--small:var(--space--small, 6px);--ez-combo-box__scrollbar--color-default:var(--scrollbar--default, #626e82);--ez-combo-box__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--ez-combo-box__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--ez-combo-box__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--ez-combo-box__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-combo-box__scrollbar--width:var(--space--medium, 12px);display:flex;flex-wrap:wrap;position:relative;width:var(--ez-combo-box--width)}ez-icon{--ez-icon--color:inherit;font-weight:var(--text-weight--large, 600)}.suppressed-search-input{--ez-text-input__input--border-color:var(--color--strokes, #dce0e8);--ez-text-input__input--disabled--background-color:var(--background--xlight, #fff);--ez-text-input__input--disabled--color:var(--title--primary, #2B3A54)}.list-container{position:relative;width:100%}.list-wrapper{display:flex;flex-direction:column;box-sizing:border-box;width:100%;z-index:var(--more-visible, 2);max-height:calc(4*var(--ez-combo-box__list-height) + 2*var(--ez-combo-box--space--small) + 9px);background-color:var(--ez-combo-box--background-color--xlight);border-radius:var(--ez-combo-box--border-radius);box-shadow:var(--shadow, 0px 0px 16px 0px #000);padding:var(--ez-combo-box--space--small)}.list-options{box-sizing:border-box;width:100%;height:100%;display:flex;flex-direction:column;scroll-behavior:smooth;overflow:auto;scrollbar-width:thin;gap:3px;scrollbar-color:var(--ez-combo-box__scrollbar--color-clicked) var(--ez-combo-box__scrollbar--color-background)}.list-options::-webkit-scrollbar{background-color:var(--ez-combo-box__scrollbar--color-background);width:var(--ez-combo-box__scrollbar--width);max-width:var(--ez-combo-box__scrollbar--width);min-width:var(--ez-combo-box__scrollbar--width)}.list-options::-webkit-scrollbar-track{background-color:var(--ez-combo-box__scrollbar--color-background);border-radius:var(--ez-combo-box__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb{background-color:var(--ez-combo-box__scrollbar--color-default);border-radius:var(--ez-combo-box__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb:vertical:hover,.list-options::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--ez-combo-box__scrollbar--color-hover)}.list-options::-webkit-scrollbar-thumb:vertical:active,.list-options::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--ez-combo-box__scrollbar--color-clicked)}.item{display:flex;align-items:center;width:100%;box-sizing:border-box;list-style-type:none;cursor:pointer;border-radius:var(--ez-combo-box--border-radius-small);padding:var(--ez-combo-box--space--small);min-height:var(--ez-combo-box__list-height);gap:var(--space--small, 6px)}.item__value,.item__label{flex-basis:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ez-combo-box__list-title--primary);font-family:var(--ez-combo-box--font-family);font-size:var(--ez-combo-box--font-size);line-height:var(--ez-combo-box--line-height)}.item__label{font-weight:var(--ez-combo-box--font-weight--medium)}.item__label--bold{font-weight:var(--ez-combo-box--font-weight--large)}.item__value{text-align:center;color:var(--ez-combo-box__list-text--primary);font-weight:var(--ez-combo-box--font-weight--large)}.item__value--hidden{visibility:hidden;position:absolute;white-space:nowrap;z-index:-1;top:0;left:0}.item__label{text-align:left}.message{text-align:center;display:flex;justify-content:center;align-items:center;list-style-type:none;min-height:var(--ez-combo-box__list-height)}.message__no-result{color:var(--ez-combo-box__list-title--primary);font-family:var(--ez-combo-box--font-family);font-size:var(--ez-combo-box--font-size)}.message__loading{border-radius:50%;width:14px;height:14px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:3px solid var(--ez-combo-box__list-title--primary);border-top:3px solid transparent}li:hover{background-color:var(--ez-combo-box--background-medium)}.preselected{background-color:var(--background--medium)}.btn{outline:none;border:none;background:none;cursor:pointer;color:var(--ez-combo-box__btn--color)}.btn:disabled{cursor:unset;color:var(--ez-combo-box__btn-disabled--color)}.btn:disabled:hover{cursor:unset;color:var(--ez-combo-box__btn-disabled--color)}.btn:hover{color:var(--ez-combo-box__btn-hover--color)}.btn__close{visibility:hidden}ez-text-input:hover .btn__close,ez-text-input:focus .btn__close{visibility:visible}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
14
14
 
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-892780f1.js');
6
6
  const core = require('@sankhyalabs/core');
7
- const constants = require('./constants-5d588e38.js');
7
+ const constants = require('./constants-5a75e2f3.js');
8
8
  const CheckMode = require('./CheckMode-ecb90b87.js');
9
9
 
10
10
  const buildSwitch = (field) => {
@@ -214,7 +214,6 @@ class DataBinder {
214
214
  case core.Action.RECORDS_COPIED:
215
215
  case core.Action.EDITION_CANCELED:
216
216
  case core.Action.SELECTION_CHANGED:
217
- case core.Action.SELECTION_REMOVED:
218
217
  case core.Action.NEXT_SELECTED:
219
218
  case core.Action.PREVIOUS_SELECTED:
220
219
  this.clearInvalid();
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-892780f1.js');
6
6
  const core = require('@sankhyalabs/core');
7
- const constants = require('./constants-5d588e38.js');
7
+ const DataUnit = require('@sankhyalabs/core/dist/dataunit/DataUnit');
8
8
 
9
9
  /**
10
10
  * @ag-grid-community/all-modules - Advanced Data Grid / Data Table supporting Javascript / Typescript / React / Angular / Vue * @version v28.2.1
@@ -118934,6 +118934,7 @@ class DataSource {
118934
118934
  if (this._options) {
118935
118935
  this._options.onPaginationChange(this._dataUnit.getPaginationInfo());
118936
118936
  }
118937
+ this.updateSelection();
118937
118938
  break;
118938
118939
  case core.Action.RECORDS_REMOVED:
118939
118940
  case core.Action.DATA_SAVED:
@@ -118942,7 +118943,6 @@ class DataSource {
118942
118943
  this._controller.refresh();
118943
118944
  break;
118944
118945
  case core.Action.SELECTION_CHANGED:
118945
- case core.Action.SELECTION_REMOVED:
118946
118946
  case core.Action.NEXT_SELECTED:
118947
118947
  case core.Action.PREVIOUS_SELECTED:
118948
118948
  this.updateSelection();
@@ -118956,25 +118956,14 @@ class DataSource {
118956
118956
  this._dataUnit.subscribe(this.duObserver);
118957
118957
  }
118958
118958
  updateSelection() {
118959
- var _a;
118960
- if (this.isSelectionEquals()) {
118961
- return;
118962
- }
118963
- const dataSelection = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.getSelection();
118964
- if ((dataSelection === null || dataSelection === void 0 ? void 0 : dataSelection.length) > 0) {
118965
- this._controller.selectRows(dataSelection);
118959
+ const selectionInfo = this._dataUnit.getSelectionInfo();
118960
+ if (selectionInfo.isAllRecords()) {
118961
+ this._controller.selectAll(true);
118966
118962
  }
118967
118963
  else {
118968
- this._controller.deselectAll();
118964
+ this._controller.selectRows(selectionInfo.recordIds, true);
118969
118965
  }
118970
118966
  }
118971
- isSelectionEquals() {
118972
- var _a, _b;
118973
- const dataSelection = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.getSelection();
118974
- const controlSelection = (_b = this._controller) === null || _b === void 0 ? void 0 : _b.getSelection();
118975
- return core.ObjectUtils.objectToString(dataSelection || []) ===
118976
- core.ObjectUtils.objectToString(controlSelection || []);
118977
- }
118978
118967
  getRows(params) {
118979
118968
  if (this.needReload(params)) {
118980
118969
  this._lastLoadingParams = params;
@@ -119175,9 +119164,12 @@ class AgGridController {
119175
119164
  else {
119176
119165
  this._grid = new Grid(container, this._gridOptions);
119177
119166
  }
119178
- const selection = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.getSelection();
119179
- if (selection) {
119180
- this.selectRows(selection);
119167
+ const selection = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.getSelectionInfo();
119168
+ if (selection === null || selection === void 0 ? void 0 : selection.isAllRecords()) {
119169
+ this.selectAll(true);
119170
+ }
119171
+ else {
119172
+ this.selectRows((selection === null || selection === void 0 ? void 0 : selection.recordIds) || [], true);
119181
119173
  }
119182
119174
  this._gridOptions.api.setHeaderHeight(this.getHeaderRowHeight());
119183
119175
  }
@@ -119241,7 +119233,7 @@ class AgGridController {
119241
119233
  opt.onColumnPinned = e => this.onCallStateChange("columnPinned", e);
119242
119234
  opt.onColumnMoved = e => this.onCallStateChange("columnMoved", e);
119243
119235
  opt.onColumnVisible = e => this.onCallStateChange("visibleChange", e);
119244
- opt.onSelectionChanged = () => this.onSelectionChange();
119236
+ opt.onSelectionChanged = e => this.onSelectionChange(e);
119245
119237
  opt.onRowDoubleClicked = evt => this.onRowDoubleClick(evt);
119246
119238
  opt.onDragStopped = evt => this.onCallStateChange("columnMovedEnd", evt);
119247
119239
  }
@@ -119249,72 +119241,31 @@ class AgGridController {
119249
119241
  opt.suppressDragLeaveHidesColumns = true;
119250
119242
  opt.suppressMenuHide = true;
119251
119243
  }
119252
- isAllRecordSetted(allSelection) {
119253
- return allSelection === null || allSelection === void 0 ? void 0 : allSelection.some((selectedRecord) => {
119254
- return selectedRecord.__record__id__ === constants.ALL_RECORD;
119255
- });
119256
- }
119257
119244
  getSelectionHeaderStatus() {
119258
119245
  const records = this._dataUnit.records;
119259
119246
  if (records && records.length === 0) {
119260
119247
  return false;
119261
119248
  }
119262
- const allSelection = this._dataUnit.getSelection();
119263
- if (allSelection == undefined || allSelection.length === 0) {
119264
- return false;
119265
- }
119266
- if (this.isAllRecordSetted(allSelection)) {
119249
+ const selectionInfo = this._dataUnit.getSelectionInfo();
119250
+ if (selectionInfo.isAllRecords()) {
119267
119251
  return true;
119268
119252
  }
119269
- if (allSelection.length != records.length) {
119270
- return undefined;
119271
- }
119272
- const selectedRecords = this._dataUnit.getSelectedRecords();
119273
- if (selectedRecords.length < allSelection.length) {
119274
- return undefined;
119253
+ const selection = selectionInfo.recordIds;
119254
+ if (selection == undefined || selection.length === 0) {
119255
+ return false;
119275
119256
  }
119276
119257
  let status = undefined;
119277
119258
  for (let i = 0; i < records.length; i++) {
119278
- const current = allSelection.some((selectedRecord) => {
119279
- return selectedRecord.__record__id__ === records[i].__record__id__;
119280
- });
119259
+ const current = selection.includes(records[i].__record__id__);
119281
119260
  if (status != undefined && current !== status) {
119282
- return;
119261
+ return undefined;
119283
119262
  }
119284
119263
  status = current;
119285
119264
  }
119286
119265
  return status;
119287
119266
  }
119288
- async updateSelectionForAll(selectAll) {
119289
- if (this._dataUnit == undefined) {
119290
- return;
119291
- }
119292
- let allSelection = this._dataUnit.getSelection();
119293
- if (allSelection === null || allSelection === void 0 ? void 0 : allSelection.some((sel) => sel.__record__id__ === constants.ALL_RECORD)) {
119294
- await this._dataUnit.clearSelection();
119295
- }
119296
- let updateSelection = [];
119297
- const records = this._dataUnit.records;
119298
- const selectedRecords = this._dataUnit.getSelectedRecords();
119299
- allSelection = this._dataUnit.getSelection();
119300
- if (selectAll && selectedRecords.length < records.length) {
119301
- updateSelection = records;
119302
- allSelection.forEach((selectedRecord) => {
119303
- const recordIds = updateSelection.map((record) => record.__record__id__);
119304
- if (!recordIds.includes(selectedRecord.__record__id__)) {
119305
- updateSelection.push(selectedRecord);
119306
- }
119307
- });
119308
- }
119309
- else {
119310
- updateSelection = allSelection.filter((selectedRecord) => {
119311
- return !(records || [])
119312
- .some((record) => {
119313
- return record.__record__id__ === selectedRecord.__record__id__;
119314
- });
119315
- });
119316
- }
119317
- this._dataUnit.setSelection(updateSelection);
119267
+ updateSelectionForAll(selectAll) {
119268
+ this._dataUnit.updatePageSelection(selectAll ? this._dataUnit.records.map(r => r.__record__id__) : []);
119318
119269
  }
119319
119270
  setData(data) {
119320
119271
  if (this._grid === undefined) {
@@ -119332,21 +119283,55 @@ class AgGridController {
119332
119283
  throw new Error("Erro interno: Grid ainda não inicializado.");
119333
119284
  }
119334
119285
  }
119335
- selectRows(rowIds) {
119336
- if (this._grid === undefined) {
119337
- throw new Error("Erro interno: Grid ainda não inicializado.");
119286
+ selectAll(quietly = false) {
119287
+ try {
119288
+ this._gridOptions.context.selectionChangeQuietly = quietly;
119289
+ this._gridOptions.api.forEachNode(node => {
119290
+ if (!node.isSelected()) {
119291
+ node.setSelected(true);
119292
+ }
119293
+ });
119294
+ }
119295
+ finally {
119296
+ const newContext = Object.assign({}, this._gridOptions.context);
119297
+ delete newContext.selectionChangeQuietly;
119298
+ this._gridOptions.context = newContext;
119338
119299
  }
119339
- this._gridOptions.api.forEachNode(node => {
119340
- var _a;
119341
- if (rowIds && rowIds.find(row => row.__record__id__ === node.id)) {
119342
- node.setSelected(true);
119343
- (_a = this._gridOptions.api) === null || _a === void 0 ? void 0 : _a.ensureNodeVisible(node);
119300
+ }
119301
+ selectRows(rowIds, quietly = false) {
119302
+ var _a;
119303
+ try {
119304
+ this._gridOptions.context.selectionChangeQuietly = quietly;
119305
+ if (this._grid === undefined) {
119306
+ throw new Error("Erro interno: Grid ainda não inicializado.");
119344
119307
  }
119345
- else {
119346
- node.setSelected(false);
119308
+ let lastSelected;
119309
+ this._gridOptions.api.forEachNode(node => {
119310
+ if (rowIds && rowIds.includes(node.id)) {
119311
+ if (!node.isSelected()) {
119312
+ node.setSelected(true);
119313
+ lastSelected = node;
119314
+ }
119315
+ }
119316
+ else {
119317
+ if (node.isSelected()) {
119318
+ node.setSelected(false);
119319
+ }
119320
+ }
119321
+ });
119322
+ const selectionHeader = this._gridOptions.context.selectionHeader;
119323
+ if (selectionHeader) {
119324
+ selectionHeader.updateCheckbox();
119347
119325
  }
119348
- });
119349
- this.updateCheckbox();
119326
+ if (lastSelected) {
119327
+ (_a = this._gridOptions.api) === null || _a === void 0 ? void 0 : _a.ensureNodeVisible(lastSelected);
119328
+ }
119329
+ }
119330
+ finally {
119331
+ const newContext = Object.assign({}, this._gridOptions.context);
119332
+ delete newContext.selectionChangeQuietly;
119333
+ this._gridOptions.context = newContext;
119334
+ }
119350
119335
  }
119351
119336
  removeRows() {
119352
119337
  if (this._grid === undefined) {
@@ -119529,19 +119514,6 @@ class AgGridController {
119529
119514
  var _a;
119530
119515
  (_a = this._gridOptions.api.getDisplayedRowAtIndex(index)) === null || _a === void 0 ? void 0 : _a.setSelected(true);
119531
119516
  }
119532
- deselectAll() {
119533
- var _a, _b;
119534
- (_b = (_a = this._gridOptions) === null || _a === void 0 ? void 0 : _a.api) === null || _b === void 0 ? void 0 : _b.deselectAll();
119535
- this.updateCheckbox();
119536
- }
119537
- updateCheckbox() {
119538
- var _a, _b;
119539
- const selectionHeader = (_b = (_a = this._gridOptions) === null || _a === void 0 ? void 0 : _a.context) === null || _b === void 0 ? void 0 : _b.selectionHeader;
119540
- if (selectionHeader == undefined) {
119541
- return;
119542
- }
119543
- selectionHeader.updateCheckbox();
119544
- }
119545
119517
  buildColDef(source) {
119546
119518
  var _a, _b, _c;
119547
119519
  let tooltip = undefined;
@@ -119662,13 +119634,33 @@ class AgGridController {
119662
119634
  }
119663
119635
  return false;
119664
119636
  }
119665
- onSelectionChange() {
119637
+ onSelectionChange(event) {
119666
119638
  if (this._selectionChangeCallback) {
119667
119639
  clearTimeout(this._selectionChangeDeboucing);
119668
119640
  this._selectionChangeDeboucing = window.setTimeout(() => {
119669
- this._selectionChangeCallback({
119670
- selection: this._gridOptions.api.getSelectedRows()
119671
- });
119641
+ if (this._dataUnit) {
119642
+ if (event.context.selectionChangeQuietly) {
119643
+ const selectionInfo = this._dataUnit;
119644
+ this._selectionChangeCallback({
119645
+ selection: selectionInfo.records,
119646
+ selectionHeaderStatus: this.getSelectionHeaderStatus()
119647
+ });
119648
+ }
119649
+ else {
119650
+ this._dataUnit.updatePageSelection(this._gridOptions.api.getSelectedRows().map((r) => r.__record__id__)).then(selectionInfo => {
119651
+ this._selectionChangeCallback({
119652
+ selection: selectionInfo.records,
119653
+ selectionHeaderStatus: this.getSelectionHeaderStatus()
119654
+ });
119655
+ });
119656
+ }
119657
+ }
119658
+ else {
119659
+ this._selectionChangeCallback({
119660
+ selection: this._gridOptions.api.getSelectedRows(),
119661
+ selectionHeaderStatus: this.getSelectionHeaderStatus()
119662
+ });
119663
+ }
119672
119664
  }, 0);
119673
119665
  }
119674
119666
  }
@@ -119700,16 +119692,14 @@ class AgGridController {
119700
119692
  }
119701
119693
 
119702
119694
  const SelectionCounter = (props) => {
119703
- const { selectionCount, selectionPageCount, total, recordsLength, onSelectAll, onSelectPage, onClearAll, onClose } = props;
119704
- const pageSelectedRecords = selectionPageCount === recordsLength;
119705
- const allSelectedRecords = selectionCount === total;
119695
+ const { selectionCount, currentPageSelected, total, allRecordSelected, onSelectAll, onSelectPage, onClearAll, onClose } = props;
119706
119696
  return (index.h("div", Object.assign({ class: "ez-box ez-box--shadow-small" }, getElementID("ezGridSelectionCounter")),
119707
119697
  index.h("div", { class: "ez-flex ez-flex--align-items-center ez-size-width--full ez-padding-horizontal--medium" },
119708
119698
  index.h("div", { class: "ez-flex ez-flex--wrap ez-flex--align-items-baseline ez-flex--justify-center" },
119709
- index.h("label", Object.assign({ innerHTML: getText(selectionCount, allSelectedRecords), class: "ez-text ez-text--primary ez-text--medium ez-margin-right--medium ez-margin-top--medium" }, getElementID("ezGridSelectionCounter_label"))),
119699
+ index.h("label", Object.assign({ innerHTML: getText(selectionCount, allRecordSelected), class: "ez-text ez-text--primary ez-text--medium ez-margin-right--medium ez-margin-top--medium" }, getElementID("ezGridSelectionCounter_label"))),
119710
119700
  index.h("div", { class: "ez-flex ez-margin-right--medium" },
119711
- (pageSelectedRecords || allSelectedRecords) &&
119712
- index.h("ez-button", Object.assign({ class: "ez-margin-right--medium", label: `Selecionar ${allSelectedRecords ? "apenas a página atual" : `todos os ${total} registros`}`, mode: "link", onClick: allSelectedRecords ? onSelectPage : onSelectAll }, getElementID(`ezGridSelectionCounter_select${allSelectedRecords ? "Page" : "All"}`))),
119701
+ (currentPageSelected || allRecordSelected) &&
119702
+ index.h("ez-button", Object.assign({ class: "ez-margin-right--medium", label: `Selecionar ${allRecordSelected ? "apenas a página atual" : `todos os ${total} registros`}`, mode: "link", onClick: allRecordSelected ? onSelectPage : onSelectAll }, getElementID(`ezGridSelectionCounter_select${allRecordSelected ? "Page" : "All"}`))),
119713
119703
  index.h("ez-button", Object.assign({ class: "grid__btn-clear", label: "Limpar", mode: "link", onClick: onClearAll }, getElementID("ezGridSelectionCounter_clearAll"))))),
119714
119704
  index.h("button", Object.assign({ class: "grid__btn-close", title: "Fechar", onClick: onClose }, getElementID("ezGridSelectionCounter_close")),
119715
119705
  index.h("ez-icon", { iconName: "close" })))));
@@ -119739,13 +119729,12 @@ const EzGrid = class {
119739
119729
  this.ezDoubleClick = index.createEvent(this, "ezDoubleClick", 7);
119740
119730
  this.configChange = index.createEvent(this, "configChange", 7);
119741
119731
  this._gridController = new AgGridController(false);
119742
- this._debounceTimer = 500;
119743
- this._selectionAll = false;
119744
119732
  this._paginationInfo = undefined;
119745
119733
  this._paginationChangedByKeyboard = true;
119746
119734
  this._showSelectionCounter = false;
119747
- this._selectionCount = 0;
119748
- this._selectionPageCount = 0;
119735
+ this._isAllSelection = false;
119736
+ this._currentPageSelected = undefined;
119737
+ this._selectionCount = undefined;
119749
119738
  this.multipleSelection = undefined;
119750
119739
  this.config = undefined;
119751
119740
  this.serverUrl = undefined;
@@ -119804,117 +119793,29 @@ const EzGrid = class {
119804
119793
  this._gridController.setColumnsState(config.columns);
119805
119794
  }
119806
119795
  onSelectionChange(evt) {
119807
- const { selection } = evt === null || evt === void 0 ? void 0 : evt.detail;
119808
- if (selection == undefined || this.dataUnit == undefined) {
119809
- return;
119810
- }
119811
- if (this.isAllRecordSetted()) {
119812
- this.updateSelectionPage(selection);
119813
- return;
119814
- }
119815
- this.setSelection(selection);
119816
- }
119817
- updateSelectionPage(selection) {
119818
- if (this._selectionAll) {
119819
- this._selectionAll = false;
119820
- }
119821
- else {
119822
- this.dataUnit.clearSelection()
119823
- .then(() => {
119824
- const records = this.dataUnit.records;
119825
- const selectionPage = selection.filter((selectedRecord) => {
119826
- return records.some((record) => {
119827
- return record.__record__id__ === selectedRecord.__record__id__;
119828
- });
119829
- });
119830
- this._gridController.selectRows(selectionPage);
119831
- });
119832
- }
119833
- }
119834
- isAllRecordSetted() {
119835
- var _a;
119836
- const allSelection = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getSelection();
119837
- return allSelection === null || allSelection === void 0 ? void 0 : allSelection.some((selectedRecord) => {
119838
- return selectedRecord.__record__id__ === constants.ALL_RECORD;
119839
- });
119840
- }
119841
- setSelection(selection) {
119842
- if ((selection === null || selection === void 0 ? void 0 : selection.length) > 0) {
119843
- this.dataUnit.setSelection(selection)
119844
- .then(this.controlSelectionCounter.bind(this));
119845
- }
119846
- else {
119847
- this.dataUnit.clearSelection()
119848
- .then(this.controlSelectionCounter.bind(this));
119849
- }
119850
- }
119851
- setAutoSelectAll() {
119852
- var _a, _b, _c, _d;
119853
- const { total } = (_a = this._paginationInfo) !== null && _a !== void 0 ? _a : {};
119854
- if (total == undefined) {
119855
- return;
119856
- }
119857
- this._selectionCount = total;
119858
- this._selectionAll = true;
119859
- this._showSelectionCounter = true;
119860
- (_b = this._gridController) === null || _b === void 0 ? void 0 : _b.selectRows((_d = (_c = this.dataUnit) === null || _c === void 0 ? void 0 : _c.records) !== null && _d !== void 0 ? _d : []);
119861
- }
119862
- controlSelectionCounter() {
119863
- var _a, _b;
119864
- const allSelection = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getSelection();
119865
- const counter = (_b = allSelection === null || allSelection === void 0 ? void 0 : allSelection.length) !== null && _b !== void 0 ? _b : 0;
119866
- if (this.isAllRecordSetted()) {
119867
- this.setAutoSelectAll();
119868
- return;
119869
- }
119870
- if (!this.multipleSelection || !this.isPaginationActived()) {
119871
- this._showSelectionCounter = false;
119872
- setTimeout(this.setSelectionCount.bind(this), this._debounceTimer);
119873
- return;
119874
- }
119875
- if (counter > 1) {
119876
- setTimeout(() => {
119877
- this.setSelectionCount(counter);
119878
- this._showSelectionCounter = true;
119879
- }, this._debounceTimer);
119880
- }
119881
- else {
119882
- this._showSelectionCounter = false;
119883
- setTimeout(this.setSelectionCount.bind(this, counter), this._debounceTimer);
119796
+ this._currentPageSelected = evt.detail.selectionHeaderStatus === true;
119797
+ if (this.dataUnit) {
119798
+ this.setSelection(this.dataUnit.getSelectionInfo());
119884
119799
  }
119885
119800
  }
119886
- setSelectionCount(value = 0) {
119887
- var _a, _b;
119888
- this._selectionCount = value;
119889
- const selectPageRecords = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getSelectedRecords();
119890
- this._selectionPageCount = (_b = selectPageRecords === null || selectPageRecords === void 0 ? void 0 : selectPageRecords.length) !== null && _b !== void 0 ? _b : 0;
119891
- }
119892
- isPaginationActived() {
119801
+ setSelection(selectionInfo) {
119893
119802
  var _a;
119894
- const { total, lastRecord, firstRecord } = (_a = this._paginationInfo) !== null && _a !== void 0 ? _a : {};
119895
- if (total == undefined || lastRecord == undefined || firstRecord == undefined) {
119896
- return false;
119897
- }
119898
- return Math.ceil(total / (lastRecord - firstRecord + 1)) > 1;
119803
+ this._selectionCount = (_a = selectionInfo === null || selectionInfo === void 0 ? void 0 : selectionInfo.length) !== null && _a !== void 0 ? _a : 0;
119804
+ this._isAllSelection = selectionInfo === null || selectionInfo === void 0 ? void 0 : selectionInfo.isAllRecords();
119805
+ this._showSelectionCounter = this._selectionCount > 1 || this._isAllSelection;
119899
119806
  }
119900
119807
  onSelectAllRecords() {
119901
- const allRecord = {
119902
- __record__id__: constants.ALL_RECORD,
119903
- filter: this.dataUnit.getFilters(),
119904
- sort: this.dataUnit.getSort()
119905
- };
119906
- this.setSelection([allRecord]);
119808
+ var _a;
119809
+ (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.setSelection(DataUnit.SelectionMode.ALL_RECORDS).then(selection => this.setSelection(selection));
119907
119810
  }
119908
119811
  onSelectPageRecords() {
119909
119812
  var _a;
119910
- (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.clearSelection().then(() => {
119911
- var _a, _b, _c;
119912
- (_a = this._gridController) === null || _a === void 0 ? void 0 : _a.selectRows((_c = (_b = this.dataUnit) === null || _b === void 0 ? void 0 : _b.records) !== null && _c !== void 0 ? _c : []);
119913
- });
119813
+ (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.setSelection(this.dataUnit.records.map(record => record.__record__id__)).then(selection => this.setSelection(selection));
119914
119814
  }
119915
119815
  onClearSelectedRecords() {
119916
119816
  var _a;
119917
119817
  (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.clearSelection();
119818
+ this.setSelection(undefined);
119918
119819
  }
119919
119820
  createConfigFromState(state) {
119920
119821
  let newConfig = { columns: [] };
@@ -120064,8 +119965,6 @@ const EzGrid = class {
120064
119965
  this._paginationChangedByKeyboard = true;
120065
119966
  }
120066
119967
  this._paginationInfo = paginationInfo;
120067
- this._gridController.updateCheckbox();
120068
- this.controlSelectionCounter();
120069
119968
  },
120070
119969
  onDoubleClick: (row) => {
120071
119970
  this.ezDoubleClick.emit(row);
@@ -120085,10 +119984,10 @@ const EzGrid = class {
120085
119984
  this.configSelectionCounter();
120086
119985
  }
120087
119986
  render() {
120088
- var _a, _b, _c;
119987
+ var _a;
120089
119988
  return (index.h(index.Host, null, index.h("div", { class: "ez-box ez-box--shadow ez-padding--medium grid-header" }, index.h("div", { class: "grid-header__container" }, index.h("slot", { name: "leftButtons" })), index.h("div", { class: "grid-header__container", ref: ref => this._refPaginationControl = ref }, this.getPaginationControl())), index.h("div", { ref: (ref) => this._gridSelectionCounter = ref, class: `grid__selection-counter
120090
119989
  ${this._showSelectionCounter ? "grid__selection-counter--opened" : ""}
120091
- ` }, index.h(SelectionCounter, { selectionCount: this._selectionCount, selectionPageCount: this._selectionPageCount, total: (_a = this._paginationInfo) === null || _a === void 0 ? void 0 : _a.total, recordsLength: (_c = (_b = this.dataUnit) === null || _b === void 0 ? void 0 : _b.records) === null || _c === void 0 ? void 0 : _c.length, onSelectAll: this.onSelectAllRecords.bind(this), onSelectPage: this.onSelectPageRecords.bind(this), onClearAll: this.onClearSelectedRecords.bind(this), onClose: () => this._showSelectionCounter = false })), index.h("div", { class: "grid__container ez-grid", ref: elem => this._container = elem }), index.h("div", { class: "grid__footer" }, index.h("slot", { name: "footer" }))));
119990
+ ` }, index.h(SelectionCounter, { selectionCount: this._selectionCount, currentPageSelected: this._currentPageSelected, total: (_a = this._paginationInfo) === null || _a === void 0 ? void 0 : _a.total, allRecordSelected: this._isAllSelection, onSelectAll: () => this.onSelectAllRecords(), onSelectPage: () => this.onSelectPageRecords(), onClearAll: () => this.onClearSelectedRecords(), onClose: () => this._showSelectionCounter = false })), index.h("div", { class: "grid__container ez-grid", ref: elem => this._container = elem }), index.h("div", { class: "grid__footer" }, index.h("slot", { name: "footer" }))));
120092
119991
  }
120093
119992
  static get assetsDirs() { return ["../assets"]; }
120094
119993
  get _element() { return index.getElement(this); }
@@ -17,7 +17,7 @@ const patchBrowser = () => {
17
17
  };
18
18
 
19
19
  patchBrowser().then(options => {
20
- return index.bootstrapLazy([["ez-guide-navigator.cjs",[[1,"ez-guide-navigator",{"open":[1540],"selectedId":[1537,"selected-id"],"items":[16],"tooltipResolver":[16],"filterText":[32],"disableItem":[64],"enableItem":[64],"updateItem":[64],"getItem":[64],"getCurrentPath":[64],"selectGuide":[64],"getParent":[64]}]]],["ez-actions-button.cjs",[[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],"hideActions":[64],"isOpened":[64]}]]],["ez-breadcrumb.cjs",[[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]}]]],["ez-dialog.cjs",[[1,"ez-dialog",{"confirm":[1028],"dialogType":[1025,"dialog-type"],"message":[1025],"opened":[1540],"personalizedIconPath":[1025,"personalized-icon-path"],"ezTitle":[1025,"ez-title"],"show":[64]}]]],["ez-grid.cjs",[[6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"config":[1040],"serverUrl":[1,"server-url"],"dataUnit":[16],"statusResolver":[16],"_paginationInfo":[32],"_paginationChangedByKeyboard":[32],"_showSelectionCounter":[32],"_selectionCount":[32],"_selectionPageCount":[32],"setColumnsDef":[64],"addColumnMenuItem":[64],"setColumnsState":[64],"setData":[64],"getSelection":[64],"getColumnsState":[64],"getColumns":[64],"quickFilter":[64]},[[0,"ezSelectionChange","onSelectionChange"]]]]],["ez-modal-container.cjs",[[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"]}]]],["ez-alert.cjs",[[1,"ez-alert",{"alertType":[513,"alert-type"]}]]],["ez-badge.cjs",[[1,"ez-badge",{"size":[513],"label":[513],"iconLeft":[513,"icon-left"],"iconRight":[513,"icon-right"],"position":[1040],"hasSlot":[32]}]]],["ez-chip.cjs",[[1,"ez-chip",{"label":[513],"enabled":[516],"removePosition":[513,"remove-position"],"mode":[513],"value":[1540],"setFocus":[64],"setBlur":[64]}]]],["ez-file-item.cjs",[[1,"ez-file-item",{"canRemove":[4,"can-remove"],"fileName":[1,"file-name"],"iconName":[1,"icon-name"],"fileSize":[2,"file-size"],"progress":[2]}]]],["ez-application.cjs",[[0,"ez-application"]]],["ez-card-item.cjs",[[1,"ez-card-item",{"item":[16]}]]],["ez-list.cjs",[[1,"ez-list",{"dataSource":[1040],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"hoverFeedback":[1028,"hover-feedback"],"_listItems":[32],"_listGroupItems":[32],"clearHistory":[64],"scrollToTop":[64],"setSelection":[64],"getSelection":[64],"getList":[64]}]]],["ez-loading-bar.cjs",[[1,"ez-loading-bar",{"_showLoading":[32],"hide":[64],"show":[64]}]]],["ez-modal.cjs",[[1,"ez-modal",{"modalSize":[1,"modal-size"],"align":[1],"opened":[1028],"closeEsc":[4,"close-esc"],"closeOutsideClick":[4,"close-outside-click"]}]]],["ez-popover.cjs",[[1,"ez-popover",{"autoClose":[516,"auto-close"],"top":[1537],"left":[1537],"bottom":[1537],"right":[1537],"boxWidth":[513,"box-width"],"opened":[1540],"innerElement":[1537,"inner-element"],"overlayType":[513,"overlay-type"],"updatePosition":[64],"show":[64],"hide":[64]}]]],["ez-popup.cjs",[[1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[516,"use-header"],"heightMode":[513,"height-mode"],"ezTitle":[1,"ez-title"]}]]],["ez-radio-button.cjs",[[1,"ez-radio-button",{"value":[1544],"options":[1040],"enabled":[516],"label":[513],"direction":[1537]}]]],["ez-toast.cjs",[[1,"ez-toast",{"message":[1025],"fadeTime":[1026,"fade-time"],"useIcon":[1028,"use-icon"],"canClose":[1028,"can-close"],"show":[64]}]]],["ez-view-stack.cjs",[[0,"ez-view-stack",{"show":[64],"getSelectedIndex":[64]}]]],["ez-dropdown.cjs",[[1,"ez-dropdown",{"items":[1040],"value":[1040],"itemBuilder":[16]}]]],["ez-tabselector.cjs",[[1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1],"_processedTabs":[32]}]]],["ez-text-input.cjs",[[1,"ez-text-input",{"label":[513],"value":[1537],"enabled":[516],"errorMessage":[1537,"error-message"],"mask":[1],"canShowError":[516,"can-show-error"],"restrict":[1],"mode":[513],"noBorder":[516,"no-border"],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-collapsible-box.cjs",[[1,"ez-collapsible-box",{"value":[1540],"label":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"headerAlign":[513,"header-align"],"removable":[516],"editable":[516],"conditionalSave":[16],"_activeEditText":[32],"showHide":[64],"applyFocusTextEdit":[64],"cancelEdition":[64]}]]],["ez-search.cjs",[[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],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-date-input.cjs",[[1,"ez-date-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-date-time-input.cjs",[[1,"ez-date-time-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-time-input.cjs",[[1,"ez-time-input",{"label":[513],"value":[1026],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-number-input.cjs",[[1,"ez-number-input",{"label":[1],"value":[1538],"enabled":[4],"errorMessage":[1537,"error-message"],"precision":[2],"prettyPrecision":[2,"pretty-precision"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-check.cjs",[[1,"ez-check",{"label":[513],"value":[1540],"enabled":[1540],"indeterminate":[1540],"mode":[513],"getMode":[64],"setFocus":[64]}]]],["ez-text-area.cjs",[[1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"errorMessage":[1537,"error-message"],"rows":[1538],"canShowError":[516,"can-show-error"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-upload.cjs",[[1,"ez-upload",{"label":[1],"enabled":[4],"maxFileSize":[2,"max-file-size"],"maxFiles":[2,"max-files"],"requestHeaders":[8,"request-headers"],"urlUpload":[1,"url-upload"],"urlDelete":[1,"url-delete"],"value":[1040],"addFiles":[64],"setFocus":[64],"setBlur":[64]}]]],["ez-text-edit.cjs",[[1,"ez-text-edit",{"value":[1],"styled":[16],"_newValue":[32],"applyFocusSelect":[64]}]]],["ez-combo-box.cjs",[[1,"ez-combo-box",{"value":[1537],"label":[513],"enabled":[516],"options":[1040],"errorMessage":[1537,"error-message"],"searchMode":[4,"search-mode"],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressSearch":[4,"suppress-search"],"optionLoader":[16],"suppressEmptyOption":[4,"suppress-empty-option"],"canShowError":[516,"can-show-error"],"mode":[513],"_preSelection":[32],"_visibleOptions":[32],"_startLoading":[32],"_showLoading":[32],"_criteria":[32],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-filter-input_4.cjs",[[1,"ez-filter-input",{"label":[1],"value":[1537],"enabled":[4],"errorMessage":[1537,"error-message"],"restrict":[1],"mode":[513],"asyncSearch":[516,"async-search"],"canShowError":[516,"can-show-error"],"setFocus":[64],"setBlur":[64],"isInvalid":[64],"setValue":[64],"endSearch":[64]}],[1,"ez-tree",{"items":[1040],"value":[1040],"selectedId":[1537,"selected-id"],"iconResolver":[16],"tooltipResolver":[16],"_tree":[32],"_waintingForLoad":[32],"selectItem":[64],"openItem":[64],"disableItem":[64],"enableItem":[64],"addChild":[64],"applyFilter":[64],"updateItem":[64],"getItem":[64],"getCurrentPath":[64],"getParent":[64]},[[2,"keydown","onKeyDownListener"]]],[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"]]],[1,"ez-sidebar-button"]]],["ez-calendar.cjs",[[1,"ez-calendar",{"value":[1040],"floating":[516],"time":[516],"showSeconds":[516,"show-seconds"],"show":[64],"fitVertical":[64],"hide":[64]}]]],["ez-icon.cjs",[[1,"ez-icon",{"size":[513],"href":[513],"iconName":[513,"icon-name"]}]]],["ez-button.cjs",[[1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513],"iconName":[513,"icon-name"],"size":[513],"setFocus":[64],"setBlur":[64]},[[2,"click","clickListener"]]]]],["ez-form-view.cjs",[[2,"ez-form-view",{"fields":[16],"showUp":[64]}]]],["ez-form.cjs",[[2,"ez-form",{"dataUnit":[1040],"config":[16],"recordsValidator":[16],"validate":[64]}]]]], options);
20
+ return index.bootstrapLazy([["ez-guide-navigator.cjs",[[1,"ez-guide-navigator",{"open":[1540],"selectedId":[1537,"selected-id"],"items":[16],"tooltipResolver":[16],"filterText":[32],"disableItem":[64],"enableItem":[64],"updateItem":[64],"getItem":[64],"getCurrentPath":[64],"selectGuide":[64],"getParent":[64]}]]],["ez-actions-button.cjs",[[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],"hideActions":[64],"isOpened":[64]}]]],["ez-breadcrumb.cjs",[[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]}]]],["ez-dialog.cjs",[[1,"ez-dialog",{"confirm":[1028],"dialogType":[1025,"dialog-type"],"message":[1025],"opened":[1540],"personalizedIconPath":[1025,"personalized-icon-path"],"ezTitle":[1025,"ez-title"],"show":[64]}]]],["ez-grid.cjs",[[6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"config":[1040],"serverUrl":[1,"server-url"],"dataUnit":[16],"statusResolver":[16],"_paginationInfo":[32],"_paginationChangedByKeyboard":[32],"_showSelectionCounter":[32],"_isAllSelection":[32],"_currentPageSelected":[32],"_selectionCount":[32],"setColumnsDef":[64],"addColumnMenuItem":[64],"setColumnsState":[64],"setData":[64],"getSelection":[64],"getColumnsState":[64],"getColumns":[64],"quickFilter":[64]},[[0,"ezSelectionChange","onSelectionChange"]]]]],["ez-modal-container.cjs",[[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"]}]]],["ez-alert.cjs",[[1,"ez-alert",{"alertType":[513,"alert-type"]}]]],["ez-badge.cjs",[[1,"ez-badge",{"size":[513],"label":[513],"iconLeft":[513,"icon-left"],"iconRight":[513,"icon-right"],"position":[1040],"hasSlot":[32]}]]],["ez-chip.cjs",[[1,"ez-chip",{"label":[513],"enabled":[516],"removePosition":[513,"remove-position"],"mode":[513],"value":[1540],"setFocus":[64],"setBlur":[64]}]]],["ez-file-item.cjs",[[1,"ez-file-item",{"canRemove":[4,"can-remove"],"fileName":[1,"file-name"],"iconName":[1,"icon-name"],"fileSize":[2,"file-size"],"progress":[2]}]]],["ez-application.cjs",[[0,"ez-application"]]],["ez-card-item.cjs",[[1,"ez-card-item",{"item":[16]}]]],["ez-list.cjs",[[1,"ez-list",{"dataSource":[1040],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"hoverFeedback":[1028,"hover-feedback"],"_listItems":[32],"_listGroupItems":[32],"clearHistory":[64],"scrollToTop":[64],"setSelection":[64],"getSelection":[64],"getList":[64]}]]],["ez-loading-bar.cjs",[[1,"ez-loading-bar",{"_showLoading":[32],"hide":[64],"show":[64]}]]],["ez-modal.cjs",[[1,"ez-modal",{"modalSize":[1,"modal-size"],"align":[1],"opened":[1028],"closeEsc":[4,"close-esc"],"closeOutsideClick":[4,"close-outside-click"]}]]],["ez-popover.cjs",[[1,"ez-popover",{"autoClose":[516,"auto-close"],"top":[1537],"left":[1537],"bottom":[1537],"right":[1537],"boxWidth":[513,"box-width"],"opened":[1540],"innerElement":[1537,"inner-element"],"overlayType":[513,"overlay-type"],"updatePosition":[64],"show":[64],"hide":[64]}]]],["ez-popup.cjs",[[1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[516,"use-header"],"heightMode":[513,"height-mode"],"ezTitle":[1,"ez-title"]}]]],["ez-radio-button.cjs",[[1,"ez-radio-button",{"value":[1544],"options":[1040],"enabled":[516],"label":[513],"direction":[1537]}]]],["ez-toast.cjs",[[1,"ez-toast",{"message":[1025],"fadeTime":[1026,"fade-time"],"useIcon":[1028,"use-icon"],"canClose":[1028,"can-close"],"show":[64]}]]],["ez-view-stack.cjs",[[0,"ez-view-stack",{"show":[64],"getSelectedIndex":[64]}]]],["ez-dropdown.cjs",[[1,"ez-dropdown",{"items":[1040],"value":[1040],"itemBuilder":[16]}]]],["ez-tabselector.cjs",[[1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1],"_processedTabs":[32]}]]],["ez-text-input.cjs",[[1,"ez-text-input",{"label":[513],"value":[1537],"enabled":[516],"errorMessage":[1537,"error-message"],"mask":[1],"canShowError":[516,"can-show-error"],"restrict":[1],"mode":[513],"noBorder":[516,"no-border"],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-collapsible-box.cjs",[[1,"ez-collapsible-box",{"value":[1540],"label":[513],"subtitle":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"headerAlign":[513,"header-align"],"removable":[516],"editable":[516],"conditionalSave":[16],"_activeEditText":[32],"showHide":[64],"applyFocusTextEdit":[64],"cancelEdition":[64]}]]],["ez-search.cjs",[[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],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-date-input.cjs",[[1,"ez-date-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-date-time-input.cjs",[[1,"ez-date-time-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-time-input.cjs",[[1,"ez-time-input",{"label":[513],"value":[1026],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-number-input.cjs",[[1,"ez-number-input",{"label":[1],"value":[1538],"enabled":[4],"errorMessage":[1537,"error-message"],"precision":[2],"prettyPrecision":[2,"pretty-precision"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-check.cjs",[[1,"ez-check",{"label":[513],"value":[1540],"enabled":[1540],"indeterminate":[1540],"mode":[513],"getMode":[64],"setFocus":[64]}]]],["ez-text-area.cjs",[[1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"errorMessage":[1537,"error-message"],"rows":[1538],"canShowError":[516,"can-show-error"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-upload.cjs",[[1,"ez-upload",{"label":[1],"enabled":[4],"maxFileSize":[2,"max-file-size"],"maxFiles":[2,"max-files"],"requestHeaders":[8,"request-headers"],"urlUpload":[1,"url-upload"],"urlDelete":[1,"url-delete"],"value":[1040],"addFiles":[64],"setFocus":[64],"setBlur":[64]}]]],["ez-text-edit.cjs",[[1,"ez-text-edit",{"value":[1],"styled":[16],"_newValue":[32],"applyFocusSelect":[64]}]]],["ez-combo-box.cjs",[[1,"ez-combo-box",{"value":[1537],"label":[513],"enabled":[516],"options":[1040],"errorMessage":[1537,"error-message"],"searchMode":[4,"search-mode"],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressSearch":[4,"suppress-search"],"optionLoader":[16],"suppressEmptyOption":[4,"suppress-empty-option"],"canShowError":[516,"can-show-error"],"mode":[513],"_preSelection":[32],"_visibleOptions":[32],"_startLoading":[32],"_showLoading":[32],"_criteria":[32],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-filter-input_4.cjs",[[1,"ez-filter-input",{"label":[1],"value":[1537],"enabled":[4],"errorMessage":[1537,"error-message"],"restrict":[1],"mode":[513],"asyncSearch":[516,"async-search"],"canShowError":[516,"can-show-error"],"setFocus":[64],"setBlur":[64],"isInvalid":[64],"setValue":[64],"endSearch":[64]}],[1,"ez-tree",{"items":[1040],"value":[1040],"selectedId":[1537,"selected-id"],"iconResolver":[16],"tooltipResolver":[16],"_tree":[32],"_waintingForLoad":[32],"selectItem":[64],"openItem":[64],"disableItem":[64],"enableItem":[64],"addChild":[64],"applyFilter":[64],"updateItem":[64],"getItem":[64],"getCurrentPath":[64],"getParent":[64]},[[2,"keydown","onKeyDownListener"]]],[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"]]],[1,"ez-sidebar-button"]]],["ez-calendar.cjs",[[1,"ez-calendar",{"value":[1040],"floating":[516],"time":[516],"showSeconds":[516,"show-seconds"],"show":[64],"fitVertical":[64],"hide":[64]}]]],["ez-icon.cjs",[[1,"ez-icon",{"size":[513],"href":[513],"iconName":[513,"icon-name"]}]]],["ez-button.cjs",[[1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513],"iconName":[513,"icon-name"],"size":[513],"setFocus":[64],"setBlur":[64]},[[2,"click","clickListener"]]]]],["ez-form-view.cjs",[[2,"ez-form-view",{"fields":[16],"showUp":[64]}]]],["ez-form.cjs",[[2,"ez-form",{"dataUnit":[1040],"config":[16],"recordsValidator":[16],"validate":[64]}]]]], options);
21
21
  });
22
22
 
23
23
  exports.setNonce = index.setNonce;