@sankhyalabs/ezui 1.1.118 → 1.1.121

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 (49) hide show
  1. package/dist/cjs/ez-check.cjs.entry.js +1 -1
  2. package/dist/cjs/ez-form.cjs.entry.js +59 -15
  3. package/dist/cjs/ez-grid.cjs.entry.js +45 -12
  4. package/dist/cjs/ez-popover.cjs.entry.js +41 -22
  5. package/dist/cjs/ez-upload.cjs.entry.js +10 -3
  6. package/dist/cjs/ezui.cjs.js +1 -1
  7. package/dist/cjs/loader.cjs.js +1 -1
  8. package/dist/cjs/test-du.cjs.entry.js +39 -46
  9. package/dist/collection/components/ez-check/ez-check.css +28 -10
  10. package/dist/collection/components/ez-form/DataBinder.js +59 -15
  11. package/dist/collection/components/ez-form/fieldbuilder/tpl/FileInput.tpl.js +1 -1
  12. package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js +27 -9
  13. package/dist/collection/components/ez-grid/controller/ag-grid/DataSource.js +6 -3
  14. package/dist/collection/components/ez-grid/ez-grid.js +47 -0
  15. package/dist/collection/components/ez-popover/ez-popover.css +3 -5
  16. package/dist/collection/components/ez-popover/ez-popover.js +62 -28
  17. package/dist/collection/components/ez-upload/ez-upload.js +29 -3
  18. package/dist/collection/components/test-du/test-du.js +47 -48
  19. package/dist/custom-elements/index.js +197 -102
  20. package/dist/esm/ez-check.entry.js +1 -1
  21. package/dist/esm/ez-form.entry.js +60 -16
  22. package/dist/esm/ez-grid.entry.js +45 -12
  23. package/dist/esm/ez-popover.entry.js +41 -22
  24. package/dist/esm/ez-upload.entry.js +10 -3
  25. package/dist/esm/ezui.js +1 -1
  26. package/dist/esm/loader.js +1 -1
  27. package/dist/esm/test-du.entry.js +40 -47
  28. package/dist/ezui/ezui.esm.js +1 -1
  29. package/dist/ezui/p-68c509a7.entry.js +1 -0
  30. package/dist/ezui/p-76b64956.entry.js +1 -0
  31. package/dist/ezui/p-8793a124.entry.js +1 -0
  32. package/dist/ezui/p-a6e28794.entry.js +1 -0
  33. package/dist/ezui/{p-3cd17150.entry.js → p-c86cd69e.entry.js} +1 -1
  34. package/dist/ezui/p-f8d3c04d.entry.js +1 -0
  35. package/dist/types/components/ez-form/DataBinder.d.ts +2 -0
  36. package/dist/types/components/ez-grid/controller/EzGridController.d.ts +6 -2
  37. package/dist/types/components/ez-grid/controller/ag-grid/AgGridController.d.ts +5 -2
  38. package/dist/types/components/ez-grid/controller/ag-grid/DataSource.d.ts +2 -0
  39. package/dist/types/components/ez-grid/ez-grid.d.ts +8 -0
  40. package/dist/types/components/ez-popover/ez-popover.d.ts +7 -0
  41. package/dist/types/components/ez-upload/ez-upload.d.ts +5 -0
  42. package/dist/types/components/test-du/test-du.d.ts +2 -0
  43. package/dist/types/components.d.ts +21 -1
  44. package/package.json +1 -1
  45. package/dist/ezui/p-080045a0.entry.js +0 -1
  46. package/dist/ezui/p-126d33e2.entry.js +0 -1
  47. package/dist/ezui/p-1339fde7.entry.js +0 -1
  48. package/dist/ezui/p-73d3f767.entry.js +0 -1
  49. package/dist/ezui/p-f3f9c7e6.entry.js +0 -1
@@ -1,5 +1,5 @@
1
1
  import { h, r as registerInstance, f as forceUpdate, H as Host, g as getElement } from './index-6b8bfbeb.js';
2
- import { UserInterface, ApplicationContext, Action, DataUnitAction, DataUnit } from '@sankhyalabs/core';
2
+ import { UserInterface, Action, ApplicationContext, DataUnitAction, DataUnit } from '@sankhyalabs/core';
3
3
  import { A as ApplicationUtils } from './ApplicationUtils-3ca0e68d.js';
4
4
 
5
5
  const buildTextArea = ({ name, label, readOnly }) => {
@@ -44,7 +44,7 @@ const buildSearch = ({ name, label, readOnly, required }) => {
44
44
 
45
45
  const buildFile = ({ name, label, readOnly }) => {
46
46
  return (h("div", { class: "col col--sd-12 padding-horizontal--small" },
47
- h("ez-upload", { enabled: !readOnly, label: label, urlUpload: "", requestHeaders: "", maxFiles: 10, "data-field-name": name, key: name })));
47
+ h("ez-upload", { enabled: !readOnly, label: label, "data-field-name": name, key: name })));
48
48
  };
49
49
 
