@sankhyalabs/ezui 1.1.131 → 1.1.134

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

@@ -4,7 +4,26 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0e284e03.js');
 const core = require('@sankhyalabs/core');
-const AssetsUtils = require('./AssetsUtils-78164781.js');
+const ApplicationUtils = require('./ApplicationUtils-4a223c7a.js');
+
+const getSpritePath = (sprite) => `${getContextAssetsPath("../assets/actions-sprite.svg")}#${sprite}`;
+let ctxLoaded = false;
+function getContextAssetsPath(resource) {
+  if (!ctxLoaded) {
+    const scriptElem = document.querySelector("script[data-ezui-assets-url]");
+    if (scriptElem) {
+      let assetsPath = scriptElem.dataset.ezuiAssetsUrl;
+      if (assetsPath) {
+        if (assetsPath.startsWith('/')) {
+          assetsPath = window.location.origin + assetsPath;
+        }
+        index.setAssetPath(assetsPath);
+      }
+    }
+    ctxLoaded = true;
+  }
+  return index.getAssetPath(resource);
+}
 
 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, 700);--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);--ez-grid__group--font-family:var(--font-pattern, \"Sora\");--ez-grid__group--font-size:var(--text--medium, 14px);--ez-grid__group--font-weight:var(--text-weight--large, 600);--ez-grid__group--padding-bottom:var(--space-small, 6px);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%}.heigth-calc.sc-grid-config{max-height:calc(100% - 24px)}.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:space-between;align-items:center;width:359px}.subtitle.sc-grid-config{font-family:var(--ez-grid-config__subtitle--font-family);font-size:var(--ez-grid-config__subtitle--font-size);color:var(--text--primary)}.title.sc-grid-config{display:flex;margin:0;font-family:var(--ez-grid-config__title--font-family);font-size:var(--title--large);font-weight:var(--ez-grid-config__title--font-weight);line-height:normal;letter-spacing:0em;text-align:left;color:var(--title--primary)}.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)}.group-name.sc-grid-config{font-family:var(--ez-grid__group--font-family);font-size:var(--ez-grid__group--font-size);font-weight:var(--ez-grid__group--font-weight);padding-bottom:var(--ez-grid__group--padding-bottom)}";
 
@@ -17,6 +36,7 @@ let GridConfig = class {
     this._orderPriorityList = [];
     this._columListItems = [];
     this._selectedIndex = -1;
+    this._dataChanged = false;
     this.selectedTab = "Colunas";
   }
   /* Creation Methods */
@@ -92,6 +112,7 @@ let GridConfig = class {
   }
   updateOrder(sortOrder, updatedItemLabel) {
     var _a;
+    this._dataChanged = true;
     let newList = [...this.columns];
     let newItem = newList.find(item => item.label === updatedItemLabel);
     if (newItem) {
@@ -120,6 +141,7 @@ let GridConfig = class {
   switchColumnGroup(ev, switchedItem) {
     ev.stopPropagation();
     let newList = [...this._columListItems];
+    this._dataChanged = true;
     if (ev.detail === true) {
       let hiddenGroup = newList.find(group => group.group === "Ocultas");
       let index = hiddenGroup.items.findIndex(item => item.label === switchedItem.label);
@@ -159,6 +181,9 @@ let GridConfig = class {
       });
     });
     this.columns = newColumnList;
+    this._dataChanged = false;
+    this.closeConfig();
+    ApplicationUtils.ApplicationUtils.info("As configurações foram salvas com sucesso!");
     this.save();
   }
   save() {
@@ -341,13 +366,46 @@ let GridConfig = class {
     return false;
   }
   closeConfig() {
-    this.configCancel.emit();
-    this._orderList.clearHistory();
+    this._orderList.scrollToTop();
+    this._columnList.scrollToTop();
+    this._searchElement.value = "";
+    if (this._dataChanged) {
+      let options = {
+        canClose: false,
+        labelCancel: "Descartar",
+        labelConfirm: "Salvar",
+        btnConfirmDanger: false
+      };
+      ApplicationUtils.ApplicationUtils.confirm("Aviso", "As alterações realizadas serão descartadas. Gostaria de salvar antes de sair?", null, false, options)
+        .then(response => {
+        if (!response) {
+          this._dataChanged = false;
+          this.configCancel.emit();
+          this._orderList.clearHistory();
+        }
+        else {
+          this.finish();
+        }
+      });
+    }
+    else {
+      this.configCancel.emit();
+      this._orderList.clearHistory();
+    }
   }
   /* Handlers */
   handleTabChange(ev) {
     var _a;
     if ((_a = ev === null || ev === void 0 ? void 0 : ev.target) === null || _a === void 0 ? void 0 : _a.selectedTab) {
+      if (this.selectedTab !== ev.target.selectedTab) {
+        if (ev.target.selectedTab === "Colunas") {
+          this._orderList.scrollToTop();
+        }
+        else if (ev.target.selectedTab === "Ordenação das linhas") {
+          this._columnList.scrollToTop();
+        }
+        this._searchElement.value = "";
+      }
       if (ev.target.selectedTab === "Ordenação das linhas") {
         this.createOrderList();
       }
@@ -359,6 +417,7 @@ let GridConfig = class {
     if (ev.detail) {
       let visibleItems = (_a = ev.detail.find(group => group.group === "Visíveis")) === null || _a === void 0 ? void 0 : _a.items;
       if (visibleItems) {
+        this._dataChanged = true;
         this._orderListItems = visibleItems;
       }
     }
@@ -367,6 +426,7 @@ let GridConfig = class {
     if (ev.detail) {
       let orderPriorityList = ev.detail;
       if (orderPriorityList) {
+        this._dataChanged = true;
         this._orderPriorityList = orderPriorityList;
       }
     }
@@ -384,7 +444,7 @@ let GridConfig = class {
     }
   }
   render() {
-    return (index.h(index.Host, null, index.h("div", { class: "grid-config__header" }, index.h("div", { class: "title-container" }, index.h("div", { class: "" }, index.h("label", { class: "title" }, "Configura\u00E7\u00E3o da Grade"), index.h("label", { class: "subtitle" }, "Defina visibilidade e ordem das colunas.")), index.h("div", { class: "button-close" }, index.h("ez-button", { mode: 'icon', image: AssetsUtils.getSpritePath("close"), size: 'medium', onClick: () => this.closeConfig() }))), index.h("div", { class: "tabselector-container" }, index.h("ez-tabselector", { selectedTab: this.selectedTab, selectedIndex: 0, onEzChange: (ev) => { this.handleTabChange(ev); }, tabs: 'Colunas, Ordena\u00E7\u00E3o das linhas' })), index.h("div", null, index.h("ez-text-input", { ref: (el) => this._searchElement = el, label: "Localizar coluna", onKeyUp: evt => this.locateColumn(evt) }, index.h("ez-icon", { slot: "leftIcon", size: "medium", href: AssetsUtils.getSpritePath("search") })))), index.h("div", { class: "grid-config__main" }, index.h("ez-list", { ref: (el) => this._columnList = el, class: this.selectedTab === "Colunas" ? "" : "hidden", dataSource: this._columListItems, onEzChange: ev => this.handleColumnListChange(ev), ezDraggable: true, ezSelectable: true, itemSlotBuilder: (item, group) => this.buildColumnListSlot(item, group), useGroups: true }), index.h("div", { class: this.selectedTab === "Ordenação das linhas" ? "group-name" : "hidden" }, "Sequ\u00EAncia da ordena\u00E7\u00E3o"), index.h("ez-list", { ref: (el) => this._orderList = el, class: this.selectedTab === "Ordenação das linhas" ? "heigth-calc" : "hidden", dataSource: this._orderListItems, ezSelectable: true, onEzChange: ev => this.handleOrderListChange(ev), ezDraggable: true, itemSlotBuilder: (item) => this.buildOrderListSlot(item) })), index.h("div", { class: "grid-config__footer" }, index.h("ez-button", { class: "padding-right--medium", label: "Cancelar", onClick: () => this.closeConfig() }), index.h("ez-button", { label: "Concluir", class: "ez-button--primary", onClick: () => this.finish() }))));
+    return (index.h(index.Host, null, index.h("div", { class: "grid-config__header" }, index.h("div", { class: "title-container" }, index.h("div", { class: "" }, index.h("label", { class: "title" }, "Configura\u00E7\u00E3o da Grade"), index.h("label", { class: "subtitle" }, "Defina visibilidade e ordem das colunas.")), index.h("div", { class: "button-close" }, index.h("ez-button", { mode: 'icon', image: getSpritePath("close"), size: 'medium', onClick: () => this.closeConfig() }))), index.h("div", { class: "tabselector-container" }, index.h("ez-tabselector", { selectedTab: this.selectedTab, selectedIndex: 0, onEzChange: (ev) => { this.handleTabChange(ev); }, tabs: 'Colunas, Ordena\u00E7\u00E3o das linhas' })), index.h("div", null, index.h("ez-text-input", { ref: (el) => this._searchElement = el, label: "Localizar coluna", onKeyUp: evt => this.locateColumn(evt) }, index.h("ez-icon", { slot: "leftIcon", size: "medium", href: getSpritePath("search") })))), index.h("div", { class: "grid-config__main" }, index.h("ez-list", { ref: (el) => this._columnList = el, class: this.selectedTab === "Colunas" ? "" : "hidden", dataSource: this._columListItems, onEzChange: ev => this.handleColumnListChange(ev), ezDraggable: true, ezSelectable: true, itemSlotBuilder: (item, group) => this.buildColumnListSlot(item, group), useGroups: true }), index.h("div", { class: this.selectedTab === "Ordenação das linhas" ? "group-name" : "hidden" }, "Sequ\u00EAncia da ordena\u00E7\u00E3o"), index.h("ez-list", { ref: (el) => this._orderList = el, class: this.selectedTab === "Ordenação das linhas" ? "heigth-calc" : "hidden", dataSource: this._orderListItems, ezSelectable: true, onEzChange: ev => this.handleOrderListChange(ev), ezDraggable: true, itemSlotBuilder: (item) => this.buildOrderListSlot(item) })), index.h("div", { class: "grid-config__footer" }, index.h("ez-button", { class: "padding-right--medium", label: "Cancelar", onClick: () => this.closeConfig() }), index.h("ez-button", { label: "Concluir", class: "ez-button--primary", onClick: () => this.finish() }))));
   }
   static get assetsDirs() { return ["../assets"]; }
 };

package/dist/cjs/loader.cjs.js

@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["ez-grid.cjs",[[6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"config":[1040],"pageSize":[2,"page-size"],"serverUrl":[1,"server-url"],"dataUnit":[16],"_navigationHasPrevious":[32],"_navigationHasNext":[32],"_navigationFirstRow":[32],"_navigationLastRow":[32],"_navigationTotalRows":[32],"_popUpVisible":[32],"setColumnsDef":[64],"addColumnMenuItem":[64],"setColumnsState":[64],"setData":[64],"getSelection":[64],"getColumnsState":[64],"getColumns":[64],"refresh":[64],"quickFilter":[64]}]]],["ez-dialog.cjs",[[1,"ez-dialog",{"confirm":[1028],"critical":[1028],"message":[1025],"opened":[1540],"personalizedIconPath":[1025,"personalized-icon-path"],"ezTitle":[1025,"ez-title"],"handleButtonClick":[64],"show":[64]}]]],["ez-filter-input.cjs",[[1,"ez-filter-input",{"label":[1],"value":[1537],"enabled":[4],"loading":[516],"errorMessage":[1537,"error-message"],"restrict":[1],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-action-chip.cjs",[[1,"ez-action-chip",{"label":[513],"enabled":[516]}]]],["ez-application.cjs",[[0,"ez-application"]]],["ez-label-chip.cjs",[[1,"ez-label-chip",{"label":[513],"enabled":[516],"removable":[516],"value":[1540],"setFocus":[64],"setBlur":[64]}]]],["ez-popover.cjs",[[1,"ez-popover",{"autoClose":[516,"auto-close"],"top":[1537],"left":[1537],"bottom":[1537],"right":[1537],"boxWidth":[513,"box-width"],"opened":[1540],"innerElement":[1537,"inner-element"],"updatePosition":[64],"show":[64],"hide":[64]}]]],["ez-popup.cjs",[[1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[1540,"use-header"],"ezTitle":[1,"ez-title"]}]]],["ez-toast.cjs",[[1,"ez-toast",{"message":[1025],"fadeTime":[1026,"fade-time"],"useIcon":[1028,"use-icon"],"canClose":[1028,"can-close"],"show":[64]}]]],["grid-config.cjs",[[2,"grid-config",{"selectedTab":[1025,"selected-tab"],"columns":[1040],"config":[1040]}]]],["ez-modal.cjs",[[1,"ez-modal",{"modalSize":[1,"modal-size"],"align":[1],"opened":[1028],"closeEsc":[4,"close-esc"],"closeOutsideClick":[4,"close-outside-click"]}]]],["ez-text-input.cjs",[[1,"ez-text-input",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"mask":[1],"canShowError":[516,"can-show-error"],"restrict":[1],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-search.cjs",[[1,"ez-search",{"value":[1537],"label":[1537],"enabled":[1540],"errorMessage":[1537,"error-message"],"optionLoader":[16],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressEmptyOption":[4,"suppress-empty-option"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["select-box.cjs",[[1,"select-box",{"selectedOption":[1,"selected-option"]}]]],["ez-date-input.cjs",[[1,"ez-date-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-date-time-input.cjs",[[1,"ez-date-time-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-time-input.cjs",[[1,"ez-time-input",{"label":[513],"viewValue":[1537,"view-value"],"value":[1026],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-number-input.cjs",[[1,"ez-number-input",{"label":[1],"value":[1538],"enabled":[4],"errorMessage":[1537,"error-message"],"precision":[2],"prettyPrecision":[2,"pretty-precision"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-list.cjs",[[1,"ez-list",{"dataSource":[1040],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"_listItems":[32],"_listGroupItems":[32],"clearHistory":[64],"setSelection":[64],"getSelection":[64],"getList":[64]}]]],["ez-text-area.cjs",[[1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"rows":[1538],"canShowError":[516,"can-show-error"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-icon.cjs",[[1,"ez-icon",{"size":[513],"href":[513],"iconName":[513,"icon-name"]}]]],["ez-collapsible-box.cjs",[[1,"ez-collapsible-box",{"value":[1540],"label":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"stretchTitle":[516,"stretch-title"],"showHide":[64]}]]],["ez-upload.cjs",[[1,"ez-upload",{"label":[1],"enabled":[4],"maxFileSize":[2,"max-file-size"],"maxFiles":[2,"max-files"],"requestHeaders":[8,"request-headers"],"urlUpload":[1,"url-upload"],"urlDelete":[1,"url-delete"],"value":[1040],"addFiles":[64],"setFocus":[64],"setBlur":[64]}]]],["ez-button.cjs",[[1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513],"iconName":[513,"icon-name"],"size":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-calendar.cjs",[[1,"ez-calendar",{"value":[1040],"floating":[516],"time":[516],"showSeconds":[516,"show-seconds"],"show":[64],"fitVertical":[64],"hide":[64]}]]],["ez-check.cjs",[[1,"ez-check",{"label":[513],"value":[1540],"enabled":[1540],"mode":[513],"getMode":[64],"setFocus":[64]}]]],["ez-tabselector.cjs",[[1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1]}]]],["ez-combo-box.cjs",[[1,"ez-combo-box",{"value":[1537],"label":[513],"enabled":[516],"options":[1040],"errorMessage":[1537,"error-message"],"searchMode":[4,"search-mode"],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressSearch":[4,"suppress-search"],"optionLoader":[16],"suppressEmptyOption":[4,"suppress-empty-option"],"canShowError":[516,"can-show-error"],"mode":[513],"_preSelection":[32],"_visibleOptions":[32],"setFocus":[64],"setBlur":[64]}]]],["ez-form.cjs",[[0,"ez-form",{"dataUnit":[1040],"config":[16],"submit":[64],"cancel":[64],"validate":[64]}]]],["test-du.cjs",[[0,"test-du",{"isDirty":[32]}]]]], options);
+  return index.bootstrapLazy([["ez-grid.cjs",[[6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"config":[1040],"pageSize":[2,"page-size"],"serverUrl":[1,"server-url"],"dataUnit":[16],"_navigationHasPrevious":[32],"_navigationHasNext":[32],"_navigationFirstRow":[32],"_navigationLastRow":[32],"_navigationTotalRows":[32],"_popUpGridConfig":[32],"setColumnsDef":[64],"addColumnMenuItem":[64],"setColumnsState":[64],"setData":[64],"getSelection":[64],"getColumnsState":[64],"getColumns":[64],"refresh":[64],"quickFilter":[64],"nextPage":[64],"previousPage":[64],"hasNextPage":[64],"hasPreviousPage":[64],"isLastOfPage":[64],"isFirstOfPage":[64],"nextRecord":[64],"previousRecord":[64],"hasNextRecord":[64],"hasPreviousRecord":[64],"openGridConfig":[64]}]]],["ez-dialog.cjs",[[1,"ez-dialog",{"confirm":[1028],"critical":[1028],"message":[1025],"opened":[1540],"personalizedIconPath":[1025,"personalized-icon-path"],"ezTitle":[1025,"ez-title"],"handleButtonClick":[64],"show":[64]}]]],["ez-filter-input.cjs",[[1,"ez-filter-input",{"label":[1],"value":[1537],"enabled":[4],"loading":[516],"errorMessage":[1537,"error-message"],"restrict":[1],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-action-chip.cjs",[[1,"ez-action-chip",{"label":[513],"enabled":[516]}]]],["ez-application.cjs",[[0,"ez-application"]]],["ez-label-chip.cjs",[[1,"ez-label-chip",{"label":[513],"enabled":[516],"removable":[516],"value":[1540],"setFocus":[64],"setBlur":[64]}]]],["ez-popover.cjs",[[1,"ez-popover",{"autoClose":[516,"auto-close"],"top":[1537],"left":[1537],"bottom":[1537],"right":[1537],"boxWidth":[513,"box-width"],"opened":[1540],"innerElement":[1537,"inner-element"],"updatePosition":[64],"show":[64],"hide":[64]}]]],["ez-popup.cjs",[[1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[1540,"use-header"],"ezTitle":[1,"ez-title"]}]]],["ez-toast.cjs",[[1,"ez-toast",{"message":[1025],"fadeTime":[1026,"fade-time"],"useIcon":[1028,"use-icon"],"canClose":[1028,"can-close"],"show":[64]}]]],["grid-config.cjs",[[2,"grid-config",{"selectedTab":[1025,"selected-tab"],"columns":[1040],"config":[1040]}]]],["ez-modal.cjs",[[1,"ez-modal",{"modalSize":[1,"modal-size"],"align":[1],"opened":[1028],"closeEsc":[4,"close-esc"],"closeOutsideClick":[4,"close-outside-click"]}]]],["ez-text-input.cjs",[[1,"ez-text-input",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"mask":[1],"canShowError":[516,"can-show-error"],"restrict":[1],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-search.cjs",[[1,"ez-search",{"value":[1537],"label":[1537],"enabled":[1540],"errorMessage":[1537,"error-message"],"optionLoader":[16],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressEmptyOption":[4,"suppress-empty-option"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["select-box.cjs",[[1,"select-box",{"selectedOption":[1,"selected-option"]}]]],["ez-date-input.cjs",[[1,"ez-date-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-date-time-input.cjs",[[1,"ez-date-time-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-time-input.cjs",[[1,"ez-time-input",{"label":[513],"viewValue":[1537,"view-value"],"value":[1026],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-number-input.cjs",[[1,"ez-number-input",{"label":[1],"value":[1538],"enabled":[4],"errorMessage":[1537,"error-message"],"precision":[2],"prettyPrecision":[2,"pretty-precision"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-list.cjs",[[1,"ez-list",{"dataSource":[1040],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"_listItems":[32],"_listGroupItems":[32],"clearHistory":[64],"scrollToTop":[64],"setSelection":[64],"getSelection":[64],"getList":[64]}]]],["ez-text-area.cjs",[[1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"rows":[1538],"canShowError":[516,"can-show-error"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-icon.cjs",[[1,"ez-icon",{"size":[513],"href":[513],"iconName":[513,"icon-name"]}]]],["ez-collapsible-box.cjs",[[1,"ez-collapsible-box",{"value":[1540],"label":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"stretchTitle":[516,"stretch-title"],"showHide":[64]}]]],["ez-upload.cjs",[[1,"ez-upload",{"label":[1],"enabled":[4],"maxFileSize":[2,"max-file-size"],"maxFiles":[2,"max-files"],"requestHeaders":[8,"request-headers"],"urlUpload":[1,"url-upload"],"urlDelete":[1,"url-delete"],"value":[1040],"addFiles":[64],"setFocus":[64],"setBlur":[64]}]]],["ez-button.cjs",[[1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513],"iconName":[513,"icon-name"],"size":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-calendar.cjs",[[1,"ez-calendar",{"value":[1040],"floating":[516],"time":[516],"showSeconds":[516,"show-seconds"],"show":[64],"fitVertical":[64],"hide":[64]}]]],["ez-check.cjs",[[1,"ez-check",{"label":[513],"value":[1540],"enabled":[1540],"mode":[513],"getMode":[64],"setFocus":[64]}]]],["ez-tabselector.cjs",[[1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1]}]]],["ez-combo-box.cjs",[[1,"ez-combo-box",{"value":[1537],"label":[513],"enabled":[516],"options":[1040],"errorMessage":[1537,"error-message"],"searchMode":[4,"search-mode"],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressSearch":[4,"suppress-search"],"optionLoader":[16],"suppressEmptyOption":[4,"suppress-empty-option"],"canShowError":[516,"can-show-error"],"mode":[513],"_preSelection":[32],"_visibleOptions":[32],"setFocus":[64],"setBlur":[64]}]]],["ez-form.cjs",[[0,"ez-form",{"dataUnit":[1040],"config":[16],"submit":[64],"cancel":[64],"validate":[64]}]]],["test-du.cjs",[[0,"test-du",{"isDirty":[32]}]]]], options);
   });
 };
 

package/dist/collection/components/ez-form/DataBinder.js

@@ -39,7 +39,12 @@ export default class DataBinder {
     const oldValue = field["value"];
     const newValue = this._dataUnit.getFieldValue(fieldName);
     if (oldValue != newValue) {
-      field["value"] = newValue;
+      if (newValue === undefined) {
+        field.removeAttribute("value");
+      }
+      else {
+        field["value"] = newValue;
+      }
     }
   }
   updateBind(fieldName, field) {
@@ -47,7 +52,13 @@ export default class DataBinder {
     if (oldBind) {
       oldBind.destroy();
     }
-    field["value"] = this._dataUnit.getFieldValue(fieldName);
+    const value = this._dataUnit.getFieldValue(fieldName);
+    if (value === undefined) {
+      field.removeAttribute("value");
+    }
+    else {
+      field["value"] = value;
+    }
     this._fields.set(fieldName, Bind.create(fieldName, field, (fieldName, waitingChange) => this.changeStarted(fieldName, waitingChange), (fieldName, newValue) => this.setFieldValue(fieldName, newValue)));
     this.bindSearchOptionsLoader(fieldName, field);
     this.applyEzUploadContext(fieldName, field);

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

@@ -27,7 +27,7 @@ export class EzForm {
         .filter(f => f.dataset.required)
         .map(f => f.dataset.fieldName)
         .concat(metadata.getRequiredFields());
-      const records = this.dataUnit.records;
+      const records = this.dataUnit.getModifiedRecords();
       for (let i = 0; i < records.length; i++) {
         if (!this.validateRequired(requiredFields, records[i])) {
           reject();

package/dist/collection/components/ez-grid/controller/DataUnitBridge.js

@@ -10,10 +10,6 @@ export default class DataUnitBridge {
           const { records } = action.payload;
           this._gridController.removeRows(records);
           break;
-        case Action.RECORDS_ADDED:
-        case Action.RECORDS_COPIED:
-          this._gridController.addRows(action.payload);
-          break;
         case Action.EDITION_CANCELED:
         case Action.DATA_SAVED:
           this._gridController.refresh();
@@ -22,6 +18,10 @@ export default class DataUnitBridge {
           const { selection } = action.payload;
           this._gridController.selectRows(selection);
           break;
+        case Action.NEXT_SELECTED:
+        case Action.PREVIOUS_SELECTED:
+          this._gridController.selectRows(this._dataUnit.getSelection());
+          break;
         case Action.DATA_CHANGED:
           const changes = Object.assign({}, action.payload);
           delete changes.records;
@@ -38,7 +38,12 @@ export default class DataUnitBridge {
       this._dataUnit.metadata.fields.forEach(f => {
         var _a;
         if (f.visible !== false) {
-          columnDefs.push({ label: f.label, name: f.name, userInterface: f.userInterface, options: (_a = this._dataUnit.getField(f.name).properties) === null || _a === void 0 ? void 0 : _a.options });
+          const props = new Map();
+          const properties = this._dataUnit.getField(f.name).properties;
+          for (const value in properties) {
+            props.set(value, properties[value]);
+          }
+          columnDefs.push({ label: f.label, name: f.name, userInterface: f.userInterface, options: (_a = this._dataUnit.getField(f.name).properties) === null || _a === void 0 ? void 0 : _a.options, props });
         }
       });
     }

package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js

@@ -5,10 +5,14 @@ import HeaderColumnTemplate from "./template/HeaderColumnTemplate.js";
 import DataSource from "./DataSource";
 import { DataType } from "@sankhyalabs/core";
 import { SortMode, UserInterface } from "@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata";
+import { NumberUtils } from "@sankhyalabs/core";
 export default class AgGridController {
   constructor(enterprise) {
+    this.DEFAULT_ROW_HEIGHT = 25;
     this._menuItems = [];
     this._idAttribName = "__record__id__";
+    this._isFirstRecordOfPage = true;
+    this._isLastRecordOfPage = false;
     this._enterprise = enterprise;
   }
   getSort() {
@@ -36,7 +40,9 @@ export default class AgGridController {
       this._pageSize = options.pageSize;
       this._serverURL = options.serverURL;
       this._dataUnit = options.dataUnit;
-      this._dataUnit.sortingProvider = this;
+      if (this._dataUnit) {
+        this._dataUnit.sortingProvider = this;
+      }
       this._dataSource = new DataSource(this._dataUnit, this._serverURL);
       this._gridOptions = {
         localeText: gridTerms,
@@ -45,7 +51,7 @@ export default class AgGridController {
         rowSelection: this._multipleSelection ? "multiple" : "single",
         serverSideDatasource: this._dataSource,
         sortingOrder: ['desc', 'asc', null],
-        getRowNodeId: (params) => typeof params === "string" ? params : params[this._idAttribName],
+        getRowNodeId: this._dataUnit ? (params) => typeof params === "string" ? params : params[this._idAttribName] : undefined,
         getMainMenuItems: (params) => {
           const column = params.column;
           const items = [column.isPinned() ? "clearPinned" : "pinLeft", "separator"];
@@ -55,14 +61,12 @@ export default class AgGridController {
           }));
           return items;
         },
-        getRowHeight: () => {
-          //FIXME: Existe um bug no PartialStore.prototype.destroyAllBlocks do ag-grid, pois
-          //apesar de destruir os blocos, mantém a variável "blockHeights" com o tamanho antigo
-          //dos blocos, então, quando removemos uma linha, a altura do bloco não é recalculada.
-          //Descobri que setando manualmente a altura das linhas, apesar do bloco ficar com 
-          //tamanho errado, isso afeta menos o componente.
-          return 25;
-        }
+        //FIXME: Existe um bug no PartialStore.prototype.destroyAllBlocks do ag-grid, pois
+        //apesar de destruir os blocos, mantém a variável "blockHeights" com o tamanho antigo
+        //dos blocos, então, quando removemos uma linha, a altura do bloco não é recalculada.
+        //Descobri que setando manualmente a altura das linhas, apesar do bloco ficar com 
+        //tamanho errado, isso afeta menos o componente.
+        rowHeight: this.DEFAULT_ROW_HEIGHT
       };
       this.setOptionsEvents(this._gridOptions);
       this.setOptionsPagination(this._gridOptions);
@@ -85,16 +89,17 @@ export default class AgGridController {
     opt.onPaginationChanged = () => this.onPaginationChange();
     opt.onRowDoubleClicked = evt => this.onRowDoubleClick(evt);
     opt.onDragStopped = evt => this.onCallStateChange("columnMovedEnd", evt);
-    opt.onViewportChanged = () => {
-      if (this._dataUnit) {
-        this.selectRows(this._dataUnit.getSelection());
-      }
-    };
+  }
+  syncSelection() {
+    if (this._dataUnit) {
+      this.selectRows(this._dataUnit.getSelection());
+    }
   }
   setOptionsPagination(opt) {
     opt.pagination = (this._pageSize > -1);
     opt.paginationPageSize = this._pageSize;
     opt.cacheBlockSize = this._pageSize;
+    opt.maxBlocksInCache = 1;
   }
   setOptionsSupress(opt) {
     opt.suppressDragLeaveHidesColumns = true;
@@ -130,7 +135,7 @@ export default class AgGridController {
     if (this._grid === undefined) {
       throw new Error("Erro interno: Grid ainda não inicializado.");
     }
-    this._gridOptions.api.refreshServerSideStore({});
+    this._gridOptions.api.refreshServerSideStore({ purge: true });
   }
   changeValues(changes, rowIds) {
     if (this._grid === undefined) {
@@ -267,6 +272,75 @@ export default class AgGridController {
     this.goToPage(0);
     this._gridOptions.api.refreshServerSideStore({ purge: true });
   }
+  isLastOfPage() {
+    return this._isLastRecordOfPage;
+  }
+  isFirstOfPage() {
+    return this._isFirstRecordOfPage;
+  }
+  previousRecord() {
+    const pagination = this.getPaginationStatus();
+    if (this._isFirstRecordOfPage && pagination.hasPrevious) {
+      this.previousPage();
+    }
+    else {
+      if (this._dataUnit) {
+        this._dataUnit.previousRecord();
+      }
+      else {
+        const node = this._gridOptions.api.getSelectedNodes()[0];
+        this.setSelectedIndex(node.rowIndex - 1);
+      }
+    }
+  }
+  nextRecord() {
+    const pagination = this.getPaginationStatus();
+    if (this._isLastRecordOfPage && pagination.hasNext) {
+      this.nextPage();
+    }
+    else {
+      if (this._dataUnit) {
+        this._dataUnit.nextRecord();
+      }
+      else {
+        const node = this._gridOptions.api.getSelectedNodes()[0];
+        this.setSelectedIndex(node.rowIndex + 1);
+      }
+    }
+  }
+  setSelectedIndex(index) {
+    var _a;
+    (_a = this._gridOptions.api.getDisplayedRowAtIndex(index)) === null || _a === void 0 ? void 0 : _a.setSelected(true);
+  }
+  hasPreviousRecord() {
+    const pagination = this.getPaginationStatus();
+    if (this._isFirstRecordOfPage) {
+      return pagination.hasPrevious;
+    }
+    else {
+      if (this._dataUnit) {
+        return this._dataUnit.hasPrevious();
+      }
+      else {
+        return pagination.hasPrevious || this._gridOptions.api.getSelectedRows()[0].rowIndex > 0;
+      }
+    }
+  }
+  hasNextRecord() {
+    const pagination = this.getPaginationStatus();
+    if (this._isLastRecordOfPage) {
+      return pagination.hasNext;
+    }
+    else {
+      if (this._dataUnit) {
+        return this._dataUnit.hasNext() || this.getPaginationStatus().hasNext;
+      }
+      else {
+        const api = this._gridOptions.api;
+        return pagination.hasNext || api.getSelectedRows()[0].rowIndex < api.getDisplayedRowCount();
+      }
+    }
+  }
   buildColDef(source) {
     return {
       headerName: source.label,
@@ -301,19 +375,24 @@ export default class AgGridController {
       });
       return optionSelected === null || optionSelected === void 0 ? void 0 : optionSelected.label;
     }
-    if ((source === null || source === void 0 ? void 0 : source.userInterface) === "SWITCH") {
-      if ((params === null || params === void 0 ? void 0 : params.value) === "S" || (params === null || params === void 0 ? void 0 : params.value) === true) {
+    if ((source === null || source === void 0 ? void 0 : source.userInterface) === UserInterface.SWITCH) {
+      if ((params === null || params === void 0 ? void 0 : params.value) === "S" || (params === null || params === void 0 ? void 0 : params.value) === true || (params === null || params === void 0 ? void 0 : params.value) === "true") {
         return "Sim";
       }
-      else if ((params === null || params === void 0 ? void 0 : params.value) === "N" || (params === null || params === void 0 ? void 0 : params.value) === false) {
+      else if ((params === null || params === void 0 ? void 0 : params.value) === "N" || (params === null || params === void 0 ? void 0 : params.value) === false || (params === null || params === void 0 ? void 0 : params.value) === "false") {
         return "Não";
       }
     }
-    if ((source === null || source === void 0 ? void 0 : source.userInterface) === "SEARCH") {
+    if ((source === null || source === void 0 ? void 0 : source.userInterface) === UserInterface.SEARCH) {
       if (params.value !== undefined) {
         return ((_a = params === null || params === void 0 ? void 0 : params.value) === null || _a === void 0 ? void 0 : _a.value) + " - " + ((_b = params === null || params === void 0 ? void 0 : params.value) === null || _b === void 0 ? void 0 : _b.label);
       }
     }
+    if ((source === null || source === void 0 ? void 0 : source.userInterface) === UserInterface.DECIMALNUMBER) {
+      if (params.value !== undefined) {
+        return NumberUtils.format(params.value.toString(), 2, 2);
+      }
+    }
     if ((source === null || source === void 0 ? void 0 : source.userInterface) === UserInterface.DATE || (source === null || source === void 0 ? void 0 : source.userInterface) === UserInterface.DATETIME) {
       if (params.value !== undefined) {
         return params.value.toLocaleDateString();
@@ -343,31 +422,44 @@ export default class AgGridController {
     return false;
   }
   onSelectionChange(e) {
+    const selectedNodes = e.api.getSelectedNodes();
+    if (selectedNodes.length > 0) {
+      this._isFirstRecordOfPage = selectedNodes[0].rowIndex === e.api.getFirstDisplayedRow();
+      this._isLastRecordOfPage = selectedNodes[0].rowIndex === e.api.getLastDisplayedRow();
+    }
     if (this._selectionChangeCallback) {
-      this._selectionChangeCallback(e.api.getSelectedRows());
+      this._selectionChangeCallback({
+        selection: e.api.getSelectedRows(),
+        isFirstOfPage: this._isFirstRecordOfPage,
+        isLastOfPage: this._isLastRecordOfPage
+      });
     }
   }
   onPaginationChange() {
+    this.syncSelection();
     if (this._paginationChangeCallback) {
       if (this._gridOptions.api) {
-        const api = this._gridOptions.api;
-        const currentPage = api.paginationGetCurrentPage();
-        const isLastPage = api.paginationGetTotalPages() === (currentPage + 1);
-        const pageSize = api.paginationGetPageSize();
-        const totalRows = api.paginationGetRowCount();
-        const pageStart = currentPage * pageSize + 1;
-        const pageEnd = Math.min(totalRows, (currentPage + 1) * pageSize);
-        this._paginationChangeCallback({
-          hasPrevious: currentPage > 0,
-          hasNext: !isLastPage,
-          currentPage: currentPage + 1,
-          pageStart,
-          pageEnd,
-          totalRows
-        });
+        this._paginationChangeCallback(this.getPaginationStatus());
       }
     }
   }
+  getPaginationStatus() {
+    const api = this._gridOptions.api;
+    const currentPage = api.paginationGetCurrentPage();
+    const isLastPage = api.paginationGetTotalPages() === (currentPage + 1);
+    const pageSize = api.paginationGetPageSize();
+    const totalRows = api.paginationGetRowCount();
+    const pageStart = currentPage * pageSize + 1;
+    const pageEnd = Math.min(totalRows, (currentPage + 1) * pageSize);
+    return {
+      hasPrevious: currentPage > 0,
+      hasNext: !isLastPage,
+      currentPage: currentPage + 1,
+      pageStart,
+      pageEnd,
+      totalRows
+    };
+  }
   onRowDoubleClick(evt) {
     if (this._doubleClickCallBack) {
       this._doubleClickCallBack(evt.data);