@sankhyalabs/ezui 1.1.78 → 1.1.81

package/dist/cjs/{index-40ebb2be.js → index-4fc4a0a4.js}

@@ -1,25 +1,5 @@
 'use strict';
 
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-function createCommonjsModule(fn, basedir, module) {
-	return module = {
-		path: basedir,
-		exports: {},
-		require: function (path, base) {
-			return commonjsRequire();
-		}
-	}, fn(module, module.exports), module.exports;
-}
-
-function commonjsRequire () {
-	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
-}
-
 const NUMBERINPUTS_REGEX_SCIENTIFIC_PARTS = /^([+-])?(\d+).?(\d*)[eE]([-+]?\d+)$/;
 /**
  * `NumberUtils` é uma biblioteca para manipulação de números
@@ -823,11 +803,7 @@ class AddedRecordsReducerImpl {
     reduce(_stateManager, currentState, action) {
         switch (action.type) {
             case exports.Action.RECORDS_ADDED:
-                const newState = currentState ? currentState.slice() : [];
-                action.payload.forEach((r) => {
-                    newState.push(Object.assign({ __record__id__: "NEW_" + (newState.length + 1) }, r));
-                });
-                return newState;
+                return (currentState || []).concat(action.payload);
             case exports.Action.DATA_SAVED:
             case exports.Action.EDITION_CANCELED:
                 return undefined;
@@ -839,6 +815,10 @@ const AddedRecordsReducer = new AddedRecordsReducerImpl();
 const getAddedRecords = (stateManager) => {
     return stateManager.select(AddedRecordsReducer.sliceName, (state) => state);
 };
+const prepareAddedRecordId = (stateManager, source) => {
+    let index = (getAddedRecords(stateManager) || []).length;
+    return source.map(item => { return Object.assign(Object.assign({}, item), { __record__id__: "NEW_" + (index++) }); });
+};
 
 class ChangesReducerImpl {
     constructor() {
@@ -851,7 +831,9 @@ class ChangesReducerImpl {
                 if (selection) {
                     const newState = new Map(currentState);
                     selection.forEach(recordId => {
-                        newState.set(recordId, Object.assign(Object.assign({}, newState.get(recordId)), action.payload));
+                        const newChanges = Object.assign(Object.assign({}, newState.get(recordId)), action.payload);
+                        delete newChanges.records;
+                        newState.set(recordId, newChanges);
                     });
                     return newState;
                 }
@@ -880,16 +862,14 @@ const getChangesToSave = (dataUnit, stateManager) => {
     const result = [];
     const changes = getChanges(stateManager);
     const records = getRecords(stateManager);
-    if (records) {
-        records.forEach(r => {
-            if (changes) {
-                const c = changes.get(r.__record__id__);
-                if (c) {
-                    result.push(new Change(dataUnit, r, c, ChangeOperation.UPDATE));
-                }
+    records === null || records === void 0 ? void 0 : records.forEach(r => {
+        if (changes) {
+            const c = changes.get(r.__record__id__);
+            if (c) {
+                result.push(new Change(dataUnit, r, c, ChangeOperation.UPDATE));
             }
-        });
-    }
+        }
+    });
     const addedRecords = getAddedRecords(stateManager);
     if (addedRecords) {
         addedRecords.forEach(r => {
@@ -898,7 +878,7 @@ const getChangesToSave = (dataUnit, stateManager) => {
     }
     const removedRecords = getRemovedRecords(stateManager);
     const recordsById = {};
-    records.forEach(r => recordsById[r.__record__id__] = r);
+    records === null || records === void 0 ? void 0 : records.forEach(r => recordsById[r.__record__id__] = r);
     if (removedRecords) {
         removedRecords.forEach(id => {
             result.push(new Change(dataUnit, recordsById[id], undefined, ChangeOperation.DELETE));
@@ -954,6 +934,8 @@ class SelectionReducerImpl {
     }
     reduce(stateManager, currentState, action) {
         switch (action.type) {
+            case exports.Action.RECORDS_ADDED:
+                return action.payload.map((r) => r.__record__id__);
             case exports.Action.DATA_SAVED:
                 return updateSavedIds(stateManager, action.payload.records);
             case exports.Action.RECORDS_REMOVED:
@@ -1055,6 +1037,15 @@ function updateSavedIds(stateManager, savedRecords) {
     return currentSelection;
 }
 
+var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 class DataUnit {
     constructor(name) {
         this._name = name;
@@ -1096,32 +1087,46 @@ class DataUnit {
     }
     // Loaders
     loadMetadata() {
-        this.dispatchAction(exports.Action.LOADING_METADATA);
-        if (this.metadataLoader) {
-            this.metadataLoader(this._name).then(metadata => this.metadata = metadata);
-        }
+        return __awaiter(this, void 0, void 0, function* () {
+            this.dispatchAction(exports.Action.LOADING_METADATA);
+            return new Promise((resolve, fail) => {
+                if (this.metadataLoader) {
+                    this.metadataLoader(this._name).then(metadata => {
+                        this.metadata = metadata;
+                        resolve(this.metadata);
+                    }).catch(error => fail(error));
+                }
+            });
+        });
     }
     loadData() {
-        this.dispatchAction(exports.Action.LOADING_DATA);
-        return new Promise((resolve, fail) => {
-            if (this.dataLoader) {
-                const sort = this.getSort();
-                const filters = this.getFilters();
-                this.dataLoader(this._name, sort, filters).then(records => {
-                    this.records = records;
-                    resolve(this.records);
-                }).catch(() => fail());
-            }
+        return __awaiter(this, void 0, void 0, function* () {
+            this.dispatchAction(exports.Action.LOADING_DATA);
+            return new Promise((resolve, fail) => {
+                if (this.dataLoader) {
+                    const sort = this.getSort();
+                    const filters = this.getFilters();
+                    this.dataLoader(this._name, sort, filters).then(records => {
+                        this.records = records;
+                        resolve(this.records);
+                    }).catch(error => fail(error));
+                }
+            });
         });
     }
     saveData() {
-        const changes = getChangesToSave(this._name, this._stateManager);
-        if (changes.length > 0) {
-            this.dispatchAction(exports.Action.SAVING_DATA);
-            if (this.saveLoader) {
-                this.saveLoader(this._name, changes).then(records => this.dispatchAction(exports.Action.DATA_SAVED, { changes, records }));
+        return __awaiter(this, void 0, void 0, function* () {
+            const changes = getChangesToSave(this._name, this._stateManager);
+            if (changes.length > 0) {
+                this.dispatchAction(exports.Action.SAVING_DATA);
+                return new Promise((resolve, fail) => {
+                    if (this.saveLoader) {
+                        this.saveLoader(this._name, changes).then(records => this.dispatchAction(exports.Action.DATA_SAVED, { changes, records })).catch(error => fail(error));
+                    }
+                });
             }
-        }
+            return Promise.resolve();
+        });
     }
     // API
     addFilterProvider(provider) {
@@ -1147,7 +1152,7 @@ class DataUnit {
         return getField(this._stateManager, fieldName);
     }
     addRecord() {
-        this.dispatchAction(exports.Action.RECORDS_ADDED, [{}]);
+        this.dispatchAction(exports.Action.RECORDS_ADDED, prepareAddedRecordId(this._stateManager, [{}]));
     }
     removeSelectedRecords() {
         const selection = getSelection(this._stateManager);
@@ -1220,9 +1225,9 @@ class DataUnit {
 }
 var ChangeOperation;
 (function (ChangeOperation) {
-    ChangeOperation[ChangeOperation["INSERT"] = 0] = "INSERT";
-    ChangeOperation[ChangeOperation["UPDATE"] = 1] = "UPDATE";
-    ChangeOperation[ChangeOperation["DELETE"] = 2] = "DELETE";
+    ChangeOperation["INSERT"] = "INSERT";
+    ChangeOperation["UPDATE"] = "UPDATE";
+    ChangeOperation["DELETE"] = "DELETE";
 })(ChangeOperation || (ChangeOperation = {}));
 class Change {
     constructor(dataUnit, record, updates, operation) {
@@ -1231,6 +1236,9 @@ class Change {
         this.updatingFields = updates;
         this._operation = operation;
     }
+    get operation() {
+        return this._operation.toString();
+    }
     isInsert() {
         return this._operation === ChangeOperation.INSERT;
     }
@@ -1253,7 +1261,7 @@ var DependencyType;
     DependencyType["REQUIREMENT"] = "REQUIREMENT";
     DependencyType["VISIBILITY"] = "REQUIREMENT";
 })(DependencyType || (DependencyType = {}));
-var UserInterface;
+exports.UserInterface = void 0;
 (function (UserInterface) {
     UserInterface["FILE"] = "FILE";
     UserInterface["IMAGE"] = "IMAGE";
@@ -1271,7 +1279,7 @@ var UserInterface;
     UserInterface["MASKEDTEXT"] = "MASKEDTEXT";
     UserInterface["LONGTEXT"] = "LONGTEXT";
     UserInterface["HTML"] = "HTML";
-})(UserInterface || (UserInterface = {}));
+})(exports.UserInterface || (exports.UserInterface = {}));
 
 var LoadStatus;
 (function (LoadStatus) {
@@ -1284,6 +1292,22 @@ var LoadType;
     LoadType["APP_LOAD"] = "APP_LOAD";
 })(LoadType || (LoadType = {}));
 
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function createCommonjsModule(fn, basedir, module) {
+	return module = {
+		path: basedir,
+		exports: {},
+		require: function (path, base) {
+			return commonjsRequire();
+		}
+	}, fn(module, module.exports), module.exports;
+}
+
+function commonjsRequire () {
+	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
+}
+
 var browserPonyfill = createCommonjsModule(function (module, exports) {
 var global = typeof self !== 'undefined' ? self : commonjsGlobal;
 var __self__ = (function () {
@@ -7419,4 +7443,3 @@ exports.NumberUtils = NumberUtils;
 exports.TimeFormatter = TimeFormatter;
 exports.commonjsGlobal = commonjsGlobal;
 exports.createCommonjsModule = createCommonjsModule;
-exports.getDefaultExportFromCjs = getDefaultExportFromCjs;

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-4e4bae01.js');
+const index = require('./index-2003dec4.js');
 
 /*
  Stencil Client Patch Esm v2.13.0 | MIT Licensed | https://stenciljs.com
@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["ez-form.cjs",[[0,"ez-form",{"metadataExecutor":[1,"metadata-executor"],"loadExecutor":[1,"load-executor"],"saveExecutor":[1,"save-executor"],"removeExecutor":[1,"remove-executor"],"fieldSearchExecutor":[1,"field-search-executor"],"ignoreSaveValidation":[4,"ignore-save-validation"],"metadata":[16],"slaveMode":[4,"slave-mode"],"enabled":[4],"loading":[1540],"validate":[64],"getChanges":[64],"changeFieldValue":[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"]}]]],["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-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"],"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"]}]]],["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],"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"],"show":[64]}]]],["form-metadata.cjs",[[1,"form-metadata",{"name":[1],"label":[1],"dataunit":[1025],"many":[4],"autoload":[4],"metadata":[1040]}]]],["ez-button_11.cjs",[[0,"test-du"],[0,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"pageSize":[2,"page-size"],"serverUrl":[1,"server-url"],"dataUnit":[16],"_navigationHasPrevious":[32],"_navigationHasNext":[32],"_navigationFirstRow":[32],"_navigationLastRow":[32],"_navigationTotalRows":[32],"_popUpVisible":[32],"setColumnsDef":[64],"addColumnMenuItem":[64],"setColumnsState":[64],"setData":[64],"getSelection":[64],"getColumnsState":[64],"getColumns":[64]}],[1,"grid-config",{"selectedTab":[1025,"selected-tab"],"columns":[1040]}],[1,"ez-modal",{"modalSize":[1,"modal-size"],"align":[1],"opened":[1028],"closeEsc":[4,"close-esc"],"closeOutsideClick":[4,"close-outside-click"]}],[1,"ez-list",{"dataSource":[1040],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"_listItems":[32],"_listGroupItems":[32],"setSelection":[64],"getSelection":[64],"getList":[64]}],[1,"select-box",{"selectedOption":[1,"selected-option"]}],[1,"ez-check",{"label":[513],"value":[1540],"enabled":[516],"mode":[513],"getMode":[64],"setFocus":[64]}],[1,"ez-tabselector",{"selectedIndex":[1537,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1]}],[1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513],"size":[513]}],[1,"ez-icon",{"size":[513],"href":[513]}],[1,"ez-text-input",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"mask":[1],"restrict":[1],"setFocus":[64],"setBlur":[64]}]]],["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"],"optionLoader":[16],"_preSelection":[32],"_visibleOptions":[32]}]]],["ez-calendar.cjs",[[1,"ez-calendar",{"value":[1040],"floating":[516],"time":[516],"showSeconds":[516,"show-seconds"],"show":[64],"fitVertical":[64],"hide":[64]}]]],["ez-collapsible-box_6.cjs",[[1,"ez-date-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"]}],[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"]}],[1,"ez-collapsible-box",{"value":[1540],"label":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"showHide":[64]}],[1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"rows":[1538],"setFocus":[64],"setBlur":[64]}],[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]}],[1,"place-holder"]]]], options);
+  return index.bootstrapLazy([["ez-grid.cjs",[[0,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"pageSize":[2,"page-size"],"serverUrl":[1,"server-url"],"dataUnit":[16],"_navigationHasPrevious":[32],"_navigationHasNext":[32],"_navigationFirstRow":[32],"_navigationLastRow":[32],"_navigationTotalRows":[32],"_popUpVisible":[32],"setColumnsDef":[64],"addColumnMenuItem":[64],"setColumnsState":[64],"setData":[64],"getSelection":[64],"getColumnsState":[64],"getColumns":[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-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"],"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],"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"],"show":[64]}]]],["ez-icon.cjs",[[1,"ez-icon",{"size":[513],"href":[513]}]]],["ez-button_3.cjs",[[1,"ez-list",{"dataSource":[1040],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"_listItems":[32],"_listGroupItems":[32],"setSelection":[64],"getSelection":[64],"getList":[64]}],[1,"select-box",{"selectedOption":[1,"selected-option"]}],[1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513],"size":[513]}]]],["ez-calendar_14.cjs",[[0,"test-du"],[0,"ez-form",{"dataUnit":[1040],"config":[16],"submit":[64],"cancel":[64],"validate":[64]}],[1,"ez-date-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"]}],[1,"ez-date-time-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"]}],[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"]}],[1,"ez-number-input",{"label":[1],"value":[1538],"enabled":[4],"errorMessage":[1537,"error-message"],"precision":[2],"prettyPrecision":[2,"pretty-precision"]}],[1,"ez-collapsible-box",{"value":[1540],"label":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"showHide":[64]}],[1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"rows":[1538],"setFocus":[64],"setBlur":[64]}],[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]}],[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"],"optionLoader":[16],"_preSelection":[32],"_visibleOptions":[32]}],[1,"ez-calendar",{"value":[1040],"floating":[516],"time":[516],"showSeconds":[516,"show-seconds"],"show":[64],"fitVertical":[64],"hide":[64]}],[1,"ez-check",{"label":[513],"value":[1540],"enabled":[516],"mode":[513],"getMode":[64],"setFocus":[64]}],[1,"ez-tabselector",{"selectedIndex":[1537,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1]}],[1,"ez-text-input",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"mask":[1],"restrict":[1],"setFocus":[64],"setBlur":[64]}]]],["ez-modal_2.cjs",[[1,"grid-config",{"selectedTab":[1025,"selected-tab"],"columns":[1040]}],[1,"ez-modal",{"modalSize":[1,"modal-size"],"align":[1],"opened":[1028],"closeEsc":[4,"close-esc"],"closeOutsideClick":[4,"close-outside-click"]}]]]], options);
   });
 };
 

package/dist/collection/collection-manifest.json

@@ -13,8 +13,6 @@
     "./components/ez-date-input/ez-date-input.js",
     "./components/ez-date-time-input/ez-date-time-input.js",
     "./components/ez-dialog/ez-dialog.js",
-    "./components/ez-form/subcomponents/form-metadata.js",
-    "./components/ez-form/subcomponents/place-holder.js",
     "./components/ez-grid/ez-grid.js",
     "./components/ez-grid/subcomponents/gridconfig/grid-config.js",
     "./components/ez-grid/subcomponents/select-box/select-box.js",

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

@@ -0,0 +1,50 @@
+export default class DataBinder {
+  constructor(dataUnit) {
+    this._fields = new Map();
+    this._dataUnit = dataUnit;
+    this._dataUnit.subscribe(_action => {
+      var _a;
+      (_a = this._fields) === null || _a === void 0 ? void 0 : _a.forEach(field => {
+        this.updateValue(field.fieldName, field.field);
+      });
+    });
+  }
+  bind(fields) {
+    fields.forEach(fieldElement => {
+      const fieldName = fieldElement.dataset.fieldName;
+      this.updateBind(fieldName, fieldElement);
+      this.updateValue(fieldName, fieldElement);
+    });
+  }
+  updateValue(fieldName, field) {
+    field["value"] = this._dataUnit.getFieldValue(fieldName);
+  }
+  updateBind(fieldName, field) {
+    const oldBind = this._fields.get(fieldName);
+    if (oldBind) {
+      oldBind.destroy();
+    }
+    this._fields.set(fieldName, Bind.create(fieldName, field, (fieldName, newValue) => this.setFieldValue(fieldName, newValue)));
+  }
+  setFieldValue(fieldName, newValue) {
+    if (this._dataUnit.records.length === 0) {
+      this._dataUnit.addRecord();
+    }
+    this._dataUnit.setFieldValue(fieldName, newValue);
+  }
+}
+class Bind {
+  destroy() {
+    this.field.removeEventListener(this.eventName, this.eventListener);
+  }
+  static create(fieldName, field, callback) {
+    const b = new Bind();
+    b.fieldName = fieldName;
+    b.field = field;
+    //FIXME: Verificar se o field é um EzField
+    b.eventListener = (evt) => { callback(fieldName, evt.detail); };
+    b.eventName = "ezChange";
+    b.field.addEventListener(b.eventName, b.eventListener);
+    return b;
+  }
+}

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

@@ -2,18 +2,4 @@ ez-form {
   display: flex;
   flex-direction: column;
   width: 100%;
-}
-
-.form-sheet {
-  display: flex;
-  width: 100%;
-  flex-wrap: wrap;
-  position: relative;
-}
-
-.tab__container {
-  display: flex;
-  width: 100%;
-  flex-wrap: wrap;
-  position: relative;
-}
+}