@sankhyalabs/ezui 7.2.0-rc.9 → 7.2.0

package/dist/cjs/{ApplicationUtils-dc653b57.js → ApplicationUtils-9a9185fc.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const DialogType = require('./DialogType-2114c337.js');
-const index = require('./index-a8537087.js');
+const index = require('./index-d4a1cad8.js');
 
 // Unique ID creation requires a high quality random # generator. In the browser we therefore
 // require the crypto API and do not support built-in fallback to lower quality random number

package/dist/cjs/{app-globals-16ec1ff7.js → app-globals-27a943d9.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-a8537087.js');
+const index = require('./index-d4a1cad8.js');
 
 async function initializeApp() {
   await index.initI18n();

package/dist/cjs/{classic-search-list_7.cjs.entry.js → classic-search-list_8.cjs.entry.js}

@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a7b0c73d.js');
 const core = require('@sankhyalabs/core');
 const searchFormatters = require('./searchFormatters-051f8677.js');
-const index$1 = require('./index-a8537087.js');
+const index$1 = require('./index-d4a1cad8.js');
 const types = require('./types-6a5df0c7.js');
 const RichToolbarHelper = require('./RichToolbarHelper-ea12328f.js');
 const purify = require('./purify-8c74770b.js');
-const ApplicationUtils = require('./ApplicationUtils-dc653b57.js');
+const ApplicationUtils = require('./ApplicationUtils-9a9185fc.js');
 require('./DialogType-2114c337.js');
 require('./CheckMode-ecb90b87.js');
 require('./FormLayout-fe8da83c.js');
@@ -498,7 +498,7 @@ const EzCustomFormInput = class {
   }; }
 };
 
-const ezImageInputCss = ":host{display:block;--ez-image-input--container-height:200px;--ez-image-input--container-width:280px;--ez-image-input--background-color:var(--color--gray-80);--ez-image-input--border-color:var(--color--gray-200);--ez-image-input--border-color-hover:var(--color--ocean-green-600);--ez-image-input--border-color-dragging:var(--color--ocean-green-500);--ez-image-input--border-color-disabled:var(--color--gray-200);--ez-image-input--label-color:var(--color--petroleum-900);--ez-image-input--icon-color:var(--color--gray-400);--ez-image-input--border-radius:var(--border--radius-24);--ez-image-input--border-width:2px;--ez-image-input--remove-button-bg:var(--color--red-600);--ez-image-input--remove-button-bg-hover:var(--color--red-700);--ez-image-input--remove-button-color:var(--color--gray-70);--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)}";
+const ezImageInputCss = ":host{display:block;--ez-image-input--container-height:200px;--ez-image-input--container-width:280px;--ez-image-input--background-color:var(--color--gray-80);--ez-image-input--border-color:var(--color--gray-200);--ez-image-input--border-color-hover:var(--color--ocean-green-600);--ez-image-input--border-color-dragging:var(--color--ocean-green-500);--ez-image-input--border-color-disabled:var(--color--gray-200);--ez-image-input--label-color:var(--color--petroleum-900);--ez-image-input--icon-color:var(--color--gray-400);--ez-image-input--border-radius:var(--border--radius-24);--ez-image-input--border-width:2px;--ez-image-input--remove-button-bg:var(--color--red-600);--ez-image-input--remove-button-bg-hover:var(--color--red-700);--ez-image-input--remove-button-color:var(--color--gray-70);--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))}.image-input__actions{position:absolute;top:var(--space--8);right:var(--space--8);display:flex;flex-direction:column;gap:var(--space--4);opacity:0;transition:opacity 0.2s ease}.image-input__container:hover .image-input__actions{opacity:1}.image-input__remove-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__edit-button{--ez-button--background-color:var(--ez-image-input--edit-button-bg);--ez-button--hover--background-color:var(--ez-image-input--edit-button-bg-hover);--ez-button--color:var(--ez-image-input--edit-button-color);--ez-button--border:var(--ez-image-input--edit-button-border);--ez-button--hover--border:var(--ez-image-input--edit-button-border);--ez-button--left-icon--color:var(--ez-image-input--edit-button-color);--ez-button--right-icon--color:var(--ez-image-input--edit-button-color)}.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)}";
 
 const EzImageInput = class {
   constructor(hostRef) {
@@ -544,6 +544,11 @@ const EzImageInput = class {
       }
       this.ezChange.emit('');
     };
+    this.handleEditImage = (event) => {
+      var _a;
+      event.stopPropagation();
+      (_a = this._inputElem) === null || _a === void 0 ? void 0 : _a.click();
+    };
     this.handleClickDropZone = () => {
       var _a;
       if (this.enabled && !this._hasImage) {
@@ -635,7 +640,7 @@ const EzImageInput = class {
         'image-input__container--disabled': !this.enabled,
         'image-input__container--dragging': this._isDragging,
         'image-input__container--has-image': this._hasImage
-      }, "data-enabled": this.enabled.toString(), "data-has-image": this._hasImage.toString(), onClick: this.handleClickDropZone, onDrop: this.handleDrop, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave, role: "button", "aria-label": dropZoneLabel, tabindex: this.enabled ? 0 : -1 }, index.h("input", { ref: (el) => (this._inputElem = el), type: "file", accept: this.accept, name: this.name, disabled: !this.enabled, onChange: this.handleFileSelect, class: "image-input__file-input", "aria-hidden": "true" }), this._hasImage && this.value ? (index.h("div", { class: "image-input__preview" }, index.h("img", { src: this.value, alt: this.i18n('ez-image-input.imageAlt'), class: "image-input__image", onClick: this.handleImageClick }), this.enabled && (index.h("ez-button", { class: "image-input__remove-button", variant: "primary", type: "button", mode: "icon", size: "small", iconName: "trash-alt", onClick: this.handleRemoveImage, "aria-label": this.i18n('ez-image-input.removeImage'), title: this.i18n('ez-image-input.removeImage') })))) : (index.h("div", { class: "image-input__dropzone" }, index.h("ez-icon", { iconName: "image", size: "x-large" }), index.h("span", { class: "image-input__label" }, dropZoneLabel)))), index.h("ez-popup", { opened: this._showImagePopup, ezTitle: this.i18n('ez-image-input.imagePreview'), size: "large", heightMode: "auto", onEzPopupAction: this.handlePopupAction, onEzClosePopup: this.handleClosePopup }, index.h("div", { class: "image-input__popup-content" }, index.h("img", { src: this.value, alt: this.i18n('ez-image-input.imageAlt'), class: "image-input__popup-image" })))));
+      }, "data-enabled": this.enabled.toString(), "data-has-image": this._hasImage.toString(), onClick: this.handleClickDropZone, onDrop: this.handleDrop, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave, role: "button", "aria-label": dropZoneLabel, tabindex: this.enabled ? 0 : -1 }, index.h("input", { ref: (el) => (this._inputElem = el), type: "file", accept: this.accept, name: this.name, disabled: !this.enabled, onChange: this.handleFileSelect, class: "image-input__file-input", "aria-hidden": "true" }), this._hasImage && this.value ? (index.h("div", { class: "image-input__preview" }, index.h("img", { src: this.value, alt: this.i18n('ez-image-input.imageAlt'), class: "image-input__image", onClick: this.handleImageClick }), this.enabled && (index.h("div", { class: "image-input__actions" }, index.h("ez-button", { class: "image-input__remove-button", variant: "primary", type: "button", mode: "icon", size: "small", iconName: "trash-alt", onClick: this.handleRemoveImage, "aria-label": this.i18n('ez-image-input.removeImage'), title: this.i18n('ez-image-input.removeImage') }), index.h("ez-button", { class: "image-input__edit-button", variant: "secondary", type: "button", mode: "icon", size: "small", iconName: "edit", onClick: this.handleEditImage, "aria-label": this.i18n('ez-image-input.editImage'), title: this.i18n('ez-image-input.editImage') }))))) : (index.h("div", { class: "image-input__dropzone" }, index.h("ez-icon", { iconName: "image", size: "x-large" }), index.h("span", { class: "image-input__label" }, dropZoneLabel)))), index.h("ez-popup", { opened: this._showImagePopup, ezTitle: this.i18n('ez-image-input.imagePreview'), size: "large", heightMode: "auto", onEzPopupAction: this.handlePopupAction, onEzClosePopup: this.handleClosePopup }, index.h("div", { class: "image-input__popup-content" }, index.h("img", { src: this.value, alt: this.i18n('ez-image-input.imageAlt'), class: "image-input__popup-image" })))));
   }
   get _element() { return index.getElement(this); }
   static get watchers() { return {
@@ -644,6 +649,198 @@ const EzImageInput = class {
 };
 EzImageInput.style = ezImageInputCss;
 
+const ezMultiSelectInputCss = ":host{--ez-multi-select-input--height:42px;--ez-multi-select-input--height--slim:32px;--ez-multi-select-input--width:100%;--ez-multi-select-input__min-width:0px;--ez-multi-select-input__max-width:100%;--ez-multi-select-input__icon--width:30px;--ez-multi-select-input--font-size:var(--text--medium, 14px);--ez-multi-select-input--font-family:var(--font-pattern, Arial);--ez-multi-select-input--font-weight:var(--text-weight--medium, 400);--ez-multi-select-input--color:var(--title--primary, #2B3A54);--ez-multi-select-input--border-radius:var(--border--radius-medium, 12px);--ez-multi-select-input__input--border:var(--border--small, 1px solid);--ez-multi-select-input__input--border-color:var(--color--strokes, #DCE0E8);--ez-multi-select-input__input--focus--border-color:var(--color--primary, #008561);--ez-multi-select-input__input--error--border-color:var(--color-alert--error-800, #BD0025);--ez-multi-select-input__input--background-color:var(--background--light, #ffffff);--ez-multi-select-input__input--disabled--background-color:var(--background--medium, #F0F3F7);--ez-multi-select-input__input--disabled--color:var(--text--primary, #626E82);--ez-multi-select-input__label--floating--top:6px;--ez-multi-select-input__label--padding-top:12px;--ez-multi-select-input__label--padding-left:14px;--ez-multi-select-input__placeholder--color:var(--text--secondary, #a2abb9);--ez-multi-select-input__tooltip_icon--error--color:var(--color-alert--error-800, #BD0025);--ez-multi-select-input__tooltip-icon---width:var(--space--large);--ez-multi-select-input__tooltip-icon---horizontal-margin:var(--space--medium, 12px);--ez-multi-select-input__tooltip-icon---vertical-margin:10px;display:flex;flex-wrap:wrap;position:relative;width:var(--ez-multi-select-input--width);min-width:var(--ez-multi-select-input__min-width);max-width:var(--ez-multi-select-input__max-width)}.trigger{position:relative;display:flex;align-items:center;box-sizing:border-box;cursor:pointer;width:100%;overflow:hidden;height:var(--ez-multi-select-input--height);border-radius:var(--ez-multi-select-input--border-radius);font-family:var(--ez-multi-select-input--font-family);font-size:var(--ez-multi-select-input--font-size);font-weight:var(--ez-multi-select-input--font-weight);color:var(--ez-multi-select-input--color);background-color:var(--ez-multi-select-input__input--background-color);border:var(--ez-multi-select-input__input--border);border-color:var(--ez-multi-select-input__input--border-color);padding:0 var(--ez-multi-select-input__icon--width) 0 14px;margin-bottom:var(--space--small)}.trigger:focus{outline:none}.trigger--focused{border:var(--border--medium, 2px solid);outline:none;border-color:var(--ez-multi-select-input__input--focus--border-color)}.trigger--error{border:var(--border--medium, 2px solid);border-color:var(--ez-multi-select-input__input--error--border-color)}.trigger--disabled{cursor:not-allowed;background-color:var(--ez-multi-select-input__input--disabled--background-color);color:var(--ez-multi-select-input__input--disabled--color)}.trigger--no-border{box-shadow:none;border:none}.trigger--slim{height:var(--ez-multi-select-input--height--slim)}.trigger__label{position:absolute;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;-webkit-transition:font-size .05s, top .05s;transition:font-size .05s, top .05s;font-family:var(--ez-multi-select-input--font-family);font-size:var(--ez-multi-select-input--font-size);font-weight:var(--ez-multi-select-input--font-weight);color:var(--ez-multi-select-input--color);top:var(--ez-multi-select-input__label--padding-top);left:var(--ez-multi-select-input__label--padding-left)}.trigger__label--floated{font-size:var(--text--extra-small);color:var(--text--primary);top:var(--ez-multi-select-input__label--floating--top)}.trigger__label--disabled{color:var(--ez-multi-select-input__input--disabled--color)}.trigger__label--error{color:var(--ez-multi-select-input__tooltip_icon--error--color)}.trigger__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trigger__value--placeholder{color:var(--ez-multi-select-input__placeholder--color)}.trigger__value--with-label{padding-top:14px}.trigger__chevron{position:absolute;right:8px;display:flex;align-items:center;color:var(--ez-multi-select-input--color)}.trigger--disabled .trigger__chevron{color:var(--ez-multi-select-input__input--disabled--color)}ez-icon.tooltip-icon{position:absolute;display:flex;align-items:center;justify-content:center;overflow:hidden;width:var(--ez-multi-select-input__tooltip-icon---width);height:22px;margin:var(--ez-multi-select-input__tooltip-icon---vertical-margin)\n          var(--ez-multi-select-input__tooltip-icon---horizontal-margin);top:0;right:var(--ez-multi-select-input__icon--width);border-radius:var(--ez-multi-select-input--border-radius)}ez-icon.tooltip-icon.hasError{--ez-icon--color:var(--ez-multi-select-input__tooltip_icon--error--color)}ez-popover-core ez-multi-selection-list{padding:var(--space--2xs, 8px);--ez-multi-selection-default-width:100%}";
+
+const EzMultiSelectInput = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.ezChange = index.createEvent(this, "ezChange", 7);
+    /**
+     * Chave da última seleção conhecida (valores marcados, ordenados). Usada para
+     * deduplicar emissões de `ezChange`: o ez-multi-selection-list emite
+     * `changeFilteredOptions` também ao montar e a cada sincronização programática
+     * de `options`/`value`, então só propagamos mudanças reais de seleção.
+     */
+    this._lastSelectionKey = '';
+    this.label = undefined;
+    this.enabled = true;
+    this.errorMessage = undefined;
+    this.hasInvalid = false;
+    this.canShowError = true;
+    this.mode = 'regular';
+    this.noBorder = false;
+    this.options = undefined;
+    this.dataSource = undefined;
+    this.columnName = undefined;
+    this.useOptions = false;
+    this.isTextSearch = false;
+    this.orderSelectedFirst = false;
+    this.value = undefined;
+    this._selectedCount = 0;
+    this._isOpen = false;
+  }
+  //---------------------------------------------
+  // Watchers
+  //---------------------------------------------
+  observeHasInvalid(newValue, oldValue) {
+    if (newValue === oldValue) {
+      return;
+    }
+  }
+  observeOptions(newOptions) {
+    if (!newOptions) {
+      this._selectedCount = 0;
+      this._lastSelectionKey = '';
+      return;
+    }
+    this._selectedCount = newOptions.filter(o => o.check).length;
+    this._lastSelectionKey = this.selectionKey(newOptions);
+  }
+  observeValue(newValue) {
+    if (!Array.isArray(newValue)) {
+      return;
+    }
+    if (this.selectionKey(newValue) === this._lastSelectionKey) {
+      return;
+    }
+    this.options = newValue;
+  }
+  //---------------------------------------------
+  // Public methods
+  //---------------------------------------------
+  /**
+   * Retorna as opções com o estado de check atual.
+   */
+  async getSelectedOptions() {
+    var _a, _b;
+    const source = (_b = (_a = this.value) !== null && _a !== void 0 ? _a : this.options) !== null && _b !== void 0 ? _b : [];
+    return source.filter(o => o.check);
+  }
+  /**
+   * Limpa todas as seleções. Delega ao ez-multi-selection-list.
+   */
+  async clearSelection() {
+    var _a, _b;
+    const list = (_a = this._list) !== null && _a !== void 0 ? _a : (_b = this._popover) === null || _b === void 0 ? void 0 : _b.querySelector('ez-multi-selection-list');
+    await (list === null || list === void 0 ? void 0 : list.clearSelection());
+    this._selectedCount = 0;
+  }
+  //---------------------------------------------
+  // Private methods
+  //---------------------------------------------
+  handleTogglePopover() {
+    if (!this.enabled) {
+      return;
+    }
+    if (this._isOpen) {
+      this._popover.hide();
+    }
+    else {
+      this._popover.showUnder(this._trigger);
+    }
+  }
+  handleKeyDown(event) {
+    if (event.key === 'Enter' || event.key === ' ' || event.key === 'Spacebar') {
+      event.preventDefault();
+      this.handleTogglePopover();
+    }
+  }
+  handleVisibilityChange(event) {
+    this._isOpen = event.detail;
+  }
+  stopInnerChangeEvents(event) {
+    event.stopPropagation();
+  }
+  handleSelectionChange(event) {
+    var _a;
+    const opts = (_a = event.detail) !== null && _a !== void 0 ? _a : [];
+    this._selectedCount = opts.filter(o => o.check).length;
+    const key = this.selectionKey(opts);
+    if (key === this._lastSelectionKey) {
+      return;
+    }
+    this._lastSelectionKey = key;
+    this.value = opts;
+    this.ezChange.emit(opts);
+  }
+  selectionKey(opts) {
+    return (opts || [])
+      .filter(o => o.check)
+      .map(o => o.value)
+      .sort()
+      .join('|');
+  }
+  buildDisplayText() {
+    return this._selectedCount > 0 ? `${this._selectedCount} selecionado(s)` : '';
+  }
+  buildTriggerClass() {
+    const classes = ['trigger'];
+    if (!this.enabled)
+      classes.push('trigger--disabled');
+    if (this._isOpen)
+      classes.push('trigger--focused');
+    if (this.hasError())
+      classes.push('trigger--error');
+    if (this.noBorder)
+      classes.push('trigger--no-border');
+    if (this.mode === 'slim')
+      classes.push('trigger--slim');
+    return classes.join(' ');
+  }
+  hasError() {
+    if (!this.canShowError) {
+      return false;
+    }
+    return this.hasInvalid || (typeof this.errorMessage === 'string' && this.errorMessage.trim() !== '');
+  }
+  //---------------------------------------------
+  // Lifecycle
+  //---------------------------------------------
+  componentWillLoad() {
+    if (Array.isArray(this.value) && this.value !== this.options) {
+      this.options = this.value;
+    }
+    const source = this.options;
+    if (source) {
+      this._selectedCount = source.filter(o => o.check).length;
+      this._lastSelectionKey = this.selectionKey(source);
+    }
+  }
+  render() {
+    core.ElementIDUtils.addIDInfoIfNotExists(this._hostElement, 'multi-select-input');
+    const displayText = this.buildDisplayText();
+    const hasError = this.hasError();
+    const isFloated = this._selectedCount > 0 || this._isOpen;
+    return (index.h(index.Host, null, index.h("div", { ref: el => this._trigger = el, class: this.buildTriggerClass(), tabindex: this.enabled ? '0' : '-1', onClick: () => this.handleTogglePopover(), onKeyDown: (e) => this.handleKeyDown(e), "data-element-id": core.ElementIDUtils.getInternalIDInfo('trigger') }, this.label && this.mode !== 'slim' && (index.h("label", { class: {
+        'trigger__label': true,
+        'trigger__label--floated': isFloated,
+        'trigger__label--disabled': !this.enabled,
+        'trigger__label--error': hasError,
+      }, title: this.label }, this.label)), index.h("span", { class: {
+        'trigger__value': true,
+        'trigger__value--placeholder': this._selectedCount === 0,
+        'trigger__value--with-label': !!this.label && this.mode !== 'slim',
+      } }, displayText || (this.mode === 'slim' && this.label ? this.label : '')), index.h("ez-icon", { class: "trigger__chevron", iconName: this._isOpen ? 'chevron-up' : 'chevron-down' }), hasError && this.mode !== 'slim' && this.errorMessage && (
+    // strategy="fixed": o tooltip fica dentro de `.trigger` (que tem
+    // overflow: hidden); com position:fixed o balão escapa do recorte do
+    // container — z-index sozinho não resolve recorte por overflow.
+    index.h("ez-tooltip", { type: "error", message: this.errorMessage, strategy: "fixed" }, index.h("ez-icon", { class: "tooltip-icon hasError", "data-element-id": core.ElementIDUtils.getInternalIDInfo('tooltip-icon'), iconName: "alert-circle" })))), index.h("ez-popover-core", { ref: el => this._popover = el, overlayType: "light", fitInViewport: true, useAnchorSize: true, onEzVisibilityChange: (e) => this.handleVisibilityChange(e) }, index.h("ez-multi-selection-list", { ref: el => {
+        this._list = el;
+        el === null || el === void 0 ? void 0 : el.removeEventListener('ezChange', this.stopInnerChangeEvents);
+        el === null || el === void 0 ? void 0 : el.addEventListener('ezChange', this.stopInnerChangeEvents);
+      }, columnName: this.columnName, dataSource: this.dataSource, useOptions: this.useOptions, options: this.options, isTextSearch: this.isTextSearch, orderSelectedFirst: this.orderSelectedFirst, onChangeFilteredOptions: (e) => this.handleSelectionChange(e) }))));
+  }
+  get _hostElement() { return index.getElement(this); }
+  static get watchers() { return {
+    "hasInvalid": ["observeHasInvalid"],
+    "errorMessage": ["observeHasInvalid"],
+    "canShowError": ["observeHasInvalid"],
+    "options": ["observeOptions"],
+    "value": ["observeValue"]
+  }; }
+};
+EzMultiSelectInput.style = ezMultiSelectInputCss;
+
 const ezRichTextCss = ".sc-ez-rich-text-h{display:block;width:100%;font-family:Roboto;--ez-rich-text--box-shadow:0 0 3px 0 #DCE0E8;--ez-rich-text--shadow--outline:var(--shadow--outline) var(--color--strokes)}.editor-container.sc-ez-rich-text{width:100%;overflow:hidden;border-radius:12px;border:1px solid #DCE0E8}ez-text-area.sc-ez-rich-text{--text-area__input--border:1px solid}.preview.sc-ez-rich-text{min-height:20px;padding:12px;resize:both;overflow:auto;max-width:100%;border-top:1px solid #DCE0E8}";
 
 const EzRichText = class {
@@ -1023,5 +1220,6 @@ exports.ez_classic_search_result_list = EzClassicSearchResultList;
 exports.ez_combo_box_list = EzComboBoxList;
 exports.ez_custom_form_input = EzCustomFormInput;
 exports.ez_image_input = EzImageInput;
+exports.ez_multi_select_input = EzMultiSelectInput;
 exports.ez_rich_text = EzRichText;
 exports.ez_text_edit = EzTextEdit;

package/dist/cjs/ez-actions-button.cjs.entry.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a7b0c73d.js');
 const core = require('@sankhyalabs/core');
-require('./ApplicationUtils-dc653b57.js');
+require('./ApplicationUtils-9a9185fc.js');
 const CSSVarsUtils = require('./CSSVarsUtils-f20973d1.js');
 require('./DialogType-2114c337.js');
 require('./CheckMode-ecb90b87.js');
-require('./index-a8537087.js');
+require('./index-d4a1cad8.js');
 require('./types-6a5df0c7.js');
 require('./FormLayout-fe8da83c.js');
 

package/dist/cjs/ez-alert-list.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a7b0c73d.js');
 const core = require('@sankhyalabs/core');
-const index$1 = require('./index-a8537087.js');
+const index$1 = require('./index-d4a1cad8.js');
 
 const ezAlertListCss = ":host {\n  display: flex;\n\n  /* Alert List */\n  \n  /*@doc Define a largura da lista minimizado */\n  --ez-alert-list__container--width: 680px;\n  /*@doc Define a altura da lista minimizado */\n  --ez-alert-list__container--height: 220px;\n  \n  /*@doc Define a largura da lista maximizada */\n  --ez-alert-list__container--width--expanded: 920px;\n  /*@doc Define a altura da lista maximizada */\n  --ez-alert-list__container--height--expanded: 540px;\n\n  /* Title */\n  /*@doc Define a fonte do título do componente */\n  --ez-alert-list__title--font-family: var(--font-pattern, \"Roboto\");\n  /*@doc Define o tamanho da fonte do título do popup.*/\n  --ez-alert-list__title--font-size: var(--title--large, 20px);\n  /*@doc Define a cor da fonte do título do popup.*/\n  --ez-alert-list__title--color: var(--title--primary, #2b3a54);\n  /*@doc Define o peso da fonte do título do popup.*/\n  --ez-alert-list__title--font-weight: var(--text-weight--extra-large, 700);\n\n  /* @doc Define a borda inferior do item da lista. */\n  --ez-list__item--border-bottom: var(--border--small, 1px solid);\n\n  /* @doc Define a cor da borda inferior do item da lista. */\n  --ez-list__item--border-bottom-color: var(--color--strokes, #DCE0E8);\n\n  /* @doc Define o tipo da quebra de linha do item da lista. */\n  --ez-list__item--white-space: break-space;\n}\n\n.alert-list__content {\n  display: flex;\n  flex-direction: column;\n  \n  gap: var(--space--xs);\n  margin: var(--space--large, 24px);\n  width: 100%;\n}\n\n.alert-list__container {\n  z-index: var(--ez-elevation--8, 8);\n  display: flex;\n  height: var(--ez-alert-list__container--height);\n  width: var(--ez-alert-list__container--width);\n  border-radius: var(--border--radius-medium);\n  background-color: var(--background--xlight);\n  box-shadow: var(--shadow--medium);\n\n  &.expanded {\n    height: var(--ez-alert-list__container--height--expanded);\n    width: var(--ez-alert-list__container--width--expanded);\n  }\n\n  @media (max-height: 640px) {\n    max-height: calc(100vh - var(--space--3xl));\n  }  \n}\n\n.alert-list__header {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.alert-list__title {\n  font-family: var(--ez-alert-list__title--font-family);\n  font-size: var(--ez-alert-list__title--font-size);\n  font-weight: var(--ez-alert-list__title--font-weight);\n  color: var(--ez-alert-list__title--color);\n}\n\n.alert-list__header__buttons {\n  display: flex;\n  gap: var(--space--xs);\n}\n\n.alert-list__expandable-content {\n  overflow-y: auto;\n  scrollbar-width: thin;\n}\n\n";
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a7b0c73d.js');
-const index$1 = require('./index-a8537087.js');
+const index$1 = require('./index-d4a1cad8.js');
 require('@sankhyalabs/core');
 
 const ezAvatarCss = ":host{--ez-avatar--background-color:var(--color--ocean-green-600, #008561);--ez-avatar--color:var(--color--gray-70, #fff);--ez-avatar--border-radius-circle:50%;--ez-avatar--border-radius-square:25%;--ez-avatar--background-color-hover:var(--color--ocean-green-700, #00684C)}button,figure{display:flex;align-items:center;justify-content:center;border:var(--ez-avatar--border);background-color:var(--ez-avatar--background-color);color:var(--ez-avatar--color);font-weight:var(--font-weight--medium, 500);font-family:var(--font-pattern, 'Roboto');transition:background-color 0.2s linear, color 0.2s linear;margin:0;padding:0}button:hover{cursor:pointer;background-color:var(--ez-avatar--background-color-hover)}.avatar--320{--avatar-size:320px;width:20rem;height:20rem}.avatar--300{--avatar-size:300px;width:18.75rem;height:18.75rem}.avatar--280{--avatar-size:280px;width:17.5rem;height:17.5rem}.avatar--260{--avatar-size:260px;width:16.25rem;height:16.25rem}.avatar--240{--avatar-size:240px;width:15rem;height:15rem}.avatar--220{--avatar-size:220px;width:13.75rem;height:13.75rem}.avatar--200{--avatar-size:200px;width:12.5rem;height:12.5rem}.avatar--180{--avatar-size:180px;width:11.25rem;height:11.25rem}.avatar--160{--avatar-size:160px;width:10rem;height:10rem}.avatar--140{--avatar-size:140px;width:8.75rem;height:8.75rem}.avatar--120{--avatar-size:120px;width:7.5rem;height:7.5rem}.avatar--100{--avatar-size:100px;width:6.25rem;height:6.25rem}.avatar--80{--avatar-size:80px;width:5rem;height:5rem}.avatar--60{--avatar-size:60px;width:3.75rem;height:3.75rem}.avatar-initial{font-size:calc(0.375 * var(--avatar-size));}.avatar--circle{border-radius:var(--ez-avatar--border-radius-circle)}.avatar--square{border-radius:var(--ez-avatar--border-radius-square)}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:inherit}.avatar--has-image{background-color:transparent}ez-icon{--ez-icon--color:var(--color--gray-70, #fff);font-weight:var(--font-weight--medium, 500)}";

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a7b0c73d.js');
 const core = require('@sankhyalabs/core');
-const index$1 = require('./index-a8537087.js');
+const index$1 = require('./index-d4a1cad8.js');
 
 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-container--z-index:var(--more-visible, 2);--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__container{display:flex;z-index:var(--more-visible, 2)}.calendar{display:flex;flex-direction:column;z-index:var(--more-visible, 2);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;color:var(--ez-calendar--color)}.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;padding:0px;font-weight:var(--text-weight--large, 600);font-size:var(--title--extra-small, 12px);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}.calendar-time{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;scrollbar-width:none}.calendar__column::-webkit-scrollbar{width:0px;max-width:0px;min-width:0px}.calendar-time__header{display:flex;justify-content:space-between;padding-left:var(--space--small, 6px);padding-right:var(--space--small, 6px);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);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}";
 

