@sankhyalabs/ezui 2.0.1 → 2.0.3

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

@@ -1,5 +1,5 @@
 import { Component, h, Host, Prop, Element, forceUpdate, Method, Watch, Event } from "@stencil/core";
-import { DataUnit, Action, DataUnitAction, DateUtils } from "@sankhyalabs/core";
+import { DataUnit, Action, DataUnitAction } from "@sankhyalabs/core";
 import { FormSheet } from "./structure/FormSheet";
 import { buildFromConfig, buildFromDataUnit } from "./structure/FormSheetMetadata";
 import { createStore } from "redux";
@@ -94,7 +94,10 @@ export class EzForm {
     const allSheets = Array.from(formMD.getAllSheets().values());
     const result = [];
     if (allSheets.length > 1) {
-      result.push(h("ez-tabselector", { onEzChange: (evt) => this._store.dispatch(changeTab(evt.detail)), selectedTab: currentSheet.name }, allSheets.map(s => h("ez-tab", { tabKey: s.name, label: s.label }))));
+      const tabs = allSheets.map((sheet, index) => {
+        return { tabKey: sheet.name, label: sheet.label, index };
+      });
+      result.push(h("ez-tabselector", { tabs: tabs, onEzChange: (evt) => this._store.dispatch(changeTab(evt.detail)), selectedTab: currentSheet.name }));
     }
     result.push(h(FormSheet, { store: this._store, source: currentSheet }));
     return result;
@@ -109,16 +112,6 @@ export class EzForm {
     var _a;
     return ((_a = this._staticFields) === null || _a === void 0 ? void 0 : _a.length) > 0;
   }
-  getValidatedValue(value) {
-    switch (value) {
-      case "${data}":
-        return DateUtils.getToday();
-      case "${datahora}":
-        return DateUtils.getToday(true);
-      default:
-        return value;
-    }
-  }
   interceptAction(action) {
     if (action.type === Action.RECORDS_COPIED) {
       const metadata = selectFormMetadata(this._store.getState());
@@ -147,9 +140,10 @@ export class EzForm {
         return new DataUnitAction(Action.RECORDS_ADDED, records.map(record => {
           const newRecord = Object.assign({}, record);
           for (const field in defaultValues) {
-            const defaultValue = defaultValues[field].value;
-            const fieldValue = defaultValue != undefined ? defaultValue : defaultValues[field];
-            newRecord[field] = this.dataUnit.valueFromString(field, this.getValidatedValue(fieldValue));
+            const value = "formattedValue" in defaultValues[field] ? defaultValues[field].formattedValue : defaultValues[field].value;
+            const defaultValue = value != undefined ? value : defaultValues[field];
+            const recordValue = typeof defaultValue === "function" ? defaultValue() : defaultValue;
+            newRecord[field] = this.dataUnit.valueFromString(field, recordValue);
           }
           return newRecord;
         }));

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

@@ -3,7 +3,7 @@ const inicialState = {};
 export function formReducer(state = inicialState, action) {
   switch (action.type) {
     case FormActions.METADATA_LOADED:
-      return Object.assign(Object.assign({}, state), { formMetadata: action.payload });
+      return Object.assign(Object.assign({}, state), { formMetadata: action.payload, currentSheet: undefined });
     case FormActions.CHANGE_TAB:
       return Object.assign(Object.assign({}, state), { currentSheet: action.payload });
     default:

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

@@ -5,6 +5,7 @@ import gridTerms from "./i18n/pt-BR.js";
 import getHeaderColumnTemplate from "./template/HeaderColumnTemplate.js";
 import DataSource from "./DataSource";
 import { CellRenderer } from "./components/cellRenderer";
+import SelectionHeader from "./components/selectionHeader";
 export default class AgGridController {
   constructor(enterprise) {
     this.DEFAULT_ROW_HEIGHT = 30;
@@ -67,6 +68,13 @@ export default class AgGridController {
         defaultColDef: {
           headerClass: "ez-grid__cell-header",
           cellClass: "ez-grid__cell-body"
+        },
+        components: {
+          'ezGridHeaderComponent': SelectionHeader
+        },
+        context: {
+          headerCheckStatusGetter: () => this.getSelectionHeaderStatus(),
+          headerCheckStatusSetter: (selectAll) => this.updateSelectionForAll(selectAll)
         }
       };
       this.setOptionsEvents(this._gridOptions);
@@ -99,6 +107,31 @@ export default class AgGridController {
     opt.suppressDragLeaveHidesColumns = true;
     opt.suppressMenuHide = true;
   }
+  getSelectionHeaderStatus() {
+    const records = this._dataUnit.records;
+    if (records && records.length === 0) {
+      return false;
+    }
+    const selection = this._dataUnit.getSelection();
+    if (selection == undefined || selection.length === 0) {
+      return false;
+    }
+    if (selection.length != records.length) {
+      return undefined;
+    }
+    let status = undefined;
+    for (let i = 0; i < records.length; i++) {
+      const current = selection.includes(records[i].__record__id__);
+      if (status != undefined && current !== status) {
+        return undefined;
+      }
+      status = current;
+    }
+    return status;
+  }
+  updateSelectionForAll(selectAll) {
+    this._dataUnit.setSelection(selectAll ? this._dataUnit.records.map(r => r.__record__id__) : []);
+  }
   setData(data) {
     if (this._grid === undefined) {
       throw new Error("Erro interno: Grid ainda não inicializado.");
@@ -119,13 +152,12 @@ export default class AgGridController {
     if (this._grid === undefined) {
       throw new Error("Erro interno: Grid ainda não inicializado.");
     }
-    if (rowIds && rowIds.length > 0) {
-      rowIds.forEach(rowId => {
-        const row = this._gridOptions.api.getRowNode(rowId);
-        if (row) {
-          row.setSelected(true);
-        }
-      });
+    this._gridOptions.api.forEachNode(node => {
+      node.setSelected(rowIds && rowIds.includes(node.id));
+    });
+    const selectionHeader = this._gridOptions.context.selectionHeader;
+    if (selectionHeader) {
+      selectionHeader.updateCheckbox();
     }
   }
   removeRows() {
@@ -174,7 +206,8 @@ export default class AgGridController {
         colId: this.CHECK_BOX_COL_ID,
         headerName: "",
         checkboxSelection: true,
-        headerCheckboxSelection: false,
+        headerComponent: "ezGridHeaderComponent",
+        headerClass: "ag-column-select-header",
         width: 28,
         suppressMovable: true,
         suppressAutoSize: true,
@@ -415,9 +448,12 @@ export default class AgGridController {
   }
   onSelectionChange() {
     if (this._selectionChangeCallback) {
-      this._selectionChangeCallback({
-        selection: this._gridOptions.api.getSelectedRows()
-      });
+      clearTimeout(this._selectionChangeDeboucing);
+      this._selectionChangeDeboucing = window.setTimeout(() => {
+        this._selectionChangeCallback({
+          selection: this._gridOptions.api.getSelectedRows()
+        });
+      }, 0);
     }
   }
   onRowDoubleClick(evt) {

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

@@ -0,0 +1,40 @@
+export default class SelectionHeader {
+  updateCheckbox() {
+    this.updatingValue = true;
+    try {
+      const value = this.headerCheckStatusGetter();
+      this.checkBox.indeterminate = value == undefined;
+      this.checkBox.value = value;
+    }
+    finally {
+      this.updatingValue = false;
+    }
+  }
+  init(params) {
+    params.context.selectionHeader = this;
+    const valueSetter = params.context.headerCheckStatusSetter;
+    this.headerCheckStatusGetter = params.context.headerCheckStatusGetter;
+    this.element = document.createElement('div');
+    this.element.classList.add("ag-header__selection-checkbox");
+    this.checkBox = document.createElement('ez-check');
+    this.checkBox.style.setProperty("--ez-check--focus--background-color", "transparent");
+    this.checkBox.style.setProperty("--ez-check--hover--background-color", "transparent");
+    this.element.append(this.checkBox);
+    this.updateCheckbox();
+    this.element.addEventListener('ezChange', (evt) => {
+      if (!this.updatingValue) {
+        valueSetter(evt.detail);
+      }
+    });
+  }
+  getGui() {
+    return this.element;
+  }
+  destroy() {
+    this.element.remove();
+    this.element = null;
+  }
+  refresh(_params) {
+    return false;
+  }
+}

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

@@ -1,4 +1,4 @@
-import { Component, Event, Element, h, Prop, Host } from "@stencil/core";
+import { Component, Event, Element, h, Prop, Host, State, Watch } from "@stencil/core";
 export class EzTabselector {
   constructor() {
     this.setFocusedParam = (ev) => {
@@ -53,6 +53,11 @@ export class EzTabselector {
       }
     };
   }
+  observeTabs(newValue) {
+    if (newValue && typeof newValue !== "string") {
+      this._processedTabs = newValue;
+    }
+  }
   handleTabClick(tab) {
     this.selectedIndex = tab.index;
     this._focusedIndex = undefined;
@@ -64,10 +69,12 @@ export class EzTabselector {
     if (!this._processedTabs) {
       this._processedTabs = [];
       if (this.tabs) {
-        this.tabs.split(",").forEach((label) => {
-          label = label.trim();
-          this._processedTabs.push({ label, tabKey: label, index: this._processedTabs.length });
-        });
+        if (typeof this.tabs === "string") {
+          this.tabs.split(",").forEach((label) => {
+            label = label.trim();
+            this._processedTabs.push({ label, tabKey: label, index: this._processedTabs.length });
+          });
+        }
       }
       this._hostElem.querySelectorAll("ez-tab").forEach((elem) => {
         const tabKey = elem.getAttribute("tabKey");
@@ -239,20 +246,30 @@ export class EzTabselector {
       "type": "string",
       "mutable": false,
       "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+        "original": "string | Array<Tab>",
+        "resolved": "Tab[] | string",
+        "references": {
+          "Array": {
+            "location": "global"
+          },
+          "Tab": {
+            "location": "local"
+          }
+        }
       },
       "required": false,
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Define o nome das abas do componente, separadas por v\u00EDrgulas \",\"."
+        "text": "Define o nome das abas do componente, separadas por v\u00EDrgulas \",\".\nOpcionalmente pode-se construir um array de objetos do tipo Tab, nesse caso\no tabKey e o \u00EDndice ser\u00E3o respeitados."
       },
       "attribute": "tabs",
       "reflect": false
     }
   }; }
+  static get states() { return {
+    "_processedTabs": {}
+  }; }
   static get events() { return [{
       "method": "ezChange",
       "name": "ezChange",
@@ -274,4 +291,8 @@ export class EzTabselector {
       }
     }]; }
   static get elementRef() { return "_hostElem"; }
+  static get watchers() { return [{
+      "propName": "tabs",
+      "methodName": "observeTabs"
+    }]; }
 }

package/dist/custom-elements/index.js

@@ -638,7 +638,7 @@ let EzCardItem$1 = class extends HTMLElement$1 {
   static get style() { return ezCardItemCss; }
 };
 
-const ezCheckCss = ":host{--ez-check--box--width:18px;--ez-check--box--height:18px;--ez-check--width:calc(var(--ez-check--box--width) + 14px);--ez-check--height:calc(var(--ez-check--box--width) + 14px);--ez-check--border-radius:var(--border--radius-small);--ez-check--checked--background-color:var(--color--primary-200);--ez-check--focus--background-color:var(--color--strokes, #FFFFFF);--ez-check--hover--background-color:var(--background--medium);--ez-check--checked--disabled--background-color:var(--color--disable-secondary);--ez-check--border:var(--border--medium) var(--title--primary);--ez-check--disabled--border:var(--border--medium) var(--color--strokes);--ez-check--checked--border:var(--border--medium) var(--color--primary);--ez-check--checked--hover--background-color:var(--color--primary-200);--ez-check--checked--focus--background-color:var(--color--primary-300, #FFFFFF);--ez-check--check--image:url('data:image/svg+xml;utf8,<svg width=\"8\" height=\"7\" viewBox=\"0 0 8 7\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7.70002 0.398999L7.48502 0.207997C7.31524 0.0598858 7.09376 -0.0150438 6.86894 -0.000430025C6.64411 0.0141838 6.43419 0.117153 6.28502 0.285997L2.70002 4.332L1.61802 3.384C1.44837 3.23576 1.22697 3.16067 1.00214 3.17509C0.77732 3.18952 0.567332 3.2923 0.418019 3.461L0.229019 3.674C0.0752361 3.84797 -0.00437434 4.07521 0.00721192 4.30713C0.0187982 4.53904 0.120661 4.75722 0.291019 4.915L2.27402 6.762C2.35832 6.8432 2.45842 6.90618 2.56811 6.94702C2.67779 6.98787 2.79471 7.00571 2.91159 6.99942C3.02846 6.99314 3.14279 6.96287 3.24747 6.91049C3.35214 6.85812 3.44492 6.78477 3.52002 6.695L7.79102 1.638C7.94063 1.46048 8.01486 1.23149 7.99786 0.999963C7.98085 0.768436 7.87396 0.552749 7.70002 0.398999Z\"/></svg>');--ez-check--check--background-color:var(--color--primary);--ez-check--check--disabled--background-color:var(--color--strokes);--ez-switch--slider--width:34px;--ez-switch--slider--height:14px;--ez-switch--pin--width:19px;--ez-switch--pin--height:19px;--ez-switch--focus--width:32px;--ez-switch--focus--height:32px;--ez-switch--background-color:var(--color--strokes);--ez-switch--disabled--background-color:var(--color--disable-secondary);--ez-switch--disabled--checked--background-color:var(--color--primary-300);--ez-switch--checked--background-color:var(--color--primary);--ez-switch--pin--background-color:var(--background--xlight);--ez-switch--pin--disabled--background-color:var(--color--disable-primary);--ez-switch--pin--checked--background-color:var(--background--xlight);--ez-switch--pin--checked--disabled--background-color:#E8F7F4;--ez-switch--pin--focus--background-color:var(--text--disable);--ez-switch--pin--checked--focus--background-color:var(--color--primary);--ez-switch--pin--border-color:var(--text--primary);--ez-switch--pin--disabled--border-color:var(--text--secondary);--ez-check--label--font-size:var(--text--medium, 14px);--ez-check--label--font-family:var(--font-pattern, Arial);--ez-check--label--color:var(--title--primary, #000);--ez-check--label--disabled--color:var(--text--disable, #AFB6C0);display:flex;width:100%;align-items:center;margin:0}input.regular-mode{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;box-sizing:border-box;-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:50%;position:relative;width:var(--ez-check--width);height:var(--ez-check--height)}input.regular-mode:enabled:hover{background-color:var(--ez-check--hover--background-color)}input.regular-mode:enabled:focus{outline:none;background-color:var(--ez-check--focus--background-color)}input.regular-mode:disabled{cursor:auto;background:none}input.regular-mode::before{box-sizing:border-box;content:\"\";display:block;width:var(--ez-check--box--width);height:var(--ez-check--box--height);border-radius:var(--ez-check--border-radius);border:var(--ez-check--border)}input.regular-mode:disabled::before{border:var(--ez-check--disabled--border)}input.regular-mode:checked:enabled:hover{background-color:var(--ez-check--checked--hover--background-color)}input.regular-mode:checked:enabled:focus{background-color:var(--ez-check--checked--focus--background-color)}input.regular-mode:checked::before{border:var(--ez-check--checked--border);background-color:var(--ez-check--checked--background-color)}input.regular-mode:checked:disabled:before{border:var(--ez-check--disabled--border);background-color:var(--ez-check--checked--disabled--background-color)}input.regular-mode:checked::after{display:flex;position:absolute;content:\"\";background-color:var(--ez-check--check--background-color);width:8px;height:7px;-webkit-mask-image:var(--ez-check--check--image);mask-image:var(--ez-check--check--image)}input.regular-mode:checked:disabled::after{background-color:var(--ez-check--check--disabled--background-color)}input.switch-mode{flex-shrink:0;-webkit-appearance:none;appearance:none;position:relative;outline:none;cursor:pointer;border-radius:20px;border:var(--border--small, 1px solid) var(--ez-switch--pin--border-color, #626e82);transition:background-color var(--transition);width:var(--ez-switch--slider--width);height:var(--ez-switch--slider--height);background-color:var(--ez-switch--background-color)}input.switch-mode:disabled{background-color:var(--ez-switch--disabled--background-color);border:var(--border--small, 1px solid) var(--ez-switch--pin--disabled--border-color, #a2abb9)}input.switch-mode:checked:disabled{background-color:var(--ez-switch--disabled--checked--background-color)}input.switch-mode::after{content:\"\";display:block;position:absolute;box-shadow:var(--shadow);transition:transform var(--transition);transition:background-color var(--transition);transition:border-color var(--transition);transform:translateX(-2px) translateY(-4px);border-radius:50%;border:var(--border--small, 1px solid) var(--ez-switch--pin--border-color, #626e82);width:var(--ez-switch--pin--width);height:var(--ez-switch--pin--height);background-color:var(--ez-switch--pin--background-color)}input.switch-mode:disabled::after{background-color:var(--ez-switch--pin--disabled--background-color);border:var(--border--small, 1px solid) var(--ez-switch--pin--disabled--border-color, #a2abb9)}input.switch-mode:checked{transition:background-color var(--transition), border var(--transition);background-color:var(--ez-switch--checked--background-color);border:var(--border--small, 1px solid) var(--color--primary, #008561)}input.switch-mode::before{display:block;content:\"\";display:block;position:absolute;border-radius:50%;opacity:0;width:var(--ez-switch--focus--width);height:var(--ez-switch--focus--height);top:calc((var(--ez-switch--slider--height) - var(--ez-switch--focus--height)) / 2);left:calc((var(--ez-switch--pin--width) - var(--ez-switch--focus--width) - 2px) / 2);background-color:var(--ez-switch--pin--focus--background-color)}input.switch-mode:focus::before{opacity:0.24;transition:opacity var(--transition)}input.switch-mode:checked:focus::before{background-color:var(--ez-switch--pin--checked--focus--background-color);transform:translateX(calc(var(--ez-switch--slider--width) - var(--ez-switch--pin--width) + 2px))}input.switch-mode:checked::after{transition:transform var(--transition);transition:background-color var(--transition);transition:border-color var(--transition);transform:translateX(calc(var(--ez-switch--slider--width) - var(--ez-switch--pin--width))) translateY(-4px);box-shadow:var(--shadow);background-color:var(--ez-switch--pin--checked--background-color);border:var(--border--small, 1px solid) var(--color--primary, #008561)}input.switch-mode:checked:disabled::after{background-color:var(--ez-switch--pin--checked--disabled--background-color)}.label{flex-shrink:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ez-check--label--color);font-size:var(--ez-check--label--font-size);font-family:var(--ez-check--label--font-family);cursor:default;padding-left:var(--space--small)}.label--disabled{color:var(--ez-check--label--disabled--color)}";
+const ezCheckCss = ":host{--ez-check--box--width:18px;--ez-check--box--height:18px;--ez-check--width:calc(var(--ez-check--box--width) + var(--ez-check--outter-gap, 14px));--ez-check--height:calc(var(--ez-check--box--width) + var(--ez-check--outter-gap, 14px));--ez-check--border-radius:var(--border--radius-small);--ez-check--checked--background-color:var(--color--primary-200);--ez-check--focus--background-color:var(--color--strokes, #FFFFFF);--ez-check--hover--background-color:var(--background--medium);--ez-check--checked--disabled--background-color:var(--color--disable-secondary);--ez-check--border:var(--border--medium) var(--title--primary);--ez-check--disabled--border:var(--border--medium) var(--color--strokes);--ez-check--checked--border:var(--border--medium) var(--color--primary);--ez-check--checked--hover--background-color:var(--color--primary-200);--ez-check--checked--focus--background-color:var(--color--primary-300, #FFFFFF);--ez-check--check--image:url('data:image/svg+xml;utf8,<svg width=\"8\" height=\"7\" viewBox=\"0 0 8 7\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7.70002 0.398999L7.48502 0.207997C7.31524 0.0598858 7.09376 -0.0150438 6.86894 -0.000430025C6.64411 0.0141838 6.43419 0.117153 6.28502 0.285997L2.70002 4.332L1.61802 3.384C1.44837 3.23576 1.22697 3.16067 1.00214 3.17509C0.77732 3.18952 0.567332 3.2923 0.418019 3.461L0.229019 3.674C0.0752361 3.84797 -0.00437434 4.07521 0.00721192 4.30713C0.0187982 4.53904 0.120661 4.75722 0.291019 4.915L2.27402 6.762C2.35832 6.8432 2.45842 6.90618 2.56811 6.94702C2.67779 6.98787 2.79471 7.00571 2.91159 6.99942C3.02846 6.99314 3.14279 6.96287 3.24747 6.91049C3.35214 6.85812 3.44492 6.78477 3.52002 6.695L7.79102 1.638C7.94063 1.46048 8.01486 1.23149 7.99786 0.999963C7.98085 0.768436 7.87396 0.552749 7.70002 0.398999Z\"/></svg>');--ez-check--indeterminate--image:url('data:image/svg+xml;utf8,<svg width=\"10\" height=\"2\" viewBox=\"0 0 10 2\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m 1,0 h 8 c 0.554,0 1,0.446 1,1 0,0.554 -0.446,1 -1,1 H 1 C 0.446,2 0,1.554 0,1 0,0.446 0.446,0 1,0 Z\" /></svg>');--ez-check--check--background-color:var(--color--primary);--ez-check--check--disabled--background-color:var(--color--strokes);--ez-switch--slider--width:34px;--ez-switch--slider--height:14px;--ez-switch--pin--width:19px;--ez-switch--pin--height:19px;--ez-switch--focus--width:32px;--ez-switch--focus--height:32px;--ez-switch--background-color:var(--color--strokes);--ez-switch--disabled--background-color:var(--color--disable-secondary);--ez-switch--disabled--checked--background-color:var(--color--primary-300);--ez-switch--checked--background-color:var(--color--primary);--ez-switch--pin--background-color:var(--background--xlight);--ez-switch--pin--disabled--background-color:var(--color--disable-primary);--ez-switch--pin--checked--background-color:var(--background--xlight);--ez-switch--pin--checked--disabled--background-color:#E8F7F4;--ez-switch--pin--focus--background-color:var(--text--disable);--ez-switch--pin--checked--focus--background-color:var(--color--primary);--ez-switch--pin--border-color:var(--text--primary);--ez-switch--pin--disabled--border-color:var(--text--secondary);--ez-check--label--font-size:var(--text--medium, 14px);--ez-check--label--font-family:var(--font-pattern, Arial);--ez-check--label--color:var(--title--primary, #000);--ez-check--label--disabled--color:var(--text--disable, #AFB6C0);display:flex;width:100%;align-items:center;margin:0}input.regular-mode{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;box-sizing:border-box;-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:50%;position:relative;width:var(--ez-check--width);height:var(--ez-check--height)}input.regular-mode:enabled:hover{background-color:var(--ez-check--hover--background-color)}input.regular-mode:enabled:focus{outline:none;background-color:var(--ez-check--focus--background-color)}input.regular-mode:disabled{cursor:auto;background:none}input.regular-mode::before{box-sizing:border-box;content:\"\";display:block;width:var(--ez-check--box--width);height:var(--ez-check--box--height);border-radius:var(--ez-check--border-radius);border:var(--ez-check--border)}input.regular-mode:disabled::before{border:var(--ez-check--disabled--border)}input.regular-mode:checked:enabled:hover,input.regular-mode:indeterminate:enabled:hover{background-color:var(--ez-check--checked--hover--background-color)}input.regular-mode:checked:enabled:focus,input.regular-mode:indeterminate:enabled:focus{background-color:var(--ez-check--checked--focus--background-color)}input.regular-mode:checked::before,input.regular-mode:indeterminate::before{border:var(--ez-check--checked--border);background-color:var(--ez-check--checked--background-color)}input.regular-mode:disabled:before{border:var(--ez-check--disabled--border);background-color:var(--ez-check--checked--disabled--background-color)}input.regular-mode:checked::after,input.regular-mode:indeterminate:after{display:flex;position:absolute;content:\"\";background-color:var(--ez-check--check--background-color);width:8px;height:7px;-webkit-mask-image:var(--ez-check--check--image);mask-image:var(--ez-check--check--image)}input.regular-mode:indeterminate:after{display:flex;position:absolute;content:\"\";background-color:var(--ez-check--check--background-color);width:10px;height:2px;-webkit-mask-image:var(--ez-check--indeterminate--image);mask-image:var(--ez-check--indeterminate--image)}input.regular-mode:checked:disabled::after,input.regular-mode:indeterminate:disabled::after{background-color:var(--ez-check--check--disabled--background-color)}input.switch-mode{flex-shrink:0;-webkit-appearance:none;appearance:none;position:relative;outline:none;cursor:pointer;border-radius:20px;border:var(--border--small, 1px solid) var(--ez-switch--pin--border-color, #626e82);transition:background-color var(--transition);width:var(--ez-switch--slider--width);height:var(--ez-switch--slider--height);background-color:var(--ez-switch--background-color)}input.switch-mode:disabled{background-color:var(--ez-switch--disabled--background-color);border:var(--border--small, 1px solid) var(--ez-switch--pin--disabled--border-color, #a2abb9)}input.switch-mode:checked:disabled{background-color:var(--ez-switch--disabled--checked--background-color)}input.switch-mode::after{content:\"\";display:block;position:absolute;box-shadow:var(--shadow);transition:transform var(--transition);transition:background-color var(--transition);transition:border-color var(--transition);transform:translateX(-2px) translateY(-4px);border-radius:50%;border:var(--border--small, 1px solid) var(--ez-switch--pin--border-color, #626e82);width:var(--ez-switch--pin--width);height:var(--ez-switch--pin--height);background-color:var(--ez-switch--pin--background-color)}input.switch-mode:disabled::after{background-color:var(--ez-switch--pin--disabled--background-color);border:var(--border--small, 1px solid) var(--ez-switch--pin--disabled--border-color, #a2abb9)}input.switch-mode:checked{transition:background-color var(--transition), border var(--transition);background-color:var(--ez-switch--checked--background-color);border:var(--border--small, 1px solid) var(--color--primary, #008561)}input.switch-mode::before{display:block;content:\"\";display:block;position:absolute;border-radius:50%;opacity:0;width:var(--ez-switch--focus--width);height:var(--ez-switch--focus--height);top:calc((var(--ez-switch--slider--height) - var(--ez-switch--focus--height)) / 2);left:calc((var(--ez-switch--pin--width) - var(--ez-switch--focus--width) - 2px) / 2);background-color:var(--ez-switch--pin--focus--background-color)}input.switch-mode:focus::before{opacity:0.24;transition:opacity var(--transition)}input.switch-mode:checked:focus::before{background-color:var(--ez-switch--pin--checked--focus--background-color);transform:translateX(calc(var(--ez-switch--slider--width) - var(--ez-switch--pin--width) + 2px))}input.switch-mode:checked::after{transition:transform var(--transition);transition:background-color var(--transition);transition:border-color var(--transition);transform:translateX(calc(var(--ez-switch--slider--width) - var(--ez-switch--pin--width))) translateY(-4px);box-shadow:var(--shadow);background-color:var(--ez-switch--pin--checked--background-color);border:var(--border--small, 1px solid) var(--color--primary, #008561)}input.switch-mode:checked:disabled::after{background-color:var(--ez-switch--pin--checked--disabled--background-color)}.label{flex-shrink:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ez-check--label--color);font-size:var(--ez-check--label--font-size);font-family:var(--ez-check--label--font-family);cursor:default;padding-left:var(--space--small)}.label--disabled{color:var(--ez-check--label--disabled--color)}";
 
 let EzCheck$1 = class extends HTMLElement$1 {
   constructor() {
@@ -658,17 +658,6 @@ let EzCheck$1 = class extends HTMLElement$1 {
      */
     this.mode = CheckMode.REGULAR;
   }
-  observeMode() {
-    var _a;
-    if (((_a = this.mode) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === CheckMode.SWITCH) {
-      this._inputElem.classList.remove("regular-mode");
-      this._inputElem.classList.add("switch-mode");
-    }
-    else {
-      this._inputElem.classList.remove("switch-mode");
-      this._inputElem.classList.add("regular-mode");
-    }
-  }
   //---------------------------------------------
   // Public methods
   //---------------------------------------------
@@ -684,9 +673,6 @@ let EzCheck$1 = class extends HTMLElement$1 {
   async setFocus() {
     this._inputElem.focus();
   }
-  componentDidLoad() {
-    this.observeMode();
-  }
   changeValue() {
     if (!this.enabled) {
       return;
@@ -701,12 +687,13 @@ let EzCheck$1 = class extends HTMLElement$1 {
     }
     return classes;
   }
+  getInputClasses() {
+    var _a;
+    return ((_a = this.mode) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === CheckMode.SWITCH ? "switch-mode" : "regular-mode";
+  }
   render() {
-    return (h(Host, null, h("input", { type: "checkbox", class: "regular-mode", checked: this.value === true, onChange: () => { this.changeValue(); }, disabled: !this.enabled, ref: (el) => this._inputElem = el }), this.label ? h("label", { class: this.getLabelClasses(), onClick: () => { this.changeValue(); }, title: this.label }, this.label) : undefined));
+    return (h(Host, null, h("input", { type: "checkbox", ref: (el) => this._inputElem = el, class: this.getInputClasses(), checked: this.value === true, onChange: () => { this.changeValue(); }, indeterminate: this.indeterminate, disabled: !this.enabled }), this.label ? h("label", { class: this.getLabelClasses(), onClick: () => { this.changeValue(); }, title: this.label }, this.label) : undefined));
   }
-  static get watchers() { return {
-    "mode": ["observeMode"]
-  }; }
   static get style() { return ezCheckCss; }
 };
 
@@ -2569,7 +2556,7 @@ const inicialState = {};
 function formReducer(state = inicialState, action) {
   switch (action.type) {
     case FormActions.METADATA_LOADED:
-      return Object.assign(Object.assign({}, state), { formMetadata: action.payload });
+      return Object.assign(Object.assign({}, state), { formMetadata: action.payload, currentSheet: undefined });
     case FormActions.CHANGE_TAB:
       return Object.assign(Object.assign({}, state), { currentSheet: action.payload });
     default:
@@ -2890,7 +2877,10 @@ let EzForm$1 = class extends HTMLElement$1 {
     const allSheets = Array.from(formMD.getAllSheets().values());
     const result = [];
     if (allSheets.length > 1) {
-      result.push(h("ez-tabselector", { onEzChange: (evt) => this._store.dispatch(changeTab(evt.detail)), selectedTab: currentSheet.name }, allSheets.map(s => h("ez-tab", { tabKey: s.name, label: s.label }))));
+      const tabs = allSheets.map((sheet, index) => {
+        return { tabKey: sheet.name, label: sheet.label, index };
+      });
+      result.push(h("ez-tabselector", { tabs: tabs, onEzChange: (evt) => this._store.dispatch(changeTab(evt.detail)), selectedTab: currentSheet.name }));
     }
     result.push(h(FormSheet, { store: this._store, source: currentSheet }));
     return result;
@@ -2905,16 +2895,6 @@ let EzForm$1 = class extends HTMLElement$1 {
     var _a;
     return ((_a = this._staticFields) === null || _a === void 0 ? void 0 : _a.length) > 0;
   }
-  getValidatedValue(value) {
-    switch (value) {
-      case "${data}":
-        return DateUtils$1.getToday();
-      case "${datahora}":
-        return DateUtils$1.getToday(true);
-      default:
-        return value;
-    }
-  }
   interceptAction(action) {
     if (action.type === Action.RECORDS_COPIED) {
       const metadata = selectFormMetadata(this._store.getState());
@@ -2943,9 +2923,10 @@ let EzForm$1 = class extends HTMLElement$1 {
         return new DataUnitAction(Action.RECORDS_ADDED, records.map(record => {
           const newRecord = Object.assign({}, record);
           for (const field in defaultValues) {
-            const defaultValue = defaultValues[field].value;
-            const fieldValue = defaultValue != undefined ? defaultValue : defaultValues[field];
-            newRecord[field] = this.dataUnit.valueFromString(field, this.getValidatedValue(fieldValue));
+            const value = "formattedValue" in defaultValues[field] ? defaultValues[field].formattedValue : defaultValues[field].value;
+            const defaultValue = value != undefined ? value : defaultValues[field];
+            const recordValue = typeof defaultValue === "function" ? defaultValue() : defaultValue;
+            newRecord[field] = this.dataUnit.valueFromString(field, recordValue);
           }
           return newRecord;
         }));
@@ -117686,6 +117667,47 @@ class CellRenderer {
   }
 }
 
+class SelectionHeader {
+  updateCheckbox() {
+    this.updatingValue = true;
+    try {
+      const value = this.headerCheckStatusGetter();
+      this.checkBox.indeterminate = value == undefined;
+      this.checkBox.value = value;
+    }
+    finally {
+      this.updatingValue = false;
+    }
+  }
+  init(params) {
+    params.context.selectionHeader = this;
+    const valueSetter = params.context.headerCheckStatusSetter;
+    this.headerCheckStatusGetter = params.context.headerCheckStatusGetter;
+    this.element = document.createElement('div');
+    this.element.classList.add("ag-header__selection-checkbox");
+    this.checkBox = document.createElement('ez-check');
+    this.checkBox.style.setProperty("--ez-check--focus--background-color", "transparent");
+    this.checkBox.style.setProperty("--ez-check--hover--background-color", "transparent");
+    this.element.append(this.checkBox);
+    this.updateCheckbox();
+    this.element.addEventListener('ezChange', (evt) => {
+      if (!this.updatingValue) {
+        valueSetter(evt.detail);
+      }
+    });
+  }
+  getGui() {
+    return this.element;
+  }
+  destroy() {
+    this.element.remove();
+    this.element = null;
+  }
+  refresh(_params) {
+    return false;
+  }
+}
+
 class AgGridController {
   constructor(enterprise) {
     this.DEFAULT_ROW_HEIGHT = 30;
@@ -117748,6 +117770,13 @@ class AgGridController {
         defaultColDef: {
           headerClass: "ez-grid__cell-header",
           cellClass: "ez-grid__cell-body"
+        },
+        components: {
+          'ezGridHeaderComponent': SelectionHeader
+        },
+        context: {
+          headerCheckStatusGetter: () => this.getSelectionHeaderStatus(),
+          headerCheckStatusSetter: (selectAll) => this.updateSelectionForAll(selectAll)
         }
       };
       this.setOptionsEvents(this._gridOptions);
@@ -117780,6 +117809,31 @@ class AgGridController {
     opt.suppressDragLeaveHidesColumns = true;
     opt.suppressMenuHide = true;
   }
+  getSelectionHeaderStatus() {
+    const records = this._dataUnit.records;
+    if (records && records.length === 0) {
+      return false;
+    }
+    const selection = this._dataUnit.getSelection();
+    if (selection == undefined || selection.length === 0) {
+      return false;
+    }
+    if (selection.length != records.length) {
+      return undefined;
+    }
+    let status = undefined;
+    for (let i = 0; i < records.length; i++) {
+      const current = selection.includes(records[i].__record__id__);
+      if (status != undefined && current !== status) {
+        return undefined;
+      }
+      status = current;
+    }
+    return status;
+  }
+  updateSelectionForAll(selectAll) {
+    this._dataUnit.setSelection(selectAll ? this._dataUnit.records.map(r => r.__record__id__) : []);
+  }
   setData(data) {
     if (this._grid === undefined) {
       throw new Error("Erro interno: Grid ainda não inicializado.");
@@ -117800,13 +117854,12 @@ class AgGridController {
     if (this._grid === undefined) {
       throw new Error("Erro interno: Grid ainda não inicializado.");
     }
-    if (rowIds && rowIds.length > 0) {
-      rowIds.forEach(rowId => {
-        const row = this._gridOptions.api.getRowNode(rowId);
-        if (row) {
-          row.setSelected(true);
-        }
-      });
+    this._gridOptions.api.forEachNode(node => {
+      node.setSelected(rowIds && rowIds.includes(node.id));
+    });
+    const selectionHeader = this._gridOptions.context.selectionHeader;
+    if (selectionHeader) {
+      selectionHeader.updateCheckbox();
     }
   }
   removeRows() {
@@ -117855,7 +117908,8 @@ class AgGridController {
         colId: this.CHECK_BOX_COL_ID,
         headerName: "",
         checkboxSelection: true,
-        headerCheckboxSelection: false,
+        headerComponent: "ezGridHeaderComponent",
+        headerClass: "ag-column-select-header",
         width: 28,
         suppressMovable: true,
         suppressAutoSize: true,
@@ -118096,9 +118150,12 @@ class AgGridController {
   }
   onSelectionChange() {
     if (this._selectionChangeCallback) {
-      this._selectionChangeCallback({
-        selection: this._gridOptions.api.getSelectedRows()
-      });
+      clearTimeout(this._selectionChangeDeboucing);
+      this._selectionChangeDeboucing = window.setTimeout(() => {
+        this._selectionChangeCallback({
+          selection: this._gridOptions.api.getSelectedRows()
+        });
+      }, 0);
     }
   }
   onRowDoubleClick(evt) {
@@ -120060,6 +120117,11 @@ let EzTabselector$1 = class extends HTMLElement$1 {
       }
     };
   }
+  observeTabs(newValue) {
+    if (newValue && typeof newValue !== "string") {
+      this._processedTabs = newValue;
+    }
+  }
   handleTabClick(tab) {
     this.selectedIndex = tab.index;
     this._focusedIndex = undefined;
@@ -120071,10 +120133,12 @@ let EzTabselector$1 = class extends HTMLElement$1 {
     if (!this._processedTabs) {
       this._processedTabs = [];
       if (this.tabs) {
-        this.tabs.split(",").forEach((label) => {
-          label = label.trim();
-          this._processedTabs.push({ label, tabKey: label, index: this._processedTabs.length });
-        });
+        if (typeof this.tabs === "string") {
+          this.tabs.split(",").forEach((label) => {
+            label = label.trim();
+            this._processedTabs.push({ label, tabKey: label, index: this._processedTabs.length });
+          });
+        }
       }
       this._hostElem.querySelectorAll("ez-tab").forEach((elem) => {
         const tabKey = elem.getAttribute("tabKey");
@@ -120192,6 +120256,9 @@ let EzTabselector$1 = class extends HTMLElement$1 {
     })), h("button", { class: "forward-button", ref: (el) => this._forwardButton = el, onClick: () => this.scrollFoward() })));
   }
   get _hostElem() { return this; }
+  static get watchers() { return {
+    "tabs": ["observeTabs"]
+  }; }
   static get style() { return ezTabselectorCss; }
 };
 
@@ -121389,7 +121456,7 @@ const EzApplication = /*@__PURE__*/proxyCustomElement(EzApplication$1, [0,"ez-ap
 const EzButton = /*@__PURE__*/proxyCustomElement(EzButton$1, [1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513],"iconName":[513,"icon-name"],"size":[513]}]);
 const EzCalendar = /*@__PURE__*/proxyCustomElement(EzCalendar$1, [1,"ez-calendar",{"value":[1040],"floating":[516],"time":[516],"showSeconds":[516,"show-seconds"]}]);
 const EzCardItem = /*@__PURE__*/proxyCustomElement(EzCardItem$1, [1,"ez-card-item",{"item":[16]}]);
-const EzCheck = /*@__PURE__*/proxyCustomElement(EzCheck$1, [1,"ez-check",{"label":[513],"value":[1540],"enabled":[1540],"mode":[513]}]);
+const EzCheck = /*@__PURE__*/proxyCustomElement(EzCheck$1, [1,"ez-check",{"label":[513],"value":[1540],"enabled":[1540],"indeterminate":[4],"mode":[513]}]);
 const EzChip = /*@__PURE__*/proxyCustomElement(EzChip$1, [1,"ez-chip",{"label":[513],"enabled":[516],"removePosition":[513,"remove-position"],"mode":[513],"value":[1540]}]);
 const EzCollapsibleBox = /*@__PURE__*/proxyCustomElement(EzCollapsibleBox$1, [1,"ez-collapsible-box",{"value":[1540],"label":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"stretchTitle":[516,"stretch-title"],"removable":[516],"editable":[516],"conditionalSave":[16],"_activeEditText":[32]}]);
 const EzComboBox = /*@__PURE__*/proxyCustomElement(EzComboBox$1, [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],"_startLoading":[32],"_showLoading":[32],"_criteria":[32]}]);
@@ -121412,7 +121479,7 @@ const EzRadioButton = /*@__PURE__*/proxyCustomElement(EzRadioButton$1, [1,"ez-ra
 const EzScroller = /*@__PURE__*/proxyCustomElement(EzScroller$1, [1,"ez-scroller",{"direction":[1]},[[2,"click","clickListener"],[1,"mousedown","mouseDownHandler"],[1,"mouseup","mouseUpHandler"],[1,"mousemove","mouseMoveHandler"]]]);
 const EzSearch = /*@__PURE__*/proxyCustomElement(EzSearch$1, [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]}]);
 const EzSelectBox = /*@__PURE__*/proxyCustomElement(SelectBox, [1,"ez-select-box",{"selectedOption":[1,"selected-option"]}]);
-const EzTabselector = /*@__PURE__*/proxyCustomElement(EzTabselector$1, [1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1]}]);
+const EzTabselector = /*@__PURE__*/proxyCustomElement(EzTabselector$1, [1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1],"_processedTabs":[32]}]);
 const EzTextArea = /*@__PURE__*/proxyCustomElement(EzTextArea$1, [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]}]);
 const EzTextEdit = /*@__PURE__*/proxyCustomElement(EzTextEdit$1, [1,"ez-text-edit",{"value":[1],"styled":[16],"_newValue":[32]}]);
 const EzTextInput = /*@__PURE__*/proxyCustomElement(EzTextInput$1, [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],"noBorder":[516,"no-border"]}]);