@sankhyalabs/ezui 7.1.0-dev.2 → 7.1.0-dev.21

package/dist/cjs/{purify-47a2f27b.js → purify-b30a5718.js}

@@ -3,7 +3,7 @@
 const _commonjsHelpers = require('./_commonjsHelpers-537d719a.js');
 
 var purify = _commonjsHelpers.createCommonjsModule(function (module, exports) {
-/*! @license DOMPurify 3.2.7 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.7/LICENSE */
+/*! @license DOMPurify 3.3.1 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.3.1/LICENSE */
 
 (function (global, factory) {
   module.exports = factory() ;
@@ -192,7 +192,7 @@ var purify = _commonjsHelpers.createCommonjsModule(function (module, exports) {
   }
 
   const html$1 = freeze(['a', 'abbr', 'acronym', 'address', 'area', 'article', 'aside', 'audio', 'b', 'bdi', 'bdo', 'big', 'blink', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'center', 'cite', 'code', 'col', 'colgroup', 'content', 'data', 'datalist', 'dd', 'decorator', 'del', 'details', 'dfn', 'dialog', 'dir', 'div', 'dl', 'dt', 'element', 'em', 'fieldset', 'figcaption', 'figure', 'font', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'img', 'input', 'ins', 'kbd', 'label', 'legend', 'li', 'main', 'map', 'mark', 'marquee', 'menu', 'menuitem', 'meter', 'nav', 'nobr', 'ol', 'optgroup', 'option', 'output', 'p', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'search', 'section', 'select', 'shadow', 'slot', 'small', 'source', 'spacer', 'span', 'strike', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'time', 'tr', 'track', 'tt', 'u', 'ul', 'var', 'video', 'wbr']);
-  const svg$1 = freeze(['svg', 'a', 'altglyph', 'altglyphdef', 'altglyphitem', 'animatecolor', 'animatemotion', 'animatetransform', 'circle', 'clippath', 'defs', 'desc', 'ellipse', 'enterkeyhint', 'exportparts', 'filter', 'font', 'g', 'glyph', 'glyphref', 'hkern', 'image', 'inputmode', 'line', 'lineargradient', 'marker', 'mask', 'metadata', 'mpath', 'part', 'path', 'pattern', 'polygon', 'polyline', 'radialgradient', 'rect', 'slot', 'stop', 'style', 'switch', 'symbol', 'text', 'textpath', 'title', 'tref', 'tspan', 'view', 'vkern']);
+  const svg$1 = freeze(['svg', 'a', 'altglyph', 'altglyphdef', 'altglyphitem', 'animatecolor', 'animatemotion', 'animatetransform', 'circle', 'clippath', 'defs', 'desc', 'ellipse', 'enterkeyhint', 'exportparts', 'filter', 'font', 'g', 'glyph', 'glyphref', 'hkern', 'image', 'inputmode', 'line', 'lineargradient', 'marker', 'mask', 'metadata', 'mpath', 'part', 'path', 'pattern', 'polygon', 'polyline', 'radialgradient', 'rect', 'stop', 'style', 'switch', 'symbol', 'text', 'textpath', 'title', 'tref', 'tspan', 'view', 'vkern']);
   const svgFilters = freeze(['feBlend', 'feColorMatrix', 'feComponentTransfer', 'feComposite', 'feConvolveMatrix', 'feDiffuseLighting', 'feDisplacementMap', 'feDistantLight', 'feDropShadow', 'feFlood', 'feFuncA', 'feFuncB', 'feFuncG', 'feFuncR', 'feGaussianBlur', 'feImage', 'feMerge', 'feMergeNode', 'feMorphology', 'feOffset', 'fePointLight', 'feSpecularLighting', 'feSpotLight', 'feTile', 'feTurbulence']);
   // List of SVG elements that are disallowed by default.
   // We still need to know them so that we can do namespace
@@ -206,7 +206,7 @@ var purify = _commonjsHelpers.createCommonjsModule(function (module, exports) {
   const text = freeze(['#text']);
 
   const html = freeze(['accept', 'action', 'align', 'alt', 'autocapitalize', 'autocomplete', 'autopictureinpicture', 'autoplay', 'background', 'bgcolor', 'border', 'capture', 'cellpadding', 'cellspacing', 'checked', 'cite', 'class', 'clear', 'color', 'cols', 'colspan', 'controls', 'controlslist', 'coords', 'crossorigin', 'datetime', 'decoding', 'default', 'dir', 'disabled', 'disablepictureinpicture', 'disableremoteplayback', 'download', 'draggable', 'enctype', 'enterkeyhint', 'exportparts', 'face', 'for', 'headers', 'height', 'hidden', 'high', 'href', 'hreflang', 'id', 'inert', 'inputmode', 'integrity', 'ismap', 'kind', 'label', 'lang', 'list', 'loading', 'loop', 'low', 'max', 'maxlength', 'media', 'method', 'min', 'minlength', 'multiple', 'muted', 'name', 'nonce', 'noshade', 'novalidate', 'nowrap', 'open', 'optimum', 'part', 'pattern', 'placeholder', 'playsinline', 'popover', 'popovertarget', 'popovertargetaction', 'poster', 'preload', 'pubdate', 'radiogroup', 'readonly', 'rel', 'required', 'rev', 'reversed', 'role', 'rows', 'rowspan', 'spellcheck', 'scope', 'selected', 'shape', 'size', 'sizes', 'slot', 'span', 'srclang', 'start', 'src', 'srcset', 'step', 'style', 'summary', 'tabindex', 'title', 'translate', 'type', 'usemap', 'valign', 'value', 'width', 'wrap', 'xmlns', 'slot']);
-  const svg = freeze(['accent-height', 'accumulate', 'additive', 'alignment-baseline', 'amplitude', 'ascent', 'attributename', 'attributetype', 'azimuth', 'basefrequency', 'baseline-shift', 'begin', 'bias', 'by', 'class', 'clip', 'clippathunits', 'clip-path', 'clip-rule', 'color', 'color-interpolation', 'color-interpolation-filters', 'color-profile', 'color-rendering', 'cx', 'cy', 'd', 'dx', 'dy', 'diffuseconstant', 'direction', 'display', 'divisor', 'dur', 'edgemode', 'elevation', 'end', 'exponent', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'filterunits', 'flood-color', 'flood-opacity', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style', 'font-variant', 'font-weight', 'fx', 'fy', 'g1', 'g2', 'glyph-name', 'glyphref', 'gradientunits', 'gradienttransform', 'height', 'href', 'id', 'image-rendering', 'in', 'in2', 'intercept', 'k', 'k1', 'k2', 'k3', 'k4', 'kerning', 'keypoints', 'keysplines', 'keytimes', 'lang', 'lengthadjust', 'letter-spacing', 'kernelmatrix', 'kernelunitlength', 'lighting-color', 'local', 'marker-end', 'marker-mid', 'marker-start', 'markerheight', 'markerunits', 'markerwidth', 'maskcontentunits', 'maskunits', 'max', 'mask', 'media', 'method', 'mode', 'min', 'name', 'numoctaves', 'offset', 'operator', 'opacity', 'order', 'orient', 'orientation', 'origin', 'overflow', 'paint-order', 'path', 'pathlength', 'patterncontentunits', 'patterntransform', 'patternunits', 'points', 'preservealpha', 'preserveaspectratio', 'primitiveunits', 'r', 'rx', 'ry', 'radius', 'refx', 'refy', 'repeatcount', 'repeatdur', 'restart', 'result', 'rotate', 'scale', 'seed', 'shape-rendering', 'slope', 'specularconstant', 'specularexponent', 'spreadmethod', 'startoffset', 'stddeviation', 'stitchtiles', 'stop-color', 'stop-opacity', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke', 'stroke-width', 'style', 'surfacescale', 'systemlanguage', 'tabindex', 'tablevalues', 'targetx', 'targety', 'transform', 'transform-origin', 'text-anchor', 'text-decoration', 'text-rendering', 'textlength', 'type', 'u1', 'u2', 'unicode', 'values', 'viewbox', 'visibility', 'version', 'vert-adv-y', 'vert-origin-x', 'vert-origin-y', 'width', 'word-spacing', 'wrap', 'writing-mode', 'xchannelselector', 'ychannelselector', 'x', 'x1', 'x2', 'xmlns', 'y', 'y1', 'y2', 'z', 'zoomandpan']);
+  const svg = freeze(['accent-height', 'accumulate', 'additive', 'alignment-baseline', 'amplitude', 'ascent', 'attributename', 'attributetype', 'azimuth', 'basefrequency', 'baseline-shift', 'begin', 'bias', 'by', 'class', 'clip', 'clippathunits', 'clip-path', 'clip-rule', 'color', 'color-interpolation', 'color-interpolation-filters', 'color-profile', 'color-rendering', 'cx', 'cy', 'd', 'dx', 'dy', 'diffuseconstant', 'direction', 'display', 'divisor', 'dur', 'edgemode', 'elevation', 'end', 'exponent', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'filterunits', 'flood-color', 'flood-opacity', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style', 'font-variant', 'font-weight', 'fx', 'fy', 'g1', 'g2', 'glyph-name', 'glyphref', 'gradientunits', 'gradienttransform', 'height', 'href', 'id', 'image-rendering', 'in', 'in2', 'intercept', 'k', 'k1', 'k2', 'k3', 'k4', 'kerning', 'keypoints', 'keysplines', 'keytimes', 'lang', 'lengthadjust', 'letter-spacing', 'kernelmatrix', 'kernelunitlength', 'lighting-color', 'local', 'marker-end', 'marker-mid', 'marker-start', 'markerheight', 'markerunits', 'markerwidth', 'maskcontentunits', 'maskunits', 'max', 'mask', 'mask-type', 'media', 'method', 'mode', 'min', 'name', 'numoctaves', 'offset', 'operator', 'opacity', 'order', 'orient', 'orientation', 'origin', 'overflow', 'paint-order', 'path', 'pathlength', 'patterncontentunits', 'patterntransform', 'patternunits', 'points', 'preservealpha', 'preserveaspectratio', 'primitiveunits', 'r', 'rx', 'ry', 'radius', 'refx', 'refy', 'repeatcount', 'repeatdur', 'restart', 'result', 'rotate', 'scale', 'seed', 'shape-rendering', 'slope', 'specularconstant', 'specularexponent', 'spreadmethod', 'startoffset', 'stddeviation', 'stitchtiles', 'stop-color', 'stop-opacity', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke', 'stroke-width', 'style', 'surfacescale', 'systemlanguage', 'tabindex', 'tablevalues', 'targetx', 'targety', 'transform', 'transform-origin', 'text-anchor', 'text-decoration', 'text-rendering', 'textlength', 'type', 'u1', 'u2', 'unicode', 'values', 'viewbox', 'visibility', 'version', 'vert-adv-y', 'vert-origin-x', 'vert-origin-y', 'width', 'word-spacing', 'wrap', 'writing-mode', 'xchannelselector', 'ychannelselector', 'x', 'x1', 'x2', 'xmlns', 'y', 'y1', 'y2', 'z', 'zoomandpan']);
   const mathMl = freeze(['accent', 'accentunder', 'align', 'bevelled', 'close', 'columnsalign', 'columnlines', 'columnspan', 'denomalign', 'depth', 'dir', 'display', 'displaystyle', 'encoding', 'fence', 'frame', 'height', 'href', 'id', 'largeop', 'length', 'linethickness', 'lspace', 'lquote', 'mathbackground', 'mathcolor', 'mathsize', 'mathvariant', 'maxsize', 'minsize', 'movablelimits', 'notation', 'numalign', 'open', 'rowalign', 'rowlines', 'rowspacing', 'rowspan', 'rspace', 'rquote', 'scriptlevel', 'scriptminsize', 'scriptsizemultiplier', 'selection', 'separator', 'separators', 'stretchy', 'subscriptshift', 'supscriptshift', 'symmetric', 'voffset', 'width', 'xmlns']);
   const xml = freeze(['xlink:href', 'xml:id', 'xlink:title', 'xml:space', 'xmlns:xlink']);
 
@@ -313,7 +313,7 @@ var purify = _commonjsHelpers.createCommonjsModule(function (module, exports) {
   function createDOMPurify() {
     let window = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getGlobal();
     const DOMPurify = root => createDOMPurify(root);
-    DOMPurify.version = '3.2.7';
+    DOMPurify.version = '3.3.1';
     DOMPurify.removed = [];
     if (!window || !window.document || window.document.nodeType !== NODE_TYPE.document || !window.Element) {
       // Not running in a browser, provide a factory function
@@ -424,6 +424,21 @@ var purify = _commonjsHelpers.createCommonjsModule(function (module, exports) {
     let FORBID_TAGS = null;
     /* Explicitly forbidden attributes (overrides ALLOWED_ATTR/ADD_ATTR) */
     let FORBID_ATTR = null;
+    /* Config object to store ADD_TAGS/ADD_ATTR functions (when used as functions) */
+    const EXTRA_ELEMENT_HANDLING = Object.seal(create(null, {
+      tagCheck: {
+        writable: true,
+        configurable: false,
+        enumerable: true,
+        value: null
+      },
+      attributeCheck: {
+        writable: true,
+        configurable: false,
+        enumerable: true,
+        value: null
+      }
+    }));
     /* Decide if ARIA attributes are okay */
     let ALLOW_ARIA_ATTR = true;
     /* Decide if custom data attributes are okay */
@@ -616,16 +631,24 @@ var purify = _commonjsHelpers.createCommonjsModule(function (module, exports) {
       }
       /* Merge configuration parameters */
       if (cfg.ADD_TAGS) {
-        if (ALLOWED_TAGS === DEFAULT_ALLOWED_TAGS) {
-          ALLOWED_TAGS = clone(ALLOWED_TAGS);
+        if (typeof cfg.ADD_TAGS === 'function') {
+          EXTRA_ELEMENT_HANDLING.tagCheck = cfg.ADD_TAGS;
+        } else {
+          if (ALLOWED_TAGS === DEFAULT_ALLOWED_TAGS) {
+            ALLOWED_TAGS = clone(ALLOWED_TAGS);
+          }
+          addToSet(ALLOWED_TAGS, cfg.ADD_TAGS, transformCaseFunc);
         }
-        addToSet(ALLOWED_TAGS, cfg.ADD_TAGS, transformCaseFunc);
       }
       if (cfg.ADD_ATTR) {
-        if (ALLOWED_ATTR === DEFAULT_ALLOWED_ATTR) {
-          ALLOWED_ATTR = clone(ALLOWED_ATTR);
+        if (typeof cfg.ADD_ATTR === 'function') {
+          EXTRA_ELEMENT_HANDLING.attributeCheck = cfg.ADD_ATTR;
+        } else {
+          if (ALLOWED_ATTR === DEFAULT_ALLOWED_ATTR) {
+            ALLOWED_ATTR = clone(ALLOWED_ATTR);
+          }
+          addToSet(ALLOWED_ATTR, cfg.ADD_ATTR, transformCaseFunc);
         }
-        addToSet(ALLOWED_ATTR, cfg.ADD_ATTR, transformCaseFunc);
       }
       if (cfg.ADD_URI_SAFE_ATTR) {
         addToSet(URI_SAFE_ATTRIBUTES, cfg.ADD_URI_SAFE_ATTR, transformCaseFunc);
@@ -636,6 +659,12 @@ var purify = _commonjsHelpers.createCommonjsModule(function (module, exports) {
         }
         addToSet(FORBID_CONTENTS, cfg.FORBID_CONTENTS, transformCaseFunc);
       }
+      if (cfg.ADD_FORBID_CONTENTS) {
+        if (FORBID_CONTENTS === DEFAULT_FORBID_CONTENTS) {
+          FORBID_CONTENTS = clone(FORBID_CONTENTS);
+        }
+        addToSet(FORBID_CONTENTS, cfg.ADD_FORBID_CONTENTS, transformCaseFunc);
+      }
       /* Add #text in case KEEP_CONTENT is set to true */
       if (KEEP_CONTENT) {
         ALLOWED_TAGS['#text'] = true;
@@ -933,7 +962,7 @@ var purify = _commonjsHelpers.createCommonjsModule(function (module, exports) {
         return true;
       }
       /* Remove element if anything forbids its presence */
-      if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
+      if (!(EXTRA_ELEMENT_HANDLING.tagCheck instanceof Function && EXTRA_ELEMENT_HANDLING.tagCheck(tagName)) && (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName])) {
         /* Check if we have a custom element to handle */
         if (!FORBID_TAGS[tagName] && _isBasicCustomElement(tagName)) {
           if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, tagName)) {
@@ -1005,7 +1034,7 @@ var purify = _commonjsHelpers.createCommonjsModule(function (module, exports) {
           (https://html.spec.whatwg.org/multipage/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes)
           XML-compatible (https://html.spec.whatwg.org/multipage/infrastructure.html#xml-compatible and http://www.w3.org/TR/xml/#d0e804)
           We don't need to check the value; it's always URI safe. */
-      if (ALLOW_DATA_ATTR && !FORBID_ATTR[lcName] && regExpTest(DATA_ATTR, lcName)) ; else if (ALLOW_ARIA_ATTR && regExpTest(ARIA_ATTR, lcName)) ; else if (!ALLOWED_ATTR[lcName] || FORBID_ATTR[lcName]) {
+      if (ALLOW_DATA_ATTR && !FORBID_ATTR[lcName] && regExpTest(DATA_ATTR, lcName)) ; else if (ALLOW_ARIA_ATTR && regExpTest(ARIA_ATTR, lcName)) ; else if (EXTRA_ELEMENT_HANDLING.attributeCheck instanceof Function && EXTRA_ELEMENT_HANDLING.attributeCheck(lcName, lcTag)) ; else if (!ALLOWED_ATTR[lcName] || FORBID_ATTR[lcName]) {
         if (
         // First condition does a very basic check if a) it's basically a valid custom element tagname AND
         // b) if the tagName passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck

package/dist/cjs/{search-column-9aa090ec.js → search-column-51e50b59.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 const core = require('@sankhyalabs/core');
-const ApplicationUtils = require('./ApplicationUtils-d04f5c94.js');
-const index = require('./index-00d0166b.js');
+const ApplicationUtils = require('./ApplicationUtils-4fb87a9e.js');
+const index = require('./index-e61642ff.js');
 const index$1 = require('./index-a7b0c73d.js');
 
 const buildFieldMetadata = (descriptor, config) => {
@@ -232,7 +232,7 @@ class DataBinder {
   clearFieldError(fieldName) {
     var _a;
     const field = (_a = this._fields.get(fieldName)) === null || _a === void 0 ? void 0 : _a.field;
-    if (field["errorMessage"]) {
+    if (field && field["errorMessage"]) {
       field["errorMessage"] = "";
       this._dataUnit.clearInvalid(this.getCurrentRecordId(), fieldName);
     }

package/dist/collection/collection-manifest.json

@@ -45,6 +45,7 @@
     "./components/ez-grid-view/ez-grid-view.js",
     "./components/ez-guide-navigator/ez-guide-navigator.js",
     "./components/ez-icon/ez-icon.js",
+    "./components/ez-image-input/ez-image-input.js",
     "./components/ez-list-item/ez-list-item.js",
     "./components/ez-loading-bar/ez-loading-bar.js",
     "./components/ez-modal-container/ez-modal-container.js",

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

@@ -40,6 +40,8 @@
   --ez-label-chip__label__container--default--border-color--active: var(--color--ocean-green-200);
   /*@doc Define a cor da borda quando o componente está ativo e na variação secundária.*/
   --ez-label-chip__label__container--secondary--border-color--active: var(--color--gray-200);
+   /*@doc Define a margem do chip.*/
+  --ez-label-chip__label__container--margin: 0px;
 }
 
 .label__text {
@@ -76,6 +78,7 @@
   border-radius: var(--ez-label-chip__label__container--border-radius);
   padding: 0 var(--ez-label-chip__horizontal-padding);
   outline-color: var(--ez-label-chip__label__container--default--border-color--active);
+  margin: var(--ez-label-chip__label__container--margin);
 }
 
 .label__container[data-size="default"] {

package/dist/collection/components/ez-date-input/ez-date-input.js

@@ -88,9 +88,12 @@ export class EzDateInput {
       this._changePending = false;
     }
   }
-  hideCalendar() {
+  async handleChangeCalendar(event) {
     this.changeValue(this._calendar.value);
+    this.ezInput.emit(this._calendar.value);
     this._popover.hide();
+    await this.setFocus();
+    event.stopPropagation();
   }
   handleBlur() {
     if (!this._changePending) {
@@ -139,10 +142,13 @@ export class EzDateInput {
     if ((currentValue === null || currentValue === void 0 ? void 0 : currentValue.getTime()) !== (newValueValidated === null || newValueValidated === void 0 ? void 0 : newValueValidated.getTime())) {
       this._changePending = true;
       this._focused = true;
+      this.ezInput.emit(newValueValidated);
       this.ezStartChange.emit({ waitmessage: "", blocking: false });
     }
     if (event['data'] === "H" || event['data'] === "h") {
-      this.changeValue(new Date());
+      const currentDate = new Date();
+      this.ezInput.emit(currentDate);
+      this.changeValue(currentDate);
     }
   }
   setInputValue() {
@@ -168,7 +174,7 @@ export class EzDateInput {
   }
   render() {
     ElementIDUtils.addIDInfoIfNotExists(this._elem, 'input');
-    return (h(Host, null, h("ez-text-input", { "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: elem => this._textInput = elem, "data-slave-mode": "true", label: this.label, onBlur: () => this.handleBlur(), onInput: (evt) => this.handleInput(evt), restrict: "0123456789/", enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, canShowError: this.canShowError, alternativePlaceholder: this.alternativePlaceholder }, h("button", { disabled: !this.enabled, tabindex: -1, class: "btn-open-cal", onClick: () => { var _a; return (_a = this._popover) === null || _a === void 0 ? void 0 : _a.showUnder(this._textInput); }, slot: "leftIcon" })), h("ez-popover-plus", { ref: elem => this._popover = elem, anchorElement: this._textInput, autoClose: true, boxWidth: 'fit-content', overlayType: 'none', "data-element-id": this._elem.getAttribute("data-element-id"), onEzVisibilityChange: (event) => event.stopPropagation() }, h("ez-calendar", { ref: elem => this._calendar = elem, "data-element-id": ElementIDUtils.getInternalIDInfo("calendar"), onEzChange: (event) => { this.hideCalendar(); event.stopPropagation(); } }))));
+    return (h(Host, null, h("ez-text-input", { "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: elem => this._textInput = elem, "data-slave-mode": "true", label: this.label, onBlur: () => this.handleBlur(), onInput: (evt) => this.handleInput(evt), restrict: "0123456789/", enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, canShowError: this.canShowError, alternativePlaceholder: this.alternativePlaceholder }, h("button", { disabled: !this.enabled, tabindex: -1, class: "btn-open-cal", onClick: () => { var _a; return (_a = this._popover) === null || _a === void 0 ? void 0 : _a.showUnder(this._textInput); }, slot: "leftIcon" })), h("ez-popover-plus", { ref: elem => this._popover = elem, anchorElement: this._textInput, autoClose: true, boxWidth: 'fit-content', overlayType: 'none', "data-element-id": this._elem.getAttribute("data-element-id"), onEzVisibilityChange: (event) => event.stopPropagation() }, h("ez-calendar", { ref: elem => this._calendar = elem, "data-element-id": ElementIDUtils.getInternalIDInfo("calendar"), onEzChange: (event) => this.handleChangeCalendar(event), value: this.value }))));
   }
   static get is() { return "ez-date-input"; }
   static get encapsulation() { return "shadow"; }
@@ -383,6 +389,25 @@ export class EzDateInput {
           "resolved": "void",
           "references": {}
         }
+      }, {
+        "method": "ezInput",
+        "name": "ezInput",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido quando o usu\u00E1rio digita uma data v\u00E1lida no campo."
+        },
+        "complexType": {
+          "original": "Date",
+          "resolved": "Date",
+          "references": {
+            "Date": {
+              "location": "global"
+            }
+          }
+        }
       }];
   }
   static get methods() {

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

@@ -8,9 +8,11 @@
   /*@doc Define a cor de fundo do botão de fechar.*/
   --dialog__btn__close--background-color: var(--title--primary, #2b3a54);
   /*@doc Define o espaçamento direito do botão de negação.*/
-  --dialog__btn__no--padding-right: var(--space--large, 24px);
+  --dialog__btn__no--padding-right: var(--space--8, 8px);
   /*@doc Contém a imagem do ícone de fechamento.*/
   --dialog__btn__close__image: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg%22%3E<path d="M 7.0060773,5.995511 11.461972,1.5397722 c 0.132856,-0.1328413 0.207547,-0.3130253 0.207547,-0.5009046 0,-0.18786999 -0.07469,-0.3680541 -0.207547,-0.5009048 -0.132857,-0.13284126 -0.31302,-0.20748126 -0.500927,-0.20748126 -0.187812,0 -0.36807,0.07464 -0.500926,0.20748126 L 6.0042244,4.9937015 1.5482921,0.5379628 C 1.4154357,0.40512154 1.2352533,0.33048154 1.0473657,0.33048154 c -0.18787813,0 -0.36807,0.07464 -0.50092647,0.20748126 -0.13285646,0.1328507 -0.20749026,0.31303481 -0.20749026,0.5009048 0,0.1878793 0.0746338,0.3680633 0.20749026,0.5009046 L 5.0023715,5.995511 0.54643923,10.452213 c -0.0676086,0.06534 -0.12151598,0.14352 -0.15859681,0.229916 -0.0370714,0.08639 -0.0565645,0.1794 -0.0573369,0.27335 -7.724e-4,0.09404 0.0171873,0.187331 0.0528423,0.274293 0.0356455,0.08705 0.0882688,0.166087 0.15479148,0.23256 0.0665321,0.06648 0.14562277,0.11897 0.2326735,0.154567 0.0870507,0.0356 0.18031463,0.05344 0.2743433,0.05259 0.094029,-8.5e-4 0.1869528,-0.02049 0.2733331,-0.0576 0.08639,-0.0372 0.1645078,-0.09121 0.2298029,-0.158817 L 6.0042244,6.9973204 10.460119,11.453078 c 0.132856,0.132851 0.313114,0.207444 0.500926,0.207444 0.187907,0 0.36807,-0.07459 0.500927,-0.207444 0.132856,-0.13285 0.207547,-0.313006 0.207547,-0.500904 0,-0.187898 -0.07469,-0.368054 -0.207547,-0.500905 z"/></svg>');
+  /*@doc Define a largura mínima dos botões.*/
+  --dialog__btn__min-width: 80px;
 
   /* Título */
   /*@doc Define o estilo da mensagem exibida no título.*/
@@ -245,6 +247,7 @@ h2 {
 
 .button__cancel {
   padding-right: var(--dialog__btn__no--padding-right);
+  --ez-button--min-width: var(--dialog__btn__min-width);
 }
 
 .button__confirm{
@@ -252,6 +255,7 @@ h2 {
   --ez-button--color: var(--color--inverted);
   --ez-button--hover--background-color: var(--color--primary-600);
   --ez-button--hover-color: var(--color--inverted);
+  --ez-button--min-width: var(--dialog__btn__min-width);
 }
 
 .button__confirm--danger{
@@ -259,6 +263,7 @@ h2 {
   --ez-button--color: var(--color--inverted);
   --ez-button--hover--background-color: var(--color-alert--error-900, #a10020);
   --ez-button--hover-color: var(--color--inverted);
+  --ez-button--min-width: var(--dialog__btn__min-width);
 }
 
 .button__confirm--container {

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

@@ -26,6 +26,7 @@ export class EzForm {
     this.onlyStaticFields = false;
     this.useSearchField = true;
     this.elementFocusSearchField = undefined;
+    this.customUiBuilders = new Map();
   }
   /**
    * Realiza validação no conteúdo de todos os campos.
@@ -83,7 +84,7 @@ export class EzForm {
     }
     this.ezFormSetFields.emit(fields);
     const idFormSheet = `${StringUtils.replaceAccentuatedChars(StringUtils.toCamelCase(currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.label), false)}_selectorContainer`;
-    return (h("div", { class: "dynamic-content ez-box--no-outline", "data-element-id": idFormSheet, ref: elem => (this._container = elem), tabindex: "0" }, h("ez-popover", { ref: elem => (this._ezPopoverSearchField = elem), overlayType: "none" }, this.renderFieldColumn()), h("ez-form-view", { ref: (element) => (this._formView = element), class: "ez-row ez-padding-vertical--small", fields: fields, singleColumn: this._singleColumn, selectedRecord: this.dataUnit.getSelectedRecord() })));
+    return (h("div", { class: "dynamic-content ez-box--no-outline", "data-element-id": idFormSheet, ref: elem => (this._container = elem), tabindex: "0" }, h("ez-popover", { ref: elem => (this._ezPopoverSearchField = elem), overlayType: "none" }, this.renderFieldColumn()), h("ez-form-view", { ref: (element) => (this._formView = element), class: "ez-row ez-padding-vertical--small", fields: fields, singleColumn: this._singleColumn, selectedRecord: this.dataUnit.getSelectedRecord(), customUiBuilders: this.customUiBuilders })));
   }
   renderFieldColumn() {
     if (this._fieldSearch != undefined) {
@@ -386,6 +387,27 @@ export class EzForm {
           "tags": [],
           "text": "Define uma ancoragem"
         }
+      },
+      "customUiBuilders": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "UiFieldBuilders",
+          "resolved": "Map<UserInterface, (field: IFormViewField) => HTMLElement>",
+          "references": {
+            "UiFieldBuilders": {
+              "location": "import",
+              "path": "../ez-form-view/fieldbuilder/FieldBuilder"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define construtores customizados para tipos de campos espec\u00EDficos"
+        },
+        "defaultValue": "new Map()"
       }
     };
   }

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

@@ -8,6 +8,7 @@ export class EzFormView {
     this.fields = undefined;
     this.selectedRecord = undefined;
     this.singleColumn = false;
+    this.customUiBuilders = new Map();
   }
   async showUp() {
     if (this.singleColumn)
@@ -74,9 +75,9 @@ export class EzFormView {
     if (this._customEditors.has(item.name)) {
       const value = (_a = this._formElements.map(el => ({ name: el.dataset.fieldName, value: el['value'] })).find(field => field.name === item.name)) === null || _a === void 0 ? void 0 : _a.value;
       const customEditor = this._customEditors.get(item.name).customEditor;
-      return h("div", { class: classItem }, h("ez-custom-form-input", { "data-field-name": item.name, customEditor: customEditor, formViewField: item, builderFallback: fieldBuilder, value: value, selectedRecord: this.selectedRecord }));
+      return h("div", { class: classItem }, h("ez-custom-form-input", { "data-field-name": item.name, customEditor: customEditor, formViewField: item, builderFallback: (field) => fieldBuilder(field, this.customUiBuilders), value: value, selectedRecord: this.selectedRecord }));
     }
-    return h("div", { class: classItem }, fieldBuilder(item));
+    return h("div", { class: classItem }, fieldBuilder(item, this.customUiBuilders));
   }
   render() {
     ElementIDUtils.addIDInfoIfNotExists(this._element, 'ezFormView');
@@ -171,6 +172,27 @@ export class EzFormView {
         "attribute": "single-column",
         "reflect": false,
         "defaultValue": "false"
+      },
+      "customUiBuilders": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "UiFieldBuilders",
+          "resolved": "Map<UserInterface, (field: IFormViewField) => HTMLElement>",
+          "references": {
+            "UiFieldBuilders": {
+              "location": "import",
+              "path": "./fieldbuilder/FieldBuilder"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define construtores customizados para tipos de campos espec\u00EDficos"
+        },
+        "defaultValue": "new Map()"
       }
     };
   }

package/dist/collection/components/ez-form-view/fieldbuilder/FieldBuilder.js

@@ -10,6 +10,7 @@ import { buildSearchPlus } from "./templates/SearchInputPlus.tpl";
 import { buildSearch } from "./templates/SearchInput.tpl";
 import { buildRichText } from "./templates/RichText.tpl";
 import { getI18n } from "../../../utils/i18n";
+import { buildImage } from "./templates/ImageInput.tpl";
 const uiBuilders = new Map();
 uiBuilders.set(UserInterface.CHECKBOX, buildCheckBox);
 uiBuilders.set(UserInterface.SWITCH, buildSwitch);
@@ -25,9 +26,10 @@ uiBuilders.set(UserInterface.SEARCH, buildSearch);
 uiBuilders.set(UserInterface.SEARCHPLUS, buildSearchPlus);
 uiBuilders.set(UserInterface.LONGTEXT, buildTextArea);
 uiBuilders.set(UserInterface.HTML, buildRichText);
-export const fieldBuilder = (field) => {
+uiBuilders.set(UserInterface.IMAGE, buildImage);
+export const fieldBuilder = (field, customUiBuilders = new Map()) => {
   const i18n = getI18n();
-  const builder = uiBuilders.get(field.userInterface) || buildTextInput;
+  const builder = (customUiBuilders.get(field.userInterface) || uiBuilders.get(field.userInterface)) || buildTextInput;
   const label = field.required ? `${field.label}${i18n("app.requiredInfo")}` : field.label;
   const builtElement = builder(Object.assign(Object.assign({}, field), { label }));
   //@ts-ignore

package/dist/collection/components/ez-form-view/fieldbuilder/templates/CheckBox.tpl.js

@@ -7,5 +7,5 @@ export const buildCheckBox = (field) => {
   return buildField(field.name, field.label, field.readOnly, field.contextName, false);
 };
 function buildField(fieldName, fieldLabel, readOnly, contextName, switchMode) {
-  return (h("div", { class: "ez-col ez-col--sd-12 ez-align--middle ez-padding-bottom--large" }, h("ez-check", { enabled: !readOnly, label: fieldLabel, mode: switchMode ? CheckMode.SWITCH : CheckMode.REGULAR, "data-field-name": fieldName, "data-context-name": contextName, key: fieldName })));
+  return (h("div", { class: "ez-col ez-col--sd-12 ez-align--middle ez-padding-top--medium ez-padding-bottom--medium" }, h("ez-check", { enabled: !readOnly, label: fieldLabel, mode: switchMode ? CheckMode.SWITCH : CheckMode.REGULAR, "data-field-name": fieldName, "data-context-name": contextName, key: fieldName })));
 }

package/dist/collection/components/ez-form-view/fieldbuilder/templates/ImageInput.tpl.js

@@ -0,0 +1,4 @@
+import { h } from "@stencil/core";
+export const buildImage = ({ name, label, readOnly, contextName, props }) => {
+  return (h("div", { class: "ez-col ez-col--sd-12" }, h("ez-image-input", Object.assign({ enabled: !readOnly, label: label, "data-field-name": name, "data-context-name": contextName, key: name, maxFileSize: Infinity }, props))));
+};

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

@@ -1,5 +1,7 @@
 import { h } from "@stencil/core";
+import { StringUtils } from "@sankhyalabs/core";
 export const buildSearch = ({ name, label, readOnly, required, contextName, canShowError, optionLoader, props }) => {
   var _a;
-  return (h("div", { class: "ez-col ez-col--sd-12" }, h("ez-search", { class: "ez-input__no-margin", enabled: !readOnly, suppressEmptyOption: required, label: label, "data-field-name": name, "data-context-name": contextName, key: name, canShowError: canShowError, optionLoader: optionLoader, ignoreLimitCharsToSearch: (_a = props === null || props === void 0 ? void 0 : props.ignoreLimitCharsToSearch) !== null && _a !== void 0 ? _a : false })));
+  const hasDescriptionField = !StringUtils.isEmpty(props === null || props === void 0 ? void 0 : props.DESCRIPTIONFIELD);
+  return (h("div", { class: "ez-col ez-col--sd-12" }, h("ez-search", { class: "ez-input__no-margin", enabled: !readOnly, suppressEmptyOption: required, label: label, "data-field-name": name, "data-context-name": contextName, key: name, canShowError: canShowError, optionLoader: optionLoader, ignoreLimitCharsToSearch: (_a = props === null || props === void 0 ? void 0 : props.ignoreLimitCharsToSearch) !== null && _a !== void 0 ? _a : false, hideDescriptionInput: !hasDescriptionField })));
 };

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

@@ -763,7 +763,7 @@ export default class AgGridController {
     const colDefsWithConfigs = this.getColsDefWithConfigApplied(colDefs, this._lastColsConfig);
     this._gridOptions.api.setColumnDefs(colDefsWithConfigs);
   }
-  getColsDefWithConfigApplied(colDefs, colsConfig) {
+  getColsDefWithConfigApplied(colDefs, colsConfig = []) {
     //Cria map de colunas existentes na config e seu índice
     const orderMap = colsConfig.reduce((map, col, index) => {
       map[col.name] = index;
@@ -1022,6 +1022,10 @@ export default class AgGridController {
     let cellStyle = this.getInitCellStyle();
     const primitiveUIType = (_a = source === null || source === void 0 ? void 0 : source.props) === null || _a === void 0 ? void 0 : _a.get("PRIMITIVETUIYPE");
     const uitype = source === null || source === void 0 ? void 0 : source.userInterface;
+    if (uitype === UserInterface.SEARCH) {
+      cellStyle['text-align'] = 'left';
+      return cellStyle;
+    }
     switch (primitiveUIType !== null && primitiveUIType !== void 0 ? primitiveUIType : uitype) {
       case UserInterface.DECIMALNUMBER:
       case UserInterface.INTEGERNUMBER:

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

@@ -250,6 +250,9 @@ export default class DataSource {
         });
         this._dataUnit.metadata.fields.forEach(f => {
           var _a, _b, _c, _d, _e, _f;
+          if (f.userInterface === UserInterface.IMAGE) {
+            return;
+          }
           if (f.visible !== false && f.name !== this.RECORD_ARCHIVE) {
             const props = new Map();
             const properties = this._dataUnit.getField(f.name).properties;

package/dist/collection/components/ez-image-input/ez-image-input.css

@@ -0,0 +1,173 @@
+:host {
+  display: block;
+  
+  /*@doc Define a altura do container de imagem.*/
+  --ez-image-input--container-height: 200px;
+  
+  /*@doc Define a largura do container de imagem.*/
+  --ez-image-input--container-width: 280px;
+  
+  /*@doc Define a cor de fundo do container.*/
+  --ez-image-input--background-color: var(--color--gray-80);
+  
+  /*@doc Define a cor da borda do container.*/
+  --ez-image-input--border-color: var(--color--gray-200);
+  
+  /*@doc Define a cor da borda no estado de hover.*/
+  --ez-image-input--border-color-hover: var(--color--ocean-green-600);
+  
+  /*@doc Define a cor da borda quando está sendo arrastado.*/
+  --ez-image-input--border-color-dragging: var(--color--ocean-green-500);
+  
+  /*@doc Define a cor da borda quando está desabilitado.*/
+  --ez-image-input--border-color-disabled: var(--color--gray-200);
+  
+  /*@doc Define a cor do texto do label.*/
+  --ez-image-input--label-color: var(--color--petroleum-900);
+  
+  /*@doc Define a cor do ícone.*/
+  --ez-image-input--icon-color: var(--color--gray-400);
+  
+  /*@doc Define o raio da borda do container.*/
+  --ez-image-input--border-radius: var(--border--radius-24);
+  
+  /*@doc Define a largura da borda.*/
+  --ez-image-input--border-width: 2px;
+  
+  /*@doc Define a cor de fundo do botão de remover.*/
+  --ez-image-input--remove-button-bg: var(--color--red-600);
+  
+  /*@doc Define a cor de fundo do botão de remover no hover.*/
+  --ez-image-input--remove-button-bg-hover: var(--color--red-700);
+  
+  /*@doc Define a cor do ícone do botão de remover.*/
+  --ez-image-input--remove-button-color: var(--color--gray-70);
+
+  /*@doc Define a borda do botão de remover.*/
+  --ez-image-input--remove-button-border: 1px solid var(--color--red-700);
+}
+
+.image-input__container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  height: var(--ez-image-input--container-height);
+  width: var(--ez-image-input--container-width);
+  border: var(--ez-image-input--border-width) dashed var(--ez-image-input--border-color);
+  border-radius: var(--ez-image-input--border-radius);
+  background-color: var(--ez-image-input--background-color);
+  cursor: pointer;
+  transition: all 0.3s ease;
+  overflow: hidden;
+}
+
+.image-input__container:hover:not(.image-input__container--disabled) {
+  border-color: var(--ez-image-input--border-color-hover);
+}
+
+.image-input__container--dragging {
+  border-color: var(--ez-image-input--border-color-dragging);
+  background-color: var(--color--ocean-green-90);
+}
+
+.image-input__container--disabled {
+  cursor: not-allowed;
+  opacity: 0.6;
+  border-color: var(--ez-image-input--border-color-disabled);
+}
+
+.image-input__container--has-image {
+  border-style: solid;
+  padding: var(--space--0);
+}
+
+.image-input__file-input {
+  display: none;
+}
+
+.image-input__dropzone {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: var(--space--16);
+  padding: var(--space--24);
+  text-align: center;
+}
+
+.image-input__dropzone ez-icon {
+  color: var(--ez-image-input--icon-color);
+}
+
+.image-input__label {
+  font-family: var(--font--pattern);
+  font-size: var(--font-size--default);
+  font-weight: var(--font-weight--medium);
+  color: var(--ez-image-input--label-color);
+  line-height: var(--line-height--20);
+}
+
+.image-input__preview {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.image-input__image {
+  height: 100%;
+  object-fit: cover;
+  border-radius: calc(var(--ez-image-input--border-radius) - var(--ez-image-input--border-width));
+}
+
+ez-button {
+  --ez-button--background-color: var(--ez-image-input--remove-button-bg);
+  --ez-button--hover--background-color: var(--ez-image-input--remove-button-bg-hover);
+  --ez-button--color: var(--ez-image-input--remove-button-color);
+  --ez-button--border: var(--ez-image-input--remove-button-border);
+  --ez-button--hover--border: var(--ez-image-input--remove-button-border);
+}
+
+.image-input__remove-button {
+  position: absolute;
+  top: var(--space--8);
+  right: var(--space--8);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.image-input__popup-content {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--space--16);
+  height: 100%;
+}
+
+.image-input__popup-image {
+  max-width: 100%;
+  max-height: 70vh;
+  object-fit: contain;
+  border-radius: var(--border--radius-8);
+}
+
+.image-input__image {
+  height: 100%;
+  object-fit: cover;
+  border-radius: calc(var(--ez-image-input--border-radius) - var(--ez-image-input--border-width));
+  cursor: pointer;
+  transition: transform 0.2s ease;
+}
+
+.image-input__image:hover {
+  transform: scale(1.02);
+}
+
+ez-skeleton {
+  --skeleton-width: var(--ez-image-input--container-width);
+  --skeleton-height: var(--ez-image-input--container-height);
+}