package/dist/cjs/ez-classic-date-input.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a7b0c73d.js');
 const core = require('@sankhyalabs/core');
 const CSSVarsUtils = require('./CSSVarsUtils-f20973d1.js');
-const index$1 = require('./index-a8537087.js');
+const index$1 = require('./index-d4a1cad8.js');
 
 const ezClassicDateInputCss = ":host{display:block;width:100%;--ez-classic-date-input__input--background-color:var(--background--medium, #e0e0e0);--ez-classic-date-input__input--border-color:var(--ez-classic-date-input__input--background-color);--ez-classic-date-input__calendar-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"15px\"><path d=\"M 3.171875,5.25 C 2.6485088,5.25 2.21875,5.6797588 2.21875,6.203125 2.21875,6.7264912 2.6485088,7.15625 3.171875,7.15625 3.6952412,7.15625 4.125,6.7264912 4.125,6.203125 4.125,5.6797588 3.6952412,5.25 3.171875,5.25 Z m 2.875,0 C 5.5235088,5.25 5.09375,5.6797588 5.09375,6.203125 5.09375,6.7264912 5.5235088,7.15625 6.046875,7.15625 6.5702412,7.15625 7,6.7264912 7,6.203125 7,5.6797588 6.5702412,5.25 6.046875,5.25 Z m 2.875,0 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.953125 0.953125,0.953125 0.5233662,0 0.9511719,-0.4297588 0.9511719,-0.953125 C 9.8730469,5.6797588 9.4452412,5.25 8.921875,5.25 Z m 2.873047,0 c -0.523366,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.429759,0.953125 0.953125,0.953125 0.523366,0 0.953125,-0.4297588 0.953125,-0.953125 C 12.748047,5.6797588 12.318288,5.25 11.794922,5.25 Z M 3.171875,8.1230469 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.9531251 0.953125,0.9531251 0.5233662,0 0.953125,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.875,0 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.9531251 0.953125,0.9531251 C 6.5702412,10.029297 7,9.5995381 7,9.0761719 7,8.5528057 6.5702412,8.1230469 6.046875,8.1230469 Z m 2.8554688,0 c -0.5233663,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297587,0.9531251 0.953125,0.9531251 0.5233661,0 0.9531249,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.9003902,0 c -0.523366,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.429759,0.9531251 0.953125,0.9531251 0.523367,0 0.953125,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.429758,-0.953125 -0.953125,-0.953125 z M 3.171875,10.998047 c -0.5233662,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297588,0.953125 0.953125,0.953125 0.5233662,0 0.953125,-0.429759 0.953125,-0.953125 0,-0.523366 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.875,0 c -0.5233662,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297588,0.953125 0.953125,0.953125 C 6.5702412,12.904297 7,12.474538 7,11.951172 7,11.427806 6.5702412,10.998047 6.046875,10.998047 Z m 2.8554688,0 c -0.5233663,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297587,0.953125 0.953125,0.953125 0.5233661,0 0.9531249,-0.429759 0.953125,-0.953125 0,-0.523366 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.9003902,0 c -0.523366,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.429759,0.953125 0.953125,0.953125 0.523367,0 0.953125,-0.429759 0.953125,-0.953125 0,-0.523366 -0.429758,-0.953125 -0.953125,-0.953125 z M 3.5,0 c -0.554,0 -1,0.446 -1,1 v 0.050781 C 1.0853217,1.2909766 0,2.5186658 0,4 v 9 c 0,1.652487 1.3475134,3 3,3 h 9 c 1.652487,0 3,-1.347513 3,-3 V 4 C 15,2.5186658 13.914678,1.2909766 12.5,1.0507812 V 1 c 0,-0.554 -0.446,-1 -1,-1 -0.554,0 -1,0.446 -1,1 h -2 c 0,-0.554 -0.446,-1 -1,-1 -0.554,0 -1,0.446 -1,1 h -2 C 4.5,0.446 4.054,0 3.5,0 Z m 1,2.0996094 h 2 v 0.640625 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 v -0.640625 h 2 v 0.640625 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 V 2.1738281 C 13.311725,2.3905225 13.900391,3.11278 13.900391,4 v 9 c 0,1.062113 -0.838278,1.900391 -1.900391,1.900391 H 3 C 1.9378864,14.900391 1.0996094,14.062113 1.0996094,13 V 4 C 1.0996094,3.11278 1.6882747,2.3905225 2.5,2.1738281 v 0.5664063 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 z\"/></svg>')}.btn-open-cal{outline:none;border:none;background-color:unset;cursor:pointer}.btn-open-cal:disabled{cursor:not-allowed}.btn-open-cal::after{content:'';display:flex;background-color:var(--text--primary, #008561);width:15px;height:16px;-webkit-mask-image:var(--ez-classic-date-input__calendar-image);mask-image:var(--ez-classic-date-input__calendar-image)}.btn-open-cal:disabled:after{background-color:var(--text--disable, #AFB6C0)}.btn-open-cal:enabled:hover::after{background-color:var(--color--primary, #4e4e4e)}ez-classic-input{--text-input__input--background-color:var(--ez-classic-date-input__input--background-color, #FFFFFF);--text-input__input--border-color:var(--ez-classic-date-input__input--border-color, #DCE0E8)}";
 

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a7b0c73d.js');
 const core = require('@sankhyalabs/core');
 const CSSVarsUtils = require('./CSSVarsUtils-f20973d1.js');
