@dropi/ui 0.1.19 → 0.1.20

package/dist/esm/dropi-table.entry.js

@@ -0,0 +1,122 @@
+import { r as registerInstance, c as createEvent, h } from './index-Tbza12Gt.js';
+
+const dropiTableCss = () => `:host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.table-wrap{width:100%;overflow-x:auto;border:1px solid var(--Gray-Gray-100, #eceef4);border-radius:var(--Border-2, 8px)}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);background:var(--Neutral-White, #fff)}.table__th{padding:var(--Size-3, 12px) var(--Size-3, 12px);background:var(--Gray-Gray-50, #f7f8fa);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.5px;white-space:nowrap;border-bottom:1px solid var(--Gray-Gray-100, #eceef4);user-select:none}.table__th--check{width:40px}.table__th--sortable{cursor:pointer}.table__th--sortable:hover{background:var(--Gray-Gray-100, #eceef4)}.table__th-inner{display:inline-flex;align-items:center;gap:4px}.table__tr{cursor:pointer;transition:background 0.15s}.table__tr:hover{background:var(--Gray-Gray-50, #f7f8fa)}.table__tr--selected{background:var(--Primary-Primary-50, #fff5eb)}.table--striped .table__tr:nth-child(even){background:var(--Gray-Gray-50, #f7f8fa)}.table--striped .table__tr:nth-child(even):hover{background:var(--Gray-Gray-100, #eceef4)}.table__td{padding:var(--Size-3, 12px);border-bottom:1px solid var(--Gray-Gray-100, #eceef4);vertical-align:middle}.table__td--check{width:40px}.table__td--empty{text-align:center;padding:var(--Size-8, 48px) var(--Size-4, 16px);color:var(--Gray-Gray-400, #858ea6)}.table__td--empty p{margin:var(--Size-2, 8px) 0 0}.skeleton{height:14px;background:linear-gradient(90deg, var(--Gray-Gray-100, #eceef4) 25%, var(--Gray-Gray-50, #f7f8fa) 50%, var(--Gray-Gray-100, #eceef4) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--Border-1, 4px)}.skeleton--sm{width:20px}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}`;
+
+const DropiTable = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.dropiSort = createEvent(this, "dropiSort", 7);
+        this.dropiSelection = createEvent(this, "dropiSelection", 7);
+        this.dropiRowClick = createEvent(this, "dropiRowClick", 7);
+    }
+    /** Column definitions (array or JSON string) */
+    columns = [];
+    /** Row data (array or JSON string) */
+    rows = [];
+    /** Enable row selection (checkboxes) */
+    selectable = false;
+    /** Show loading skeleton */
+    loading = false;
+    /** Text shown when no rows */
+    emptyMessage = 'No hay datos disponibles';
+    /** Stripe alternate rows */
+    striped = false;
+    parsedColumns = [];
+    parsedRows = [];
+    sortKey = '';
+    sortDir = null;
+    selectedKeys = new Set();
+    /** Emitted when sort changes. e.detail = { key, dir } */
+    dropiSort;
+    /** Emitted when selection changes. e.detail = selected row indices */
+    dropiSelection;
+    /** Emitted when a row is clicked. e.detail = { row, index } */
+    dropiRowClick;
+    columnsChanged(val) {
+        this.parsedColumns = typeof val === 'string' ? JSON.parse(val) : (val || []);
+    }
+    rowsChanged(val) {
+        this.parsedRows = typeof val === 'string' ? JSON.parse(val) : (val || []);
+        this.selectedKeys = new Set();
+    }
+    componentWillLoad() {
+        this.columnsChanged(this.columns);
+        this.rowsChanged(this.rows);
+    }
+    get sortedRows() {
+        if (!this.sortKey || !this.sortDir)
+            return this.parsedRows;
+        const key = this.sortKey;
+        const dir = this.sortDir === 'asc' ? 1 : -1;
+        return [...this.parsedRows].sort((a, b) => {
+            const av = a[key] ?? '';
+            const bv = b[key] ?? '';
+            if (av < bv)
+                return -dir;
+            if (av > bv)
+                return dir;
+            return 0;
+        });
+    }
+    handleSort(col) {
+        if (!col.sortable)
+            return;
+        if (this.sortKey === col.key) {
+            this.sortDir = this.sortDir === 'asc' ? 'desc' : this.sortDir === 'desc' ? null : 'asc';
+            if (this.sortDir === null)
+                this.sortKey = '';
+        }
+        else {
+            this.sortKey = col.key;
+            this.sortDir = 'asc';
+        }
+        this.dropiSort.emit({ key: this.sortKey, dir: this.sortDir });
+    }
+    toggleRow(idx) {
+        const next = new Set(this.selectedKeys);
+        if (next.has(idx))
+            next.delete(idx);
+        else
+            next.add(idx);
+        this.selectedKeys = next;
+        this.dropiSelection.emit(Array.from(next));
+    }
+    toggleAll(checked) {
+        this.selectedKeys = checked
+            ? new Set(this.sortedRows.map((_, i) => i))
+            : new Set();
+        this.dropiSelection.emit(Array.from(this.selectedKeys));
+    }
+    sortIcon(col) {
+        if (!col.sortable)
+            return null;
+        if (this.sortKey !== col.key) {
+            return h("dropi-icon", { name: "Sort", width: "12px", height: "12px", color: "Gray-Gray-300" });
+        }
+        return this.sortDir === 'asc'
+            ? h("dropi-icon", { name: "Arrow-Up-2", width: "12px", height: "12px", color: "Primary-Primary-500" })
+            : h("dropi-icon", { name: "Arrow-Down-2", width: "12px", height: "12px", color: "Primary-Primary-500" });
+    }
+    render() {
+        const rows = this.sortedRows;
+        const allSelected = rows.length > 0 && this.selectedKeys.size === rows.length;
+        return (h("div", { key: '3e06da209d1f71b8a4a250f4bcd8a8213f34781d', class: "table-wrap" }, h("table", { key: '20056c30e2652f2a405eeb00954dd7b9c9b5924b', class: { 'table': true, 'table--striped': this.striped } }, h("thead", { key: '1a1ea1914f81d1ef8814f202de4d60308801dc1d' }, h("tr", { key: '22447d7fef0cf22c27c6249570c454d44b0865d3' }, this.selectable && (h("th", { key: 'd51aa876d97e01840a5adc34a5ec53f30fc2cac6', class: "table__th table__th--check" }, h("dropi-checkbox", { key: '192639cf8599dc5f3b095092a403509050e43efa', checked: allSelected, onDropiChange: (e) => this.toggleAll(e.detail) }))), this.parsedColumns.map(col => (h("th", { class: {
+                'table__th': true,
+                'table__th--sortable': !!col.sortable,
+            }, style: { width: col.width, textAlign: col.align || 'left' }, onClick: () => this.handleSort(col) }, h("span", { class: "table__th-inner" }, col.label, this.sortIcon(col))))))), h("tbody", { key: '93f65647369b59f913b381f541a18a215e8e0e9a' }, this.loading ? (Array.from({ length: 5 }).map(() => (h("tr", { class: "table__tr--skeleton" }, this.selectable && h("td", { class: "table__td" }, h("div", { class: "skeleton skeleton--sm" })), this.parsedColumns.map(() => (h("td", { class: "table__td" }, h("div", { class: "skeleton" })))))))) : rows.length === 0 ? (h("tr", null, h("td", { class: "table__td table__td--empty", colSpan: this.parsedColumns.length + (this.selectable ? 1 : 0) }, h("dropi-icon", { name: "Document", width: "24px", height: "24px", color: "Gray-Gray-300" }), h("p", null, this.emptyMessage)))) : (rows.map((row, i) => (h("tr", { class: {
+                'table__tr': true,
+                'table__tr--selected': this.selectedKeys.has(i),
+            }, onClick: () => this.dropiRowClick.emit({ row, index: i }) }, this.selectable && (h("td", { class: "table__td table__td--check", onClick: (e) => e.stopPropagation() }, h("dropi-checkbox", { checked: this.selectedKeys.has(i), onDropiChange: () => this.toggleRow(i) }))), this.parsedColumns.map(col => (h("td", { class: "table__td", style: { textAlign: col.align || 'left' } }, row[col.key] ?? '—')))))))))));
+    }
+    static get watchers() { return {
+        "columns": [{
+                "columnsChanged": 0
+            }],
+        "rows": [{
+                "rowsChanged": 0
+            }]
+    }; }
+};
+DropiTable.style = dropiTableCss();
+
+export { DropiTable as dropi_table };

package/dist/esm/dropi-tabs.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, c as createEvent, h } from './index-Twbb5MNM.js';
+import { r as registerInstance, c as createEvent, h } from './index-Tbza12Gt.js';
 
 const dropiTabsCss = () => `:host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.tabs-container{display:flex;flex-wrap:nowrap;overflow-x:auto;width:100%;height:52px;scrollbar-width:none}.tabs-container::-webkit-scrollbar{width:0;height:0}.tab-item{padding:var(--Size-4,16px) var(--Size-5,20px);background:var(--Neutral-White,#fff);border-bottom:2px solid var(--Gray-Gray-100,#e6eaf2);cursor:pointer;display:flex;gap:16px;align-items:center;white-space:nowrap;flex-shrink:0;transition:border-color 0.15s ease;user-select:none}.tab-item:hover:not(.tab-item--disabled):not(.tab-item--active){border-color:var(--Gray-Gray-300,#a3abbf)}.tab-item--active{border-bottom:2px solid var(--Primary-Primary-500,#f49a3d)}.tab-item--disabled{background:rgba(223,228,237,0.22);cursor:not-allowed;opacity:0.7;pointer-events:none}.tab-label-row{display:flex;align-items:center;gap:8px}.tab-label{font-size:var(--font-size-m,14px);font-weight:var(--font-weight-bold,700);color:var(--Gray-Gray-400,#858ea6);line-height:20px}.tab-item--active .tab-label{color:var(--Gray-Gray-600,#475066)}.tab-item--disabled .tab-label{font-weight:300;color:var(--Gray-Gray-300,#a3abbf)}.tab-counter{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:20px;font-size:var(--font-size-xs,10px);font-weight:var(--font-weight-medium,500);background:var(--Gray-Gray-100,#e6eaf2);color:var(--Gray-Gray-500,#69738c)}.tab-counter--active{background:var(--Primary-Primary-100,#fde8d0);color:var(--Primary-Primary-500,#f49a3d)}.tab-status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:var(--Primary-Primary-500, #f49a3d);flex-shrink:0}`;
 
 const DropiTabs = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.dropiTabChange = createEvent(this, "dropiTabChange");
+        this.dropiTabChange = createEvent(this, "dropiTabChange", 7);
     }
     /** Array of TabItem or JSON string */
     tabs = [];
