@sankhyalabs/ezui 1.1.96 → 1.1.99

package/dist/cjs/{ez-calendar_14.cjs.entry.js → ez-calendar_16.cjs.entry.js}

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-88286449.js');
-const index$1 = require('./index-6164b259.js');
+const UnitMetadata = require('./UnitMetadata-63c56042.js');
 const FloatingManager = require('./FloatingManager-6cfeb947.js');
-const CSSVarsUtils = require('./CSSVarsUtils-8fbdf2e0.js');
+const AssetsUtils = require('./AssetsUtils-69356e76.js');
 
 class DateUtils {
     static clearTime(date, adjustDayLightSavingTime = true) {
@@ -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 {
@@ -371,6 +388,22 @@ let EzCollapsibleBox = class {
 };
 EzCollapsibleBox.style = ezCollapsibleBoxCss;
 
+class CSSVarsUtils {
+  static applyVarsTextInput(host, child) {
+    if (child) {
+      CSSVarsUtils.applyIfExists(host, child, '--ez-text-input__input--background-color');
+      CSSVarsUtils.applyIfExists(host, child, '--ez-text-input__input--border-color');
+      CSSVarsUtils.applyIfExists(host, child, '--ez-text-input--height');
+    }
+  }
+  static applyIfExists(host, element, varName) {
+    const prop = getComputedStyle(host).getPropertyValue(varName);
+    if (prop) {
+      element.style.setProperty(varName, prop);
+    }
+  }
+}
+
 const ezComboBoxCss = ":host{--ez-combo-box--height:42px;--ez-combo-box--width:100%;--ez-combo-box__icon--width:48px;--ez-combo-box--border-radius:var(--border--radius-medium, 12px);--ez-combo-box--border-radius-small:var(--border--radius-small, 6px);--ez-combo-box--font-size:var(--text--medium, 14px);--ez-combo-box--font-family:var(--font-pattern, Arial);--ez-combo-box--font-weight--large:var(--text-weight--large, 500);--ez-combo-box--font-weight--medium:var(--text-weight--medium, 400);--ez-combo-box--background-color--xlight:var(--background--xlight, #fff);--ez-combo-box--background-medium:var(--background--medium, #f0f3f7);--ez-combo-box__input--background-color:var(--background--medium, #e0e0e0);--ez-combo-box__input--border:var(--border--medium, 2px solid);--ez-combo-box__input--border-color:var(--ez-combo-box__input--background-color);--ez-combo-box__input--focus--border-color:var(--color--primary, #008561);--ez-combo-box__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--ez-combo-box__input--disabled--color:var(--text--disable, #AFB6C0);--ez-combo-box__input--error--border-color:#CC2936;--ez-combo-box__btn-search--background-color:var(--text--primary, #626e82);--ez-combo-box__btn-search-disabled--background-color:var(--text--disable, #AFB6C0);--ez-combo-box__btn-search-hover--background-color:var(--color--primary, #4e4e4e);--ez-combo-box__btn-options--background-color:var(--text--primary, #626e82);--ez-combo-box__btn-options-disabled--background-color:var(--text--disable, #AFB6C0);--ez-combo-box__btn-options-hover--background-color:var(--color--primary, #4e4e4e);--ez-combo-box__label--color:var(--title--primary, #919191);--ez-combo-box__list-text--primary:var(--text--primary, #626e82);--ez-combo-box__list-height:calc(var(--ez-combo-box--font-size) + var(--ez-combo-box--space--medium));--ez-combo-box__drop-down-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"16px\"><path d=\"M 1.8585859,3.0707069 7.9999998,9.2121212 14.141414,3.0707069 16,5.0101006 7.9999998,12.929293 0,4.9292932 Z\"/></svg>');--ez-combo-box__search-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"22px\" width=\"22px\"><path d=\"m 9.4,2.3 c 4.1,0 7.4,3.2 7.4,7.2 0,1.8 -0.7,3.4 -1.8,4.7 l 0.3,0.3 h 0.9 l 5.7,5.6 -1.7,1.7 -5.7,-5.6 V 15.3 L 14.3,15 C 13,16.1 11.3,16.7 9.5,16.7 5.3,16.7 2,13.5 2,9.5 2,5.5 5.3,2.3 9.4,2.3 m 0,2.2 c -2.9,0 -5.1,2.2 -5.1,5 0,2.8 2.3,5 5.1,5 2.8,0 5.1,-2.2 5.1,-5 0,-2.8 -2.2,-5 -5.1,-5 z\"/></svg>');--ez-combo-box--space--medium:var(--space--medium, 12px);--ez-combo-box--space--small:var(--space--small, 6px);display:flex;flex-wrap:wrap;position:relative;width:var(--ez-combo-box--width)}.list-container{position:relative;width:100%}.options-list{box-sizing:border-box;width:100%;z-index:var(--more-visible, 2);display:flex;flex-direction:column;background-color:var(--ez-combo-box--background-color--xlight);padding:var(--ez-combo-box--space--small);border-radius:var(--ez-combo-box--border-radius);box-shadow:var(--shadow, 0px 0px 16px 0px #000);scroll-behavior:smooth;max-height:calc(4*var(--ez-combo-box__list-height) + 2*var(--ez-combo-box--space--small));overflow:auto}.item{text-align:left;display:flex;justify-content:space-between;align-items:center;border-radius:var(--ez-combo-box--border-radius-small);padding:0 var(--ez-combo-box--space--small);list-style-type:none;min-height:var(--ez-combo-box__list-height)}.item--label{text-align:left;flex-basis:85%;flex-grow:1;color:var(--ez-combo-box__list-text--primary);font-weight:var(--ez-combo-box--font-weight--large);font-family:var(--ez-combo-box--font-family);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item--value{text-align:right;flex-basis:15%;flex-grow:0;color:var(--ez-combo-box__list-text--primary);font-weight:var(--ez-combo-box--font-weight--large);font-family:var(--ez-combo-box--font-family);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}li:hover{background-color:var(--ez-combo-box--background-medium)}.preselected{background-color:var(--background--medium)}.btn-open-options{outline:none;border:none;background-color:unset;cursor:pointer}.btn-open-options:disabled{cursor:unset}.btn-open-options::after{content:'';display:flex;background-color:var(--ez-combo-box__btn-options--background-color);width:16px;height:16px;-webkit-mask-image:var(--ez-combo-box__drop-down-image);mask-image:var(--ez-combo-box__drop-down-image)}.btn-open-options:disabled:after{background-color:var(--ez-combo-box__btn-options-disabled--background-color)}.btn-open-options:enabled:hover::after{background-color:var(--ez-combo-box__btn-options-hover--background-color)}.btn-open-search{outline:none;border:none;background-color:unset;cursor:pointer}.btn-open-search:disabled{cursor:unset}.btn-open-search::after{content:'';display:flex;background-color:var(--ez-combo-box__btn-search--background-color);width:22px;height:22px;-webkit-mask-image:var(--ez-combo-box__search-image);mask-image:var(--ez-combo-box__search-image)}.btn-open-search:disabled:after{background-color:var(--ez-combo-box__btn-search-disabled--background-color)}.btn-open-search:enabled:hover::after{background-color:var(--ez-combo-box__btn-search-hover--background-color)}";
 
 let EzComboBox = class {
@@ -564,7 +597,7 @@ let EzComboBox = class {
     }
   }
   componentDidLoad() {
-    CSSVarsUtils.CSSVarsUtils.applyVarsTextInput(this.el, this._inputElement);
+    CSSVarsUtils.applyVarsTextInput(this.el, this._inputElement);
   }
   //---------------------------------------------
   // Event handlers
@@ -690,7 +723,7 @@ let EzDateInput = class {
     return d ? new Intl.DateTimeFormat("pt-BR").format(d) : null;
   }
   componentDidLoad() {
-    CSSVarsUtils.CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);
+    CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);
   }
   render() {
     return (index.h(index.Host, null, index.h("ez-text-input", { ref: elem => this._textInput = elem, onBlur: () => this.parseDate(), onKeyDown: event => {
@@ -789,7 +822,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) {
@@ -816,7 +849,7 @@ let EzDateTimeInput = class {
     return d ? (new Intl.DateTimeFormat('pt-BR', this.showSeconds ? optionsSecond : options).format(d)) : null;
   }
   componentDidLoad() {
-    CSSVarsUtils.CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);
+    CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);
   }
   render() {
     return (index.h(index.Host, null, index.h("ez-text-input", { ref: elem => this._textInput = elem, onBlur: () => this.parseDate(), onKeyDown: event => { this.onChangeKeyDown(event); }, label: this.label, onEzChange: event => event.stopPropagation(), value: this.getTextValue(this.value), restrict: "0123456789/: ", enabled: this.enabled, errorMessage: this.errorMessage, onFocus: () => this.onFocused(), onClick: () => this.onClicked() }, index.h("button", { disabled: !this.enabled, tabindex: -1, class: "btn-open-cal", onClick: () => this.showCalendar(), slot: "leftIcon" })), index.h("ez-calendar", { onEzChange: (event) => { this.changeValue(this._calendar.value); event.stopPropagation(); }, floating: true, ref: elem => this._calendar = elem, time: true, showSeconds: this.showSeconds })));
@@ -867,7 +900,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 }) => {
@@ -879,6 +912,10 @@ const buildDate = ({ name, label, readOnly }) => {
   return (index.h("div", { class: "col col--sd-12 col--tb-3 padding--small" },
     index.h("ez-date-input", { enabled: !readOnly, label: label, "data-field-name": name, key: name })));
 };
+const buildTime = ({ name, label }) => {
+  return (index.h("div", { class: "col col--sd-12 col--tb-3 padding--small" },
+    index.h("ez-time-input", { label: label, "data-field-name": name, key: name })));
+};
 const buildTimeDate = ({ name, label }) => {
   return (index.h("div", { class: "col col--sd-12 col--tb-3 padding--small" },
     index.h("ez-date-time-input", { label: label, "data-field-name": name, key: name })));
@@ -898,16 +935,17 @@ 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.TIME, buildTime);
+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 +1481,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 +1489,16 @@ 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) {
+        field["optionLoader"] = (arg) => {
+          loader(arg, fieldName, this._dataUnit);
+        };
+      }
+    }
+  }
 }
 class Bind {
   destroy() {
@@ -1575,12 +1624,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 +1640,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();
       }
     });