-const index$1 = require('./index-a8537087.js');
+const index$1 = require('./index-d4a1cad8.js');
 
 const ezClassicDateTimeInputCss = ":host{display:block;width:100%;--ez-classic-date-input__input--background-color:var(--background--medium, #e0e0e0);--ez-classic-date-input__input--border-color:var(--ez-classic-date-input__input--background-color);--ez-classic-date-input__calendar-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"15px\"><path d=\"M 3.171875,5.25 C 2.6485088,5.25 2.21875,5.6797588 2.21875,6.203125 2.21875,6.7264912 2.6485088,7.15625 3.171875,7.15625 3.6952412,7.15625 4.125,6.7264912 4.125,6.203125 4.125,5.6797588 3.6952412,5.25 3.171875,5.25 Z m 2.875,0 C 5.5235088,5.25 5.09375,5.6797588 5.09375,6.203125 5.09375,6.7264912 5.5235088,7.15625 6.046875,7.15625 6.5702412,7.15625 7,6.7264912 7,6.203125 7,5.6797588 6.5702412,5.25 6.046875,5.25 Z m 2.875,0 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.953125 0.953125,0.953125 0.5233662,0 0.9511719,-0.4297588 0.9511719,-0.953125 C 9.8730469,5.6797588 9.4452412,5.25 8.921875,5.25 Z m 2.873047,0 c -0.523366,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.429759,0.953125 0.953125,0.953125 0.523366,0 0.953125,-0.4297588 0.953125,-0.953125 C 12.748047,5.6797588 12.318288,5.25 11.794922,5.25 Z M 3.171875,8.1230469 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.9531251 0.953125,0.9531251 0.5233662,0 0.953125,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.875,0 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.9531251 0.953125,0.9531251 C 6.5702412,10.029297 7,9.5995381 7,9.0761719 7,8.5528057 6.5702412,8.1230469 6.046875,8.1230469 Z m 2.8554688,0 c -0.5233663,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297587,0.9531251 0.953125,0.9531251 0.5233661,0 0.9531249,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.9003902,0 c -0.523366,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.429759,0.9531251 0.953125,0.9531251 0.523367,0 0.953125,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.429758,-0.953125 -0.953125,-0.953125 z M 3.171875,10.998047 c -0.5233662,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297588,0.953125 0.953125,0.953125 0.5233662,0 0.953125,-0.429759 0.953125,-0.953125 0,-0.523366 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.875,0 c -0.5233662,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297588,0.953125 0.953125,0.953125 C 6.5702412,12.904297 7,12.474538 7,11.951172 7,11.427806 6.5702412,10.998047 6.046875,10.998047 Z m 2.8554688,0 c -0.5233663,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297587,0.953125 0.953125,0.953125 0.5233661,0 0.9531249,-0.429759 0.953125,-0.953125 0,-0.523366 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.9003902,0 c -0.523366,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.429759,0.953125 0.953125,0.953125 0.523367,0 0.953125,-0.429759 0.953125,-0.953125 0,-0.523366 -0.429758,-0.953125 -0.953125,-0.953125 z M 3.5,0 c -0.554,0 -1,0.446 -1,1 v 0.050781 C 1.0853217,1.2909766 0,2.5186658 0,4 v 9 c 0,1.652487 1.3475134,3 3,3 h 9 c 1.652487,0 3,-1.347513 3,-3 V 4 C 15,2.5186658 13.914678,1.2909766 12.5,1.0507812 V 1 c 0,-0.554 -0.446,-1 -1,-1 -0.554,0 -1,0.446 -1,1 h -2 c 0,-0.554 -0.446,-1 -1,-1 -0.554,0 -1,0.446 -1,1 h -2 C 4.5,0.446 4.054,0 3.5,0 Z m 1,2.0996094 h 2 v 0.640625 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 v -0.640625 h 2 v 0.640625 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 V 2.1738281 C 13.311725,2.3905225 13.900391,3.11278 13.900391,4 v 9 c 0,1.062113 -0.838278,1.900391 -1.900391,1.900391 H 3 C 1.9378864,14.900391 1.0996094,14.062113 1.0996094,13 V 4 C 1.0996094,3.11278 1.6882747,2.3905225 2.5,2.1738281 v 0.5664063 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 z\"/></svg>')}.btn-open-cal{outline:none;border:none;background-color:unset;cursor:pointer}.btn-open-cal:disabled{cursor:not-allowed}.btn-open-cal::after{content:'';display:flex;background-color:var(--text--primary, #008561);width:15px;height:16px;-webkit-mask-image:var(--ez-classic-date-input__calendar-image);mask-image:var(--ez-classic-date-input__calendar-image)}.btn-open-cal:disabled:after{background-color:var(--text--disable, #AFB6C0)}.btn-open-cal:enabled:hover::after{background-color:var(--color--primary, #4e4e4e)}ez-classic-input{--text-input__input--background-color:var(--ez-classic-date-input__input--background-color, #FFFFFF);--text-input__input--border-color:var(--ez-classic-date-input__input--border-color, #DCE0E8)}";
 

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

