@dropi/ui 0.1.21 → 0.1.22

package/dist/collection/components/dropi-text-area/dropi-text-area.js

@@ -98,12 +98,12 @@ export class DropiTextArea {
     render() {
         const showAsterisk = this.required && this.showObligatoryAsterisk && !this.disabled;
         const showHelper = this.textHelper || this.isInvalid;
-        return (h("div", { key: '8afff91e57583589acbc62da64543b522141fe4e', class: "textarea-wrapper" }, this.label && (h("label", { key: 'b80d26f1a0231b101b475c525aca3c759aa89912', htmlFor: this.resolvedId, style: { color: this.disabled ? 'var(--Gray-Gray-400)' : 'var(--Gray-Gray-600)' } }, this.label, showAsterisk && h("span", { key: 'fa331063536907c43d869079edad0ed3be1989c5', class: "asterisk" }, " *"))), h("div", { key: 'a98ca8f71bb5165115785c41d5ba58e846cd8d64', class: "textarea-container" }, h("textarea", { key: 'dd21883e18ab5819cbac034371036afb9566e902', id: this.resolvedId, class: {
+        return (h("div", { key: 'd2333346006f94a5582d49cb2f34237b8b97d039', class: "textarea-wrapper" }, this.label && (h("label", { key: '0963e3d312bec5a96b4b3f8387c07ecfd97d6906', htmlFor: this.resolvedId, style: { color: this.disabled ? 'var(--Gray-Gray-400)' : 'var(--Gray-Gray-600)' } }, this.label, showAsterisk && h("span", { key: '1e9bfecb2669fe2c6cd8b74a153fe21bbf8053b9', class: "asterisk" }, " *"))), h("div", { key: '6ac5236d0cb7ec4322339048eb364b7c41bfea5e', class: "textarea-container" }, h("textarea", { key: '94a18a7af80592659237d54e5897fcbd8b4aa47c', 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: '3955ef2341745b33a1e6fe88d4b6cf8ac6eecdca', class: "char-counter" }, this.charCount, "/", this.maxLength))), showHelper && (h("div", { key: '03c4f4c51fb653a09dd81cb4f4b0114ffcdf414c', class: "form-control-helper" }, this.isInvalid && (h("dropi-icon", { key: 'e85cfdc13637d349f679132bc88d2bdfa18878da', name: "Warning-circle", width: "12px", height: "12px", color: "Error-Error-500" })), h("span", { key: 'e4724f2509681e3c72b8e1b5df7e9f8f5e042dc0', class: { 'invalid-color': this.isInvalid }, style: { color: this.disabled ? 'var(--Gray-Gray-400)' : undefined } }, this.textHelper)))));
+            }, 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: 'e3271eeea7e85a64454c344986e36c85197f3782', class: "char-counter" }, this.charCount, "/", this.maxLength))), showHelper && (h("div", { key: 'c4b83072b96e56b45b6afc8209f4d124cb6d6bf3', class: "form-control-helper" }, this.isInvalid && (h("dropi-icon", { key: '98aef0a346f1ca3fe33cf9f2e6519f61aa787374', name: "Warning-circle", width: "12px", height: "12px", color: "Error-Error-500" })), h("span", { key: 'f820d6043b390dc22d1b7ee1ee58dfd9a3fcd333', class: { 'invalid-color': this.isInvalid }, style: { color: this.disabled ? 'var(--Gray-Gray-400)' : undefined } }, this.textHelper)))));
     }
     static get is() { return "dropi-text-area"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dropi-time-line/dropi-time-line.js

@@ -19,7 +19,7 @@ export class DropiTimeLine {
     }
     render() {
         const steps = this.parsedSteps;
-        return (h("div", { key: '988abfa70af8e37135bc70ca4f5727e5a5eb1295', class: "timeline" }, steps.map((step, i) => {
+        return (h("div", { key: '0b43d3e673cda6f31476abcbc55ef2b6b9dbd7ac', 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/collection/components/dropi-toast/dropi-toast.css

@@ -13,7 +13,7 @@
 .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, #ffffff); 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 { position: relative; display: flex; align-items: flex-start; border-radius: var(--Border-2,8px); background: var(--Neutral-White, #ffffff); box-shadow: 0.5px -1px 7px 0px rgba(0, 0, 0, 0.06), 0px 4px 20px 0px rgba(0, 0, 0, 0.12); 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); }

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

@@ -16,16 +16,17 @@ export class DropiToast {
     idCounter = 0;
     /** Show a toast */
     async show(msg) {
+        console.log('DropiToast show() called with:', msg);
         const id = msg.id ?? `t${++this.idCounter}`;
         const item = { msg: { ...msg, id, closable: msg.closable ?? true }, leaving: false };
-        this.items = [...this.items, item];
+        this.items = [...(this.items || []), item];
         const ms = msg.life !== undefined ? msg.life : this.life;
         if (ms > 0)
             item.timer = setTimeout(() => this.remove(id), ms);
     }
     /** Remove all toasts */
     async clear() {
-        this.items.forEach(i => {
+        (this.items || []).forEach(i => {
             if (i.timer)
                 clearTimeout(i.timer);
         });
@@ -47,7 +48,7 @@ export class DropiToast {
         return `<lottie-player src="${this.lottieMap[severity]}" background="transparent" speed="1" loop autoplay></lottie-player>`;
     }
     render() {
-        return (h("div", { key: '468855704e1a9dcb00b0927423326b312a2ca900', 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: '0ad8903921fd1bd773d206029bcc4e12e8b21349', 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" })))))))));
     }
     static get is() { return "dropi-toast"; }
     static get encapsulation() { return "shadow"; }

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

@@ -9,7 +9,7 @@ export class DropiTooltip {
     /** Whether the tooltip has an outline style (matches Angular `outlined`) */
     outlined = false;
     render() {
-        return (h("div", { key: '82c2b45a441ae85a0aa7885cde0fcbe1ea553cfa', class: { 'tooltip-simple': true, 'tooltip-simple--outlined': this.outlined } }, h("slot", { key: '7fc4ab29a90e329131cd201a953d72c53b364f3f' }), this.text && (h("div", { key: '7de66eff9510747a524bdbccd598071c3f729448', class: "tooltip-simple-bubble" }, this.text))));
+        return (h("div", { key: '0b14943b628c231fbb530620e7829f70e6099c7a', class: { 'tooltip-simple': true, 'tooltip-simple--outlined': this.outlined } }, h("slot", { key: 'bf0245c6fab0ba938834d2d3e84ccaa9cb14f5c8' }), this.text && (h("div", { key: 'e1e33acf8628f79b36c5cc66c7076a03ce8167f7', class: "tooltip-simple-bubble" }, this.text))));
     }
     static get is() { return "dropi-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dropi-tooltip-v2/dropi-tooltip.js

@@ -119,12 +119,12 @@ export class DropiTooltipV2 {
         const bubbleStyle = { maxWidth: this.maxWidth };
         if (this.minWidth)
             bubbleStyle.minWidth = this.minWidth;
-        return (h("div", { key: '0f552323b1917d2324a696ded87fbd8251c7b23f', class: "tooltip-wrapper", onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onClick: this.handleClick, onFocusin: this.handleFocusin, onFocusout: this.handleFocusout }, this.showIcon && (h("dropi-icon", { key: '201d20c6db44099221999ccc7673d5b0c2392f71', name: this.iconName, width: `${this.iconSize}px`, height: `${this.iconSize}px`, color: this.iconColor })), h("slot", { key: '1e1848442f4ba714a9720def95e6efda2d0959bd' }), this.displayContent && (h("div", { key: '4697b41f9216d331c3b7fbb3cb26463b419c8530', class: {
+        return (h("div", { key: '85f49bcb2af567a8fb70cd92afab893a2e0bf567', class: "tooltip-wrapper", onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onClick: this.handleClick, onFocusin: this.handleFocusin, onFocusout: this.handleFocusout }, this.showIcon && (h("dropi-icon", { key: 'f40ebe0c12bdfa251cbe6086f7ea432aed0124fa', name: this.iconName, width: `${this.iconSize}px`, height: `${this.iconSize}px`, color: this.iconColor })), h("slot", { key: '77d2aa944f57cc5f858bbff97f88dfda6e71e088' }), this.displayContent && (h("div", { key: '4fcbbbf1a3b163ad2992efd8c8dfbef695f4f422', class: {
                 'tooltip-bubble': true,
                 [`tooltip-bubble--${this.position}`]: true,
                 [`tooltip-bubble--arrow-${this.arrowPosition}`]: true,
                 'tooltip-bubble--visible': this.visible,
-            }, style: bubbleStyle, role: "tooltip" }, this.showX && (h("button", { key: '1aa1de98457fb9812c4df9b6ae44366accec8752', class: "tooltip-close", onClick: this.handleClose, "aria-label": "Cerrar" }, h("dropi-icon", { key: '964ebde1dab86620b6f6fb5b59626900a815c5f2', name: "Close-small", width: "12px", height: "12px", color: "Gray-Gray-500" }))), this.title && !this.text && h("strong", { key: 'c7e321fbe9753bd98d49de552d12d4477e382cf3', class: "tooltip-title" }, this.title), this.label && !this.text && h("span", { key: '6aad3847605402622d37579d71a85163e17dbeec', class: "tooltip-label" }, this.label), this.text && h("span", { key: 'd688e80849a8156c243c9a6b642cc9e5976bcce9' }, this.text), h("span", { key: 'c9ce48f1499360f14e797dc006227b76baad4213', class: `tooltip-arrow tooltip-arrow--${this.position}` })))));
+            }, style: bubbleStyle, role: "tooltip" }, this.showX && (h("button", { key: '48428c1dcdd6c52f8a0b26641a016a00cf04444d', class: "tooltip-close", onClick: this.handleClose, "aria-label": "Cerrar" }, h("dropi-icon", { key: '6c870fc88739ba5e09c1f77eda783d21af476f98', name: "Close-small", width: "12px", height: "12px", color: "Gray-Gray-500" }))), this.title && !this.text && h("strong", { key: 'c501f266a5d3cc4250f9b205f8fa641c1f9be7ad', class: "tooltip-title" }, this.title), this.label && !this.text && h("span", { key: '6fb281665f9c84a7cb1f86bf8718da8ef5b95204', class: "tooltip-label" }, this.label), this.text && h("span", { key: '4d1a3445cb4b5361e8604404bfb970fc0e9ea289' }, this.text), h("span", { key: 'f7d0ac1b155d486c55cbeebc63cca32838e25811', class: `tooltip-arrow tooltip-arrow--${this.position}` })))));
     }
     static get is() { return "dropi-tooltip-v2"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dropi-vertical-steps/dropi-vertical-steps.js

@@ -37,7 +37,7 @@ export class DropiVerticalSteps {
     }
     render() {
         const steps = this.parsedSteps;
-        return (h("div", { key: 'c73381c9db9f19ec7a7823c8301fd3dc5ebcd767', class: "vertical-steps" }, steps.map((step, i) => {
+        return (h("div", { key: 'c1ffd563da957d398f064ee0423f50f21d7e45b6', 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/collection/components/dropi-youtube-lazy-video/dropi-youtube-lazy-video.js

@@ -24,7 +24,7 @@ export class DropiYoutubeLazyVideo {
         return `https://www.youtube.com/embed/${this.videoId}?autoplay=1&rel=0&modestbranding=1`;
     }
     render() {
-        return (h("div", { key: '6279fe0a6bea1280c1f11970acaccefefb1cb217', class: `video-wrapper${this.isPlaying ? ' playing' : ''}` }, !this.isPlaying && (h("div", { key: '3a10666782aa544a9a8803eb9971502f9d7d49eb', class: "thumbnail", onClick: () => { this.isPlaying = true; } }, h("img", { key: 'c359f64ca794e0c881b4d86815afef5232ec39d1', src: this.thumbnail, alt: `Video thumbnail ${this.videoId}` }), h("button", { key: '0e0ece4ad0e4b7f3eefb908eb41e8d115846cf49', class: "play-button", "aria-label": "Reproducir video" }, h("dropi-icon", { key: '7303be2f675d2b51f7333889392fb291669210c7', name: "Play", width: "17px", height: "21px", color: "Neutral-White" })))), this.isPlaying && (h("iframe", { key: '166b4405676d578959188f0f50c882773f9afe63', src: this.videoUrl, title: this.videoTitle, frameborder: "0", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true, loading: "lazy" }))));
+        return (h("div", { key: '0732bc87e7be10e422e80751a17527132301eb99', class: `video-wrapper${this.isPlaying ? ' playing' : ''}` }, !this.isPlaying && (h("div", { key: '540c46b66da3f67ec45614e0891827b7cc0be4e5', class: "thumbnail", onClick: () => { this.isPlaying = true; } }, h("img", { key: '843241c72688ca88ccd5d9391b542501575ea476', src: this.thumbnail, alt: `Video thumbnail ${this.videoId}` }), h("button", { key: 'b068f79fb6b2140e1419e9d72a24f6e66eaab69d', class: "play-button", "aria-label": "Reproducir video" }, h("dropi-icon", { key: 'ad254e3067ef72e2d97064cd47132cbf5961f06a', name: "Play", width: "17px", height: "21px", color: "Neutral-White" })))), this.isPlaying && (h("iframe", { key: '5fd8f89fa322577b49e373710216b731685cb5f5', src: this.videoUrl, title: this.videoTitle, frameborder: "0", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true, loading: "lazy" }))));
     }
     static get is() { return "dropi-youtube-lazy-video"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-import{t as e,p as o,H as t,h as i}from"./index.js";import{d as c}from"./p-CnALA9z_.js";const a=o(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get el(){return this}sectionTitle="";index;open=!1;disabled=!1;preIcon="";contentHeight="0px";contentRef;openChanged(e){this.updateHeight(e)}componentDidLoad(){this.updateHeight(this.open)}updateHeight(e){this.contentRef&&(this.contentHeight=e?this.contentRef.scrollHeight+"px":"0px")}handleToggle(){this.disabled||(this.el.closest("dropi-accordion"),this.open=!this.open,setTimeout((()=>this.updateHeight(this.open)),0))}render(){return i("div",{key:"33564d4efbb73ae0b3ec0195ebf0afed6b2a6cc0",class:{"accordion-item":!0,"accordion-item--open":this.open,"accordion-item--disabled":this.disabled}},i("button",{key:"9a7e7cc044027c4d427a712c5ed352991ef622b7",class:"accordion-header",onClick:()=>this.handleToggle(),"aria-expanded":this.open+"",disabled:this.disabled},i("span",{key:"17ffa01872142ab9a959104f884ce5cedada33c2",class:"accordion-header-left"},this.preIcon&&i("dropi-icon",{key:"8b02d875239d9ebaa42060e5dc1f4f8c6cfd3081",name:this.preIcon,width:"20px",height:"20px",color:"Gray-Gray-600"}),i("span",{key:"effa37d569bfcbc10774ff2a4a7787868cf83937",class:"accordion-title"},this.sectionTitle)),i("span",{key:"743aa0db06415f8b763099b53d234474c82cb8e6",class:{"accordion-chevron":!0,"accordion-chevron--open":this.open}},i("dropi-icon",{key:"2d66c4087eddaf3f139a063eadcd8b0fb668045d",name:"Dropdown-down",width:"20px",height:"20px",color:"Gray-Gray-500"}))),i("div",{key:"4621aafe6d4592830cdaa32672de357c026a0b14",class:"accordion-body",style:{maxHeight:this.contentHeight},ref:e=>this.contentRef=e},i("div",{key:"826b3ad470c9444ae2378e266332959f0f9f3529",class:"accordion-content"},i("slot",{key:"8982c5506ecd1ed3ee44190096848ccbf9638b95"}))))}static get watchers(){return{open:[{openChanged:0}]}}static get style(){return":host{display:block;border-bottom:1px solid var(--Gray-Gray-100)}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px;background:white;border:none;cursor:pointer;text-align:left}.accordion-header-left{display:flex;align-items:center;gap:8px}.accordion-title{font-size:var(--font-size-m);font-weight:var(--font-weight-semibold);color:var(--Gray-Gray-700)}.accordion-chevron{transition:transform 0.3s ease}.accordion-chevron--open{transform:rotate(180deg)}.accordion-body{overflow:hidden;transition:max-height 0.3s ease-out}.accordion-content{padding:0 16px 16px 16px}"}},[769,"dropi-accordion-item",{sectionTitle:[1,"section-title"],index:[2],open:[1540],disabled:[4],preIcon:[1,"pre-icon"],contentHeight:[32]},void 0,{open:[{openChanged:0}]}]);function n(){"undefined"!=typeof customElements&&["dropi-accordion-item","dropi-icon"].forEach((o=>{switch(o){case"dropi-accordion-item":customElements.get(e(o))||customElements.define(e(o),a);break;case"dropi-icon":customElements.get(e(o))||c()}}))}n();const d=a,s=n;export{d as DropiAccordionItem,s as defineCustomElement}
+import{t as e,p as o,H as t,h as i}from"./index.js";import{d as a}from"./p-D13d88W3.js";const c=o(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get el(){return this}sectionTitle="";index;open=!1;disabled=!1;preIcon="";contentHeight="0px";contentRef;openChanged(e){this.updateHeight(e)}componentDidLoad(){this.updateHeight(this.open)}updateHeight(e){this.contentRef&&(this.contentHeight=e?this.contentRef.scrollHeight+"px":"0px")}handleToggle(){this.disabled||(this.el.closest("dropi-accordion"),this.open=!this.open,setTimeout((()=>this.updateHeight(this.open)),0))}render(){return i("div",{key:"43f4ce6c38338a90a3b866a449f14e48b478e738",class:{"accordion-item":!0,"accordion-item--open":this.open,"accordion-item--disabled":this.disabled}},i("button",{key:"b5150a903bf75b82ffea9707e5906dc17f0bcd1c",class:"accordion-header",onClick:()=>this.handleToggle(),"aria-expanded":this.open+"",disabled:this.disabled},i("span",{key:"53f5c6a4e5a9d02412145395112368ddea9af746",class:"accordion-header-left"},this.preIcon&&i("dropi-icon",{key:"5fea3e2916fe5dfb6c1435f08c3b63aca4656523",name:this.preIcon,width:"20px",height:"20px",color:"Gray-Gray-600"}),i("span",{key:"3ad504dcf5d8b4f05d11a0e951a81b79428de3ec",class:"accordion-title"},this.sectionTitle)),i("span",{key:"bd44cf2fe9989fc80badb6e46a33a9d699c90f49",class:{"accordion-chevron":!0,"accordion-chevron--open":this.open}},i("dropi-icon",{key:"7a4b261df5ffd4c6276e4cccc6bc5e8f8e43a717",name:"Dropdown-down",width:"20px",height:"20px",color:"Gray-Gray-500"}))),i("div",{key:"cb8789f49d4c83e33f2c366b90220b79b5619502",class:"accordion-body",style:{maxHeight:this.contentHeight},ref:e=>this.contentRef=e},i("div",{key:"72d302242a40c9aa60a941814ac311a540b319f6",class:"accordion-content"},i("slot",{key:"b5a4a42f0d366f1f0409f719a52d5af11d77e3c3"}))))}static get watchers(){return{open:[{openChanged:0}]}}static get style(){return":host{display:block;border-bottom:1px solid var(--Gray-Gray-100)}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px;background:white;border:none;cursor:pointer;text-align:left}.accordion-header-left{display:flex;align-items:center;gap:8px}.accordion-title{font-size:var(--font-size-m);font-weight:var(--font-weight-semibold);color:var(--Gray-Gray-700)}.accordion-chevron{transition:transform 0.3s ease}.accordion-chevron--open{transform:rotate(180deg)}.accordion-body{overflow:hidden;transition:max-height 0.3s ease-out}.accordion-content{padding:0 16px 16px 16px}"}},[769,"dropi-accordion-item",{sectionTitle:[1,"section-title"],index:[2],open:[1540],disabled:[4],preIcon:[1,"pre-icon"],contentHeight:[32]},void 0,{open:[{openChanged:0}]}]);function n(){"undefined"!=typeof customElements&&["dropi-accordion-item","dropi-icon"].forEach((o=>{switch(o){case"dropi-accordion-item":customElements.get(e(o))||customElements.define(e(o),c);break;case"dropi-icon":customElements.get(e(o))||a()}}))}n();const d=c,s=n;export{d as DropiAccordionItem,s as defineCustomElement}

package/dist/components/dropi-accordion.js

@@ -1 +1 @@
-import{t as e,p as o,H as r,h as a}from"./index.js";const t=o(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}multiple=!1;render(){return a("div",{key:"b4d44bde9b982a2e11cc074600f9de9424592fde",class:"accordion-container"},a("slot",{key:"631732f3726d81dac4d188542180a1286c69258b"}))}static get style(){return":host{display:block;width:100%;margin-bottom:-1px}*,*::before,*::after{box-sizing:border-box}.accordion{border-top:1px solid var(--Gray-Gray-100,#e6eaf2);border-bottom:1px solid var(--Gray-Gray-100,#e6eaf2);overflow:hidden}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--Size-4,16px) var(--Size-5,20px);background:transparent;border:none;cursor:pointer;gap:12px;text-align:left}.accordion-header:disabled{cursor:not-allowed;opacity:0.5}.accordion--open .accordion-header{border-bottom:1px solid var(--Gray-Gray-100,#e6eaf2)}.accordion-header-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.accordion-title{font-size:var(--font-size-m, 16px);font-weight:var(--font-weight-bold,700);color:var(--Gray-Gray-600, #475066);line-height:1.4}.accordion-chevron{display:flex;align-items:center;flex-shrink:0;transition:transform 0.22s ease}.accordion-chevron--open{transform:rotate(180deg)}.accordion-body{max-height:0;overflow:hidden;transition:max-height 0.28s ease}.accordion-content{padding:0 var(--Size-5,20px) var(--Size-4,16px);color:var(--Gray-Gray-600,#475066);font-size:var(--font-size-s,12px);line-height:1.6}"}},[769,"dropi-accordion",{multiple:[4]}]);function i(){"undefined"!=typeof customElements&&["dropi-accordion"].forEach((o=>{"dropi-accordion"===o&&(customElements.get(e(o))||customElements.define(e(o),t))}))}i();const n=t,d=i;export{n as DropiAccordion,d as defineCustomElement}
+import{t as e,p as o,H as r,h as a}from"./index.js";const t=o(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}multiple=!1;render(){return a("div",{key:"15575b05adec26235378bb459cdf158bdabe2852",class:"accordion-container"},a("slot",{key:"e5411aee85b69e50c777657b0cb2aa7d04d09fa4"}))}static get style(){return":host{display:block;width:100%;margin-bottom:-1px}*,*::before,*::after{box-sizing:border-box}.accordion{border-top:1px solid var(--Gray-Gray-100,#e6eaf2);border-bottom:1px solid var(--Gray-Gray-100,#e6eaf2);overflow:hidden}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--Size-4,16px) var(--Size-5,20px);background:transparent;border:none;cursor:pointer;gap:12px;text-align:left}.accordion-header:disabled{cursor:not-allowed;opacity:0.5}.accordion--open .accordion-header{border-bottom:1px solid var(--Gray-Gray-100,#e6eaf2)}.accordion-header-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.accordion-title{font-size:var(--font-size-m, 16px);font-weight:var(--font-weight-bold,700);color:var(--Gray-Gray-600, #475066);line-height:1.4}.accordion-chevron{display:flex;align-items:center;flex-shrink:0;transition:transform 0.22s ease}.accordion-chevron--open{transform:rotate(180deg)}.accordion-body{max-height:0;overflow:hidden;transition:max-height 0.28s ease}.accordion-content{padding:0 var(--Size-5,20px) var(--Size-4,16px);color:var(--Gray-Gray-600,#475066);font-size:var(--font-size-s,12px);line-height:1.6}"}},[769,"dropi-accordion",{multiple:[4]}]);function i(){"undefined"!=typeof customElements&&["dropi-accordion"].forEach((o=>{"dropi-accordion"===o&&(customElements.get(e(o))||customElements.define(e(o),t))}))}i();const n=t,d=i;export{n as DropiAccordion,d as defineCustomElement}

package/dist/components/dropi-alert-modal.js

@@ -1 +1 @@
-import{t,p as e,H as i,c as s,h as o}from"./index.js";import{d as a}from"./p-CDvkvedb.js";import{d as n}from"./p-CnALA9z_.js";import{d}from"./p-D_Y7tuEH.js";const l=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.primaryButtonEvent=s(this,"primaryButtonEvent",7),this.secondaryButtonEvent=s(this,"secondaryButtonEvent",7),this.modalOpenChange=s(this,"modalOpenChange",7),this.onHide=s(this,"onHide",7)}visible=!1;type="question";tittle="";message="";primaryButton="Accept";secondaryButton="";loading=!1;closable=!1;displayButtons=!0;loadingTitle="Loading";loadingMessage="Please wait a moment";isStep=!1;baseZIndex=0;params=null;paramsChanged(t){t&&(void 0!==t.tittle&&(this.tittle=t.tittle),void 0!==t.type&&(this.type=t.type),void 0!==t.message&&(this.message=t.message),void 0!==t.primaryButton&&(this.primaryButton=t.primaryButton),void 0!==t.secondaryButton&&(this.secondaryButton=t.secondaryButton),void 0!==t.loadingTitle&&(this.loadingTitle=t.loadingTitle),void 0!==t.loadingMessage&&(this.loadingMessage=t.loadingMessage),void 0!==t.closable&&(this.closable=t.closable),void 0!==t.displayButtons&&(this.displayButtons=t.displayButtons))}primaryButtonEvent;secondaryButtonEvent;modalOpenChange;onHide;lottieMap={question:"/assets/lottie-files/question.json",warning:"/assets/lottie-files/warning.json",success:"/assets/lottie-files/success.json",error:"/assets/lottie-files/failure.json",loading:"/assets/lottie-files/loading.json"};componentWillLoad(){this.params&&this.paramsChanged(this.params)}async show(){this.visible=!0}async hide(){this.visible=!1}handlePrimary(){this.primaryButtonEvent.emit(!0),this.isStep||(this.visible=!1,this.modalOpenChange.emit(!1))}handleSecondary(){this.secondaryButtonEvent.emit(!0),this.visible=!1,this.modalOpenChange.emit(!1)}onModalHide(){this.visible=!1,this.modalOpenChange.emit(!1),this.onHide.emit()}render(){const t=this.loading?"loading":this.type;return o("dropi-modal",{key:"42c41a88060c1039af7f85d518d93e9f5e0e8489",visible:this.visible,showHeader:this.closable,showCloseIcon:this.closable,dismissable:!1,closeOnEscape:!1,showFooter:!1,size:"s",onOnHide:()=>this.onModalHide()},o("div",{key:"e62b897c0b6f8c3bee4f3992e003cb88577708f3",class:"body-alert"},this.lottieMap[t]&&o("div",{key:"0c1551477bcb926dc610f63a08542f3b8fc71a0d",class:"lottie-img"+("loading"===t?" lottie-img--loading":"")},o("lottie-player",{key:t,src:this.lottieMap[t],background:"transparent",speed:"1",loop:!0,autoplay:!0})),o("div",{key:"b03602610b8ff78b4a7d5e0fcaf4e541d9e7ece6",class:"content-alert"},o("h2",{key:"c50ea63352df03d49ce0811a97ca02f031e654c9"},this.loading?this.loadingTitle:this.tittle),o("p",{key:"3f699157283cb48eb3948afede7291d965ae7066"},this.loading?this.loadingMessage:this.message)),!this.loading&&this.displayButtons&&o("div",{key:"7d7c4282a726d82117b13ec23db36dd72b1327d5",class:"actions"},this.secondaryButton&&o("dropi-button",{key:"1a766fac9daded57f9b8a38ff3f5d43c7217210d",text:this.secondaryButton,severity:"secondary",onClick:()=>this.handleSecondary(),fullWidth:!0}),o("dropi-button",{key:"8c1053db7b35be9c5ceecd9c50a179f99efa9798",text:this.primaryButton,severity:"primary",onClick:()=>this.handlePrimary(),fullWidth:!0}))))}static get watchers(){return{params:[{paramsChanged:0}]}}static get style(){return":host{display:contents}.body-alert{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--Size-3);width:100%;flex:1;overflow:hidden;padding-bottom:var(--Size-2)}.lottie-img{width:120px;height:120px;overflow:hidden;flex-shrink:0;align-self:center;margin-top:-8px;margin-bottom:var(--Size-2)}.lottie-img lottie-player{display:block;width:120px;height:120px}.lottie-img--loading{width:100%;height:120px;overflow:hidden;display:flex;align-items:center;justify-content:center}.lottie-img--loading lottie-player{width:300px;height:auto;flex-shrink:0}.content-alert{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center}.content-alert h2{color:var(--Gray-Gray-800);font-size:19px;font-weight:var(--font-weight-semibold);margin:0}.content-alert p{color:var(--Gray-Gray-500);font-size:var(--font-size-s);margin-bottom:var(--Size-2);overflow-wrap:anywhere;max-height:100px;overflow:auto}.actions{display:flex;gap:var(--Size-3);width:100%}.actions dropi-button{flex:1;display:flex;justify-content:center}@media (max-width: 768px){.actions{flex-direction:column}.actions dropi-button{width:100%}}"}},[513,"dropi-alert-modal",{visible:[1540],type:[1025],tittle:[1025],message:[1025],primaryButton:[1025,"primary-button"],secondaryButton:[1025,"secondary-button"],loading:[4],closable:[1028],displayButtons:[1028,"display-buttons"],loadingTitle:[1025,"loading-title"],loadingMessage:[1025,"loading-message"],isStep:[4,"is-step"],baseZIndex:[2,"base-z-index"],params:[8],show:[64],hide:[64]},void 0,{params:[{paramsChanged:0}]}]);function r(){"undefined"!=typeof customElements&&["dropi-alert-modal","dropi-button","dropi-icon","dropi-modal"].forEach((e=>{switch(e){case"dropi-alert-modal":customElements.get(t(e))||customElements.define(t(e),l);break;case"dropi-button":customElements.get(t(e))||a();break;case"dropi-icon":customElements.get(t(e))||n();break;case"dropi-modal":customElements.get(t(e))||d()}}))}r();const c=l,h=r;export{c as DropiAlertModal,h as defineCustomElement}
+import{t,p as e,H as i,c as s,h as o}from"./index.js";import{d as a}from"./p-CV4X3Gm4.js";import{d as n}from"./p-D13d88W3.js";import{d as l}from"./p-BwhxWL4p.js";const d=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.primaryButtonEvent=s(this,"primaryButtonEvent",7),this.secondaryButtonEvent=s(this,"secondaryButtonEvent",7),this.modalOpenChange=s(this,"modalOpenChange",7),this.onHide=s(this,"onHide",7)}visible=!1;type="question";tittle="";message="";primaryButton="Accept";secondaryButton="";loading=!1;closable=!1;displayButtons=!0;loadingTitle="Loading";loadingMessage="Please wait a moment";isStep=!1;baseZIndex=0;params=null;paramsChanged(t){t&&(void 0!==t.tittle&&(this.tittle=t.tittle),void 0!==t.type&&(this.type=t.type),void 0!==t.message&&(this.message=t.message),void 0!==t.primaryButton&&(this.primaryButton=t.primaryButton),void 0!==t.secondaryButton&&(this.secondaryButton=t.secondaryButton),void 0!==t.loadingTitle&&(this.loadingTitle=t.loadingTitle),void 0!==t.loadingMessage&&(this.loadingMessage=t.loadingMessage),void 0!==t.closable&&(this.closable=t.closable),void 0!==t.displayButtons&&(this.displayButtons=t.displayButtons))}primaryButtonEvent;secondaryButtonEvent;modalOpenChange;onHide;lottieMap={question:"/assets/lottie-files/question.json",warning:"/assets/lottie-files/warning.json",success:"/assets/lottie-files/success.json",error:"/assets/lottie-files/failure.json",loading:"/assets/lottie-files/loading.json"};componentWillLoad(){this.params&&this.paramsChanged(this.params)}async show(){this.visible=!0}async hide(){this.visible=!1}handlePrimary(){this.primaryButtonEvent.emit(!0),this.isStep||(this.visible=!1,this.modalOpenChange.emit(!1))}handleSecondary(){this.secondaryButtonEvent.emit(!0),this.visible=!1,this.modalOpenChange.emit(!1)}onModalHide(){this.visible=!1,this.modalOpenChange.emit(!1),this.onHide.emit()}render(){const t=this.loading?"loading":this.type;return o("dropi-modal",{key:"8581cbc944d42889228cb21fa27bf4e8b3bf1e16",visible:this.visible,showHeader:this.closable,showCloseIcon:this.closable,dismissable:!1,closeOnEscape:!1,showFooter:!1,size:"s",onOnHide:()=>this.onModalHide()},o("div",{key:"7208cbe742dab77bcee14150998aff5647fd41af",class:"body-alert"},this.lottieMap[t]&&o("div",{key:"3b4d36963f8d6547556eee704823c8e34805b8d8",class:"lottie-img"+("loading"===t?" lottie-img--loading":"")},o("lottie-player",{key:t,src:this.lottieMap[t],background:"transparent",speed:"1",loop:!0,autoplay:!0})),o("div",{key:"dc52f3daec2eaf7ff9f1d51c90c67bcfaafe370f",class:"content-alert"},o("h2",{key:"685df4cb76145cf6e965dd94e5f3fe60f828100c"},this.loading?this.loadingTitle:this.tittle),o("p",{key:"f9e5b699816236148bc00c5046c6cc67eb86ae01"},this.loading?this.loadingMessage:this.message)),o("div",{key:"2e9280865cad761bea5cdd88b972734c11ab7737",class:"custom-content"},o("slot",{key:"4fd36baa1455e7793a1e5291b52448707e3aa448"})),!this.loading&&this.displayButtons&&o("div",{key:"451bd3d90ec780499d9956a8a57a0d1461406fa9",class:"actions"},this.secondaryButton&&o("dropi-button",{key:"b60c30cc92cc080c01e1bf337a5e4b78f561be81",text:this.secondaryButton,severity:"secondary",onClick:()=>this.handleSecondary(),fullWidth:!0}),o("dropi-button",{key:"2b8696a02b253d289a1baef2116cffe436346717",text:this.primaryButton,severity:"primary",onClick:()=>this.handlePrimary(),fullWidth:!0}))))}static get watchers(){return{params:[{paramsChanged:0}]}}static get style(){return":host{display:contents}.body-alert{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--Size-3);width:100%;flex:1;overflow:visible;padding-bottom:var(--Size-2)}.lottie-img{width:120px;height:120px;overflow:hidden;flex-shrink:0;align-self:center;margin-top:-8px;margin-bottom:var(--Size-2)}.lottie-img lottie-player{display:block;width:120px;height:120px}.lottie-img--loading{width:100%;height:120px;overflow:hidden;display:flex;align-items:center;justify-content:center}.lottie-img--loading lottie-player{width:300px;height:auto;flex-shrink:0}.content-alert{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center}.content-alert h2{color:var(--Gray-Gray-800);font-size:19px;font-weight:var(--font-weight-semibold);margin:0}.content-alert p{color:var(--Gray-Gray-500);font-size:var(--font-size-s);margin-bottom:var(--Size-2);overflow-wrap:anywhere;max-height:100px;overflow:auto}.custom-content{width:100%;text-align:left;margin-top:var(--Size-2);display:flex;flex-direction:column;gap:var(--Size-3)}.actions{display:flex;gap:var(--Size-3);width:100%}.actions dropi-button{flex:1;display:flex;justify-content:center}@media (max-width: 768px){.actions{flex-direction:column}.actions dropi-button{width:100%}}"}},[772,"dropi-alert-modal",{visible:[1544],type:[1025],tittle:[1025],message:[1025],primaryButton:[1025,"primary-button"],secondaryButton:[1025,"secondary-button"],loading:[4],closable:[1028],displayButtons:[1028,"display-buttons"],loadingTitle:[1025,"loading-title"],loadingMessage:[1025,"loading-message"],isStep:[4,"is-step"],baseZIndex:[2,"base-z-index"],params:[8],show:[64],hide:[64]},void 0,{params:[{paramsChanged:0}]}]);function r(){"undefined"!=typeof customElements&&["dropi-alert-modal","dropi-button","dropi-icon","dropi-modal"].forEach((e=>{switch(e){case"dropi-alert-modal":customElements.get(t(e))||customElements.define(t(e),d);break;case"dropi-button":customElements.get(t(e))||a();break;case"dropi-icon":customElements.get(t(e))||n();break;case"dropi-modal":customElements.get(t(e))||l()}}))}r();const c=d,h=r;export{c as DropiAlertModal,h as defineCustomElement}

package/dist/components/dropi-alert.js

@@ -1 +1 @@
-import{D as o,d as s}from"./p-BVekazGL.js";const a=o,p=s;export{a as DropiAlert,p as defineCustomElement}
+import{D as o,d as p}from"./p-BrjO_JXp.js";const r=o,s=p;export{r as DropiAlert,s as defineCustomElement}

package/dist/components/dropi-avatars.js

@@ -1 +1 @@
-import{D as o,d as s}from"./p-CtzCJQVR.js";const t=o,p=s;export{t as DropiAvatars,p as defineCustomElement}
+import{D as o,d as r}from"./p-DGUfr98Z.js";const s=o,p=r;export{s as DropiAvatars,p as defineCustomElement}

package/dist/components/dropi-badge-legacy.js

@@ -1 +1 @@
-import{t as e,p as a,H as t,h as s}from"./index.js";const c=a(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}type="state";state="check";variant="primary";count=0;render(){const e="counter"===this.type;return s("div",{key:"a450ec95a77df2cc01184b6eb8d935ba8f802e3d",class:{"badge-legacy":!0,["badge-legacy--"+this.variant]:!0,["badge-legacy--"+this.type]:!0}},e?s("span",{class:"badge-count"},this.count):s("span",{class:{"badge-state-icon":!0,["badge-state--"+this.state]:!0}},"check"===this.state?"✓":"..."))}static get style(){return":host{display:inline-block}.badge-legacy{display:flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:600}.badge-legacy--primary{background:var(--Primary-Primary-50);color:var(--Primary-Primary-500)}.badge-legacy--secondary{background:var(--Gray-Gray-100);color:var(--Gray-Gray-600)}.badge-legacy--tertiary{background:var(--Success-Success-50);color:var(--Success-Success-500)}"}},[513,"dropi-badge-legacy",{type:[1],state:[1],variant:[1],count:[2]}]);function r(){"undefined"!=typeof customElements&&["dropi-badge-legacy"].forEach((a=>{"dropi-badge-legacy"===a&&(customElements.get(e(a))||customElements.define(e(a),c))}))}r();const n=c,i=r;export{n as DropiBadgeLegacy,i as defineCustomElement}
+import{t as e,p as a,H as t,h as s}from"./index.js";const c=a(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}type="state";state="check";variant="primary";count=0;render(){const e="counter"===this.type;return s("div",{key:"f3d7bf7be848acee4077acef4f8e2ab4cfd99d83",class:{"badge-legacy":!0,["badge-legacy--"+this.variant]:!0,["badge-legacy--"+this.type]:!0}},e?s("span",{class:"badge-count"},this.count):s("span",{class:{"badge-state-icon":!0,["badge-state--"+this.state]:!0}},"check"===this.state?"✓":"..."))}static get style(){return":host{display:inline-block}.badge-legacy{display:flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:600}.badge-legacy--primary{background:var(--Primary-Primary-50);color:var(--Primary-Primary-500)}.badge-legacy--secondary{background:var(--Gray-Gray-100);color:var(--Gray-Gray-600)}.badge-legacy--tertiary{background:var(--Success-Success-50);color:var(--Success-Success-500)}"}},[513,"dropi-badge-legacy",{type:[1],state:[1],variant:[1],count:[2]}]);function r(){"undefined"!=typeof customElements&&["dropi-badge-legacy"].forEach((a=>{"dropi-badge-legacy"===a&&(customElements.get(e(a))||customElements.define(e(a),c))}))}r();const n=c,i=r;export{n as DropiBadgeLegacy,i as defineCustomElement}

package/dist/components/dropi-badge.js

@@ -1 +1 @@
-import{t as e,p as t,H as a,h as n}from"./index.js";const r=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}state;stateText={pending:"Pendiente",active:"Activo",canceled:"Cancelado",frozen:"Congelado"};renderIcon(){return"active"===this.state?n("svg",{width:"17",height:"17",viewBox:"0 0 17 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{d:"M11.5444 5.87067L12.5389 6.88004L8.43554 10.9225C8.16142 11.1966 7.80087 11.3333 7.43892 11.3333C7.07696 11.3333 6.71287 11.1952 6.43592 10.919L4.46533 9.00929L5.45204 7.99142L7.43042 9.90887L11.5444 5.87067ZM17 8.5C17 13.187 13.187 17 8.5 17C3.81296 17 0 13.187 0 8.5C0 3.81296 3.81296 0 8.5 0C13.187 0 17 3.81296 17 8.5ZM15.5833 8.5C15.5833 4.59425 12.4057 1.41667 8.5 1.41667C4.59425 1.41667 1.41667 4.59425 1.41667 8.5C1.41667 12.4057 4.59425 15.5833 8.5 15.5833C12.4057 15.5833 15.5833 12.4057 15.5833 8.5Z",fill:"currentColor"})):"pending"===this.state?n("svg",{width:"17",height:"17",viewBox:"0 0 17 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{d:"M8.5 17C3.81296 17 0 13.187 0 8.5C0 3.81296 3.81296 0 8.5 0C13.187 0 17 3.81296 17 8.5C17 13.187 13.187 17 8.5 17ZM8.5 1.41667C4.59425 1.41667 1.41667 4.59425 1.41667 8.5C1.41667 12.4057 4.59425 15.5833 8.5 15.5833C12.4057 15.5833 15.5833 12.4057 15.5833 8.5C15.5833 4.59425 12.4057 1.41667 8.5 1.41667ZM9.20833 8.5V4.25C9.20833 3.859 8.891 3.54167 8.5 3.54167C8.109 3.54167 7.79167 3.859 7.79167 4.25V7.79167H5.66667C5.27567 7.79167 4.95833 8.109 4.95833 8.5C4.95833 8.891 5.27567 9.20833 5.66667 9.20833H8.5C8.891 9.20833 9.20833 8.891 9.20833 8.5Z",fill:"currentColor"})):"canceled"===this.state?n("svg",{width:"12",height:"14",viewBox:"0 0 14 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.5497 4.86859V5.76046C12.1075 6.00391 12.5823 6.40464 12.916 6.91364C13.2497 7.42264 13.4279 8.01785 13.4287 8.62648V12.3844C13.4277 13.2146 13.0974 14.0106 12.5103 14.5976C11.9233 15.1847 11.1273 15.515 10.2971 15.516H4.03392C3.20368 15.515 2.40773 15.1847 1.82066 14.5976C1.23359 14.0106 0.903338 13.2146 0.902344 12.3844V8.62648C0.903144 8.01785 1.08129 7.42264 1.41498 6.91364C1.74868 6.40464 2.22347 6.00391 2.78129 5.76046V4.86859C2.78129 3.70582 3.2432 2.59068 4.0654 1.76848C4.8876 0.946282 6.00274 0.484375 7.1655 0.484375C8.32827 0.484375 9.44341 0.946282 10.2656 1.76848C11.0878 2.59068 11.5497 3.70582 11.5497 4.86859ZM4.95114 2.65422C4.36386 3.24151 4.03392 4.03804 4.03392 4.86859V5.4949H10.2971V4.86859C10.2971 4.03804 9.96715 3.24151 9.37986 2.65422C8.79258 2.06694 7.99605 1.73701 7.1655 1.73701C6.33496 1.73701 5.53843 2.06694 4.95114 2.65422ZM11.6257 13.713C11.9781 13.3606 12.176 12.8827 12.176 12.3844V8.62648C12.176 8.12815 11.9781 7.65023 11.6257 7.29786C11.2733 6.94549 10.7954 6.74753 10.2971 6.74753H4.03392C3.53559 6.74753 3.05768 6.94549 2.70531 7.29786C2.35294 7.65023 2.15498 8.12815 2.15498 8.62648V12.3844C2.15498 12.8827 2.35294 13.3606 2.70531 13.713C3.05768 14.0654 3.53559 14.2633 4.03392 14.2633H10.2971C10.7954 14.2633 11.2733 14.0654 11.6257 13.713ZM6.72263 9.43615C6.84009 9.31869 6.99939 9.25271 7.1655 9.25271C7.33161 9.25271 7.49092 9.31869 7.60837 9.43615C7.72583 9.55361 7.79182 9.71291 7.79182 9.87902V11.1317C7.79182 11.2978 7.72583 11.4571 7.60837 11.5745C7.49092 11.692 7.33161 11.758 7.1655 11.758C6.99939 11.758 6.84009 11.692 6.72263 11.5745C6.60517 11.4571 6.53919 11.2978 6.53919 11.1317V9.87902C6.53919 9.71291 6.60517 9.55361 6.72263 9.43615Z",fill:"currentColor"})):null}render(){return n("div",{key:"1b353257990bcb7f0869ef86e5ac1dd945d253d5",class:"tag-state "+this.state},this.renderIcon(),n("p",{key:"841b7abd4ff7519874f63b99d0ed8f452e621e63"},this.stateText[this.state]))}static get style(){return":host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.tag-state{border-radius:12px;padding:2px 10px;display:flex;align-items:center;gap:4px}.tag-state svg{width:13px}.tag-state p{font-size:13px;font-weight:var(--font-weight-medium);line-height:20px;margin:0;padding:0}.tag-state.active{background:var(--Success-Success-50, #e7f8f3);color:var(--Success-Success-500, #0abb87)}.tag-state.pending{color:var(--Orange-orange-500, #f49a3d);background:var(--Orange-orange-50, #fef5ec)}.tag-state.canceled,.tag-state.frozen{color:var(--Gray-Gray-500, #69738c);background:var(--Gray-Gray-50, #f7f8fa)}"}},[513,"dropi-badge",{state:[1]}]);function s(){"undefined"!=typeof customElements&&["dropi-badge"].forEach((t=>{"dropi-badge"===t&&(customElements.get(e(t))||customElements.define(e(t),r))}))}s();const i=r,C=s;export{i as DropiBadge,C as defineCustomElement}
+import{t as e,p as t,H as a,h as n}from"./index.js";const r=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}state;stateText={pending:"Pendiente",active:"Activo",canceled:"Cancelado",frozen:"Congelado"};renderIcon(){return"active"===this.state?n("svg",{width:"17",height:"17",viewBox:"0 0 17 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{d:"M11.5444 5.87067L12.5389 6.88004L8.43554 10.9225C8.16142 11.1966 7.80087 11.3333 7.43892 11.3333C7.07696 11.3333 6.71287 11.1952 6.43592 10.919L4.46533 9.00929L5.45204 7.99142L7.43042 9.90887L11.5444 5.87067ZM17 8.5C17 13.187 13.187 17 8.5 17C3.81296 17 0 13.187 0 8.5C0 3.81296 3.81296 0 8.5 0C13.187 0 17 3.81296 17 8.5ZM15.5833 8.5C15.5833 4.59425 12.4057 1.41667 8.5 1.41667C4.59425 1.41667 1.41667 4.59425 1.41667 8.5C1.41667 12.4057 4.59425 15.5833 8.5 15.5833C12.4057 15.5833 15.5833 12.4057 15.5833 8.5Z",fill:"currentColor"})):"pending"===this.state?n("svg",{width:"17",height:"17",viewBox:"0 0 17 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{d:"M8.5 17C3.81296 17 0 13.187 0 8.5C0 3.81296 3.81296 0 8.5 0C13.187 0 17 3.81296 17 8.5C17 13.187 13.187 17 8.5 17ZM8.5 1.41667C4.59425 1.41667 1.41667 4.59425 1.41667 8.5C1.41667 12.4057 4.59425 15.5833 8.5 15.5833C12.4057 15.5833 15.5833 12.4057 15.5833 8.5C15.5833 4.59425 12.4057 1.41667 8.5 1.41667ZM9.20833 8.5V4.25C9.20833 3.859 8.891 3.54167 8.5 3.54167C8.109 3.54167 7.79167 3.859 7.79167 4.25V7.79167H5.66667C5.27567 7.79167 4.95833 8.109 4.95833 8.5C4.95833 8.891 5.27567 9.20833 5.66667 9.20833H8.5C8.891 9.20833 9.20833 8.891 9.20833 8.5Z",fill:"currentColor"})):"canceled"===this.state?n("svg",{width:"12",height:"14",viewBox:"0 0 14 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.5497 4.86859V5.76046C12.1075 6.00391 12.5823 6.40464 12.916 6.91364C13.2497 7.42264 13.4279 8.01785 13.4287 8.62648V12.3844C13.4277 13.2146 13.0974 14.0106 12.5103 14.5976C11.9233 15.1847 11.1273 15.515 10.2971 15.516H4.03392C3.20368 15.515 2.40773 15.1847 1.82066 14.5976C1.23359 14.0106 0.903338 13.2146 0.902344 12.3844V8.62648C0.903144 8.01785 1.08129 7.42264 1.41498 6.91364C1.74868 6.40464 2.22347 6.00391 2.78129 5.76046V4.86859C2.78129 3.70582 3.2432 2.59068 4.0654 1.76848C4.8876 0.946282 6.00274 0.484375 7.1655 0.484375C8.32827 0.484375 9.44341 0.946282 10.2656 1.76848C11.0878 2.59068 11.5497 3.70582 11.5497 4.86859ZM4.95114 2.65422C4.36386 3.24151 4.03392 4.03804 4.03392 4.86859V5.4949H10.2971V4.86859C10.2971 4.03804 9.96715 3.24151 9.37986 2.65422C8.79258 2.06694 7.99605 1.73701 7.1655 1.73701C6.33496 1.73701 5.53843 2.06694 4.95114 2.65422ZM11.6257 13.713C11.9781 13.3606 12.176 12.8827 12.176 12.3844V8.62648C12.176 8.12815 11.9781 7.65023 11.6257 7.29786C11.2733 6.94549 10.7954 6.74753 10.2971 6.74753H4.03392C3.53559 6.74753 3.05768 6.94549 2.70531 7.29786C2.35294 7.65023 2.15498 8.12815 2.15498 8.62648V12.3844C2.15498 12.8827 2.35294 13.3606 2.70531 13.713C3.05768 14.0654 3.53559 14.2633 4.03392 14.2633H10.2971C10.7954 14.2633 11.2733 14.0654 11.6257 13.713ZM6.72263 9.43615C6.84009 9.31869 6.99939 9.25271 7.1655 9.25271C7.33161 9.25271 7.49092 9.31869 7.60837 9.43615C7.72583 9.55361 7.79182 9.71291 7.79182 9.87902V11.1317C7.79182 11.2978 7.72583 11.4571 7.60837 11.5745C7.49092 11.692 7.33161 11.758 7.1655 11.758C6.99939 11.758 6.84009 11.692 6.72263 11.5745C6.60517 11.4571 6.53919 11.2978 6.53919 11.1317V9.87902C6.53919 9.71291 6.60517 9.55361 6.72263 9.43615Z",fill:"currentColor"})):null}render(){return n("div",{key:"b4cae2eac2f963a641ca23e27b33899469b2b370",class:"tag-state "+this.state},this.renderIcon(),n("p",{key:"64a2504a1844f2cb9397878ca305aa183b0609a5"},this.stateText[this.state]))}static get style(){return":host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.tag-state{border-radius:12px;padding:2px 10px;display:flex;align-items:center;gap:4px}.tag-state svg{width:13px}.tag-state p{font-size:13px;font-weight:var(--font-weight-medium);line-height:20px;margin:0;padding:0}.tag-state.active{background:var(--Success-Success-50, #e7f8f3);color:var(--Success-Success-500, #0abb87)}.tag-state.pending{color:var(--Orange-orange-500, #f49a3d);background:var(--Orange-orange-50, #fef5ec)}.tag-state.canceled,.tag-state.frozen{color:var(--Gray-Gray-500, #69738c);background:var(--Gray-Gray-50, #f7f8fa)}"}},[513,"dropi-badge",{state:[1]}]);function s(){"undefined"!=typeof customElements&&["dropi-badge"].forEach((t=>{"dropi-badge"===t&&(customElements.get(e(t))||customElements.define(e(t),r))}))}s();const i=r,C=s;export{i as DropiBadge,C as defineCustomElement}

package/dist/components/dropi-banner-external.js

@@ -1 +1 @@
-import{t as e,p as r,H as i,c as n,h as t}from"./index.js";import{d as o}from"./p-CnALA9z_.js";const s=r(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bannerClick=n(this,"bannerClick",7),this.isVisible=n(this,"isVisible",7)}imageUrl="";link="";alt="";backgroundColor="transparent";slugName="";viewOnWhiteBrand=!1;viewOnlyCountries=[];closed=!1;bannerClick;isVisible;handleClick(e){this.link||(e.preventDefault(),this.bannerClick.emit())}closeBanner(e){e.preventDefault(),e.stopPropagation(),this.closed=!0,this.isVisible.emit(!1)}render(){if(this.closed||!this.imageUrl)return null;const e=t("div",{class:"inner"},t("img",{src:this.imageUrl,alt:this.alt,loading:"lazy"}),t("button",{class:"close-btn","aria-label":"Cerrar banner",onClick:e=>this.closeBanner(e)},t("dropi-icon",{name:"Close-small",width:"20px",height:"20px",color:"Gray-Gray-600"})));return t("div",{class:"dropi-banner-external",style:{background:this.backgroundColor}},this.link?t("a",{href:this.link,target:"_blank",rel:"noopener noreferrer",onClick:e=>this.handleClick(e)},e):t("div",{class:"click-wrapper",onClick:e=>this.handleClick(e)},e))}static get style(){return":host{display:block;width:100%}.dropi-banner-external{display:block;width:100%;position:relative;margin-bottom:16px;border-radius:var(--Border-2, 8px)}.dropi-banner-external a{display:block;text-decoration:none}.click-wrapper{cursor:pointer}.inner{position:relative;display:block}.inner img{display:block;width:100%;height:auto;border-radius:var(--Border-2, 8px);max-width:1220px;margin:auto}.close-btn{position:absolute;top:4px;right:4px;background:rgba(255, 255, 255, 0.8);border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background 0.15s ease}.close-btn:hover{background:rgba(255, 255, 255, 1)}"}},[513,"dropi-banner-external",{imageUrl:[1,"image-url"],link:[1],alt:[1],backgroundColor:[1,"background-color"],slugName:[1,"slug-name"],viewOnWhiteBrand:[4,"view-on-white-brand"],viewOnlyCountries:[16],closed:[32]}]);function a(){"undefined"!=typeof customElements&&["dropi-banner-external","dropi-icon"].forEach((r=>{switch(r){case"dropi-banner-external":customElements.get(e(r))||customElements.define(e(r),s);break;case"dropi-icon":customElements.get(e(r))||o()}}))}a();const l=s,c=a;export{l as DropiBannerExternal,c as defineCustomElement}
+import{t as e,p as i,H as r,c as t,h as n}from"./index.js";import{d as s}from"./p-D13d88W3.js";const o=i(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bannerClick=t(this,"bannerClick",7),this.isVisible=t(this,"isVisible",7)}imageUrl="";link="";alt="";backgroundColor="transparent";slugName="";viewOnWhiteBrand=!1;viewOnlyCountries=[];closed=!1;get el(){return this}componentWillLoad(){this.imageUrl||(this.imageUrl=this.el.getAttribute("imageUrl")||this.el.getAttribute("image-url")||this.el.getAttribute("imageurl")||"")}bannerClick;isVisible;handleClick(e){this.link||(e.preventDefault(),this.bannerClick.emit())}closeBanner(e){e.preventDefault(),e.stopPropagation(),this.closed=!0,this.isVisible.emit(!1)}render(){if(this.closed||!this.imageUrl)return null;const e=n("div",{class:"inner"},n("img",{src:this.imageUrl,alt:this.alt}),n("button",{class:"close-btn","aria-label":"Cerrar banner",onClick:e=>this.closeBanner(e)},n("dropi-icon",{name:"Close-small",width:"20px",height:"20px",color:"Gray-Gray-600"})));return n("div",{class:"dropi-banner-external",style:{background:this.backgroundColor}},this.link?n("a",{href:this.link,target:"_blank",rel:"noopener noreferrer",onClick:e=>this.handleClick(e)},e):n("div",{class:"click-wrapper",onClick:e=>this.handleClick(e)},e))}static get style(){return":host{display:block;width:100%}.dropi-banner-external{display:block;width:100%;position:relative;margin-bottom:16px;border-radius:var(--Border-2, 8px)}.dropi-banner-external a{display:block;text-decoration:none}.click-wrapper{cursor:pointer}.inner{position:relative;display:block}.inner img{display:block;width:100%;height:auto;border-radius:var(--Border-2, 8px);max-width:1220px;margin:auto}.close-btn{position:absolute;top:4px;right:4px;background:rgba(255, 255, 255, 0.8);border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background 0.15s ease}.close-btn:hover{background:rgba(255, 255, 255, 1)}"}},[513,"dropi-banner-external",{imageUrl:[1,"image-url"],link:[1],alt:[1],backgroundColor:[1,"background-color"],slugName:[1,"slug-name"],viewOnWhiteBrand:[4,"view-on-white-brand"],viewOnlyCountries:[16],closed:[32]}]);function a(){"undefined"!=typeof customElements&&["dropi-banner-external","dropi-icon"].forEach((i=>{switch(i){case"dropi-banner-external":customElements.get(e(i))||customElements.define(e(i),o);break;case"dropi-icon":customElements.get(e(i))||s()}}))}a();const l=o,c=a;export{l as DropiBannerExternal,c as defineCustomElement}

