@sankhyalabs/ezui 1.1.101 → 1.1.104

package/dist/cjs/{UnitMetadata-63c56042.js → UnitMetadata-4b90ead3.js}

@@ -572,6 +572,7 @@ exports.Action = void 0;
     Action["DATA_LOADED"] = "dataLoaded";
     Action["SAVING_DATA"] = "savingData";
     Action["DATA_SAVED"] = "dataSaved";
+    Action["REMOVING_RECORDS"] = "removingRecords";
     Action["RECORDS_REMOVED"] = "recordsRemoved";
     Action["RECORDS_ADDED"] = "recordsAdded";
     Action["RECORDS_COPIED"] = "recordsCopied";
@@ -736,7 +737,11 @@ class RemovedRecordsReducerImpl {
     reduce(_stateManager, currentState, action) {
         switch (action.type) {
             case exports.Action.RECORDS_REMOVED:
-                return (currentState || []).concat(action.payload);
+                const { records, buffered } = action.payload;
+                if (buffered) {
+                    return (currentState || []).concat(records);
+                }
+                return currentState;
             case exports.Action.EDITION_CANCELED:
             case exports.Action.DATA_SAVED:
                 return undefined;
@@ -757,6 +762,12 @@ class RecordsReducerImpl {
         switch (action.type) {
             case exports.Action.DATA_LOADED:
                 return action.payload;
+            case exports.Action.RECORDS_REMOVED:
+                const { records, buffered } = action.payload;
+                if (!buffered) {
+                    return currentState.filter(r => !records.includes(r.__record__id__));
+                }
+                return currentState;
             case exports.Action.DATA_SAVED:
                 const recordsMap = new Map();
                 const currentRecords = getRecords(stateManager);
@@ -930,7 +941,7 @@ class SelectionReducerImpl {
             case exports.Action.DATA_SAVED:
                 return updateSavedIds(stateManager, action.payload.records);
             case exports.Action.RECORDS_REMOVED:
-                const removed = action.payload;
+                const removed = action.payload.records;
                 if (currentState && removed) {
                     return currentState.filter(recordId => !removed.includes(recordId));
                 }
@@ -1120,6 +1131,36 @@ class DataUnit {
             return Promise.resolve();
         });
     }
+    removeSelectedRecords(buffered = false) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const selection = getSelection(this._stateManager);
+            if (selection) {
+                return this.removeRecords(selection, buffered);
+            }
+            return Promise.resolve(selection);
+        });
+    }
+    removeRecords(records, buffered = false) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (records) {
+                if (buffered || !this.removeLoader) {
+                    this.dispatchAction(exports.Action.RECORDS_REMOVED, { records, buffered: true });
+                }
+                else {
+                    this.dispatchAction(exports.Action.REMOVING_RECORDS);
+                    return new Promise((resolve, fail) => {
+                        if (this.removeLoader) {
+                            this.removeLoader(this, records).then(records => {
+                                this.dispatchAction(exports.Action.RECORDS_REMOVED, { records, buffered: false });
+                                resolve(records);
+                            }).catch(error => fail(error));
+                        }
+                    });
+                }
+            }
+            return Promise.resolve(records);
+        });
+    }
     // API
     valueFromString(fieldName, value) {
         const descriptor = this.getField(fieldName);
@@ -1159,12 +1200,6 @@ class DataUnit {
             this.dispatchAction(exports.Action.RECORDS_COPIED, prepareAddedRecordId(this._stateManager, selectedRecords));
         }
     }
-    removeSelectedRecords() {
-        const selection = getSelection(this._stateManager);
-        if (selection) {
-            this.dispatchAction(exports.Action.RECORDS_REMOVED, selection);
-        }
-    }
     getFieldValue(fieldName) {
         return getFieldValue(this._stateManager, fieldName);
     }

