@dropi/ui 0.1.19 → 0.1.20

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-B6R6Ojma.js');
+var index = require('./index-DcOH2ZjX.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) {
         index.registerInstance(this, hostRef);
-        this.dropiTabChange = index.createEvent(this, "dropiTabChange");
+        this.dropiTabChange = index.createEvent(this, "dropiTabChange", 7);
     }
     /** Array of TabItem or JSON string */
     tabs = [];
@@ -31,7 +31,7 @@ const DropiTabs = class {
         this.dropiTabChange.emit(tab);
     }
     render() {
-        return (index.h("div", { key: '73bb4c928411c00cd9c6cfa6c0ed591c4573bbb1', class: "tabs-container", role: "tablist" }, this.parsedTabs.map(tab => {
+        return (index.h("div", { key: '9db1e2f4fdd15fc4ea4407d83fe33c562270acec', class: "tabs-container", role: "tablist" }, this.parsedTabs.map(tab => {
             const isActive = tab.id === this.activeTab;
             return (index.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) }, index.h("span", { class: "tab-label-row" }, index.h("span", { class: "tab-label" }, tab.label), tab.counter !== undefined && tab.counter !== null && (index.h("span", { class: { 'tab-counter': true, 'tab-counter--active': isActive } }, tab.counter))), this.showIcon && (tab.completed
                 ? index.h("dropi-icon", { name: "Check-circle", width: "12px", height: "12px", color: "Success-Success-500" })

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

@@ -0,0 +1,19 @@
+'use strict';
+
+var index = require('./index-DcOH2ZjX.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) {
+        index.registerInstance(this, hostRef);
+    }
+    /** Label text. Default: VARIABLE */
+    label = 'VARIABLE';
+    render() {
+        return index.h("div", { key: '7002748963348a2361665d0d307f4d8eb3a24e3a', class: "type-variation" }, this.label);
+    }
+};
+DropiTagTypeProduct.style = dropiTagTypeProductCss();
+
+exports.dropi_tag_type_product = DropiTagTypeProduct;

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-B6R6Ojma.js');
+var index = require('./index-DcOH2ZjX.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) {
@@ -52,7 +52,7 @@ const DropiTag = class {
         return typeof this.text === 'string' && this.text.trim().length > 0;
     }
     render() {
-        return (index.h("div", { key: '65711113151698b330e945197d0b626130dc06ef', class: "container-chips" }, index.h("div", { key: 'c49964c1bcdfd96f538a1782a4b564a0e73fa87e', class: { tags: true, 'icon-only': this.showIcon && !this.hasContent }, style: { backgroundColor: this.bgColor, color: this.textColor } }, this.showIcon && this.icon && (index.h("dropi-icon", { key: 'cb1ed97b3f33c8e4171899f78a84e3572a37e462', class: "file-icon", name: this.icon, width: "16px", height: "16px", color: this.iconColor })), this.hasContent && index.h("span", { key: '92d71bb6f51dd7fa362023c230f27f9fa59744c0' }, this.text))));
+        return (index.h("div", { key: 'ca7fdd40b3d059abe34a6c4ccfba5cbfbdb5c786', class: "container-chips" }, index.h("div", { key: '897f4ab4a9d2d5ecb7088c6732f59c6cc3138c43', class: { tags: true, 'icon-only': this.showIcon && !this.hasContent }, style: { backgroundColor: this.bgColor, color: this.textColor } }, this.showIcon && this.icon && (index.h("dropi-icon", { key: '77b9315e4d1d4bd257331a4ce4cb3b82480430c0', class: "file-icon", name: this.icon, width: "16px", height: "16px", color: this.iconColor })), this.hasContent && index.h("span", { key: 'c55aede3070168989b8ebefa85480968f71eb08a' }, this.text))));
     }
     static get watchers() { return {
         "type": [{

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

@@ -1,16 +1,16 @@
 'use strict';
 
-var index = require('./index-B6R6Ojma.js');
+var index = require('./index-DcOH2ZjX.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) {
         index.registerInstance(this, hostRef);
-        this.dropiInput = index.createEvent(this, "dropiInput");
-        this.dropiChange = index.createEvent(this, "dropiChange");
-        this.dropiFocus = index.createEvent(this, "dropiFocus");
-        this.dropiBlur = index.createEvent(this, "dropiBlur");
+        this.dropiInput = index.createEvent(this, "dropiInput", 7);
+        this.dropiChange = index.createEvent(this, "dropiChange", 7);
+        this.dropiFocus = index.createEvent(this, "dropiFocus", 7);
+        this.dropiBlur = index.createEvent(this, "dropiBlur", 7);
         if (hostRef.$hostElement$["s-ei"]) {
             this.internals = hostRef.$hostElement$["s-ei"];
         }
@@ -84,12 +84,12 @@ const DropiTextArea = class {
     render() {
         const showAsterisk = this.required && this.showAsterisk && !this.disabled;
         const showHelper = this.helperText || this.isInvalid;
-        return (index.h("div", { key: 'e61f93feb18b6ed2fd3a9e2b7a301b3383c59ef1', class: "textarea-wrapper" }, this.label && (index.h("label", { key: '3dce1ef5e6335f838778c09de911235115111623', htmlFor: this.resolvedId, style: { color: this.disabled ? 'var(--Gray-Gray-400)' : 'var(--Gray-Gray-600)' } }, this.label, showAsterisk && index.h("span", { key: 'bdeb923cb358ea947bbf22cb0a76545aef5d7b80', class: "asterisk" }, " *"))), index.h("div", { key: '402aae3d238a559ac670e69aa3a003baa36fd2c2', class: "textarea-container" }, index.h("textarea", { key: 'afe5dae36cb27dbd461ab9d4f998f83a43babf90', id: this.resolvedId, class: {
+        return (index.h("div", { key: 'ea3be8cb6a7316f6c7e7b41b51e14db24654db7a', class: "textarea-wrapper" }, this.label && (index.h("label", { key: 'd6b48ca844611e26ac378070863334a481179cd5', htmlFor: this.resolvedId, style: { color: this.disabled ? 'var(--Gray-Gray-400)' : 'var(--Gray-Gray-600)' } }, this.label, showAsterisk && index.h("span", { key: 'a3f28346716188fd46ae411e54a64242856c9ec1', class: "asterisk" }, " *"))), index.h("div", { key: 'c0532ad518a267ff14884c687e49b005ff39c381', class: "textarea-container" }, index.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 && (index.h("div", { key: '0c9a7c6555594e7101f72b47c819838e2ffe5236', class: "char-counter" }, this.charCount, "/", this.maxlength))), showHelper && (index.h("div", { key: 'ad4d6435c21ec013a271b490c74f66839de4d6c2', class: "form-control-helper" }, this.isInvalid && (index.h("dropi-icon", { key: '11e480a0cb3f59f1838915850d09a0758160b2fc', name: "Warning-circle", width: "12px", height: "12px", color: "Error-Error-500" })), index.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 && (index.h("div", { key: '7c4f136b776dd9d5d930d690401d422d856139d1', class: "char-counter" }, this.charCount, "/", this.maxlength))), showHelper && (index.h("div", { key: 'e72f689564b1c58cb706b5ad607044ec7cc267e7', class: "form-control-helper" }, this.isInvalid && (index.h("dropi-icon", { key: '93308a1c97c96da20dd246ecc23c10ed6fd656a8', name: "Warning-circle", width: "12px", height: "12px", color: "Error-Error-500" })), index.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/cjs/dropi-time-line.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-B6R6Ojma.js');
+var index = require('./index-DcOH2ZjX.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)}`;
 
@@ -23,7 +23,7 @@ const DropiTimeLine = class {
     }
     render() {
         const steps = this.parsedSteps;
-        return (index.h("div", { key: '9391536f472117d8788456df24de433fc9f6ae1e', class: "timeline" }, steps.map((step, i) => {
+        return (index.h("div", { key: 'b8a4dee055ec85242e2a62a497a6b13fcea29bbc', class: "timeline" }, steps.map((step, i) => {
             const isLast = i === steps.length - 1;
             return (index.h("div", { class: { 'tl-step': true, [`tl-step--${step.status}`]: true }, key: step.id || i }, index.h("div", { class: "tl-step__marker" }, index.h("div", { class: "tl-step__icon" }, step.icon ? (index.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' })) : (index.h("span", { class: "tl-step__dot" }))), !isLast && index.h("div", { class: "tl-step__line" })), index.h("div", { class: "tl-step__content" }, index.h("span", { class: "tl-step__label" }, step.label), step.subtitle && index.h("span", { class: "tl-step__subtitle" }, step.subtitle))));
         })));

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-B6R6Ojma.js');
+var index = require('./index-DcOH2ZjX.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}`;
 
@@ -47,7 +47,7 @@ const DropiToast = class {
         return `<lottie-player src="${this.lottieMap[severity]}" background="transparent" speed="1" loop autoplay></lottie-player>`;
     }
     render() {
-        return (index.h("div", { key: 'ee7e397e3ae32ac5a30b9a37777823315d2e653d', class: `toast-container toast-container--${this.position}` }, this.items.map(item => (index.h("div", { key: item.msg.id, class: { 'toast-wrapper': true, 'toast-wrapper--leaving': item.leaving } }, index.h("div", { class: `toast toast--${item.msg.severity}` }, index.h("div", { class: "toast-content" }, index.h("div", { class: "lottie-img" }, index.h("div", { class: "lottie-player-container", innerHTML: this.getLottieHtml(item.msg.severity) })), index.h("div", { class: "info-container" }, index.h("p", { class: "title" }, item.msg.summary), item.msg.detail && index.h("p", { class: "description" }, item.msg.detail))), item.msg.closable && (index.h("button", { class: "toast-close", onClick: () => this.remove(item.msg.id) }, index.h("dropi-icon", { name: "Close-small", width: "20px", height: "20px", color: "Gray-Gray-400" })))))))));
+        return (index.h("div", { key: 'c29bfdfa90eb237f24a4d682ae05e7c29b754404', class: `toast-container toast-container--${this.position}` }, this.items.map(item => (index.h("div", { key: item.msg.id, class: { 'toast-wrapper': true, 'toast-wrapper--leaving': item.leaving } }, index.h("div", { class: `toast toast--${item.msg.severity}` }, index.h("div", { class: "toast-content" }, index.h("div", { class: "lottie-img" }, index.h("div", { class: "lottie-player-container", innerHTML: this.getLottieHtml(item.msg.severity) })), index.h("div", { class: "info-container" }, index.h("p", { class: "title" }, item.msg.summary), item.msg.detail && index.h("p", { class: "description" }, item.msg.detail))), item.msg.closable && (index.h("button", { class: "toast-close", onClick: () => this.remove(item.msg.id) }, index.h("dropi-icon", { name: "Close-small", width: "20px", height: "20px", color: "Gray-Gray-400" })))))))));
     }
 };
 DropiToast.style = dropiToastCss();

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-B6R6Ojma.js');
+var index = require('./index-DcOH2ZjX.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}`;
 
@@ -34,7 +34,7 @@ const DropiTooltip = class {
         this.visible = false;
     };
     render() {
-        return (index.h("div", { key: 'fa52d7ff250fe76fefd529f2dab27338d0a8bd0a', class: "tooltip-wrapper", onMouseEnter: this.show, onMouseLeave: this.hide, onFocusin: this.show, onFocusout: this.hide }, index.h("slot", { key: 'e301fead7186cec3b817a9339a0878006b750cbf' }), this.text && (index.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, index.h("span", { key: 'a2dbe5693bfb2c0894d20bc2831d303b5634869e', class: `tooltip-arrow tooltip-arrow--${this.position}` })))));
+        return (index.h("div", { key: '9f328904e1954d08cf18d51ca765f07ec8b9d3c1', class: "tooltip-wrapper", onMouseEnter: this.show, onMouseLeave: this.hide, onFocusin: this.show, onFocusout: this.hide }, index.h("slot", { key: '697ebc090a9b3d7db25666b6ae8726bc9c389d3c' }), this.text && (index.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, index.h("span", { key: 'f850e6f1b5a66a686e9741b3d5e9df3bd5b81e95', class: `tooltip-arrow tooltip-arrow--${this.position}` })))));
     }
 };
 DropiTooltip.style = dropiTooltipCss();

package/dist/cjs/dropi-ui.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-B6R6Ojma.js');
+var index = require('./index-DcOH2ZjX.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*
@@ -18,7 +18,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await index.globalScripts();
-  return index.bootstrapLazy([["dropi-icon.cjs",[[513,"dropi-icon",{"name":[1],"width":[1],"height":[1],"color":[1]},null,{"color":[{"colorChanged":0}]}]]],["dropi-card-section.cjs",[[513,"dropi-card-section",{"sectionTitle":[1,"section-title"],"description":[1],"typeElement":[1,"type-element"],"type":[1],"isChecked":[1028,"is-checked"]}]]],["dropi-checkbox-selection-list.cjs",[[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.cjs",[[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.cjs",[[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.cjs",[[769,"dropi-accordion",{"header":[1],"open":[1540],"disabled":[4],"preIcon":[1,"pre-icon"],"contentHeight":[32]},null,{"open":[{"openChanged":0}]}]]],["dropi-alert.cjs",[[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.cjs",[[769,"dropi-chips",{"chipStyle":[1,"chip-style"],"type":[1],"urlImg":[1,"url-img"],"showIcon":[4,"show-icon"],"icon":[1]}]]],["dropi-dropdown.cjs",[[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.cjs",[[513,"dropi-favorite-button",{"isFavorite":[1028,"is-favorite"],"hovered":[32]}]]],["dropi-image-miniature.cjs",[[513,"dropi-image-miniature",{"label":[1],"images":[1],"width":[1],"height":[1]}]]],["dropi-image-overlay.cjs",[[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.cjs",[[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.cjs",[[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.cjs",[[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.cjs",[[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.cjs",[[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.cjs",[[513,"dropi-steps",{"stepsCount":[2,"steps-count"],"showNumberOfStep":[4,"show-number-of-step"],"currentStep":[2,"current-step"],"stepLabels":[1,"step-labels"]}]]],["dropi-tabs.cjs",[[513,"dropi-tabs",{"tabs":[1],"activeTab":[1544,"active-tab"],"showIcon":[4,"show-icon"],"parsedTabs":[32]},null,{"tabs":[{"tabsChanged":0}]}]]],["dropi-tag.cjs",[[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.cjs",[[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.cjs",[[513,"dropi-time-line",{"steps":[1]}]]],["dropi-toast.cjs",[[513,"dropi-toast",{"position":[1],"life":[2],"items":[32],"show":[64],"clear":[64]}]]],["dropi-vertical-steps.cjs",[[513,"dropi-vertical-steps",{"steps":[1],"currentStep":[2,"current-step"],"clickable":[4],"showCheckIcon":[4,"show-check-icon"]}]]],["dropi-avatars.cjs",[[513,"dropi-avatars",{"image":[1],"alt":[1],"type":[1],"initials":[1]}]]],["dropi-badge.cjs",[[513,"dropi-badge",{"state":[1]}]]],["dropi-logo.cjs",[[513,"dropi-logo",{"urlLogo":[1,"url-logo"],"size":[1],"theme":[1]}]]],["dropi-lottie-loader.cjs",[[513,"dropi-lottie-loader",{"visible":[4],"loadingAnimation":[1,"loading-animation"],"loaderTitle":[1,"loader-title"],"message":[1]}]]],["dropi-otp-send-code.cjs",[[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.cjs",[[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.cjs",[[513,"dropi-read-more",{"text":[1],"maxWords":[2,"max-words"],"showSeeLess":[4,"show-see-less"],"expanded":[32]}]]],["dropi-simple-stepper.cjs",[[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.cjs",[[513,"dropi-skeleton",{"variant":[1],"width":[1],"height":[1],"borderRadius":[1,"border-radius"],"lines":[2]}]]],["dropi-tooltip.cjs",[[769,"dropi-tooltip",{"text":[1],"position":[1],"maxWidth":[1,"max-width"],"showDelay":[2,"show-delay"],"visible":[32]}]]],["dropi-button.cjs",[[769,"dropi-button",{"type":[1],"severity":[1],"size":[1],"state":[1],"preIcon":[1,"pre-icon"],"postIcon":[1,"post-icon"],"text":[1]}]]],["dropi-switch.cjs",[[577,"dropi-switch",{"isChecked":[1540,"is-checked"],"disabled":[516]}]]],["dropi-checkbox.cjs",[[577,"dropi-checkbox",{"checked":[1540],"disabled":[516]}]]]], options);
+  return index.bootstrapLazy(JSON.parse("[[\"dropi-icon.cjs\",[[513,\"dropi-icon\",{\"name\":[1],\"width\":[1],\"height\":[1],\"color\":[1]},null,{\"color\":[{\"colorChanged\":0}]}]]],[\"dropi-alert-modal.cjs\",[[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.cjs\",[[513,\"dropi-card-section\",{\"sectionTitle\":[1,\"section-title\"],\"description\":[1],\"typeElement\":[1,\"type-element\"],\"type\":[1],\"isChecked\":[1028,\"is-checked\"]}]]],[\"dropi-checkbox-selection-list.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[769,\"dropi-accordion\",{\"header\":[1],\"open\":[1540],\"disabled\":[4],\"preIcon\":[1,\"pre-icon\"],\"contentHeight\":[32]},null,{\"open\":[{\"openChanged\":0}]}]]],[\"dropi-alert.cjs\",[[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.cjs\",[[513,\"dropi-banner-external\",{\"imageUrl\":[1,\"image-url\"],\"link\":[1],\"alt\":[1],\"backgroundColor\":[1,\"background-color\"],\"closed\":[32]}]]],[\"dropi-breadcrumb.cjs\",[[513,\"dropi-breadcrumb\",{\"items\":[1],\"homeRoute\":[1,\"home-route\"],\"homeIconName\":[1,\"home-icon-name\"],\"lastItemClickable\":[4,\"last-item-clickable\"]}]]],[\"dropi-card-checkbox.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[769,\"dropi-chips\",{\"chipStyle\":[1,\"chip-style\"],\"type\":[1],\"urlImg\":[1,\"url-img\"],\"showIcon\":[4,\"show-icon\"],\"icon\":[1]}]]],[\"dropi-city-selector.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[513,\"dropi-favorite-button\",{\"isFavorite\":[1028,\"is-favorite\"],\"hovered\":[32]}]]],[\"dropi-file-upload.cjs\",[[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.cjs\",[[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.cjs\",[[513,\"dropi-ilustration-icon\",{\"type\":[1],\"state\":[1],\"stateInsignia\":[1,\"state-insignia\"],\"tagProduct\":[4,\"tag-product\"]}]]],[\"dropi-image-miniature.cjs\",[[513,\"dropi-image-miniature\",{\"label\":[1],\"images\":[1],\"width\":[1],\"height\":[1]}]]],[\"dropi-image-overlay.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[769,\"dropi-sidebar\",{\"items\":[1],\"activeId\":[1,\"active-id\"],\"collapsed\":[1028],\"showToggle\":[4,\"show-toggle\"],\"logoUrl\":[1,\"logo-url\"],\"width\":[1]}]]],[\"dropi-steps.cjs\",[[513,\"dropi-steps\",{\"stepsCount\":[2,\"steps-count\"],\"showNumberOfStep\":[4,\"show-number-of-step\"],\"currentStep\":[2,\"current-step\"],\"stepLabels\":[1,\"step-labels\"]}]]],[\"dropi-tabs.cjs\",[[513,\"dropi-tabs\",{\"tabs\":[1],\"activeTab\":[1544,\"active-tab\"],\"showIcon\":[4,\"show-icon\"],\"parsedTabs\":[32]},null,{\"tabs\":[{\"tabsChanged\":0}]}]]],[\"dropi-tag.cjs\",[[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.cjs\",[[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.cjs\",[[513,\"dropi-time-line\",{\"steps\":[1]}]]],[\"dropi-toast.cjs\",[[513,\"dropi-toast\",{\"position\":[1],\"life\":[2],\"items\":[32],\"show\":[64],\"clear\":[64]}]]],[\"dropi-vertical-steps.cjs\",[[513,\"dropi-vertical-steps\",{\"steps\":[1],\"currentStep\":[2,\"current-step\"],\"clickable\":[4],\"showCheckIcon\":[4,\"show-check-icon\"]}]]],[\"dropi-youtube-lazy-video.cjs\",[[513,\"dropi-youtube-lazy-video\",{\"videoId\":[1,\"video-id\"],\"thumbnailSrc\":[1,\"thumbnail-src\"],\"videoTitle\":[1,\"video-title\"],\"isPlaying\":[32]}]]],[\"dropi-avatars.cjs\",[[513,\"dropi-avatars\",{\"image\":[1],\"alt\":[1],\"type\":[1],\"initials\":[1]}]]],[\"dropi-badge.cjs\",[[513,\"dropi-badge\",{\"state\":[1]}]]],[\"dropi-date-picker-range.cjs\",[[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.cjs\",[[513,\"dropi-logo\",{\"urlLogo\":[1,\"url-logo\"],\"size\":[1],\"theme\":[1]}]]],[\"dropi-lottie-loader.cjs\",[[513,\"dropi-lottie-loader\",{\"visible\":[4],\"loadingAnimation\":[1,\"loading-animation\"],\"loaderTitle\":[1,\"loader-title\"],\"message\":[1]}]]],[\"dropi-otp-send-code.cjs\",[[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.cjs\",[[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.cjs\",[[513,\"dropi-read-more\",{\"text\":[1],\"maxWords\":[2,\"max-words\"],\"showSeeLess\":[4,\"show-see-less\"],\"expanded\":[32]}]]],[\"dropi-simple-stepper.cjs\",[[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.cjs\",[[513,\"dropi-skeleton\",{\"variant\":[1],\"width\":[1],\"height\":[1],\"borderRadius\":[1,\"border-radius\"],\"lines\":[2]}]]],[\"dropi-tag-type-product.cjs\",[[513,\"dropi-tag-type-product\",{\"label\":[1]}]]],[\"dropi-tooltip.cjs\",[[769,\"dropi-tooltip\",{\"text\":[1],\"position\":[1],\"maxWidth\":[1,\"max-width\"],\"showDelay\":[2,\"show-delay\"],\"visible\":[32]}]]],[\"dropi-country-flags.cjs\",[[513,\"dropi-country-flags\",{\"country\":[1],\"flagStyle\":[1,\"flag-style\"],\"width\":[1],\"height\":[1]}]]],[\"dropi-modal.cjs\",[[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.cjs\",[[577,\"dropi-switch\",{\"isChecked\":[1540,\"is-checked\"],\"disabled\":[516]}]]],[\"dropi-button.cjs\",[[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.cjs\",[[577,\"dropi-checkbox\",{\"checked\":[1540],\"disabled\":[516]}]]]]"), options);
 });
 
 exports.setNonce = index.setNonce;

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-B6R6Ojma.js');
+var index = require('./index-DcOH2ZjX.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) {
         index.registerInstance(this, hostRef);
-        this.dropiStepClick = index.createEvent(this, "dropiStepClick");
+        this.dropiStepClick = index.createEvent(this, "dropiStepClick", 7);
     }
     /** Array of steps. Pass as JSON string or array */
     steps = [];
@@ -42,7 +42,7 @@ const DropiVerticalSteps = class {
     }
     render() {
         const steps = this.parsedSteps;
-        return (index.h("div", { key: '4e23932cbc36257cf0f435735d95fc68be174cb7', class: "vertical-steps" }, steps.map((step, i) => {
+        return (index.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/cjs/dropi-youtube-lazy-video.cjs.entry.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var index = require('./index-DcOH2ZjX.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) {
+        index.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 (index.h("div", { key: 'df20b4b0098b3283f266b012d56d3a0377a46420', class: `video-wrapper${this.isPlaying ? ' playing' : ''}` }, !this.isPlaying && (index.h("div", { key: '43b76b1e6d85da93b97ec0441331b82d567d2abe', class: "thumbnail", onClick: () => { this.isPlaying = true; } }, index.h("img", { key: '3719d3c151b9242f32b313047ccee4fc9b83f990', src: this.thumbnail, alt: `Video thumbnail ${this.videoId}` }), index.h("button", { key: '81c578b338b65168920cf38fb4dbc4ef82e6a1a7', class: "play-button", "aria-label": "Reproducir video" }, index.h("dropi-icon", { key: 'ce505abe0eae58cf7d24eda6527168267e3412ea', name: "Play", width: "17px", height: "21px", color: "Neutral-White" })))), this.isPlaying && (index.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();
+
+exports.dropi_youtube_lazy_video = DropiYoutubeLazyVideo;

package/dist/cjs/{index-B6R6Ojma.js → index-DcOH2ZjX.js}

@@ -490,9 +490,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/cjs/loader.cjs.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-B6R6Ojma.js');
+var index = require('./index-DcOH2ZjX.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await index.globalScripts();
-  return index.bootstrapLazy([["dropi-icon.cjs",[[513,"dropi-icon",{"name":[1],"width":[1],"height":[1],"color":[1]},null,{"color":[{"colorChanged":0}]}]]],["dropi-card-section.cjs",[[513,"dropi-card-section",{"sectionTitle":[1,"section-title"],"description":[1],"typeElement":[1,"type-element"],"type":[1],"isChecked":[1028,"is-checked"]}]]],["dropi-checkbox-selection-list.cjs",[[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.cjs",[[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.cjs",[[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.cjs",[[769,"dropi-accordion",{"header":[1],"open":[1540],"disabled":[4],"preIcon":[1,"pre-icon"],"contentHeight":[32]},null,{"open":[{"openChanged":0}]}]]],["dropi-alert.cjs",[[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.cjs",[[769,"dropi-chips",{"chipStyle":[1,"chip-style"],"type":[1],"urlImg":[1,"url-img"],"showIcon":[4,"show-icon"],"icon":[1]}]]],["dropi-dropdown.cjs",[[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.cjs",[[513,"dropi-favorite-button",{"isFavorite":[1028,"is-favorite"],"hovered":[32]}]]],["dropi-image-miniature.cjs",[[513,"dropi-image-miniature",{"label":[1],"images":[1],"width":[1],"height":[1]}]]],["dropi-image-overlay.cjs",[[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.cjs",[[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.cjs",[[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.cjs",[[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.cjs",[[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.cjs",[[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.cjs",[[513,"dropi-steps",{"stepsCount":[2,"steps-count"],"showNumberOfStep":[4,"show-number-of-step"],"currentStep":[2,"current-step"],"stepLabels":[1,"step-labels"]}]]],["dropi-tabs.cjs",[[513,"dropi-tabs",{"tabs":[1],"activeTab":[1544,"active-tab"],"showIcon":[4,"show-icon"],"parsedTabs":[32]},null,{"tabs":[{"tabsChanged":0}]}]]],["dropi-tag.cjs",[[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.cjs",[[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.cjs",[[513,"dropi-time-line",{"steps":[1]}]]],["dropi-toast.cjs",[[513,"dropi-toast",{"position":[1],"life":[2],"items":[32],"show":[64],"clear":[64]}]]],["dropi-vertical-steps.cjs",[[513,"dropi-vertical-steps",{"steps":[1],"currentStep":[2,"current-step"],"clickable":[4],"showCheckIcon":[4,"show-check-icon"]}]]],["dropi-avatars.cjs",[[513,"dropi-avatars",{"image":[1],"alt":[1],"type":[1],"initials":[1]}]]],["dropi-badge.cjs",[[513,"dropi-badge",{"state":[1]}]]],["dropi-logo.cjs",[[513,"dropi-logo",{"urlLogo":[1,"url-logo"],"size":[1],"theme":[1]}]]],["dropi-lottie-loader.cjs",[[513,"dropi-lottie-loader",{"visible":[4],"loadingAnimation":[1,"loading-animation"],"loaderTitle":[1,"loader-title"],"message":[1]}]]],["dropi-otp-send-code.cjs",[[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.cjs",[[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.cjs",[[513,"dropi-read-more",{"text":[1],"maxWords":[2,"max-words"],"showSeeLess":[4,"show-see-less"],"expanded":[32]}]]],["dropi-simple-stepper.cjs",[[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.cjs",[[513,"dropi-skeleton",{"variant":[1],"width":[1],"height":[1],"borderRadius":[1,"border-radius"],"lines":[2]}]]],["dropi-tooltip.cjs",[[769,"dropi-tooltip",{"text":[1],"position":[1],"maxWidth":[1,"max-width"],"showDelay":[2,"show-delay"],"visible":[32]}]]],["dropi-button.cjs",[[769,"dropi-button",{"type":[1],"severity":[1],"size":[1],"state":[1],"preIcon":[1,"pre-icon"],"postIcon":[1,"post-icon"],"text":[1]}]]],["dropi-switch.cjs",[[577,"dropi-switch",{"isChecked":[1540,"is-checked"],"disabled":[516]}]]],["dropi-checkbox.cjs",[[577,"dropi-checkbox",{"checked":[1540],"disabled":[516]}]]]], options);
+  return index.bootstrapLazy(JSON.parse("[[\"dropi-icon.cjs\",[[513,\"dropi-icon\",{\"name\":[1],\"width\":[1],\"height\":[1],\"color\":[1]},null,{\"color\":[{\"colorChanged\":0}]}]]],[\"dropi-alert-modal.cjs\",[[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.cjs\",[[513,\"dropi-card-section\",{\"sectionTitle\":[1,\"section-title\"],\"description\":[1],\"typeElement\":[1,\"type-element\"],\"type\":[1],\"isChecked\":[1028,\"is-checked\"]}]]],[\"dropi-checkbox-selection-list.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[769,\"dropi-accordion\",{\"header\":[1],\"open\":[1540],\"disabled\":[4],\"preIcon\":[1,\"pre-icon\"],\"contentHeight\":[32]},null,{\"open\":[{\"openChanged\":0}]}]]],[\"dropi-alert.cjs\",[[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.cjs\",[[513,\"dropi-banner-external\",{\"imageUrl\":[1,\"image-url\"],\"link\":[1],\"alt\":[1],\"backgroundColor\":[1,\"background-color\"],\"closed\":[32]}]]],[\"dropi-breadcrumb.cjs\",[[513,\"dropi-breadcrumb\",{\"items\":[1],\"homeRoute\":[1,\"home-route\"],\"homeIconName\":[1,\"home-icon-name\"],\"lastItemClickable\":[4,\"last-item-clickable\"]}]]],[\"dropi-card-checkbox.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[769,\"dropi-chips\",{\"chipStyle\":[1,\"chip-style\"],\"type\":[1],\"urlImg\":[1,\"url-img\"],\"showIcon\":[4,\"show-icon\"],\"icon\":[1]}]]],[\"dropi-city-selector.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[513,\"dropi-favorite-button\",{\"isFavorite\":[1028,\"is-favorite\"],\"hovered\":[32]}]]],[\"dropi-file-upload.cjs\",[[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.cjs\",[[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.cjs\",[[513,\"dropi-ilustration-icon\",{\"type\":[1],\"state\":[1],\"stateInsignia\":[1,\"state-insignia\"],\"tagProduct\":[4,\"tag-product\"]}]]],[\"dropi-image-miniature.cjs\",[[513,\"dropi-image-miniature\",{\"label\":[1],\"images\":[1],\"width\":[1],\"height\":[1]}]]],[\"dropi-image-overlay.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[769,\"dropi-sidebar\",{\"items\":[1],\"activeId\":[1,\"active-id\"],\"collapsed\":[1028],\"showToggle\":[4,\"show-toggle\"],\"logoUrl\":[1,\"logo-url\"],\"width\":[1]}]]],[\"dropi-steps.cjs\",[[513,\"dropi-steps\",{\"stepsCount\":[2,\"steps-count\"],\"showNumberOfStep\":[4,\"show-number-of-step\"],\"currentStep\":[2,\"current-step\"],\"stepLabels\":[1,\"step-labels\"]}]]],[\"dropi-tabs.cjs\",[[513,\"dropi-tabs\",{\"tabs\":[1],\"activeTab\":[1544,\"active-tab\"],\"showIcon\":[4,\"show-icon\"],\"parsedTabs\":[32]},null,{\"tabs\":[{\"tabsChanged\":0}]}]]],[\"dropi-tag.cjs\",[[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.cjs\",[[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.cjs\",[[513,\"dropi-time-line\",{\"steps\":[1]}]]],[\"dropi-toast.cjs\",[[513,\"dropi-toast\",{\"position\":[1],\"life\":[2],\"items\":[32],\"show\":[64],\"clear\":[64]}]]],[\"dropi-vertical-steps.cjs\",[[513,\"dropi-vertical-steps\",{\"steps\":[1],\"currentStep\":[2,\"current-step\"],\"clickable\":[4],\"showCheckIcon\":[4,\"show-check-icon\"]}]]],[\"dropi-youtube-lazy-video.cjs\",[[513,\"dropi-youtube-lazy-video\",{\"videoId\":[1,\"video-id\"],\"thumbnailSrc\":[1,\"thumbnail-src\"],\"videoTitle\":[1,\"video-title\"],\"isPlaying\":[32]}]]],[\"dropi-avatars.cjs\",[[513,\"dropi-avatars\",{\"image\":[1],\"alt\":[1],\"type\":[1],\"initials\":[1]}]]],[\"dropi-badge.cjs\",[[513,\"dropi-badge\",{\"state\":[1]}]]],[\"dropi-date-picker-range.cjs\",[[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.cjs\",[[513,\"dropi-logo\",{\"urlLogo\":[1,\"url-logo\"],\"size\":[1],\"theme\":[1]}]]],[\"dropi-lottie-loader.cjs\",[[513,\"dropi-lottie-loader\",{\"visible\":[4],\"loadingAnimation\":[1,\"loading-animation\"],\"loaderTitle\":[1,\"loader-title\"],\"message\":[1]}]]],[\"dropi-otp-send-code.cjs\",[[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.cjs\",[[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.cjs\",[[513,\"dropi-read-more\",{\"text\":[1],\"maxWords\":[2,\"max-words\"],\"showSeeLess\":[4,\"show-see-less\"],\"expanded\":[32]}]]],[\"dropi-simple-stepper.cjs\",[[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.cjs\",[[513,\"dropi-skeleton\",{\"variant\":[1],\"width\":[1],\"height\":[1],\"borderRadius\":[1,\"border-radius\"],\"lines\":[2]}]]],[\"dropi-tag-type-product.cjs\",[[513,\"dropi-tag-type-product\",{\"label\":[1]}]]],[\"dropi-tooltip.cjs\",[[769,\"dropi-tooltip\",{\"text\":[1],\"position\":[1],\"maxWidth\":[1,\"max-width\"],\"showDelay\":[2,\"show-delay\"],\"visible\":[32]}]]],[\"dropi-country-flags.cjs\",[[513,\"dropi-country-flags\",{\"country\":[1],\"flagStyle\":[1,\"flag-style\"],\"width\":[1],\"height\":[1]}]]],[\"dropi-modal.cjs\",[[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.cjs\",[[577,\"dropi-switch\",{\"isChecked\":[1540,\"is-checked\"],\"disabled\":[516]}]]],[\"dropi-button.cjs\",[[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.cjs\",[[577,\"dropi-checkbox\",{\"checked\":[1540],\"disabled\":[516]}]]]]"), options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -1,19 +1,30 @@
 {
   "entries": [
     "components/dropi-alert/dropi-alert.js",
+    "components/dropi-alert-modal/dropi-alert-modal.js",
     "components/dropi-avatars/dropi-avatars.js",
     "components/dropi-badge/dropi-badge.js",
+    "components/dropi-breadcrumb/dropi-breadcrumb.js",
     "components/dropi-button/dropi-button.js",
     "components/dropi-checkbox-selection-list/dropi-checkbox-selection-list.js",
     "components/dropi-chips/dropi-chips.js",
+    "components/dropi-city-selector/dropi-city-selector.js",
+    "components/dropi-country-selector/dropi-country-selector.js",
+    "components/dropi-date-picker-range/dropi-date-picker-range.js",
     "components/dropi-dropdown/dropi-dropdown.js",
+    "components/dropi-file-upload/dropi-file-upload.js",
+    "components/dropi-ilustration-icon/dropi-ilustration-icon.js",
     "components/dropi-input/dropi-input.js",
+    "components/dropi-languages-selector/dropi-languages-selector.js",
     "components/dropi-modal/dropi-modal.js",
+    "components/dropi-navbar/dropi-navbar.js",
     "components/dropi-radio-selection-list/dropi-radio-selection-list.js",
     "components/dropi-search/dropi-search.js",
+    "components/dropi-sidebar/dropi-sidebar.js",
     "components/dropi-simple-stepper/dropi-simple-stepper.js",
     "components/dropi-skeleton/dropi-skeleton.js",
     "components/dropi-steps/dropi-steps.js",
+    "components/dropi-table/dropi-table.js",
     "components/dropi-tabs/dropi-tabs.js",
     "components/dropi-tag/dropi-tag.js",
     "components/dropi-text-area/dropi-text-area.js",
@@ -22,21 +33,34 @@
     "components/dropi-tooltip/dropi-tooltip.js",
     "components/dropi-vertical-steps/dropi-vertical-steps.js",
     "components/dropi-accordion/dropi-accordion.js",
+    "components/dropi-banner-external/dropi-banner-external.js",
+    "components/dropi-card-checkbox/dropi-card-checkbox.js",
+    "components/dropi-card-product/dropi-card-product.js",
     "components/dropi-card-section/dropi-card-section.js",
+    "components/dropi-carousel/dropi-carousel.js",
     "components/dropi-checkbox/dropi-checkbox.js",
+    "components/dropi-color-picker/dropi-color-picker.js",
+    "components/dropi-country-flags/dropi-country-flags.js",
+    "components/dropi-date-picker/dropi-date-picker.js",
+    "components/dropi-drawer/dropi-drawer.js",
     "components/dropi-empty-state/dropi-empty-state.js",
     "components/dropi-favorite-button/dropi-favorite-button.js",
+    "components/dropi-file-upload-progress-bar/dropi-file-upload-progress-bar.js",
     "components/dropi-icon/dropi-icon.js",
     "components/dropi-image-miniature/dropi-image-miniature.js",
     "components/dropi-image-overlay/dropi-image-overlay.js",
     "components/dropi-logo/dropi-logo.js",
     "components/dropi-lottie-loader/dropi-lottie-loader.js",
+    "components/dropi-media-player/dropi-media-player.js",
     "components/dropi-otp-send-code/dropi-otp-send-code.js",
     "components/dropi-paginator/dropi-paginator.js",
+    "components/dropi-phone-input/dropi-phone-input.js",
     "components/dropi-radio-button/dropi-radio-button.js",
     "components/dropi-read-more/dropi-read-more.js",
     "components/dropi-select/dropi-select.js",
-    "components/dropi-switch/dropi-switch.js"
+    "components/dropi-switch/dropi-switch.js",
+    "components/dropi-tag-type-product/dropi-tag-type-product.js",
+    "components/dropi-youtube-lazy-video/dropi-youtube-lazy-video.js"
   ],
   "mixins": [],
   "compiler": {

package/dist/collection/components/dropi-accordion/dropi-accordion.js

@@ -40,7 +40,7 @@ export class DropiAccordion {
         setTimeout(() => this.updateHeight(this.open), 0);
     }
     render() {
-        return (h("div", { key: 'af11e06f8e10d85d6dffdbcb639479ce7095ed6e', class: { 'accordion': true, 'accordion--open': this.open, 'accordion--disabled': this.disabled } }, h("button", { key: '5c3e5303dc6e5a37dece808559dcf6a8c6245980', class: "accordion-header", onClick: () => this.handleToggle(), "aria-expanded": String(this.open), disabled: this.disabled }, h("span", { key: '062be2726403e5b9d90694555317db406c70d93f', class: "accordion-header-left" }, this.preIcon && h("dropi-icon", { key: 'c626c98aaab3074cdf754460d5eff45739683404', name: this.preIcon, width: "20px", height: "20px", color: "Gray-Gray-600" }), h("span", { key: '3143e043a462df9e2b794fd2ff608ab910972a54', class: "accordion-title" }, this.header)), h("span", { key: '3ffd80e303fa17582b57a0778b2bc610c6dff899', class: { 'accordion-chevron': true, 'accordion-chevron--open': this.open } }, h("dropi-icon", { key: 'b353a6cbfbd3b51d408ced11c29eeb8a8cded9a6', name: "Dropdown-down", width: "20px", height: "20px", color: "Gray-Gray-500" }))), h("div", { key: '0754969bc5483586224ddb3774f65328dd8cd3cb', class: "accordion-body", style: { maxHeight: this.contentHeight }, ref: (el) => this.contentRef = el }, h("div", { key: '96e87adb7ca8de258541be0d4626ba9ce09e1f97', class: "accordion-content" }, h("slot", { key: '5b82c186bc11b7e9e5a714217454c0c6058be5cf' })))));
+        return (h("div", { key: '833499ceed32f31227940efdea0250074a26dad4', class: { 'accordion': true, 'accordion--open': this.open, 'accordion--disabled': this.disabled } }, h("button", { key: '067856e0af05669e75197e0e38b4e165166e2125', class: "accordion-header", onClick: () => this.handleToggle(), "aria-expanded": String(this.open), disabled: this.disabled }, h("span", { key: 'ee22e3b4251cad0c03143d7fd512f6b43b25080c', class: "accordion-header-left" }, this.preIcon && h("dropi-icon", { key: '935d87ddcd347ffb910c8093c164c768ddc85cad', name: this.preIcon, width: "20px", height: "20px", color: "Gray-Gray-600" }), h("span", { key: '88d229607eca9d6d538c620dab8040d6ebbc304f', class: "accordion-title" }, this.header)), h("span", { key: '5d29cc7263bb56c5da1455f57ef3000e375489c8', class: { 'accordion-chevron': true, 'accordion-chevron--open': this.open } }, h("dropi-icon", { key: 'c179d4d5db7fb988d9b6f41430d27e93ad36e7e4', name: "Dropdown-down", width: "20px", height: "20px", color: "Gray-Gray-500" }))), h("div", { key: '60052ec92c3659b1ab87358ec264d38faf2ed389', class: "accordion-body", style: { maxHeight: this.contentHeight }, ref: (el) => this.contentRef = el }, h("div", { key: '3565ad511fcfa017bb264a2829ee54ee6d0d7d96', class: "accordion-content" }, h("slot", { key: '1c2c4cab25bcbdf15cdd2ed699710f09dcbbbb74' })))));
     }
     static get is() { return "dropi-accordion"; }
     static get encapsulation() { return "shadow"; }