@sankhyalabs/ezui 5.13.0-dev.1 → 5.13.0-dev.3

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 (41) hide show
  1. package/dist/cjs/{constants-3a1d64fb.js → constants-2714478b.js} +2 -0
  2. package/dist/cjs/ez-combo-box.cjs.entry.js +1 -1
  3. package/dist/cjs/ez-form-view.cjs.entry.js +1 -1
  4. package/dist/cjs/ez-grid.cjs.entry.js +33 -21
  5. package/dist/cjs/ez-multi-selection-list.cjs.entry.js +7 -6
  6. package/dist/cjs/ezui.cjs.js +1 -1
  7. package/dist/cjs/filter-column.cjs.entry.js +16 -4
  8. package/dist/cjs/loader.cjs.js +1 -1
  9. package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js +10 -9
  10. package/dist/collection/components/ez-grid/controller/ag-grid/DataSource.js +7 -1
  11. package/dist/collection/components/ez-grid/ez-grid.js +11 -11
  12. package/dist/collection/components/ez-grid/subcomponents/filter-column.js +16 -4
  13. package/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource.js +6 -0
  14. package/dist/collection/components/ez-multi-selection-list/ez-multi-selection-list.js +8 -7
  15. package/dist/collection/utils/constants.js +1 -0
  16. package/dist/custom-elements/index.js +57 -31
  17. package/dist/esm/constants-4e0d35b7.js +5 -0
  18. package/dist/esm/ez-combo-box.entry.js +1 -1
  19. package/dist/esm/ez-form-view.entry.js +1 -1
  20. package/dist/esm/ez-grid.entry.js +33 -21
  21. package/dist/esm/ez-multi-selection-list.entry.js +7 -6
  22. package/dist/esm/ezui.js +1 -1
  23. package/dist/esm/filter-column.entry.js +16 -4
  24. package/dist/esm/loader.js +1 -1
  25. package/dist/ezui/ezui.esm.js +1 -1
  26. package/dist/ezui/p-05e1f4e7.js +1 -0
  27. package/dist/ezui/{p-5e55a42b.entry.js → p-0c62cfda.entry.js} +1 -1
  28. package/dist/ezui/{p-b977d29c.entry.js → p-16b5126b.entry.js} +1 -1
  29. package/dist/ezui/{p-554670ad.entry.js → p-214e748b.entry.js} +2 -2
  30. package/dist/ezui/{p-3078d25c.entry.js → p-7fd54841.entry.js} +1 -1
  31. package/dist/ezui/p-a42fe2ce.entry.js +1 -0
  32. package/dist/types/components/ez-grid/controller/EzGridController.d.ts +0 -5
  33. package/dist/types/components/ez-grid/controller/ag-grid/AgGridController.d.ts +1 -3
  34. package/dist/types/components/ez-grid/ez-grid.d.ts +2 -0
  35. package/dist/types/components/ez-grid/utils/InMemoryFilterColumnDataSource.d.ts +1 -0
  36. package/dist/types/components/ez-multi-selection-list/interfaces/IMultiSelectionListDataSource.d.ts +1 -0
  37. package/dist/types/utils/constants.d.ts +1 -0
  38. package/package.json +1 -1
  39. package/dist/esm/constants-6dab64f7.js +0 -4
  40. package/dist/ezui/p-061f4d73.entry.js +0 -1
  41. package/dist/ezui/p-27a01a26.js +0 -1
@@ -152,13 +152,14 @@ export class EzMuiltiSelectionList {
152
152
  }
153
153
  scenarioToDisplay(view) {
154
154
  const scenarios = {
155
- [ViewScenarios.DATASOURCE_INIT]: this.buildInitViewWithDataSource(),
156
- [ViewScenarios.DATASOURCE_RESULTS]: this.buildViewList(true),
157
- [ViewScenarios.DATASOURCE_RESULTS_EMPTY]: this.buildViewEmptyResults(),
158
- [ViewScenarios.OPTIONS_EMPTY]: this.buildViewEmptyResults(),
159
- [ViewScenarios.OPTIONS]: this.buildViewList(false),
155
+ [ViewScenarios.DATASOURCE_INIT]: () => this.buildInitViewWithDataSource(),
156
+ [ViewScenarios.DATASOURCE_RESULTS]: () => this.buildViewList(true),
157
+ [ViewScenarios.DATASOURCE_RESULTS_EMPTY]: () => this.buildViewEmptyResults(),
158
+ [ViewScenarios.OPTIONS_EMPTY]: () => this.buildViewEmptyResults(),
159
+ [ViewScenarios.OPTIONS]: () => this.buildViewList(false),
160
160
  };
161
- return scenarios[view];
161
+ const scenarioBuilder = scenarios[view];
162
+ return scenarioBuilder ? scenarioBuilder() : undefined;
162
163
  }