package/dist/components/dropi-breadcrumb.js

@@ -1 +1 @@
-import{t as e,p as r,H as a,c as o,h as t}from"./index.js";import{d as i}from"./p-CnALA9z_.js";const c=r(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiNavigate=o(this,"dropiNavigate",7)}items=[];homeRoute="/";homeIconName="Home";lastItemClickable=!1;dropiNavigate;get parsedItems(){if("string"==typeof this.items)try{return JSON.parse(this.items)}catch{return[]}return this.items}render(){const e=this.parsedItems;return t("nav",{key:"03396956a168feaa860265e9962d9c5cbca8b23f",class:"breadcrumb","aria-label":"Breadcrumb"},t("div",{key:"88e05f4ea225b26a9686bc9f1a01e8e3710806dc",class:"crumb-list"},t("div",{key:"54e0dfc3bbef05a3041d187cd9ec0536f69c34e3",class:"crumb-home"},t("a",{key:"31c971efc13b5122ff2775ee2f79b25c06a01b0f",href:this.homeRoute,class:"home-link","aria-label":"Inicio",onClick:e=>{e.preventDefault(),this.dropiNavigate.emit(this.homeRoute)}},t("dropi-icon",{key:"8a436c3d254884e4479713a9c6981929bb91df55",name:this.homeIconName,width:"16px",color:"Gray-Gray-500"})),e.length>0&&t("dropi-icon",{key:"f57beceaa6dab5ed00a2c1c38ff43ea6bce040f5",name:"Dropdown-Right",width:"16px",color:"Gray-Gray-500"})),e.map(((r,a)=>{const o=a===e.length-1;return t("div",{class:"crumb",key:a},!o||this.lastItemClickable?t("a",{class:"crumb-link Body-S-Regular"+(r.disabled?" disabled":""),href:r.url||r.routerLink||"#",onClick:e=>{e.preventDefault(),r.disabled||this.dropiNavigate.emit(r)}},r.label):t("span",{class:"current Body-S-Regular","aria-current":"page"},r.label),!o&&t("dropi-icon",{name:"Dropdown-Right",width:"16px",height:"16px",color:"Gray-Gray-500"}))}))))}static get style(){return":host{display:block}*,*::before,*::after{box-sizing:border-box}.breadcrumb{margin:0}.crumb-list{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.crumb-home{display:flex;padding-right:4px;align-items:center;gap:4px}.home-link{display:inline-flex;align-items:center;color:var(--Gray-Gray-500, #69738c);text-decoration:none;transition:color 0.2s ease}.home-link:hover{color:var(--Gray-Gray-700, #32394d)}.crumb{display:flex;padding:0 4px;align-items:center;gap:8px}.crumb-link{color:var(--Gray-Gray-500, #69738c);text-align:center;cursor:pointer;text-decoration:none;transition:color 0.2s ease;font-size:var(--font-size-s, 12px)}.crumb-link:hover{color:var(--Gray-Gray-700, #32394d);text-decoration:underline}.crumb-link.disabled{pointer-events:none;color:var(--Gray-Gray-300, #a1a8b8);cursor:not-allowed;text-decoration:none}.current{color:var(--Gray-Gray-700, #32394d);cursor:default;font-size:var(--font-size-s, 12px)}"}},[513,"dropi-breadcrumb",{items:[1],homeRoute:[1,"home-route"],homeIconName:[1,"home-icon-name"],lastItemClickable:[4,"last-item-clickable"]}]);function s(){"undefined"!=typeof customElements&&["dropi-breadcrumb","dropi-icon"].forEach((r=>{switch(r){case"dropi-breadcrumb":customElements.get(e(r))||customElements.define(e(r),c);break;case"dropi-icon":customElements.get(e(r))||i()}}))}s();const n=c,l=s;export{n as DropiBreadcrumb,l as defineCustomElement}
+import{t as e,p as r,H as a,c as o,h as t}from"./index.js";import{d as i}from"./p-D13d88W3.js";const c=r(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiNavigate=o(this,"dropiNavigate",7)}items=[];homeRoute="/";homeIconName="Home";lastItemClickable=!1;dropiNavigate;get parsedItems(){if("string"==typeof this.items)try{return JSON.parse(this.items)}catch{return[]}return this.items}render(){const e=this.parsedItems;return t("nav",{key:"c4546d7a0c7852e01f685176b5365f1e0082ad24",class:"breadcrumb","aria-label":"Breadcrumb"},t("div",{key:"924ab634ae4e71f6bd39a67b4b3889cdca20234d",class:"crumb-list"},t("div",{key:"e7b1b285bdd497a028a041ada1eb8b34f77384b0",class:"crumb-home"},t("a",{key:"9e288d5f5761daed20b35dbf056c7de9c2e7b8e3",href:this.homeRoute,class:"home-link","aria-label":"Inicio",onClick:e=>{e.preventDefault(),this.dropiNavigate.emit(this.homeRoute)}},t("dropi-icon",{key:"15210c5feb41fc5a8dd37f52eba1e5a211834f84",name:this.homeIconName,width:"16px",color:"Gray-Gray-500"})),e.length>0&&t("dropi-icon",{key:"5acd21133859ec42b078fd323f82b7bc13c7b359",name:"Dropdown-Right",width:"16px",color:"Gray-Gray-500"})),e.map(((r,a)=>{const o=a===e.length-1;return t("div",{class:"crumb",key:a},!o||this.lastItemClickable?t("a",{class:"crumb-link Body-S-Regular"+(r.disabled?" disabled":""),href:r.url||r.routerLink||"#",onClick:e=>{e.preventDefault(),r.disabled||this.dropiNavigate.emit(r)}},r.label):t("span",{class:"current Body-S-Regular","aria-current":"page"},r.label),!o&&t("dropi-icon",{name:"Dropdown-Right",width:"16px",height:"16px",color:"Gray-Gray-500"}))}))))}static get style(){return":host{display:block}*,*::before,*::after{box-sizing:border-box}.breadcrumb{margin:0}.crumb-list{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.crumb-home{display:flex;padding-right:4px;align-items:center;gap:4px}.home-link{display:inline-flex;align-items:center;color:var(--Gray-Gray-500, #69738c);text-decoration:none;transition:color 0.2s ease}.home-link:hover{color:var(--Gray-Gray-700, #32394d)}.crumb{display:flex;padding:0 4px;align-items:center;gap:8px}.crumb-link{color:var(--Gray-Gray-500, #69738c);text-align:center;cursor:pointer;text-decoration:none;transition:color 0.2s ease;font-size:var(--font-size-s, 12px)}.crumb-link:hover{color:var(--Gray-Gray-700, #32394d);text-decoration:underline}.crumb-link.disabled{pointer-events:none;color:var(--Gray-Gray-300, #a1a8b8);cursor:not-allowed;text-decoration:none}.current{color:var(--Gray-Gray-700, #32394d);cursor:default;font-size:var(--font-size-s, 12px)}"}},[513,"dropi-breadcrumb",{items:[1],homeRoute:[1,"home-route"],homeIconName:[1,"home-icon-name"],lastItemClickable:[4,"last-item-clickable"]}]);function s(){"undefined"!=typeof customElements&&["dropi-breadcrumb","dropi-icon"].forEach((r=>{switch(r){case"dropi-breadcrumb":customElements.get(e(r))||customElements.define(e(r),c);break;case"dropi-icon":customElements.get(e(r))||i()}}))}s();const n=c,d=s;export{n as DropiBreadcrumb,d as defineCustomElement}

