@sankhyalabs/ezui 1.1.96 → 1.1.97

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-88286449.js');
-const index$1 = require('./index-6164b259.js');
+const UnitMetadata = require('./UnitMetadata-2e11c5d3.js');
 const FloatingManager = require('./FloatingManager-6cfeb947.js');
 const CSSVarsUtils = require('./CSSVarsUtils-8fbdf2e0.js');
 
@@ -50,6 +50,23 @@ class DateUtils {
     }
 }
 
+class ApplicationContext {
+    static getContextValue(key) {
+        return ApplicationContext.getCtx()[key].deref();
+    }
+    static setContextValue(key, value) {
+        ApplicationContext.getCtx()[key] = new WeakRef(value);
+    }
+    static getCtx() {
+        let ctx = window.___snkcore___ctx___;
+        if (!ctx) {
+            ctx = {};
+            window.___snkcore___ctx___ = ctx;
+        }
+        return ctx;
+    }
+}
+
 const ezCalendarCss = ":host{--ez-calendar--font-family:var(--font-pattern, Arial);--ez-calendar--color:var(--title--primary, #626e82);--ez-calendar--text-shadow:var(--text-shadow, 0 0 0 #353535, 0 0 1px transparent);--ez-calendar__body--background-color:var(--background--xlight, #FFF);--ez-calendar__Time--background-color:var(--background--xlight, #FAFAFA);--ez-calendar__body--padding:var(--space--medium, 12px) var(--space--small, 6px);--ez-calendar__body--border-radius:var(--border--radius-medium, 12px);--ez-calendar__body--shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-calendar__header-line--stroke:1px;--ez-calendar__header-line--color:var(--color--strokes, #C0C0C0);--ez-calendar__nav-btn--fill:var(--text--primary, #008561);--ez-calendar__nav-btn--hover--fill:var(--color--primary, #350404);--ez-calendar__nav-btn--width:10px;--ez-calendar__nav-btn--height:16px;--ez-calendar__nav-btn--previous-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"10px\"><path d=\"M 9.7808475,13.860393 3.9204526,8.0000004 9.7808475,2.0624965 7.9301965,0.28895552 0.21915255,8.0000004 7.9301965,15.711044 Z\"/></svg>');--ez-calendar__nav-btn--next-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"10px\"><path d=\"M 0.21915251,13.860393 6.0795475,8.0000007 0.21915251,2.0624968 2.0698036,0.28895588 9.7808475,8.0000007 2.0698036,15.711044 Z\"/></svg>');--ez-calendar__cell--margin:0px 1.5px;--ez-calendar__cell--width:var(--space--large, 24px);--ez-calendar__cell--padding:1.5px 0px;--ez-calendar__cell--border-radius:var(--border--radius-small, 6px);--ez-calendar__cell--over--background-color:var(--color--primary, #E2F4EF);--ez-calendar__cell--over--color:var(--color--primary-300, #008561);--ez-calendar__cell--outset--color:var(--color--disable-primary, #E5EAF0);--ez-calendar__cell--selected--background-color:var(--color--primary, #008561);--ez-calendar__cell--selected--color:var(--color--inverted, #FFF);--ez-calendar__btn-today--color:var(--color--primary);--ez-calendar__btn-today--hover--background-color:var(--color--primary-300, #E2F4EF);--ez-calendar__btn-today--border-radius:var(--border--radius-small, 6px);position:relative;display:flex;user-select:none}.calendar{z-index:var(--more-visible, 2);display:flex;flex-direction:column;background-color:var(--ez-calendar__body--background-color);padding:var(--ez-calendar__body--padding);border-radius:var(--ez-calendar__body--border-radius);box-shadow:var(--ez-calendar__body--shadow)}.calendar__header{display:flex;justify-content:space-between;padding-bottom:var(--space--small, 6px);margin:0px var(--space--, 12px) var(--space--small, 6px) var(--space--, 12px);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow);border-bottom:solid var(--ez-calendar__header-line--stroke) var(--ez-calendar__header-line--color)}.calendar__btn-next,.calendar__btn-previous{outline:none;border:none;background-color:unset;cursor:pointer;padding:0px}.calendar__btn-next::after,.calendar__btn-previous::after{content:'';display:flex;background-color:var(--ez-calendar__nav-btn--fill);width:var(--ez-calendar__nav-btn--width);height:var(--ez-calendar__nav-btn--height)}.calendar__btn-previous::after{-webkit-mask-image:var(--ez-calendar__nav-btn--previous-image);mask-image:var(--ez-calendar__nav-btn--previous-image)}.calendar__btn-next::after{-webkit-mask-image:var(--ez-calendar__nav-btn--next-image);mask-image:var(--ez-calendar__nav-btn--next-image)}.calendar__btn-next:hover::after,.calendar__btn-previous:hover::after{background-color:var(--ez-calendar__nav-btn--hover--fill)}.calendar__lbl-month{font-weight:var(--text-weight--extra-large, 700);font-size:var(--title--small, 14px);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow)}.calendar__line{display:flex;padding:0px;margin:0px}.calendar__cell{display:flex;justify-content:center;align-content:center;cursor:pointer;font-size:var(--text--extra-small, 10px);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow);padding:var(--ez-calendar__cell--padding);margin:var(--ez-calendar__cell--margin);min-width:var(--ez-calendar__cell--width);border-radius:var(--ez-calendar__cell--border-radius)}.calendar__cell:hover{background-color:var(--ez-calendar__cell--over--background-color);color:var(--ez-calendar__cell--over--color)}.calendar__cell--secondary{color:var(--ez-calendar__cell--outset--color)}.calendar__cell--unselectable:hover{background-color:unset;border-radius:unset;cursor:unset}.calendar__cell--unselectable{font-weight:var(--text-weight--large, 600);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow)}.calendar__cell--selected,.calendar__cell--selected:hover{background-color:var(--ez-calendar__cell--selected--background-color);color:var(--ez-calendar__cell--selected--color)}.calendar__footer{display:flex;flex-direction:column}.calendar__btn-today{border:none;background-color:unset;cursor:pointer;font-weight:var(--text-weight--large, 600);font-size:var(--title--extra-small, 12px);padding:0px;font-family:var(--ez-calendar--font-family);text-shadow:var(--ez-calendar--text-shadow);color:var(--ez-calendar__btn-today--color);border-radius:var(--ez-calendar__btn-today--border-radius)}.calendar__btn-today:hover{background-color:var(--ez-calendar__btn-today--hover--background-color)}section{display:flex}.calendarTime{margin-left:-10px;display:flex;flex-direction:column;padding:12px 0px 0px 10px;background-color:var(--ez-calendar__Time--background-color);border-top-right-radius:var(--ez-calendar__body--border-radius);border-bottom-right-radius:var(--ez-calendar__body--border-radius);box-shadow:var(--ez-calendar__body--shadow)}.calendar__column{height:136px;padding:0px;margin:0px;overflow:auto}.calendar__column::-webkit-scrollbar{width:0px;max-width:0px;min-width:0px}.calendarTime__header{padding-left:var(--space--small, 6px);padding-right:var(--space--small, 6px);display:flex;justify-content:space-between;padding-bottom:var(--space--small, 6px);margin:0px var(--space--, 12px) var(--space--small, 6px) var(--space--, 12px);font-weight:var(--text-weight--extra-large, 700);font-size:var(--title--small, 14px);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow);border-bottom:solid var(--ez-calendar__header-line--stroke) var(--ez-calendar__header-line--color);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow)}.separatorTime{color:#A2ABB9;padding:0px 1px;line-height:16px;font-size:17px;font-weight:normal}.endHidden{-webkit-mask-image:linear-gradient(180deg, #000 calc(100% - 48px), transparent 100%)}.calendar__column .calendar__cell{margin:0px;padding:1.5px 1.5px}";
 
 let EzCalendar = class {
@@ -789,7 +806,7 @@ let EzDateTimeInput = class {
     const partsDateTime = (strValue && strValue.length > 0) ? strValue.split(" ") : [];
     const onlyDate = partsDateTime.length > 0 ? partsDateTime[0] : strValue;
     const onlyTime = partsDateTime[1] ? partsDateTime[1] : "";
-    const parsedTime = index$1.TimeFormatter.prepareValue(onlyTime, this.showSeconds);
+    const parsedTime = UnitMetadata.TimeFormatter.prepareValue(onlyTime, this.showSeconds);
     const strDateTime = onlyDate + (parsedTime && " " + parsedTime);
     const parsedDate = DateUtils.strToDate(strDateTime);
     if (parsedDate || !strValue) {
@@ -867,7 +884,7 @@ const buildComboBox = ({ name, label, readOnly }, properties) => {
 
 const buildSearch = ({ name, label, readOnly }) => {
   return (index.h("div", { class: "col col--sd-12 col--tb-3 padding--small" },
-    index.h("ez-search", { enabled: !readOnly, label: label, optionLoader: (_argument) => { }, "data-field-name": name, key: name })));
+    index.h("ez-search", { enabled: !readOnly, label: label, "data-field-name": name, key: name })));
 };
 
 const buildFile = ({ name, label, readOnly }) => {
@@ -898,16 +915,16 @@ function buildNumeric(fieldName, fieldLabel, readOnly, precision, prettyPrecisio
 }
 
 const uiBuilders = new Map();
-uiBuilders.set(index$1.UserInterface.LONGTEXT, buildTextArea);
-uiBuilders.set(index$1.UserInterface.CHECKBOX, buildCheckBox);
-uiBuilders.set(index$1.UserInterface.SWITCH, buildSwitch);
-uiBuilders.set(index$1.UserInterface.OPTIONSELECTOR, buildComboBox);
-uiBuilders.set(index$1.UserInterface.SEARCH, buildSearch);
-uiBuilders.set(index$1.UserInterface.FILE, buildFile);
-uiBuilders.set(index$1.UserInterface.DATE, buildDate);
-uiBuilders.set(index$1.UserInterface.DATETIME, buildTimeDate);
-uiBuilders.set(index$1.UserInterface.DECIMALNUMBER, buildDecimal);
-uiBuilders.set(index$1.UserInterface.INTEGERNUMBER, buildInteger);
+uiBuilders.set(UnitMetadata.UserInterface.LONGTEXT, buildTextArea);
+uiBuilders.set(UnitMetadata.UserInterface.CHECKBOX, buildCheckBox);
+uiBuilders.set(UnitMetadata.UserInterface.SWITCH, buildSwitch);
+uiBuilders.set(UnitMetadata.UserInterface.OPTIONSELECTOR, buildComboBox);
+uiBuilders.set(UnitMetadata.UserInterface.SEARCH, buildSearch);
+uiBuilders.set(UnitMetadata.UserInterface.FILE, buildFile);
+uiBuilders.set(UnitMetadata.UserInterface.DATE, buildDate);
+uiBuilders.set(UnitMetadata.UserInterface.DATETIME, buildTimeDate);
+uiBuilders.set(UnitMetadata.UserInterface.DECIMALNUMBER, buildDecimal);
+uiBuilders.set(UnitMetadata.UserInterface.INTEGERNUMBER, buildInteger);
 const buildField = (field) => {
   const descriptor = field.descriptor;
   const config = Object.assign({}, field.config);
@@ -1443,6 +1460,7 @@ class DataBinder {
       oldBind.destroy();
     }
     this._fields.set(fieldName, Bind.create(fieldName, field, (fieldName, newValue) => this.setFieldValue(fieldName, newValue)));
+    this.bindSearchOptionsLoader(fieldName, field);
   }
   setFieldValue(fieldName, newValue) {
     if (this._dataUnit.records.length === 0) {
@@ -1450,6 +1468,17 @@ class DataBinder {
     }
     this._dataUnit.setFieldValue(fieldName, newValue);
   }
+  bindSearchOptionsLoader(fieldName, field) {
+    if (field.nodeName === "EZ-SEARCH" && field["optionLoader"] === undefined) {
+      const loader = ApplicationContext.getContextValue("__EZUI__SEARCH__OPTION__LOADER__");
+      if (loader) {
+        const fm = this._dataUnit.getField(fieldName);
+        field["optionLoader"] = (arg) => {
+          loader(arg, fm.properties, this._dataUnit);
+        };
+      }
+    }
+  }
 }
 class Bind {
   destroy() {
@@ -1575,12 +1604,12 @@ let EzForm = class {
     return ((_a = this._staticFields) === null || _a === void 0 ? void 0 : _a.length) > 0;
   }
   interceptAction(action) {
-    if (action.type === index$1.Action.RECORDS_COPIED) {
+    if (action.type === UnitMetadata.Action.RECORDS_COPIED) {
       const metadata = selectFormMetadata(this._store.getState());
       const cleanFields = metadata.getCleanOnCopyFields();
       if (cleanFields) {
         const records = action.payload;
-        return new index$1.DataUnitAction(index$1.Action.RECORDS_COPIED, records.map(record => {
+        return new UnitMetadata.DataUnitAction(UnitMetadata.Action.RECORDS_COPIED, records.map(record => {
           const newRecord = Object.assign({}, record);
           cleanFields.forEach(fieldName => delete newRecord[fieldName]);
           return newRecord;
@@ -1591,11 +1620,11 @@ let EzForm = class {
   }
   componentWillLoad() {
     if (this.dataUnit === undefined) {
-      this.dataUnit = new index$1.DataUnit("ez-form");
+      this.dataUnit = new UnitMetadata.DataUnit("ez-form");
     }
     this.dataUnit.addInterceptor(this);
     this.dataUnit.subscribe(action => {
-      if (action.type === index$1.Action.METADATA_LOADED) {
+      if (action.type === UnitMetadata.Action.METADATA_LOADED) {
         this.processMetadata();
       }
     });
@@ -1645,7 +1674,7 @@ let EzNumberInput = class {
     }
   }
   parseNumber() {
-    const parsedNumber = this._textInput.value ? index$1.NumberUtils.stringToNumber(this._textInput.value) : null;
+    const parsedNumber = this._textInput.value ? UnitMetadata.NumberUtils.stringToNumber(this._textInput.value) : null;
     if (parsedNumber != null && isNaN(parsedNumber)) {
       this.errorMessage = "O valor digitado não é um número válido";
     }
@@ -1661,7 +1690,7 @@ let EzNumberInput = class {
   }
   getTextValue(value) {
     if (value) {
-      return this.precision > 0 ? index$1.NumberUtils.format(value.toString(), Number(this.precision), Number(this.prettyPrecision)) : value.toString();
+      return this.precision > 0 ? UnitMetadata.NumberUtils.format(value.toString(), Number(this.precision), Number(this.prettyPrecision)) : value.toString();
     }
     return null;
   }
@@ -2051,7 +2080,7 @@ let EzTextInput = class {
   prepareMask() {
     if (this.mask) {
       if (this._maskFormatter == undefined) {
-        this._maskFormatter = new index$1.MaskFormatter(this.mask);
+        this._maskFormatter = new UnitMetadata.MaskFormatter(this.mask);
       }
       else {
         this._maskFormatter.mask = this.mask;
@@ -2558,7 +2587,7 @@ let TestDu = class {
     index.registerInstance(this, hostRef);
   }
   componentWillLoad() {
-    this.dataUnit = new index$1.DataUnit("testes_com_formulario");
+    this.dataUnit = new UnitMetadata.DataUnit("testes_com_formulario");
     this.dataUnit.metadata = {
       name: "dd://br.com.sankhya.fin.cad.movimentacaoFinanceira/Financeiro",
       label: "Parceiro",
@@ -2566,31 +2595,31 @@ let TestDu = class {
         {
           name: "CODPARC",
           label: "Parceiro",
-          dataType: index$1.DataType.NUMBER,
-          userInterface: index$1.UserInterface.SEARCH,
+          dataType: UnitMetadata.DataType.NUMBER,
+          userInterface: UnitMetadata.UserInterface.SEARCH,
           required: true,
           properties: {}
         },
         {
           name: "RECDESP",
           label: "Receita/Despesa",
-          dataType: index$1.DataType.TEXT,
-          userInterface: index$1.UserInterface.OPTIONSELECTOR,
+          dataType: UnitMetadata.DataType.TEXT,
+          userInterface: UnitMetadata.UserInterface.OPTIONSELECTOR,
           required: true,
           properties: { options: `{"-1": "Despesa", "1": "Receita"}` }
         },
         {
           name: "P",
           label: "pera",
-          dataType: index$1.DataType.TEXT,
-          userInterface: index$1.UserInterface.OPTIONSELECTOR,
+          dataType: UnitMetadata.DataType.TEXT,
+          userInterface: UnitMetadata.UserInterface.OPTIONSELECTOR,
           properties: { options: `{"M": "Madura", "V": "Verde", "P": "Passada"}` }
         },
         {
           name: "ME",
           label: "ME",
-          dataType: index$1.DataType.NUMBER,
-          userInterface: index$1.UserInterface.DECIMALNUMBER,
+          dataType: UnitMetadata.DataType.NUMBER,
+          userInterface: UnitMetadata.UserInterface.DECIMALNUMBER,
           properties: { precision: 4, prettyPrecision: 1 }
         }
       ]

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

@@ -2,10 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$1 = require('./index-88286449.js');
-const index = require('./index-6164b259.js');
+const index = require('./index-88286449.js');
+const UnitMetadata = require('./UnitMetadata-2e11c5d3.js');
 
-var agGridCommunity_cjs = index.createCommonjsModule(function (module, exports) {
+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 agGridCommunity_cjs = createCommonjsModule(function (module, exports) {
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
@@ -46307,7 +46323,7 @@ var BaseComponentWrapper = /** @class */ (function () {
  * @link http://www.ag-grid.com/
  * @license MIT
  */
-var globalObj = typeof index.commonjsGlobal === 'undefined' ? {} : index.commonjsGlobal;
+var globalObj = typeof commonjsGlobal === 'undefined' ? {} : commonjsGlobal;
 globalObj.HTMLElement = typeof HTMLElement === 'undefined' ? {} : HTMLElement;
 globalObj.HTMLButtonElement = typeof HTMLButtonElement === 'undefined' ? {} : HTMLButtonElement;
 globalObj.HTMLSelectElement = typeof HTMLSelectElement === 'undefined' ? {} : HTMLSelectElement;
@@ -50012,7 +50028,7 @@ exports.simpleHttpRequest = simpleHttpRequest;
 exports.stringToArray = stringToArray;
 });
 
-var agGridEnterprise_cjs = index.createCommonjsModule(function (module, exports) {
+var agGridEnterprise_cjs = createCommonjsModule(function (module, exports) {
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
@@ -110051,8 +110067,8 @@ class AgGridController {
     this._gridOptions.api.getSortModel().forEach(({ colId, sort }) => {
       if (sort) {
         const field = this._dataUnit.getField(colId);
-        const mode = sort === "asc" ? index.SortMode.ASC : index.SortMode.DESC;
-        const sortField = field ? { field: field.name, dataType: field.dataType, mode } : { field: colId, dataType: index.DataType.TEXT, mode };
+        const mode = sort === "asc" ? UnitMetadata.SortMode.ASC : UnitMetadata.SortMode.DESC;
+        const sortField = field ? { field: field.name, dataType: field.dataType, mode } : { field: colId, dataType: UnitMetadata.DataType.TEXT, mode };
         sortedColumns.push(sortField);
       }
     });
@@ -110311,7 +110327,7 @@ class DataUnitBridge {
   }
   processAction(action) {
     switch (action.type) {
-      case index.Action.METADATA_LOADED:
+      case UnitMetadata.Action.METADATA_LOADED:
         this._gridController.setColumnsDef(this.buildColumnDefs(), true);
         break;
     }
@@ -110333,10 +110349,10 @@ const ezGridCss = ".sc-ez-grid-h{display:grid;grid-template-rows:auto 1fr auto;h
 
 let EzGrid = class {
   constructor(hostRef) {
-    index$1.registerInstance(this, hostRef);
-    this.ezColumnStateChange = index$1.createEvent(this, "ezColumnStateChange", 7);
-    this.ezSelectionChange = index$1.createEvent(this, "ezSelectionChange", 7);
-    this.ezDoubleClick = index$1.createEvent(this, "ezDoubleClick", 7);
+    index.registerInstance(this, hostRef);
+    this.ezColumnStateChange = index.createEvent(this, "ezColumnStateChange", 7);
+    this.ezSelectionChange = index.createEvent(this, "ezSelectionChange", 7);
+    this.ezDoubleClick = index.createEvent(this, "ezDoubleClick", 7);
     this._gridController = new AgGridController(false);
     this._popUpVisible = false;
     /**
@@ -110422,9 +110438,9 @@ let EzGrid = class {
       return null;
     }
     return [
-      index$1.h("div", { class: "text text--primary text--medium margin-right--medium" }, index$1.h("strong", { class: "text text--primary text--medium" }, `${this._navigationFirstRow}-${this._navigationLastRow}`), ` de ${this._navigationTotalRows}`),
-      index$1.h("ez-button", { size: "small", iconName: "chevron-left", class: "margin-right--medium", mode: "icon", enabled: this._navigationHasPrevious, onClick: () => this._gridController.previousPage(), label: "P\u00E1gina anterior" }),
-      index$1.h("ez-button", { size: "small", iconName: "chevron-right", class: "margin-right--medium", mode: "icon", enabled: this._navigationHasNext, onClick: () => this._gridController.nextPage(), label: "Pr\u00F3xima P\u00E1gina" })
+      index.h("div", { class: "text text--primary text--medium margin-right--medium" }, index.h("strong", { class: "text text--primary text--medium" }, `${this._navigationFirstRow}-${this._navigationLastRow}`), ` de ${this._navigationTotalRows}`),
+      index.h("ez-button", { size: "small", iconName: "chevron-left", class: "margin-right--medium", mode: "icon", enabled: this._navigationHasPrevious, onClick: () => this._gridController.previousPage(), label: "P\u00E1gina anterior" }),
+      index.h("ez-button", { size: "small", iconName: "chevron-right", class: "margin-right--medium", mode: "icon", enabled: this._navigationHasNext, onClick: () => this._gridController.nextPage(), label: "Pr\u00F3xima P\u00E1gina" })
     ];
   }
   applyConfig(cols) {
@@ -110440,7 +110456,7 @@ let EzGrid = class {
     this._popUpVisible = true;
   }
   render() {
-    return (index$1.h(index$1.Host, null, index$1.h("div", { class: "box box--shadow padding--medium grid-header" }, index$1.h("div", { class: "grid-header__container" }, index$1.h("slot", { name: "leftButtons" })), index$1.h("div", { class: "grid-header__container" }, this.getPaginationControl(), index$1.h("ez-button", { size: "small", iconName: "settings", class: "button--secondary", mode: "icon", onClick: () => { this.openConfig(); } }))), index$1.h("div", { class: "grid__container ag-sankhya-theme", ref: elem => this._container = elem }), index$1.h("div", { class: "grid__footer" }), index$1.h("ez-modal", { modalSize: "small", closeEsc: true, closeOutsideClick: true, opened: this._popUpVisible, onEzCloseModal: () => this._popUpVisible = false }, index$1.h("grid-config", { ref: ref => this._gridConfig = ref, selectedTab: "Colunas", onConfigFinish: evt => this.applyConfig(evt.detail), onConfigCancel: _evt => this.closeConfig() }))));
+    return (index.h(index.Host, null, index.h("div", { class: "box box--shadow padding--medium grid-header" }, index.h("div", { class: "grid-header__container" }, index.h("slot", { name: "leftButtons" })), index.h("div", { class: "grid-header__container" }, this.getPaginationControl(), index.h("ez-button", { size: "small", iconName: "settings", class: "button--secondary", mode: "icon", onClick: () => { this.openConfig(); } }))), index.h("div", { class: "grid__container ag-sankhya-theme", ref: elem => this._container = elem }), index.h("div", { class: "grid__footer" }), index.h("ez-modal", { modalSize: "small", closeEsc: true, closeOutsideClick: true, opened: this._popUpVisible, onEzCloseModal: () => this._popUpVisible = false }, index.h("grid-config", { ref: ref => this._gridConfig = ref, selectedTab: "Colunas", onConfigFinish: evt => this.applyConfig(evt.detail), onConfigCancel: _evt => this.closeConfig() }))));
   }
   static get assetsDirs() { return ["../assets"]; }
 };

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-88286449.js');
 const StringUtils = require('./StringUtils-0ba09df4.js');
-require('./index-6164b259.js');
+require('./UnitMetadata-2e11c5d3.js');
 
-const ezIconCss = ":host{display:flex;overflow:hidden;position:relative;--ez-icon--color:var(--icon--color, #ffffff)}svg{display:flex;justify-content:center;align-items:center;fill:var(--ez-icon--color)}.x-small{width:12px;height:12px}.small{width:16px;height:16px}.medium{width:20px;height:20px}.large{width:24px;height:24px}.x-large{width:30px;height:30px}[class^=\"ez-icon-\"],[class*=\" ez-icon-\"]{font-family:'ez-icons' !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ez-icon-account-outline:before{content:\"\\ea01\"}.ez-icon-account:before{content:\"\\ea02\"}.ez-icon-alert-circle-inverted:before{content:\"\\ea03\"}.ez-icon-alert-circle:before{content:\"\\ea04\"}.ez-icon-alert-mail:before{content:\"\\ea05\"}.ez-icon-alert-outline:before{content:\"\\ea06\"}.ez-icon-alert-popup:before{content:\"\\ea07\"}.ez-icon-apps:before{content:\"\\ea08\"}.ez-icon-arrow_back:before{content:\"\\ea09\"}.ez-icon-bell-inverted:before{content:\"\\ea0a\"}.ez-icon-bell:before{content:\"\\ea0b\"}.ez-icon-business-center:before{content:\"\\ea0c\"}.ez-icon-calendar-text:before{content:\"\\ea0d\"}.ez-icon-calendar:before{content:\"\\ea0e\"}.ez-icon-check-circle-inverted:before{content:\"\\ea0f\"}.ez-icon-check-circle:before{content:\"\\ea10\"}.ez-icon-check:before{content:\"\\ea11\"}.ez-icon-chevron-down:before{content:\"\\ea12\"}.ez-icon-chevron-left:before{content:\"\\ea13\"}.ez-icon-chevron-right:before{content:\"\\ea14\"}.ez-icon-chevron-up:before{content:\"\\ea15\"}.ez-icon-circle--medium:before{content:\"\\ea16\"}.ez-icon-circle:before{content:\"\\ea17\"}.ez-icon-clipboard:before{content:\"\\ea18\"}.ez-icon-close-circle-inverted:before{content:\"\\ea19\"}.ez-icon-close-circle:before{content:\"\\ea1a\"}.ez-icon-close:before{content:\"\\ea1b\"}.ez-icon-comment-inverted:before{content:\"\\ea1c\"}.ez-icon-comment:before{content:\"\\ea1d\"}.ez-icon-configuration:before{content:\"\\ea1e\"}.ez-icon-copy:before{content:\"\\ea1f\"}.ez-icon-crop:before{content:\"\\ea20\"}.ez-icon-delete:before{content:\"\\ea21\"}.ez-icon-description:before{content:\"\\ea22\"}.ez-icon-dot-notification:before{content:\"\\ea23\"}.ez-icon-dots-horizontal:before{content:\"\\ea24\"}.ez-icon-dots-vertical:before{content:\"\\ea25\"}.ez-icon-drag-indicator:before{content:\"\\ea26\"}.ez-icon-edit-file:before{content:\"\\ea27\"}.ez-icon-edit-table:before{content:\"\\ea28\"}.ez-icon-edit-time:before{content:\"\\ea29\"}.ez-icon-edit:before{content:\"\\ea2a\"}.ez-icon-email-inverted:before{content:\"\\ea2b\"}.ez-icon-email:before{content:\"\\ea2c\"}.ez-icon-error-octagon:before{content:\"\\ea2d\"}.ez-icon-expand:before{content:\"\\ea2e\"}.ez-icon-eye-off:before{content:\"\\ea2f\"}.ez-icon-eye:before{content:\"\\ea30\"}.ez-icon-favorite:before{content:\"\\ea31\"}.ez-icon-file-download:before{content:\"\\ea32\"}.ez-icon-file-upload:before{content:\"\\ea33\"}.ez-icon-filter:before{content:\"\\ea34\"}.ez-icon-find-file:before{content:\"\\ea35\"}.ez-icon-find-page:before{content:\"\\ea36\"}.ez-icon-format-color-fill:before{content:\"\\ea37\"}.ez-icon-help-circle-outline:before{content:\"\\ea38\"}.ez-icon-help-inverted:before{content:\"\\ea39\"}.ez-icon-help:before{content:\"\\ea3a\"}.ez-icon-home:before{content:\"\\ea3b\"}.ez-icon-language:before{content:\"\\ea3c\"}.ez-icon-launch:before{content:\"\\ea3d\"}.ez-icon-lightbulb:before{content:\"\\ea3e\"}.ez-icon-list:before{content:\"\\ea3f\"}.ez-icon-loading:before{content:\"\\ea40\"}.ez-icon-lock-outline:before{content:\"\\ea41\"}.ez-icon-lock:before{content:\"\\ea42\"}.ez-icon-menu:before{content:\"\\ea43\"}.ez-icon-minus-circle-inverted:before{content:\"\\ea44\"}.ez-icon-minus:before{content:\"\\ea45\"}.ez-icon-money-off:before{content:\"\\ea46\"}.ez-icon-money:before{content:\"\\ea47\"}.ez-icon-north-west:before{content:\"\\ea48\"}.ez-icon-pause:before{content:\"\\ea49\"}.ez-icon-payments:before{content:\"\\ea4a\"}.ez-icon-play:before{content:\"\\ea4b\"}.ez-icon-plus-circle-inverted:before{content:\"\\ea4c\"}.ez-icon-plus-circle:before{content:\"\\ea4d\"}.ez-icon-plus:before{content:\"\\ea4e\"}.ez-icon-power:before{content:\"\\ea4f\"}.ez-icon-push-pin:before{content:\"\\ea50\"}.ez-icon-restore:before{content:\"\\ea51\"}.ez-icon-return:before{content:\"\\ea52\"}.ez-icon-rotate:before{content:\"\\ea53\"}.ez-icon-save:before{content:\"\\ea54\"}.ez-icon-search:before{content:\"\\ea55\"}.ez-icon-settings-inverted:before{content:\"\\ea56\"}.ez-icon-settings:before{content:\"\\ea57\"}.ez-icon-share:before{content:\"\\ea58\"}.ez-icon-shield:before{content:\"\\ea59\"}.ez-icon-south-east:before{content:\"\\ea5a\"}.ez-icon-success-circle:before{content:\"\\ea5b\"}.ez-icon-sync:before{content:\"\\ea5c\"}.ez-icon-table:before{content:\"\\ea5d\"}.ez-icon-timer-outline:before{content:\"\\ea5e\"}.ez-icon-user-circle:before{content:\"\\ea5f\"}.ez-icon-warning-minus:before{content:\"\\ea60\"}.ez-icon-warning-triangle:before{content:\"\\ea61\"}.x-small--font{font-size:12px}.small--font{font-size:16px}.medium--font{font-size:20px}.large--font{font-size:24px}.x-large--font{font-size:30px}";
+const ezIconCss = ":host{display:flex;overflow:hidden;position:relative;--ez-icon--color:var(--icon--color, #ffffff)}svg{display:flex;justify-content:center;align-items:center;fill:var(--ez-icon--color)}.x-small{width:12px;height:12px}.small{width:16px;height:16px}.medium{width:20px;height:20px}.large{width:24px;height:24px}.x-large{width:30px;height:30px}[class^=\"ez-icon-\"],[class*=\" ez-icon-\"]{color:var(--ez-icon--color)}[class^=\"ez-icon-\"],[class*=\" ez-icon-\"]{font-family:'ez-icons' !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ez-icon-account-outline:before{content:\"\\ea01\"}.ez-icon-account:before{content:\"\\ea02\"}.ez-icon-alert-circle-inverted:before{content:\"\\ea03\"}.ez-icon-alert-circle:before{content:\"\\ea04\"}.ez-icon-alert-mail:before{content:\"\\ea05\"}.ez-icon-alert-outline:before{content:\"\\ea06\"}.ez-icon-alert-popup:before{content:\"\\ea07\"}.ez-icon-apps:before{content:\"\\ea08\"}.ez-icon-arrow_back:before{content:\"\\ea09\"}.ez-icon-bell-inverted:before{content:\"\\ea0a\"}.ez-icon-bell:before{content:\"\\ea0b\"}.ez-icon-business-center:before{content:\"\\ea0c\"}.ez-icon-calendar-text:before{content:\"\\ea0d\"}.ez-icon-calendar:before{content:\"\\ea0e\"}.ez-icon-check-circle-inverted:before{content:\"\\ea0f\"}.ez-icon-check-circle:before{content:\"\\ea10\"}.ez-icon-check:before{content:\"\\ea11\"}.ez-icon-chevron-down:before{content:\"\\ea12\"}.ez-icon-chevron-left:before{content:\"\\ea13\"}.ez-icon-chevron-right:before{content:\"\\ea14\"}.ez-icon-chevron-up:before{content:\"\\ea15\"}.ez-icon-circle--medium:before{content:\"\\ea16\"}.ez-icon-circle:before{content:\"\\ea17\"}.ez-icon-clipboard:before{content:\"\\ea18\"}.ez-icon-close-circle-inverted:before{content:\"\\ea19\"}.ez-icon-close-circle:before{content:\"\\ea1a\"}.ez-icon-close:before{content:\"\\ea1b\"}.ez-icon-comment-inverted:before{content:\"\\ea1c\"}.ez-icon-comment:before{content:\"\\ea1d\"}.ez-icon-configuration:before{content:\"\\ea1e\"}.ez-icon-copy:before{content:\"\\ea1f\"}.ez-icon-crop:before{content:\"\\ea20\"}.ez-icon-delete:before{content:\"\\ea21\"}.ez-icon-description:before{content:\"\\ea22\"}.ez-icon-dot-notification:before{content:\"\\ea23\"}.ez-icon-dots-horizontal:before{content:\"\\ea24\"}.ez-icon-dots-vertical:before{content:\"\\ea25\"}.ez-icon-drag-indicator:before{content:\"\\ea26\"}.ez-icon-edit-file:before{content:\"\\ea27\"}.ez-icon-edit-table:before{content:\"\\ea28\"}.ez-icon-edit-time:before{content:\"\\ea29\"}.ez-icon-edit:before{content:\"\\ea2a\"}.ez-icon-email-inverted:before{content:\"\\ea2b\"}.ez-icon-email:before{content:\"\\ea2c\"}.ez-icon-error-octagon:before{content:\"\\ea2d\"}.ez-icon-expand:before{content:\"\\ea2e\"}.ez-icon-eye-off:before{content:\"\\ea2f\"}.ez-icon-eye:before{content:\"\\ea30\"}.ez-icon-favorite:before{content:\"\\ea31\"}.ez-icon-file-download:before{content:\"\\ea32\"}.ez-icon-file-upload:before{content:\"\\ea33\"}.ez-icon-filter:before{content:\"\\ea34\"}.ez-icon-find-file:before{content:\"\\ea35\"}.ez-icon-find-page:before{content:\"\\ea36\"}.ez-icon-format-color-fill:before{content:\"\\ea37\"}.ez-icon-help-circle-outline:before{content:\"\\ea38\"}.ez-icon-help-inverted:before{content:\"\\ea39\"}.ez-icon-help:before{content:\"\\ea3a\"}.ez-icon-home:before{content:\"\\ea3b\"}.ez-icon-language:before{content:\"\\ea3c\"}.ez-icon-launch:before{content:\"\\ea3d\"}.ez-icon-lightbulb:before{content:\"\\ea3e\"}.ez-icon-list:before{content:\"\\ea3f\"}.ez-icon-loading:before{content:\"\\ea40\"}.ez-icon-lock-outline:before{content:\"\\ea41\"}.ez-icon-lock:before{content:\"\\ea42\"}.ez-icon-menu:before{content:\"\\ea43\"}.ez-icon-minus-circle-inverted:before{content:\"\\ea44\"}.ez-icon-minus:before{content:\"\\ea45\"}.ez-icon-money-off:before{content:\"\\ea46\"}.ez-icon-money:before{content:\"\\ea47\"}.ez-icon-north-west:before{content:\"\\ea48\"}.ez-icon-pause:before{content:\"\\ea49\"}.ez-icon-payments:before{content:\"\\ea4a\"}.ez-icon-play:before{content:\"\\ea4b\"}.ez-icon-plus-circle-inverted:before{content:\"\\ea4c\"}.ez-icon-plus-circle:before{content:\"\\ea4d\"}.ez-icon-plus:before{content:\"\\ea4e\"}.ez-icon-power:before{content:\"\\ea4f\"}.ez-icon-push-pin:before{content:\"\\ea50\"}.ez-icon-restore:before{content:\"\\ea51\"}.ez-icon-return:before{content:\"\\ea52\"}.ez-icon-rotate:before{content:\"\\ea53\"}.ez-icon-save:before{content:\"\\ea54\"}.ez-icon-search:before{content:\"\\ea55\"}.ez-icon-settings-inverted:before{content:\"\\ea56\"}.ez-icon-settings:before{content:\"\\ea57\"}.ez-icon-share:before{content:\"\\ea58\"}.ez-icon-shield:before{content:\"\\ea59\"}.ez-icon-south-east:before{content:\"\\ea5a\"}.ez-icon-success-circle:before{content:\"\\ea5b\"}.ez-icon-sync:before{content:\"\\ea5c\"}.ez-icon-table:before{content:\"\\ea5d\"}.ez-icon-timer-outline:before{content:\"\\ea5e\"}.ez-icon-user-circle:before{content:\"\\ea5f\"}.ez-icon-warning-minus:before{content:\"\\ea60\"}.ez-icon-warning-triangle:before{content:\"\\ea61\"}.x-small--font{font-size:12px}.small--font{font-size:16px}.medium--font{font-size:20px}.large--font{font-size:24px}.x-large--font{font-size:30px}";
 
 let EzIcon = class {
   constructor(hostRef) {

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

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

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-88286449.js');
-require('./index-6164b259.js');
+require('./UnitMetadata-2e11c5d3.js');
 const FloatingManager = require('./FloatingManager-6cfeb947.js');
 
 const ezPopoverCss = ":host{--ez-popover__box--border-radius:var(--border--radius-medium, 12px);--ez-popover__box--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-popover__box--background-color:var(--background--xlight, #fff);--ez-popover__box--z-index:var(--more-visible, 1);position:relative;display:flex;user-select:none;width:100%}.box{z-index:var(--ez-popover__box--z-index);display:flex;flex-direction:column;height:fit-content;background-color:var(--ez-popover__box--background-color);border-radius:var(--ez-popover__box--border-radius);box-shadow:var(--ez-popover__box--box-shadow)}.box--fit-content{width:fit-content}.box--full-width{width:100%}";

package/dist/cjs/ez-time-input.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-88286449.js');
-const index$1 = require('./index-6164b259.js');
+const UnitMetadata = require('./UnitMetadata-2e11c5d3.js');
 const CSSVarsUtils = require('./CSSVarsUtils-8fbdf2e0.js');
 const AssetsUtils = require('./AssetsUtils-4909c6de.js');
 
@@ -24,7 +24,7 @@ let EzTimeInput = class {
   prepareMask() {
     if (this.showSeconds) {
       if (this._maskFormatter == undefined) {
-        this._maskFormatter = new index$1.MaskFormatter("##:##:##");
+        this._maskFormatter = new UnitMetadata.MaskFormatter("##:##:##");
       }
       else {
         this._maskFormatter.mask = "##:##:##";
@@ -32,7 +32,7 @@ let EzTimeInput = class {
     }
     else {
       if (this._maskFormatter == undefined) {
-        this._maskFormatter = new index$1.MaskFormatter("##:##");
+        this._maskFormatter = new UnitMetadata.MaskFormatter("##:##");
       }
       else {
         this._maskFormatter.mask = "##:##";
@@ -66,14 +66,14 @@ let EzTimeInput = class {
   handleFocusout() {
     this.errorMessage = "";
     this.prepareValue(this.viewValue);
-    if (!index$1.TimeFormatter.validateTime(this.viewValue, this.showSeconds)) {
+    if (!UnitMetadata.TimeFormatter.validateTime(this.viewValue, this.showSeconds)) {
       this.clearField();
       this.errorMessage = "Favor inserir um horário válido.";
     }
   }
   prepareValue(value) {
     try {
-      this.viewValue = index$1.TimeFormatter.prepareValue(value, this.showSeconds);
+      this.viewValue = UnitMetadata.TimeFormatter.prepareValue(value, this.showSeconds);
     }
     catch (e) {
       this.clearField();
@@ -85,7 +85,7 @@ let EzTimeInput = class {
   }
   handleChange() {
     this.viewValue = this._inputElem.value;
-    this.value = index$1.NumberUtils.stringToNumber(this.viewValue.replace(/\D/g, ""));
+    this.value = UnitMetadata.NumberUtils.stringToNumber(this.viewValue.replace(/\D/g, ""));
   }
   //---------------------------------------------
   // Lifecycle web component

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

@@ -1,3 +1,4 @@
+import { ApplicationContext } from "@sankhyalabs/core";
 export default class DataBinder {
   constructor(dataUnit) {
     this._fields = new Map();
@@ -25,6 +26,7 @@ export default class DataBinder {
       oldBind.destroy();
     }
     this._fields.set(fieldName, Bind.create(fieldName, field, (fieldName, newValue) => this.setFieldValue(fieldName, newValue)));
+    this.bindSearchOptionsLoader(fieldName, field);
   }
   setFieldValue(fieldName, newValue) {
     if (this._dataUnit.records.length === 0) {
@@ -32,6 +34,17 @@ export default class DataBinder {
     }
     this._dataUnit.setFieldValue(fieldName, newValue);
   }
+  bindSearchOptionsLoader(fieldName, field) {
+    if (field.nodeName === "EZ-SEARCH" && field["optionLoader"] === undefined) {
+      const loader = ApplicationContext.getContextValue("__EZUI__SEARCH__OPTION__LOADER__");
+      if (loader) {
+        const fm = this._dataUnit.getField(fieldName);
+        field["optionLoader"] = (arg) => {
+          loader(arg, fm.properties, this._dataUnit);
+        };
+      }
+    }
+  }
 }
 class Bind {
   destroy() {

package/dist/collection/components/ez-form/fieldbuilder/tpl/SearchInput.tpl.js

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
 export const buildSearch = ({ name, label, readOnly }) => {
   return (h("div", { class: "col col--sd-12 col--tb-3 padding--small" },
-    h("ez-search", { enabled: !readOnly, label: label, optionLoader: (_argument) => { }, "data-field-name": name, key: name })));
+    h("ez-search", { enabled: !readOnly, label: label, "data-field-name": name, key: name })));
 };

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

@@ -37,6 +37,11 @@ svg {
   width: 30px;
   height: 30px;
 }
+
+[class^="ez-icon-"], [class*=" ez-icon-"] {
+  color: var(--ez-icon--color);
+}
+
 /*
   START CSS GENERATED BY EZ-DESIGN ICONS, SEE MORE AT ez-design\scripts\fontsGenerator.js.
   WHEN ADD NEW ICONS THIS CSS NEED TO BE UPDATED