163
164
  render() {
164
165
  return (h(Host, null, h("div", { class: "multi-selection" }, this.useOptions ? (h("ez-filter-input", { ref: (element) => (this.filterInput = element), label: `Buscar..`, onEzChange: this.handleSearchOnOption.bind(this) })) : (h("ez-search", { class: "multi-selection__input", label: `Buscar...`, ref: (element) => (this.searchInput = element), suppressEmptyOption: true, showOptionValue: false, showSelectedValue: false, optionLoader: (search) => this.searchWithDataSource(search, this.columnName), onEzChange: this.handleSearchOnDataSource.bind(this), isTextSearch: this.isTextSearch })), h("ez-scroll", { class: "multi-selection__content-options" }, this.scenarioToDisplay(this.viewScenario)))));
@@ -234,7 +235,7 @@ export class EzMuiltiSelectionList {
234
235
  },
235
236
  "options": {
236
237
  "type": "unknown",
237
- "mutable": false,
238
+ "mutable": true,
238
239
  "complexType": {
239
240
  "original": "IMultiSelectionOption[]",
240
241
  "resolved": "IMultiSelectionOption[]",
@@ -1,3 +1,4 @@
1
1
  export const REQUIRED_INFO = " (obrigatório) *";
2
2
  export const ALL_RECORD = "ALL_RECORD";
3
3
  export const DISTINCT_FILTER_NAME_PREFIX = 'FILTRO_COLUNA_';
4
+ export const EZ_GRID_LOADING_SOURCE = "EZ_GRID_LOADING_SOURCE";
@@ -2148,6 +2148,7 @@ const EzCollapsibleBox$1 = class extends HTMLElement$1 {
2148
2148
 
2149
2149
  const REQUIRED_INFO = " (obrigatório) *";
2150
2150
  const DISTINCT_FILTER_NAME_PREFIX = 'FILTRO_COLUNA_';
2151
+ const EZ_GRID_LOADING_SOURCE = "EZ_GRID_LOADING_SOURCE";
2151
2152
 
2152
2153
  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__list-min-width:64px;--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{min-width:var(--ez-combo-box__list-min-width);position:relative;width:100%}.list-wrapper{display:flex;flex-direction:column;box-sizing:border-box;width:0;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%;padding:0;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)}}";
2153
2154
 
@@ -123605,6 +123606,11 @@ class DataSource {
123605
123606
  }
123606
123607
  this.updateSelection();
123607
123608
  break;
123609
+ case Action.PAGINATION_UPDATED:
123610
+ if (this._options) {
123611
+ this._options.onPaginationChange(this._dataUnit.getPaginationInfo());
123612
+ }
123613
+ break;
123608
123614
  case Action.RECORDS_REMOVED:
123609
123615
  case Action.DATA_SAVED:
123610
123616
  case Action.EDITION_CANCELED:
@@ -123637,7 +123643,7 @@ class DataSource {
123637
123643
  getRows(params) {
123638
123644
  if (this.needReload(params)) {
123639
123645
  this._lastLoadingParams = params;
123640
- this._dataUnit.loadData(this.quickFilter).then(() => this.updateSelection());
123646
+ this._dataUnit.loadData(this.quickFilter, undefined, true, EZ_GRID_LOADING_SOURCE).then(() => this.updateSelection());
123641
123647
  }
123642
123648
  else {
123643
123649
  this._lastLoadingParams = params;
@@ -124389,7 +124395,7 @@ class AgGridController {
124389
124395
  const applied = event.detail;
124390
124396
  this._filteredColumns.set(applied.field, applied.values);
124391
124397
  this._gridOptions.api.refreshHeader();
124392
- this._dataUnit.loadData();
124398
+ this._dataUnit.loadData(undefined, undefined, undefined, EZ_GRID_LOADING_SOURCE);
124393
124399
  }
124394
124400
  showFilterColumn(configs) {
124395
124401
  var _a;
@@ -124401,7 +124407,7 @@ class AgGridController {
124401
124407
  this.CHECK_BOX_COL_ID = 'checkBoxColumn';
124402
124408
  this.STATUS_COL_ID = 'statusColumn';
124403
124409
  this.RECORD_ARCHIVE_COL_ID = '__RECORD_ARCHIVE__';
124404
- this.BLOCK_LOAD_DEBOUNCE = 400;
124410
+ this.BLOCK_LOAD_DEBOUNCE = 100;
124405
124411
  this.DEFAULT_FONT_SIZE = 14;
124406
124412
  this.DEFAULT_ICON_SIZE = 12;
124407
124413
  this.DEFAULT_MAX_SIZE = 200;
@@ -124415,10 +124421,7 @@ class AgGridController {
124415
124421
  getGridConfig() {
124416
124422
  return this._gridConfig;
124417
124423
  }
124418
- getGridApi() {
124419
- return this._gridOptions.api;
124420
- }
124421
- getSort() {
124424
+ getSort(_dataUnitName, defaultSorting) {
124422
124425
  const sortedColumns = [];
124423
124426
  this._gridOptions.columnApi
124424
124427
  .getColumnState()
@@ -124431,7 +124434,7 @@ class AgGridController {
124431
124434
  sortedColumns.push(sortField);
124432
124435
  }
124433
124436
  });
124434
- return sortedColumns;
124437
+ return sortedColumns.length === 0 && this._gridConfig === undefined ? defaultSorting : sortedColumns;
124435
124438
  }
124436
124439
  getFilter() {
124437
124440
  if (!this._filteredColumns || this._filteredColumns.size === 0) {
@@ -124521,6 +124524,10 @@ class AgGridController {
124521
124524
  else {
124522
124525
  this._grid = new Grid(container, this._gridOptions);
124523
124526
  }
124527
+ container.addEventListener('focusout', (event) => {
124528
+ if (!container.contains(event.relatedTarget))
124529
+ this._gridOptions.api.clearFocusedCell();
124530
+ });
124524
124531
  const selection = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.getSelectionInfo();
124525
124532
  if (selection === null || selection === void 0 ? void 0 : selection.isAllRecords()) {
124526
124533
  this.selectAll(true);
@@ -124796,7 +124803,7 @@ class AgGridController {
124796
124803
  if (this._grid === undefined) {
124797
124804
  throw new Error('Erro interno: Grid ainda não inicializado.');
124798
124805
  }
124799
- this._gridOptions.api.refreshServerSide({ purge: false });
124806
+ this._gridOptions.api.refreshServerSide({ purge: true });
124800
124807
  }
124801
124808
  setFocusFirstRow() {
124802
124809
  const firstRow = this._gridOptions.api.getDisplayedRowAtIndex(0);
@@ -125210,6 +125217,12 @@ class InMemoryFilterColumnDataSource {
125210
125217
  this.originalRecords = (_a = this.dataUnit.records) !== null && _a !== void 0 ? _a : [];
125211
125218
  this.dataUnit.subscribe(this.onDataUnitAction);
125212
125219
  }
125220
+ getStaticOptions(fieldName) {
125221
+ return new Promise(resolve => {
125222
+ const options = this.originalRecords.map(item => this.buildFieldOption(item, fieldName));
125223
+ resolve(this.removeDuplicatedOptions(options));
125224
+ });
125225
+ }
125213
125226
  fetchData(filterTerm, fieldName) {
125214
125227
  return new Promise(resolve => {
125215
125228
  const filteredRecords = this.originalRecords.filter(record => this.includesSearchTerm(record, fieldName, filterTerm));
@@ -125497,21 +125510,26 @@ const EzGrid$1 = class extends HTMLElement$1 {
125497
125510
  }
125498
125511
  previousPage() {
125499
125512
  if (this.dataUnit) {
125500
- this.dataUnit.previousPage();
125501
- this._paginationChangedByKeyboard = false;
125513
+ this.dataUnit.previousPage()
125514
+ .then(() => this.resetPaginationState());
125502
125515
  }
125503
125516
  }
125504
125517
  nextPage() {
125505
125518
  if (this.dataUnit) {
125506
- this.dataUnit.nextPage();
125507
- this._paginationChangedByKeyboard = false;
125519
+ this.dataUnit.nextPage()
125520
+ .then(() => this.resetPaginationState());
125508
125521
  }
125509
125522
  }
125523
+ resetPaginationState() {
125524
+ var _a;
125525
+ this._paginationChangedByKeyboard = false;
125526
+ (_a = this._gridApi) === null || _a === void 0 ? void 0 : _a.clearRangeSelection();
125527
+ }
125510
125528
  getPaginationControl() {
125511
125529
  if (this._paginationInfo) {
125512
- const { firstRecord, lastRecord, total, currentPage, hasMore } = this._paginationInfo;
125530
+ const { firstRecord, lastRecord, total, count, currentPage, hasMore } = this._paginationInfo;
125513
125531
  return [
125514
- h("div", { class: "ez-text ez-text--primary ez-text--medium ez-margin-right--medium" }, h("strong", { class: "ez-text ez-text--primary ez-text--medium" }, `${firstRecord}-${lastRecord}`), ` de ${total}`),
125532
+ h("div", { class: "ez-text ez-text--primary ez-text--medium ez-margin-right--medium" }, h("strong", { class: "ez-text ez-text--primary ez-text--medium" }, `${firstRecord}-${lastRecord}`), total == undefined ? ` de ${count + 1} ou mais` : ` de ${total}`),
125515
125533
  h("ez-button", { size: "small", iconName: "chevron-left", class: "ez-margin-right--medium", mode: "icon", enabled: currentPage > 0, onClick: () => this.previousPage(), label: "P\u00E1gina anterior" }),
125516
125534
  h("ez-button", { size: "small", iconName: "chevron-right", class: "ez-margin-right--medium", mode: "icon", enabled: hasMore, onClick: () => this.nextPage(), label: "Pr\u00F3xima P\u00E1gina" }),
125517
125535
  ];
@@ -125554,11 +125572,6 @@ const EzGrid$1 = class extends HTMLElement$1 {
125554
125572
  this.setEvents();
125555
125573
  this.componentReady.emit();
125556
125574
  this._gridController.configFilterColumn(this._filterColumn);
125557
- this._container.addEventListener('focusout', (event) => {
125558
- const api = this._gridController.getGridApi();
125559
- if (api && !this._container.contains(event.relatedTarget))
125560
- api.clearFocusedCell();
125561
- });
125562
125575
  }
125563
125576
  componentWillRender() {
125564
125577
  this.configSelectionCounter();
@@ -126588,13 +126601,14 @@ const EzMuiltiSelectionList = class extends HTMLElement$1 {
126588
126601
  }
126589
126602
  scenarioToDisplay(view) {
126590
126603
  const scenarios = {
126591
- [ViewScenarios.DATASOURCE_INIT]: this.buildInitViewWithDataSource(),
126592
- [ViewScenarios.DATASOURCE_RESULTS]: this.buildViewList(true),
126593
- [ViewScenarios.DATASOURCE_RESULTS_EMPTY]: this.buildViewEmptyResults(),
126594
- [ViewScenarios.OPTIONS_EMPTY]: this.buildViewEmptyResults(),
126595
- [ViewScenarios.OPTIONS]: this.buildViewList(false),
126604
+ [ViewScenarios.DATASOURCE_INIT]: () => this.buildInitViewWithDataSource(),
126605
+ [ViewScenarios.DATASOURCE_RESULTS]: () => this.buildViewList(true),
126606
+ [ViewScenarios.DATASOURCE_RESULTS_EMPTY]: () => this.buildViewEmptyResults(),
126607
+ [ViewScenarios.OPTIONS_EMPTY]: () => this.buildViewEmptyResults(),
126608
+ [ViewScenarios.OPTIONS]: () => this.buildViewList(false),
126596
126609
  };
126597
- return scenarios[view];
126610
+ const scenarioBuilder = scenarios[view];
126611
+ return scenarioBuilder ? scenarioBuilder() : undefined;
126598
126612
  }
126599
126613
  render() {
126600
126614
  return (h(Host, null, h("div", { class: "multi-selection" }, this.useOptions ? (h("ez-filter-input", { ref: (element) => (this.filterInput = element), label: `Buscar..`, onEzChange: this.handleSearchOnOption.bind(this) })) : (h("ez-search", { class: "multi-selection__input", label: `Buscar...`, ref: (element) => (this.searchInput = element), suppressEmptyOption: true, showOptionValue: false, showSelectedValue: false, optionLoader: (search) => this.searchWithDataSource(search, this.columnName), onEzChange: this.handleSearchOnDataSource.bind(this), isTextSearch: this.isTextSearch })), h("ez-scroll", { class: "multi-selection__content-options" }, this.scenarioToDisplay(this.viewScenario)))));
@@ -129470,9 +129484,9 @@ const FilterColumn$1 = class extends HTMLElement$1 {
129470
129484
  await this.hide();
129471
129485
  this.fieldDescriptor = this.dataUnit.getField(configs.columnName);
129472
129486
  this.buildIsTextSearch();
129473
- this.setOptions(configs.filteredOptions);
129474
129487
  this.columnName = configs.columnName;
129475
129488
  this.columnLabel = configs.columnLabel;
129489
+ await this.setOptions(configs.filteredOptions);
129476
129490
  await this.ezPopoverElement.show(this.calcTopPosition(), this.calculateLeftPosition(configs));
129477
129491
  }
129478
129492
  }
@@ -129537,10 +129551,22 @@ const FilterColumn$1 = class extends HTMLElement$1 {
129537
129551
  return this.fieldDescriptor.userInterface === UserInterface.SWITCH
129538
129552
  || this.fieldDescriptor.userInterface === UserInterface.CHECKBOX;
129539
129553
  }
129540
- setOptions(selectedItems) {
129554
+ async setOptions(selectedItems) {
129541
129555
  const validateFieldUserInterfaceOptionSelector = this.hasToUseOptions();
129542
- this.useOptions = validateFieldUserInterfaceOptionSelector;
129543
- this.options = validateFieldUserInterfaceOptionSelector ? this.buildOptions(selectedItems) : (selectedItems !== null && selectedItems !== void 0 ? selectedItems : null);
129556
+ if (validateFieldUserInterfaceOptionSelector) {
129557
+ this.useOptions = validateFieldUserInterfaceOptionSelector;
129558
+ this.options = validateFieldUserInterfaceOptionSelector ? this.buildOptions(selectedItems) : (selectedItems !== null && selectedItems !== void 0 ? selectedItems : null);
129559
+ return;
129560
+ }
129561
+ const options = await this.dataSource.getStaticOptions(this.columnName);
129562
+ if (options != undefined) {
129563
+ const selected = new Set((selectedItems || []).filter(item => item.check).map(item => item.label));
129564
+ this.useOptions = true;
129565
+ this.options = selected.size === 0 ? options : options.map(option => (Object.assign(Object.assign({}, option), { check: selected.has(option.label) })));
129566
+ return;
129567
+ }
129568
+ this.useOptions = false;
129569
+ this.options = null;
129544
129570
  }
129545
129571
  buildOptions(selectedItems) {
129546
129572
  var _a, _b;
@@ -129611,7 +129637,7 @@ const EzList = /*@__PURE__*/proxyCustomElement(EzList$1, [1,"ez-list",{"dataSour
129611
129637
  const EzLoadingBar = /*@__PURE__*/proxyCustomElement(EzLoadingBar$1, [1,"ez-loading-bar",{"_showLoading":[32]}]);
129612
129638
  const EzModal = /*@__PURE__*/proxyCustomElement(EzModal$1, [1,"ez-modal",{"modalSize":[1,"modal-size"],"align":[1],"heightMode":[1,"height-mode"],"opened":[1028],"closeEsc":[4,"close-esc"],"closeOutsideClick":[4,"close-outside-click"],"scrim":[1]}]);
129613
129639
  const EzModalContainer = /*@__PURE__*/proxyCustomElement(EzModalContainer$1, [6,"ez-modal-container",{"modalTitle":[1,"modal-title"],"modalSubTitle":[1,"modal-sub-title"],"showTitleBar":[4,"show-title-bar"],"cancelButtonLabel":[1,"cancel-button-label"],"okButtonLabel":[1,"ok-button-label"],"cancelButtonStatus":[1,"cancel-button-status"],"okButtonStatus":[1,"ok-button-status"]}]);
129614
- const EzMultiSelectionList = /*@__PURE__*/proxyCustomElement(EzMuiltiSelectionList, [2,"ez-multi-selection-list",{"columnName":[1,"column-name"],"dataSource":[16],"useOptions":[1028,"use-options"],"options":[16],"isTextSearch":[4,"is-text-search"],"filteredOptions":[32],"displayOptions":[32],"viewScenario":[32],"displayOptionToCheckAllItems":[32]}]);
129640
+ const EzMultiSelectionList = /*@__PURE__*/proxyCustomElement(EzMuiltiSelectionList, [2,"ez-multi-selection-list",{"columnName":[1,"column-name"],"dataSource":[16],"useOptions":[1028,"use-options"],"options":[1040],"isTextSearch":[4,"is-text-search"],"filteredOptions":[32],"displayOptions":[32],"viewScenario":[32],"displayOptionToCheckAllItems":[32]}]);
129615
129641
  const EzNumberInput = /*@__PURE__*/proxyCustomElement(EzNumberInput$1, [1,"ez-number-input",{"label":[1],"value":[1538],"enabled":[4],"canShowError":[516,"can-show-error"],"errorMessage":[1537,"error-message"],"precision":[2],"prettyPrecision":[2,"pretty-precision"],"mode":[513]}]);
129616
129642
  const EzPopover = /*@__PURE__*/proxyCustomElement(EzPopover$1, [1,"ez-popover",{"autoClose":[516,"auto-close"],"boxWidth":[513,"box-width"],"opened":[1540],"innerElement":[1537,"inner-element"],"overlayType":[513,"overlay-type"]}]);
129617
129643
  const EzPopup = /*@__PURE__*/proxyCustomElement(EzPopup$1, [1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[516,"use-header"],"heightMode":[513,"height-mode"],"ezTitle":[1,"ez-title"]}]);
@@ -0,0 +1,5 @@
1
+ const REQUIRED_INFO = " (obrigatório) *";
2
+ const DISTINCT_FILTER_NAME_PREFIX = 'FILTRO_COLUNA_';
3
+ const EZ_GRID_LOADING_SOURCE = "EZ_GRID_LOADING_SOURCE";
4
+
5
+ export { DISTINCT_FILTER_NAME_PREFIX as D, EZ_GRID_LOADING_SOURCE as E, REQUIRED_INFO as R };
@@ -4,7 +4,7 @@ import { A as ApplicationUtils } from './ApplicationUtils-834f2fbc.js';
4
4
  import { C as CSSVarsUtils } from './CSSVarsUtils-a97cfa29.js';
5
5
  import './DialogType-54a62731.js';
6
6
  import './CheckMode-bdb2ec19.js';
7
- import { R as REQUIRED_INFO } from './constants-6dab64f7.js';
7
+ import { R as REQUIRED_INFO } from './constants-4e0d35b7.js';
8
8
 
9
9
  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__list-min-width:64px;--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{min-width:var(--ez-combo-box__list-min-width);position:relative;width:100%}.list-wrapper{display:flex;flex-direction:column;box-sizing:border-box;width:0;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%;padding:0;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)}}";
10
10
 
@@ -1,6 +1,6 @@
1
1
  import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-296b8458.js';
2
2
  import { ObjectUtils, UserInterface, ElementIDUtils } from '@sankhyalabs/core';
3
- import { R as REQUIRED_INFO } from './constants-6dab64f7.js';
3
+ import { R as REQUIRED_INFO } from './constants-4e0d35b7.js';
4
4
  import { C as CheckMode } from './CheckMode-bdb2ec19.js';
5
5
 
6
6
  const buildSwitch = (field) => {
@@ -1,7 +1,7 @@
1
1
  import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-296b8458.js';
2
2
  import { Action, ObjectUtils as ObjectUtils$1, HTMLBuilder, ApplicationContext, UserInterface, StringUtils as StringUtils$1, NumberUtils as NumberUtils$1, MaskFormatter, DataType, SortMode, ElementIDUtils, DateUtils as DateUtils$1, JSUtils } from '@sankhyalabs/core';
3
3
  import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
4
- import { D as DISTINCT_FILTER_NAME_PREFIX } from './constants-6dab64f7.js';
4
+ import { E as EZ_GRID_LOADING_SOURCE, D as DISTINCT_FILTER_NAME_PREFIX } from './constants-4e0d35b7.js';
5
5
  import { b as buildFieldMetadata, R as RecordValidationProcessor } from './RecordValidationProcessor-03a15fd0.js';
6
6
  import { A as ApplicationUtils } from './ApplicationUtils-834f2fbc.js';
7
7
  import './DialogType-54a62731.js';
@@ -118847,6 +118847,11 @@ class DataSource {
118847
118847
  }
118848
118848
  this.updateSelection();
118849
118849
  break;
118850
+ case Action.PAGINATION_UPDATED:
118851
+ if (this._options) {
118852
+ this._options.onPaginationChange(this._dataUnit.getPaginationInfo());
118853
+ }
118854
+ break;
118850
118855
  case Action.RECORDS_REMOVED:
118851
118856
  case Action.DATA_SAVED:
118852
118857
  case Action.EDITION_CANCELED:
@@ -118879,7 +118884,7 @@ class DataSource {
118879
118884
  getRows(params) {
118880
118885
  if (this.needReload(params)) {
118881
118886
  this._lastLoadingParams = params;
118882
- this._dataUnit.loadData(this.quickFilter).then(() => this.updateSelection());
118887
+ this._dataUnit.loadData(this.quickFilter, undefined, true, EZ_GRID_LOADING_SOURCE).then(() => this.updateSelection());
118883
118888
  }
118884
118889
  else {
118885
118890
  this._lastLoadingParams = params;
@@ -119631,7 +119636,7 @@ class AgGridController {
119631
119636
  const applied = event.detail;
119632
119637
  this._filteredColumns.set(applied.field, applied.values);
119633
119638
  this._gridOptions.api.refreshHeader();
119634
- this._dataUnit.loadData();
119639
+ this._dataUnit.loadData(undefined, undefined, undefined, EZ_GRID_LOADING_SOURCE);
119635
119640
  }
119636
119641
  showFilterColumn(configs) {
119637
119642
  var _a;
@@ -119643,7 +119648,7 @@ class AgGridController {
119643
119648
  this.CHECK_BOX_COL_ID = 'checkBoxColumn';
119644
119649
  this.STATUS_COL_ID = 'statusColumn';
119645
119650
  this.RECORD_ARCHIVE_COL_ID = '__RECORD_ARCHIVE__';
119646
- this.BLOCK_LOAD_DEBOUNCE = 400;
119651
+ this.BLOCK_LOAD_DEBOUNCE = 100;
119647
119652
  this.DEFAULT_FONT_SIZE = 14;
119648
119653
  this.DEFAULT_ICON_SIZE = 12;
119649
119654
  this.DEFAULT_MAX_SIZE = 200;
@@ -119657,10 +119662,7 @@ class AgGridController {
119657
119662
  getGridConfig() {
119658
119663
  return this._gridConfig;
119659
119664
  }
119660
- getGridApi() {
119661
- return this._gridOptions.api;
119662
- }
119663
- getSort() {
119665
+ getSort(_dataUnitName, defaultSorting) {
119664
119666
  const sortedColumns = [];
119665
119667
  this._gridOptions.columnApi
119666
119668
  .getColumnState()
@@ -119673,7 +119675,7 @@ class AgGridController {
119673
119675
  sortedColumns.push(sortField);
119674
119676
  }
119675
119677
  });
119676
- return sortedColumns;
119678
+ return sortedColumns.length === 0 && this._gridConfig === undefined ? defaultSorting : sortedColumns;
119677
119679
  }
119678
119680
  getFilter() {
119679
119681
  if (!this._filteredColumns || this._filteredColumns.size === 0) {
@@ -119763,6 +119765,10 @@ class AgGridController {
119763
119765
  else {
119764
119766
  this._grid = new Grid(container, this._gridOptions);
119765
119767
  }
119768
+ container.addEventListener('focusout', (event) => {
119769
+ if (!container.contains(event.relatedTarget))
119770
+ this._gridOptions.api.clearFocusedCell();
119771
+ });
119766
119772
  const selection = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.getSelectionInfo();
119767
119773
  if (selection === null || selection === void 0 ? void 0 : selection.isAllRecords()) {
119768
119774
  this.selectAll(true);
@@ -120038,7 +120044,7 @@ class AgGridController {
120038
120044
  if (this._grid === undefined) {
120039
120045
  throw new Error('Erro interno: Grid ainda não inicializado.');
120040
120046
  }
120041
- this._gridOptions.api.refreshServerSide({ purge: false });
120047
+ this._gridOptions.api.refreshServerSide({ purge: true });
120042
120048
  }
120043
120049
  setFocusFirstRow() {
120044
120050
  const firstRow = this._gridOptions.api.getDisplayedRowAtIndex(0);
@@ -120452,6 +120458,12 @@ class InMemoryFilterColumnDataSource {
120452
120458
  this.originalRecords = (_a = this.dataUnit.records) !== null && _a !== void 0 ? _a : [];
120453
120459
  this.dataUnit.subscribe(this.onDataUnitAction);
120454
120460
  }
120461
+ getStaticOptions(fieldName) {
120462
+ return new Promise(resolve => {
120463
+ const options = this.originalRecords.map(item => this.buildFieldOption(item, fieldName));
120464
+ resolve(this.removeDuplicatedOptions(options));
120465
+ });
120466
+ }
120455
120467
  fetchData(filterTerm, fieldName) {
120456
120468
  return new Promise(resolve => {
120457
120469
  const filteredRecords = this.originalRecords.filter(record => this.includesSearchTerm(record, fieldName, filterTerm));
@@ -120738,21 +120750,26 @@ const EzGrid = class {
120738
120750
  }
120739
120751
  previousPage() {
120740
120752
  if (this.dataUnit) {
120741
- this.dataUnit.previousPage();
120742
- this._paginationChangedByKeyboard = false;
120753
+ this.dataUnit.previousPage()
120754
+ .then(() => this.resetPaginationState());
120743
120755
  }
120744
120756
  }
120745
120757
  nextPage() {
120746
120758
  if (this.dataUnit) {
120747
- this.dataUnit.nextPage();
120748
- this._paginationChangedByKeyboard = false;
120759
+ this.dataUnit.nextPage()
120760
+ .then(() => this.resetPaginationState());
120749
120761
  }
120750
120762
  }
120763
+ resetPaginationState() {
120764
+ var _a;
120765
+ this._paginationChangedByKeyboard = false;
120766
+ (_a = this._gridApi) === null || _a === void 0 ? void 0 : _a.clearRangeSelection();
120767
+ }
120751
120768
  getPaginationControl() {
120752
120769
  if (this._paginationInfo) {
120753
- const { firstRecord, lastRecord, total, currentPage, hasMore } = this._paginationInfo;
120770
+ const { firstRecord, lastRecord, total, count, currentPage, hasMore } = this._paginationInfo;
120754
120771
  return [
120755
- h("div", { class: "ez-text ez-text--primary ez-text--medium ez-margin-right--medium" }, h("strong", { class: "ez-text ez-text--primary ez-text--medium" }, `${firstRecord}-${lastRecord}`), ` de ${total}`),
120772
+ h("div", { class: "ez-text ez-text--primary ez-text--medium ez-margin-right--medium" }, h("strong", { class: "ez-text ez-text--primary ez-text--medium" }, `${firstRecord}-${lastRecord}`), total == undefined ? ` de ${count + 1} ou mais` : ` de ${total}`),
120756
120773
  h("ez-button", { size: "small", iconName: "chevron-left", class: "ez-margin-right--medium", mode: "icon", enabled: currentPage > 0, onClick: () => this.previousPage(), label: "P\u00E1gina anterior" }),
120757
120774
  h("ez-button", { size: "small", iconName: "chevron-right", class: "ez-margin-right--medium", mode: "icon", enabled: hasMore, onClick: () => this.nextPage(), label: "Pr\u00F3xima P\u00E1gina" }),
120758
120775
  ];
@@ -120795,11 +120812,6 @@ const EzGrid = class {
120795
120812
  this.setEvents();
120796
120813
  this.componentReady.emit();
120797
120814
  this._gridController.configFilterColumn(this._filterColumn);
120798
- this._container.addEventListener('focusout', (event) => {
120799
- const api = this._gridController.getGridApi();
120800
- if (api && !this._container.contains(event.relatedTarget))
120801
- api.clearFocusedCell();
120802
- });
120803
120815
  }
120804
120816
  componentWillRender() {
120805
120817
  this.configSelectionCounter();
@@ -157,13 +157,14 @@ const EzMuiltiSelectionList = class {
157
157
  }
158
158
  scenarioToDisplay(view) {
159
159
  const scenarios = {
160
- [ViewScenarios.DATASOURCE_INIT]: this.buildInitViewWithDataSource(),
161
- [ViewScenarios.DATASOURCE_RESULTS]: this.buildViewList(true),
162
- [ViewScenarios.DATASOURCE_RESULTS_EMPTY]: this.buildViewEmptyResults(),
163
- [ViewScenarios.OPTIONS_EMPTY]: this.buildViewEmptyResults(),
164
- [ViewScenarios.OPTIONS]: this.buildViewList(false),
160
+ [ViewScenarios.DATASOURCE_INIT]: () => this.buildInitViewWithDataSource(),
161
+ [ViewScenarios.DATASOURCE_RESULTS]: () => this.buildViewList(true),
162
+ [ViewScenarios.DATASOURCE_RESULTS_EMPTY]: () => this.buildViewEmptyResults(),
163
+ [ViewScenarios.OPTIONS_EMPTY]: () => this.buildViewEmptyResults(),
164
+ [ViewScenarios.OPTIONS]: () => this.buildViewList(false),
165
165
  };
166
- return scenarios[view];
166
+ const scenarioBuilder = scenarios[view];
167
+ return scenarioBuilder ? scenarioBuilder() : undefined;
167
168
  }
168
169
  render() {
169
170
  return (h(Host, null, h("div", { class: "multi-selection" }, this.useOptions ? (h("ez-filter-input", { ref: (element) => (this.filterInput = element), label: `Buscar..`, onEzChange: this.handleSearchOnOption.bind(this) })) : (h("ez-search", { class: "multi-selection__input", label: `Buscar...`, ref: (element) => (this.searchInput = element), suppressEmptyOption: true, showOptionValue: false, showSelectedValue: false, optionLoader: (search) => this.searchWithDataSource(search, this.columnName), onEzChange: this.handleSearchOnDataSource.bind(this), isTextSearch: this.isTextSearch })), h("ez-scroll", { class: "multi-selection__content-options" }, this.scenarioToDisplay(this.viewScenario)))));
package/dist/esm/ezui.js CHANGED
@@ -14,5 +14,5 @@ const patchBrowser = () => {
14
14
  };
15
15
 
16
16
  patchBrowser().then(options => {
17
- return bootstrapLazy(JSON.parse("[[\"ez-grid\",[[6,\"ez-grid\",{\"multipleSelection\":[4,\"multiple-selection\"],\"config\":[1040],\"selectionToastConfig\":[16],\"serverUrl\":[1,\"server-url\"],\"dataUnit\":[16],\"statusResolver\":[16],\"columnfilterDataSource\":[16],\"useEnterLikeTab\":[4,\"use-enter-like-tab\"],\"recordsValidator\":[16],\"canEdit\":[4,\"can-edit\"],\"_paginationInfo\":[32],\"_paginationChangedByKeyboard\":[32],\"_showSelectionCounter\":[32],\"_isAllSelection\":[32],\"_currentPageSelected\":[32],\"_selectionCount\":[32],\"_hasLeftButtons\":[32],\"setColumnsDef\":[64],\"addColumnMenuItem\":[64],\"setColumnsState\":[64],\"setData\":[64],\"getSelection\":[64],\"getColumnsState\":[64],\"getColumns\":[64],\"quickFilter\":[64]},[[0,\"ezSelectionChange\",\"onSelectionChange\"]]]]],[\"ez-guide-navigator\",[[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\",[[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\",[[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\",[[1,\"ez-dialog\",{\"confirm\":[1028],\"dialogType\":[1025,\"dialog-type\"],\"message\":[1025],\"opened\":[1540],\"personalizedIconPath\":[1025,\"personalized-icon-path\"],\"ezTitle\":[1025,\"ez-title\"],\"beforeClose\":[1040],\"show\":[64]}]]],[\"ez-modal-container\",[[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\",[[1,\"ez-alert\",{\"alertType\":[513,\"alert-type\"]}]]],[\"ez-badge\",[[1,\"ez-badge\",{\"size\":[513],\"label\":[513],\"iconLeft\":[513,\"icon-left\"],\"iconRight\":[513,\"icon-right\"],\"position\":[1040],\"hasSlot\":[32]}]]],[\"ez-chip\",[[1,\"ez-chip\",{\"label\":[513],\"enabled\":[516],\"removePosition\":[513,\"remove-position\"],\"mode\":[513],\"value\":[1540],\"showNativeTooltip\":[4,\"show-native-tooltip\"],\"setFocus\":[64],\"setBlur\":[64]}]]],[\"ez-file-item\",[[1,\"ez-file-item\",{\"canRemove\":[4,\"can-remove\"],\"fileName\":[1,\"file-name\"],\"iconName\":[1,\"icon-name\"],\"fileSize\":[2,\"file-size\"],\"progress\":[2]}]]],[\"ez-application\",[[0,\"ez-application\"]]],[\"ez-card-item\",[[1,\"ez-card-item\",{\"item\":[16]}]]],[\"ez-loading-bar\",[[1,\"ez-loading-bar\",{\"_showLoading\":[32],\"hide\":[64],\"show\":[64]}]]],[\"ez-modal\",[[1,\"ez-modal\",{\"modalSize\":[1,\"modal-size\"],\"align\":[1],\"heightMode\":[1,\"height-mode\"],\"opened\":[1028],\"closeEsc\":[4,\"close-esc\"],\"closeOutsideClick\":[4,\"close-outside-click\"],\"scrim\":[1]}]]],[\"ez-popup\",[[1,\"ez-popup\",{\"size\":[1],\"opened\":[1540],\"useHeader\":[516,\"use-header\"],\"heightMode\":[513,\"height-mode\"],\"ezTitle\":[1,\"ez-title\"]}]]],[\"ez-radio-button\",[[1,\"ez-radio-button\",{\"value\":[1544],\"options\":[1040],\"enabled\":[516],\"label\":[513],\"direction\":[1537]}]]],[\"ez-skeleton\",[[0,\"ez-skeleton\",{\"count\":[2],\"variant\":[1],\"width\":[1],\"height\":[1],\"marginBottom\":[1,\"margin-bottom\"],\"animation\":[1]}]]],[\"ez-toast\",[[1,\"ez-toast\",{\"message\":[1025],\"fadeTime\":[1026,\"fade-time\"],\"useIcon\":[1028,\"use-icon\"],\"canClose\":[1028,\"can-close\"],\"show\":[64]}]]],[\"ez-view-stack\",[[0,\"ez-view-stack\",{\"show\":[64],\"getSelectedIndex\":[64]}]]],[\"ez-form-view\",[[2,\"ez-form-view\",{\"fields\":[16],\"showUp\":[64]}]]],[\"ez-filter-input_2\",[[0,\"multi-selection-box-message\",{\"message\":[1]}],[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]}]]],[\"ez-multi-selection-list\",[[2,\"ez-multi-selection-list\",{\"columnName\":[1,\"column-name\"],\"dataSource\":[16],\"useOptions\":[1028,\"use-options\"],\"options\":[16],\"isTextSearch\":[4,\"is-text-search\"],\"filteredOptions\":[32],\"displayOptions\":[32],\"viewScenario\":[32],\"displayOptionToCheckAllItems\":[32],\"clearFilteredOptions\":[64]}]]],[\"filter-column\",[[0,\"filter-column\",{\"opened\":[4],\"columnName\":[1,\"column-name\"],\"columnLabel\":[1,\"column-label\"],\"gridHeaderHidden\":[4,\"grid-header-hidden\"],\"noHeaderTaskBar\":[1028,\"no-header-task-bar\"],\"dataSource\":[16],\"dataUnit\":[16],\"options\":[1040],\"selectedItems\":[32],\"fieldDescriptor\":[32],\"useOptions\":[32],\"isTextSearch\":[32],\"hide\":[64],\"show\":[64]}]]],[\"ez-dropdown\",[[1,\"ez-dropdown\",{\"items\":[1040],\"value\":[1040],\"itemBuilder\":[16]}]]],[\"ez-tabselector\",[[1,\"ez-tabselector\",{\"selectedIndex\":[1538,\"selected-index\"],\"selectedTab\":[1537,\"selected-tab\"],\"tabs\":[1],\"_processedTabs\":[32]}]]],[\"ez-collapsible-box\",[[1,\"ez-collapsible-box\",{\"value\":[1540],\"boxBordered\":[4,\"box-bordered\"],\"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-calendar\",[[1,\"ez-calendar\",{\"value\":[1040],\"floating\":[516],\"time\":[516],\"showSeconds\":[516,\"show-seconds\"],\"show\":[64],\"fitVertical\":[64],\"fitHorizontal\":[64],\"hide\":[64]},[[11,\"scroll\",\"scrollListener\"]]]]],[\"ez-text-input\",[[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-date-input\",[[1,\"ez-date-input\",{\"label\":[513],\"value\":[1040],\"enabled\":[516],\"errorMessage\":[1537,\"error-message\"],\"mode\":[513],\"canShowError\":[516,\"can-show-error\"],\"setFocus\":[64],\"setBlur\":[64],\"isInvalid\":[64],\"getValueAsync\":[64]}]]],[\"ez-date-time-input\",[[1,\"ez-date-time-input\",{\"label\":[513],\"value\":[1040],\"enabled\":[516],\"errorMessage\":[1537,\"error-message\"],\"showSeconds\":[516,\"show-seconds\"],\"mode\":[513],\"canShowError\":[516,\"can-show-error\"],\"setFocus\":[64],\"setBlur\":[64],\"isInvalid\":[64],\"getValueAsync\":[64]}]]],[\"ez-time-input\",[[1,\"ez-time-input\",{\"label\":[513],\"value\":[1026],\"enabled\":[516],\"errorMessage\":[1537,\"error-message\"],\"showSeconds\":[516,\"show-seconds\"],\"mode\":[513],\"canShowError\":[516,\"can-show-error\"],\"setFocus\":[64],\"setBlur\":[64],\"isInvalid\":[64]}]]],[\"ez-number-input\",[[1,\"ez-number-input\",{\"label\":[1],\"value\":[1538],\"enabled\":[4],\"canShowError\":[516,\"can-show-error\"],\"errorMessage\":[1537,\"error-message\"],\"precision\":[2],\"prettyPrecision\":[2,\"pretty-precision\"],\"mode\":[513],\"setFocus\":[64],\"setBlur\":[64],\"isInvalid\":[64],\"getValueAsync\":[64]}]]],[\"ez-popover\",[[1,\"ez-popover\",{\"autoClose\":[516,\"auto-close\"],\"boxWidth\":[513,\"box-width\"],\"opened\":[1540],\"innerElement\":[1537,\"inner-element\"],\"overlayType\":[513,\"overlay-type\"],\"updatePosition\":[64],\"show\":[64],\"showUnder\":[64],\"hide\":[64]}]]],[\"ez-text-area\",[[1,\"ez-text-area\",{\"label\":[513],\"value\":[1537],\"enabled\":[516],\"errorMessage\":[1537,\"error-message\"],\"rows\":[1538],\"canShowError\":[516,\"can-show-error\"],\"mode\":[513],\"enableResize\":[516,\"enable-resize\"],\"appendTextToSelection\":[64],\"setFocus\":[64],\"setBlur\":[64],\"isInvalid\":[64]}]]],[\"ez-upload\",[[1,\"ez-upload\",{\"label\":[1],\"subtitle\":[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\",[[1,\"ez-text-edit\",{\"value\":[1],\"styled\":[16],\"_newValue\":[32],\"applyFocusSelect\":[64]}]]],[\"ez-scroller_3\",[[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-list\",[[1,\"ez-list\",{\"dataSource\":[1040],\"listMode\":[1,\"list-mode\"],\"useGroups\":[1540,\"use-groups\"],\"ezDraggable\":[1028,\"ez-draggable\"],\"ezSelectable\":[1028,\"ez-selectable\"],\"itemSlotBuilder\":[1040],\"itemLeftSlotBuilder\":[1040],\"hoverFeedback\":[1028,\"hover-feedback\"],\"_listItems\":[32],\"_listGroupItems\":[32],\"clearHistory\":[64],\"scrollToTop\":[64],\"setSelection\":[64],\"getSelection\":[64],\"getList\":[64],\"removeSelection\":[64]}]]],[\"ez-combo-box\",[[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],\"hideErrorOnFocusOut\":[4,\"hide-error-on-focus-out\"],\"listOptionsPosition\":[16],\"isTextSearch\":[4,\"is-text-search\"],\"_preSelection\":[32],\"_visibleOptions\":[32],\"_startLoading\":[32],\"_showLoading\":[32],\"_criteria\":[32],\"getValueAsync\":[64],\"setFocus\":[64],\"setBlur\":[64],\"isInvalid\":[64],\"clearValue\":[64]},[[11,\"scroll\",\"scrollListener\"]]]]],[\"ez-search\",[[1,\"ez-search\",{\"value\":[1537],\"label\":[1537],\"enabled\":[1540],\"errorMessage\":[1537,\"error-message\"],\"optionLoader\":[16],\"showSelectedValue\":[4,\"show-selected-value\"],\"showOptionValue\":[4,\"show-option-value\"],\"suppressEmptyOption\":[4,\"suppress-empty-option\"],\"mode\":[513],\"canShowError\":[516,\"can-show-error\"],\"hideErrorOnFocusOut\":[4,\"hide-error-on-focus-out\"],\"listOptionsPosition\":[16],\"isTextSearch\":[4,\"is-text-search\"],\"setFocus\":[64],\"setBlur\":[64],\"isInvalid\":[64],\"clearValue\":[64],\"getValueAsync\":[64]}]]],[\"ez-check\",[[1,\"ez-check\",{\"label\":[513],\"value\":[1540],\"enabled\":[1540],\"indeterminate\":[1540],\"mode\":[513],\"compact\":[4],\"getMode\":[64],\"setFocus\":[64]}]]],[\"ez-icon\",[[1,\"ez-icon\",{\"size\":[513],\"href\":[513],\"iconName\":[513,\"icon-name\"]}]]],[\"ez-button\",[[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\",[[2,\"ez-form\",{\"dataUnit\":[1040],\"config\":[16],\"recordsValidator\":[16],\"validate\":[64]}]]]]"), options);
17
+ return bootstrapLazy(JSON.parse("[[\"ez-grid\",[[6,\"ez-grid\",{\"multipleSelection\":[4,\"multiple-selection\"],\"config\":[1040],\"selectionToastConfig\":[16],\"serverUrl\":[1,\"server-url\"],\"dataUnit\":[16],\"statusResolver\":[16],\"columnfilterDataSource\":[16],\"useEnterLikeTab\":[4,\"use-enter-like-tab\"],\"recordsValidator\":[16],\"canEdit\":[4,\"can-edit\"],\"_paginationInfo\":[32],\"_paginationChangedByKeyboard\":[32],\"_showSelectionCounter\":[32],\"_isAllSelection\":[32],\"_currentPageSelected\":[32],\"_selectionCount\":[32],\"_hasLeftButtons\":[32],\"setColumnsDef\":[64],\"addColumnMenuItem\":[64],\"setColumnsState\":[64],\"setData\":[64],\"getSelection\":[64],\"getColumnsState\":[64],\"getColumns\":[64],\"quickFilter\":[64]},[[0,\"ezSelectionChange\",\"onSelectionChange\"]]]]],[\"ez-guide-navigator\",[[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\",[[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\",[[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\",[[1,\"ez-dialog\",{\"confirm\":[1028],\"dialogType\":[1025,\"dialog-type\"],\"message\":[1025],\"opened\":[1540],\"personalizedIconPath\":[1025,\"personalized-icon-path\"],\"ezTitle\":[1025,\"ez-title\"],\"beforeClose\":[1040],\"show\":[64]}]]],[\"ez-modal-container\",[[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\",[[1,\"ez-alert\",{\"alertType\":[513,\"alert-type\"]}]]],[\"ez-badge\",[[1,\"ez-badge\",{\"size\":[513],\"label\":[513],\"iconLeft\":[513,\"icon-left\"],\"iconRight\":[513,\"icon-right\"],\"position\":[1040],\"hasSlot\":[32]}]]],[\"ez-chip\",[[1,\"ez-chip\",{\"label\":[513],\"enabled\":[516],\"removePosition\":[513,\"remove-position\"],\"mode\":[513],\"value\":[1540],\"showNativeTooltip\":[4,\"show-native-tooltip\"],\"setFocus\":[64],\"setBlur\":[64]}]]],[\"ez-file-item\",[[1,\"ez-file-item\",{\"canRemove\":[4,\"can-remove\"],\"fileName\":[1,\"file-name\"],\"iconName\":[1,\"icon-name\"],\"fileSize\":[2,\"file-size\"],\"progress\":[2]}]]],[\"ez-application\",[[0,\"ez-application\"]]],[\"ez-card-item\",[[1,\"ez-card-item\",{\"item\":[16]}]]],[\"ez-loading-bar\",[[1,\"ez-loading-bar\",{\"_showLoading\":[32],\"hide\":[64],\"show\":[64]}]]],[\"ez-modal\",[[1,\"ez-modal\",{\"modalSize\":[1,\"modal-size\"],\"align\":[1],\"heightMode\":[1,\"height-mode\"],\"opened\":[1028],\"closeEsc\":[4,\"close-esc\"],\"closeOutsideClick\":[4,\"close-outside-click\"],\"scrim\":[1]}]]],[\"ez-popup\",[[1,\"ez-popup\",{\"size\":[1],\"opened\":[1540],\"useHeader\":[516,\"use-header\"],\"heightMode\":[513,\"height-mode\"],\"ezTitle\":[1,\"ez-title\"]}]]],[\"ez-radio-button\",[[1,\"ez-radio-button\",{\"value\":[1544],\"options\":[1040],\"enabled\":[516],\"label\":[513],\"direction\":[1537]}]]],[\"ez-skeleton\",[[0,\"ez-skeleton\",{\"count\":[2],\"variant\":[1],\"width\":[1],\"height\":[1],\"marginBottom\":[1,\"margin-bottom\"],\"animation\":[1]}]]],[\"ez-toast\",[[1,\"ez-toast\",{\"message\":[1025],\"fadeTime\":[1026,\"fade-time\"],\"useIcon\":[1028,\"use-icon\"],\"canClose\":[1028,\"can-close\"],\"show\":[64]}]]],[\"ez-view-stack\",[[0,\"ez-view-stack\",{\"show\":[64],\"getSelectedIndex\":[64]}]]],[\"ez-form-view\",[[2,\"ez-form-view\",{\"fields\":[16],\"showUp\":[64]}]]],[\"ez-filter-input_2\",[[0,\"multi-selection-box-message\",{\"message\":[1]}],[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]}]]],[\"ez-multi-selection-list\",[[2,\"ez-multi-selection-list\",{\"columnName\":[1,\"column-name\"],\"dataSource\":[16],\"useOptions\":[1028,\"use-options\"],\"options\":[1040],\"isTextSearch\":[4,\"is-text-search\"],\"filteredOptions\":[32],\"displayOptions\":[32],\"viewScenario\":[32],\"displayOptionToCheckAllItems\":[32],\"clearFilteredOptions\":[64]}]]],[\"filter-column\",[[0,\"filter-column\",{\"opened\":[4],\"columnName\":[1,\"column-name\"],\"columnLabel\":[1,\"column-label\"],\"gridHeaderHidden\":[4,\"grid-header-hidden\"],\"noHeaderTaskBar\":[1028,\"no-header-task-bar\"],\"dataSource\":[16],\"dataUnit\":[16],\"options\":[1040],\"selectedItems\":[32],\"fieldDescriptor\":[32],\"useOptions\":[32],\"isTextSearch\":[32],\"hide\":[64],\"show\":[64]}]]],[\"ez-dropdown\",[[1,\"ez-dropdown\",{\"items\":[1040],\"value\":[1040],\"itemBuilder\":[16]}]]],[\"ez-tabselector\",[[1,\"ez-tabselector\",{\"selectedIndex\":[1538,\"selected-index\"],\"selectedTab\":[1537,\"selected-tab\"],\"tabs\":[1],\"_processedTabs\":[32]}]]],[\"ez-collapsible-box\",[[1,\"ez-collapsible-box\",{\"value\":[1540],\"boxBordered\":[4,\"box-bordered\"],\"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-calendar\",[[1,\"ez-calendar\",{\"value\":[1040],\"floating\":[516],\"time\":[516],\"showSeconds\":[516,\"show-seconds\"],\"show\":[64],\"fitVertical\":[64],\"fitHorizontal\":[64],\"hide\":[64]},[[11,\"scroll\",\"scrollListener\"]]]]],[\"ez-text-input\",[[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-date-input\",[[1,\"ez-date-input\",{\"label\":[513],\"value\":[1040],\"enabled\":[516],\"errorMessage\":[1537,\"error-message\"],\"mode\":[513],\"canShowError\":[516,\"can-show-error\"],\"setFocus\":[64],\"setBlur\":[64],\"isInvalid\":[64],\"getValueAsync\":[64]}]]],[\"ez-date-time-input\",[[1,\"ez-date-time-input\",{\"label\":[513],\"value\":[1040],\"enabled\":[516],\"errorMessage\":[1537,\"error-message\"],\"showSeconds\":[516,\"show-seconds\"],\"mode\":[513],\"canShowError\":[516,\"can-show-error\"],\"setFocus\":[64],\"setBlur\":[64],\"isInvalid\":[64],\"getValueAsync\":[64]}]]],[\"ez-time-input\",[[1,\"ez-time-input\",{\"label\":[513],\"value\":[1026],\"enabled\":[516],\"errorMessage\":[1537,\"error-message\"],\"showSeconds\":[516,\"show-seconds\"],\"mode\":[513],\"canShowError\":[516,\"can-show-error\"],\"setFocus\":[64],\"setBlur\":[64],\"isInvalid\":[64]}]]],[\"ez-number-input\",[[1,\"ez-number-input\",{\"label\":[1],\"value\":[1538],\"enabled\":[4],\"canShowError\":[516,\"can-show-error\"],\"errorMessage\":[1537,\"error-message\"],\"precision\":[2],\"prettyPrecision\":[2,\"pretty-precision\"],\"mode\":[513],\"setFocus\":[64],\"setBlur\":[64],\"isInvalid\":[64],\"getValueAsync\":[64]}]]],[\"ez-popover\",[[1,\"ez-popover\",{\"autoClose\":[516,\"auto-close\"],\"boxWidth\":[513,\"box-width\"],\"opened\":[1540],\"innerElement\":[1537,\"inner-element\"],\"overlayType\":[513,\"overlay-type\"],\"updatePosition\":[64],\"show\":[64],\"showUnder\":[64],\"hide\":[64]}]]],[\"ez-text-area\",[[1,\"ez-text-area\",{\"label\":[513],\"value\":[1537],\"enabled\":[516],\"errorMessage\":[1537,\"error-message\"],\"rows\":[1538],\"canShowError\":[516,\"can-show-error\"],\"mode\":[513],\"enableResize\":[516,\"enable-resize\"],\"appendTextToSelection\":[64],\"setFocus\":[64],\"setBlur\":[64],\"isInvalid\":[64]}]]],[\"ez-upload\",[[1,\"ez-upload\",{\"label\":[1],\"subtitle\":[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\",[[1,\"ez-text-edit\",{\"value\":[1],\"styled\":[16],\"_newValue\":[32],\"applyFocusSelect\":[64]}]]],[\"ez-scroller_3\",[[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-list\",[[1,\"ez-list\",{\"dataSource\":[1040],\"listMode\":[1,\"list-mode\"],\"useGroups\":[1540,\"use-groups\"],\"ezDraggable\":[1028,\"ez-draggable\"],\"ezSelectable\":[1028,\"ez-selectable\"],\"itemSlotBuilder\":[1040],\"itemLeftSlotBuilder\":[1040],\"hoverFeedback\":[1028,\"hover-feedback\"],\"_listItems\":[32],\"_listGroupItems\":[32],\"clearHistory\":[64],\"scrollToTop\":[64],\"setSelection\":[64],\"getSelection\":[64],\"getList\":[64],\"removeSelection\":[64]}]]],[\"ez-combo-box\",[[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],\"hideErrorOnFocusOut\":[4,\"hide-error-on-focus-out\"],\"listOptionsPosition\":[16],\"isTextSearch\":[4,\"is-text-search\"],\"_preSelection\":[32],\"_visibleOptions\":[32],\"_startLoading\":[32],\"_showLoading\":[32],\"_criteria\":[32],\"getValueAsync\":[64],\"setFocus\":[64],\"setBlur\":[64],\"isInvalid\":[64],\"clearValue\":[64]},[[11,\"scroll\",\"scrollListener\"]]]]],[\"ez-search\",[[1,\"ez-search\",{\"value\":[1537],\"label\":[1537],\"enabled\":[1540],\"errorMessage\":[1537,\"error-message\"],\"optionLoader\":[16],\"showSelectedValue\":[4,\"show-selected-value\"],\"showOptionValue\":[4,\"show-option-value\"],\"suppressEmptyOption\":[4,\"suppress-empty-option\"],\"mode\":[513],\"canShowError\":[516,\"can-show-error\"],\"hideErrorOnFocusOut\":[4,\"hide-error-on-focus-out\"],\"listOptionsPosition\":[16],\"isTextSearch\":[4,\"is-text-search\"],\"setFocus\":[64],\"setBlur\":[64],\"isInvalid\":[64],\"clearValue\":[64],\"getValueAsync\":[64]}]]],[\"ez-check\",[[1,\"ez-check\",{\"label\":[513],\"value\":[1540],\"enabled\":[1540],\"indeterminate\":[1540],\"mode\":[513],\"compact\":[4],\"getMode\":[64],\"setFocus\":[64]}]]],[\"ez-icon\",[[1,\"ez-icon\",{\"size\":[513],\"href\":[513],\"iconName\":[513,\"icon-name\"]}]]],[\"ez-button\",[[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\",[[2,\"ez-form\",{\"dataUnit\":[1040],\"config\":[16],\"recordsValidator\":[16],\"validate\":[64]}]]]]"), options);
18
18
  });
@@ -44,9 +44,9 @@ const FilterColumn = class {
44
44
  await this.hide();
45
45
  this.fieldDescriptor = this.dataUnit.getField(configs.columnName);
46
46
  this.buildIsTextSearch();
47
- this.setOptions(configs.filteredOptions);
48
47
  this.columnName = configs.columnName;
49
48
  this.columnLabel = configs.columnLabel;
49
+ await this.setOptions(configs.filteredOptions);
50
50
  await this.ezPopoverElement.show(this.calcTopPosition(), this.calculateLeftPosition(configs));
51
51
  }
52
52
  }
@@ -111,10 +111,22 @@ const FilterColumn = class {
111
111
  return this.fieldDescriptor.userInterface === UserInterface.SWITCH
112
112
  || this.fieldDescriptor.userInterface === UserInterface.CHECKBOX;
113
113
  }
114
- setOptions(selectedItems) {
114
+ async setOptions(selectedItems) {
115
115
  const validateFieldUserInterfaceOptionSelector = this.hasToUseOptions();
116
- this.useOptions = validateFieldUserInterfaceOptionSelector;
117
- this.options = validateFieldUserInterfaceOptionSelector ? this.buildOptions(selectedItems) : (selectedItems !== null && selectedItems !== void 0 ? selectedItems : null);
116
+ if (validateFieldUserInterfaceOptionSelector) {
117
+ this.useOptions = validateFieldUserInterfaceOptionSelector;
118
+ this.options = validateFieldUserInterfaceOptionSelector ? this.buildOptions(selectedItems) : (selectedItems !== null && selectedItems !== void 0 ? selectedItems : null);
119
+ return;
120
+ }
121
+ const options = await this.dataSource.getStaticOptions(this.columnName);
122
+ if (options != undefined) {
123
+ const selected = new Set((selectedItems || []).filter(item => item.check).map(item => item.label));
124
+ this.useOptions = true;
125
+ this.options = selected.size === 0 ? options : options.map(option => (Object.assign(Object.assign({}, option), { check: selected.has(option.label) })));
126
+ return;
127
+ }
128
+ this.useOptions = false;
129
+ this.options = null;
118
130
  }
119
131
  buildOptions(selectedItems) {
120
132
  var _a, _b;