@@ -1615,6 +1664,39 @@ let EzForm = class {
 };
 EzForm.style = ezFormCss;
 
+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) {
+    index.registerInstance(this, hostRef);
+    /**
+     * Tamanho do ícone
+     */
+    this.size = 'medium';
+  }
+  isSprite() {
+    return this.href && this.href.indexOf('#') > -1;
+  }
+  getIconClassName() {
+    return `ez-icon-${this.iconName}`;
+  }
+  getIconContent() {
+    if (this.isSprite()) {
+      return index.h("svg", { class: this.size, role: "img" }, index.h("use", { xlinkHref: this.href }));
+    }
+    else if (!AssetsUtils.StringUtils.isEmpty(this.iconName)) {
+      return index.h("span", { class: `icon-content ${this.getIconClassName()}  ${this.size}--font` });
+    }
+    else {
+      return index.h("img", { class: this.size, src: this.href });
+    }
+  }
+  render() {
+    return (index.h(index.Host, null, this.getIconContent()));
+  }
+};
+EzIcon.style = ezIconCss;
+
 const ezNumberInputCss = ":host{display:block;width:100%}";
 
 let EzNumberInput = class {
@@ -1645,7 +1727,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,12 +1743,12 @@ 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;
   }
   componentDidLoad() {
-    CSSVarsUtils.CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);
+    CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);
   }
   render() {
     return (index.h("ez-text-input", { ref: elem => this._textInput = elem, onBlur: () => this.parseNumber(), label: this.label, onEzChange: event => event.stopPropagation(), value: this.getTextValue(this.value), restrict: this.precision > 0 ? "0123456789-,." : "0123456789-", enabled: this.enabled, errorMessage: this.errorMessage }));
@@ -1711,7 +1793,7 @@ let EzSearch = class {
     this.ezChange.emit(evt.detail);
   }
   componentDidLoad() {
-    CSSVarsUtils.CSSVarsUtils.applyVarsTextInput(this._elem, this._comboElement);
+    CSSVarsUtils.applyVarsTextInput(this._elem, this._comboElement);
   }
   render() {
     return (index.h("ez-combo-box", { ref: elem => this._comboElement = elem, value: this.value, label: this.label, enabled: this.enabled, errorMessage: this.errorMessage, optionLoader: this.optionLoader, searchMode: true, onEzChange: evt => this.onComboChange(evt), showSelectedValue: this.showSelectedValue, showOptionValue: this.showOptionValue }));
@@ -2051,7 +2133,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;
@@ -2215,6 +2297,114 @@ let EzTextInput = class {
 };
 EzTextInput.style = ezTextInputCss;
 
+const ezTimeInputCss = ":host{display:flex;flex-wrap:wrap;position:relative;width:100%}";
+
+let EzTimeInput = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+     * Deixa o campo disponível ou não para digitação.
+     */
+    this.enabled = true;
+    /**
+    * Define se o componente irá ou não considerar os segundos
+    */
+    this.showSeconds = false;
+  }
+  prepareMask() {
+    if (this.showSeconds) {
+      if (this._maskFormatter == undefined) {
+        this._maskFormatter = new UnitMetadata.MaskFormatter("##:##:##");
+      }
+      else {
+        this._maskFormatter.mask = "##:##:##";
+      }
+    }
+    else {
+      if (this._maskFormatter == undefined) {
+        this._maskFormatter = new UnitMetadata.MaskFormatter("##:##");
+      }
+      else {
+        this._maskFormatter.mask = "##:##";
+      }
+    }
+  }
+  onValueChanged() {
+    if (this.value === NaN) {
+      this.value = undefined;
+      this.handleFocusout();
+    }
+  }
+  //---------------------------------------------
+  // Public methods
+  //---------------------------------------------
+  /**
+   * Faz o foco no componente de input
+   */
+  async setFocus() {
+    this._inputElem.focus();
+  }
+  /**
+   * Remove o foco no componente de input
+   */
+  async setBlur() {
+    this._inputElem.blur();
+  }
+  //---------------------------------------------
+  // Event handlers
+  //---------------------------------------------
+  handleFocusout() {
+    this.errorMessage = "";
+    this.prepareValue(this.viewValue);
+    if (!UnitMetadata.TimeFormatter.validateTime(this.viewValue, this.showSeconds)) {
+      this.clearField();
+      this.errorMessage = "Favor inserir um horário válido.";
+    }
+  }
+  prepareValue(value) {
+    try {
+      this.viewValue = UnitMetadata.TimeFormatter.prepareValue(value, this.showSeconds);
+    }
+    catch (e) {
+      this.clearField();
+      this.errorMessage = e.message;
+    }
+  }
+  clearField() {
+    this.viewValue = this.value = undefined;
+  }
+  handleChange() {
+    this.viewValue = this._inputElem.value;
+    this.value = UnitMetadata.NumberUtils.stringToNumber(this.viewValue.replace(/\D/g, ""));
+  }
+  //---------------------------------------------
+  // Lifecycle web component
+  //---------------------------------------------
+  componentDidLoad() {
+    this.onValueChanged();
+    CSSVarsUtils.applyVarsTextInput(this._elem, this._inputElem);
+  }
+  componentWillLoad() {
+    this.prepareMask();
+    if (this.value) {
+      this.prepareValue(this.value.toString());
+    }
+    else if (this.viewValue) {
+      this.prepareValue(this.viewValue);
+    }
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("ez-text-input", { ref: (el) => this._inputElem = el, value: this.viewValue, enabled: this.enabled, label: this.label, onInput: () => { this.handleChange(); }, onFocusout: () => { this.handleFocusout(); }, errorMessage: this.errorMessage }, index.h("ez-icon", { slot: "leftIcon", href: AssetsUtils.getSpritePath("timer-outline") }))));
+  }
+  static get assetsDirs() { return ["../assets"]; }
+  get _elem() { return index.getElement(this); }
+  static get watchers() { return {
+    "showSeconds": ["prepareMask"],
+    "value": ["onValueChanged"]
+  }; }
+};
+EzTimeInput.style = ezTimeInputCss;
+
 class RemoteFile {
   constructor(file) {
     this.file = file;
@@ -2558,7 +2748,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 +2756,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 }
         }
       ]
