@sankhyalabs/ezui 1.1.100 → 1.1.103

package/dist/custom-elements/index.js

@@ -63,6 +63,18 @@ let EzButton$1 = class extends HTMLElement$1 {
      */
     this.size = "medium";
   }
+  /**
+   * Realiza o foco no botão
+   */
+  async setFocus() {
+    this._button.focus();
+  }
+  /**
+   * Remove o foco no botão
+   */
+  async setBlur() {
+    this._button.blur();
+  }
   getIconSize() {
     return this.size;
   }
@@ -84,22 +96,22 @@ let EzButton$1 = class extends HTMLElement$1 {
   }
   render() {
     if (this.mode == "icon") {
-      return (h("button", { class: "icon " + this.size, type: "button", disabled: !this.enabled }, h("ez-icon", { class: "icon", href: this.image, iconName: this.iconName, size: this.getIconSize(), onClick: evt => {
+      return (h("button", { class: "icon " + this.size, type: "button", disabled: !this.enabled, ref: (el) => this._button = el }, h("ez-icon", { class: "icon", href: this.image, iconName: this.iconName, size: this.getIconSize(), onClick: evt => {
           if (!this.enabled)
             evt.stopPropagation();
         } })));
     }
     else if (this.mode == "label-icon") {
-      return (h("div", { class: "label-icon" }, h("button", { class: "icon", type: "button", disabled: !this.enabled }, h("ez-icon", { class: "icon", href: this.image, iconName: this.iconName, size: "large", onClick: evt => {
+      return (h("div", { class: "label-icon" }, h("button", { class: "icon", type: "button", disabled: !this.enabled, ref: (el) => this._button = el }, h("ez-icon", { class: "icon", href: this.image, iconName: this.iconName, size: "large", onClick: evt => {
           if (!this.enabled)
             evt.stopPropagation();
         } })), h("label", { title: this.label }, this.label)));
     }
     else if (this.mode == "link") {
-      return (h("a", { class: this.size }, h("slot", { name: "leftIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }), this.label, h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } })));
+      return (h("a", { class: this.size, ref: (el) => this._button = el }, h("slot", { name: "leftIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }), this.label, h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } })));
     }
     else {
-      return (h("button", { type: "button", disabled: !this.enabled }, h("slot", { name: "leftIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }), this.label, h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } })));
+      return (h("button", { type: "button", disabled: !this.enabled, ref: (el) => this._button = el }, h("slot", { name: "leftIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }), this.label, h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } })));
     }
   }
   static get style() { return ezButtonCss; }
@@ -897,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";
@@ -1061,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;
@@ -1082,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);
@@ -1255,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));
                 }
@@ -1445,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);
@@ -1484,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);
     }
@@ -1631,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___;
@@ -1747,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) {
@@ -1953,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
@@ -2027,6 +2074,18 @@ let EzComboBox$1 = class extends HTMLElement$1 {
     this._preSelection = undefined;
     this.updateVisibleOptions();
   }
+  /**
+   * Realiza o foco no componente de seleção
+   */
+  async setFocus() {
+    this._inputElement.setFocus();
+  }
+  /**
+   * Remove o foco no componente de seleção
+   */
+  async setBlur() {
+    this._inputElement.setBlur();
+  }
   getText() {
     let text = "";
     const selected = this.getSelectedOption();
@@ -2272,12 +2331,26 @@ let EzDateInput$1 = class extends HTMLElement$1 {
       this._textInput.value = this.getTextValue(this.value);
     }
   }
+  /**
+   * Realiza o foco no componente de data
+   */
+  async setFocus() {
+    this._textInput.setFocus();
+  }
+  /**
+   * Remove o foco no componente de data
+   */
+  async setBlur() {
+    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() {
@@ -2357,6 +2430,18 @@ let EzDateTimeInput$1 = class extends HTMLElement$1 {
       this._textInput.value = this.getTextValue(this.value);
     }
   }
+  /**
+   * Realiza o foco no componente de datetime
+   */
+  async setFocus() {
+    this._textInput.setFocus();
+  }
+  /**
+   * Remove o foco no componente de datetime
+   */
+  async setBlur() {
+    this._textInput.setBlur();
+  }
   onChangeKeyDown(ev) {
     const input = this._textInput.shadowRoot.querySelector('input');
     if (ev.key === "H" || ev.key === "h") {
@@ -2397,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() {
@@ -113474,6 +113560,12 @@ class AgGridController {
     }
     this._gridOptions.api.setRowData(data);
   }
+  refresh() {
+    if (this._grid === undefined) {
+      throw new Error("Erro interno: Grid ainda não inicializado.");
+    }
+    this._gridOptions.api.refreshServerSideStore({ purge: false });
+  }
   setColumnsDef(cols, showCheckSelection) {
     if (this._grid === undefined) {
       throw new Error("Erro interno: Grid ainda não inicializado.");
@@ -113667,6 +113759,13 @@ class DataUnitBridge {
       case Action.METADATA_LOADED:
         this._gridController.setColumnsDef(this.buildColumnDefs(), true);
         break;
+      case Action.RECORDS_REMOVED:
+      case Action.EDITION_CANCELED:
+      case Action.RECORDS_ADDED:
+      case Action.RECORDS_COPIED:
+      case Action.DATA_SAVED:
+        this._gridController.refresh();
+        break;
     }
   }
   buildColumnDefs() {
@@ -114515,6 +114614,18 @@ let EzNumberInput$1 = class extends HTMLElement$1 {
       this._textInput.value = this.getTextValue(this.value);
     }
   }
+  /**
+   * Realiza o foco no componente de input
+   */
+  async setFocus() {
+    this._textInput.setFocus();
+  }
+  /**
+   * Remove o foco no componente de input
+   */
+  async setBlur() {
+    this._textInput.setBlur();
+  }
   changeValue(newValue) {
     this.errorMessage = "";
     if (newValue && newValue !== this.value) {
@@ -114742,6 +114853,18 @@ let EzSearch$1 = class extends HTMLElement$1 {
       this._comboElement.value = this.value;
     }
   }
+  /**
+   * Realiza o foco no componente de pesquisa
+   */
+  async setFocus() {
+    this._comboElement.setFocus();
+  }
+  /**
+   * Remove o foco no componente de pesquisa
+   */
+  async setBlur() {
+    this._comboElement.setBlur();
+  }
   onComboChange(evt) {
     evt.stopPropagation();
     this.value = evt.detail;
@@ -115512,7 +115635,7 @@ class RemoteFile {
   }
 }
 
-const ezUploadCss = ":host{--ez-upload--height:42px;--ez-upload--width:100%;--ez-upload__icon--width:48px;--ez-upload__container--background-color:var(--background--medium, #d2dce9);--ez-upload__color--primary:var(--color--primary, #008561);--ez-upload--padding--extra-small:var(--space--extra-small, 3px);--ez-upload--padding--small:var(--space--small, 6px);--ez-upload--padding--medium:var(--space--medium, 12px);--ez-upload--padding--large:var(--space--large, 24px);--ez-upload__border--color:var(--color-strokes, #DCE0E8);--ez-upload--text-shadow:var(--text-shadow, 0 0 0 #353535, 0 0 1px transparent);--ez-upload--text--primary:var(--text-primary, #626e82);--ez-upload--font-size:var(--text--medium, 14px);--ez-upload--font-family:var(--font-pattern, Arial);--ez-upload--font-weight:var(--text-weight--large, 500);--ez-upload__btn__cancel-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"8x\" width=\"8px\"><path d=\"M 8,0.8 7.2,0 4,3.2 0.8,0 0,0.8 3.2,4 0,7.2 0.8,8 4,4.8 7.2,8 8,7.2 4.8,4 Z\"/></svg>');--ez-upload__file-icon-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"11x\" width=\"9px\"><path d=\"M 1.2272719,8.4999999 V 2.75 c 0,-1.1045695 1.4652499,-2 3.2727273,-2 1.8074777,0 3.2727281,0.8954305 3.2727281,2 V 8.9999999 C 7.7727273,9.690356 6.8569456,10.25 5.7272719,10.25 4.5975985,10.25 3.6818174,9.690356 3.6818174,8.9999999 V 3.75 c 0,-0.2761425 0.3663125,-0.5 0.8181818,-0.5 0.4518694,0 0.8181818,0.2238575 0.8181818,0.5 V 8.4999999 H 6.5454537 V 3.75 C 6.5454537,3.059644 5.6296725,2.5 4.4999992,2.5 3.3703258,2.5 2.4545446,3.059644 2.4545446,3.75 V 8.9999999 C 2.4545446,10.10457 3.9197945,11 5.7272719,11 7.5347496,11 9,10.10457 9,8.9999999 V 2.75 C 9,1.231217 6.9852809,0 4.4999992,0 2.0147181,5e-7 0,1.231217 0,2.75 v 5.7499999 z\"/></svg>');display:flex;flex-wrap:wrap;position:relative;font-family:var(--ez-upload--font-family);font-size:var(--ez-upload--font-size);width:var(--ez-upload--width);font-weight:var(--ez-upload--font-weight)}.iu{display:flex;flex-wrap:wrap;background-color:var(--ez-upload__container--background-color);padding:var(--ez-upload--padding--small);width:100%;border-radius:12px;box-sizing:border-box}.iu__container{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;border:2px dashed var(--ez-upload__border--color);border-radius:6px;box-sizing:border-box}.iu__footer{display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%;padding:0 var(--ez-upload--padding--medium) var(--ez-upload--padding--medium) var(--ez-upload--padding--medium);box-sizing:border-box}.iu__item{display:flex;width:100%;justify-content:flex-start;align-items:center;align-self:center;padding-bottom:var(--ez-upload--padding--extra-small);box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.iu__item-label{display:flex;max-width:80%;align-self:stretch;align-items:center}.file__name{font-weight:200}.box__content{width:100%;justify-content:center;align-items:center;height:100%;border:1px dashed var(--ez-upload__border--color);border-radius:6px;box-sizing:border-box}.box__container{display:flex;flex-wrap:wrap;background-color:var(--ez-upload__container--background-color);padding:6px;width:100%;border-radius:12px}a:-webkit-any-link{color:#008561;fill:#008561;cursor:pointer;text-decoration:none}progress[value]{display:flex;width:100%;appearance:none;border:1px solid var(--ez-upload__border--color);height:12px;justify-content:flex-start;align-items:center;border-radius:3px;position:relative}progress[value]::-webkit-progress-bar{display:flex;-webkit-appearance:none;width:100%;background-color:rgb(255, 255, 255);border-radius:2px;padding:2px}progress[value]::-webkit-progress-value{display:flex;width:100%;background-color:var(--ez-upload__color--primary)}.text--center{text-align:center}.align--middle{align-self:center;align-items:center}.text{font-family:\"Sora\", \"Algerian\";text-shadow:0 0 0 #353535, 0 0 1px transparent}.text--primary{color:var(--ez-upload--text--primary);text-shadow:var(--ez-upload--text-shadow)}.text--ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text--medium{font-size:14px}.text--small{font-size:12px}.btn-cancel{outline:none;border:none;background-color:unset;cursor:pointer}.btn-cancel::after{content:'';display:flex;background-color:var(--text--primary, #008561);width:8px;height:8px;-webkit-mask-image:var(--ez-upload__btn__cancel-image);mask-image:var(--ez-upload__btn__cancel-image)}.iu_header{display:flex;flex-direction:column;width:100%}.iu__label{padding:var(--space--small);box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--ez-upload--font-family);font-size:var(--text--extra-small);font-weight:var(--ez-upload--font-weight);color:var(--ez-upload--text--primary);text-shadow:var(--ez-upload--text-shadow)}.iu__file-icon{outline:none;border:none;background-color:unset;cursor:pointer}.iu__file-icon:disabled{cursor:unset}.iu__file-icon::after{content:'';display:flex;background-color:var(--text--primary, #626e82);width:9px;height:11px;-webkit-mask-image:var(--ez-upload__file-icon-image);mask-image:var(--ez-upload__file-icon-image)}.iu__file-icon:disabled::after{background-color:var(--text--disable, #AFB6C0)}.iu__icon-label{justify-content:center;display:flex;cursor:pointer;padding:var(--ez-upload--padding--large) 0px;box-sizing:border-box}.background--disabled{background-color:var(--color--disable-secondary, #F2F5F8)}.text--disabled{color:var(--text--disable, #AFB6C0)}.mouse-pointer--disabled{cursor:unset}.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%}}";
+const ezUploadCss = ":host{--ez-upload--height:42px;--ez-upload--width:100%;--ez-upload__icon--width:48px;--ez-upload__container--background-color:var(--background--medium, #d2dce9);--ez-upload__color--primary:var(--color--primary, #008561);--ez-upload--padding--extra-small:var(--space--extra-small, 3px);--ez-upload--padding--small:var(--space--small, 6px);--ez-upload--padding--medium:var(--space--medium, 12px);--ez-upload--padding--large:var(--space--large, 24px);--ez-upload__border--color:var(--color-strokes, #DCE0E8);--ez-upload--text-shadow:var(--text-shadow, 0 0 0 #353535, 0 0 1px transparent);--ez-upload--text--primary:var(--text-primary, #626e82);--ez-upload--font-size:var(--text--medium, 14px);--ez-upload--font-family:var(--font-pattern, Arial);--ez-upload--font-weight:var(--text-weight--large, 500);--ez-upload__btn__cancel-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"8x\" width=\"8px\"><path d=\"M 8,0.8 7.2,0 4,3.2 0.8,0 0,0.8 3.2,4 0,7.2 0.8,8 4,4.8 7.2,8 8,7.2 4.8,4 Z\"/></svg>');--ez-upload__file-icon-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"11x\" width=\"9px\"><path d=\"M 1.2272719,8.4999999 V 2.75 c 0,-1.1045695 1.4652499,-2 3.2727273,-2 1.8074777,0 3.2727281,0.8954305 3.2727281,2 V 8.9999999 C 7.7727273,9.690356 6.8569456,10.25 5.7272719,10.25 4.5975985,10.25 3.6818174,9.690356 3.6818174,8.9999999 V 3.75 c 0,-0.2761425 0.3663125,-0.5 0.8181818,-0.5 0.4518694,0 0.8181818,0.2238575 0.8181818,0.5 V 8.4999999 H 6.5454537 V 3.75 C 6.5454537,3.059644 5.6296725,2.5 4.4999992,2.5 3.3703258,2.5 2.4545446,3.059644 2.4545446,3.75 V 8.9999999 C 2.4545446,10.10457 3.9197945,11 5.7272719,11 7.5347496,11 9,10.10457 9,8.9999999 V 2.75 C 9,1.231217 6.9852809,0 4.4999992,0 2.0147181,5e-7 0,1.231217 0,2.75 v 5.7499999 z\"/></svg>');display:flex;flex-wrap:wrap;position:relative;font-family:var(--ez-upload--font-family);font-size:var(--ez-upload--font-size);width:var(--ez-upload--width);font-weight:var(--ez-upload--font-weight)}.iu{display:flex;flex-wrap:wrap;background-color:var(--ez-upload__container--background-color);padding:var(--ez-upload--padding--small);width:100%;border-radius:12px;box-sizing:border-box}.iu__container{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;border:2px dashed var(--ez-upload__border--color);border-radius:6px;box-sizing:border-box}.iu__footer{display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%;padding:0 var(--ez-upload--padding--medium) var(--ez-upload--padding--medium) var(--ez-upload--padding--medium);box-sizing:border-box}.iu__item{display:flex;width:100%;justify-content:flex-start;align-items:center;align-self:center;padding-bottom:var(--ez-upload--padding--extra-small);box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.iu__item-label{display:flex;max-width:80%;align-self:stretch;align-items:center}.file__name{font-weight:200}.box__content{width:100%;justify-content:center;align-items:center;height:100%;border:1px dashed var(--ez-upload__border--color);border-radius:6px;box-sizing:border-box}.box__container{display:flex;flex-wrap:wrap;background-color:var(--ez-upload__container--background-color);padding:6px;width:100%;border-radius:12px}a:-webkit-any-link{color:#008561;fill:#008561;cursor:pointer;text-decoration:none}progress[value]{display:flex;width:100%;appearance:none;border:1px solid var(--ez-upload__border--color);height:12px;justify-content:flex-start;align-items:center;border-radius:3px;position:relative}progress[value]::-webkit-progress-bar{display:flex;-webkit-appearance:none;width:100%;background-color:rgb(255, 255, 255);border-radius:2px;padding:2px}progress[value]::-webkit-progress-value{display:flex;width:100%;background-color:var(--ez-upload__color--primary)}.text--center{text-align:center}.align--middle{align-self:center;align-items:center}.text{font-family:\"Sora\", \"Algerian\";text-shadow:0 0 0 #353535, 0 0 1px transparent}.text--primary{color:var(--ez-upload--text--primary);text-shadow:var(--ez-upload--text-shadow)}.text--ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text--medium{font-size:14px}.text--small{font-size:12px}.btn-cancel{outline:none;border:none;background-color:unset;cursor:pointer}.btn-cancel::after{content:'';display:flex;background-color:var(--text--primary, #008561);width:8px;height:8px;-webkit-mask-image:var(--ez-upload__btn__cancel-image);mask-image:var(--ez-upload__btn__cancel-image)}.iu_header{display:flex;flex-direction:column;width:100%}.iu__label{padding:var(--space--small);box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--ez-upload--font-family);font-size:var(--text--extra-small);font-weight:var(--ez-upload--font-weight);color:var(--ez-upload--text--primary);text-shadow:var(--ez-upload--text-shadow)}.iu__file-icon{outline:none;border:none;background-color:unset;cursor:pointer}.iu__file-icon:disabled{cursor:unset}.iu__file-icon::after{content:'';display:flex;background-color:var(--text--primary, #626e82);width:9px;height:11px;-webkit-mask-image:var(--ez-upload__file-icon-image);mask-image:var(--ez-upload__file-icon-image)}.iu__file-icon:disabled::after{background-color:var(--text--disable, #AFB6C0)}.iu__icon-label{justify-content:center;display:flex;cursor:pointer;padding:var(--ez-upload--padding--large) 0px;box-sizing:border-box}.background--disabled{background-color:var(--color--disable-secondary, #F2F5F8)}.text--disabled{color:var(--text--disable, #AFB6C0)}.mouse-pointer--disabled{cursor:unset}.appearanceNone{width:0px;height:0px}.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%}}";
 
 let EzUpload$1 = class extends HTMLElement$1 {
   constructor() {
@@ -115575,6 +115698,18 @@ let EzUpload$1 = class extends HTMLElement$1 {
     }
     Array.prototype.forEach.call(files, this.addFile.bind(this));
   }
+  /**
+   * Realiza o foco no componente de upload
+   */
+  async setFocus() {
+    this._fileInput.focus();
+  }
+  /**
+   * Remove o foco no componente de upload
+   */
+  async setBlur() {
+    this._fileInput.blur();
+  }
   async addFile(file) {
     const oldFile = this._filePointers.get(file.name);
     if (oldFile) {
@@ -115724,7 +115859,7 @@ let EzUpload$1 = class extends HTMLElement$1 {
     }
   }
   render() {
-    return (h("div", { ref: (el) => this._dropZone = el, class: this.evalDisabledClass("iu", "background--disabled") }, h("div", { class: "iu__container", onClick: () => this.openFilesDialog() }, h("div", { class: "iu_header" }, this.label ? h("label", { class: this.evalDisabledClass("iu__label", "text--disabled"), title: this.label }, this.label) : null, h("div", { class: this.evalDisabledClass("iu__icon-label", "mouse-pointer--disabled") }, h("button", { class: "iu__file-icon", disabled: !this.enabled }), h("div", { class: this.evalDisabledClass("text text--center text--medium text--primary", "text--disabled") }, this.enabled ? "Arraste e solte ou clique para adicionar arquivos" : "Somente leitura"))), this.buildFooter()), h("input", { ref: (el) => this._fileInput = el, onChange: (ev) => this.onFileInputChange(ev), type: "file", multiple: true, hidden: true })));
+    return (h("div", { ref: (el) => this._dropZone = el, class: this.evalDisabledClass("iu", "background--disabled") }, h("div", { class: "iu__container", onClick: () => this.openFilesDialog() }, h("div", { class: "iu_header" }, this.label ? h("label", { class: this.evalDisabledClass("iu__label", "text--disabled"), title: this.label }, this.label) : null, h("div", { class: this.evalDisabledClass("iu__icon-label", "mouse-pointer--disabled") }, h("button", { class: "iu__file-icon", disabled: !this.enabled }), h("div", { class: this.evalDisabledClass("text text--center text--medium text--primary", "text--disabled") }, this.enabled ? "Arraste e solte ou clique para adicionar arquivos" : "Somente leitura"))), this.buildFooter()), h("input", { ref: (el) => this._fileInput = el, onChange: (ev) => this.onFileInputChange(ev), type: "file", multiple: true, class: "appearanceNone" })));
   }
   buildFooter() {
     if (this._filePointers.size === 0) {
@@ -116033,6 +116168,13 @@ let TestDu$1 = class extends HTMLElement$1 {
     super();
     this.__registerHost();
   }
+  /*private _ezButton// : HTMLEzButton;
+  private _ezComboBox// : HTMLEzComboBox;
+  private _ezDateInput// : HTMLEzDateInput;
+  private _ezDateTimeInput// : HTMLEzDateTimeInput;
+  private _ezNumberInput// : HTMLEzNumberInput
+  private _ezSearch// : HTMLEzSearch
+  private _ezUpload// : HTMLEzUpload*/
   componentWillLoad() {
     this.dataUnit = new DataUnit("testes_com_formulario");
     this.dataUnit.metadata = {

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);
     }

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

@@ -18,6 +18,18 @@ let EzButton = class {
      */
     this.size = "medium";
   }
+  /**
+   * Realiza o foco no botão
+   */
+  async setFocus() {
+    this._button.focus();
+  }
+  /**
+   * Remove o foco no botão
+   */
+  async setBlur() {
+    this._button.blur();
+  }
   getIconSize() {
     return this.size;
   }
@@ -39,22 +51,22 @@ let EzButton = class {
   }
   render() {
     if (this.mode == "icon") {
-      return (h("button", { class: "icon " + this.size, type: "button", disabled: !this.enabled }, h("ez-icon", { class: "icon", href: this.image, iconName: this.iconName, size: this.getIconSize(), onClick: evt => {
+      return (h("button", { class: "icon " + this.size, type: "button", disabled: !this.enabled, ref: (el) => this._button = el }, h("ez-icon", { class: "icon", href: this.image, iconName: this.iconName, size: this.getIconSize(), onClick: evt => {
           if (!this.enabled)
             evt.stopPropagation();
         } })));
     }
     else if (this.mode == "label-icon") {
-      return (h("div", { class: "label-icon" }, h("button", { class: "icon", type: "button", disabled: !this.enabled }, h("ez-icon", { class: "icon", href: this.image, iconName: this.iconName, size: "large", onClick: evt => {
+      return (h("div", { class: "label-icon" }, h("button", { class: "icon", type: "button", disabled: !this.enabled, ref: (el) => this._button = el }, h("ez-icon", { class: "icon", href: this.image, iconName: this.iconName, size: "large", onClick: evt => {
           if (!this.enabled)
             evt.stopPropagation();
         } })), h("label", { title: this.label }, this.label)));
     }
     else if (this.mode == "link") {
-      return (h("a", { class: this.size }, h("slot", { name: "leftIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }), this.label, h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } })));
+      return (h("a", { class: this.size, ref: (el) => this._button = el }, h("slot", { name: "leftIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }), this.label, h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } })));
     }
     else {
-      return (h("button", { type: "button", disabled: !this.enabled }, h("slot", { name: "leftIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }), this.label, h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } })));
+      return (h("button", { type: "button", disabled: !this.enabled, ref: (el) => this._button = el }, h("slot", { name: "leftIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }), this.label, h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } })));
     }
   }
 };