package/dist/components/dropi-button.js

@@ -1 +1 @@
-import{D as o,d as s}from"./p-CDvkvedb.js";const p=o,r=s;export{p as DropiButton,r as defineCustomElement}
+import{D as o,d as s}from"./p-CV4X3Gm4.js";const m=o,p=s;export{m as DropiButton,p as defineCustomElement}

package/dist/components/dropi-card-checkbox.js

@@ -1 +1 @@
-import{t as e,p as i,H as t,c as r,h as a}from"./index.js";import{d as c}from"./p-DWzWYR5X.js";const o=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.onChange=r(this,"onChange",7)}type="default";state="checked";title="Tittle";description="";extraInfo="";extraInfoDescription="";disabled=!1;onChange;get isChecked(){return"checked"===this.state}handleClick(){this.disabled||(this.state=this.isChecked?"default":"checked",this.onChange.emit(this.isChecked))}render(){return a("div",{key:"b6e9f4e5855a03b04102fd2206c4d478d49e4753",class:{"container-card-check":!0,"default-card":"default"===this.type,"is-checked":this.isChecked&&"with card"===this.type,disabled:this.disabled},onClick:()=>this.handleClick()},a("dropi-checkbox",{key:"45af833a92b8441b79e2679a8f584f74e6b0c458",checked:this.isChecked,disabled:this.disabled}),a("div",{key:"b0678976e2f52eef02fa5cb71ae6db284b26212d",class:"container-text"},a("div",{key:"d5bc253eb3262223d1e9ba31b2193cd3c1d11abe",class:"title-check"},this.title),this.description&&a("div",{key:"5555ff237e6c80552dafa079de1b6901e3e672a5",class:"description-text"},this.description)),(this.extraInfo||this.extraInfoDescription)&&a("div",{key:"675a7b4a1195d2a452f3be11d4ae1553f7b19b4b",class:"extra-info"},this.extraInfo&&a("div",{key:"33e7cec0ccc2c1c5f8afe61a54463382b11343b4"},this.extraInfo),this.extraInfoDescription&&a("h4",{key:"f5d61a5ff4706d4bcb2cd7f818e06cff8787ac6d"},this.extraInfoDescription)))}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.container-card-check{padding:var(--Size-4, 16px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Size-2, 8px);width:100%;display:flex;align-items:center;gap:var(--Size-3, 12px);cursor:pointer;height:66px;overflow:hidden;transition:background 0.15s ease, border-color 0.15s ease}.container-card-check.disabled{border-radius:var(--Border-2, 8px);border:1px solid var(--Gray-Gray-100, #e6eaf2);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:default}.container-card-check.disabled .title-check,.container-card-check.disabled .description-text,.container-card-check.disabled .extra-info{color:var(--Gray-Gray-400, #858ea6)}.container-text{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:start;overflow:hidden}.title-check{color:var(--Gray-Gray-700, #32394d);font-size:var(--font-size-m, 14px);font-weight:var(--font-weight-regular, 400);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.description-text{color:var(--Gray-Gray-500, #69738c);font-size:var(--font-size-s, 12px);margin-top:var(--Size-1, 4px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.extra-info{display:flex;justify-content:space-between;align-items:center;flex-direction:column;gap:4px;flex-shrink:0;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066)}.extra-info h4{margin:0;font-weight:var(--font-weight-semibold);color:inherit;line-height:inherit}.default-card{border:none}.is-checked{background:var(--Primary-Primary-50, #fff8f0);border:1px solid var(--Primary-Primary-500, #f49a3d)}"}},[513,"dropi-card-checkbox",{type:[1],state:[1025],title:[1],description:[1],extraInfo:[1,"extra-info"],extraInfoDescription:[1,"extra-info-description"],disabled:[4]}]);function d(){"undefined"!=typeof customElements&&["dropi-card-checkbox","dropi-checkbox"].forEach((i=>{switch(i){case"dropi-card-checkbox":customElements.get(e(i))||customElements.define(e(i),o);break;case"dropi-checkbox":customElements.get(e(i))||c()}}))}d();const s=o,n=d;export{s as DropiCardCheckbox,n as defineCustomElement}
+import{t as e,p as i,H as t,c as r,h as a}from"./index.js";import{d as c}from"./p-B9R8Apw7.js";const d=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.onChange=r(this,"onChange",7)}type="default";state="checked";title="Tittle";description="";extraInfo="";extraInfoDescription="";disabled=!1;onChange;get isChecked(){return"checked"===this.state}handleClick(){this.disabled||(this.state=this.isChecked?"default":"checked",this.onChange.emit(this.isChecked))}render(){return a("div",{key:"238a146e7500efbc01d83a8494ee577fbb600729",class:{"container-card-check":!0,"default-card":"default"===this.type,"is-checked":this.isChecked&&"with card"===this.type,disabled:this.disabled},onClick:()=>this.handleClick()},a("dropi-checkbox",{key:"405d834de33790be58fba7e50b0e579889f04394",checked:this.isChecked,disabled:this.disabled}),a("div",{key:"49659771de9ca8ee8c2fa9fbe828a1d94fbd3c9e",class:"container-text"},a("div",{key:"7d39435ef56cd61605e9d9b69d6917e3ec8470fa",class:"title-check"},this.title),this.description&&a("div",{key:"00a7723401979d7a9d926ce939eb09430ddb7372",class:"description-text"},this.description)),(this.extraInfo||this.extraInfoDescription)&&a("div",{key:"4d1c9e49f6e397f0433827960167ff88bcd669db",class:"extra-info"},this.extraInfo&&a("div",{key:"b9da8514c2013cd6cab9cf6005dad8d3ae30b930"},this.extraInfo),this.extraInfoDescription&&a("h4",{key:"ac2fcbc6359ea173911f181b2a145de59af10c9d"},this.extraInfoDescription)))}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.container-card-check{padding:var(--Size-4, 16px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Size-2, 8px);width:100%;display:flex;align-items:center;gap:var(--Size-3, 12px);cursor:pointer;height:66px;overflow:hidden;transition:background 0.15s ease, border-color 0.15s ease}.container-card-check.disabled{border-radius:var(--Border-2, 8px);border:1px solid var(--Gray-Gray-100, #e6eaf2);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:default}.container-card-check.disabled .title-check,.container-card-check.disabled .description-text,.container-card-check.disabled .extra-info{color:var(--Gray-Gray-400, #858ea6)}.container-text{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:start;overflow:hidden}.title-check{color:var(--Gray-Gray-700, #32394d);font-size:var(--font-size-m, 14px);font-weight:var(--font-weight-regular, 400);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.description-text{color:var(--Gray-Gray-500, #69738c);font-size:var(--font-size-s, 12px);margin-top:var(--Size-1, 4px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.extra-info{display:flex;justify-content:space-between;align-items:center;flex-direction:column;gap:4px;flex-shrink:0;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066)}.extra-info h4{margin:0;font-weight:var(--font-weight-semibold);color:inherit;line-height:inherit}.default-card{border:none}.is-checked{background:var(--Primary-Primary-50, #fff8f0);border:1px solid var(--Primary-Primary-500, #f49a3d)}"}},[513,"dropi-card-checkbox",{type:[1],state:[1025],title:[1],description:[1],extraInfo:[1,"extra-info"],extraInfoDescription:[1,"extra-info-description"],disabled:[4]}]);function o(){"undefined"!=typeof customElements&&["dropi-card-checkbox","dropi-checkbox"].forEach((i=>{switch(i){case"dropi-card-checkbox":customElements.get(e(i))||customElements.define(e(i),d);break;case"dropi-checkbox":customElements.get(e(i))||c()}}))}o();const s=d,n=o;export{s as DropiCardCheckbox,n as defineCustomElement}

package/dist/components/dropi-card-product.js

@@ -1 +1 @@
-import{t as e,p as i,H as t,c as a,h as o}from"./index.js";import{d as r}from"./p-CnALA9z_.js";import{d as s}from"./p-9KLpSviZ.js";const c=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.onProductClick=a(this,"onProductClick",7),this.changeFavorite=a(this,"changeFavorite",7),this.dropiAddProduct=a(this,"dropiAddProduct",7),this.dropiSupplierClick=a(this,"dropiSupplierClick",7)}image="";productName="";salePrice=0;suggestedPrice=0;currency="$";supplier="";category="";stock=0;supplierCategory="";showFavorite=!0;isFavorite=!1;showAddButton=!0;onProductClick;changeFavorite;dropiAddProduct;dropiSupplierClick;formatPrice(e){return e.toLocaleString("es-CO")}get inStock(){return this.stock>0}getStockColor(){return 0===this.stock?"var(--Error-Error-500, #f46a6b)":this.stock<=10?"var(--Warning-Warning-500, #f59e0b)":"var(--Success-Success-500, #0abb87)"}render(){return o("div",{key:"37c48cc67a7f0c7469a68052c90a2818535dce69",class:"dropi-card-product",onClick:()=>this.onProductClick.emit()},o("div",{key:"83404d72af41a88fd2abea553559b057b6fff12d",class:"product-image-container"},o("div",{key:"c1d5044b0bd09051e1901e897160fa47d2ded209",class:"product-image"},o("img",{key:"a70907ebb8bcd3a165e395a241fc60942f48c144",src:this.image||"",alt:this.productName,onError:e=>{e.target.src="./assets/utils/no-image.jpg"},class:this.image?"":"error-img"}),this.showFavorite&&o("button",{key:"24c395c652a3d0dbb18258a8975ac79eeb6154fd",class:{"favorite-button":!0,"favorite-active":this.isFavorite},onClick:e=>{e.stopPropagation(),this.isFavorite=!this.isFavorite,this.changeFavorite.emit(this.isFavorite)},"aria-label":"Favorito"},o("dropi-icon",{key:"b196e405c3046dbbb973f77e8f5c76a170154d6f",name:this.isFavorite?"Heart-solid":"Heart",width:"18px",height:"18px",color:this.isFavorite?"#fff":"#858ea6"})))),o("div",{key:"cb9d81caa32ad134093637426507a55462d25b5f",class:"product-info"},this.supplierCategory&&o("dropi-ilustration-icon",{key:"4f642dfa0e8621094a7ab58710e592133b43cea2",class:"supplier-insignia",type:"insignia",stateInsignia:this.supplierCategory,tagProduct:!0}),o("div",{key:"269a000490bf2c0eab9a0bc4f8371ed91c5b84d3",class:"product-header"},this.category&&o("span",{key:"af027a19e03a9ddb95c0901f01081a1a42d856f1",class:"category"},this.category),o("div",{key:"26d7d97df6ce9f3fadeb8e84e5a8b9cda0450e7f",class:"stock-info"},o("span",{key:"ef9c7537b9b2185c455189b3c1a4999f409501ba",class:"stock-label"},"Stock:"),o("span",{key:"89fe2fe123967c57c769953d18e24015288a3d56",class:"stock-value",style:{color:this.getStockColor()}},0===this.stock?"Agotado":this.stock))),o("h3",{key:"79b5046ab7ea3adeca8066dcc2f174cfed3f92f3",class:"product-name"},this.productName),this.supplier&&o("div",{key:"a1ff7e3fcf77ad8f4c979d266aae712aff4c18b2",class:"supplier-info"},o("span",{key:"be92e4ddd9d0de947307bd4bfd474ae31c6f2f7c",class:"supplier-label"},"Proveedor:"),o("span",{key:"7180d51dd2f1ecb3726aa24793184a140778afe6",class:"supplier-name",onClick:e=>{e.stopPropagation(),this.dropiSupplierClick.emit()}},this.supplier)),o("div",{key:"86733596ad100c5510a347cbf73ca9e03590322b",class:"price-container"},o("div",{key:"c2d919ae1b106b27fdaf649a531e96167a00b787",class:"price-item"},o("span",{key:"337611bf6f02199c99645299469e5a9d4a6428a9",class:"price-label"},"Precio proveedor"),o("span",{key:"1c63de1e288c7fb30067908c37dd8451f302672e",class:"price-value"},this.currency," ",this.formatPrice(this.salePrice))),o("div",{key:"b23b70d40afc0afca19d86b754d6476b65a22e73",class:"price-item"},o("span",{key:"3b15127ac5c07361e6ba23107f845b835ac35406",class:"price-label"},"Precio sugerido"),o("span",{key:"14eb8d5cdb5f6152a0a82c1428d21eebb81a6744",class:"price-value"},this.currency," ",this.formatPrice(this.suggestedPrice))))),o("div",{key:"e13e6135234a25b927018265e9570ecbf2fb71dc",class:"separator"}),this.showAddButton&&o("div",{key:"c1b70f77fda95df876436b9cf326d470eb250bd9",class:{"action-button":!0,"action-button--disabled":!this.inStock},onClick:e=>{e.stopPropagation(),this.inStock&&this.dropiAddProduct.emit()}},o("dropi-icon",{key:"f54207e6e1ebab2d2b0877af65b6353e02264ee4",name:"Shopping-cart-arrow-rigth",width:"20px",height:"20px",color:"#f49a3d"}),o("span",{key:"e274c0343cdd202fa4e73e4d0843fe11d53aec6c",class:"button-text"},"Enviar a cliente")))}static get style(){return":host{display:block;font-family:'Inter', sans-serif}*,*::before,*::after{box-sizing:border-box}.dropi-card-product{position:relative;background:#ffffff;border-radius:8px;overflow:hidden;transition:all 0.2s ease-in-out;cursor:pointer;display:flex;flex-direction:column;height:100%;box-sizing:border-box;width:100%;max-width:450px;box-shadow:none}.product-image-container{padding:4px;flex-shrink:0}.product-image{position:relative;width:100%;aspect-ratio:1;border-radius:8px;border:1px solid #c3c9d9;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa}.product-image img{width:100%;height:100%;object-fit:cover;border-radius:8px}.product-image img.error-img{object-fit:contain}.favorite-button{position:absolute;bottom:5px;right:6px;border-radius:8px;padding:12px;cursor:pointer;transition:all 0.2s ease-in-out;z-index:2;display:flex;align-items:center;justify-content:center;width:42px;height:40px;background:#ffffff;border:1px solid #858ea6}.favorite-button.favorite-active{background:var(--Primary-Primary-500, #f49a3d);border:1px solid var(--Primary-Primary-500, #f49a3d)}.product-info{position:relative;padding:8px;display:flex;flex-direction:column;gap:4px;flex:1;justify-content:space-between}.supplier-insignia{position:absolute;top:-24px;left:0px}.product-header{display:flex;justify-content:space-between;align-items:center;width:100%;height:26px}.category{color:#69738c;font-family:'Inter', sans-serif;font-size:12px;font-weight:400;line-height:1.5;flex:1}.stock-info{display:flex;align-items:center;gap:2px;font-family:'Inter', sans-serif;font-size:12px;font-weight:400;line-height:1.5}.stock-label{color:#69738c}.stock-value{font-weight:500}.product-name{color:#32394d;font-family:'Inter', sans-serif;font-size:16px;font-weight:500;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.supplier-info{font-family:'Inter', sans-serif;font-size:12px;line-height:1.2}.supplier-label{color:#69738c;font-weight:400}.supplier-name{color:#50a5f1;font-weight:400;margin-left:4px;cursor:pointer}.price-container{display:flex;gap:8px;margin-top:4px}.price-item{flex:1;display:flex;flex-direction:column}.price-label{color:#69738c;font-family:'Inter', sans-serif;font-size:12px;font-weight:400;line-height:1.5;height:18px;min-width:max-content}.price-value{color:#32394d;font-family:'Inter', sans-serif;font-size:14px;font-weight:700;line-height:1.1;margin-top:2px}.separator{height:1px;background:#e6eaf2;margin:0;flex-shrink:0}.action-button{background:#ffffff;border:none;border-top:1px solid #e6eaf2;padding:12px;cursor:pointer;transition:all 0.2s ease-in-out;display:flex;align-items:center;justify-content:center;gap:8px;height:40px;flex-shrink:0}.action-button--disabled{opacity:0.3;cursor:not-allowed}.button-text{font-family:'Inter', sans-serif;font-size:14px;font-weight:700;line-height:1.1;color:#f49a3d;text-align:center;white-space:nowrap}"}},[513,"dropi-card-product",{image:[1],productName:[1,"product-name"],salePrice:[2,"sale-price"],suggestedPrice:[2,"suggested-price"],currency:[1],supplier:[1],category:[1],stock:[2],supplierCategory:[1,"supplier-category"],showFavorite:[4,"show-favorite"],isFavorite:[1028,"is-favorite"],showAddButton:[4,"show-add-button"]}]);function n(){"undefined"!=typeof customElements&&["dropi-card-product","dropi-icon","dropi-ilustration-icon"].forEach((i=>{switch(i){case"dropi-card-product":customElements.get(e(i))||customElements.define(e(i),c);break;case"dropi-icon":customElements.get(e(i))||r();break;case"dropi-ilustration-icon":customElements.get(e(i))||s()}}))}n();const d=c,f=n;export{d as DropiCardProduct,f as defineCustomElement}
+import{t as e,p as i,H as t,c as a,h as o}from"./index.js";import{d as r}from"./p-D13d88W3.js";import{d as s}from"./p-B_Ace02i.js";const c=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.onProductClick=a(this,"onProductClick",7),this.changeFavorite=a(this,"changeFavorite",7),this.dropiAddProduct=a(this,"dropiAddProduct",7),this.dropiSupplierClick=a(this,"dropiSupplierClick",7)}image="";productName="";salePrice=0;suggestedPrice=0;currency="$";supplier="";category="";stock=0;supplierCategory="";showFavorite=!0;isFavorite=!1;showAddButton=!0;onProductClick;changeFavorite;dropiAddProduct;dropiSupplierClick;formatPrice(e){return null==e?"0":e.toLocaleString("es-CO")}get inStock(){return this.stock>0}getStockColor(){return 0===this.stock?"var(--Error-Error-500, #f46a6b)":this.stock<=10?"var(--Warning-Warning-500, #f59e0b)":"var(--Success-Success-500, #0abb87)"}render(){return o("div",{key:"42990ea883dcd6cc72e1f62771f7b9554c36bdba",class:"dropi-card-product",onClick:()=>this.onProductClick.emit()},o("div",{key:"59295427ddc350ec3c70d7d1bd4803ffa6bf26b0",class:"product-image-container"},o("div",{key:"9d10e18f2eadf16f0c0b1b7cb7860d08f2ca778f",class:"product-image"},o("img",{key:"19f7af8eddcbea880d32ef30603d55bfe9337f17",src:this.image||"",alt:this.productName,onError:e=>{e.target.src="./assets/utils/no-image.jpg"},class:this.image?"":"error-img"}),this.showFavorite&&o("button",{key:"a6e13eea7c211fd772fe5ee7c13c7d475d54986c",class:{"favorite-button":!0,"favorite-active":this.isFavorite},onClick:e=>{e.stopPropagation(),this.isFavorite=!this.isFavorite,this.changeFavorite.emit(this.isFavorite)},"aria-label":"Favorito"},o("dropi-icon",{key:"0020aaa1beffedd0243c62f616dfeb6428ec63e5",name:this.isFavorite?"Heart-solid":"Heart",width:"18px",height:"18px",color:this.isFavorite?"#fff":"#858ea6"})))),o("div",{key:"390a04f46d8394deb0591969a04525f3687509a0",class:"product-info"},this.supplierCategory&&o("dropi-ilustration-icon",{key:"7fa320fcc36f6d4929197a2d88e59deb76d34ab0",class:"supplier-insignia",type:"insignia",stateInsignia:this.supplierCategory,tagProduct:!0}),o("div",{key:"67e922b0afc44b3f376db3b20a33d7cc0ae8e987",class:"product-header"},this.category&&o("span",{key:"421f39afc07922579610fe57abdfa37b4fa68586",class:"category"},this.category),o("div",{key:"e4ad1d38535bd876298efb6d819d3355ac6b7446",class:"stock-info"},o("span",{key:"5dbdabc282dbfaee4adec81668d38a909e04227d",class:"stock-label"},"Stock:"),o("span",{key:"f14a47956953779f4527404930b4a988ac5c5737",class:"stock-value",style:{color:this.getStockColor()}},0===this.stock?"Agotado":this.stock))),o("h3",{key:"4403e622316112df4075fafbbbbc17151d2e1b39",class:"product-name"},this.productName),this.supplier&&o("div",{key:"28554238023a313e1698847a5faccd17e9bbd750",class:"supplier-info"},o("span",{key:"e34245925f659f232050ad835cf83690b112d7d0",class:"supplier-label"},"Proveedor:"),o("span",{key:"cabf8743951095acf0c05dd6e48ee74140984773",class:"supplier-name",onClick:e=>{e.stopPropagation(),this.dropiSupplierClick.emit()}},this.supplier)),o("div",{key:"193982dc4aea14f337f64c9156d97f7c23d02db7",class:"price-container"},o("div",{key:"f2925c29fe4d5f9be2f92c501b92351e9a4f60e0",class:"price-item"},o("span",{key:"d0a8f99140d6ced64e19a69a2f198ba861cca017",class:"price-label"},"Precio proveedor"),o("span",{key:"6fa5b8b5cd1f6d6e7b2551bdceedf65e3cb0029d",class:"price-value"},this.currency," ",this.formatPrice(this.salePrice))),o("div",{key:"0a37ead7f660608ed6303c97893fdd9156b5bfad",class:"price-item"},o("span",{key:"8bb33b1b418fdbb79c31ed69ddfa2598f6450efd",class:"price-label"},"Precio sugerido"),o("span",{key:"2df4c30b299190461f0032a66cc8d281ce9c9dab",class:"price-value"},this.currency," ",this.formatPrice(this.suggestedPrice))))),o("div",{key:"91a8306e386ac8d0422a02d3b4bac2d96ba7bebc",class:"separator"}),this.showAddButton&&o("div",{key:"69fd0267e5388770f5067a23d4ddf2636867b030",class:{"action-button":!0,"action-button--disabled":!this.inStock},onClick:e=>{e.stopPropagation(),this.inStock&&this.dropiAddProduct.emit()}},o("dropi-icon",{key:"6e9a7333778b5a4e75bca612f7900909e9b52c80",name:"Shopping-cart-arrow-rigth",width:"20px",height:"20px",color:"#f49a3d"}),o("span",{key:"1f3eb20049a94cb74bef8c89f8773a831667dc7b",class:"button-text"},"Enviar a cliente")))}static get style(){return":host{display:block;font-family:'Inter', sans-serif}*,*::before,*::after{box-sizing:border-box}.dropi-card-product{position:relative;background:#ffffff;border-radius:8px;overflow:hidden;transition:all 0.2s ease-in-out;cursor:pointer;display:flex;flex-direction:column;height:100%;box-sizing:border-box;width:100%;max-width:450px;box-shadow:none}.product-image-container{padding:4px;flex-shrink:0}.product-image{position:relative;width:100%;aspect-ratio:1;border-radius:8px;border:1px solid #c3c9d9;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa}.product-image img{width:100%;height:100%;object-fit:cover;border-radius:8px}.product-image img.error-img{object-fit:contain}.favorite-button{position:absolute;bottom:5px;right:6px;border-radius:8px;padding:12px;cursor:pointer;transition:all 0.2s ease-in-out;z-index:2;display:flex;align-items:center;justify-content:center;width:42px;height:40px;background:#ffffff;border:1px solid #858ea6}.favorite-button.favorite-active{background:var(--Primary-Primary-500, #f49a3d);border:1px solid var(--Primary-Primary-500, #f49a3d)}.product-info{position:relative;padding:8px;display:flex;flex-direction:column;gap:4px;flex:1;justify-content:space-between}.supplier-insignia{position:absolute;top:-24px;left:0px}.product-header{display:flex;justify-content:space-between;align-items:center;width:100%;height:26px}.category{color:#69738c;font-family:'Inter', sans-serif;font-size:12px;font-weight:400;line-height:1.5;flex:1}.stock-info{display:flex;align-items:center;gap:2px;font-family:'Inter', sans-serif;font-size:12px;font-weight:400;line-height:1.5}.stock-label{color:#69738c}.stock-value{font-weight:500}.product-name{color:#32394d;font-family:'Inter', sans-serif;font-size:16px;font-weight:500;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.supplier-info{font-family:'Inter', sans-serif;font-size:12px;line-height:1.2}.supplier-label{color:#69738c;font-weight:400}.supplier-name{color:#50a5f1;font-weight:400;margin-left:4px;cursor:pointer}.price-container{display:flex;gap:8px;margin-top:4px}.price-item{flex:1;display:flex;flex-direction:column}.price-label{color:#69738c;font-family:'Inter', sans-serif;font-size:12px;font-weight:400;line-height:1.5;height:18px;min-width:max-content}.price-value{color:#32394d;font-family:'Inter', sans-serif;font-size:14px;font-weight:700;line-height:1.1;margin-top:2px}.separator{height:1px;background:#e6eaf2;margin:0;flex-shrink:0}.action-button{background:#ffffff;border:none;border-top:1px solid #e6eaf2;padding:12px;cursor:pointer;transition:all 0.2s ease-in-out;display:flex;align-items:center;justify-content:center;gap:8px;height:40px;flex-shrink:0}.action-button--disabled{opacity:0.3;cursor:not-allowed}.button-text{font-family:'Inter', sans-serif;font-size:14px;font-weight:700;line-height:1.1;color:#f49a3d;text-align:center;white-space:nowrap}"}},[513,"dropi-card-product",{image:[1],productName:[1,"product-name"],salePrice:[2,"sale-price"],suggestedPrice:[2,"suggested-price"],currency:[1],supplier:[1],category:[1],stock:[2],supplierCategory:[1,"supplier-category"],showFavorite:[4,"show-favorite"],isFavorite:[1028,"is-favorite"],showAddButton:[4,"show-add-button"]}]);function d(){"undefined"!=typeof customElements&&["dropi-card-product","dropi-icon","dropi-ilustration-icon"].forEach((i=>{switch(i){case"dropi-card-product":customElements.get(e(i))||customElements.define(e(i),c);break;case"dropi-icon":customElements.get(e(i))||r();break;case"dropi-ilustration-icon":customElements.get(e(i))||s()}}))}d();const n=c,f=d;export{n as DropiCardProduct,f as defineCustomElement}