@@ -2619,10 +2809,12 @@ exports.ez_combo_box = EzComboBox;
 exports.ez_date_input = EzDateInput;
 exports.ez_date_time_input = EzDateTimeInput;
 exports.ez_form = EzForm;
+exports.ez_icon = EzIcon;
 exports.ez_number_input = EzNumberInput;
 exports.ez_search = EzSearch;
 exports.ez_tabselector = EzTabselector;
 exports.ez_text_area = EzTextArea;
 exports.ez_text_input = EzTextInput;
+exports.ez_time_input = EzTimeInput;
 exports.ez_upload = EzUpload;
 exports.test_du = TestDu;

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-63c56042.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);
       }
     });
@@ -110133,9 +110149,11 @@ class AgGridController {
         headerName: "",
         checkboxSelection: true,
         headerCheckboxSelection: false,
-        width: 24,
+        width: 28,
         suppressMovable: true,
-        suppressMenu: true
+        suppressAutoSize: true,
+        suppressMenu: true,
+        lockPosition: true
       });
     }
     cols.forEach(c => {
@@ -110311,7 +110329,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;
     }
@@ -110320,8 +110338,9 @@ class DataUnitBridge {
     const columnDefs = [];
     if (this._dataUnit.metadata) {
       this._dataUnit.metadata.fields.forEach(f => {
+        var _a;
         if (f.visible !== false) {
-          columnDefs.push({ label: f.label, name: f.name, userInterface: f.userInterface, options: this._dataUnit.getField(f.name).properties.options });
+          columnDefs.push({ label: f.label, name: f.name, userInterface: f.userInterface, options: (_a = this._dataUnit.getField(f.name).properties) === null || _a === void 0 ? void 0 : _a.options });
         }
       });
     }
@@ -110333,10 +110352,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 +110441,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 +110459,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-modal_2.cjs.entry.js

@@ -3,9 +3,8 @@
 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');
+const AssetsUtils = require('./AssetsUtils-69356e76.js');
+require('./UnitMetadata-63c56042.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%}}";
 
@@ -264,7 +263,7 @@ let GridConfig = class {
     }
   }
   compareWords(column, searchingText) {
-    if (StringUtils.StringUtils.replaceAccentuatedChars(column.label).indexOf(StringUtils.StringUtils.replaceAccentuatedChars(searchingText)) > -1) {
+    if (AssetsUtils.StringUtils.replaceAccentuatedChars(column.label).indexOf(AssetsUtils.StringUtils.replaceAccentuatedChars(searchingText)) > -1) {
       return true;
     }
     return false;

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-63c56042.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%}";