package/dist/cjs/ez-calendar_16.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-88286449.js');
-const UnitMetadata = require('./UnitMetadata-63c56042.js');
+const UnitMetadata = require('./UnitMetadata-4b90ead3.js');
 const FloatingManager = require('./FloatingManager-6cfeb947.js');
 const AssetsUtils = require('./AssetsUtils-69356e76.js');
 
@@ -52,10 +52,10 @@ class DateUtils {
 
 class ApplicationContext {
     static getContextValue(key) {
-        return ApplicationContext.getCtx()[key].deref();
+        return ApplicationContext.getCtx()[key];
     }
     static setContextValue(key, value) {
-        ApplicationContext.getCtx()[key] = new WeakRef(value);
+        ApplicationContext.getCtx()[key] = value;
     }
     static getCtx() {
         let ctx = window.___snkcore___ctx___;
@@ -166,28 +166,28 @@ let EzCalendar = class {
       }
     }
     this.value = newDate;
-    this.ezChange.emit();
+    this.ezChange.emit(this.value);
   }
   selectHours(hour) {
     if (!this.value) {
       this.value = new Date();
     }
     this.value = new Date(this.value.getFullYear(), this.value.getMonth(), this.value.getDate(), hour, this.value.getMinutes(), this.value.getSeconds());
-    this.ezChange.emit();
+    this.ezChange.emit(this.value);
   }
   selectMinutes(minute) {
     if (!this.value) {
       this.value = new Date();
     }
     this.value = new Date(this.value.getFullYear(), this.value.getMonth(), this.value.getDate(), this.value.getHours(), minute, this.value.getSeconds());
-    this.ezChange.emit();
+    this.ezChange.emit(this.value);
   }
   selectSeconds(second) {
     if (!this.value) {
       this.value = new Date();
     }
     this.value = new Date(this.value.getFullYear(), this.value.getMonth(), this.value.getDate(), this.value.getHours(), this.value.getMinutes(), second);
-    this.ezChange.emit();
+    this.ezChange.emit(this.value);
   }
   updateScroll(element) {
     if (element) {
@@ -368,7 +368,7 @@ let EzCollapsibleBox = class {
     this.iconPlacement = "left";
   }
   observeValue() {
-    this.ezChange.emit();
+    this.ezChange.emit(this.value);
   }
   /**
    * Esconde ou revela o conteúdo do componente
@@ -708,11 +708,13 @@ let EzDateInput = class {
     this._textInput.setBlur();
   }
   changeValue(newValue) {
-    newValue = newValue == null ? null : DateUtils.clearTime(newValue);
+    var _a;
+    newValue = newValue instanceof Date ? DateUtils.clearTime(newValue) : null;
+    this.value = this.value instanceof Date ? DateUtils.clearTime(this.value) : null;
     this._textInput.errorMessage = "";
-    if (newValue !== this.value) {
+    if ((newValue === null || newValue === void 0 ? void 0 : newValue.toString()) !== ((_a = this.value) === null || _a === void 0 ? void 0 : _a.toString())) {
       this.value = newValue;
-      this.ezChange.emit();
+      this.ezChange.emit(this.value);
     }
   }
   showCalendar() {
@@ -842,10 +844,11 @@ let EzDateTimeInput = class {
     input.setSelectionRange(selectIni, selectFin);
   }
   changeValue(newValue) {
+    var _a;
     this._textInput.errorMessage = "";
-    if (newValue !== this.value) {
+    if ((newValue === null || newValue === void 0 ? void 0 : newValue.toString()) !== ((_a = this.value) === null || _a === void 0 ? void 0 : _a.toString())) {
       this.value = newValue;
-      this.ezChange.emit();
+      this.ezChange.emit(this.value);
     }
   }
   showCalendar() {

package/dist/cjs/ez-grid.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-88286449.js');
-const UnitMetadata = require('./UnitMetadata-63c56042.js');
+const UnitMetadata = require('./UnitMetadata-4b90ead3.js');
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 

package/dist/cjs/ez-modal_2.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-88286449.js');
 const AssetsUtils = require('./AssetsUtils-69356e76.js');
-require('./UnitMetadata-63c56042.js');
+require('./UnitMetadata-4b90ead3.js');
 
 const ezModalCss = ":host{--ez-modal-z-index:var(--most-visible, 3);--ez-modal-vertical-padding:var(--space--large, 24px);display:block}.modal{position:fixed;padding:var(--ez-modal-vertical-padding) 0;display:flex;top:0px;z-index:var(--ez-modal-z-index);left:0px;width:100%;box-sizing:border-box;height:100vh;backdrop-filter:blur(4px);background:rgba(0, 4, 12, 0.4)}@keyframes expand-modal--left{from{transform:translate(-100%)}}@keyframes expand-modal--right{from{transform:translate(100%)}}.modal__container{display:flex;flex-wrap:wrap;height:100%;box-sizing:border-box;width:100%;align-items:flex-start}.modal__container--right{animation:expand-modal--right .2s ease-in-out 1;justify-content:flex-end}.modal__container--left{animation:expand-modal--left .2s ease-in-out 1;justify-content:flex-start}.modal__content{display:flex;flex-wrap:wrap;max-height:calc(100% - 48px);height:100%;overflow-y:auto;background-color:rgb(255, 255, 255);padding:24px;border-radius:12px 0px 0px 12px;box-shadow:rgb(0 38 111 / 12%) 0px 0px 16px 0px}.modal__content--right{border-radius:12px 0px 0px 12px}.modal__content--left{border-radius:0px 12px 12px 0px}.modal__box__container{display:flex;flex-wrap:wrap;background-color:#fff;width:100%;border-radius:12px}.row{width:100%;display:flex;flex-wrap:wrap}.col{display:flex;flex-wrap:wrap;align-self:flex-start;box-sizing:border-box}.col--stretch{align-self:stretch}.col--undefined{width:unset}.col--nowrap{flex-wrap:nowrap}@media screen and (min-width: 320px){.col--sd-1{width:8.33333%}.col--sd-2{width:16.66667%}.col--sd-3{width:25%}.col--sd-4{width:33.33333%}.col--sd-5{width:41.66667%}.col--sd-6{width:50%}.col--sd-7{width:58.33333%}.col--sd-8{width:66.66667%}.col--sd-9{width:75%}.col--sd-10{width:83.33333%}.col--sd-11{width:91.66667%}.col--sd-12{width:100%}}@media screen and (min-width: 480px){.col--pn-1{width:8.33333%}.col--pn-2{width:16.66667%}.col--pn-3{width:25%}.col--pn-4{width:33.33333%}.col--pn-5{width:41.66667%}.col--pn-6{width:50%}.col--pn-7{width:58.33333%}.col--pn-8{width:66.66667%}.col--pn-9{width:75%}.col--pn-10{width:83.33333%}.col--pn-11{width:91.66667%}.col--pn-12{width:100%}}@media screen and (min-width: 768px){.col--tb-1{width:8.33333%}.col--tb-2{width:16.66667%}.col--tb-3{width:25%}.col--tb-4{width:33.33333%}.col--tb-5{width:41.66667%}.col--tb-6{width:50%}.col--tb-7{width:58.33333%}.col--tb-8{width:66.66667%}.col--tb-9{width:75%}.col--tb-10{width:83.33333%}.col--tb-11{width:91.66667%}.col--tb-12{width:100%}}@media screen and (min-width: 992px){.col--md-1{width:8.33333%}.col--md-2{width:16.66667%}.col--md-3{width:25%}.col--md-4{width:33.33333%}.col--md-5{width:41.66667%}.col--md-6{width:50%}.col--md-7{width:58.33333%}.col--md-8{width:66.66667%}.col--md-9{width:75%}.col--md-10{width:83.33333%}.col--md-11{width:91.66667%}.col--md-12{width:100%}}@media screen and (min-width: 1200px){.col--ld-1{width:8.33333%}.col--ld-2{width:16.66667%}.col--ld-3{width:25%}.col--ld-4{width:33.33333%}.col--ld-5{width:41.66667%}.col--ld-6{width:50%}.col--ld-7{width:58.33333%}.col--ld-8{width:66.66667%}.col--ld-9{width:75%}.col--ld-10{width:83.33333%}.col--ld-11{width:91.66667%}.col--ld-12{width:100%}}";
 

package/dist/cjs/ez-popover.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-88286449.js');
-require('./UnitMetadata-63c56042.js');
+require('./UnitMetadata-4b90ead3.js');
 const FloatingManager = require('./FloatingManager-6cfeb947.js');
 
 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%}";

package/dist/collection/components/ez-calendar/ez-calendar.js

@@ -95,28 +95,28 @@ export class EzCalendar {
       }
     }
     this.value = newDate;
-    this.ezChange.emit();
+    this.ezChange.emit(this.value);
   }
   selectHours(hour) {
     if (!this.value) {
       this.value = new Date();
     }
     this.value = new Date(this.value.getFullYear(), this.value.getMonth(), this.value.getDate(), hour, this.value.getMinutes(), this.value.getSeconds());
-    this.ezChange.emit();
+    this.ezChange.emit(this.value);
   }
   selectMinutes(minute) {
     if (!this.value) {
       this.value = new Date();
     }
     this.value = new Date(this.value.getFullYear(), this.value.getMonth(), this.value.getDate(), this.value.getHours(), minute, this.value.getSeconds());
-    this.ezChange.emit();
+    this.ezChange.emit(this.value);
   }
   selectSeconds(second) {
     if (!this.value) {
       this.value = new Date();
     }
     this.value = new Date(this.value.getFullYear(), this.value.getMonth(), this.value.getDate(), this.value.getHours(), this.value.getMinutes(), second);
-    this.ezChange.emit();
+    this.ezChange.emit(this.value);
   }
   updateScroll(element) {
     if (element) {
@@ -330,9 +330,13 @@ export class EzCalendar {
         "text": "Quando o usu\u00E1rio escolhe uma data, esse evento \u00E9 emitido."
       },
       "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+        "original": "Date",
+        "resolved": "Date",
+        "references": {
+          "Date": {
+            "location": "global"
+          }
+        }
       }
     }]; }
   static get methods() { return {

package/dist/collection/components/ez-collapsible-box/ez-collapsible-box.js

@@ -15,7 +15,7 @@ export class EzCollapsibleBox {
     this.iconPlacement = "left";
   }
   observeValue() {
-    this.ezChange.emit();
+    this.ezChange.emit(this.value);
   }
   /**
    * Esconde ou revela o conteúdo do componente
@@ -127,8 +127,8 @@ export class EzCollapsibleBox {
         "text": "Evento disparado ao mudar o estado do componente (onEzChange)."
       },
       "complexType": {
-        "original": "string",
-        "resolved": "string",
+        "original": "boolean",
+        "resolved": "boolean",
         "references": {}
       }
     }]; }

package/dist/collection/components/ez-date-input/ez-date-input.js

@@ -32,11 +32,13 @@ export class EzDateInput {
     this._textInput.setBlur();
   }
   changeValue(newValue) {
-    newValue = newValue == null ? null : DateUtils.clearTime(newValue);
+    var _a;
+    newValue = newValue instanceof Date ? DateUtils.clearTime(newValue) : null;
+    this.value = this.value instanceof Date ? DateUtils.clearTime(this.value) : null;
     this._textInput.errorMessage = "";
-    if (newValue !== this.value) {
+    if ((newValue === null || newValue === void 0 ? void 0 : newValue.toString()) !== ((_a = this.value) === null || _a === void 0 ? void 0 : _a.toString())) {
       this.value = newValue;
-      this.ezChange.emit();
+      this.ezChange.emit(this.value);
     }
   }
   showCalendar() {
@@ -172,9 +174,13 @@ export class EzDateInput {
         "text": "Evento disparado ao mudar o estado do componente(onEzChange)."
       },
       "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+        "original": "Date",
+        "resolved": "Date",
+        "references": {
+          "Date": {
+            "location": "global"
+          }
+        }
       }
     }]; }
   static get methods() { return {

package/dist/collection/components/ez-date-time-input/ez-date-time-input.js

@@ -75,10 +75,11 @@ export class EzDateTimeInput {
     input.setSelectionRange(selectIni, selectFin);
   }
   changeValue(newValue) {
+    var _a;
     this._textInput.errorMessage = "";
-    if (newValue !== this.value) {
+    if ((newValue === null || newValue === void 0 ? void 0 : newValue.toString()) !== ((_a = this.value) === null || _a === void 0 ? void 0 : _a.toString())) {
       this.value = newValue;
-      this.ezChange.emit();
+      this.ezChange.emit(this.value);
     }
   }
   showCalendar() {
@@ -236,9 +237,13 @@ export class EzDateTimeInput {
         "text": "Evento disparado ao mudar o estado do componente(onEzChange)."
       },
       "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+        "original": "Date",
+        "resolved": "Date",
+        "references": {
+          "Date": {
+            "location": "global"
+          }
+        }
       }
     }]; }
   static get methods() { return {

package/dist/custom-elements/index.js

@@ -909,6 +909,7 @@ var Action;
     Action["DATA_LOADED"] = "dataLoaded";
     Action["SAVING_DATA"] = "savingData";
     Action["DATA_SAVED"] = "dataSaved";
+    Action["REMOVING_RECORDS"] = "removingRecords";
     Action["RECORDS_REMOVED"] = "recordsRemoved";
     Action["RECORDS_ADDED"] = "recordsAdded";
     Action["RECORDS_COPIED"] = "recordsCopied";
@@ -1073,7 +1074,11 @@ class RemovedRecordsReducerImpl {
     reduce(_stateManager, currentState, action) {
         switch (action.type) {
             case Action.RECORDS_REMOVED:
-                return (currentState || []).concat(action.payload);
+                const { records, buffered } = action.payload;
+                if (buffered) {
+                    return (currentState || []).concat(records);
+                }
+                return currentState;
             case Action.EDITION_CANCELED:
             case Action.DATA_SAVED:
                 return undefined;
@@ -1094,6 +1099,12 @@ class RecordsReducerImpl {
         switch (action.type) {
             case Action.DATA_LOADED:
                 return action.payload;
+            case Action.RECORDS_REMOVED:
+                const { records, buffered } = action.payload;
+                if (!buffered) {
+                    return currentState.filter(r => !records.includes(r.__record__id__));
+                }
+                return currentState;
             case Action.DATA_SAVED:
                 const recordsMap = new Map();
                 const currentRecords = getRecords(stateManager);
@@ -1267,7 +1278,7 @@ class SelectionReducerImpl {
             case Action.DATA_SAVED:
                 return updateSavedIds(stateManager, action.payload.records);
             case Action.RECORDS_REMOVED:
-                const removed = action.payload;
+                const removed = action.payload.records;
                 if (currentState && removed) {
                     return currentState.filter(recordId => !removed.includes(recordId));
                 }
@@ -1457,6 +1468,36 @@ class DataUnit {
             return Promise.resolve();
         });
     }
+    removeSelectedRecords(buffered = false) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const selection = getSelection(this._stateManager);
+            if (selection) {
+                return this.removeRecords(selection, buffered);
+            }
+            return Promise.resolve(selection);
+        });
+    }
+    removeRecords(records, buffered = false) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (records) {
+                if (buffered || !this.removeLoader) {
+                    this.dispatchAction(Action.RECORDS_REMOVED, { records, buffered: true });
+                }
+                else {
+                    this.dispatchAction(Action.REMOVING_RECORDS);
+                    return new Promise((resolve, fail) => {
+                        if (this.removeLoader) {
+                            this.removeLoader(this, records).then(records => {
+                                this.dispatchAction(Action.RECORDS_REMOVED, { records, buffered: false });
+                                resolve(records);
+                            }).catch(error => fail(error));
+                        }
+                    });
+                }
+            }
+            return Promise.resolve(records);
+        });
+    }
     // API
     valueFromString(fieldName, value) {
         const descriptor = this.getField(fieldName);
@@ -1496,12 +1537,6 @@ class DataUnit {
             this.dispatchAction(Action.RECORDS_COPIED, prepareAddedRecordId(this._stateManager, selectedRecords));
         }
     }
-    removeSelectedRecords() {
-        const selection = getSelection(this._stateManager);
-        if (selection) {
-            this.dispatchAction(Action.RECORDS_REMOVED, selection);
-        }
-    }
     getFieldValue(fieldName) {
         return getFieldValue(this._stateManager, fieldName);
     }
@@ -1643,10 +1678,10 @@ var UserInterface;
 
 class ApplicationContext {
     static getContextValue(key) {
-        return ApplicationContext.getCtx()[key].deref();
+        return ApplicationContext.getCtx()[key];
     }
     static setContextValue(key, value) {
-        ApplicationContext.getCtx()[key] = new WeakRef(value);
+        ApplicationContext.getCtx()[key] = value;
     }
     static getCtx() {
         let ctx = window.___snkcore___ctx___;
@@ -1759,28 +1794,28 @@ let EzCalendar$1 = class extends HTMLElement$1 {
       }
     }
     this.value = newDate;
-    this.ezChange.emit();
+    this.ezChange.emit(this.value);
   }
   selectHours(hour) {
     if (!this.value) {
       this.value = new Date();
     }
     this.value = new Date(this.value.getFullYear(), this.value.getMonth(), this.value.getDate(), hour, this.value.getMinutes(), this.value.getSeconds());
-    this.ezChange.emit();
+    this.ezChange.emit(this.value);
   }
   selectMinutes(minute) {
     if (!this.value) {
       this.value = new Date();
     }
     this.value = new Date(this.value.getFullYear(), this.value.getMonth(), this.value.getDate(), this.value.getHours(), minute, this.value.getSeconds());
-    this.ezChange.emit();
+    this.ezChange.emit(this.value);
   }
   selectSeconds(second) {
     if (!this.value) {
       this.value = new Date();
     }
     this.value = new Date(this.value.getFullYear(), this.value.getMonth(), this.value.getDate(), this.value.getHours(), this.value.getMinutes(), second);
-    this.ezChange.emit();
+    this.ezChange.emit(this.value);
   }
   updateScroll(element) {
     if (element) {
@@ -1965,7 +2000,7 @@ let EzCollapsibleBox$1 = class extends HTMLElement$1 {
     this.iconPlacement = "left";
   }
   observeValue() {
-    this.ezChange.emit();
+    this.ezChange.emit(this.value);
   }
   /**
    * Esconde ou revela o conteúdo do componente
@@ -2309,11 +2344,13 @@ let EzDateInput$1 = class extends HTMLElement$1 {
     this._textInput.setBlur();
   }
   changeValue(newValue) {
-    newValue = newValue == null ? null : DateUtils.clearTime(newValue);
+    var _a;
+    newValue = newValue instanceof Date ? DateUtils.clearTime(newValue) : null;
+    this.value = this.value instanceof Date ? DateUtils.clearTime(this.value) : null;
     this._textInput.errorMessage = "";
-    if (newValue !== this.value) {
+    if ((newValue === null || newValue === void 0 ? void 0 : newValue.toString()) !== ((_a = this.value) === null || _a === void 0 ? void 0 : _a.toString())) {
       this.value = newValue;
-      this.ezChange.emit();
+      this.ezChange.emit(this.value);
     }
   }
   showCalendar() {
@@ -2445,10 +2482,11 @@ let EzDateTimeInput$1 = class extends HTMLElement$1 {
     input.setSelectionRange(selectIni, selectFin);
   }
   changeValue(newValue) {
+    var _a;
     this._textInput.errorMessage = "";
-    if (newValue !== this.value) {
+    if ((newValue === null || newValue === void 0 ? void 0 : newValue.toString()) !== ((_a = this.value) === null || _a === void 0 ? void 0 : _a.toString())) {
       this.value = newValue;
-      this.ezChange.emit();
+      this.ezChange.emit(this.value);
     }
   }
   showCalendar() {

package/dist/esm/{UnitMetadata-109880b0.js → UnitMetadata-8951d803.js}

@@ -570,6 +570,7 @@ var Action;
     Action["DATA_LOADED"] = "dataLoaded";
     Action["SAVING_DATA"] = "savingData";
     Action["DATA_SAVED"] = "dataSaved";
+    Action["REMOVING_RECORDS"] = "removingRecords";
     Action["RECORDS_REMOVED"] = "recordsRemoved";
     Action["RECORDS_ADDED"] = "recordsAdded";
     Action["RECORDS_COPIED"] = "recordsCopied";
@@ -734,7 +735,11 @@ class RemovedRecordsReducerImpl {
     reduce(_stateManager, currentState, action) {
         switch (action.type) {
             case Action.RECORDS_REMOVED:
-                return (currentState || []).concat(action.payload);
+                const { records, buffered } = action.payload;
+                if (buffered) {
+                    return (currentState || []).concat(records);
+                }
+                return currentState;
             case Action.EDITION_CANCELED:
             case Action.DATA_SAVED:
                 return undefined;
@@ -755,6 +760,12 @@ class RecordsReducerImpl {
         switch (action.type) {
             case Action.DATA_LOADED:
                 return action.payload;
+            case Action.RECORDS_REMOVED:
+                const { records, buffered } = action.payload;
+                if (!buffered) {
+                    return currentState.filter(r => !records.includes(r.__record__id__));
+                }
+                return currentState;
             case Action.DATA_SAVED:
                 const recordsMap = new Map();
                 const currentRecords = getRecords(stateManager);
@@ -928,7 +939,7 @@ class SelectionReducerImpl {
             case Action.DATA_SAVED:
                 return updateSavedIds(stateManager, action.payload.records);
             case Action.RECORDS_REMOVED:
-                const removed = action.payload;
+                const removed = action.payload.records;
                 if (currentState && removed) {
                     return currentState.filter(recordId => !removed.includes(recordId));
                 }
@@ -1118,6 +1129,36 @@ class DataUnit {
             return Promise.resolve();
         });
     }
+    removeSelectedRecords(buffered = false) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const selection = getSelection(this._stateManager);
+            if (selection) {
+                return this.removeRecords(selection, buffered);
+            }
+            return Promise.resolve(selection);
+        });
+    }
+    removeRecords(records, buffered = false) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (records) {
+                if (buffered || !this.removeLoader) {
+                    this.dispatchAction(Action.RECORDS_REMOVED, { records, buffered: true });
+                }
+                else {
+                    this.dispatchAction(Action.REMOVING_RECORDS);
+                    return new Promise((resolve, fail) => {
+                        if (this.removeLoader) {
+                            this.removeLoader(this, records).then(records => {
+                                this.dispatchAction(Action.RECORDS_REMOVED, { records, buffered: false });
+                                resolve(records);
+                            }).catch(error => fail(error));
+                        }
+                    });
+                }
+            }
+            return Promise.resolve(records);
+        });
+    }
     // API
     valueFromString(fieldName, value) {
         const descriptor = this.getField(fieldName);
@@ -1157,12 +1198,6 @@ class DataUnit {
             this.dispatchAction(Action.RECORDS_COPIED, prepareAddedRecordId(this._stateManager, selectedRecords));
         }
     }
-    removeSelectedRecords() {
-        const selection = getSelection(this._stateManager);
-        if (selection) {
-            this.dispatchAction(Action.RECORDS_REMOVED, selection);
-        }
-    }
     getFieldValue(fieldName) {
         return getFieldValue(this._stateManager, fieldName);
     }