package/dist/components/dropi-card-section.js

@@ -1 +1 @@
-import{t as e,p as t,H as i,c as s,h as o}from"./index.js";import{d as r}from"./p-CnALA9z_.js";import{d as c}from"./p-BuDg1d0S.js";const a=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.onChange=s(this,"onChange",7),this.onClick=s(this,"onClick",7)}title="title";description="Description";typeElement="dropdown";type="important";isChecked=!1;onChange;onClick;render(){return o("div",{key:"f0afbda9991af5b381a65dd5e620ca3d8e50791f",class:"card-section"},o("div",{key:"bb0a62ec9840a762ea3be5c342adbc431f26ba7e",class:"card-section__text"},"important"===this.type?o("h5",{class:"card-section__title card-section__title--important"},this.title):o("h6",{class:"card-section__title"},this.title),this.description&&o("p",{key:"d8ae14dfb52783a44c1f9edac1c9c388422f58e7",class:"card-section__desc"},this.description)),o("div",{key:"927e20c496006fa26fcbc533faa3b55b890008dd",class:"card-section__control"},"switch"===this.typeElement?o("dropi-switch",{isChecked:this.isChecked,onOnChange:e=>{this.isChecked=e.detail,this.onChange.emit(e.detail)}}):o("button",{class:"card-section__dropdown-btn",onClick:()=>this.onClick.emit(),"aria-label":"Expandir"},o("dropi-icon",{name:"Dropdown-down",width:"20px",height:"20px",color:"Gray-Gray-500"}))))}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.card-section{display:flex;align-items:center;justify-content:space-between;gap:var(--Size-4, 16px);padding:var(--Size-3, 12px) var(--Size-4, 16px);background:var(--Neutral-White, #ffffff);border:1px solid var(--Gray-Gray-100, #e6eaf2);border-radius:var(--Border-2, 8px)}.card-section__text{flex:1}.card-section__title{margin:0 0 4px;font-family:inherit;font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-800, #1f2433)}h5.card-section__title{font-size:var(--font-size-m, 14px)}h6.card-section__title{font-size:var(--font-size-s, 12px)}.card-section__desc{margin:0;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #69738c)}.card-section__control{flex-shrink:0}.card-section__dropdown-btn{display:flex;align-items:center;background:none;border:none;padding:0;cursor:pointer}"}},[513,"dropi-card-section",{title:[1],description:[1],typeElement:[1,"type-element"],type:[1],isChecked:[1028,"is-checked"]}]);function n(){"undefined"!=typeof customElements&&["dropi-card-section","dropi-icon","dropi-switch"].forEach((t=>{switch(t){case"dropi-card-section":customElements.get(e(t))||customElements.define(e(t),a);break;case"dropi-icon":customElements.get(e(t))||r();break;case"dropi-switch":customElements.get(e(t))||c()}}))}n();const d=a,p=n;export{d as DropiCardSection,p as defineCustomElement}
+import{t as e,p as t,H as i,c as s,h as o}from"./index.js";import{d as r}from"./p-D13d88W3.js";import{d as c}from"./p-CV_oz45O.js";const a=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.onChange=s(this,"onChange",7),this.onClick=s(this,"onClick",7)}title="title";description="Description";typeElement="dropdown";type="important";isChecked=!1;onChange;onClick;render(){return o("div",{key:"aa7548c223bf3238b7af10e52821e3ffd19fefca",class:"card-section"},o("div",{key:"6b0ed1e7f7c282b0f67277567a2fa1ffbab9d04e",class:"card-section__text"},"important"===this.type?o("h5",{class:"card-section__title card-section__title--important"},this.title):o("h6",{class:"card-section__title"},this.title),this.description&&o("p",{key:"f0c83d631d541d95c19e4a246634da56413a3de9",class:"card-section__desc"},this.description)),o("div",{key:"976d78401ab26872df88115ae0f0449bcd2faae9",class:"card-section__control"},"switch"===this.typeElement?o("dropi-switch",{isChecked:this.isChecked,onOnChange:e=>{this.isChecked=e.detail,this.onChange.emit(e.detail)}}):o("button",{class:"card-section__dropdown-btn",onClick:()=>this.onClick.emit(),"aria-label":"Expandir"},o("dropi-icon",{name:"Dropdown-down",width:"20px",height:"20px",color:"Gray-Gray-500"}))))}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.card-section{display:flex;align-items:center;justify-content:space-between;gap:var(--Size-4, 16px);padding:var(--Size-3, 12px) var(--Size-4, 16px);background:var(--Neutral-White, #ffffff);border:1px solid var(--Gray-Gray-100, #e6eaf2);border-radius:var(--Border-2, 8px)}.card-section__text{flex:1}.card-section__title{margin:0 0 4px;font-family:inherit;font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-800, #1f2433)}h5.card-section__title{font-size:var(--font-size-m, 14px)}h6.card-section__title{font-size:var(--font-size-s, 12px)}.card-section__desc{margin:0;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #69738c)}.card-section__control{flex-shrink:0}.card-section__dropdown-btn{display:flex;align-items:center;background:none;border:none;padding:0;cursor:pointer}"}},[513,"dropi-card-section",{title:[1],description:[1],typeElement:[1,"type-element"],type:[1],isChecked:[1028,"is-checked"]}]);function n(){"undefined"!=typeof customElements&&["dropi-card-section","dropi-icon","dropi-switch"].forEach((t=>{switch(t){case"dropi-card-section":customElements.get(e(t))||customElements.define(e(t),a);break;case"dropi-icon":customElements.get(e(t))||r();break;case"dropi-switch":customElements.get(e(t))||c()}}))}n();const d=a,p=n;export{d as DropiCardSection,p as defineCustomElement}

package/dist/components/dropi-carousel.js

@@ -1 +1 @@
-import{t as i,p as t,H as e,c as s,h as a}from"./index.js";const r=t(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.pageChange=s(this,"pageChange",7),this.onPage=s(this,"onPage",7)}get el(){return this}value=[];page=0;numVisible=1;numScroll=1;orientation="horizontal";showNavigators=!0;showIndicators=!0;autoplayInterval=0;circular=!1;parsedValue=[];internalPage=0;isAnimating=!1;totalPages=0;itemsContainer;timer;pageChange;onPage;handleValue(i){this.parsedValue="string"==typeof i?JSON.parse(i):i||[],this.updateTotalPages(),this.updateTransform()}handlePage(i){this.internalPage=i,this.updateTransform()}componentWillLoad(){this.handleValue(this.value),this.internalPage=this.page}componentDidLoad(){this.updateTransform(),this.autoplayInterval>0&&this.startAutoplay(),window.addEventListener("resize",this.onResize)}disconnectedCallback(){this.stopAutoplay(),window.removeEventListener("resize",this.onResize)}onResize=()=>{this.updateTotalPages(),this.updateTransform()};startAutoplay(){this.timer=setInterval((()=>this.navForward()),this.autoplayInterval)}stopAutoplay(){this.timer&&clearInterval(this.timer)}updateTotalPages(){this.totalPages=!this.parsedValue.length||this.parsedValue.length<=this.numVisible?1:Math.ceil((this.parsedValue.length-this.numVisible)/this.numScroll)+1}updateTransform(){if(!this.itemsContainer)return;const i="vertical"===this.orientation?"translateY":"translateX",t=this.itemsContainer.querySelector(".dropi-carousel-item");if(!t)return;const e="vertical"===this.orientation?t.offsetHeight:t.offsetWidth;this.itemsContainer.style.transform=`${i}(${-Math.min(this.internalPage*this.numScroll,Math.max(0,this.parsedValue.length-this.numVisible))*e}px)`}navForward=i=>{i&&i.preventDefault(),(this.circular||this.internalPage<this.totalPages-1)&&(this.isAnimating=!0,this.internalPage=(this.internalPage+1)%this.totalPages,this.page=this.internalPage,this.updateTransform(),this.pageChange.emit(this.internalPage),setTimeout((()=>this.isAnimating=!1),500))};navBackward=i=>{i&&i.preventDefault(),(this.circular||this.internalPage>0)&&(this.isAnimating=!0,this.internalPage=(this.internalPage-1+this.totalPages)%this.totalPages,this.page=this.internalPage,this.updateTransform(),this.pageChange.emit(this.internalPage),setTimeout((()=>this.isAnimating=!1),500))};onDotClick(i){this.isAnimating=!0,this.internalPage=i,this.page=this.internalPage,this.updateTransform(),this.pageChange.emit(this.internalPage),setTimeout((()=>this.isAnimating=!1),500)}render(){const i=this.parsedValue;if(!i.length)return null;const t=100/this.numVisible+"%";return a("div",{class:{"dropi-carousel-container":!0,vertical:"vertical"===this.orientation}},a("div",{class:"dropi-carousel-content"},this.showNavigators&&i.length>this.numVisible&&a("button",{class:"dropi-carousel-nav dropi-carousel-prev",disabled:!this.circular&&0===this.internalPage,onClick:i=>this.navBackward(i),"aria-label":"Anterior"},a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},a("path",{d:"M14.659 17.5a.833.833 0 0 1-.589-.244l-4.43-4.431a.833.833 0 0 1 0-1.178l4.43-4.431a.834.834 0 0 1 1.179 1.178L11.42 12.25l3.83 3.829a.833.833 0 0 1-.59 1.421Z",fill:"#475066"}))),a("div",{class:"dropi-carousel-items-content"},a("div",{class:"dropi-carousel-items-container",ref:i=>this.itemsContainer=i,style:{transition:this.isAnimating?"transform 0.5s ease":"none"}},i.map(((i,e)=>a("div",{class:"dropi-carousel-item",style:{flex:"0 0 "+t}},"string"==typeof i?a("img",{src:i,alt:"Slide "+(e+1),loading:"lazy"}):a("slot",{name:"item-"+e})))))),this.showNavigators&&i.length>this.numVisible&&a("button",{class:"dropi-carousel-nav dropi-carousel-next",disabled:!this.circular&&this.internalPage>=this.totalPages-1,onClick:i=>this.navForward(i),"aria-label":"Siguiente"},a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},a("path",{d:"M9.341 17.5a.833.833 0 0 0 .589-.244l4.43-4.431a.833.833 0 0 0 0-1.178l-4.43-4.431a.834.834 0 0 0-1.179 1.178l3.83 3.829-3.83 3.829a.833.833 0 0 0 .59 1.421Z",fill:"#475066"})))),this.showIndicators&&this.totalPages>1&&a("ul",{class:"dropi-carousel-indicators"},Array.from({length:this.totalPages}).map(((i,t)=>a("li",{class:{active:t===this.internalPage},onClick:()=>this.onDotClick(t)},a("button",{type:"button","aria-label":"Página "+(t+1)}))))))}static get watchers(){return{value:[{handleValue:0}],page:[{handlePage:0}]}}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.dropi-carousel-container{display:flex;flex-direction:column;position:relative;width:100%;max-width:100%;overflow:hidden;padding:0 var(--Size-4)}.dropi-carousel-content{display:flex;align-items:center;position:relative;padding:1rem 0;width:100%}.dropi-carousel-items-content{overflow:hidden;flex:1;padding:0;width:100%;max-width:100%}.dropi-carousel-items-container{display:flex;padding-bottom:var(--Size-3);will-change:transform}.dropi-carousel-item{flex:0 0 auto;padding:0 0.5rem;box-sizing:border-box}.dropi-carousel-item>*{width:100%;box-sizing:border-box;display:block}.dropi-carousel-nav{display:flex;width:40px;height:40px;justify-content:center;align-items:center;cursor:pointer;transition:all 0.2s;flex-shrink:0;z-index:1;border-radius:var(--Border-5);background:var(--Neutral-White, #fff);box-shadow:var(--Shadow-medium);border:none;appearance:none;padding:0}.dropi-carousel-nav:hover{background:var(--Gray-Gray-50)}.dropi-carousel-nav:disabled{opacity:0.4;cursor:not-allowed;box-shadow:none}.dropi-carousel-prev{margin-right:1rem}.dropi-carousel-next{margin-left:1rem}.dropi-carousel-indicators{display:flex;justify-content:center;gap:0.5rem;list-style:none;padding:1rem 0 0 0;margin:0}.dropi-carousel-indicators li{cursor:pointer}.dropi-carousel-indicators li button{width:1rem;height:1rem;border-radius:50%;border:1px solid var(--Gray-Gray-100, #eceef4);background:var(--Neutral-White, #fff);cursor:pointer;transition:all 0.2s;padding:0}.dropi-carousel-indicators li.active button{background:var(--Primary-Primary-500);border-color:var(--Primary-Primary-500)}.dropi-carousel-indicators li:hover button{background:var(--Gray-Gray-200)}.vertical .dropi-carousel-content{flex-direction:column}.vertical .dropi-carousel-items-container{flex-direction:column}.vertical .dropi-carousel-prev{margin:0 0 1rem 0}.vertical .dropi-carousel-next{margin:1rem 0 0 0}@media (max-width: 768px){.dropi-carousel-container{padding:0}.dropi-carousel-item{padding:0 0.25rem}}"}},[769,"dropi-carousel",{value:[1],page:[1026],numVisible:[2,"num-visible"],numScroll:[2,"num-scroll"],orientation:[1],showNavigators:[4,"show-navigators"],showIndicators:[4,"show-indicators"],autoplayInterval:[2,"autoplay-interval"],circular:[4],parsedValue:[32],internalPage:[32],isAnimating:[32],totalPages:[32]},void 0,{value:[{handleValue:0}],page:[{handlePage:0}]}]);function o(){"undefined"!=typeof customElements&&["dropi-carousel"].forEach((t=>{"dropi-carousel"===t&&(customElements.get(i(t))||customElements.define(i(t),r))}))}o();const n=r,l=o;export{n as DropiCarousel,l as defineCustomElement}
+import{t as i,p as t,H as e,c as s,h as a}from"./index.js";const r=t(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.pageChange=s(this,"pageChange",7),this.onPage=s(this,"onPage",7)}get el(){return this}value=[];page=0;numVisible=1;numScroll=1;orientation="horizontal";showNavigators=!0;showIndicators=!0;autoplayInterval=0;circular=!1;parsedValue=[];internalPage=0;isAnimating=!1;totalPages=0;itemsContainer;timer;pageChange;onPage;handleValue(i){this.parsedValue="string"==typeof i?JSON.parse(i):i||[],this.updateTotalPages(),this.updateTransform()}handlePage(i){this.internalPage=i,this.updateTransform()}componentWillLoad(){if(!this.value||Array.isArray(this.value)&&0===this.value.length){const i=this.el.getAttribute("value");i&&(this.value=i)}this.handleValue(this.value),this.internalPage=this.page}componentDidLoad(){this.updateTransform(),this.autoplayInterval>0&&this.startAutoplay(),window.addEventListener("resize",this.onResize)}disconnectedCallback(){this.stopAutoplay(),window.removeEventListener("resize",this.onResize)}onResize=()=>{this.updateTotalPages(),this.updateTransform()};startAutoplay(){this.timer=setInterval((()=>this.navForward()),this.autoplayInterval)}stopAutoplay(){this.timer&&clearInterval(this.timer)}updateTotalPages(){this.totalPages=!this.parsedValue.length||this.parsedValue.length<=this.numVisible?1:Math.ceil((this.parsedValue.length-this.numVisible)/this.numScroll)+1}updateTransform(){if(!this.itemsContainer)return;const i="vertical"===this.orientation?"translateY":"translateX",t=this.itemsContainer.querySelector(".dropi-carousel-item");if(!t)return;const e="vertical"===this.orientation?t.offsetHeight:t.offsetWidth;this.itemsContainer.style.transform=`${i}(${-Math.min(this.internalPage*this.numScroll,Math.max(0,this.parsedValue.length-this.numVisible))*e}px)`}navForward=i=>{i&&i.preventDefault(),(this.circular||this.internalPage<this.totalPages-1)&&(this.isAnimating=!0,this.internalPage=(this.internalPage+1)%this.totalPages,this.page=this.internalPage,this.updateTransform(),this.pageChange.emit(this.internalPage),setTimeout((()=>this.isAnimating=!1),500))};navBackward=i=>{i&&i.preventDefault(),(this.circular||this.internalPage>0)&&(this.isAnimating=!0,this.internalPage=(this.internalPage-1+this.totalPages)%this.totalPages,this.page=this.internalPage,this.updateTransform(),this.pageChange.emit(this.internalPage),setTimeout((()=>this.isAnimating=!1),500))};onDotClick(i){this.isAnimating=!0,this.internalPage=i,this.page=this.internalPage,this.updateTransform(),this.pageChange.emit(this.internalPage),setTimeout((()=>this.isAnimating=!1),500)}render(){const i=this.parsedValue;if(!i.length)return null;const t=100/this.numVisible+"%";return a("div",{class:{"dropi-carousel-container":!0,vertical:"vertical"===this.orientation}},a("div",{class:"dropi-carousel-content"},this.showNavigators&&i.length>this.numVisible&&a("button",{class:"dropi-carousel-nav dropi-carousel-prev",disabled:!this.circular&&0===this.internalPage,onClick:i=>this.navBackward(i),"aria-label":"Anterior"},a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},a("path",{d:"M14.659 17.5a.833.833 0 0 1-.589-.244l-4.43-4.431a.833.833 0 0 1 0-1.178l4.43-4.431a.834.834 0 0 1 1.179 1.178L11.42 12.25l3.83 3.829a.833.833 0 0 1-.59 1.421Z",fill:"#475066"}))),a("div",{class:"dropi-carousel-items-content"},a("div",{class:"dropi-carousel-items-container",ref:i=>this.itemsContainer=i,style:{transition:this.isAnimating?"transform 0.5s ease":"none"}},i.map(((i,e)=>a("div",{class:"dropi-carousel-item",style:{flex:"0 0 "+t}},"string"==typeof i?a("img",{src:i,alt:"Slide "+(e+1)}):a("slot",{name:"item-"+e})))))),this.showNavigators&&i.length>this.numVisible&&a("button",{class:"dropi-carousel-nav dropi-carousel-next",disabled:!this.circular&&this.internalPage>=this.totalPages-1,onClick:i=>this.navForward(i),"aria-label":"Siguiente"},a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},a("path",{d:"M9.341 17.5a.833.833 0 0 0 .589-.244l4.43-4.431a.833.833 0 0 0 0-1.178l-4.43-4.431a.834.834 0 0 0-1.179 1.178l3.83 3.829-3.83 3.829a.833.833 0 0 0 .59 1.421Z",fill:"#475066"})))),this.showIndicators&&this.totalPages>1&&a("ul",{class:"dropi-carousel-indicators"},Array.from({length:this.totalPages}).map(((i,t)=>a("li",{class:{active:t===this.internalPage},onClick:()=>this.onDotClick(t)},a("button",{type:"button","aria-label":"Página "+(t+1)}))))))}static get watchers(){return{value:[{handleValue:0}],page:[{handlePage:0}]}}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.dropi-carousel-container{display:flex;flex-direction:column;position:relative;width:100%;max-width:100%;overflow:hidden;padding:0 var(--Size-4)}.dropi-carousel-content{display:flex;align-items:center;position:relative;padding:1rem 0;width:100%}.dropi-carousel-items-content{overflow:hidden;flex:1;padding:0;width:100%;max-width:100%}.dropi-carousel-items-container{display:flex;padding-bottom:var(--Size-3);will-change:transform}.dropi-carousel-item{flex:0 0 auto;padding:0 0.5rem;box-sizing:border-box}.dropi-carousel-item>*{width:100%;box-sizing:border-box;display:block}.dropi-carousel-nav{display:flex;width:40px;height:40px;justify-content:center;align-items:center;cursor:pointer;transition:all 0.2s;flex-shrink:0;z-index:1;border-radius:var(--Border-5);background:var(--Neutral-White, #fff);box-shadow:var(--Shadow-medium);border:none;appearance:none;padding:0}.dropi-carousel-nav:hover{background:var(--Gray-Gray-50)}.dropi-carousel-nav:disabled{opacity:0.4;cursor:not-allowed;box-shadow:none}.dropi-carousel-prev{margin-right:1rem}.dropi-carousel-next{margin-left:1rem}.dropi-carousel-indicators{display:flex;justify-content:center;gap:0.5rem;list-style:none;padding:1rem 0 0 0;margin:0}.dropi-carousel-indicators li{cursor:pointer}.dropi-carousel-indicators li button{width:1rem;height:1rem;border-radius:50%;border:1px solid var(--Gray-Gray-100, #eceef4);background:var(--Neutral-White, #fff);cursor:pointer;transition:all 0.2s;padding:0}.dropi-carousel-indicators li.active button{background:var(--Primary-Primary-500);border-color:var(--Primary-Primary-500)}.dropi-carousel-indicators li:hover button{background:var(--Gray-Gray-200)}.vertical .dropi-carousel-content{flex-direction:column}.vertical .dropi-carousel-items-container{flex-direction:column}.vertical .dropi-carousel-prev{margin:0 0 1rem 0}.vertical .dropi-carousel-next{margin:1rem 0 0 0}@media (max-width: 768px){.dropi-carousel-container{padding:0}.dropi-carousel-item{padding:0 0.25rem}}"}},[769,"dropi-carousel",{value:[1],page:[1026],numVisible:[2,"num-visible"],numScroll:[2,"num-scroll"],orientation:[1],showNavigators:[8,"show-navigators"],showIndicators:[8,"show-indicators"],autoplayInterval:[2,"autoplay-interval"],circular:[8],parsedValue:[32],internalPage:[32],isAnimating:[32],totalPages:[32]},void 0,{value:[{handleValue:0}],page:[{handlePage:0}]}]);function o(){"undefined"!=typeof customElements&&["dropi-carousel"].forEach((t=>{"dropi-carousel"===t&&(customElements.get(i(t))||customElements.define(i(t),r))}))}o();const n=r,l=o;export{n as DropiCarousel,l as defineCustomElement}

package/dist/components/dropi-checkbox-selection-list.js

@@ -1 +1 @@
-import{t as e,p as s,H as t,c as i,h as o}from"./index.js";import{d as r}from"./p-DWzWYR5X.js";import{d as c}from"./p-CnALA9z_.js";const a=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.checkedValues=i(this,"checkedValues",7),this.onSearch=i(this,"onSearch",7)}options=[];showFilter=!0;filterPlaceholder="Search";showNotFound=!0;notFoundMessage="No related results found";multiSelect=!0;searchDelay=100;filterText="";selected=[];parsedOptions=[];checkedValues;onSearch;optionsChanged(e){this.parsedOptions="string"==typeof e?JSON.parse(e):e||[]}componentWillLoad(){this.optionsChanged(this.options)}get filtered(){if(!this.filterText)return this.parsedOptions;const e=this.filterText.toLowerCase();return this.parsedOptions.filter((s=>s.label?.toLowerCase().includes(e)))}toggle(e){this.selected=this.multiSelect?this.selected.includes(e)?this.selected.filter((s=>s!==e)):[...this.selected,e]:this.selected.includes(e)?[]:[e],this.checkedValues.emit(this.selected)}render(){const e=this.filtered;return o("div",{key:"d2375e280c0cf0f6d46430bd027a8d03b32cd433",class:"csl"},this.showFilter&&o("div",{key:"efbc85d0c1b331c25ffa95c26336fef280633eef",class:"csl__search"},o("dropi-icon",{key:"2b428c87384af4d54cc081d63a1c78d480c006ee",name:"Search",width:"16px",height:"16px",color:"Gray-Gray-400"}),o("input",{key:"3f8808e55a6dd9873e385b7046a56cc1121b77f7",class:"csl__search-input",type:"text",placeholder:this.filterPlaceholder,value:this.filterText,onInput:e=>{this.filterText=e.target.value,this.onSearch.emit(this.filterText)}}),this.filterText&&o("button",{key:"8460836fc527444f3f5a302f4b1856a1192882e2",class:"csl__clear",onClick:()=>{this.filterText="",this.onSearch.emit("")}},o("dropi-icon",{key:"442b9249d97adca6b8fbaf066bee3b0f2a0217e7",name:"Close-small",width:"14px",height:"14px",color:"Gray-Gray-400"}))),o("div",{key:"e1599fca9f98199f7bb0671bcb7f71bddcd0c9df",class:"csl__list"},0===e.length&&this.showNotFound?o("div",{class:"csl__empty"},this.notFoundMessage):e.map((e=>{const s=this.selected.includes(e.id);return o("div",{class:"csl__item",key:e.id,onClick:()=>this.toggle(e.id)},o("dropi-checkbox",{checked:s}),e.icon&&o("img",{class:"csl__icon",src:e.icon,alt:e.label}),o("span",{class:"csl__label"},e.label))}))))}static get watchers(){return{options:[{optionsChanged:0}]}}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.csl__search{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-2, 8px) var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);margin-bottom:var(--Size-2, 8px)}.csl__search-input{flex:1;border:none;outline:none;font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);background:transparent}.csl__clear{display:flex;background:none;border:none;padding:0;cursor:pointer}.csl__list{display:flex;flex-direction:column}.csl__item{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-2, 8px) var(--Size-3, 12px);cursor:pointer;border-radius:var(--Border-1, 4px);transition:background 0.15s}.csl__item:hover{background:var(--Gray-Gray-50, #f7f8fa)}.csl__icon{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.csl__label{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);flex:1}.csl__empty{padding:var(--Size-4, 16px);text-align:center;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-400, #858ea6)}"}},[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"],searchDelay:[2,"search-delay"],filterText:[32],selected:[32],parsedOptions:[32]},void 0,{options:[{optionsChanged:0}]}]);function l(){"undefined"!=typeof customElements&&["dropi-checkbox-selection-list","dropi-checkbox","dropi-icon"].forEach((s=>{switch(s){case"dropi-checkbox-selection-list":customElements.get(e(s))||customElements.define(e(s),a);break;case"dropi-checkbox":customElements.get(e(s))||r();break;case"dropi-icon":customElements.get(e(s))||c()}}))}l();const n=a,d=l;export{n as DropiCheckboxSelectionList,d as defineCustomElement}
+import{t as e,p as s,H as t,c as i,h as o}from"./index.js";import{d as r}from"./p-B9R8Apw7.js";import{d as c}from"./p-D13d88W3.js";const a=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.checkedValues=i(this,"checkedValues",7),this.onSearch=i(this,"onSearch",7)}options=[];showFilter=!0;filterPlaceholder="Search";showNotFound=!0;notFoundMessage="No related results found";multiSelect=!0;searchDelay=100;filterText="";selected=[];parsedOptions=[];checkedValues;onSearch;optionsChanged(e){this.parsedOptions="string"==typeof e?JSON.parse(e):e||[]}componentWillLoad(){this.optionsChanged(this.options)}get filtered(){if(!this.filterText)return this.parsedOptions;const e=this.filterText.toLowerCase();return this.parsedOptions.filter((s=>s.label?.toLowerCase().includes(e)))}toggle(e){this.selected=this.multiSelect?this.selected.includes(e)?this.selected.filter((s=>s!==e)):[...this.selected,e]:this.selected.includes(e)?[]:[e],this.checkedValues.emit(this.selected)}render(){const e=this.filtered;return o("div",{key:"a86957a361ddab935966496e85da0474d6c7618a",class:"csl"},this.showFilter&&o("div",{key:"c6e6d3c7386a788c0e3141ac77b78b597020e43d",class:"csl__search"},o("dropi-icon",{key:"02b8bbc778c1811f65f4cd07bfd0618a0c647573",name:"Search",width:"16px",height:"16px",color:"Gray-Gray-400"}),o("input",{key:"935768e39f732099837e2d3dc4791ab2f7f31273",class:"csl__search-input",type:"text",placeholder:this.filterPlaceholder,value:this.filterText,onInput:e=>{this.filterText=e.target.value,this.onSearch.emit(this.filterText)}}),this.filterText&&o("button",{key:"b93947ffd70113fc80e425dd0da04cce04ad3f27",class:"csl__clear",onClick:()=>{this.filterText="",this.onSearch.emit("")}},o("dropi-icon",{key:"b2e152f7276a914fc03664dabdb3574a2cbeb2c6",name:"Close-small",width:"14px",height:"14px",color:"Gray-Gray-400"}))),o("div",{key:"6010ffc9d6ff60dc444da1274609f2b15f69d4a8",class:"csl__list"},0===e.length&&this.showNotFound?o("div",{class:"csl__empty"},this.notFoundMessage):e.map((e=>{const s=this.selected.includes(e.id);return o("div",{class:"csl__item",key:e.id,onClick:()=>this.toggle(e.id)},o("dropi-checkbox",{checked:s}),e.icon&&o("img",{class:"csl__icon",src:e.icon,alt:e.label}),o("span",{class:"csl__label"},e.label))}))))}static get watchers(){return{options:[{optionsChanged:0}]}}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.csl__search{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-2, 8px) var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);margin-bottom:var(--Size-2, 8px)}.csl__search-input{flex:1;border:none;outline:none;font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);background:transparent}.csl__clear{display:flex;background:none;border:none;padding:0;cursor:pointer}.csl__list{display:flex;flex-direction:column}.csl__item{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-2, 8px) var(--Size-3, 12px);cursor:pointer;border-radius:var(--Border-1, 4px);transition:background 0.15s}.csl__item:hover{background:var(--Gray-Gray-50, #f7f8fa)}.csl__icon{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.csl__label{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);flex:1}.csl__empty{padding:var(--Size-4, 16px);text-align:center;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-400, #858ea6)}"}},[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"],searchDelay:[2,"search-delay"],filterText:[32],selected:[32],parsedOptions:[32]},void 0,{options:[{optionsChanged:0}]}]);function l(){"undefined"!=typeof customElements&&["dropi-checkbox-selection-list","dropi-checkbox","dropi-icon"].forEach((s=>{switch(s){case"dropi-checkbox-selection-list":customElements.get(e(s))||customElements.define(e(s),a);break;case"dropi-checkbox":customElements.get(e(s))||r();break;case"dropi-icon":customElements.get(e(s))||c()}}))}l();const n=a,d=l;export{n as DropiCheckboxSelectionList,d as defineCustomElement}

package/dist/components/dropi-checkbox.js

@@ -1 +1 @@
-import{D as o,d as s}from"./p-DWzWYR5X.js";const p=o,r=s;export{p as DropiCheckbox,r as defineCustomElement}
+import{D as o,d as p}from"./p-B9R8Apw7.js";const s=o,r=p;export{s as DropiCheckbox,r as defineCustomElement}

package/dist/components/dropi-chips.js

@@ -1 +1 @@
-import{t as e,p as i,H as r,c as t,h as c}from"./index.js";import{d as o}from"./p-CnALA9z_.js";const s=i(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.onClose=t(this,"onClose",7)}customStyle="fill";type="icon";urlImg="";showIcon=!1;icon="";onClose;render(){return c("div",{key:"1efcba7f06d54e0f8953330a83d946362e8283a2",class:{chip:!0,["chip--"+this.customStyle]:!0}},"avatar"===this.type&&this.urlImg&&c("img",{key:"8b5b984cbd85afc86a23907b6cfb0a26b59c029c",class:"chip__avatar",src:this.urlImg,alt:""}),"icon"===this.type&&this.icon&&c("dropi-icon",{key:"8e5c4ca10f94e012421d88b715aa2f49c6261c52",class:"chip__pre-icon",name:this.icon,width:"14px",height:"14px",color:"currentColor"}),c("span",{key:"caf36314e2bd2704d7ef11e9b75ce5e5def1c2d4",class:"chip__text"},c("slot",{key:"de0b015d547872891baefcca9c9cd5c07893e844"})),this.showIcon&&c("button",{key:"d9998ff121304a99b772e5af04006f90db1c2958",class:"chip__close",onClick:()=>this.onClose.emit(),"aria-label":"Eliminar"},c("dropi-icon",{key:"08491f358bec0380a8ff4ee95bd2d823922a0c68",name:"Cross-circle",width:"14px",height:"14px",color:"currentColor"})))}static get style(){return":host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.chip{display:inline-flex;align-items:center;justify-content:center;gap:var(--Size-1, 4px);height:24px;padding:0 var(--Size-2, 8px);border-radius:var(--Border-2, 8px);font-size:var(--font-size-xs, 10px);font-family:inherit;width:fit-content;max-width:200px}.chip--filters{background:var(--Primary-Primary-50, #fff5eb);border:1px solid var(--Primary-Primary-200, #fbd4a3);color:var(--Primary-Primary-600, #d4872e)}.chip--fill{background:var(--Gray-Gray-100, #e6eaf2);border:1px solid transparent;color:var(--Gray-Gray-700, #32394d)}.chip__avatar{width:16px;height:16px;border-radius:50%;object-fit:cover;flex-shrink:0}.chip__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.chip__close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:none;border:none;padding:0;cursor:pointer;color:inherit;opacity:0.7;transition:opacity 0.15s}.chip__close:hover{opacity:1}"}},[769,"dropi-chips",{customStyle:[1,"custom-style"],type:[1],urlImg:[1,"url-img"],showIcon:[4,"show-icon"],icon:[1]}]);function a(){"undefined"!=typeof customElements&&["dropi-chips","dropi-icon"].forEach((i=>{switch(i){case"dropi-chips":customElements.get(e(i))||customElements.define(e(i),s);break;case"dropi-icon":customElements.get(e(i))||o()}}))}a();const n=s,l=a;export{n as DropiChips,l as defineCustomElement}
+import{t as e,p as i,H as r,c as t,h as o}from"./index.js";import{d as c}from"./p-D13d88W3.js";const a=i(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.onClose=t(this,"onClose",7)}customStyle="fill";type="icon";urlImg="";showIcon=!1;icon="";onClose;render(){return o("div",{key:"1d2faf302cc3eb832d55f46f98a7817fb616e4e1",class:{chip:!0,["chip--"+this.customStyle]:!0}},"avatar"===this.type&&this.urlImg&&o("img",{key:"3014d189c71a8d3bc23f11caf1181285c6b1b0ed",class:"chip__avatar",src:this.urlImg,alt:""}),"icon"===this.type&&this.icon&&o("dropi-icon",{key:"42c60e26f35e08582045833049d140c3aceaa11d",class:"chip__pre-icon",name:this.icon,width:"14px",height:"14px",color:"currentColor"}),o("span",{key:"474a4adfc086e20b2007f1b423f53b29454546be",class:"chip__text"},o("slot",{key:"3c3460ffc17a54b8446b63f7b7c7a76162bb5838"})),this.showIcon&&o("button",{key:"6da5b10c81f203dcd204c0fa93babbcab8aaba16",class:"chip__close",onClick:()=>this.onClose.emit(),"aria-label":"Eliminar"},o("dropi-icon",{key:"14ef2e91ede7847830b0e491fd844f9efa637f9a",name:"Cross-circle",width:"14px",height:"14px",color:"currentColor"})))}static get style(){return":host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.chip{display:inline-flex;align-items:center;justify-content:center;gap:var(--Size-1, 4px);height:24px;padding:0 var(--Size-2, 8px);border-radius:var(--Border-2, 8px);font-size:var(--font-size-xs, 10px);font-family:inherit;width:fit-content;max-width:200px}.chip--filters{background:var(--Primary-Primary-50, #fff5eb);border:1px solid var(--Primary-Primary-200, #fbd4a3);color:var(--Primary-Primary-600, #d4872e)}.chip--fill{background:var(--Gray-Gray-100, #e6eaf2);border:1px solid transparent;color:var(--Gray-Gray-700, #32394d)}.chip__avatar{width:16px;height:16px;border-radius:50%;object-fit:cover;flex-shrink:0}.chip__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.chip__close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:none;border:none;padding:0;cursor:pointer;color:inherit;opacity:0.7;transition:opacity 0.15s}.chip__close:hover{opacity:1}"}},[769,"dropi-chips",{customStyle:[1,"custom-style"],type:[1],urlImg:[1,"url-img"],showIcon:[4,"show-icon"],icon:[1]}]);function s(){"undefined"!=typeof customElements&&["dropi-chips","dropi-icon"].forEach((i=>{switch(i){case"dropi-chips":customElements.get(e(i))||customElements.define(e(i),a);break;case"dropi-icon":customElements.get(e(i))||c()}}))}s();const n=a,l=s;export{n as DropiChips,l as defineCustomElement}

