@sankhyalabs/ezui 1.1.80 → 1.1.83

package/dist/custom-elements/index.js

@@ -899,6 +899,7 @@ var Action;
     Action["DATA_SAVED"] = "dataSaved";
     Action["RECORDS_REMOVED"] = "recordsRemoved";
     Action["RECORDS_ADDED"] = "recordsAdded";
+    Action["RECORDS_COPIED"] = "recordsCopied";
     Action["DATA_CHANGED"] = "dataChanged";
     Action["EDITION_CANCELED"] = "editionCanceled";
     Action["CHANGE_UNDONE"] = "changeUndone";
@@ -937,7 +938,6 @@ class StateManager {
     }
     process(action) {
         const oldPresent = this._present;
-        let hasChange = false;
         let hasHistChange = false;
         this._histClean = false;
         this._reducers.forEach(reducer => {
@@ -947,7 +947,6 @@ class StateManager {
             const newSlice = reducer.reduce(this, oldSlice, action);
             if (newSlice !== oldSlice) {
                 this.updateSlice(sliceName, newSlice, isHistoric);
-                hasChange = true;
                 hasHistChange || (hasHistChange = isHistoric);
             }
         });
@@ -956,16 +955,6 @@ class StateManager {
             this._future = [];
             document.dispatchEvent(new CustomEvent("undoableAction", { detail: this }));
         }
-        if (hasChange) {
-            console.log(JSON.stringify(this, (_key, value) => {
-                if (value instanceof Map) {
-                    return { dataType: "Map", value: Array.from(value.entries()) };
-                }
-                else {
-                    return value;
-                }
-            }, 3));
-        }
     }
     select(sliceName, selector) {
         const isHistoric = this.isHistoric(sliceName);
@@ -1128,11 +1117,8 @@ class AddedRecordsReducerImpl {
     reduce(_stateManager, currentState, action) {
         switch (action.type) {
             case Action.RECORDS_ADDED:
-                const newState = currentState ? currentState.slice() : [];
-                action.payload.forEach((r) => {
-                    newState.push(Object.assign({ __record__id__: "NEW_" + (newState.length + 1) }, r));
-                });
-                return newState;
+            case Action.RECORDS_COPIED:
+                return (currentState || []).concat(action.payload);
             case Action.DATA_SAVED:
             case Action.EDITION_CANCELED:
                 return undefined;
@@ -1144,6 +1130,10 @@ const AddedRecordsReducer = new AddedRecordsReducerImpl();
 const getAddedRecords = (stateManager) => {
     return stateManager.select(AddedRecordsReducer.sliceName, (state) => state);
 };
+const prepareAddedRecordId = (stateManager, source) => {
+    let index = (getAddedRecords(stateManager) || []).length;
+    return source.map(item => { return Object.assign(Object.assign({}, item), { __record__id__: "NEW_" + (index++) }); });
+};
 
 class ChangesReducerImpl {
     constructor() {
@@ -1156,7 +1146,9 @@ class ChangesReducerImpl {
                 if (selection) {
                     const newState = new Map(currentState);
                     selection.forEach(recordId => {
-                        newState.set(recordId, Object.assign(Object.assign({}, newState.get(recordId)), action.payload));
+                        const newChanges = Object.assign(Object.assign({}, newState.get(recordId)), action.payload);
+                        delete newChanges.records;
+                        newState.set(recordId, newChanges);
                     });
                     return newState;
                 }
@@ -1185,16 +1177,14 @@ const getChangesToSave = (dataUnit, stateManager) => {
     const result = [];
     const changes = getChanges(stateManager);
     const records = getRecords(stateManager);
-    if (records) {
-        records.forEach(r => {
-            if (changes) {
-                const c = changes.get(r.__record__id__);
-                if (c) {
-                    result.push(new Change(dataUnit, r, c, ChangeOperation.UPDATE));
-                }
+    records === null || records === void 0 ? void 0 : records.forEach(r => {
+        if (changes) {
+            const c = changes.get(r.__record__id__);
+            if (c) {
+                result.push(new Change(dataUnit, r, c, ChangeOperation.UPDATE));
             }
-        });
-    }
+        }
+    });
     const addedRecords = getAddedRecords(stateManager);
     if (addedRecords) {
         addedRecords.forEach(r => {
@@ -1203,7 +1193,7 @@ const getChangesToSave = (dataUnit, stateManager) => {
     }
     const removedRecords = getRemovedRecords(stateManager);
     const recordsById = {};
-    records.forEach(r => recordsById[r.__record__id__] = r);
+    records === null || records === void 0 ? void 0 : records.forEach(r => recordsById[r.__record__id__] = r);
     if (removedRecords) {
         removedRecords.forEach(id => {
             result.push(new Change(dataUnit, recordsById[id], undefined, ChangeOperation.DELETE));
@@ -1259,6 +1249,9 @@ class SelectionReducerImpl {
     }
     reduce(stateManager, currentState, action) {
         switch (action.type) {
+            case Action.RECORDS_ADDED:
+            case Action.RECORDS_COPIED:
+                return action.payload.map((r) => r.__record__id__);
             case Action.DATA_SAVED:
                 return updateSavedIds(stateManager, action.payload.records);
             case Action.RECORDS_REMOVED:
@@ -1360,6 +1353,15 @@ function updateSavedIds(stateManager, savedRecords) {
     return currentSelection;
 }
 
+var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 class DataUnit {
     constructor(name) {
         this._name = name;
@@ -1376,6 +1378,7 @@ class DataUnit {
         this._observers = [];
         this._filterProviders = [];
         this._sortingProvider = undefined;
+        this._interceptors = [];
     }
     get name() {
         return this._name;
@@ -1401,34 +1404,51 @@ class DataUnit {
     }
     // Loaders
     loadMetadata() {
-        this.dispatchAction(Action.LOADING_METADATA);
-        if (this.metadataLoader) {
-            this.metadataLoader(this._name).then(metadata => this.metadata = metadata);
-        }
+        return __awaiter(this, void 0, void 0, function* () {
+            this.dispatchAction(Action.LOADING_METADATA);
+            return new Promise((resolve, fail) => {
+                if (this.metadataLoader) {
+                    this.metadataLoader(this._name).then(metadata => {
+                        this.metadata = metadata;
+                        resolve(this.metadata);
+                    }).catch(error => fail(error));
+                }
+            });
+        });
     }
     loadData() {
-        this.dispatchAction(Action.LOADING_DATA);
-        return new Promise((resolve, fail) => {
-            if (this.dataLoader) {
-                const sort = this.getSort();
-                const filters = this.getFilters();
-                this.dataLoader(this._name, sort, filters).then(records => {
-                    this.records = records;
-                    resolve(this.records);
-                }).catch(() => fail());
-            }
+        return __awaiter(this, void 0, void 0, function* () {
+            this.dispatchAction(Action.LOADING_DATA);
+            return new Promise((resolve, fail) => {
+                if (this.dataLoader) {
+                    const sort = this.getSort();
+                    const filters = this.getFilters();
+                    this.dataLoader(this._name, sort, filters).then(records => {
+                        this.records = records;
+                        resolve(this.records);
+                    }).catch(error => fail(error));
+                }
+            });
         });
     }
     saveData() {
-        const changes = getChangesToSave(this._name, this._stateManager);
-        if (changes.length > 0) {
-            this.dispatchAction(Action.SAVING_DATA);
-            if (this.saveLoader) {
-                this.saveLoader(this._name, changes).then(records => this.dispatchAction(Action.DATA_SAVED, { changes, records }));
+        return __awaiter(this, void 0, void 0, function* () {
+            const changes = getChangesToSave(this._name, this._stateManager);
+            if (changes.length > 0) {
+                this.dispatchAction(Action.SAVING_DATA);
+                return new Promise((resolve, fail) => {
+                    if (this.saveLoader) {
+                        this.saveLoader(this._name, changes).then(records => this.dispatchAction(Action.DATA_SAVED, { changes, records })).catch(error => fail(error));
+                    }
+                });
             }
-        }
+            return Promise.resolve();
+        });
     }
     // API
+    addInterceptor(interceptor) {
+        this._interceptors.push(interceptor);
+    }
     addFilterProvider(provider) {
         this._filterProviders.push(provider);
     }
@@ -1452,7 +1472,13 @@ class DataUnit {
         return getField(this._stateManager, fieldName);
     }
     addRecord() {
-        this.dispatchAction(Action.RECORDS_ADDED, [{}]);
+        this.dispatchAction(Action.RECORDS_ADDED, prepareAddedRecordId(this._stateManager, [{}]));
+    }
+    copySelected() {
+        const selectedRecords = this.getSelectedRecords();
+        if (selectedRecords) {
+            this.dispatchAction(Action.RECORDS_COPIED, prepareAddedRecordId(this._stateManager, selectedRecords));
+        }
     }
     removeSelectedRecords() {
         const selection = getSelection(this._stateManager);
@@ -1479,6 +1505,13 @@ class DataUnit {
     setSelectionByIndex(selection) {
         this.dispatchAction(Action.SELECTION_CHANGED, { type: "index", selection });
     }
+    getSelectedRecords() {
+        const selection = this.getSelection();
+        if (selection) {
+            const currentRecords = this.records;
+            return currentRecords === null || currentRecords === void 0 ? void 0 : currentRecords.filter(r => selection.includes(r.__record__id__));
+        }
+    }
     nextRecord() {
         this.dispatchAction(Action.NEXT_SELECTED);
     }
@@ -1511,10 +1544,17 @@ class DataUnit {
     }
     // Actions / State manager
     dispatchAction(actionType, payload) {
-        const action = new DataUnitAction(actionType, payload);
-        //interceptor
-        this._stateManager.process(action);
-        this._observers.forEach(f => f(action));
+        var _a;
+        let action = new DataUnitAction(actionType, payload);
+        (_a = this._interceptors) === null || _a === void 0 ? void 0 : _a.forEach(interceptor => {
+            if (action) {
+                action = interceptor.interceptAction(action);
+            }
+        });
+        if (action) {
+            this._stateManager.process(action);
+            this._observers.forEach(f => f(action));
+        }
     }
     subscribe(observer) {
         this._observers.push(observer);
@@ -1525,9 +1565,9 @@ class DataUnit {
 }
 var ChangeOperation;
 (function (ChangeOperation) {
-    ChangeOperation[ChangeOperation["INSERT"] = 0] = "INSERT";
-    ChangeOperation[ChangeOperation["UPDATE"] = 1] = "UPDATE";
-    ChangeOperation[ChangeOperation["DELETE"] = 2] = "DELETE";
+    ChangeOperation["INSERT"] = "INSERT";
+    ChangeOperation["UPDATE"] = "UPDATE";
+    ChangeOperation["DELETE"] = "DELETE";
 })(ChangeOperation || (ChangeOperation = {}));
 class Change {
     constructor(dataUnit, record, updates, operation) {
@@ -1536,6 +1576,9 @@ class Change {
         this.updatingFields = updates;
         this._operation = operation;
     }
+    get operation() {
+        return this._operation.toString();
+    }
     isInsert() {
         return this._operation === ChangeOperation.INSERT;
     }
@@ -8654,6 +8697,10 @@ const buildDate = ({ name, label }) => {
   return (h("div", { class: "col col--sd-12 col--tb-3 padding--small" },
     h("ez-date-input", { label: label, "data-field-name": name, key: name })));
 };
+const buildTimeDate = ({ name, label }) => {
+  return (h("div", { class: "col col--sd-12 col--tb-3 padding--small" },
+    h("ez-date-time-input", { label: label, "data-field-name": name, key: name })));
+};
 
 const buildDecimal = ({ name, label }, properties) => {
   const precision = Number((properties === null || properties === void 0 ? void 0 : properties.precision) || 2);
@@ -8676,6 +8723,7 @@ uiBuilders.set(UserInterface.OPTIONSELECTOR, buildComboBox);
 uiBuilders.set(UserInterface.SEARCH, buildSearch);
 uiBuilders.set(UserInterface.FILE, buildFile);
 uiBuilders.set(UserInterface.DATE, buildDate);
+uiBuilders.set(UserInterface.DATETIME, buildTimeDate);
 uiBuilders.set(UserInterface.DECIMALNUMBER, buildDecimal);
 uiBuilders.set(UserInterface.INTEGERNUMBER, buildInteger);
 const buildField = (field) => {
@@ -8762,36 +8810,30 @@ const buildFromConfig = (fields, dataUnit) => {
     if (config.visible !== false) {
       const tab = config.tab || "Geral";
       const descriptor = dataUnit.getField(config.name);
-      if (!sheets.has(tab)) {
-        sheets.set(tab, new Map());
-      }
-      let isRequired = false;
-      if (config.required === undefined) {
-        if (descriptor) {
-          isRequired = descriptor.required;
+      if (descriptor) {
+        if (!sheets.has(tab)) {
+          sheets.set(tab, new Map());
         }
-      }
-      else {
-        isRequired = config.required;
-      }
-      if (isRequired) {
-        requiredFields.push(config.name);
-      }
-      const tabItens = sheets.get(tab);
-      const fieldMD = { config, descriptor };
-      const group = config.group;
-      if (group) {
-        const key = `group::${group}`;
-        if (!tabItens.has(key)) {
-          tabItens.set(key, { label: group, items: [fieldMD] });
+        const isRequired = config.required === undefined ? descriptor.required : config.required;
+        if (isRequired) {
+          requiredFields.push(config.name);
+        }
+        const tabItens = sheets.get(tab);
+        const fieldMD = { config, descriptor };
+        const group = config.group;
+        if (group) {
+          const key = `group::${group}`;
+          if (!tabItens.has(key)) {
+            tabItens.set(key, { label: group, items: [fieldMD] });
+          }
+          else {
+            tabItens.get(key).items.push(fieldMD);
+          }
         }
         else {
-          tabItens.get(key).items.push(fieldMD);
+          tabItens.set(config.name, fieldMD);
         }
       }
-      else {
-        tabItens.set(config.name, fieldMD);
-      }
     }
   });
   const metadata = new FormMetadata();
@@ -9170,8 +9212,14 @@ var FormActions;
 
 class DataBinder {
   constructor(dataUnit) {
-    this._dataUnit = dataUnit;
     this._fields = new Map();
+    this._dataUnit = dataUnit;
+    this._dataUnit.subscribe(_action => {
+      var _a;
+      (_a = this._fields) === null || _a === void 0 ? void 0 : _a.forEach(field => {
+        this.updateValue(field.fieldName, field.field);
+      });
+    });
   }
   bind(fields) {
     fields.forEach(fieldElement => {
@@ -119609,19 +119657,22 @@ class DataUnitBridge {
   processAction(action) {
     switch (action.type) {
       case Action.METADATA_LOADED:
-        const columnDefs = [];
-        this._dataUnit.metadata.fields.forEach(f => {
-          if (f.visible !== false) {
-            columnDefs.push({ label: f.label, name: f.name });
-          }
-        });
-        this._gridController.setColumnsDef(columnDefs, true);
+        this._gridController.setColumnsDef(this.buildColumnDefs(), true);
         break;
     }
   }
+  buildColumnDefs() {
+    const columnDefs = [];
+    this._dataUnit.metadata.fields.forEach(f => {
+      if (f.visible !== false) {
+        columnDefs.push({ label: f.label, name: f.name });
+      }
+    });
+    return columnDefs;
+  }
 }
 
-const ezGridCss = ":host{--ezgrid__header--background-color:var(--background--xlight, #FFF)}.grid__header{display:flex;justify-content:flex-end;align-items:center;background-color:var(--ezgrid__header--background-color)}";
+const ezGridCss = ".sc-ez-grid-h{display:grid;grid-template-rows:auto 1fr auto;height:100%;width:100%;--ezgrid__header--background-color:var(--background--xlight, #FFF)}.grid__header.sc-ez-grid{display:flex;justify-content:flex-end;align-items:center;background-color:var(--ezgrid__header--background-color)}";
 
 let EzGrid$1 = class extends HTMLElement$1 {
   constructor() {
@@ -119702,6 +119753,9 @@ let EzGrid$1 = class extends HTMLElement$1 {
       serverURL: this.serverUrl,
       dataUnit: this.dataUnit
     });
+    if (this._dataUnitBridge) {
+      this._gridController.setColumnsDef(this._dataUnitBridge.buildColumnDefs(), true);
+    }
   }
   getPaginationControl() {
     if (this.pageSize === -1) {
@@ -121597,13 +121651,12 @@ let EzUpload$1 = class extends HTMLElement$1 {
   static get style() { return ezUploadCss; }
 };
 
-const gridConfigCss = ":host{--ez-grid-config__footer--padding-top:var(--space--medium, 12px);--ez-grid-config__main--padding-right:var(--space--medium, 12px);--ez-grid-config__tabselector-container--padding:var(--space--medium, 12px);--ez-grid-config__button-close--padding-left:var(--space--medium, 12px);--ez-grid-config__subtitle--font-family:var(--font-pattern, \"Sora\");--ez-grid-config__title--font-family:var(--font-pattern, \"Sora\");--ez-grid-config__title--font-weight:var(--text-weight--large, 14px);--ez-grid-config__subtitle--font-size:var(--text--medium, 14px);--ez-grid-config__scrollbar--width:var(--space--medium, 12px);--ez-grid-config__main__scrollbar--background-color:var(--text--primary, #626e82);--ez-grid-config__main__scrollbar--border-radius:var(--border--radius-medium, 12px);display:grid;grid-template-rows:auto 1fr auto;max-height:100%;width:100%}.padding-right--medium{padding-right:var(--space--medium)}ez-list{height:100%}.grid-config__footer{padding-top:var(--ez-grid-config__footer--padding-top);display:flex;justify-content:flex-end;width:100%}.hidden{display:none}.grid-config__main{padding-right:var(--ez-grid-config__main--padding-right);overflow-y:auto}.tabselector-container{padding:var(--ez-grid-config__tabselector-container--padding) 0}.button-close{padding-left:var(--ez-grid-config__button-close--padding-left)}.title-container{display:flex;justify-content:center;align-items:center}.subtitle{font-family:var(--ez-grid-config__subtitle--font-family);font-size:var(--ez-grid-config__subtitle--font-size)}.title{display:flex;font-family:var(--ez-grid-config__title--font-family);margin:0;font-weight:var(--ez-grid-config__title--font-weight);line-height:1.3}.grid-config__main::-webkit-scrollbar-track{background-color:#f0f2f5}.grid-config__main::-webkit-scrollbar-thumb{background-color:var(--ez-grid-config__main__scrollbar--background-color);border-radius:var(--ez-grid-config__main__scrollbar--border-radius)}.grid-config__main::-webkit-scrollbar{background-color:#f0f2f5;width:var(--ez-grid-config__scrollbar--width);max-width:var(--ez-grid-config__scrollbar--width);min-width:var(--ez-grid-config__scrollbar--width)}";
+const gridConfigCss = ".sc-grid-config-h{--ez-grid-config__footer--padding-top:var(--space--medium, 12px);--ez-grid-config__main--padding-right:var(--space--medium, 12px);--ez-grid-config__tabselector-container--padding:var(--space--medium, 12px);--ez-grid-config__button-close--padding-left:var(--space--medium, 12px);--ez-grid-config__subtitle--font-family:var(--font-pattern, \"Sora\");--ez-grid-config__title--font-family:var(--font-pattern, \"Sora\");--ez-grid-config__title--font-weight:var(--text-weight--large, 14px);--ez-grid-config__subtitle--font-size:var(--text--medium, 14px);--ez-grid-config__scrollbar--width:var(--space--medium, 12px);--ez-grid-config__main__scrollbar--background-color:var(--text--primary, #626e82);--ez-grid-config__main__scrollbar--border-radius:var(--border--radius-medium, 12px);display:grid;grid-template-rows:auto 1fr auto;max-height:100%;width:100%}.padding-right--medium.sc-grid-config{padding-right:var(--space--medium)}ez-list.sc-grid-config{height:100%}.grid-config__footer.sc-grid-config{padding-top:var(--ez-grid-config__footer--padding-top);display:flex;justify-content:flex-end;width:100%}.hidden.sc-grid-config{display:none}.grid-config__main.sc-grid-config{padding-right:var(--ez-grid-config__main--padding-right);overflow-y:auto}.tabselector-container.sc-grid-config{padding:var(--ez-grid-config__tabselector-container--padding) 0}.button-close.sc-grid-config{padding-left:var(--ez-grid-config__button-close--padding-left)}.title-container.sc-grid-config{display:flex;justify-content:center;align-items:center}.subtitle.sc-grid-config{font-family:var(--ez-grid-config__subtitle--font-family);font-size:var(--ez-grid-config__subtitle--font-size)}.title.sc-grid-config{display:flex;font-family:var(--ez-grid-config__title--font-family);margin:0;font-weight:var(--ez-grid-config__title--font-weight);line-height:1.3}.grid-config__main.sc-grid-config::-webkit-scrollbar-track{background-color:#f0f2f5}.grid-config__main.sc-grid-config::-webkit-scrollbar-thumb{background-color:var(--ez-grid-config__main__scrollbar--background-color);border-radius:var(--ez-grid-config__main__scrollbar--border-radius)}.grid-config__main.sc-grid-config::-webkit-scrollbar{background-color:#f0f2f5;width:var(--ez-grid-config__scrollbar--width);max-width:var(--ez-grid-config__scrollbar--width);min-width:var(--ez-grid-config__scrollbar--width)}";
 
 let GridConfig$1 = class extends HTMLElement$1 {
   constructor() {
     super();
     this.__registerHost();
-    this.__attachShadow();
     this.configFinish = createEvent(this, "configFinish", 7);
     this.configCancel = createEvent(this, "configCancel", 7);
     this._columnListHistory = [];
@@ -121921,15 +121974,7 @@ let TestDu$1 = class extends HTMLElement$1 {
         }
       ]
     };
-    this.formConfig = [
-      { name: "CODPARC", label: "Parceiro" },
-      { name: "NOMEPARC", label: "Mamão" },
-      { name: "P", label: "Pêra", group: "Grupo 1" },
-      { name: "ME", label: "Melancia", tab: "aba 1", group: "Grupo 2" },
-      { name: "L", label: "Laranja", tab: "aba 1", group: "Grupo 1" },
-      { name: "LI", label: "Limão", tab: "aba 1", group: "Grupo 2" }
-    ];
-    this.dataUnit.records = [
+    this.dataUnit.dataLoader = () => new Promise(accept => accept([
       {
         __record__id__: "1321321321321321",
         CODPARC: 10,
@@ -121938,21 +121983,10 @@ let TestDu$1 = class extends HTMLElement$1 {
         L: "Bagaço",
         LI: "Azedo"
       }
-    ];
+    ]));
   }
   render() {
-    //return this.conteudoEstatico();
-    //return this.somenteDataUnit();
-    return this.configurado();
-  }
-  conteudoEstatico() {
-    return (h("div", null, h("button", { onClick: () => this.form.validate() }, "Validate"), h("ez-form", { ref: ref => this.form = ref }, h("div", null, h("ez-text-input", { label: "Nome (Label est\u00E1tico)", "data-field-name": "NOMEPARC", "data-required": "true" }), h("ez-text-input", { label: "C\u00F3d parc (Label est\u00E1tico)", "data-field-name": "CODPARC", "data-required": "true" })))));
-  }
-  somenteDataUnit() {
-    return (h("ez-form", { dataUnit: this.dataUnit }));
-  }
-  configurado() {
-    return (h("ez-form", { dataUnit: this.dataUnit, config: this.formConfig, ref: ref => this.form = ref }));
+    return (h("ez-grid", { dataUnit: this.dataUnit }));
   }
   static get style() { return testDuCss; }
 };
@@ -121968,7 +122002,7 @@ const EzDateInput = /*@__PURE__*/proxyCustomElement(EzDateInput$1, [1,"ez-date-i
 const EzDateTimeInput = /*@__PURE__*/proxyCustomElement(EzDateTimeInput$1, [1,"ez-date-time-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"]}]);
 const EzDialog = /*@__PURE__*/proxyCustomElement(EzDialog$1, [1,"ez-dialog",{"confirm":[1028],"critical":[1028],"message":[1025],"opened":[1540],"personalizedIconPath":[1025,"personalized-icon-path"],"ezTitle":[1025,"ez-title"]}]);
 const EzForm = /*@__PURE__*/proxyCustomElement(EzForm$1, [0,"ez-form",{"dataUnit":[1040],"config":[16]}]);
-const EzGrid = /*@__PURE__*/proxyCustomElement(EzGrid$1, [0,"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]}]);
+const EzGrid = /*@__PURE__*/proxyCustomElement(EzGrid$1, [2,"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]}]);
 const EzIcon = /*@__PURE__*/proxyCustomElement(EzIcon$1, [1,"ez-icon",{"size":[513],"href":[513]}]);
 const EzLabelChip = /*@__PURE__*/proxyCustomElement(EzLabelChip$1, [1,"ez-label-chip",{"label":[513],"enabled":[516],"removable":[516],"value":[1540]}]);
 const EzList = /*@__PURE__*/proxyCustomElement(EzList$1, [1,"ez-list",{"dataSource":[1040],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"_listItems":[32],"_listGroupItems":[32]}]);
@@ -121983,7 +122017,7 @@ const EzTextInput = /*@__PURE__*/proxyCustomElement(EzTextInput$1, [1,"ez-text-i
 const EzTimeInput = /*@__PURE__*/proxyCustomElement(EzTimeInput$1, [1,"ez-time-input",{"label":[513],"viewValue":[1537,"view-value"],"value":[1026],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"]}]);
 const EzToast = /*@__PURE__*/proxyCustomElement(EzToast$1, [1,"ez-toast",{"message":[1025],"fadeTime":[1026,"fade-time"],"useIcon":[1028,"use-icon"]}]);
 const EzUpload = /*@__PURE__*/proxyCustomElement(EzUpload$1, [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]}]);
-const GridConfig = /*@__PURE__*/proxyCustomElement(GridConfig$1, [1,"grid-config",{"selectedTab":[1025,"selected-tab"],"columns":[1040]}]);
+const GridConfig = /*@__PURE__*/proxyCustomElement(GridConfig$1, [2,"grid-config",{"selectedTab":[1025,"selected-tab"],"columns":[1040]}]);
 const SelectBox = /*@__PURE__*/proxyCustomElement(SelectBox$1, [1,"select-box",{"selectedOption":[1,"selected-option"]}]);
 const TestDu = /*@__PURE__*/proxyCustomElement(TestDu$1, [0,"test-du"]);
 const defineCustomElements = (opts) => {

package/dist/esm/ApplicationUtils-01280a9d.js

@@ -0,0 +1,33 @@
+class ApplicationUtils {
+  static async showDialog(title, message, icon = null, confirm, critical = false) {
+    return new Promise(resolve => {
+      let dialog = document.querySelector("ez-dialog");
+      if (!dialog) {
+        dialog = document.createElement("ez-dialog");
+        window.document.body.appendChild(dialog);
+      }
+      dialog.show(title, message, critical, confirm, icon).then(ok => resolve(ok));
+    });
+  }
+  static async alert(title, message, icon = null) {
+    return ApplicationUtils.showDialog(title, message, icon, false, false);
+  }
+  static async error(title, message, icon = null) {
+    return ApplicationUtils.showDialog(title, message, icon, false, true);
+  }
+  static async confirm(title, message, icon = null, critical = false) {
+    return ApplicationUtils.showDialog(title, message, icon, true, critical);
+  }
+  static async info(message) {
+    let toast = document.querySelector("ez-toast");
+    if (!toast) {
+      toast = document.createElement("ez-toast");
+      window.document.body.appendChild(toast);
+    }
+    toast.message = message;
+    toast.fadeTime = 4000;
+    toast.show();
+  }
+}
+
+export { ApplicationUtils as A };

package/dist/esm/{AssetsUtils-76ca41e1.js → AssetsUtils-9b1d9c38.js}

@@ -1,4 +1,4 @@
-import { a as getAssetPath, s as setAssetPath } from './index-077c7fcf.js';
+import { a as getAssetPath, s as setAssetPath } from './index-d80a8d1f.js';
 
 const getSpritePath = (sprite) => `${getContextAssetsPath("../assets/actions-sprite.svg")}#${sprite}`;
 let ctxLoaded = false;

package/dist/esm/ez-action-chip.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-077c7fcf.js';
+import { r as registerInstance, c as createEvent, h } from './index-d80a8d1f.js';
 
 const ezActionChipCss = ":host{--ez-action-chip--height:36px;--ez-action-chip--border-radius:var(--border--radius-large, 24px);--ez-action-chip__border:1px solid;--ez-action-chip__border-color-strokes:var(--color--strokes, #DCE0E8);--ez-action-chip--font-size:var(--text--medium, 14px);--ez-action-chip--font-family:var(--font-pattern, Arial);--ez-action-chip--font-weight:var(--text-weight--large, 500);--ez-action-chip__label--title--primary:var(--title--primary, #919191);--ez-action-chip__label-color--disable-secondary:var(--color--disable-secondary, #F2F5F8);--ez-action-chip__label__default--background-color--hover:var(--color--primary-200, #f2faf8);--ez-action-chip__label__default--border-color--hover:var(--color--primary-600, #007a5a)}.label__container{width:fit-content;display:flex;flex-wrap:wrap;position:relative;background-color:#FFFFFF;align-items:center;align-self:center;cursor:pointer;color:var(--ez-action-chip__label--title--primary);fill:var(--ez-action-chip__label--title--primary);border:var(--ez-action-chip__border);border-radius:var(--ez-action-chip--border-radius);border-color:var(--ez-action-chip__border-color-strokes);padding-right:var(--space--medium, 12px);padding-left:var(--space--medium, 12px)}.label__container:hover{border-color:var(--ez-action-chip__label__default--border-color--hover);background-color:var(--ez-action-chip__label__default--background-color--hover)}label{display:flex;align-items:center;font-weight:var(--text-weight--large, 600);cursor:pointer;height:var(--ez-action-chip--height);font-family:var(--ez-action-chip--font-family);font-size:var(--ez-action-chip--font-size)}";
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-077c7fcf.js';
+import { r as registerInstance, c as createEvent, h } from './index-d80a8d1f.js';
 
 const ezApplicationCss = "";