@@ -29,7 +29,7 @@ const DropiTabs = class {
         this.dropiTabChange.emit(tab);
     }
     render() {
-        return (h("div", { key: '73bb4c928411c00cd9c6cfa6c0ed591c4573bbb1', class: "tabs-container", role: "tablist" }, this.parsedTabs.map(tab => {
+        return (h("div", { key: '9db1e2f4fdd15fc4ea4407d83fe33c562270acec', class: "tabs-container", role: "tablist" }, this.parsedTabs.map(tab => {
             const isActive = tab.id === this.activeTab;
             return (h("div", { role: "tab", "aria-selected": String(isActive), class: { 'tab-item': true, 'tab-item--active': isActive && !tab.disabled, 'tab-item--disabled': !!tab.disabled }, onClick: () => this.handleClick(tab) }, h("span", { class: "tab-label-row" }, h("span", { class: "tab-label" }, tab.label), tab.counter !== undefined && tab.counter !== null && (h("span", { class: { 'tab-counter': true, 'tab-counter--active': isActive } }, tab.counter))), this.showIcon && (tab.completed
                 ? h("dropi-icon", { name: "Check-circle", width: "12px", height: "12px", color: "Success-Success-500" })

package/dist/esm/dropi-tag-type-product.entry.js

@@ -0,0 +1,17 @@
+import { r as registerInstance, h } from './index-Tbza12Gt.js';
+
+const dropiTagTypeProductCss = () => `:host{display:inline-block}.type-variation{border-radius:4px;background:#f1b44c;padding:2px 6px;font-size:12px;color:#fff;text-transform:capitalize;font-weight:400;width:fit-content}`;
+
+const DropiTagTypeProduct = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    /** Label text. Default: VARIABLE */
+    label = 'VARIABLE';
+    render() {
+        return h("div", { key: '7002748963348a2361665d0d307f4d8eb3a24e3a', class: "type-variation" }, this.label);
+    }
+};
+DropiTagTypeProduct.style = dropiTagTypeProductCss();
+
+export { DropiTagTypeProduct as dropi_tag_type_product };

package/dist/esm/dropi-tag.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-Twbb5MNM.js';
+import { r as registerInstance, h } from './index-Tbza12Gt.js';
 
-const dropiTagCss = () => `:host{display:inline-block}*,*::before,*::after{box-sizing:border-box}.container-chips{display:inline-block}.tags{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:4px;border-radius:var(--Border-5, 9999px);overflow:hidden;text-align:center;text-overflow:ellipsis;font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-medium, 500);line-height:var(--Size-5, 24px);animation:fade-in 200ms ease-out}.tags.icon-only{gap:0}.file-icon{display:flex;margin-right:4px}@keyframes fade-in{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}`;
+const dropiTagCss = () => `:host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.container-chips{display:inline-block}.tags{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:4px;border-radius:var(--Border-5, 9999px);overflow:hidden;text-align:center;text-overflow:ellipsis;font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-medium, 500);line-height:var(--Size-5, 24px);animation:fade-in 200ms ease-out}.tags.icon-only{gap:0}.file-icon{display:flex}@keyframes fade-in{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}`;
 
 const DropiTag = class {
     constructor(hostRef) {
@@ -50,7 +50,7 @@ const DropiTag = class {
         return typeof this.text === 'string' && this.text.trim().length > 0;
     }
     render() {
-        return (h("div", { key: '65711113151698b330e945197d0b626130dc06ef', class: "container-chips" }, h("div", { key: 'c49964c1bcdfd96f538a1782a4b564a0e73fa87e', class: { tags: true, 'icon-only': this.showIcon && !this.hasContent }, style: { backgroundColor: this.bgColor, color: this.textColor } }, this.showIcon && this.icon && (h("dropi-icon", { key: 'cb1ed97b3f33c8e4171899f78a84e3572a37e462', class: "file-icon", name: this.icon, width: "16px", height: "16px", color: this.iconColor })), this.hasContent && h("span", { key: '92d71bb6f51dd7fa362023c230f27f9fa59744c0' }, this.text))));
+        return (h("div", { key: 'ca7fdd40b3d059abe34a6c4ccfba5cbfbdb5c786', class: "container-chips" }, h("div", { key: '897f4ab4a9d2d5ecb7088c6732f59c6cc3138c43', class: { tags: true, 'icon-only': this.showIcon && !this.hasContent }, style: { backgroundColor: this.bgColor, color: this.textColor } }, this.showIcon && this.icon && (h("dropi-icon", { key: '77b9315e4d1d4bd257331a4ce4cb3b82480430c0', class: "file-icon", name: this.icon, width: "16px", height: "16px", color: this.iconColor })), this.hasContent && h("span", { key: 'c55aede3070168989b8ebefa85480968f71eb08a' }, this.text))));
     }
     static get watchers() { return {
         "type": [{

package/dist/esm/dropi-text-area.entry.js

@@ -1,14 +1,14 @@
-import { r as registerInstance, c as createEvent, h } from './index-Twbb5MNM.js';
+import { r as registerInstance, c as createEvent, h } from './index-Tbza12Gt.js';
 
-const dropiTextAreaCss = () => `:host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.textarea-wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:4px}.textarea-wrapper label{font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-600, #475066)}.asterisk{color:var(--Error-Error-500, #f46a6b)}.textarea-container{position:relative}textarea.form-control{box-sizing:border-box;width:100%;overflow:auto;padding:var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);background:var(--Neutral-White, #fff);transition:border-color 0.3s ease-in-out;outline:none;appearance:none}textarea.form-control:focus{border-color:var(--Info-Info-500, #50a5f1)}textarea.form-control:focus::placeholder{color:var(--Gray-Gray-400, #858ea6)}textarea.form-control-valid{border-color:var(--Gray-Gray-400, #858ea6) !important;color:var(--Gray-Gray-600, #475066)}textarea.form-control-invalid{border-color:var(--Error-Error-500, #f46a6b) !important;color:var(--Gray-Gray-600, #475066)}textarea.form-control:disabled{border-color:var(--Gray-Gray-200, #c3c9d9) !important;color:var(--Gray-Gray-400, #858ea6);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed}.char-counter{position:absolute;bottom:10px;right:16px;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #69738c);pointer-events:none}.form-control-helper{display:flex;gap:4px;align-items:center}.form-control-helper span{display:block;color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px)}.invalid-color{color:var(--Error-Error-500, #f46a6b) !important}`;
+const dropiTextAreaCss = () => `:host{display:flex;flex-direction:column;width:100%}*,*::before,*::after{box-sizing:border-box}.textarea-wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:4px}.textarea-wrapper label{font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-600, #475066)}.asterisk{color:var(--Error-Error-500, #f46a6b)}.textarea-container{position:relative}textarea.form-control{box-sizing:border-box;width:100%;overflow:auto;padding:var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);background:var(--Neutral-White, #fff);transition:border-color 0.3s ease-in-out;outline:none;appearance:none}textarea.form-control:focus{border-color:var(--Info-Info-500, #50a5f1)}textarea.form-control:focus::placeholder{color:var(--Gray-Gray-400, #858ea6)}textarea.form-control-valid{border-color:var(--Gray-Gray-400, #858ea6) !important;color:var(--Gray-Gray-600, #475066)}textarea.form-control-invalid{border-color:var(--Error-Error-500, #f46a6b) !important;color:var(--Gray-Gray-600, #475066)}textarea.form-control:disabled{border-color:var(--Gray-Gray-200, #c3c9d9) !important;color:var(--Gray-Gray-400, #858ea6);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed}.char-counter{position:absolute;bottom:10px;right:16px;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #69738c);pointer-events:none}.form-control-helper{display:flex;gap:4px;align-items:center}.form-control-helper span{display:block;color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px)}.invalid-color{color:var(--Error-Error-500, #f46a6b) !important}`;
 
 const DropiTextArea = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.dropiInput = createEvent(this, "dropiInput");
-        this.dropiChange = createEvent(this, "dropiChange");
-        this.dropiFocus = createEvent(this, "dropiFocus");
-        this.dropiBlur = createEvent(this, "dropiBlur");
+        this.dropiInput = createEvent(this, "dropiInput", 7);
+        this.dropiChange = createEvent(this, "dropiChange", 7);
+        this.dropiFocus = createEvent(this, "dropiFocus", 7);
+        this.dropiBlur = createEvent(this, "dropiBlur", 7);
         if (hostRef.$hostElement$["s-ei"]) {
             this.internals = hostRef.$hostElement$["s-ei"];
         }
@@ -82,12 +82,12 @@ const DropiTextArea = class {
     render() {
         const showAsterisk = this.required && this.showAsterisk && !this.disabled;
         const showHelper = this.helperText || this.isInvalid;
-        return (h("div", { key: 'e61f93feb18b6ed2fd3a9e2b7a301b3383c59ef1', class: "textarea-wrapper" }, this.label && (h("label", { key: '3dce1ef5e6335f838778c09de911235115111623', htmlFor: this.resolvedId, style: { color: this.disabled ? 'var(--Gray-Gray-400)' : 'var(--Gray-Gray-600)' } }, this.label, showAsterisk && h("span", { key: 'bdeb923cb358ea947bbf22cb0a76545aef5d7b80', class: "asterisk" }, " *"))), h("div", { key: '402aae3d238a559ac670e69aa3a003baa36fd2c2', class: "textarea-container" }, h("textarea", { key: 'afe5dae36cb27dbd461ab9d4f998f83a43babf90', id: this.resolvedId, class: {
+        return (h("div", { key: 'ea3be8cb6a7316f6c7e7b41b51e14db24654db7a', class: "textarea-wrapper" }, this.label && (h("label", { key: 'd6b48ca844611e26ac378070863334a481179cd5', htmlFor: this.resolvedId, style: { color: this.disabled ? 'var(--Gray-Gray-400)' : 'var(--Gray-Gray-600)' } }, this.label, showAsterisk && h("span", { key: 'a3f28346716188fd46ae411e54a64242856c9ec1', class: "asterisk" }, " *"))), h("div", { key: 'c0532ad518a267ff14884c687e49b005ff39c381', class: "textarea-container" }, h("textarea", { key: '3bdd909fb0b1710bba23d348fe46058414a0f244', id: this.resolvedId, class: {
                 'form-control': true,
                 'Body-M-Regular': true,
                 'form-control-valid': !this.isInvalid && this.touched && !!this.value,
                 'form-control-invalid': this.isInvalid,
-            }, rows: this.rows, placeholder: this.placeholder, maxLength: this.maxlength, minLength: this.minlength, disabled: this.disabled, required: this.required, style: { resize: this.resize }, onInput: (e) => this.handleInput(e), onFocus: () => this.dropiFocus.emit(), onBlur: () => this.handleBlur() }, this.value), this.maxlength > 0 && (h("div", { key: '0c9a7c6555594e7101f72b47c819838e2ffe5236', class: "char-counter" }, this.charCount, "/", this.maxlength))), showHelper && (h("div", { key: 'ad4d6435c21ec013a271b490c74f66839de4d6c2', class: "form-control-helper" }, this.isInvalid && (h("dropi-icon", { key: '11e480a0cb3f59f1838915850d09a0758160b2fc', name: "Warning-circle", width: "12px", height: "12px", color: "Error-Error-500" })), h("span", { key: '461e0f727feecb2fd6d5f21e51f39d017ff275b3', class: { 'invalid-color': this.isInvalid }, style: { color: this.disabled ? 'var(--Gray-Gray-400)' : undefined } }, this.helperText)))));
+            }, rows: this.rows, placeholder: this.placeholder, maxLength: this.maxlength, minLength: this.minlength, disabled: this.disabled, required: this.required, style: { resize: this.resize }, onInput: (e) => this.handleInput(e), onFocus: () => this.dropiFocus.emit(), onBlur: () => this.handleBlur() }, this.value), this.maxlength > 0 && (h("div", { key: '7c4f136b776dd9d5d930d690401d422d856139d1', class: "char-counter" }, this.charCount, "/", this.maxlength))), showHelper && (h("div", { key: 'e72f689564b1c58cb706b5ad607044ec7cc267e7', class: "form-control-helper" }, this.isInvalid && (h("dropi-icon", { key: '93308a1c97c96da20dd246ecc23c10ed6fd656a8', name: "Warning-circle", width: "12px", height: "12px", color: "Error-Error-500" })), h("span", { key: '18df68d1cb37302d3bfeb5742432bf89806e0d98', class: { 'invalid-color': this.isInvalid }, style: { color: this.disabled ? 'var(--Gray-Gray-400)' : undefined } }, this.helperText)))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

package/dist/esm/dropi-time-line.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-Twbb5MNM.js';
+import { r as registerInstance, h } from './index-Tbza12Gt.js';
 
 const dropiTimeLineCss = () => `:host{display:block}*,*::before,*::after{box-sizing:border-box}.timeline{display:flex;flex-direction:column}.tl-step{display:flex;align-items:flex-start;gap:var(--Size-3, 12px)}.tl-step__marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.tl-step__icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background 0.2s, border-color 0.2s}.tl-step--pending .tl-step__icon{background:var(--Gray-Gray-100, #e6eaf2);border:2px solid var(--Gray-Gray-200, #c3c9d9)}.tl-step--active .tl-step__icon{background:var(--Neutral-White, #fff);border:2px solid var(--Primary-Primary-500, #f49a3d);box-shadow:0 0 0 4px var(--Primary-Primary-100, #fde9d0)}.tl-step--done .tl-step__icon{background:var(--Primary-Primary-500, #f49a3d);border:2px solid var(--Primary-Primary-500, #f49a3d)}.tl-step__dot{width:8px;height:8px;border-radius:50%;display:block}.tl-step--pending .tl-step__dot{background:var(--Gray-Gray-300, #a3abbf)}.tl-step--active .tl-step__dot{background:var(--Primary-Primary-500, #f49a3d)}.tl-step--done .tl-step__dot{background:var(--Neutral-White, #fff)}.tl-step__line{flex:1;width:2px;min-height:24px;margin:4px 0;background:var(--Gray-Gray-200, #c3c9d9)}.tl-step--done+.tl-step .tl-step__line,.tl-step--done .tl-step__line{background:var(--Primary-Primary-500, #f49a3d)}.tl-step__content{display:flex;flex-direction:column;gap:2px;padding-top:6px;padding-bottom:var(--Size-4, 16px)}.tl-step__label{font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d)}.tl-step--pending .tl-step__label{color:var(--Gray-Gray-400, #858ea6);font-weight:var(--font-weight-regular, 400)}.tl-step__subtitle{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #69738c)}`;
 
@@ -21,7 +21,7 @@ const DropiTimeLine = class {
     }
     render() {
         const steps = this.parsedSteps;
-        return (h("div", { key: '9391536f472117d8788456df24de433fc9f6ae1e', class: "timeline" }, steps.map((step, i) => {
+        return (h("div", { key: 'b8a4dee055ec85242e2a62a497a6b13fcea29bbc', class: "timeline" }, steps.map((step, i) => {
             const isLast = i === steps.length - 1;
             return (h("div", { class: { 'tl-step': true, [`tl-step--${step.status}`]: true }, key: step.id || i }, h("div", { class: "tl-step__marker" }, h("div", { class: "tl-step__icon" }, step.icon ? (h("dropi-icon", { name: step.icon, width: "16px", height: "16px", color: step.status === 'done' ? 'Neutral-White' : step.status === 'active' ? 'Primary-Primary-500' : 'Gray-Gray-400' })) : (h("span", { class: "tl-step__dot" }))), !isLast && h("div", { class: "tl-step__line" })), h("div", { class: "tl-step__content" }, h("span", { class: "tl-step__label" }, step.label), step.subtitle && h("span", { class: "tl-step__subtitle" }, step.subtitle))));
         })));

package/dist/esm/dropi-toast.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-Twbb5MNM.js';
+import { r as registerInstance, h } from './index-Tbza12Gt.js';
 
 const dropiToastCss = () => `:host{display:contents}*,*::before,*::after{box-sizing:border-box}.toast-container{position:fixed;z-index:9999;display:flex;flex-direction:column;gap:8px;max-width:380px;width:100%;pointer-events:none}.toast-container--top-right{top:80px;right:0;padding:var(--Size-2, 8px)}.toast-container--top-left{top:80px;left:0;padding:var(--Size-2, 8px)}.toast-container--bottom-right{bottom:24px;right:0;padding:var(--Size-2, 8px);flex-direction:column-reverse}.toast-container--bottom-left{bottom:24px;left:0;padding:var(--Size-2, 8px);flex-direction:column-reverse}.toast-container--top-center{top:80px;left:50%;transform:translateX(-50%);padding:var(--Size-2, 8px)}.toast-container--bottom-center{bottom:24px;left:50%;transform:translateX(-50%);padding:var(--Size-2, 8px);flex-direction:column-reverse}.toast-wrapper{pointer-events:auto;animation:toast-in 0.28s ease;transition:opacity 0.28s ease, transform 0.28s ease, max-height 0.32s ease;overflow:hidden;max-height:200px}.toast-wrapper--leaving{opacity:0;transform:translateX(20px);max-height:0;pointer-events:none}@keyframes toast-in{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.toast{position:relative;display:flex;align-items:flex-start;border-radius:var(--Border-2,8px);background:var(--Neutral-White,#fff);box-shadow:0.5px -1px 7px 0px rgba(0, 0, 0, 0.06);border-left:var(--Size-2, 8px) solid;overflow:hidden;min-width:300px}.toast--success{border-color:var(--Success-Success-500,#34c38f)}.toast--error{border-color:var(--Error-Error-500,#f46a6b)}.toast--warn{border-color:var(--Warning-Warning-500,#f1b44c)}.toast--info{border-color:var(--Info-Info-500,#50a5f1)}.toast-content{display:flex;flex-direction:row;align-items:flex-start;padding:var(--Size-5) var(--Size-5) var(--Size-5) calc(var(--Size-5) - var(--Size-2, 8px));gap:var(--Size-4, 16px)}.lottie-img{width:50px;height:50px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.lottie-player-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;align-items:center;justify-content:center}lottie-player{width:100%;height:100%;display:block}.info-container{flex:1;min-width:0;align-self:center;display:flex;flex-direction:column;gap:var(--Size-1, 4px)}.title{margin:0;font-size:var(--font-size-l,18px);font-weight:var(--font-weight-bold,700);color:var(--Gray-Gray-700,#32394d);line-height:1.1;text-align:left;max-width:250px}.description{margin:0;font-size:var(--font-size-s,14px);color:var(--Gray-Gray-500,#6b7280);line-height:1.4;text-align:left;max-width:250px}.toast-close{position:absolute;top:18px;right:10px;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-close:hover{opacity:0.7}`;
 
@@ -45,7 +45,7 @@ const DropiToast = class {
         return `<lottie-player src="${this.lottieMap[severity]}" background="transparent" speed="1" loop autoplay></lottie-player>`;
     }
     render() {
-        return (h("div", { key: 'ee7e397e3ae32ac5a30b9a37777823315d2e653d', class: `toast-container toast-container--${this.position}` }, this.items.map(item => (h("div", { key: item.msg.id, class: { 'toast-wrapper': true, 'toast-wrapper--leaving': item.leaving } }, h("div", { class: `toast toast--${item.msg.severity}` }, h("div", { class: "toast-content" }, h("div", { class: "lottie-img" }, h("div", { class: "lottie-player-container", innerHTML: this.getLottieHtml(item.msg.severity) })), h("div", { class: "info-container" }, h("p", { class: "title" }, item.msg.summary), item.msg.detail && h("p", { class: "description" }, item.msg.detail))), item.msg.closable && (h("button", { class: "toast-close", onClick: () => this.remove(item.msg.id) }, h("dropi-icon", { name: "Close-small", width: "20px", height: "20px", color: "Gray-Gray-400" })))))))));
+        return (h("div", { key: 'c29bfdfa90eb237f24a4d682ae05e7c29b754404', class: `toast-container toast-container--${this.position}` }, this.items.map(item => (h("div", { key: item.msg.id, class: { 'toast-wrapper': true, 'toast-wrapper--leaving': item.leaving } }, h("div", { class: `toast toast--${item.msg.severity}` }, h("div", { class: "toast-content" }, h("div", { class: "lottie-img" }, h("div", { class: "lottie-player-container", innerHTML: this.getLottieHtml(item.msg.severity) })), h("div", { class: "info-container" }, h("p", { class: "title" }, item.msg.summary), item.msg.detail && h("p", { class: "description" }, item.msg.detail))), item.msg.closable && (h("button", { class: "toast-close", onClick: () => this.remove(item.msg.id) }, h("dropi-icon", { name: "Close-small", width: "20px", height: "20px", color: "Gray-Gray-400" })))))))));
     }
 };
 DropiToast.style = dropiToastCss();

package/dist/esm/dropi-tooltip.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-Twbb5MNM.js';
+import { r as registerInstance, h } from './index-Tbza12Gt.js';
 
 const dropiTooltipCss = () => `:host{display:inline-block}*,*::before,*::after{box-sizing:border-box}.tooltip-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}.tooltip-bubble{position:absolute;z-index:9999;background:#1f2433;color:var(--Neutral-White,#fff);font-size:var(--font-size-s,14px);line-height:1.5;padding:8px 12px;border-radius:8px;white-space:normal;pointer-events:none;opacity:0;transition:opacity 0.15s ease, transform 0.15s ease;word-break:break-word;box-shadow:var(--Shadow-medium);text-align:left;width:max-content}.tooltip-bubble--visible{opacity:1}.tooltip-bubble--top{bottom:calc(100% + 12px);left:50%;transform:translateX(-50%)}.tooltip-bubble--bottom{top:calc(100% + 12px);left:50%;transform:translateX(-50%)}.tooltip-bubble--left{right:calc(100% + 12px);top:50%;transform:translateY(-50%)}.tooltip-bubble--right{left:calc(100% + 12px);top:50%;transform:translateY(-50%)}.tooltip-arrow{position:absolute;width:12px;height:6px}.tooltip-arrow::before{content:'';position:absolute;width:0;height:0}.tooltip-arrow--top{top:100%;left:50%;transform:translateX(-50%)}.tooltip-arrow--top::before{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #1f2433}.tooltip-arrow--bottom{bottom:100%;left:50%;transform:translateX(-50%)}.tooltip-arrow--bottom::before{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #1f2433}.tooltip-arrow--left{left:100%;top:50%;transform:translateY(-50%)}.tooltip-arrow--left::before{border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #1f2433}.tooltip-arrow--right{right:100%;top:50%;transform:translateY(-50%)}.tooltip-arrow--right::before{border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #1f2433}`;
 
@@ -32,7 +32,7 @@ const DropiTooltip = class {
         this.visible = false;
     };
     render() {
-        return (h("div", { key: 'fa52d7ff250fe76fefd529f2dab27338d0a8bd0a', class: "tooltip-wrapper", onMouseEnter: this.show, onMouseLeave: this.hide, onFocusin: this.show, onFocusout: this.hide }, h("slot", { key: 'e301fead7186cec3b817a9339a0878006b750cbf' }), this.text && (h("div", { key: 'e24cb85fd227d0f96935dfe6095804ad9fcbc140', class: { 'tooltip-bubble': true, [`tooltip-bubble--${this.position}`]: true, 'tooltip-bubble--visible': this.visible }, style: { maxWidth: this.maxWidth }, role: "tooltip" }, this.text, h("span", { key: 'a2dbe5693bfb2c0894d20bc2831d303b5634869e', class: `tooltip-arrow tooltip-arrow--${this.position}` })))));
+        return (h("div", { key: '9f328904e1954d08cf18d51ca765f07ec8b9d3c1', class: "tooltip-wrapper", onMouseEnter: this.show, onMouseLeave: this.hide, onFocusin: this.show, onFocusout: this.hide }, h("slot", { key: '697ebc090a9b3d7db25666b6ae8726bc9c389d3c' }), this.text && (h("div", { key: 'f82c4ad44cd13b3eb7fd3bbfa54bb598166fba1c', class: { 'tooltip-bubble': true, [`tooltip-bubble--${this.position}`]: true, 'tooltip-bubble--visible': this.visible }, style: { maxWidth: this.maxWidth }, role: "tooltip" }, this.text, h("span", { key: 'f850e6f1b5a66a686e9741b3d5e9df3bd5b81e95', class: `tooltip-arrow tooltip-arrow--${this.position}` })))));
     }
 };
 DropiTooltip.style = dropiTooltipCss();

package/dist/esm/dropi-ui.js

@@ -1,5 +1,5 @@
-import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-Twbb5MNM.js';
-export { s as setNonce } from './index-Twbb5MNM.js';
+import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-Tbza12Gt.js';
+export { s as setNonce } from './index-Tbza12Gt.js';
 
 /*
  Stencil Client Patch Browser v4.43.3 | MIT Licensed | https://stenciljs.com
@@ -16,5 +16,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["dropi-icon",[[513,"dropi-icon",{"name":[1],"width":[1],"height":[1],"color":[1]},null,{"color":[{"colorChanged":0}]}]]],["dropi-card-section",[[513,"dropi-card-section",{"sectionTitle":[1,"section-title"],"description":[1],"typeElement":[1,"type-element"],"type":[1],"isChecked":[1028,"is-checked"]}]]],["dropi-checkbox-selection-list",[[513,"dropi-checkbox-selection-list",{"options":[1],"showFilter":[4,"show-filter"],"filterPlaceholder":[1,"filter-placeholder"],"showNotFound":[4,"show-not-found"],"notFoundMessage":[1,"not-found-message"],"multiSelect":[4,"multi-select"],"filterText":[32],"selected":[32],"parsedOptions":[32]},null,{"options":[{"optionsChanged":0}]}]]],["dropi-empty-state",[[769,"dropi-empty-state",{"header":[1],"description":[1],"imageUrl":[1,"image-url"],"imageAlt":[1,"image-alt"],"actionLabel":[1,"action-label"],"secondaryLabel":[1,"secondary-label"]}]]],["dropi-search",[[513,"dropi-search",{"placeholder":[1],"value":[1025],"maxlength":[2],"showClear":[4,"show-clear"],"options":[1],"labelKey":[1,"label-key"],"multiSelect":[4,"multi-select"],"dropdownHeight":[1,"dropdown-height"],"label":[1],"open":[32],"selected":[32],"parsedOptions":[32]},null,{"options":[{"optionsChanged":0}]}]]],["dropi-accordion",[[769,"dropi-accordion",{"header":[1],"open":[1540],"disabled":[4],"preIcon":[1,"pre-icon"],"contentHeight":[32]},null,{"open":[{"openChanged":0}]}]]],["dropi-alert",[[513,"dropi-alert",{"message":[1],"type":[1],"state":[1],"dismissable":[4],"showButton":[4,"show-button"],"buttonText":[1,"button-text"],"anchorText":[1,"anchor-text"],"anchorUrl":[1,"anchor-url"],"showAlert":[1028,"show-alert"]}]]],["dropi-chips",[[769,"dropi-chips",{"chipStyle":[1,"chip-style"],"type":[1],"urlImg":[1,"url-img"],"showIcon":[4,"show-icon"],"icon":[1]}]]],["dropi-dropdown",[[513,"dropi-dropdown",{"options":[1],"valueModel":[1,"value-model"],"imageModel":[1,"image-model"],"height":[1],"selected":[32],"parsedOptions":[32]},null,{"options":[{"optionsChanged":0}]}]]],["dropi-favorite-button",[[513,"dropi-favorite-button",{"isFavorite":[1028,"is-favorite"],"hovered":[32]}]]],["dropi-image-miniature",[[513,"dropi-image-miniature",{"label":[1],"images":[1],"width":[1],"height":[1]}]]],["dropi-image-overlay",[[513,"dropi-image-overlay",{"visible":[1028],"images":[1],"activeIndex":[1026,"active-index"],"current":[32],"parsedImages":[32]},null,{"images":[{"imagesChanged":0}],"activeIndex":[{"indexChanged":0}],"visible":[{"visibleChanged":0}]}]]],["dropi-input",[[577,"dropi-input",{"inputId":[1,"input-id"],"name":[1],"label":[1],"placeholder":[1],"value":[1025],"maxlength":[2],"disabled":[516],"required":[516],"showAsterisk":[4,"show-asterisk"],"fixedLabel":[4,"fixed-label"],"inputMode":[1,"input-mode"],"passwordInput":[4,"password-input"],"moneyFormat":[4,"money-format"],"thousandSeparator":[4,"thousand-separator"],"onlyNumbers":[4,"only-numbers"],"allowDecimals":[4,"allow-decimals"],"onlyLetters":[4,"only-letters"],"icon":[1],"iconColor":[1,"icon-color"],"invalid":[4],"helperText":[1,"helper-text"],"showHelperOnlyOnError":[4,"show-helper-only-on-error"],"showPassword":[32],"touched":[32]},null,{"value":[{"valueChanged":0}],"disabled":[{"disabledChanged":0}]}]]],["dropi-modal",[[769,"dropi-modal",{"visible":[1540],"header":[1],"showCloseIcon":[4,"show-close-icon"],"dismissable":[4],"closeOnEscape":[4,"close-on-escape"],"modal":[4],"showHeader":[4,"show-header"],"position":[1],"size":[1],"isOpen":[32],"isClosing":[32],"mounted":[32],"hide":[64],"show":[64]},null,{"visible":[{"visibleChanged":0}]}]]],["dropi-paginator",[[513,"dropi-paginator",{"total":[2],"pageSize":[1026,"page-size"],"page":[1538],"maxPages":[2,"max-pages"],"noLabels":[4,"no-labels"],"showPageSizeSelector":[4,"show-page-size-selector"],"pageSizeOptions":[1,"page-size-options"],"parsedOptions":[32]},null,{"pageSizeOptions":[{"optionsChanged":0}]}]]],["dropi-radio-selection-list",[[513,"dropi-radio-selection-list",{"options":[1],"selectedOption":[1032,"selected-option"],"showFilter":[4,"show-filter"],"filterPlaceholder":[1,"filter-placeholder"],"typeLayout":[1,"type-layout"],"filterText":[32],"parsedOptions":[32]},null,{"options":[{"optionsChanged":0}]}]]],["dropi-select",[[577,"dropi-select",{"label":[1],"placeholder":[1],"options":[1040],"name":[1],"disabled":[516],"invalid":[4],"errorText":[1,"error-text"],"helperText":[1,"helper-text"],"showObligatory":[4,"show-obligatory"],"searchEnabled":[4,"search-enabled"],"multiSelect":[4,"multi-select"],"dropdownType":[4,"dropdown-type"],"showCountryFlags":[4,"show-country-flags"],"radioOptions":[4,"radio-options"],"placeHolderSearch":[1,"place-holder-search"],"preIcon":[1,"pre-icon"],"defaultSelectedId":[1032,"default-selected-id"],"value":[1040],"isOpen":[32],"selectedOption":[32],"multiSelected":[32],"filteredOptions":[32],"searchTerm":[32],"dropdownStyle":[32],"setById":[64],"setByLabel":[64],"clearSelection":[64],"resetMultiSelect":[64]},[[4,"click","handleOutsideClick"]],{"options":[{"optionsChanged":0}],"defaultSelectedId":[{"defaultChanged":0}],"value":[{"valueChanged":0}]}]]],["dropi-steps",[[513,"dropi-steps",{"stepsCount":[2,"steps-count"],"showNumberOfStep":[4,"show-number-of-step"],"currentStep":[2,"current-step"],"stepLabels":[1,"step-labels"]}]]],["dropi-tabs",[[513,"dropi-tabs",{"tabs":[1],"activeTab":[1544,"active-tab"],"showIcon":[4,"show-icon"],"parsedTabs":[32]},null,{"tabs":[{"tabsChanged":0}]}]]],["dropi-tag",[[513,"dropi-tag",{"type":[1],"state":[1],"showIcon":[4,"show-icon"],"icon":[1],"text":[1]},null,{"type":[{"propsChanged":0}],"state":[{"propsChanged":0}]}]]],["dropi-text-area",[[577,"dropi-text-area",{"inputId":[1,"input-id"],"name":[1],"label":[1],"placeholder":[1],"value":[1025],"maxlength":[2],"minlength":[2],"rows":[2],"resize":[1],"disabled":[516],"required":[516],"showAsterisk":[4,"show-asterisk"],"helperText":[1,"helper-text"],"invalid":[4],"touched":[32]},null,{"value":[{"valueChanged":0}]}]]],["dropi-time-line",[[513,"dropi-time-line",{"steps":[1]}]]],["dropi-toast",[[513,"dropi-toast",{"position":[1],"life":[2],"items":[32],"show":[64],"clear":[64]}]]],["dropi-vertical-steps",[[513,"dropi-vertical-steps",{"steps":[1],"currentStep":[2,"current-step"],"clickable":[4],"showCheckIcon":[4,"show-check-icon"]}]]],["dropi-avatars",[[513,"dropi-avatars",{"image":[1],"alt":[1],"type":[1],"initials":[1]}]]],["dropi-badge",[[513,"dropi-badge",{"state":[1]}]]],["dropi-logo",[[513,"dropi-logo",{"urlLogo":[1,"url-logo"],"size":[1],"theme":[1]}]]],["dropi-lottie-loader",[[513,"dropi-lottie-loader",{"visible":[4],"loadingAnimation":[1,"loading-animation"],"loaderTitle":[1,"loader-title"],"message":[1]}]]],["dropi-otp-send-code",[[513,"dropi-otp-send-code",{"engine":[1],"labelContact":[1,"label-contact"],"showLabelContact":[4,"show-label-contact"],"errorMessage":[1,"error-message"],"digits":[32],"digitStates":[32],"countdown":[32],"canResend":[32],"error":[32]}]]],["dropi-radio-button",[[577,"dropi-radio-button",{"label":[1],"name":[1],"inputId":[1,"input-id"],"checked":[1540],"resetTrigger":[4,"reset-trigger"]},null,{"resetTrigger":[{"onResetTrigger":0}]}]]],["dropi-read-more",[[513,"dropi-read-more",{"text":[1],"maxWords":[2,"max-words"],"showSeeLess":[4,"show-see-less"],"expanded":[32]}]]],["dropi-simple-stepper",[[513,"dropi-simple-stepper",{"stepsCount":[2,"steps-count"],"typeStep":[1,"type-step"],"currentStep":[2,"current-step"],"labelStepper":[1,"label-stepper"],"flowMode":[1,"flow-mode"]}]]],["dropi-skeleton",[[513,"dropi-skeleton",{"variant":[1],"width":[1],"height":[1],"borderRadius":[1,"border-radius"],"lines":[2]}]]],["dropi-tooltip",[[769,"dropi-tooltip",{"text":[1],"position":[1],"maxWidth":[1,"max-width"],"showDelay":[2,"show-delay"],"visible":[32]}]]],["dropi-button",[[769,"dropi-button",{"type":[1],"severity":[1],"size":[1],"state":[1],"preIcon":[1,"pre-icon"],"postIcon":[1,"post-icon"],"text":[1]}]]],["dropi-switch",[[577,"dropi-switch",{"isChecked":[1540,"is-checked"],"disabled":[516]}]]],["dropi-checkbox",[[577,"dropi-checkbox",{"checked":[1540],"disabled":[516]}]]]], options);
+  return bootstrapLazy(JSON.parse("[[\"dropi-icon\",[[513,\"dropi-icon\",{\"name\":[1],\"width\":[1],\"height\":[1],\"color\":[1]},null,{\"color\":[{\"colorChanged\":0}]}]]],[\"dropi-alert-modal\",[[513,\"dropi-alert-modal\",{\"visible\":[1540],\"type\":[1],\"alertTitle\":[1,\"alert-title\"],\"message\":[1],\"primaryButton\":[1,\"primary-button\"],\"secondaryButton\":[1,\"secondary-button\"],\"loading\":[4],\"closable\":[4],\"displayButtons\":[4,\"display-buttons\"],\"loadingTitle\":[1,\"loading-title\"],\"loadingMessage\":[1,\"loading-message\"],\"show\":[64],\"hide\":[64]}]]],[\"dropi-card-section\",[[513,\"dropi-card-section\",{\"sectionTitle\":[1,\"section-title\"],\"description\":[1],\"typeElement\":[1,\"type-element\"],\"type\":[1],\"isChecked\":[1028,\"is-checked\"]}]]],[\"dropi-checkbox-selection-list\",[[513,\"dropi-checkbox-selection-list\",{\"options\":[1],\"showFilter\":[4,\"show-filter\"],\"filterPlaceholder\":[1,\"filter-placeholder\"],\"showNotFound\":[4,\"show-not-found\"],\"notFoundMessage\":[1,\"not-found-message\"],\"multiSelect\":[4,\"multi-select\"],\"filterText\":[32],\"selected\":[32],\"parsedOptions\":[32]},null,{\"options\":[{\"optionsChanged\":0}]}]]],[\"dropi-empty-state\",[[769,\"dropi-empty-state\",{\"header\":[1],\"description\":[1],\"imageUrl\":[1,\"image-url\"],\"imageAlt\":[1,\"image-alt\"],\"actionLabel\":[1,\"action-label\"],\"iconState\":[1,\"icon-state\"],\"secondaryLabel\":[1,\"secondary-label\"],\"actionSeverity\":[1,\"action-severity\"]}]]],[\"dropi-languages-selector\",[[513,\"dropi-languages-selector\",{\"languages\":[1],\"selectedLang\":[1025,\"selected-lang\"],\"isOpen\":[32],\"parsedLanguages\":[32],\"currentLang\":[32]},null,{\"languages\":[{\"languagesChanged\":0}],\"selectedLang\":[{\"selectedLangChanged\":0}]}]]],[\"dropi-search\",[[513,\"dropi-search\",{\"placeholder\":[1],\"value\":[1025],\"maxlength\":[2],\"showClear\":[4,\"show-clear\"],\"options\":[1],\"labelKey\":[1,\"label-key\"],\"multiSelect\":[4,\"multi-select\"],\"dropdownHeight\":[1,\"dropdown-height\"],\"label\":[1],\"open\":[32],\"selected\":[32],\"parsedOptions\":[32]},null,{\"options\":[{\"optionsChanged\":0}]}]]],[\"dropi-table\",[[513,\"dropi-table\",{\"columns\":[1],\"rows\":[1],\"selectable\":[4],\"loading\":[4],\"emptyMessage\":[1,\"empty-message\"],\"striped\":[4],\"parsedColumns\":[32],\"parsedRows\":[32],\"sortKey\":[32],\"sortDir\":[32],\"selectedKeys\":[32]},null,{\"columns\":[{\"columnsChanged\":0}],\"rows\":[{\"rowsChanged\":0}]}]]],[\"dropi-accordion\",[[769,\"dropi-accordion\",{\"header\":[1],\"open\":[1540],\"disabled\":[4],\"preIcon\":[1,\"pre-icon\"],\"contentHeight\":[32]},null,{\"open\":[{\"openChanged\":0}]}]]],[\"dropi-alert\",[[513,\"dropi-alert\",{\"message\":[1],\"type\":[1],\"state\":[1],\"dismissable\":[4],\"showButton\":[4,\"show-button\"],\"buttonText\":[1,\"button-text\"],\"anchorText\":[1,\"anchor-text\"],\"anchorUrl\":[1,\"anchor-url\"],\"showAlert\":[1028,\"show-alert\"]}]]],[\"dropi-banner-external\",[[513,\"dropi-banner-external\",{\"imageUrl\":[1,\"image-url\"],\"link\":[1],\"alt\":[1],\"backgroundColor\":[1,\"background-color\"],\"closed\":[32]}]]],[\"dropi-breadcrumb\",[[513,\"dropi-breadcrumb\",{\"items\":[1],\"homeRoute\":[1,\"home-route\"],\"homeIconName\":[1,\"home-icon-name\"],\"lastItemClickable\":[4,\"last-item-clickable\"]}]]],[\"dropi-card-checkbox\",[[513,\"dropi-card-checkbox\",{\"type\":[1],\"checked\":[1028],\"cardTitle\":[1,\"card-title\"],\"description\":[1],\"extraInfo\":[1,\"extra-info\"],\"extraInfoDescription\":[1,\"extra-info-description\"],\"disabled\":[4]}]]],[\"dropi-card-product\",[[513,\"dropi-card-product\",{\"image\":[1],\"productName\":[1,\"product-name\"],\"price\":[2],\"currency\":[1],\"supplier\":[1],\"category\":[1],\"showFavorite\":[4,\"show-favorite\"],\"isFavorite\":[1028,\"is-favorite\"],\"showAddButton\":[4,\"show-add-button\"],\"badge\":[1],\"badgeType\":[1,\"badge-type\"],\"inStock\":[4,\"in-stock\"]}]]],[\"dropi-carousel\",[[513,\"dropi-carousel\",{\"images\":[1],\"altPrefix\":[1,\"alt-prefix\"],\"showArrows\":[4,\"show-arrows\"],\"showDots\":[4,\"show-dots\"],\"showThumbs\":[4,\"show-thumbs\"],\"autoplay\":[2],\"activeIndex\":[1026,\"active-index\"],\"objectFit\":[1,\"object-fit\"],\"parsedImages\":[32],\"current\":[32]},null,{\"images\":[{\"imagesChanged\":0}],\"activeIndex\":[{\"activeIndexChanged\":0}]}]]],[\"dropi-chips\",[[769,\"dropi-chips\",{\"chipStyle\":[1,\"chip-style\"],\"type\":[1],\"urlImg\":[1,\"url-img\"],\"showIcon\":[4,\"show-icon\"],\"icon\":[1]}]]],[\"dropi-city-selector\",[[513,\"dropi-city-selector\",{\"options\":[1],\"selectedCities\":[1025,\"selected-cities\"],\"placeholder\":[1],\"disabled\":[4],\"isOpen\":[32],\"selected\":[32],\"parsedOptions\":[32],\"searchTerm\":[32]},null,{\"options\":[{\"optionsChanged\":0}],\"selectedCities\":[{\"selectedChanged\":0}]}]]],[\"dropi-color-picker\",[[513,\"dropi-color-picker\",{\"value\":[1025],\"showOpacity\":[4,\"show-opacity\"],\"opacity\":[1026],\"label\":[1],\"disabled\":[4],\"showPresets\":[4,\"show-presets\"],\"open\":[32],\"hexInput\":[32]}]]],[\"dropi-country-selector\",[[513,\"dropi-country-selector\",{\"label\":[1],\"placeholder\":[1],\"value\":[1025],\"disabled\":[4],\"showObligatory\":[4,\"show-obligatory\"],\"invalid\":[4],\"isOpen\":[32],\"selected\":[32],\"searchTerm\":[32]},null,{\"value\":[{\"valueChanged\":0}]}]]],[\"dropi-date-picker\",[[513,\"dropi-date-picker\",{\"value\":[1025],\"startDate\":[1025,\"start-date\"],\"endDate\":[1025,\"end-date\"],\"range\":[4],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"open\":[32],\"viewYear\":[32],\"viewMonth\":[32],\"hoverDate\":[32]}]]],[\"dropi-drawer\",[[769,\"dropi-drawer\",{\"open\":[1028],\"position\":[1],\"drawerTitle\":[1,\"drawer-title\"],\"width\":[1],\"height\":[1],\"closeOnBackdrop\":[4,\"close-on-backdrop\"]},null,{\"open\":[{\"openChanged\":0}]}]]],[\"dropi-dropdown\",[[513,\"dropi-dropdown\",{\"options\":[1],\"valueModel\":[1,\"value-model\"],\"imageModel\":[1,\"image-model\"],\"height\":[1],\"selected\":[32],\"parsedOptions\":[32]},null,{\"options\":[{\"optionsChanged\":0}]}]]],[\"dropi-favorite-button\",[[513,\"dropi-favorite-button\",{\"isFavorite\":[1028,\"is-favorite\"],\"hovered\":[32]}]]],[\"dropi-file-upload\",[[513,\"dropi-file-upload\",{\"accept\":[1],\"multiple\":[4],\"maxSizeMb\":[2,\"max-size-mb\"],\"disabled\":[4],\"label\":[1],\"helperText\":[1,\"helper-text\"],\"dragging\":[32],\"errors\":[32]}]]],[\"dropi-file-upload-progress-bar\",[[513,\"dropi-file-upload-progress-bar\",{\"fileName\":[1,\"file-name\"],\"fileSize\":[1,\"file-size\"],\"progress\":[2],\"status\":[1],\"errorMessage\":[1,\"error-message\"],\"showCancel\":[4,\"show-cancel\"]}]]],[\"dropi-ilustration-icon\",[[513,\"dropi-ilustration-icon\",{\"type\":[1],\"state\":[1],\"stateInsignia\":[1,\"state-insignia\"],\"tagProduct\":[4,\"tag-product\"]}]]],[\"dropi-image-miniature\",[[513,\"dropi-image-miniature\",{\"label\":[1],\"images\":[1],\"width\":[1],\"height\":[1]}]]],[\"dropi-image-overlay\",[[513,\"dropi-image-overlay\",{\"visible\":[1028],\"images\":[1],\"activeIndex\":[1026,\"active-index\"],\"current\":[32],\"parsedImages\":[32]},null,{\"images\":[{\"imagesChanged\":0}],\"activeIndex\":[{\"indexChanged\":0}],\"visible\":[{\"visibleChanged\":0}]}]]],[\"dropi-input\",[[577,\"dropi-input\",{\"inputId\":[1,\"input-id\"],\"name\":[1],\"label\":[1],\"placeholder\":[1],\"value\":[1025],\"maxlength\":[2],\"disabled\":[516],\"required\":[516],\"showAsterisk\":[4,\"show-asterisk\"],\"fixedLabel\":[4,\"fixed-label\"],\"inputMode\":[1,\"input-mode\"],\"passwordInput\":[4,\"password-input\"],\"moneyFormat\":[4,\"money-format\"],\"thousandSeparator\":[4,\"thousand-separator\"],\"onlyNumbers\":[4,\"only-numbers\"],\"allowDecimals\":[4,\"allow-decimals\"],\"onlyLetters\":[4,\"only-letters\"],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"invalid\":[4],\"helperText\":[1,\"helper-text\"],\"showHelperOnlyOnError\":[4,\"show-helper-only-on-error\"],\"showPassword\":[32],\"touched\":[32]},null,{\"value\":[{\"valueChanged\":0}],\"disabled\":[{\"disabledChanged\":0}]}]]],[\"dropi-media-player\",[[513,\"dropi-media-player\",{\"src\":[1],\"mediaType\":[1,\"media-type\"],\"poster\":[1],\"autoplay\":[4],\"loop\":[4],\"initialVolume\":[2,\"initial-volume\"],\"mediaTitle\":[1,\"media-title\"],\"playing\":[32],\"currentTime\":[32],\"duration\":[32],\"volume\":[32],\"muted\":[32],\"loading\":[32]}]]],[\"dropi-navbar\",[[513,\"dropi-navbar\",{\"logoUrl\":[1,\"logo-url\"],\"logoAlt\":[1,\"logo-alt\"],\"items\":[1],\"activeId\":[1,\"active-id\"],\"userName\":[1,\"user-name\"],\"userAvatar\":[1,\"user-avatar\"],\"notifications\":[2],\"showMenuToggle\":[4,\"show-menu-toggle\"]}]]],[\"dropi-paginator\",[[513,\"dropi-paginator\",{\"total\":[2],\"pageSize\":[1026,\"page-size\"],\"page\":[1538],\"maxPages\":[2,\"max-pages\"],\"noLabels\":[4,\"no-labels\"],\"showPageSizeSelector\":[4,\"show-page-size-selector\"],\"pageSizeOptions\":[1,\"page-size-options\"],\"parsedOptions\":[32]},null,{\"pageSizeOptions\":[{\"optionsChanged\":0}]}]]],[\"dropi-phone-input\",[[513,\"dropi-phone-input\",{\"codArea\":[1025,\"cod-area\"],\"value\":[1025],\"placeholder\":[1],\"disabled\":[4],\"isValid\":[4,\"is-valid\"],\"errorMessage\":[1,\"error-message\"],\"label\":[1],\"open\":[32],\"search\":[32]},null,{\"codArea\":[{\"codAreaChanged\":0}]}]]],[\"dropi-radio-selection-list\",[[513,\"dropi-radio-selection-list\",{\"options\":[1],\"selectedOption\":[1032,\"selected-option\"],\"showFilter\":[4,\"show-filter\"],\"filterPlaceholder\":[1,\"filter-placeholder\"],\"typeLayout\":[1,\"type-layout\"],\"filterText\":[32],\"parsedOptions\":[32]},null,{\"options\":[{\"optionsChanged\":0}]}]]],[\"dropi-select\",[[577,\"dropi-select\",{\"label\":[1],\"placeholder\":[1],\"options\":[1040],\"name\":[1],\"disabled\":[516],\"invalid\":[4],\"errorText\":[1,\"error-text\"],\"helperText\":[1,\"helper-text\"],\"showObligatory\":[4,\"show-obligatory\"],\"searchEnabled\":[4,\"search-enabled\"],\"multiSelect\":[4,\"multi-select\"],\"dropdownType\":[4,\"dropdown-type\"],\"showCountryFlags\":[4,\"show-country-flags\"],\"radioOptions\":[4,\"radio-options\"],\"placeHolderSearch\":[1,\"place-holder-search\"],\"preIcon\":[1,\"pre-icon\"],\"defaultSelectedId\":[1032,\"default-selected-id\"],\"value\":[1040],\"isOpen\":[32],\"selectedOption\":[32],\"multiSelected\":[32],\"filteredOptions\":[32],\"searchTerm\":[32],\"dropdownStyle\":[32],\"setById\":[64],\"setByLabel\":[64],\"clearSelection\":[64],\"resetMultiSelect\":[64]},[[4,\"click\",\"handleOutsideClick\"]],{\"options\":[{\"optionsChanged\":0}],\"defaultSelectedId\":[{\"defaultChanged\":0}],\"value\":[{\"valueChanged\":0}]}]]],[\"dropi-sidebar\",[[769,\"dropi-sidebar\",{\"items\":[1],\"activeId\":[1,\"active-id\"],\"collapsed\":[1028],\"showToggle\":[4,\"show-toggle\"],\"logoUrl\":[1,\"logo-url\"],\"width\":[1]}]]],[\"dropi-steps\",[[513,\"dropi-steps\",{\"stepsCount\":[2,\"steps-count\"],\"showNumberOfStep\":[4,\"show-number-of-step\"],\"currentStep\":[2,\"current-step\"],\"stepLabels\":[1,\"step-labels\"]}]]],[\"dropi-tabs\",[[513,\"dropi-tabs\",{\"tabs\":[1],\"activeTab\":[1544,\"active-tab\"],\"showIcon\":[4,\"show-icon\"],\"parsedTabs\":[32]},null,{\"tabs\":[{\"tabsChanged\":0}]}]]],[\"dropi-tag\",[[513,\"dropi-tag\",{\"type\":[1],\"state\":[1],\"showIcon\":[4,\"show-icon\"],\"icon\":[1],\"text\":[1]},null,{\"type\":[{\"propsChanged\":0}],\"state\":[{\"propsChanged\":0}]}]]],[\"dropi-text-area\",[[577,\"dropi-text-area\",{\"inputId\":[1,\"input-id\"],\"name\":[1],\"label\":[1],\"placeholder\":[1],\"value\":[1025],\"maxlength\":[2],\"minlength\":[2],\"rows\":[2],\"resize\":[1],\"disabled\":[516],\"required\":[516],\"showAsterisk\":[4,\"show-asterisk\"],\"helperText\":[1,\"helper-text\"],\"invalid\":[4],\"touched\":[32]},null,{\"value\":[{\"valueChanged\":0}]}]]],[\"dropi-time-line\",[[513,\"dropi-time-line\",{\"steps\":[1]}]]],[\"dropi-toast\",[[513,\"dropi-toast\",{\"position\":[1],\"life\":[2],\"items\":[32],\"show\":[64],\"clear\":[64]}]]],[\"dropi-vertical-steps\",[[513,\"dropi-vertical-steps\",{\"steps\":[1],\"currentStep\":[2,\"current-step\"],\"clickable\":[4],\"showCheckIcon\":[4,\"show-check-icon\"]}]]],[\"dropi-youtube-lazy-video\",[[513,\"dropi-youtube-lazy-video\",{\"videoId\":[1,\"video-id\"],\"thumbnailSrc\":[1,\"thumbnail-src\"],\"videoTitle\":[1,\"video-title\"],\"isPlaying\":[32]}]]],[\"dropi-avatars\",[[513,\"dropi-avatars\",{\"image\":[1],\"alt\":[1],\"type\":[1],\"initials\":[1]}]]],[\"dropi-badge\",[[513,\"dropi-badge\",{\"state\":[1]}]]],[\"dropi-date-picker-range\",[[513,\"dropi-date-picker-range\",{\"startDate\":[1025,\"start-date\"],\"endDate\":[1025,\"end-date\"],\"showLabel\":[4,\"show-label\"],\"placeholder\":[1],\"loading\":[4],\"maxDaysRange\":[2,\"max-days-range\"],\"hideTodayRangeShortcut\":[4,\"hide-today-range-shortcut\"],\"start\":[32],\"end\":[32],\"activeRange\":[32],\"showWarning\":[32]},null,{\"startDate\":[{\"onStartPropChange\":0}],\"endDate\":[{\"onEndPropChange\":0}]}]]],[\"dropi-logo\",[[513,\"dropi-logo\",{\"urlLogo\":[1,\"url-logo\"],\"size\":[1],\"theme\":[1]}]]],[\"dropi-lottie-loader\",[[513,\"dropi-lottie-loader\",{\"visible\":[4],\"loadingAnimation\":[1,\"loading-animation\"],\"loaderTitle\":[1,\"loader-title\"],\"message\":[1]}]]],[\"dropi-otp-send-code\",[[513,\"dropi-otp-send-code\",{\"engine\":[1],\"labelContact\":[1,\"label-contact\"],\"showLabelContact\":[4,\"show-label-contact\"],\"errorMessage\":[1,\"error-message\"],\"digits\":[32],\"digitStates\":[32],\"countdown\":[32],\"canResend\":[32],\"error\":[32]}]]],[\"dropi-radio-button\",[[577,\"dropi-radio-button\",{\"label\":[1],\"name\":[1],\"inputId\":[1,\"input-id\"],\"checked\":[1540],\"resetTrigger\":[4,\"reset-trigger\"]},null,{\"resetTrigger\":[{\"onResetTrigger\":0}]}]]],[\"dropi-read-more\",[[513,\"dropi-read-more\",{\"text\":[1],\"maxWords\":[2,\"max-words\"],\"showSeeLess\":[4,\"show-see-less\"],\"expanded\":[32]}]]],[\"dropi-simple-stepper\",[[513,\"dropi-simple-stepper\",{\"stepsCount\":[2,\"steps-count\"],\"typeStep\":[1,\"type-step\"],\"currentStep\":[2,\"current-step\"],\"labelStepper\":[1,\"label-stepper\"],\"flowMode\":[1,\"flow-mode\"]}]]],[\"dropi-skeleton\",[[513,\"dropi-skeleton\",{\"variant\":[1],\"width\":[1],\"height\":[1],\"borderRadius\":[1,\"border-radius\"],\"lines\":[2]}]]],[\"dropi-tag-type-product\",[[513,\"dropi-tag-type-product\",{\"label\":[1]}]]],[\"dropi-tooltip\",[[769,\"dropi-tooltip\",{\"text\":[1],\"position\":[1],\"maxWidth\":[1,\"max-width\"],\"showDelay\":[2,\"show-delay\"],\"visible\":[32]}]]],[\"dropi-country-flags\",[[513,\"dropi-country-flags\",{\"country\":[1],\"flagStyle\":[1,\"flag-style\"],\"width\":[1],\"height\":[1]}]]],[\"dropi-modal\",[[769,\"dropi-modal\",{\"visible\":[1540],\"header\":[1],\"showCloseIcon\":[4,\"show-close-icon\"],\"dismissable\":[4],\"closeOnEscape\":[4,\"close-on-escape\"],\"modal\":[4],\"showHeader\":[4,\"show-header\"],\"position\":[1],\"size\":[1],\"isOpen\":[32],\"isClosing\":[32],\"mounted\":[32],\"hide\":[64],\"show\":[64]},null,{\"visible\":[{\"visibleChanged\":0}]}]]],[\"dropi-switch\",[[577,\"dropi-switch\",{\"isChecked\":[1540,\"is-checked\"],\"disabled\":[516]}]]],[\"dropi-button\",[[769,\"dropi-button\",{\"type\":[1],\"severity\":[1],\"size\":[1],\"state\":[1],\"fullWidth\":[516,\"full-width\"],\"preIcon\":[1,\"pre-icon\"],\"postIcon\":[1,\"post-icon\"],\"text\":[1]}]]],[\"dropi-checkbox\",[[577,\"dropi-checkbox\",{\"checked\":[1540],\"disabled\":[516]}]]]]"), options);
 });

package/dist/esm/dropi-vertical-steps.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, c as createEvent, h } from './index-Twbb5MNM.js';
+import { r as registerInstance, c as createEvent, h } from './index-Tbza12Gt.js';
 
 const dropiVerticalStepsCss = () => `:host{display:block}*,*::before,*::after{box-sizing:border-box}.vertical-steps{display:flex;flex-direction:column}.v-step{display:flex;align-items:flex-start;gap:var(--Size-3, 12px)}.v-step--clickable{cursor:pointer}.v-step__indicator{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.v-step__circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.2s, border-color 0.2s}.v-step__circle--pending{background:var(--Neutral-White, #fff);border:2px solid var(--Gray-Gray-200, #c3c9d9)}.v-step__circle--current{background:var(--Neutral-White, #fff);border:2px solid var(--Primary-Primary-500, #f49a3d)}.v-step__circle--completed{background:var(--Primary-Primary-500, #f49a3d);border:2px solid var(--Primary-Primary-500, #f49a3d)}.v-step__number{font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-500, #69738c)}.v-step__circle--current .v-step__number{color:var(--Primary-Primary-500, #f49a3d)}.v-step__line{flex:1;width:2px;min-height:24px;background:var(--Gray-Gray-200, #c3c9d9);margin:4px 0;transition:background 0.2s}.v-step__line--done{background:var(--Primary-Primary-500, #f49a3d)}.v-step__label{padding-top:4px;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066);line-height:1.4}.v-step__label--current{color:var(--Gray-Gray-800, #1a2033);font-weight:var(--font-weight-bold, 700)}.v-step__label--completed{color:var(--Gray-Gray-500, #69738c)}`;
 
 const DropiVerticalSteps = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.dropiStepClick = createEvent(this, "dropiStepClick");
+        this.dropiStepClick = createEvent(this, "dropiStepClick", 7);
     }
     /** Array of steps. Pass as JSON string or array */
     steps = [];
@@ -40,7 +40,7 @@ const DropiVerticalSteps = class {
     }
     render() {
         const steps = this.parsedSteps;
-        return (h("div", { key: '4e23932cbc36257cf0f435735d95fc68be174cb7', class: "vertical-steps" }, steps.map((step, i) => {
+        return (h("div", { key: 'ec06949df14eae6937921d930e37cf7638454263', class: "vertical-steps" }, steps.map((step, i) => {
             const state = this.resolveState(i, step);
             const isLast = i === steps.length - 1;
             const isClickable = this.clickable && state === 'completed';

package/dist/esm/dropi-youtube-lazy-video.entry.js

@@ -0,0 +1,31 @@
+import { r as registerInstance, h } from './index-Tbza12Gt.js';
+
+const dropiYoutubeLazyVideoCss = () => `:host{display:block;width:100%}.video-wrapper{position:relative;width:100%;padding-bottom:56.25%;background:#000;overflow:hidden;border-radius:12px}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden}.thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.thumbnail:hover img{transform:scale(1.05)}.play-button{position:absolute;color:white;border:none;border-radius:50%;width:70px;height:70px;cursor:pointer;transition:background 0.3s ease;background:rgba(14, 17, 26, 0.6);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center}.play-button:hover{background:rgba(0, 0, 0, 0.8)}@media screen and (max-width: 768px){.play-button{width:40px;height:40px}}`;
+
+const DropiYoutubeLazyVideo = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    /** YouTube video ID */
+    videoId = '';
+    /** Local asset thumbnail path (without /assets/images/ prefix and .png extension) */
+    thumbnailSrc = '';
+    /** Video title for iframe accessibility */
+    videoTitle = '';
+    isPlaying = false;
+    get thumbnail() {
+        if (this.thumbnailSrc) {
+            return `/assets/images/${this.thumbnailSrc}.png`;
+        }
+        return `https://img.youtube.com/vi/${this.videoId}/hqdefault.jpg`;
+    }
+    get videoUrl() {
+        return `https://www.youtube.com/embed/${this.videoId}?autoplay=1&rel=0&modestbranding=1`;
+    }
+    render() {
+        return (h("div", { key: 'df20b4b0098b3283f266b012d56d3a0377a46420', class: `video-wrapper${this.isPlaying ? ' playing' : ''}` }, !this.isPlaying && (h("div", { key: '43b76b1e6d85da93b97ec0441331b82d567d2abe', class: "thumbnail", onClick: () => { this.isPlaying = true; } }, h("img", { key: '3719d3c151b9242f32b313047ccee4fc9b83f990', src: this.thumbnail, alt: `Video thumbnail ${this.videoId}` }), h("button", { key: '81c578b338b65168920cf38fb4dbc4ef82e6a1a7', class: "play-button", "aria-label": "Reproducir video" }, h("dropi-icon", { key: 'ce505abe0eae58cf7d24eda6527168267e3412ea', name: "Play", width: "17px", height: "21px", color: "Neutral-White" })))), this.isPlaying && (h("iframe", { key: 'bf25278bda2376f3de5776057223a139e8112d33', src: this.videoUrl, title: this.videoTitle, frameborder: "0", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true, loading: "lazy" }))));
+    }
+};
+DropiYoutubeLazyVideo.style = dropiYoutubeLazyVideoCss();
+
+export { DropiYoutubeLazyVideo as dropi_youtube_lazy_video };

package/dist/esm/{index-Twbb5MNM.js → index-Tbza12Gt.js}

@@ -488,9 +488,9 @@ var createEvent = (ref, name, flags) => {
   return {
     emit: (detail) => {
       return emitEvent(elm, name, {
-        bubbles: true,
-        composed: true,
-        cancelable: true,
+        bubbles: !!(flags & 4 /* Bubbles */),
+        composed: !!(flags & 2 /* Composed */),
+        cancelable: !!(flags & 1 /* Cancellable */),
         detail
       });
     }

package/dist/esm/loader.js

@@ -1,10 +1,10 @@
-import { g as globalScripts, b as bootstrapLazy } from './index-Twbb5MNM.js';
-export { s as setNonce } from './index-Twbb5MNM.js';
+import { g as globalScripts, b as bootstrapLazy } from './index-Tbza12Gt.js';
+export { s as setNonce } from './index-Tbza12Gt.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["dropi-icon",[[513,"dropi-icon",{"name":[1],"width":[1],"height":[1],"color":[1]},null,{"color":[{"colorChanged":0}]}]]],["dropi-card-section",[[513,"dropi-card-section",{"sectionTitle":[1,"section-title"],"description":[1],"typeElement":[1,"type-element"],"type":[1],"isChecked":[1028,"is-checked"]}]]],["dropi-checkbox-selection-list",[[513,"dropi-checkbox-selection-list",{"options":[1],"showFilter":[4,"show-filter"],"filterPlaceholder":[1,"filter-placeholder"],"showNotFound":[4,"show-not-found"],"notFoundMessage":[1,"not-found-message"],"multiSelect":[4,"multi-select"],"filterText":[32],"selected":[32],"parsedOptions":[32]},null,{"options":[{"optionsChanged":0}]}]]],["dropi-empty-state",[[769,"dropi-empty-state",{"header":[1],"description":[1],"imageUrl":[1,"image-url"],"imageAlt":[1,"image-alt"],"actionLabel":[1,"action-label"],"secondaryLabel":[1,"secondary-label"]}]]],["dropi-search",[[513,"dropi-search",{"placeholder":[1],"value":[1025],"maxlength":[2],"showClear":[4,"show-clear"],"options":[1],"labelKey":[1,"label-key"],"multiSelect":[4,"multi-select"],"dropdownHeight":[1,"dropdown-height"],"label":[1],"open":[32],"selected":[32],"parsedOptions":[32]},null,{"options":[{"optionsChanged":0}]}]]],["dropi-accordion",[[769,"dropi-accordion",{"header":[1],"open":[1540],"disabled":[4],"preIcon":[1,"pre-icon"],"contentHeight":[32]},null,{"open":[{"openChanged":0}]}]]],["dropi-alert",[[513,"dropi-alert",{"message":[1],"type":[1],"state":[1],"dismissable":[4],"showButton":[4,"show-button"],"buttonText":[1,"button-text"],"anchorText":[1,"anchor-text"],"anchorUrl":[1,"anchor-url"],"showAlert":[1028,"show-alert"]}]]],["dropi-chips",[[769,"dropi-chips",{"chipStyle":[1,"chip-style"],"type":[1],"urlImg":[1,"url-img"],"showIcon":[4,"show-icon"],"icon":[1]}]]],["dropi-dropdown",[[513,"dropi-dropdown",{"options":[1],"valueModel":[1,"value-model"],"imageModel":[1,"image-model"],"height":[1],"selected":[32],"parsedOptions":[32]},null,{"options":[{"optionsChanged":0}]}]]],["dropi-favorite-button",[[513,"dropi-favorite-button",{"isFavorite":[1028,"is-favorite"],"hovered":[32]}]]],["dropi-image-miniature",[[513,"dropi-image-miniature",{"label":[1],"images":[1],"width":[1],"height":[1]}]]],["dropi-image-overlay",[[513,"dropi-image-overlay",{"visible":[1028],"images":[1],"activeIndex":[1026,"active-index"],"current":[32],"parsedImages":[32]},null,{"images":[{"imagesChanged":0}],"activeIndex":[{"indexChanged":0}],"visible":[{"visibleChanged":0}]}]]],["dropi-input",[[577,"dropi-input",{"inputId":[1,"input-id"],"name":[1],"label":[1],"placeholder":[1],"value":[1025],"maxlength":[2],"disabled":[516],"required":[516],"showAsterisk":[4,"show-asterisk"],"fixedLabel":[4,"fixed-label"],"inputMode":[1,"input-mode"],"passwordInput":[4,"password-input"],"moneyFormat":[4,"money-format"],"thousandSeparator":[4,"thousand-separator"],"onlyNumbers":[4,"only-numbers"],"allowDecimals":[4,"allow-decimals"],"onlyLetters":[4,"only-letters"],"icon":[1],"iconColor":[1,"icon-color"],"invalid":[4],"helperText":[1,"helper-text"],"showHelperOnlyOnError":[4,"show-helper-only-on-error"],"showPassword":[32],"touched":[32]},null,{"value":[{"valueChanged":0}],"disabled":[{"disabledChanged":0}]}]]],["dropi-modal",[[769,"dropi-modal",{"visible":[1540],"header":[1],"showCloseIcon":[4,"show-close-icon"],"dismissable":[4],"closeOnEscape":[4,"close-on-escape"],"modal":[4],"showHeader":[4,"show-header"],"position":[1],"size":[1],"isOpen":[32],"isClosing":[32],"mounted":[32],"hide":[64],"show":[64]},null,{"visible":[{"visibleChanged":0}]}]]],["dropi-paginator",[[513,"dropi-paginator",{"total":[2],"pageSize":[1026,"page-size"],"page":[1538],"maxPages":[2,"max-pages"],"noLabels":[4,"no-labels"],"showPageSizeSelector":[4,"show-page-size-selector"],"pageSizeOptions":[1,"page-size-options"],"parsedOptions":[32]},null,{"pageSizeOptions":[{"optionsChanged":0}]}]]],["dropi-radio-selection-list",[[513,"dropi-radio-selection-list",{"options":[1],"selectedOption":[1032,"selected-option"],"showFilter":[4,"show-filter"],"filterPlaceholder":[1,"filter-placeholder"],"typeLayout":[1,"type-layout"],"filterText":[32],"parsedOptions":[32]},null,{"options":[{"optionsChanged":0}]}]]],["dropi-select",[[577,"dropi-select",{"label":[1],"placeholder":[1],"options":[1040],"name":[1],"disabled":[516],"invalid":[4],"errorText":[1,"error-text"],"helperText":[1,"helper-text"],"showObligatory":[4,"show-obligatory"],"searchEnabled":[4,"search-enabled"],"multiSelect":[4,"multi-select"],"dropdownType":[4,"dropdown-type"],"showCountryFlags":[4,"show-country-flags"],"radioOptions":[4,"radio-options"],"placeHolderSearch":[1,"place-holder-search"],"preIcon":[1,"pre-icon"],"defaultSelectedId":[1032,"default-selected-id"],"value":[1040],"isOpen":[32],"selectedOption":[32],"multiSelected":[32],"filteredOptions":[32],"searchTerm":[32],"dropdownStyle":[32],"setById":[64],"setByLabel":[64],"clearSelection":[64],"resetMultiSelect":[64]},[[4,"click","handleOutsideClick"]],{"options":[{"optionsChanged":0}],"defaultSelectedId":[{"defaultChanged":0}],"value":[{"valueChanged":0}]}]]],["dropi-steps",[[513,"dropi-steps",{"stepsCount":[2,"steps-count"],"showNumberOfStep":[4,"show-number-of-step"],"currentStep":[2,"current-step"],"stepLabels":[1,"step-labels"]}]]],["dropi-tabs",[[513,"dropi-tabs",{"tabs":[1],"activeTab":[1544,"active-tab"],"showIcon":[4,"show-icon"],"parsedTabs":[32]},null,{"tabs":[{"tabsChanged":0}]}]]],["dropi-tag",[[513,"dropi-tag",{"type":[1],"state":[1],"showIcon":[4,"show-icon"],"icon":[1],"text":[1]},null,{"type":[{"propsChanged":0}],"state":[{"propsChanged":0}]}]]],["dropi-text-area",[[577,"dropi-text-area",{"inputId":[1,"input-id"],"name":[1],"label":[1],"placeholder":[1],"value":[1025],"maxlength":[2],"minlength":[2],"rows":[2],"resize":[1],"disabled":[516],"required":[516],"showAsterisk":[4,"show-asterisk"],"helperText":[1,"helper-text"],"invalid":[4],"touched":[32]},null,{"value":[{"valueChanged":0}]}]]],["dropi-time-line",[[513,"dropi-time-line",{"steps":[1]}]]],["dropi-toast",[[513,"dropi-toast",{"position":[1],"life":[2],"items":[32],"show":[64],"clear":[64]}]]],["dropi-vertical-steps",[[513,"dropi-vertical-steps",{"steps":[1],"currentStep":[2,"current-step"],"clickable":[4],"showCheckIcon":[4,"show-check-icon"]}]]],["dropi-avatars",[[513,"dropi-avatars",{"image":[1],"alt":[1],"type":[1],"initials":[1]}]]],["dropi-badge",[[513,"dropi-badge",{"state":[1]}]]],["dropi-logo",[[513,"dropi-logo",{"urlLogo":[1,"url-logo"],"size":[1],"theme":[1]}]]],["dropi-lottie-loader",[[513,"dropi-lottie-loader",{"visible":[4],"loadingAnimation":[1,"loading-animation"],"loaderTitle":[1,"loader-title"],"message":[1]}]]],["dropi-otp-send-code",[[513,"dropi-otp-send-code",{"engine":[1],"labelContact":[1,"label-contact"],"showLabelContact":[4,"show-label-contact"],"errorMessage":[1,"error-message"],"digits":[32],"digitStates":[32],"countdown":[32],"canResend":[32],"error":[32]}]]],["dropi-radio-button",[[577,"dropi-radio-button",{"label":[1],"name":[1],"inputId":[1,"input-id"],"checked":[1540],"resetTrigger":[4,"reset-trigger"]},null,{"resetTrigger":[{"onResetTrigger":0}]}]]],["dropi-read-more",[[513,"dropi-read-more",{"text":[1],"maxWords":[2,"max-words"],"showSeeLess":[4,"show-see-less"],"expanded":[32]}]]],["dropi-simple-stepper",[[513,"dropi-simple-stepper",{"stepsCount":[2,"steps-count"],"typeStep":[1,"type-step"],"currentStep":[2,"current-step"],"labelStepper":[1,"label-stepper"],"flowMode":[1,"flow-mode"]}]]],["dropi-skeleton",[[513,"dropi-skeleton",{"variant":[1],"width":[1],"height":[1],"borderRadius":[1,"border-radius"],"lines":[2]}]]],["dropi-tooltip",[[769,"dropi-tooltip",{"text":[1],"position":[1],"maxWidth":[1,"max-width"],"showDelay":[2,"show-delay"],"visible":[32]}]]],["dropi-button",[[769,"dropi-button",{"type":[1],"severity":[1],"size":[1],"state":[1],"preIcon":[1,"pre-icon"],"postIcon":[1,"post-icon"],"text":[1]}]]],["dropi-switch",[[577,"dropi-switch",{"isChecked":[1540,"is-checked"],"disabled":[516]}]]],["dropi-checkbox",[[577,"dropi-checkbox",{"checked":[1540],"disabled":[516]}]]]], options);
+  return bootstrapLazy(JSON.parse("[[\"dropi-icon\",[[513,\"dropi-icon\",{\"name\":[1],\"width\":[1],\"height\":[1],\"color\":[1]},null,{\"color\":[{\"colorChanged\":0}]}]]],[\"dropi-alert-modal\",[[513,\"dropi-alert-modal\",{\"visible\":[1540],\"type\":[1],\"alertTitle\":[1,\"alert-title\"],\"message\":[1],\"primaryButton\":[1,\"primary-button\"],\"secondaryButton\":[1,\"secondary-button\"],\"loading\":[4],\"closable\":[4],\"displayButtons\":[4,\"display-buttons\"],\"loadingTitle\":[1,\"loading-title\"],\"loadingMessage\":[1,\"loading-message\"],\"show\":[64],\"hide\":[64]}]]],[\"dropi-card-section\",[[513,\"dropi-card-section\",{\"sectionTitle\":[1,\"section-title\"],\"description\":[1],\"typeElement\":[1,\"type-element\"],\"type\":[1],\"isChecked\":[1028,\"is-checked\"]}]]],[\"dropi-checkbox-selection-list\",[[513,\"dropi-checkbox-selection-list\",{\"options\":[1],\"showFilter\":[4,\"show-filter\"],\"filterPlaceholder\":[1,\"filter-placeholder\"],\"showNotFound\":[4,\"show-not-found\"],\"notFoundMessage\":[1,\"not-found-message\"],\"multiSelect\":[4,\"multi-select\"],\"filterText\":[32],\"selected\":[32],\"parsedOptions\":[32]},null,{\"options\":[{\"optionsChanged\":0}]}]]],[\"dropi-empty-state\",[[769,\"dropi-empty-state\",{\"header\":[1],\"description\":[1],\"imageUrl\":[1,\"image-url\"],\"imageAlt\":[1,\"image-alt\"],\"actionLabel\":[1,\"action-label\"],\"iconState\":[1,\"icon-state\"],\"secondaryLabel\":[1,\"secondary-label\"],\"actionSeverity\":[1,\"action-severity\"]}]]],[\"dropi-languages-selector\",[[513,\"dropi-languages-selector\",{\"languages\":[1],\"selectedLang\":[1025,\"selected-lang\"],\"isOpen\":[32],\"parsedLanguages\":[32],\"currentLang\":[32]},null,{\"languages\":[{\"languagesChanged\":0}],\"selectedLang\":[{\"selectedLangChanged\":0}]}]]],[\"dropi-search\",[[513,\"dropi-search\",{\"placeholder\":[1],\"value\":[1025],\"maxlength\":[2],\"showClear\":[4,\"show-clear\"],\"options\":[1],\"labelKey\":[1,\"label-key\"],\"multiSelect\":[4,\"multi-select\"],\"dropdownHeight\":[1,\"dropdown-height\"],\"label\":[1],\"open\":[32],\"selected\":[32],\"parsedOptions\":[32]},null,{\"options\":[{\"optionsChanged\":0}]}]]],[\"dropi-table\",[[513,\"dropi-table\",{\"columns\":[1],\"rows\":[1],\"selectable\":[4],\"loading\":[4],\"emptyMessage\":[1,\"empty-message\"],\"striped\":[4],\"parsedColumns\":[32],\"parsedRows\":[32],\"sortKey\":[32],\"sortDir\":[32],\"selectedKeys\":[32]},null,{\"columns\":[{\"columnsChanged\":0}],\"rows\":[{\"rowsChanged\":0}]}]]],[\"dropi-accordion\",[[769,\"dropi-accordion\",{\"header\":[1],\"open\":[1540],\"disabled\":[4],\"preIcon\":[1,\"pre-icon\"],\"contentHeight\":[32]},null,{\"open\":[{\"openChanged\":0}]}]]],[\"dropi-alert\",[[513,\"dropi-alert\",{\"message\":[1],\"type\":[1],\"state\":[1],\"dismissable\":[4],\"showButton\":[4,\"show-button\"],\"buttonText\":[1,\"button-text\"],\"anchorText\":[1,\"anchor-text\"],\"anchorUrl\":[1,\"anchor-url\"],\"showAlert\":[1028,\"show-alert\"]}]]],[\"dropi-banner-external\",[[513,\"dropi-banner-external\",{\"imageUrl\":[1,\"image-url\"],\"link\":[1],\"alt\":[1],\"backgroundColor\":[1,\"background-color\"],\"closed\":[32]}]]],[\"dropi-breadcrumb\",[[513,\"dropi-breadcrumb\",{\"items\":[1],\"homeRoute\":[1,\"home-route\"],\"homeIconName\":[1,\"home-icon-name\"],\"lastItemClickable\":[4,\"last-item-clickable\"]}]]],[\"dropi-card-checkbox\",[[513,\"dropi-card-checkbox\",{\"type\":[1],\"checked\":[1028],\"cardTitle\":[1,\"card-title\"],\"description\":[1],\"extraInfo\":[1,\"extra-info\"],\"extraInfoDescription\":[1,\"extra-info-description\"],\"disabled\":[4]}]]],[\"dropi-card-product\",[[513,\"dropi-card-product\",{\"image\":[1],\"productName\":[1,\"product-name\"],\"price\":[2],\"currency\":[1],\"supplier\":[1],\"category\":[1],\"showFavorite\":[4,\"show-favorite\"],\"isFavorite\":[1028,\"is-favorite\"],\"showAddButton\":[4,\"show-add-button\"],\"badge\":[1],\"badgeType\":[1,\"badge-type\"],\"inStock\":[4,\"in-stock\"]}]]],[\"dropi-carousel\",[[513,\"dropi-carousel\",{\"images\":[1],\"altPrefix\":[1,\"alt-prefix\"],\"showArrows\":[4,\"show-arrows\"],\"showDots\":[4,\"show-dots\"],\"showThumbs\":[4,\"show-thumbs\"],\"autoplay\":[2],\"activeIndex\":[1026,\"active-index\"],\"objectFit\":[1,\"object-fit\"],\"parsedImages\":[32],\"current\":[32]},null,{\"images\":[{\"imagesChanged\":0}],\"activeIndex\":[{\"activeIndexChanged\":0}]}]]],[\"dropi-chips\",[[769,\"dropi-chips\",{\"chipStyle\":[1,\"chip-style\"],\"type\":[1],\"urlImg\":[1,\"url-img\"],\"showIcon\":[4,\"show-icon\"],\"icon\":[1]}]]],[\"dropi-city-selector\",[[513,\"dropi-city-selector\",{\"options\":[1],\"selectedCities\":[1025,\"selected-cities\"],\"placeholder\":[1],\"disabled\":[4],\"isOpen\":[32],\"selected\":[32],\"parsedOptions\":[32],\"searchTerm\":[32]},null,{\"options\":[{\"optionsChanged\":0}],\"selectedCities\":[{\"selectedChanged\":0}]}]]],[\"dropi-color-picker\",[[513,\"dropi-color-picker\",{\"value\":[1025],\"showOpacity\":[4,\"show-opacity\"],\"opacity\":[1026],\"label\":[1],\"disabled\":[4],\"showPresets\":[4,\"show-presets\"],\"open\":[32],\"hexInput\":[32]}]]],[\"dropi-country-selector\",[[513,\"dropi-country-selector\",{\"label\":[1],\"placeholder\":[1],\"value\":[1025],\"disabled\":[4],\"showObligatory\":[4,\"show-obligatory\"],\"invalid\":[4],\"isOpen\":[32],\"selected\":[32],\"searchTerm\":[32]},null,{\"value\":[{\"valueChanged\":0}]}]]],[\"dropi-date-picker\",[[513,\"dropi-date-picker\",{\"value\":[1025],\"startDate\":[1025,\"start-date\"],\"endDate\":[1025,\"end-date\"],\"range\":[4],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"open\":[32],\"viewYear\":[32],\"viewMonth\":[32],\"hoverDate\":[32]}]]],[\"dropi-drawer\",[[769,\"dropi-drawer\",{\"open\":[1028],\"position\":[1],\"drawerTitle\":[1,\"drawer-title\"],\"width\":[1],\"height\":[1],\"closeOnBackdrop\":[4,\"close-on-backdrop\"]},null,{\"open\":[{\"openChanged\":0}]}]]],[\"dropi-dropdown\",[[513,\"dropi-dropdown\",{\"options\":[1],\"valueModel\":[1,\"value-model\"],\"imageModel\":[1,\"image-model\"],\"height\":[1],\"selected\":[32],\"parsedOptions\":[32]},null,{\"options\":[{\"optionsChanged\":0}]}]]],[\"dropi-favorite-button\",[[513,\"dropi-favorite-button\",{\"isFavorite\":[1028,\"is-favorite\"],\"hovered\":[32]}]]],[\"dropi-file-upload\",[[513,\"dropi-file-upload\",{\"accept\":[1],\"multiple\":[4],\"maxSizeMb\":[2,\"max-size-mb\"],\"disabled\":[4],\"label\":[1],\"helperText\":[1,\"helper-text\"],\"dragging\":[32],\"errors\":[32]}]]],[\"dropi-file-upload-progress-bar\",[[513,\"dropi-file-upload-progress-bar\",{\"fileName\":[1,\"file-name\"],\"fileSize\":[1,\"file-size\"],\"progress\":[2],\"status\":[1],\"errorMessage\":[1,\"error-message\"],\"showCancel\":[4,\"show-cancel\"]}]]],[\"dropi-ilustration-icon\",[[513,\"dropi-ilustration-icon\",{\"type\":[1],\"state\":[1],\"stateInsignia\":[1,\"state-insignia\"],\"tagProduct\":[4,\"tag-product\"]}]]],[\"dropi-image-miniature\",[[513,\"dropi-image-miniature\",{\"label\":[1],\"images\":[1],\"width\":[1],\"height\":[1]}]]],[\"dropi-image-overlay\",[[513,\"dropi-image-overlay\",{\"visible\":[1028],\"images\":[1],\"activeIndex\":[1026,\"active-index\"],\"current\":[32],\"parsedImages\":[32]},null,{\"images\":[{\"imagesChanged\":0}],\"activeIndex\":[{\"indexChanged\":0}],\"visible\":[{\"visibleChanged\":0}]}]]],[\"dropi-input\",[[577,\"dropi-input\",{\"inputId\":[1,\"input-id\"],\"name\":[1],\"label\":[1],\"placeholder\":[1],\"value\":[1025],\"maxlength\":[2],\"disabled\":[516],\"required\":[516],\"showAsterisk\":[4,\"show-asterisk\"],\"fixedLabel\":[4,\"fixed-label\"],\"inputMode\":[1,\"input-mode\"],\"passwordInput\":[4,\"password-input\"],\"moneyFormat\":[4,\"money-format\"],\"thousandSeparator\":[4,\"thousand-separator\"],\"onlyNumbers\":[4,\"only-numbers\"],\"allowDecimals\":[4,\"allow-decimals\"],\"onlyLetters\":[4,\"only-letters\"],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"invalid\":[4],\"helperText\":[1,\"helper-text\"],\"showHelperOnlyOnError\":[4,\"show-helper-only-on-error\"],\"showPassword\":[32],\"touched\":[32]},null,{\"value\":[{\"valueChanged\":0}],\"disabled\":[{\"disabledChanged\":0}]}]]],[\"dropi-media-player\",[[513,\"dropi-media-player\",{\"src\":[1],\"mediaType\":[1,\"media-type\"],\"poster\":[1],\"autoplay\":[4],\"loop\":[4],\"initialVolume\":[2,\"initial-volume\"],\"mediaTitle\":[1,\"media-title\"],\"playing\":[32],\"currentTime\":[32],\"duration\":[32],\"volume\":[32],\"muted\":[32],\"loading\":[32]}]]],[\"dropi-navbar\",[[513,\"dropi-navbar\",{\"logoUrl\":[1,\"logo-url\"],\"logoAlt\":[1,\"logo-alt\"],\"items\":[1],\"activeId\":[1,\"active-id\"],\"userName\":[1,\"user-name\"],\"userAvatar\":[1,\"user-avatar\"],\"notifications\":[2],\"showMenuToggle\":[4,\"show-menu-toggle\"]}]]],[\"dropi-paginator\",[[513,\"dropi-paginator\",{\"total\":[2],\"pageSize\":[1026,\"page-size\"],\"page\":[1538],\"maxPages\":[2,\"max-pages\"],\"noLabels\":[4,\"no-labels\"],\"showPageSizeSelector\":[4,\"show-page-size-selector\"],\"pageSizeOptions\":[1,\"page-size-options\"],\"parsedOptions\":[32]},null,{\"pageSizeOptions\":[{\"optionsChanged\":0}]}]]],[\"dropi-phone-input\",[[513,\"dropi-phone-input\",{\"codArea\":[1025,\"cod-area\"],\"value\":[1025],\"placeholder\":[1],\"disabled\":[4],\"isValid\":[4,\"is-valid\"],\"errorMessage\":[1,\"error-message\"],\"label\":[1],\"open\":[32],\"search\":[32]},null,{\"codArea\":[{\"codAreaChanged\":0}]}]]],[\"dropi-radio-selection-list\",[[513,\"dropi-radio-selection-list\",{\"options\":[1],\"selectedOption\":[1032,\"selected-option\"],\"showFilter\":[4,\"show-filter\"],\"filterPlaceholder\":[1,\"filter-placeholder\"],\"typeLayout\":[1,\"type-layout\"],\"filterText\":[32],\"parsedOptions\":[32]},null,{\"options\":[{\"optionsChanged\":0}]}]]],[\"dropi-select\",[[577,\"dropi-select\",{\"label\":[1],\"placeholder\":[1],\"options\":[1040],\"name\":[1],\"disabled\":[516],\"invalid\":[4],\"errorText\":[1,\"error-text\"],\"helperText\":[1,\"helper-text\"],\"showObligatory\":[4,\"show-obligatory\"],\"searchEnabled\":[4,\"search-enabled\"],\"multiSelect\":[4,\"multi-select\"],\"dropdownType\":[4,\"dropdown-type\"],\"showCountryFlags\":[4,\"show-country-flags\"],\"radioOptions\":[4,\"radio-options\"],\"placeHolderSearch\":[1,\"place-holder-search\"],\"preIcon\":[1,\"pre-icon\"],\"defaultSelectedId\":[1032,\"default-selected-id\"],\"value\":[1040],\"isOpen\":[32],\"selectedOption\":[32],\"multiSelected\":[32],\"filteredOptions\":[32],\"searchTerm\":[32],\"dropdownStyle\":[32],\"setById\":[64],\"setByLabel\":[64],\"clearSelection\":[64],\"resetMultiSelect\":[64]},[[4,\"click\",\"handleOutsideClick\"]],{\"options\":[{\"optionsChanged\":0}],\"defaultSelectedId\":[{\"defaultChanged\":0}],\"value\":[{\"valueChanged\":0}]}]]],[\"dropi-sidebar\",[[769,\"dropi-sidebar\",{\"items\":[1],\"activeId\":[1,\"active-id\"],\"collapsed\":[1028],\"showToggle\":[4,\"show-toggle\"],\"logoUrl\":[1,\"logo-url\"],\"width\":[1]}]]],[\"dropi-steps\",[[513,\"dropi-steps\",{\"stepsCount\":[2,\"steps-count\"],\"showNumberOfStep\":[4,\"show-number-of-step\"],\"currentStep\":[2,\"current-step\"],\"stepLabels\":[1,\"step-labels\"]}]]],[\"dropi-tabs\",[[513,\"dropi-tabs\",{\"tabs\":[1],\"activeTab\":[1544,\"active-tab\"],\"showIcon\":[4,\"show-icon\"],\"parsedTabs\":[32]},null,{\"tabs\":[{\"tabsChanged\":0}]}]]],[\"dropi-tag\",[[513,\"dropi-tag\",{\"type\":[1],\"state\":[1],\"showIcon\":[4,\"show-icon\"],\"icon\":[1],\"text\":[1]},null,{\"type\":[{\"propsChanged\":0}],\"state\":[{\"propsChanged\":0}]}]]],[\"dropi-text-area\",[[577,\"dropi-text-area\",{\"inputId\":[1,\"input-id\"],\"name\":[1],\"label\":[1],\"placeholder\":[1],\"value\":[1025],\"maxlength\":[2],\"minlength\":[2],\"rows\":[2],\"resize\":[1],\"disabled\":[516],\"required\":[516],\"showAsterisk\":[4,\"show-asterisk\"],\"helperText\":[1,\"helper-text\"],\"invalid\":[4],\"touched\":[32]},null,{\"value\":[{\"valueChanged\":0}]}]]],[\"dropi-time-line\",[[513,\"dropi-time-line\",{\"steps\":[1]}]]],[\"dropi-toast\",[[513,\"dropi-toast\",{\"position\":[1],\"life\":[2],\"items\":[32],\"show\":[64],\"clear\":[64]}]]],[\"dropi-vertical-steps\",[[513,\"dropi-vertical-steps\",{\"steps\":[1],\"currentStep\":[2,\"current-step\"],\"clickable\":[4],\"showCheckIcon\":[4,\"show-check-icon\"]}]]],[\"dropi-youtube-lazy-video\",[[513,\"dropi-youtube-lazy-video\",{\"videoId\":[1,\"video-id\"],\"thumbnailSrc\":[1,\"thumbnail-src\"],\"videoTitle\":[1,\"video-title\"],\"isPlaying\":[32]}]]],[\"dropi-avatars\",[[513,\"dropi-avatars\",{\"image\":[1],\"alt\":[1],\"type\":[1],\"initials\":[1]}]]],[\"dropi-badge\",[[513,\"dropi-badge\",{\"state\":[1]}]]],[\"dropi-date-picker-range\",[[513,\"dropi-date-picker-range\",{\"startDate\":[1025,\"start-date\"],\"endDate\":[1025,\"end-date\"],\"showLabel\":[4,\"show-label\"],\"placeholder\":[1],\"loading\":[4],\"maxDaysRange\":[2,\"max-days-range\"],\"hideTodayRangeShortcut\":[4,\"hide-today-range-shortcut\"],\"start\":[32],\"end\":[32],\"activeRange\":[32],\"showWarning\":[32]},null,{\"startDate\":[{\"onStartPropChange\":0}],\"endDate\":[{\"onEndPropChange\":0}]}]]],[\"dropi-logo\",[[513,\"dropi-logo\",{\"urlLogo\":[1,\"url-logo\"],\"size\":[1],\"theme\":[1]}]]],[\"dropi-lottie-loader\",[[513,\"dropi-lottie-loader\",{\"visible\":[4],\"loadingAnimation\":[1,\"loading-animation\"],\"loaderTitle\":[1,\"loader-title\"],\"message\":[1]}]]],[\"dropi-otp-send-code\",[[513,\"dropi-otp-send-code\",{\"engine\":[1],\"labelContact\":[1,\"label-contact\"],\"showLabelContact\":[4,\"show-label-contact\"],\"errorMessage\":[1,\"error-message\"],\"digits\":[32],\"digitStates\":[32],\"countdown\":[32],\"canResend\":[32],\"error\":[32]}]]],[\"dropi-radio-button\",[[577,\"dropi-radio-button\",{\"label\":[1],\"name\":[1],\"inputId\":[1,\"input-id\"],\"checked\":[1540],\"resetTrigger\":[4,\"reset-trigger\"]},null,{\"resetTrigger\":[{\"onResetTrigger\":0}]}]]],[\"dropi-read-more\",[[513,\"dropi-read-more\",{\"text\":[1],\"maxWords\":[2,\"max-words\"],\"showSeeLess\":[4,\"show-see-less\"],\"expanded\":[32]}]]],[\"dropi-simple-stepper\",[[513,\"dropi-simple-stepper\",{\"stepsCount\":[2,\"steps-count\"],\"typeStep\":[1,\"type-step\"],\"currentStep\":[2,\"current-step\"],\"labelStepper\":[1,\"label-stepper\"],\"flowMode\":[1,\"flow-mode\"]}]]],[\"dropi-skeleton\",[[513,\"dropi-skeleton\",{\"variant\":[1],\"width\":[1],\"height\":[1],\"borderRadius\":[1,\"border-radius\"],\"lines\":[2]}]]],[\"dropi-tag-type-product\",[[513,\"dropi-tag-type-product\",{\"label\":[1]}]]],[\"dropi-tooltip\",[[769,\"dropi-tooltip\",{\"text\":[1],\"position\":[1],\"maxWidth\":[1,\"max-width\"],\"showDelay\":[2,\"show-delay\"],\"visible\":[32]}]]],[\"dropi-country-flags\",[[513,\"dropi-country-flags\",{\"country\":[1],\"flagStyle\":[1,\"flag-style\"],\"width\":[1],\"height\":[1]}]]],[\"dropi-modal\",[[769,\"dropi-modal\",{\"visible\":[1540],\"header\":[1],\"showCloseIcon\":[4,\"show-close-icon\"],\"dismissable\":[4],\"closeOnEscape\":[4,\"close-on-escape\"],\"modal\":[4],\"showHeader\":[4,\"show-header\"],\"position\":[1],\"size\":[1],\"isOpen\":[32],\"isClosing\":[32],\"mounted\":[32],\"hide\":[64],\"show\":[64]},null,{\"visible\":[{\"visibleChanged\":0}]}]]],[\"dropi-switch\",[[577,\"dropi-switch\",{\"isChecked\":[1540,\"is-checked\"],\"disabled\":[516]}]]],[\"dropi-button\",[[769,\"dropi-button\",{\"type\":[1],\"severity\":[1],\"size\":[1],\"state\":[1],\"fullWidth\":[516,\"full-width\"],\"preIcon\":[1,\"pre-icon\"],\"postIcon\":[1,\"post-icon\"],\"text\":[1]}]]],[\"dropi-checkbox\",[[577,\"dropi-checkbox\",{\"checked\":[1540],\"disabled\":[516]}]]]]"), options);
 };
 
 export { defineCustomElements };