50
50
  const buildDate = ({ name, label, readOnly }) => {
@@ -598,30 +598,56 @@ class DataBinder {
598
598
  constructor(dataUnit) {
599
599
  this._fields = new Map();
600
600
  this._dataUnit = dataUnit;
601
- this._dataUnit.subscribe(_action => {
601
+ this._dataUnit.subscribe(action => {
602
602
  var _a;
603
- (_a = this._fields) === null || _a === void 0 ? void 0 : _a.forEach(field => {
604
- this.updateValue(field.fieldName, field.field);
605
- });
603
+ switch (action.type) {
604
+ case Action.DATA_LOADED:
605
+ case Action.DATA_SAVED:
606
+ case Action.RECORDS_REMOVED:
607
+ case Action.RECORDS_ADDED:
608
+ case Action.RECORDS_COPIED:
609
+ case Action.DATA_CHANGED:
610
+ case Action.EDITION_CANCELED:
611
+ case Action.CHANGE_UNDONE:
612
+ case Action.CHANGE_REDONE:
613
+ case Action.SELECTION_CHANGED:
614
+ case Action.NEXT_SELECTED:
615
+ case Action.PREVIOUS_SELECTED:
616
+ (_a = this._fields) === null || _a === void 0 ? void 0 : _a.forEach(field => {
617
+ this.updateValue(field.fieldName, field.field);
618
+ });
619
+ break;
620
+ }
606
621
  });
607
622
  }
608
623
  bind(fields) {
609
624
  fields.forEach(fieldElement => {
610
625
  const fieldName = fieldElement.dataset.fieldName;
611
626
  this.updateBind(fieldName, fieldElement);
612
- this.updateValue(fieldName, fieldElement);
613
627
  });
614
628
  }
615
629
  updateValue(fieldName, field) {
616
- field["value"] = this._dataUnit.getFieldValue(fieldName);
630
+ const oldValue = field["value"];
631
+ const newValue = this._dataUnit.getFieldValue(fieldName);
632
+ if (oldValue != newValue) {
633
+ field["value"] = newValue;
634
+ }
617
635
  }
618
636
  updateBind(fieldName, field) {
619
637
  const oldBind = this._fields.get(fieldName);
620
638
  if (oldBind) {
621
639
  oldBind.destroy();
622
640
  }
623
- this._fields.set(fieldName, Bind.create(fieldName, field, (fieldName, newValue) => this.setFieldValue(fieldName, newValue)));
641
+ field["value"] = this._dataUnit.getFieldValue(fieldName);
642
+ this._fields.set(fieldName, Bind.create(fieldName, field, (fieldName, waitingChange) => this.changeStarted(fieldName, waitingChange), (fieldName, newValue) => this.setFieldValue(fieldName, newValue)));
624
643
  this.bindSearchOptionsLoader(fieldName, field);
644
+ this.applyEzUploadContext(fieldName, field);
645
+ }
646
+ changeStarted(fieldName, waitingChange) {
647
+ if (this._dataUnit.records.length === 0) {
648
+ this._dataUnit.addRecord();
649
+ }
650
+ this._dataUnit.startChange(fieldName, waitingChange);
625
651
  }
626
652
  setFieldValue(fieldName, newValue) {
627
653
  if (this._dataUnit.records.length === 0) {
@@ -639,19 +665,37 @@ class DataBinder {
639
665
  }
640
666
  }
641
667
  }
668
+ applyEzUploadContext(fieldName, field) {
669
+ var _a, _b;
670
+ if (field.nodeName === "EZ-UPLOAD") {
671
+ field["urlUpload"] = ApplicationContext.getContextValue("__EZUI__UPLOAD__ADD__URL__");
672
+ field["urlDelete"] = ApplicationContext.getContextValue("__EZUI__UPLOAD__DEL__URL__");
673
+ const descriptor = this._dataUnit.getField(fieldName);
674
+ const destination = (_a = descriptor.properties) === null || _a === void 0 ? void 0 : _a.DESTINATION;
675
+ if (destination) {
676
+ field["requestHeaders"] = { XTRAINF: `{"destination": "${destination}"}` };
677
+ }
678
+ field["maxFiles"] = ((_b = descriptor.properties) === null || _b === void 0 ? void 0 : _b.MAX_FILES) || 0;
679
+ }
680
+ }
642
681
  }
643
682
  class Bind {
683
+ constructor() {
684
+ this.startChangeEventName = "ezStartChange";
685
+ this.changeEventName = "ezChange";
686
+ }
644
687
  destroy() {
645
- this.field.removeEventListener(this.eventName, this.eventListener);
688
+ this.field.removeEventListener(this.startChangeEventName, this.startChangeListener);
689
+ this.field.removeEventListener(this.changeEventName, this.changeListener);
646
690
  }
647
- static create(fieldName, field, callback) {
691
+ static create(fieldName, field, startChangeCallback, changeCallback) {
648
692
  const b = new Bind();
649
- b.fieldName = fieldName;
650
693
  b.field = field;
651
- //FIXME: Verificar se o field é um EzField
652
- b.eventListener = (evt) => { callback(fieldName, evt.detail); };
653
- b.eventName = "ezChange";
654
- b.field.addEventListener(b.eventName, b.eventListener);
694
+ b.fieldName = fieldName;
695
+ b.startChangeListener = (evt) => { startChangeCallback(fieldName, evt.detail); };
696
+ b.field.addEventListener(b.startChangeEventName, b.startChangeListener);
697
+ b.changeListener = (evt) => { changeCallback(fieldName, evt.detail); };
698
+ b.field.addEventListener(b.changeEventName, b.changeListener);
655
699
  return b;
656
700
  }
657
701
  }
@@ -110033,15 +110033,15 @@ class DataSource {
110033
110033
  }
110034
110034
  }
110035
110035
  else {
110036
- this.loadData()
110036
+ this.loadData({ limit: params.api.paginationGetPageSize(), offset: params.request.startRow, quickFilter: this._quickFilterTerm })
110037
110037
  .then(data => params.success(data))
110038
110038
  .catch(() => params.fail());
110039
110039
  }
110040
110040
  }
110041
- loadData() {
110041
+ loadData(page) {
110042
110042
  return new Promise((resolve, reject) => {
110043
110043
  if (this._dataUnit) {
110044
- this._dataUnit.loadData().then(rowData => resolve({ rowData, rowCount: rowData.length }));
110044
+ this._dataUnit.loadData(page).then(pageRes => resolve({ rowData: this._dataUnit.records, rowCount: pageRes.total }));
110045
110045
  }
110046
110046
  else {
110047
110047
  fetch(this._serverURL)
@@ -110052,6 +110052,9 @@ class DataSource {
110052
110052
  }
110053
110053
  });
110054
110054
  }
110055
+ setQuickFilter(term) {
110056
+ this._quickFilterTerm = term;
110057
+ }
110055
110058
  }
110056
110059
 
110057
110060
  class AgGridController {
@@ -110086,11 +110089,13 @@ class AgGridController {
110086
110089
  this._serverURL = options.serverURL;
110087
110090
  this._dataUnit = options.dataUnit;
110088
110091
  this._dataUnit.sortingProvider = this;
110092
+ this._dataSource = new DataSource(this._dataUnit, this._serverURL);
110089
110093
  this._gridOptions = {
110090
110094
  localeText: gridTerms,
110091
110095
  rowModelType: "serverSide",
110096
+ serverSideStoreType: "partial",
110092
110097
  rowSelection: this._multipleSelection ? "multiple" : "single",
110093
- serverSideDatasource: new DataSource(this._dataUnit, this._serverURL),
110098
+ serverSideDatasource: this._dataSource,
110094
110099
  getRowNodeId: (params) => typeof params === "string" ? params : params[this._idAttribName],
110095
110100
  getMainMenuItems: (params) => {
110096
110101
  const column = params.column;
@@ -110101,10 +110106,13 @@ class AgGridController {
110101
110106
  }));
110102
110107
  return items;
110103
110108
  },
110104
- onViewportChanged: () => {
110105
- if (this._dataUnit) {
110106
- this.selectRows(this._dataUnit.getSelection());
110107
- }
110109
+ getRowHeight: () => {
110110
+ //FIXME: Existe um bug no PartialStore.prototype.destroyAllBlocks do ag-grid, pois
110111
+ //apesar de destruir os blocos, mantém a variável "blockHeights" com o tamanho antigo
110112
+ //dos blocos, então, quando removemos uma linha, a altura do bloco não é recalculada.
110113
+ //Descobri que setando manualmente a altura das linhas, apesar do bloco ficar com
110114
+ //tamanho errado, isso afeta menos o componente.
110115
+ return 25;
110108
110116
  }
110109
110117
  };
110110
110118
  this.setOptionsEvents(this._gridOptions);
@@ -110127,6 +110135,11 @@ class AgGridController {
110127
110135
  opt.onSelectionChanged = e => this.onSelectionChange(e);
110128
110136
  opt.onPaginationChanged = () => this.onPaginationChange();
110129
110137
  opt.onRowDoubleClicked = evt => this.onRowDoubleClick(evt);
110138
+ opt.onViewportChanged = () => {
110139
+ if (this._dataUnit) {
110140
+ this.selectRows(this._dataUnit.getSelection());
110141
+ }
110142
+ };
110130
110143
  }
110131
110144
  setOptionsPagination(opt) {
110132
110145
  opt.pagination = (this._pageSize > -1);
@@ -110144,11 +110157,11 @@ class AgGridController {
110144
110157
  }
110145
110158
  this._gridOptions.api.setRowData(data);
110146
110159
  }
110147
- addRows(rows) {
110160
+ addRows() {
110148
110161
  if (this._grid === undefined) {
110149
110162
  throw new Error("Erro interno: Grid ainda não inicializado.");
110150
110163
  }
110151
- this._gridOptions.api.applyServerSideTransaction({ add: rows });
110164
+ this._gridOptions.api.refreshServerSideStore({});
110152
110165
  }
110153
110166
  selectRows(rowIds) {
110154
110167
  if (this._grid === undefined) {
@@ -110163,11 +110176,11 @@ class AgGridController {
110163
110176
  });
110164
110177
  }
110165
110178
  }
110166
- removeRows(rowIds) {
110179
+ removeRows() {
110167
110180
  if (this._grid === undefined) {
110168
110181
  throw new Error("Erro interno: Grid ainda não inicializado.");
110169
110182
  }
110170
- this._gridOptions.api.applyServerSideTransaction({ remove: rowIds });
110183
+ this._gridOptions.api.refreshServerSideStore({});
110171
110184
  }
110172
110185
  changeValues(changes, rowIds) {
110173
110186
  if (this._grid === undefined) {
@@ -110284,6 +110297,14 @@ class AgGridController {
110284
110297
  previousPage() {
110285
110298
  this._gridOptions.api.paginationGoToPreviousPage();
110286
110299
  }
110300
+ goToPage(page) {
110301
+ this._gridOptions.api.paginationGoToPage(page);
110302
+ }
110303
+ quickFilter(term) {
110304
+ this._dataSource.setQuickFilter(term);
110305
+ this.goToPage(0);
110306
+ this._gridOptions.api.refreshServerSideStore({ purge: true });
110307
+ }
110287
110308
  buildColDef(source) {
110288
110309
  return {
110289
110310
  headerName: source.label,
@@ -110497,6 +110518,18 @@ let EzGrid = class {
110497
110518
  async getColumns() {
110498
110519
  return Promise.resolve(this._gridController.getColumnsDef());
110499
110520
  }
110521
+ /**
110522
+ * Método para recarregar pagina atual da grid.
110523
+ */
110524
+ async refresh() {
110525
+ this._gridController.refresh();
110526
+ }
110527
+ /**
110528
+ * Método para fazer um filtro rápido na grid.
110529
+ */
110530
+ async quickFilter(term) {
110531
+ this._gridController.quickFilter(term);
110532
+ }
110500
110533
  componentWillLoad() {
110501
110534
  if (this.dataUnit) {
110502
110535
  this._dataUnitBridge = new DataUnitBridge(this._gridController, this.dataUnit);
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-6b8bfbeb.js';
2
2
  import { FloatingManager } from '@sankhyalabs/core';
3
3
 
4
- const ezPopoverCss = ":host{--ez-popover__box--border-radius:var(--border--radius-medium, 12px);--ez-popover__box--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-popover__box--background-color:var(--background--xlight, #fff);--ez-popover__box--z-index:var(--more-visible, 1);position:relative;display:flex;user-select:none;width:100%}.box{z-index:var(--ez-popover__box--z-index);display:flex;flex-direction:column;height:fit-content;background-color:var(--ez-popover__box--background-color);border-radius:var(--ez-popover__box--border-radius);box-shadow:var(--ez-popover__box--box-shadow)}.box--fit-content{width:fit-content}.box--full-width{width:100%}";
4
+ const ezPopoverCss = ":host{--ez-popover__box--border-radius:var(--border--radius-medium, 12px);--ez-popover__box--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-popover__box--background-color:var(--background--xlight, #fff);--ez-popover__box--z-index:var(--more-visible, 1);position:relative;display:flex;user-select:none}.popover__box{z-index:var(--ez-popover__box--z-index);display:flex;flex-direction:column;height:fit-content;background-color:var(--ez-popover__box--background-color);border-radius:var(--ez-popover__box--border-radius);box-shadow:var(--ez-popover__box--box-shadow)}.popover__box--fit-content{width:fit-content}.popover__box--full-width{width:100%}";
5
5
 
6
6
  let EzPopover = class {
7
7
  constructor(hostRef) {
@@ -34,6 +34,41 @@ let EzPopover = class {
34
34
  * Opções: "100% e "fit-content" (default)
35
35
  */
36
36
  this.boxWidth = "fit-content";
37
+ this.innerClickTest = (_popOvercontainer, node, eventOrigin) => {
38
+ const innerContainers = [_popOvercontainer];
39
+ if (this.innerElement) {
40
+ if (typeof (this.innerElement) == "string") {
41
+ innerContainers.push(document.querySelector(`#${this.innerElement}`));
42
+ }
43
+ else {
44
+ this.innerElement.forEach(comp => {
45
+ innerContainers.push(document.querySelector(`#${comp}`));
46
+ });
47
+ }
48
+ }
49
+ for (var i = 0; i < innerContainers.length; i++) {
50
+ let _container = innerContainers[i];
51
+ if (_container != undefined) {
52
+ if (_container.contains(node)) {
53
+ return true;
54
+ }
55
+ if (eventOrigin && "nodeType" in (eventOrigin === null || eventOrigin === void 0 ? void 0 : eventOrigin.target) && _container.contains(eventOrigin.target)) {
56
+ return true;
57
+ }
58
+ if (_container.shadowRoot && _container.shadowRoot.contains(node)) {
59
+ return true;
60
+ }
61
+ _container = this._host;
62
+ if (!_container.lastElementChild.shadowRoot ? _container.contains(node) : _container.lastElementChild.shadowRoot.contains(node)) {
63
+ return true;
64
+ }
65
+ }
66
+ }
67
+ return false;
68
+ };
69
+ this.backClickListener = () => {
70
+ this.ezVisibilityChange.emit(false);
71
+ };
37
72
  }
38
73
  dispatchVisibilityChange(newValue, oldValue) {
39
74
  if (newValue != oldValue) {
@@ -50,16 +85,8 @@ let EzPopover = class {
50
85
  left,
51
86
  bottom,
52
87
  right,
53
- innerClickTest: (_container, node) => {
54
- if (_container.contains(node)) {
55
- return true;
56
- }
57
- if (_container.shadowRoot && _container.shadowRoot.contains(node)) {
58
- return true;
59
- }
60
- _container = this._host;
61
- return !_container.lastElementChild.shadowRoot ? _container.contains(node) : _container.lastElementChild.shadowRoot.contains(node);
62
- }
88
+ innerClickTest: this.innerClickTest,
89
+ backClickListener: this.backClickListener
63
90
  };
64
91
  FloatingManager.updateFloatPosition(this._box, this._container, floatingOptions);
65
92
  }
@@ -73,16 +100,8 @@ let EzPopover = class {
73
100
  left,
74
101
  bottom,
75
102
  right,
76
- innerClickTest: (_container, node) => {
77
- if (_container.contains(node)) {
78
- return true;
79
- }
80
- if (_container.shadowRoot && _container.shadowRoot.contains(node)) {
81
- return true;
82
- }
83
- _container = this._host;
84
- return !_container.lastElementChild.shadowRoot ? _container.contains(node) : _container.lastElementChild.shadowRoot.contains(node);
85
- }
103
+ innerClickTest: this.innerClickTest,
104
+ backClickListener: this.backClickListener
86
105
  };
87
106
  this._floatingID = FloatingManager.float(this._box, this._container, floatingOptions);
88
107
  this.opened = true;
@@ -104,7 +123,7 @@ let EzPopover = class {
104
123
  }
105
124
  }
106
125
  render() {
107
- return (h(Host, null, h("section", { ref: el => this._container = el }, h("div", { class: `box ${this.boxWidth === "fit-content" ? "box--fit-content" : "box--full-width"}`, ref: el => this._box = el }, h("slot", null)))));
126
+ return (h(Host, null, h("section", { ref: el => this._container = el }, h("div", { class: `popover__box ${this.boxWidth === "fit-content" ? "popover__box--fit-content" : "popover__box--full-width"}`, ref: el => this._box = el }, h("slot", null)))));
108
127
  }
109
128
  get _host() { return getElement(this); }
110
129
  static get watchers() { return {
@@ -97,6 +97,7 @@ let EzUpload = class {
97
97
  constructor(hostRef) {
98
98
  registerInstance(this, hostRef);
99
99
  this.ezChange = createEvent(this, "ezChange", 7);
100
+ this.ezStartChange = createEvent(this, "ezStartChange", 7);
100
101
  this._filePointers = new Map();
101
102
  /**
102
103
  * Deixa o campo disponível ou não para digitação.
@@ -104,6 +105,9 @@ let EzUpload = class {
104
105
  this.enabled = true;
105
106
  }
106
107
  changeValue(newValue) {
108
+ //Observamos o mundo externo, se um novo valor foi atribuído,
109
+ //precisamos cancelar a alteração anterior, isso envolve, percorrer
110
+ //a lista de ponteiros e cancelar todos os uploads em andamento.
107
111
  if (newValue !== this._updatingValue) {
108
112
  this._filePointers.forEach(f => {
109
113
  if (this.isRemoteFile(f)) {
@@ -112,8 +116,8 @@ let EzUpload = class {
112
116
  });
113
117
  this._filePointers = new Map();
114
118
  this.updateFilePointers();
119
+ this._updatingValue = undefined;
115
120
  }
116
- this._updatingValue = undefined;
117
121
  }
118
122
  updateFilePointers() {
119
123
  if (this.value) {
@@ -183,6 +187,7 @@ let EzUpload = class {
183
187
  }
184
188
  async doAddFile(file) {
185
189
  if (this.validateFile(file)) {
190
+ this.ezStartChange.emit({ waitmessage: "Há arquivos sendo enviados. Por favor aguarde a conclusão ou cancele o envio." });
186
191
  const uploadingFile = new RemoteFile(file);
187
192
  this._filePointers.set(file.name, uploadingFile);
188
193
  uploadingFile.upload(this.urlUpload, this._requestHeaders, (file) => this.updateFeedback(file))
@@ -202,8 +207,10 @@ let EzUpload = class {
202
207
  this._updatingValue.push(f);
203
208
  }
204
209
  });
205
- this.value = this._updatingValue;
206
- this.ezChange.emit(this.value);
210
+ if (this._filePointers.size === this._updatingValue.length) {
211
+ this.value = this._updatingValue;
212
+ this.ezChange.emit(this.value);
213
+ }
207
214
  }
208
215
  buildProgressId(uploading) {
209
216
  let sanitizedName = uploading.name.replace(/[^a-z0-9_]/gi, "_");
package/dist/esm/ezui.js CHANGED
@@ -13,5 +13,5 @@ const patchBrowser = () => {
13
13
  };
14
14
 
15
15
  patchBrowser().then(options => {
16
- return bootstrapLazy([["ez-grid",[[6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"pageSize":[2,"page-size"],"serverUrl":[1,"server-url"],"dataUnit":[16],"_navigationHasPrevious":[32],"_navigationHasNext":[32],"_navigationFirstRow":[32],"_navigationLastRow":[32],"_navigationTotalRows":[32],"_popUpVisible":[32],"setColumnsDef":[64],"addColumnMenuItem":[64],"setColumnsState":[64],"setData":[64],"getSelection":[64],"getColumnsState":[64],"getColumns":[64]}]]],["ez-dialog",[[1,"ez-dialog",{"confirm":[1028],"critical":[1028],"message":[1025],"opened":[1540],"personalizedIconPath":[1025,"personalized-icon-path"],"ezTitle":[1025,"ez-title"],"handleButtonClick":[64],"show":[64]}]]],["ez-filter-input",[[1,"ez-filter-input",{"label":[1],"value":[1537],"enabled":[4],"loading":[516],"errorMessage":[1537,"error-message"],"restrict":[1],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-action-chip",[[1,"ez-action-chip",{"label":[513],"enabled":[516]}]]],["ez-application",[[0,"ez-application"]]],["ez-label-chip",[[1,"ez-label-chip",{"label":[513],"enabled":[516],"removable":[516],"value":[1540],"setFocus":[64],"setBlur":[64]}]]],["ez-popover",[[1,"ez-popover",{"autoClose":[516,"auto-close"],"top":[1537],"left":[1537],"bottom":[1537],"right":[1537],"boxWidth":[513,"box-width"],"opened":[1540],"updatePosition":[64],"show":[64],"hide":[64]}]]],["ez-popup",[[1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[1540,"use-header"],"ezTitle":[1,"ez-title"]}]]],["ez-toast",[[1,"ez-toast",{"message":[1025],"fadeTime":[1026,"fade-time"],"useIcon":[1028,"use-icon"],"canClose":[1028,"can-close"],"show":[64]}]]],["grid-config",[[2,"grid-config",{"selectedTab":[1025,"selected-tab"],"columns":[1040]}]]],["ez-modal",[[1,"ez-modal",{"modalSize":[1,"modal-size"],"align":[1],"opened":[1028],"closeEsc":[4,"close-esc"],"closeOutsideClick":[4,"close-outside-click"]}]]],["ez-text-input",[[1,"ez-text-input",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"mask":[1],"canShowError":[516,"can-show-error"],"restrict":[1],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-date-input",[[1,"ez-date-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"mode":[513],"setFocus":[64],"setBlur":[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],"setFocus":[64],"setBlur":[64]}]]],["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],"setFocus":[64],"setBlur":[64]}]]],["ez-time-input",[[1,"ez-time-input",{"label":[513],"viewValue":[1537,"view-value"],"value":[1026],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-number-input",[[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]}]]],["ez-collapsible-box",[[1,"ez-collapsible-box",{"value":[1540],"label":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"showHide":[64]}]]],["test-du",[[0,"test-du"]]],["select-box",[[1,"select-box",{"selectedOption":[1,"selected-option"]}]]],["ez-list",[[1,"ez-list",{"dataSource":[1040],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"_listItems":[32],"_listGroupItems":[32],"setSelection":[64],"getSelection":[64],"getList":[64]}]]],["ez-text-area",[[1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"rows":[1538],"canShowError":[516,"can-show-error"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-upload",[[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-button",[[1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513],"iconName":[513,"icon-name"],"size":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-calendar",[[1,"ez-calendar",{"value":[1040],"floating":[516],"time":[516],"showSeconds":[516,"show-seconds"],"show":[64],"fitVertical":[64],"hide":[64]}]]],["ez-check",[[1,"ez-check",{"label":[513],"value":[1540],"enabled":[516],"mode":[513],"getMode":[64],"setFocus":[64]}]]],["ez-tabselector",[[1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1]}]]],["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"],"optionLoader":[16],"suppressEmptyOption":[4,"suppress-empty-option"],"canShowError":[516,"can-show-error"],"mode":[513],"_preSelection":[32],"_visibleOptions":[32],"setFocus":[64],"setBlur":[64]}]]],["ez-icon",[[1,"ez-icon",{"size":[513],"href":[513],"iconName":[513,"icon-name"]}]]],["ez-form",[[0,"ez-form",{"dataUnit":[1040],"config":[16],"submit":[64],"cancel":[64],"validate":[64]}]]]], options);
16
+ return bootstrapLazy([["ez-grid",[[6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"pageSize":[2,"page-size"],"serverUrl":[1,"server-url"],"dataUnit":[16],"_navigationHasPrevious":[32],"_navigationHasNext":[32],"_navigationFirstRow":[32],"_navigationLastRow":[32],"_navigationTotalRows":[32],"_popUpVisible":[32],"setColumnsDef":[64],"addColumnMenuItem":[64],"setColumnsState":[64],"setData":[64],"getSelection":[64],"getColumnsState":[64],"getColumns":[64],"refresh":[64],"quickFilter":[64]}]]],["ez-dialog",[[1,"ez-dialog",{"confirm":[1028],"critical":[1028],"message":[1025],"opened":[1540],"personalizedIconPath":[1025,"personalized-icon-path"],"ezTitle":[1025,"ez-title"],"handleButtonClick":[64],"show":[64]}]]],["ez-filter-input",[[1,"ez-filter-input",{"label":[1],"value":[1537],"enabled":[4],"loading":[516],"errorMessage":[1537,"error-message"],"restrict":[1],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-action-chip",[[1,"ez-action-chip",{"label":[513],"enabled":[516]}]]],["ez-application",[[0,"ez-application"]]],["ez-label-chip",[[1,"ez-label-chip",{"label":[513],"enabled":[516],"removable":[516],"value":[1540],"setFocus":[64],"setBlur":[64]}]]],["ez-popover",[[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"],"updatePosition":[64],"show":[64],"hide":[64]}]]],["ez-popup",[[1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[1540,"use-header"],"ezTitle":[1,"ez-title"]}]]],["ez-toast",[[1,"ez-toast",{"message":[1025],"fadeTime":[1026,"fade-time"],"useIcon":[1028,"use-icon"],"canClose":[1028,"can-close"],"show":[64]}]]],["grid-config",[[2,"grid-config",{"selectedTab":[1025,"selected-tab"],"columns":[1040]}]]],["ez-modal",[[1,"ez-modal",{"modalSize":[1,"modal-size"],"align":[1],"opened":[1028],"closeEsc":[4,"close-esc"],"closeOutsideClick":[4,"close-outside-click"]}]]],["ez-text-input",[[1,"ez-text-input",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"mask":[1],"canShowError":[516,"can-show-error"],"restrict":[1],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-date-input",[[1,"ez-date-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"mode":[513],"setFocus":[64],"setBlur":[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],"setFocus":[64],"setBlur":[64]}]]],["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],"setFocus":[64],"setBlur":[64]}]]],["ez-time-input",[[1,"ez-time-input",{"label":[513],"viewValue":[1537,"view-value"],"value":[1026],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-number-input",[[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]}]]],["ez-collapsible-box",[[1,"ez-collapsible-box",{"value":[1540],"label":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"showHide":[64]}]]],["test-du",[[0,"test-du",{"isDirty":[32]}]]],["select-box",[[1,"select-box",{"selectedOption":[1,"selected-option"]}]]],["ez-list",[[1,"ez-list",{"dataSource":[1040],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"_listItems":[32],"_listGroupItems":[32],"setSelection":[64],"getSelection":[64],"getList":[64]}]]],["ez-text-area",[[1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"rows":[1538],"canShowError":[516,"can-show-error"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-upload",[[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-button",[[1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513],"iconName":[513,"icon-name"],"size":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-calendar",[[1,"ez-calendar",{"value":[1040],"floating":[516],"time":[516],"showSeconds":[516,"show-seconds"],"show":[64],"fitVertical":[64],"hide":[64]}]]],["ez-check",[[1,"ez-check",{"label":[513],"value":[1540],"enabled":[516],"mode":[513],"getMode":[64],"setFocus":[64]}]]],["ez-tabselector",[[1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1]}]]],["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"],"optionLoader":[16],"suppressEmptyOption":[4,"suppress-empty-option"],"canShowError":[516,"can-show-error"],"mode":[513],"_preSelection":[32],"_visibleOptions":[32],"setFocus":[64],"setBlur":[64]}]]],["ez-icon",[[1,"ez-icon",{"size":[513],"href":[513],"iconName":[513,"icon-name"]}]]],["ez-form",[[0,"ez-form",{"dataUnit":[1040],"config":[16],"submit":[64],"cancel":[64],"validate":[64]}]]]], options);
17
17
  });
@@ -10,7 +10,7 @@ const patchEsm = () => {
10
10
  const defineCustomElements = (win, options) => {
11
11
  if (typeof window === 'undefined') return Promise.resolve();
12
12
  return patchEsm().then(() => {
13
- return bootstrapLazy([["ez-grid",[[6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"pageSize":[2,"page-size"],"serverUrl":[1,"server-url"],"dataUnit":[16],"_navigationHasPrevious":[32],"_navigationHasNext":[32],"_navigationFirstRow":[32],"_navigationLastRow":[32],"_navigationTotalRows":[32],"_popUpVisible":[32],"setColumnsDef":[64],"addColumnMenuItem":[64],"setColumnsState":[64],"setData":[64],"getSelection":[64],"getColumnsState":[64],"getColumns":[64]}]]],["ez-dialog",[[1,"ez-dialog",{"confirm":[1028],"critical":[1028],"message":[1025],"opened":[1540],"personalizedIconPath":[1025,"personalized-icon-path"],"ezTitle":[1025,"ez-title"],"handleButtonClick":[64],"show":[64]}]]],["ez-filter-input",[[1,"ez-filter-input",{"label":[1],"value":[1537],"enabled":[4],"loading":[516],"errorMessage":[1537,"error-message"],"restrict":[1],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-action-chip",[[1,"ez-action-chip",{"label":[513],"enabled":[516]}]]],["ez-application",[[0,"ez-application"]]],["ez-label-chip",[[1,"ez-label-chip",{"label":[513],"enabled":[516],"removable":[516],"value":[1540],"setFocus":[64],"setBlur":[64]}]]],["ez-popover",[[1,"ez-popover",{"autoClose":[516,"auto-close"],"top":[1537],"left":[1537],"bottom":[1537],"right":[1537],"boxWidth":[513,"box-width"],"opened":[1540],"updatePosition":[64],"show":[64],"hide":[64]}]]],["ez-popup",[[1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[1540,"use-header"],"ezTitle":[1,"ez-title"]}]]],["ez-toast",[[1,"ez-toast",{"message":[1025],"fadeTime":[1026,"fade-time"],"useIcon":[1028,"use-icon"],"canClose":[1028,"can-close"],"show":[64]}]]],["grid-config",[[2,"grid-config",{"selectedTab":[1025,"selected-tab"],"columns":[1040]}]]],["ez-modal",[[1,"ez-modal",{"modalSize":[1,"modal-size"],"align":[1],"opened":[1028],"closeEsc":[4,"close-esc"],"closeOutsideClick":[4,"close-outside-click"]}]]],["ez-text-input",[[1,"ez-text-input",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"mask":[1],"canShowError":[516,"can-show-error"],"restrict":[1],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-date-input",[[1,"ez-date-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"mode":[513],"setFocus":[64],"setBlur":[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],"setFocus":[64],"setBlur":[64]}]]],["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],"setFocus":[64],"setBlur":[64]}]]],["ez-time-input",[[1,"ez-time-input",{"label":[513],"viewValue":[1537,"view-value"],"value":[1026],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-number-input",[[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]}]]],["ez-collapsible-box",[[1,"ez-collapsible-box",{"value":[1540],"label":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"showHide":[64]}]]],["test-du",[[0,"test-du"]]],["select-box",[[1,"select-box",{"selectedOption":[1,"selected-option"]}]]],["ez-list",[[1,"ez-list",{"dataSource":[1040],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"_listItems":[32],"_listGroupItems":[32],"setSelection":[64],"getSelection":[64],"getList":[64]}]]],["ez-text-area",[[1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"rows":[1538],"canShowError":[516,"can-show-error"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-upload",[[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-button",[[1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513],"iconName":[513,"icon-name"],"size":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-calendar",[[1,"ez-calendar",{"value":[1040],"floating":[516],"time":[516],"showSeconds":[516,"show-seconds"],"show":[64],"fitVertical":[64],"hide":[64]}]]],["ez-check",[[1,"ez-check",{"label":[513],"value":[1540],"enabled":[516],"mode":[513],"getMode":[64],"setFocus":[64]}]]],["ez-tabselector",[[1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1]}]]],["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"],"optionLoader":[16],"suppressEmptyOption":[4,"suppress-empty-option"],"canShowError":[516,"can-show-error"],"mode":[513],"_preSelection":[32],"_visibleOptions":[32],"setFocus":[64],"setBlur":[64]}]]],["ez-icon",[[1,"ez-icon",{"size":[513],"href":[513],"iconName":[513,"icon-name"]}]]],["ez-form",[[0,"ez-form",{"dataUnit":[1040],"config":[16],"submit":[64],"cancel":[64],"validate":[64]}]]]], options);
13
+ return bootstrapLazy([["ez-grid",[[6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"pageSize":[2,"page-size"],"serverUrl":[1,"server-url"],"dataUnit":[16],"_navigationHasPrevious":[32],"_navigationHasNext":[32],"_navigationFirstRow":[32],"_navigationLastRow":[32],"_navigationTotalRows":[32],"_popUpVisible":[32],"setColumnsDef":[64],"addColumnMenuItem":[64],"setColumnsState":[64],"setData":[64],"getSelection":[64],"getColumnsState":[64],"getColumns":[64],"refresh":[64],"quickFilter":[64]}]]],["ez-dialog",[[1,"ez-dialog",{"confirm":[1028],"critical":[1028],"message":[1025],"opened":[1540],"personalizedIconPath":[1025,"personalized-icon-path"],"ezTitle":[1025,"ez-title"],"handleButtonClick":[64],"show":[64]}]]],["ez-filter-input",[[1,"ez-filter-input",{"label":[1],"value":[1537],"enabled":[4],"loading":[516],"errorMessage":[1537,"error-message"],"restrict":[1],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-action-chip",[[1,"ez-action-chip",{"label":[513],"enabled":[516]}]]],["ez-application",[[0,"ez-application"]]],["ez-label-chip",[[1,"ez-label-chip",{"label":[513],"enabled":[516],"removable":[516],"value":[1540],"setFocus":[64],"setBlur":[64]}]]],["ez-popover",[[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"],"updatePosition":[64],"show":[64],"hide":[64]}]]],["ez-popup",[[1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[1540,"use-header"],"ezTitle":[1,"ez-title"]}]]],["ez-toast",[[1,"ez-toast",{"message":[1025],"fadeTime":[1026,"fade-time"],"useIcon":[1028,"use-icon"],"canClose":[1028,"can-close"],"show":[64]}]]],["grid-config",[[2,"grid-config",{"selectedTab":[1025,"selected-tab"],"columns":[1040]}]]],["ez-modal",[[1,"ez-modal",{"modalSize":[1,"modal-size"],"align":[1],"opened":[1028],"closeEsc":[4,"close-esc"],"closeOutsideClick":[4,"close-outside-click"]}]]],["ez-text-input",[[1,"ez-text-input",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"mask":[1],"canShowError":[516,"can-show-error"],"restrict":[1],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-date-input",[[1,"ez-date-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"mode":[513],"setFocus":[64],"setBlur":[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],"setFocus":[64],"setBlur":[64]}]]],["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],"setFocus":[64],"setBlur":[64]}]]],["ez-time-input",[[1,"ez-time-input",{"label":[513],"viewValue":[1537,"view-value"],"value":[1026],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-number-input",[[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]}]]],["ez-collapsible-box",[[1,"ez-collapsible-box",{"value":[1540],"label":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"showHide":[64]}]]],["test-du",[[0,"test-du",{"isDirty":[32]}]]],["select-box",[[1,"select-box",{"selectedOption":[1,"selected-option"]}]]],["ez-list",[[1,"ez-list",{"dataSource":[1040],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"_listItems":[32],"_listGroupItems":[32],"setSelection":[64],"getSelection":[64],"getList":[64]}]]],["ez-text-area",[[1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"rows":[1538],"canShowError":[516,"can-show-error"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-upload",[[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-button",[[1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513],"iconName":[513,"icon-name"],"size":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-calendar",[[1,"ez-calendar",{"value":[1040],"floating":[516],"time":[516],"showSeconds":[516,"show-seconds"],"show":[64],"fitVertical":[64],"hide":[64]}]]],["ez-check",[[1,"ez-check",{"label":[513],"value":[1540],"enabled":[516],"mode":[513],"getMode":[64],"setFocus":[64]}]]],["ez-tabselector",[[1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1]}]]],["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"],"optionLoader":[16],"suppressEmptyOption":[4,"suppress-empty-option"],"canShowError":[516,"can-show-error"],"mode":[513],"_preSelection":[32],"_visibleOptions":[32],"setFocus":[64],"setBlur":[64]}]]],["ez-icon",[[1,"ez-icon",{"size":[513],"href":[513],"iconName":[513,"icon-name"]}]]],["ez-form",[[0,"ez-form",{"dataUnit":[1040],"config":[16],"submit":[64],"cancel":[64],"validate":[64]}]]]], options);
14
14
  });
15
15
  };
16
16
 
@@ -1,5 +1,6 @@
1
1
  import { r as registerInstance, h } from './index-6b8bfbeb.js';
2
- import { DataUnit, DataType, UserInterface } from '@sankhyalabs/core';
2
+ import { ApplicationContext, DataUnit, DataType, UserInterface } from '@sankhyalabs/core';
3
+ import { A as ApplicationUtils } from './ApplicationUtils-3ca0e68d.js';
3
4
 
4
5
  const testDuCss = ":host{display:block}";
5
6
 
@@ -7,65 +8,57 @@ let TestDu = class {
7
8
  constructor(hostRef) {
8
9
  registerInstance(this, hostRef);
9
10
  }
10
- /*private _ezButton// : HTMLEzButton;
11
- private _ezComboBox// : HTMLEzComboBox;
12
- private _ezDateInput// : HTMLEzDateInput;
13
- private _ezDateTimeInput// : HTMLEzDateTimeInput;
14
- private _ezNumberInput// : HTMLEzNumberInput
15
- private _ezSearch// : HTMLEzSearch
16
- private _ezUpload// : HTMLEzUpload
17
- private _ezFilterInput// : HTMLEzFilterInput*/
18
11
  componentWillLoad() {
12
+ ApplicationContext.setContextValue("__EZUI__UPLOAD__ADD__URL__", "http://localhost:8080/mge/ez.uploading");
19
13
  this.dataUnit = new DataUnit("testes_com_formulario");
14
+ this.dataUnit.subscribe(() => this.isDirty = this.dataUnit.isDirty());
20
15
  this.dataUnit.metadata = {
21
16
  name: "dd://br.com.sankhya.fin.cad.movimentacaoFinanceira/Financeiro",
22
17
  label: "Parceiro",
23
18
  fields: [
24
19
  {
25
- name: "CODPARC",
26
- label: "Parceiro",
27
- dataType: DataType.NUMBER,
28
- userInterface: UserInterface.SEARCH,
29
- required: true,
30
- properties: {}
31
- },
32
- {
33
- name: "RECDESP",
34
- label: "Receita/Despesa",
35
- dataType: DataType.TEXT,
36
- userInterface: UserInterface.OPTIONSELECTOR,
37
- required: true,
38
- properties: { options: `{"-1": "Despesa", "1": "Receita"}` }
39
- },
40
- {
41
- name: "P",
42
- label: "pera",
43
- dataType: DataType.TEXT,
44
- userInterface: UserInterface.OPTIONSELECTOR,
45
- properties: { options: `{"M": "Madura", "V": "Verde", "P": "Passada"}` }
46
- },
47
- {
48
- name: "ME",
49
- label: "ME",
50
- dataType: DataType.NUMBER,
51
- userInterface: UserInterface.DECIMALNUMBER,
52
- properties: { precision: 4, prettyPrecision: 1 }
20
+ name: "ANEXO",
21
+ label: "Anexo",
22
+ dataType: DataType.OBJECT,
23
+ userInterface: UserInterface.FILE,
24
+ properties: {
25
+ DESTINATION: "MULTIFILE",
26
+ MAX_FILES: "2"
27
+ }
53
28
  }
54
29
  ]
55
30
  };
56
- this.dataUnit.dataLoader = () => new Promise(accept => accept([
57
- {
58
- __record__id__: "1321321321321321",
59
- CODPARC: 10,
60
- NOMEPARC: "Parceiro 10",
61
- P: "M",
62
- L: "Bagaço",
63
- LI: "Azedo"
31
+ this.dataUnit.dataLoader = () => new Promise(accept => accept({
32
+ records: [{
33
+ __record__id__: "1321321321321321",
34
+ CODPARC: 10,
35
+ NOMEPARC: "Parceiro 10",
36
+ P: "M",
37
+ L: "Bagaço",
38
+ LI: "Azedo"
39
+ }],
40
+ limit: 0,
41
+ offset: 2,
42
+ total: 100,
43
+ hasMore: true
44
+ }));
45
+ this.dataUnit.saveLoader = (_dataUnit, changes) => {
46
+ const savedRecords = [];
47
+ changes.forEach(change => {
48
+ savedRecords.push(Object.assign(Object.assign({}, change.record), change.updatingFields));
49
+ });
50
+ return Promise.resolve(savedRecords);
51
+ };
52
+ }
53
+ save() {
54
+ this.dataUnit.saveData().catch(e => {
55
+ if (e.kind === "WAITING_CHANGE_ERROR") {
56
+ ApplicationUtils.alert(`Alterando campo ${e.fieldName}`, e.message);
64
57
  }
65
- ]));
58
+ });
66
59
  }
67
60
  render() {
68
- return (h("ez-form", { dataUnit: this.dataUnit }));
61
+ return (h("div", null, h("button", { onClick: () => this.dataUnit.loadData() }, "Carregar"), h("button", { onClick: () => this.save(), disabled: !this.isDirty }, "Salvar"), h("ez-form", { dataUnit: this.dataUnit })));
69
62
  }
70
63
  };
71
64
  TestDu.style = testDuCss;
@@ -1 +1 @@
1
- import{p as e,b as s}from"./p-89a57641.js";(()=>{const s=import.meta.url,o={};return""!==s&&(o.resourcesUrl=new URL(".",s).href),e(o)})().then((e=>s([["p-3cd17150",[[6,"ez-grid",{multipleSelection:[4,"multiple-selection"],pageSize:[2,"page-size"],serverUrl:[1,"server-url"],dataUnit:[16],_navigationHasPrevious:[32],_navigationHasNext:[32],_navigationFirstRow:[32],_navigationLastRow:[32],_navigationTotalRows:[32],_popUpVisible:[32],setColumnsDef:[64],addColumnMenuItem:[64],setColumnsState:[64],setData:[64],getSelection:[64],getColumnsState:[64],getColumns:[64]}]]],["p-24ff7d92",[[1,"ez-dialog",{confirm:[1028],critical:[1028],message:[1025],opened:[1540],personalizedIconPath:[1025,"personalized-icon-path"],ezTitle:[1025,"ez-title"],handleButtonClick:[64],show:[64]}]]],["p-01169201",[[1,"ez-filter-input",{label:[1],value:[1537],enabled:[4],loading:[516],errorMessage:[1537,"error-message"],restrict:[1],mode:[513],setFocus:[64],setBlur:[64]}]]],["p-b8678ee6",[[1,"ez-action-chip",{label:[513],enabled:[516]}]]],["p-95fc543c",[[0,"ez-application"]]],["p-542d3d29",[[1,"ez-label-chip",{label:[513],enabled:[516],removable:[516],value:[1540],setFocus:[64],setBlur:[64]}]]],["p-080045a0",[[1,"ez-popover",{autoClose:[516,"auto-close"],top:[1537],left:[1537],bottom:[1537],right:[1537],boxWidth:[513,"box-width"],opened:[1540],updatePosition:[64],show:[64],hide:[64]}]]],["p-502d7e0d",[[1,"ez-popup",{size:[1],opened:[1540],useHeader:[1540,"use-header"],ezTitle:[1,"ez-title"]}]]],["p-25e050f5",[[1,"ez-toast",{message:[1025],fadeTime:[1026,"fade-time"],useIcon:[1028,"use-icon"],canClose:[1028,"can-close"],show:[64]}]]],["p-363fc3af",[[2,"grid-config",{selectedTab:[1025,"selected-tab"],columns:[1040]}]]],["p-f78c7ec9",[[1,"ez-modal",{modalSize:[1,"modal-size"],align:[1],opened:[1028],closeEsc:[4,"close-esc"],closeOutsideClick:[4,"close-outside-click"]}]]],["p-6f39077b",[[1,"ez-text-input",{label:[513],value:[1537],enabled:[516],loading:[516],errorMessage:[1537,"error-message"],mask:[1],canShowError:[516,"can-show-error"],restrict:[1],mode:[513],setFocus:[64],setBlur:[64]}]]],["p-8c447785",[[1,"ez-date-input",{label:[513],value:[1040],enabled:[516],errorMessage:[1537,"error-message"],mode:[513],setFocus:[64],setBlur:[64]}]]],["p-055f1b6a",[[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]}]]],["p-83d5f1ca",[[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]}]]],["p-43feac7d",[[1,"ez-time-input",{label:[513],viewValue:[1537,"view-value"],value:[1026],enabled:[516],errorMessage:[1537,"error-message"],showSeconds:[516,"show-seconds"],mode:[513],setFocus:[64],setBlur:[64]}]]],["p-8f2d46f8",[[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]}]]],["p-a5f1f9c4",[[1,"ez-collapsible-box",{value:[1540],label:[513],headerSize:[513,"header-size"],iconPlacement:[513,"icon-placement"],showHide:[64]}]]],["p-73d3f767",[[0,"test-du"]]],["p-31b0e21a",[[1,"select-box",{selectedOption:[1,"selected-option"]}]]],["p-c6f2aa6c",[[1,"ez-list",{dataSource:[1040],useGroups:[1540,"use-groups"],ezDraggable:[1028,"ez-draggable"],ezSelectable:[1028,"ez-selectable"],itemSlotBuilder:[1040],_listItems:[32],_listGroupItems:[32],setSelection:[64],getSelection:[64],getList:[64]}]]],["p-2f14fe3d",[[1,"ez-text-area",{label:[513],value:[1537],enabled:[516],loading:[516],errorMessage:[1537,"error-message"],rows:[1538],canShowError:[516,"can-show-error"],mode:[513],setFocus:[64],setBlur:[64]}]]],["p-126d33e2",[[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]}]]],["p-c13353f1",[[1,"ez-button",{label:[513],enabled:[516],mode:[513],image:[513],iconName:[513,"icon-name"],size:[513],setFocus:[64],setBlur:[64]}]]],["p-804c118a",[[1,"ez-calendar",{value:[1040],floating:[516],time:[516],showSeconds:[516,"show-seconds"],show:[64],fitVertical:[64],hide:[64]}]]],["p-f3f9c7e6",[[1,"ez-check",{label:[513],value:[1540],enabled:[516],mode:[513],getMode:[64],setFocus:[64]}]]],["p-97f77023",[[1,"ez-tabselector",{selectedIndex:[1538,"selected-index"],selectedTab:[1537,"selected-tab"],tabs:[1]}]]],["p-d3d3e2ac",[[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"],optionLoader:[16],suppressEmptyOption:[4,"suppress-empty-option"],canShowError:[516,"can-show-error"],mode:[513],_preSelection:[32],_visibleOptions:[32],setFocus:[64],setBlur:[64]}]]],["p-59a8448a",[[1,"ez-icon",{size:[513],href:[513],iconName:[513,"icon-name"]}]]],["p-1339fde7",[[0,"ez-form",{dataUnit:[1040],config:[16],submit:[64],cancel:[64],validate:[64]}]]]],e)));
1
+ import{p as e,b as s}from"./p-89a57641.js";(()=>{const s=import.meta.url,o={};return""!==s&&(o.resourcesUrl=new URL(".",s).href),e(o)})().then((e=>s([["p-c86cd69e",[[6,"ez-grid",{multipleSelection:[4,"multiple-selection"],pageSize:[2,"page-size"],serverUrl:[1,"server-url"],dataUnit:[16],_navigationHasPrevious:[32],_navigationHasNext:[32],_navigationFirstRow:[32],_navigationLastRow:[32],_navigationTotalRows:[32],_popUpVisible:[32],setColumnsDef:[64],addColumnMenuItem:[64],setColumnsState:[64],setData:[64],getSelection:[64],getColumnsState:[64],getColumns:[64],refresh:[64],quickFilter:[64]}]]],["p-24ff7d92",[[1,"ez-dialog",{confirm:[1028],critical:[1028],message:[1025],opened:[1540],personalizedIconPath:[1025,"personalized-icon-path"],ezTitle:[1025,"ez-title"],handleButtonClick:[64],show:[64]}]]],["p-01169201",[[1,"ez-filter-input",{label:[1],value:[1537],enabled:[4],loading:[516],errorMessage:[1537,"error-message"],restrict:[1],mode:[513],setFocus:[64],setBlur:[64]}]]],["p-b8678ee6",[[1,"ez-action-chip",{label:[513],enabled:[516]}]]],["p-95fc543c",[[0,"ez-application"]]],["p-542d3d29",[[1,"ez-label-chip",{label:[513],enabled:[516],removable:[516],value:[1540],setFocus:[64],setBlur:[64]}]]],["p-f8d3c04d",[[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"],updatePosition:[64],show:[64],hide:[64]}]]],["p-502d7e0d",[[1,"ez-popup",{size:[1],opened:[1540],useHeader:[1540,"use-header"],ezTitle:[1,"ez-title"]}]]],["p-25e050f5",[[1,"ez-toast",{message:[1025],fadeTime:[1026,"fade-time"],useIcon:[1028,"use-icon"],canClose:[1028,"can-close"],show:[64]}]]],["p-363fc3af",[[2,"grid-config",{selectedTab:[1025,"selected-tab"],columns:[1040]}]]],["p-f78c7ec9",[[1,"ez-modal",{modalSize:[1,"modal-size"],align:[1],opened:[1028],closeEsc:[4,"close-esc"],closeOutsideClick:[4,"close-outside-click"]}]]],["p-6f39077b",[[1,"ez-text-input",{label:[513],value:[1537],enabled:[516],loading:[516],errorMessage:[1537,"error-message"],mask:[1],canShowError:[516,"can-show-error"],restrict:[1],mode:[513],setFocus:[64],setBlur:[64]}]]],["p-8c447785",[[1,"ez-date-input",{label:[513],value:[1040],enabled:[516],errorMessage:[1537,"error-message"],mode:[513],setFocus:[64],setBlur:[64]}]]],["p-055f1b6a",[[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]}]]],["p-83d5f1ca",[[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]}]]],["p-43feac7d",[[1,"ez-time-input",{label:[513],viewValue:[1537,"view-value"],value:[1026],enabled:[516],errorMessage:[1537,"error-message"],showSeconds:[516,"show-seconds"],mode:[513],setFocus:[64],setBlur:[64]}]]],["p-8f2d46f8",[[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]}]]],["p-a5f1f9c4",[[1,"ez-collapsible-box",{value:[1540],label:[513],headerSize:[513,"header-size"],iconPlacement:[513,"icon-placement"],showHide:[64]}]]],["p-a6e28794",[[0,"test-du",{isDirty:[32]}]]],["p-31b0e21a",[[1,"select-box",{selectedOption:[1,"selected-option"]}]]],["p-c6f2aa6c",[[1,"ez-list",{dataSource:[1040],useGroups:[1540,"use-groups"],ezDraggable:[1028,"ez-draggable"],ezSelectable:[1028,"ez-selectable"],itemSlotBuilder:[1040],_listItems:[32],_listGroupItems:[32],setSelection:[64],getSelection:[64],getList:[64]}]]],["p-2f14fe3d",[[1,"ez-text-area",{label:[513],value:[1537],enabled:[516],loading:[516],errorMessage:[1537,"error-message"],rows:[1538],canShowError:[516,"can-show-error"],mode:[513],setFocus:[64],setBlur:[64]}]]],["p-8793a124",[[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]}]]],["p-c13353f1",[[1,"ez-button",{label:[513],enabled:[516],mode:[513],image:[513],iconName:[513,"icon-name"],size:[513],setFocus:[64],setBlur:[64]}]]],["p-804c118a",[[1,"ez-calendar",{value:[1040],floating:[516],time:[516],showSeconds:[516,"show-seconds"],show:[64],fitVertical:[64],hide:[64]}]]],["p-76b64956",[[1,"ez-check",{label:[513],value:[1540],enabled:[516],mode:[513],getMode:[64],setFocus:[64]}]]],["p-97f77023",[[1,"ez-tabselector",{selectedIndex:[1538,"selected-index"],selectedTab:[1537,"selected-tab"],tabs:[1]}]]],["p-d3d3e2ac",[[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"],optionLoader:[16],suppressEmptyOption:[4,"suppress-empty-option"],canShowError:[516,"can-show-error"],mode:[513],_preSelection:[32],_visibleOptions:[32],setFocus:[64],setBlur:[64]}]]],["p-59a8448a",[[1,"ez-icon",{size:[513],href:[513],iconName:[513,"icon-name"]}]]],["p-68c509a7",[[0,"ez-form",{dataUnit:[1040],config:[16],submit:[64],cancel:[64],validate:[64]}]]]],e)));