@@ -13,6 +13,7 @@ class MaskFormatter {
       'U': (char) => /[a-zA-Z]/.test(char),
       'L': (char) => /[a-zA-Z]/.test(char),
       'A': (char) => /[a-zA-Z0-9]/.test(char),
+      'Z': (char) => /[a-zA-Z0-9]/.test(char),
       '?': (char) => /[a-zA-Z]/.test(char),
       '*': () => true
     };
@@ -42,7 +43,7 @@ class MaskFormatter {
       }
       if (this.maskChars[maskChar]) {
         if (this.maskChars[maskChar](inputChar)) {
-          if (maskChar === 'U') {
+          if (maskChar === 'U' || maskChar === 'Z') {
             formattedValue += inputChar.toUpperCase();
           }
           else if (maskChar === 'L') {
@@ -313,12 +314,57 @@ const EzClassicInput = class {
     const cleanValue = this._maskFormatter.removeMask(formattedValue);
     return { formattedValue, cleanValue };
   }
+  isDataChar(char) {
+    return /[a-zA-Z0-9]/.test(char);
+  }
+  countDataCharsBefore(value, pos) {
+    let count = 0;
+    for (let i = 0; i < pos && i < value.length; i++) {
+      if (this.isDataChar(value[i]))
+        count++;
+    }
+    return count;
+  }
+  skipLeadingSeparators(value, pos) {
+    while (pos < value.length && !this.isDataChar(value[pos])) {
+      pos++;
+    }
+    return pos;
+  }
+  findPositionAfterDataChars(formattedValue, targetCount) {
+    let count = 0;
+    for (let i = 0; i <= formattedValue.length; i++) {
+      if (count === targetCount) {
+        return this.skipLeadingSeparators(formattedValue, i);
+      }
+      if (i < formattedValue.length && this.isDataChar(formattedValue[i])) {
+        count++;
+      }
+    }
+    return formattedValue.length;
+  }
+  getCursorPositionAfterFormat(rawValue, formattedValue, cursorPos) {
+    const dataCharCount = this.countDataCharsBefore(rawValue, cursorPos);
+    return this.findPositionAfterDataChars(formattedValue, dataCharCount);
+  }
+  restoreCursorSelection(inputElement, rawValue, formattedValue, savedStart, savedEnd) {
+    const newStart = this.getCursorPositionAfterFormat(rawValue, formattedValue, savedStart);
+    const newEnd = savedStart === savedEnd
+      ? newStart
+      : this.getCursorPositionAfterFormat(rawValue, formattedValue, savedEnd);
+    inputElement.setSelectionRange(newStart, newEnd);
+  }
   updateInputValue(inputElement, formattedValue, cleanValue) {
+    const rawValue = inputElement.value;
+    const savedStart = inputElement.selectionStart;
+    const savedEnd = inputElement.selectionEnd;
     inputElement.value = formattedValue;
+    if (savedStart !== null && savedEnd !== null) {
+      this.restoreCursorSelection(inputElement, rawValue, formattedValue, savedStart, savedEnd);
+    }
     this._internalValueChange = true;
     this.value = cleanValue;
-    const emitValue = this.emitMaskedValue ? formattedValue : cleanValue;
-    this.ezChange.emit(emitValue);
+    this.ezChange.emit(this.emitMaskedValue ? formattedValue : cleanValue);
   }
   updateInputValueWithoutMask(inputValue) {
     this._internalValueChange = true;

package/dist/cjs/ez-classic-number-input.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a7b0c73d.js');
 const core = require('@sankhyalabs/core');
 const CSSVarsUtils = require('./CSSVarsUtils-f20973d1.js');
-const index$1 = require('./index-a8537087.js');
+const index$1 = require('./index-d4a1cad8.js');
 
 const ezClassicNumberInputCss = ":host{--ez-classic-number-input__min-width:0px;--ez-classic-number-input__max-width:100%;display:block;width:100%}.number__input{height:100%;min-width:var(--ez-classic-number-input__min-width);max-width:var(--ez-classic-number-input__max-width)}";