package/dist/components/dropi-city-selector.js

@@ -1 +1 @@
-import{t as e,p as r,H as t,c as a,h as i}from"./index.js";import{d as o}from"./p-CnALA9z_.js";const s=r(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.selectedCitiesChange=a(this,"selectedCitiesChange",7)}options=[];selectedCities=[];placeholder="Seleccione una ciudad";disabled=!1;selectedCitiesChange;isOpen=!1;selected=[];parsedOptions=[];searchTerm="";get el(){return this}handleDocClick(e){this.isOpen&&!e.composedPath().includes(this.el)&&(this.isOpen=!1)}optionsChanged(e){this.parsedOptions="string"==typeof e?JSON.parse(e):e}selectedChanged(e){this.selected="string"==typeof e?JSON.parse(e):[...e]}componentWillLoad(){this.optionsChanged(this.options),this.selectedChanged(this.selectedCities)}get filtered(){if(!this.searchTerm)return this.parsedOptions;const e=this.searchTerm.toLowerCase();return this.parsedOptions.map((r=>({...r,items:r.items.filter((r=>r.label.toLowerCase().includes(e)))}))).filter((e=>e.items.length>0))}toggle(){this.disabled||(this.isOpen=!this.isOpen)}toggleCity(e,r){r.stopPropagation(),this.selected=this.selected.includes(e)?this.selected.filter((r=>r!==e)):[...this.selected,e],this.selectedCitiesChange.emit([...this.selected])}removeCity(e,r){r.stopPropagation(),this.selected=this.selected.filter((r=>r!==e)),this.selectedCitiesChange.emit([...this.selected])}getLabel(e){for(const r of this.parsedOptions){const t=r.items.find((r=>r.value==e));if(t)return t.label}return e+""}render(){const e=this.filtered;return i("div",{key:"af6acd88ea001105c036726bed11e0caa6012f10",class:{"city-selector":!0,"city-selector--disabled":this.disabled}},i("button",{key:"4a5c368ddea3f43ef9ef42dc68f28b47b642aadb",type:"button",class:"selector-trigger",disabled:this.disabled,onClick:()=>this.toggle(),"aria-haspopup":"listbox","aria-expanded":this.isOpen},i("div",{key:"769288d6567d2f6d453b81198e3ab456c5042443",class:"chips-area"},0===this.selected.length&&i("span",{key:"152b570fd02028d8e1788ced03d56f3853dd98d4",class:"placeholder"},this.placeholder),this.selected.map((e=>i("span",{class:"chip",key:e+""},this.getLabel(e),i("button",{type:"button",class:"chip-remove","aria-label":"Quitar",onClick:r=>this.removeCity(e,r)},i("dropi-icon",{name:"Close-small",width:"10px",height:"10px",color:"Primary-Primary-500"})))))),i("dropi-icon",{key:"806ec368945b587fcb9125ca3a262ff2c6f9247c",name:this.isOpen?"Arrow-Up-2":"Arrow-Down-2",width:"16px",height:"16px",color:"Gray-Gray-500"})),this.isOpen&&i("div",{key:"1249ca520defb5fd21d5c5da098c93c3e66bebd3",class:"dropdown",role:"listbox"},i("div",{key:"244a7a22db381014da6672e310f2d21a9cf39a63",class:"search-wrap"},i("div",{key:"871a48407ec66d7e9e95a9ab32ff8d74842a4e6e",class:"search-field"},i("input",{key:"20d5543bae44e70fc4fd61470cae413f29c17687",class:"search-input",type:"text",placeholder:"Buscar...",value:this.searchTerm,onInput:e=>{this.searchTerm=e.target.value},autoComplete:"off"}),i("span",{key:"44bde8e0ddb6cbade01e4743c9d111fa7c65aa94",class:"search-icon"},i("dropi-icon",{key:"c577e87fd8ffd3d4d444541840a139430c96e503",name:"Search",width:"16px",height:"16px",color:"Gray-Gray-400"})))),i("div",{key:"c7abe328e26838d49465d3b2767a2b90806e0e05",class:"options-list"},0===e.length&&i("div",{key:"1f583667dda2e6540254b3155029c97647cb58fb",class:"no-results"},"Sin resultados"),e.map((e=>i("div",{key:e.value,class:"group"},i("div",{class:"group-label"},e.label),e.items.map((e=>{const r=this.selected.includes(e.value);return i("div",{key:e.value+"",class:{"city-option":!0,"city-option--selected":r},onClick:r=>this.toggleCity(e.value,r),role:"option","aria-selected":r},i("span",{class:{checkbox:!0,"checkbox--checked":r}},r&&i("dropi-icon",{name:"Check",width:"10px",height:"10px",color:"Neutral-White"})),i("span",{class:"city-label"},e.label))}))))))))}static get watchers(){return{options:[{optionsChanged:0}],selectedCities:[{selectedChanged:0}]}}static get style(){return":host{display:block;width:100%;position:relative}*,*::before,*::after{box-sizing:border-box}.city-selector{position:relative;width:100%}.selector-trigger{width:100%;min-height:44px;padding:6px 12px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;text-align:left;font-family:inherit;transition:border-color 0.15s}.selector-trigger:hover:not(:disabled){border-color:var(--Gray-Gray-300, #a3abbf)}.selector-trigger:focus{outline:none;border-color:var(--Info-Info-500, #50a5f1)}.city-selector--disabled .selector-trigger{background:var(--Gray-Gray-50, #f7f8fa);border-color:var(--Gray-Gray-100, #e6eaf2);cursor:not-allowed;opacity:0.6}.chips-area{display:flex;flex-wrap:wrap;gap:4px;flex:1;min-height:26px;align-items:center}.placeholder{color:var(--Gray-Gray-400, #858ea6);font-size:var(--font-size-s, 14px)}.chip{display:inline-flex;align-items:center;gap:4px;background:var(--Primary-Primary-50, #fff8f0);border:1px solid var(--Primary-Primary-200, #fcd5a8);border-radius:var(--Border-1, 4px);padding:2px 6px;font-size:var(--font-size-xs, 12px);color:var(--Primary-Primary-700, #b85c00)}.chip-remove{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--Neutral-White, #ffffff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);box-shadow:0 8px 24px rgba(0, 0, 0, 0.10);z-index:200;overflow:hidden}.search-wrap{padding:10px 12px;border-bottom:1px solid var(--Gray-Gray-100, #e6eaf2)}.search-field{position:relative;display:flex;align-items:center}.search-input{width:100%;height:36px;padding:0 36px 0 12px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);font-size:var(--font-size-s, 14px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);background:var(--Gray-Gray-50, #f7f8fa);outline:none;transition:border-color 0.15s}.search-input:focus{border-color:var(--Info-Info-500, #50a5f1);background:var(--Neutral-White, #ffffff)}.search-input::placeholder{color:var(--Gray-Gray-400, #858ea6)}.search-icon{position:absolute;right:10px;display:flex;align-items:center;pointer-events:none}.options-list{max-height:280px;overflow-y:auto;background:var(--Neutral-White, #ffffff)}.options-list::-webkit-scrollbar{width:6px}.options-list::-webkit-scrollbar-track{background:transparent}.options-list::-webkit-scrollbar-thumb{background:var(--Gray-Gray-200, #c3c9d9);border-radius:4px}.group-label{padding:14px 16px 8px;font-size:var(--font-size-m, 16px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-800, #1f2433);background:var(--Neutral-White, #ffffff)}.city-option{padding:10px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;font-size:var(--font-size-s, 14px);color:var(--Gray-Gray-700, #32394d);background:var(--Neutral-White, #ffffff);transition:background 0.1s;user-select:none}.city-option:hover{background:var(--Gray-Gray-50, #f7f8fa)}.city-option--selected .city-label{color:var(--Gray-Gray-800, #1f2433);font-weight:var(--font-weight-medium, 500)}.checkbox{width:22px;height:22px;border:1.5px solid var(--Gray-Gray-300, #c3c9d9);border-radius:var(--Border-1, 6px);background:var(--Neutral-White, #ffffff);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color 0.15s, background 0.15s}.checkbox--checked{border-color:var(--Primary-Primary-500, #f49a3d);background:var(--Primary-Primary-500, #f49a3d)}.city-label{flex:1}.no-results{padding:20px 16px;text-align:center;color:var(--Gray-Gray-400, #858ea6);font-size:var(--font-size-s, 14px)}"}},[513,"dropi-city-selector",{options:[1],selectedCities:[1025,"selected-cities"],placeholder:[1],disabled:[4],isOpen:[32],selected:[32],parsedOptions:[32],searchTerm:[32]},[[4,"click","handleDocClick"]],{options:[{optionsChanged:0}],selectedCities:[{selectedChanged:0}]}]);function c(){"undefined"!=typeof customElements&&["dropi-city-selector","dropi-icon"].forEach((r=>{switch(r){case"dropi-city-selector":customElements.get(e(r))||customElements.define(e(r),s);break;case"dropi-icon":customElements.get(e(r))||o()}}))}c();const d=s,n=c;export{d as DropiCitySelector,n as defineCustomElement}
+import{t as e,p as r,H as t,c as i,h as a}from"./index.js";import{d as o}from"./p-D13d88W3.js";const s=r(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.selectedCitiesChange=i(this,"selectedCitiesChange",7)}options=[];selectedCities=[];placeholder="Seleccione una ciudad";disabled=!1;selectedCitiesChange;isOpen=!1;selected=[];parsedOptions=[];searchTerm="";get el(){return this}handleDocClick(e){this.isOpen&&!e.composedPath().includes(this.el)&&(this.isOpen=!1)}optionsChanged(e){this.parsedOptions=null!=e?"string"==typeof e?JSON.parse(e):e:[]}selectedChanged(e){this.selected=null!=e?"string"==typeof e?JSON.parse(e):[...e]:[]}componentWillLoad(){this.optionsChanged(this.options),this.selectedChanged(this.selectedCities)}get filtered(){if(!this.searchTerm)return this.parsedOptions;const e=this.searchTerm.toLowerCase();return this.parsedOptions.map((r=>({...r,items:r.items.filter((r=>r.label.toLowerCase().includes(e)))}))).filter((e=>e.items.length>0))}toggle(){this.disabled||(this.isOpen=!this.isOpen)}toggleCity(e,r){r.stopPropagation(),this.selected=this.selected.includes(e)?this.selected.filter((r=>r!==e)):[...this.selected,e],this.selectedCitiesChange.emit([...this.selected])}removeCity(e,r){r.stopPropagation(),this.selected=this.selected.filter((r=>r!==e)),this.selectedCitiesChange.emit([...this.selected])}getLabel(e){for(const r of this.parsedOptions){const t=r.items.find((r=>r.value==e));if(t)return t.label}return e+""}render(){const e=this.filtered;return a("div",{key:"5b1e27677c34d0dc85dc9c8544e4b0ba9a66216b",class:{"city-selector":!0,"city-selector--disabled":this.disabled}},a("button",{key:"e359c1baff0a255cd396ee35836430486bc67cd3",type:"button",class:"selector-trigger",disabled:this.disabled,onClick:()=>this.toggle(),"aria-haspopup":"listbox","aria-expanded":this.isOpen},a("div",{key:"082246999f826e8cfe1b2d09fd801a5d7db7e1b2",class:"chips-area"},0===this.selected.length&&a("span",{key:"90453c84cae3561412f795ec1ffc01923cd87040",class:"placeholder"},this.placeholder),this.selected.map((e=>a("span",{class:"chip",key:e+""},this.getLabel(e),a("button",{type:"button",class:"chip-remove","aria-label":"Quitar",onClick:r=>this.removeCity(e,r)},a("dropi-icon",{name:"Close-small",width:"10px",height:"10px",color:"Primary-Primary-500"})))))),a("dropi-icon",{key:"27f05e3fcf08bdb4e83ee52f7bba02a5c87f2d3e",name:this.isOpen?"Arrow-Up-2":"Arrow-Down-2",width:"16px",height:"16px",color:"Gray-Gray-500"})),this.isOpen&&a("div",{key:"2fd2d164c186d9d4d1f6664e531449373dfce023",class:"dropdown",role:"listbox"},a("div",{key:"e6fb9fc7938296d696598e2984167cec5d693b07",class:"search-wrap"},a("div",{key:"9a56582e19bf264065bb11e9bccdf3179e56fb7b",class:"search-field"},a("input",{key:"9228debd9abc4e2a884006bd45046e8e5b3cce25",class:"search-input",type:"text",placeholder:"Buscar...",value:this.searchTerm,onInput:e=>{this.searchTerm=e.target.value},autoComplete:"off"}),a("span",{key:"609751d699dc6227347ec565ff14c3f35fa9a6cf",class:"search-icon"},a("dropi-icon",{key:"fcacc7c73eeb3f2dc27f83f9dfcbe2476b85136e",name:"Search",width:"16px",height:"16px",color:"Gray-Gray-400"})))),a("div",{key:"c71c2b0303f37169ee221387aeec6ceea499b8e1",class:"options-list"},0===e.length&&a("div",{key:"a5525ef28be665b337658032318507ae01f69a0d",class:"no-results"},"Sin resultados"),e.map((e=>a("div",{key:e.value,class:"group"},a("div",{class:"group-label"},e.label),e.items.map((e=>{const r=this.selected.includes(e.value);return a("div",{key:e.value+"",class:{"city-option":!0,"city-option--selected":r},onClick:r=>this.toggleCity(e.value,r),role:"option","aria-selected":r},a("span",{class:{checkbox:!0,"checkbox--checked":r}},r&&a("dropi-icon",{name:"Check",width:"10px",height:"10px",color:"Neutral-White"})),a("span",{class:"city-label"},e.label))}))))))))}static get watchers(){return{options:[{optionsChanged:0}],selectedCities:[{selectedChanged:0}]}}static get style(){return":host{display:block;width:100%;position:relative}*,*::before,*::after{box-sizing:border-box}.city-selector{position:relative;width:100%}.selector-trigger{width:100%;min-height:44px;padding:6px 12px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;text-align:left;font-family:inherit;transition:border-color 0.15s}.selector-trigger:hover:not(:disabled){border-color:var(--Gray-Gray-300, #a3abbf)}.selector-trigger:focus{outline:none;border-color:var(--Info-Info-500, #50a5f1)}.city-selector--disabled .selector-trigger{background:var(--Gray-Gray-50, #f7f8fa);border-color:var(--Gray-Gray-100, #e6eaf2);cursor:not-allowed;opacity:0.6}.chips-area{display:flex;flex-wrap:wrap;gap:4px;flex:1;min-height:26px;align-items:center}.placeholder{color:var(--Gray-Gray-400, #858ea6);font-size:var(--font-size-s, 14px)}.chip{display:inline-flex;align-items:center;gap:4px;background:var(--Primary-Primary-50, #fff8f0);border:1px solid var(--Primary-Primary-200, #fcd5a8);border-radius:var(--Border-1, 4px);padding:2px 6px;font-size:var(--font-size-xs, 12px);color:var(--Primary-Primary-700, #b85c00)}.chip-remove{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--Neutral-White, #ffffff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);box-shadow:0 8px 24px rgba(0, 0, 0, 0.10);z-index:200;overflow:hidden}.search-wrap{padding:10px 12px;border-bottom:1px solid var(--Gray-Gray-100, #e6eaf2)}.search-field{position:relative;display:flex;align-items:center}.search-input{width:100%;height:36px;padding:0 36px 0 12px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);font-size:var(--font-size-s, 14px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);background:var(--Gray-Gray-50, #f7f8fa);outline:none;transition:border-color 0.15s}.search-input:focus{border-color:var(--Info-Info-500, #50a5f1);background:var(--Neutral-White, #ffffff)}.search-input::placeholder{color:var(--Gray-Gray-400, #858ea6)}.search-icon{position:absolute;right:10px;display:flex;align-items:center;pointer-events:none}.options-list{max-height:280px;overflow-y:auto;background:var(--Neutral-White, #ffffff)}.options-list::-webkit-scrollbar{width:6px}.options-list::-webkit-scrollbar-track{background:transparent}.options-list::-webkit-scrollbar-thumb{background:var(--Gray-Gray-200, #c3c9d9);border-radius:4px}.group-label{padding:14px 16px 8px;font-size:var(--font-size-m, 16px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-800, #1f2433);background:var(--Neutral-White, #ffffff)}.city-option{padding:10px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;font-size:var(--font-size-s, 14px);color:var(--Gray-Gray-700, #32394d);background:var(--Neutral-White, #ffffff);transition:background 0.1s;user-select:none}.city-option:hover{background:var(--Gray-Gray-50, #f7f8fa)}.city-option--selected .city-label{color:var(--Gray-Gray-800, #1f2433);font-weight:var(--font-weight-medium, 500)}.checkbox{width:22px;height:22px;border:1.5px solid var(--Gray-Gray-300, #c3c9d9);border-radius:var(--Border-1, 6px);background:var(--Neutral-White, #ffffff);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color 0.15s, background 0.15s}.checkbox--checked{border-color:var(--Primary-Primary-500, #f49a3d);background:var(--Primary-Primary-500, #f49a3d)}.city-label{flex:1}.no-results{padding:20px 16px;text-align:center;color:var(--Gray-Gray-400, #858ea6);font-size:var(--font-size-s, 14px)}"}},[513,"dropi-city-selector",{options:[1],selectedCities:[1025,"selected-cities"],placeholder:[1],disabled:[4],isOpen:[32],selected:[32],parsedOptions:[32],searchTerm:[32]},[[4,"click","handleDocClick"]],{options:[{optionsChanged:0}],selectedCities:[{selectedChanged:0}]}]);function c(){"undefined"!=typeof customElements&&["dropi-city-selector","dropi-icon"].forEach((r=>{switch(r){case"dropi-city-selector":customElements.get(e(r))||customElements.define(e(r),s);break;case"dropi-icon":customElements.get(e(r))||o()}}))}c();const n=s,d=c;export{n as DropiCitySelector,d as defineCustomElement}