npm - @dropi/ui - Versions diffs - 0.1.19 → 0.1.20 - Mend

@dropi/ui 0.1.19 → 0.1.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (450) hide show

package/dist/components/dropi-time-line.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{t,p as e,H as r,h as s}from"./index.js";import{d as a}from"./p-~~CPs3fHRc~~.js";const i=e(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}steps=[];get parsedSteps(){if("string"==typeof this.steps)try{return JSON.parse(this.steps)}catch{return[]}return this.steps\|\|[]}render(){const t=this.parsedSteps;return s("div",{key:"~~9391536f472117d8788456df24de433fc9f6ae1e~~",class:"timeline"},t.map(((e,r)=>{const a=r===t.length-1;return s("div",{class:{"tl-step":!0,["tl-step--"+e.status]:!0},key:e.id\|\|r},s("div",{class:"tl-step__marker"},s("div",{class:"tl-step__icon"},e.icon?s("dropi-icon",{name:e.icon,width:"16px",height:"16px",color:"done"===e.status?"Neutral-White":"active"===e.status?"Primary-Primary-500":"Gray-Gray-400"}):s("span",{class:"tl-step__dot"})),!a~~&&s~~("div",{class:"tl-step__line"})),s("div",{class:"tl-step__content"},s("span",{class:"tl-step__label"},e.label),e.subtitle&&s("span",{class:"tl-step__subtitle"},e.subtitle)))})))}static get style(){return":host{display:block},::before,*::after{box-sizing:border-box}.timeline{display:flex;flex-direction:column}.tl-step{display:flex;align-items:flex-start;gap:var(--Size-3, 12px)}.tl-step__marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.tl-step__icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background 0.2s, border-color 0.2s}.tl-step--pending .tl-step__icon{background:var(--Gray-Gray-100, #e6eaf2);border:2px solid var(--Gray-Gray-200, #c3c9d9)}.tl-step--active .tl-step__icon{background:var(--Neutral-White, #fff);border:2px solid var(--Primary-Primary-500, #f49a3d);box-shadow:0 0 0 4px var(--Primary-Primary-100, #fde9d0)}.tl-step--done .tl-step__icon{background:var(--Primary-Primary-500, #f49a3d);border:2px solid var(--Primary-Primary-500, #f49a3d)}.tl-step__dot{width:8px;height:8px;border-radius:50%;display:block}.tl-step--pending .tl-step__dot{background:var(--Gray-Gray-300, #a3abbf)}.tl-step--active .tl-step__dot{background:var(--Primary-Primary-500, #f49a3d)}.tl-step--done .tl-step__dot{background:var(--Neutral-White, #fff)}.tl-step__line{flex:1;width:2px;min-height:24px;margin:4px 0;background:var(--Gray-Gray-200, #c3c9d9)}.tl-step--done+.tl-step .tl-step__line,.tl-step--done .tl-step__line{background:var(--Primary-Primary-500, #f49a3d)}.tl-step__content{display:flex;flex-direction:column;gap:2px;padding-top:6px;padding-bottom:var(--Size-4, 16px)}.tl-step__label{font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d)}.tl-step--pending .tl-step__label{color:var(--Gray-Gray-400, #858ea6);font-weight:var(--font-weight-regular, 400)}.tl-step__subtitle{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #69738c)}"}},[513,"dropi-time-line",{steps:[1]}]);function l(){"undefined"!=typeof customElements&&["dropi-time-line","dropi-icon"].forEach((e=>{switch(e){case"dropi-time-line":customElements.get(t(e))\|\|customElements.define(t(e),i);break;case"dropi-icon":customElements.get(t(e))\|\|a()}}))}l();const o=i,n=l;export{o as DropiTimeLine,n as defineCustomElement}
1	+ import{t,p as e,H as r,h as a}from"./index.js";import{d as s}from"./p-wO1yy0Zr.js";const i=e(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}steps=[];get parsedSteps(){if("string"==typeof this.steps)try{return JSON.parse(this.steps)}catch{return[]}return this.steps\|\|[]}render(){const t=this.parsedSteps;return a("div",{key:"b8a4dee055ec85242e2a62a497a6b13fcea29bbc",class:"timeline"},t.map(((e,r)=>{const s=r===t.length-1;return a("div",{class:{"tl-step":!0,["tl-step--"+e.status]:!0},key:e.id\|\|r},a("div",{class:"tl-step__marker"},a("div",{class:"tl-step__icon"},e.icon?a("dropi-icon",{name:e.icon,width:"16px",height:"16px",color:"done"===e.status?"Neutral-White":"active"===e.status?"Primary-Primary-500":"Gray-Gray-400"}):a("span",{class:"tl-step__dot"})),!s&&a("div",{class:"tl-step__line"})),a("div",{class:"tl-step__content"},a("span",{class:"tl-step__label"},e.label),e.subtitle&&a("span",{class:"tl-step__subtitle"},e.subtitle)))})))}static get style(){return":host{display:block},::before,*::after{box-sizing:border-box}.timeline{display:flex;flex-direction:column}.tl-step{display:flex;align-items:flex-start;gap:var(--Size-3, 12px)}.tl-step__marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.tl-step__icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background 0.2s, border-color 0.2s}.tl-step--pending .tl-step__icon{background:var(--Gray-Gray-100, #e6eaf2);border:2px solid var(--Gray-Gray-200, #c3c9d9)}.tl-step--active .tl-step__icon{background:var(--Neutral-White, #fff);border:2px solid var(--Primary-Primary-500, #f49a3d);box-shadow:0 0 0 4px var(--Primary-Primary-100, #fde9d0)}.tl-step--done .tl-step__icon{background:var(--Primary-Primary-500, #f49a3d);border:2px solid var(--Primary-Primary-500, #f49a3d)}.tl-step__dot{width:8px;height:8px;border-radius:50%;display:block}.tl-step--pending .tl-step__dot{background:var(--Gray-Gray-300, #a3abbf)}.tl-step--active .tl-step__dot{background:var(--Primary-Primary-500, #f49a3d)}.tl-step--done .tl-step__dot{background:var(--Neutral-White, #fff)}.tl-step__line{flex:1;width:2px;min-height:24px;margin:4px 0;background:var(--Gray-Gray-200, #c3c9d9)}.tl-step--done+.tl-step .tl-step__line,.tl-step--done .tl-step__line{background:var(--Primary-Primary-500, #f49a3d)}.tl-step__content{display:flex;flex-direction:column;gap:2px;padding-top:6px;padding-bottom:var(--Size-4, 16px)}.tl-step__label{font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d)}.tl-step--pending .tl-step__label{color:var(--Gray-Gray-400, #858ea6);font-weight:var(--font-weight-regular, 400)}.tl-step__subtitle{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #69738c)}"}},[513,"dropi-time-line",{steps:[1]}]);function l(){"undefined"!=typeof customElements&&["dropi-time-line","dropi-icon"].forEach((e=>{switch(e){case"dropi-time-line":customElements.get(t(e))\|\|customElements.define(t(e),i);break;case"dropi-icon":customElements.get(t(e))\|\|s()}}))}l();const o=i,n=l;export{o as DropiTimeLine,n as defineCustomElement}

package/dist/components/dropi-toast.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{t,p as e,H as i,h as o}from"./index.js";import{d as s}from"./p-~~CPs3fHRc~~.js";const a=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}position="top-right";life=4e3;items=[];idCounter=0;async show(t){const e=t.id??"t"+ ++this.idCounter,i={msg:{...t,id:e,closable:t.closable??!0},leaving:!1};this.items=[...this.items,i];const o=void 0!==t.life?t.life:this.life;o>0&&(i.timer=setTimeout((()=>this.remove(e)),o))}async clear(){this.items.forEach((t=>{t.timer&&clearTimeout(t.timer)})),this.items=[]}remove(t){this.items=this.items.map((e=>e.msg.id===t?{...e,leaving:!0}:e)),setTimeout((()=>{this.items=this.items.filter((e=>e.msg.id!==t))}),320)}lottieMap={success:"/assets/lottie-files/success.json",error:"/assets/lottie-files/failure.json",warn:"/assets/lottie-files/warning.json",info:"/assets/lottie-files/question.json"};getLottieHtml(t){return`<lottie-player src="${this.lottieMap[t]}" background="transparent" speed="1" loop autoplay></lottie-player>`}render(){return o("div",{key:"~~ee7e397e3ae32ac5a30b9a37777823315d2e653d~~",class:"toast-container toast-container--"+this.position},this.items.map((t=>o("div",{key:t.msg.id,class:{"toast-wrapper":!0,"toast-wrapper--leaving":t.leaving}},o("div",{class:"toast toast--"+t.msg.severity},o("div",{class:"toast-content"},o("div",{class:"lottie-img"},o("div",{class:"lottie-player-container",innerHTML:this.getLottieHtml(t.msg.severity)})),o("div",{class:"info-container"},o("p",{class:"title"},t.msg.summary),t.msg.detail&&o("p",{class:"description"},t.msg.detail))),t.msg.closable&&o("button",{class:"toast-close",onClick:()=>this.remove(t.msg.id)},o("dropi-icon",{name:"Close-small",width:"20px",height:"20px",color:"Gray-Gray-400"})))))))}static get style(){return":host{display:contents},::before,*::after{box-sizing:border-box}.toast-container{position:fixed;z-index:9999;display:flex;flex-direction:column;gap:8px;max-width:380px;width:100%;pointer-events:none}.toast-container--top-right{top:80px;right:0;padding:var(--Size-2, 8px)}.toast-container--top-left{top:80px;left:0;padding:var(--Size-2, 8px)}.toast-container--bottom-right{bottom:24px;right:0;padding:var(--Size-2, 8px);flex-direction:column-reverse}.toast-container--bottom-left{bottom:24px;left:0;padding:var(--Size-2, 8px);flex-direction:column-reverse}.toast-container--top-center{top:80px;left:50%;transform:translateX(-50%);padding:var(--Size-2, 8px)}.toast-container--bottom-center{bottom:24px;left:50%;transform:translateX(-50%);padding:var(--Size-2, 8px);flex-direction:column-reverse}.toast-wrapper{pointer-events:auto;animation:toast-in 0.28s ease;transition:opacity 0.28s ease, transform 0.28s ease, max-height 0.32s ease;overflow:hidden;max-height:200px}.toast-wrapper--leaving{opacity:0;transform:translateX(20px);max-height:0;pointer-events:none}@keyframes toast-in{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.toast{position:relative;display:flex;align-items:flex-start;border-radius:var(--Border-2,8px);background:var(--Neutral-White,#fff);box-shadow:0.5px -1px 7px 0px rgba(0, 0, 0, 0.06);border-left:var(--Size-2, 8px) solid;overflow:hidden;min-width:300px}.toast--success{border-color:var(--Success-Success-500,#34c38f)}.toast--error{border-color:var(--Error-Error-500,#f46a6b)}.toast--warn{border-color:var(--Warning-Warning-500,#f1b44c)}.toast--info{border-color:var(--Info-Info-500,#50a5f1)}.toast-content{display:flex;flex-direction:row;align-items:flex-start;padding:var(--Size-5) var(--Size-5) var(--Size-5) calc(var(--Size-5) - var(--Size-2, 8px));gap:var(--Size-4, 16px)}.lottie-img{width:50px;height:50px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.lottie-player-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;align-items:center;justify-content:center}lottie-player{width:100%;height:100%;display:block}.info-container{flex:1;min-width:0;align-self:center;display:flex;flex-direction:column;gap:var(--Size-1, 4px)}.title{margin:0;font-size:var(--font-size-l,18px);font-weight:var(--font-weight-bold,700);color:var(--Gray-Gray-700,#32394d);line-height:1.1;text-align:left;max-width:250px}.description{margin:0;font-size:var(--font-size-s,14px);color:var(--Gray-Gray-500,#6b7280);line-height:1.4;text-align:left;max-width:250px}.toast-close{position:absolute;top:18px;right:10px;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-close:hover{opacity:0.7}"}},[513,"dropi-toast",{position:[1],life:[2],items:[32],show:[64],clear:[64]}]);function r(){"undefined"!=typeof customElements&&["dropi-toast","dropi-icon"].forEach((e=>{switch(e){case"dropi-toast":customElements.get(t(e))\|\|customElements.define(t(e),a);break;case"dropi-icon":customElements.get(t(e))\|\|s()}}))}r();const n=a,l=r;export{n as DropiToast,l as defineCustomElement}
1	+ import{t,p as e,H as i,h as o}from"./index.js";import{d as s}from"./p-wO1yy0Zr.js";const a=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}position="top-right";life=4e3;items=[];idCounter=0;async show(t){const e=t.id??"t"+ ++this.idCounter,i={msg:{...t,id:e,closable:t.closable??!0},leaving:!1};this.items=[...this.items,i];const o=void 0!==t.life?t.life:this.life;o>0&&(i.timer=setTimeout((()=>this.remove(e)),o))}async clear(){this.items.forEach((t=>{t.timer&&clearTimeout(t.timer)})),this.items=[]}remove(t){this.items=this.items.map((e=>e.msg.id===t?{...e,leaving:!0}:e)),setTimeout((()=>{this.items=this.items.filter((e=>e.msg.id!==t))}),320)}lottieMap={success:"/assets/lottie-files/success.json",error:"/assets/lottie-files/failure.json",warn:"/assets/lottie-files/warning.json",info:"/assets/lottie-files/question.json"};getLottieHtml(t){return`<lottie-player src="${this.lottieMap[t]}" background="transparent" speed="1" loop autoplay></lottie-player>`}render(){return o("div",{key:"c29bfdfa90eb237f24a4d682ae05e7c29b754404",class:"toast-container toast-container--"+this.position},this.items.map((t=>o("div",{key:t.msg.id,class:{"toast-wrapper":!0,"toast-wrapper--leaving":t.leaving}},o("div",{class:"toast toast--"+t.msg.severity},o("div",{class:"toast-content"},o("div",{class:"lottie-img"},o("div",{class:"lottie-player-container",innerHTML:this.getLottieHtml(t.msg.severity)})),o("div",{class:"info-container"},o("p",{class:"title"},t.msg.summary),t.msg.detail&&o("p",{class:"description"},t.msg.detail))),t.msg.closable&&o("button",{class:"toast-close",onClick:()=>this.remove(t.msg.id)},o("dropi-icon",{name:"Close-small",width:"20px",height:"20px",color:"Gray-Gray-400"})))))))}static get style(){return":host{display:contents},::before,*::after{box-sizing:border-box}.toast-container{position:fixed;z-index:9999;display:flex;flex-direction:column;gap:8px;max-width:380px;width:100%;pointer-events:none}.toast-container--top-right{top:80px;right:0;padding:var(--Size-2, 8px)}.toast-container--top-left{top:80px;left:0;padding:var(--Size-2, 8px)}.toast-container--bottom-right{bottom:24px;right:0;padding:var(--Size-2, 8px);flex-direction:column-reverse}.toast-container--bottom-left{bottom:24px;left:0;padding:var(--Size-2, 8px);flex-direction:column-reverse}.toast-container--top-center{top:80px;left:50%;transform:translateX(-50%);padding:var(--Size-2, 8px)}.toast-container--bottom-center{bottom:24px;left:50%;transform:translateX(-50%);padding:var(--Size-2, 8px);flex-direction:column-reverse}.toast-wrapper{pointer-events:auto;animation:toast-in 0.28s ease;transition:opacity 0.28s ease, transform 0.28s ease, max-height 0.32s ease;overflow:hidden;max-height:200px}.toast-wrapper--leaving{opacity:0;transform:translateX(20px);max-height:0;pointer-events:none}@keyframes toast-in{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.toast{position:relative;display:flex;align-items:flex-start;border-radius:var(--Border-2,8px);background:var(--Neutral-White,#fff);box-shadow:0.5px -1px 7px 0px rgba(0, 0, 0, 0.06);border-left:var(--Size-2, 8px) solid;overflow:hidden;min-width:300px}.toast--success{border-color:var(--Success-Success-500,#34c38f)}.toast--error{border-color:var(--Error-Error-500,#f46a6b)}.toast--warn{border-color:var(--Warning-Warning-500,#f1b44c)}.toast--info{border-color:var(--Info-Info-500,#50a5f1)}.toast-content{display:flex;flex-direction:row;align-items:flex-start;padding:var(--Size-5) var(--Size-5) var(--Size-5) calc(var(--Size-5) - var(--Size-2, 8px));gap:var(--Size-4, 16px)}.lottie-img{width:50px;height:50px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.lottie-player-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;align-items:center;justify-content:center}lottie-player{width:100%;height:100%;display:block}.info-container{flex:1;min-width:0;align-self:center;display:flex;flex-direction:column;gap:var(--Size-1, 4px)}.title{margin:0;font-size:var(--font-size-l,18px);font-weight:var(--font-weight-bold,700);color:var(--Gray-Gray-700,#32394d);line-height:1.1;text-align:left;max-width:250px}.description{margin:0;font-size:var(--font-size-s,14px);color:var(--Gray-Gray-500,#6b7280);line-height:1.4;text-align:left;max-width:250px}.toast-close{position:absolute;top:18px;right:10px;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-close:hover{opacity:0.7}"}},[513,"dropi-toast",{position:[1],life:[2],items:[32],show:[64],clear:[64]}]);function r(){"undefined"!=typeof customElements&&["dropi-toast","dropi-icon"].forEach((e=>{switch(e){case"dropi-toast":customElements.get(t(e))\|\|customElements.define(t(e),a);break;case"dropi-icon":customElements.get(t(e))\|\|s()}}))}r();const n=a,l=r;export{n as DropiToast,l as defineCustomElement}

package/dist/components/dropi-tooltip.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{t,p as o,H as e,h as r}from"./index.js";const i=o(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}text="";position="top";maxWidth="280px";showDelay=0;visible=!1;showTimer=null;show=()=>{this.showDelay>0?this.showTimer=setTimeout((()=>{this.visible=!0}),this.showDelay):this.visible=!0};hide=()=>{this.showTimer&&(clearTimeout(this.showTimer),this.showTimer=null),this.visible=!1};render(){return r("div",{key:"~~fa52d7ff250fe76fefd529f2dab27338d0a8bd0a~~",class:"tooltip-wrapper",onMouseEnter:this.show,onMouseLeave:this.hide,onFocusin:this.show,onFocusout:this.hide},r("slot",{key:"~~e301fead7186cec3b817a9339a0878006b750cbf~~"}),this.text&&r("div",{key:"~~e24cb85fd227d0f96935dfe6095804ad9fcbc140~~",class:{"tooltip-bubble":!0,["tooltip-bubble--"+this.position]:!0,"tooltip-bubble--visible":this.visible},style:{maxWidth:this.maxWidth},role:"tooltip"},this.text,r("span",{key:"~~a2dbe5693bfb2c0894d20bc2831d303b5634869e~~",class:"tooltip-arrow tooltip-arrow--"+this.position})))}static get style(){return":host{display:inline-block},::before,*::after{box-sizing:border-box}.tooltip-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}.tooltip-bubble{position:absolute;z-index:9999;background:#1f2433;color:var(--Neutral-White,#fff);font-size:var(--font-size-s,14px);line-height:1.5;padding:8px 12px;border-radius:8px;white-space:normal;pointer-events:none;opacity:0;transition:opacity 0.15s ease, transform 0.15s ease;word-break:break-word;box-shadow:var(--Shadow-medium);text-align:left;width:max-content}.tooltip-bubble--visible{opacity:1}.tooltip-bubble--top{bottom:calc(100% + 12px);left:50%;transform:translateX(-50%)}.tooltip-bubble--bottom{top:calc(100% + 12px);left:50%;transform:translateX(-50%)}.tooltip-bubble--left{right:calc(100% + 12px);top:50%;transform:translateY(-50%)}.tooltip-bubble--right{left:calc(100% + 12px);top:50%;transform:translateY(-50%)}.tooltip-arrow{position:absolute;width:12px;height:6px}.tooltip-arrow::before{content:'';position:absolute;width:0;height:0}.tooltip-arrow--top{top:100%;left:50%;transform:translateX(-50%)}.tooltip-arrow--top::before{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #1f2433}.tooltip-arrow--bottom{bottom:100%;left:50%;transform:translateX(-50%)}.tooltip-arrow--bottom::before{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #1f2433}.tooltip-arrow--left{left:100%;top:50%;transform:translateY(-50%)}.tooltip-arrow--left::before{border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #1f2433}.tooltip-arrow--right{right:100%;top:50%;transform:translateY(-50%)}.tooltip-arrow--right::before{border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #1f2433}"}},[769,"dropi-tooltip",{text:[1],position:[1],maxWidth:[1,"max-width"],showDelay:[2,"show-delay"],visible:[32]}]);function s(){"undefined"!=typeof customElements&&["dropi-tooltip"].forEach((o=>{"dropi-tooltip"===o&&(customElements.get(t(o))\|\|customElements.define(t(o),i))}))}s();const a=i,l=s;export{a as DropiTooltip,l as defineCustomElement}
1	+ import{t,p as o,H as e,h as r}from"./index.js";const i=o(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}text="";position="top";maxWidth="280px";showDelay=0;visible=!1;showTimer=null;show=()=>{this.showDelay>0?this.showTimer=setTimeout((()=>{this.visible=!0}),this.showDelay):this.visible=!0};hide=()=>{this.showTimer&&(clearTimeout(this.showTimer),this.showTimer=null),this.visible=!1};render(){return r("div",{key:"9f328904e1954d08cf18d51ca765f07ec8b9d3c1",class:"tooltip-wrapper",onMouseEnter:this.show,onMouseLeave:this.hide,onFocusin:this.show,onFocusout:this.hide},r("slot",{key:"697ebc090a9b3d7db25666b6ae8726bc9c389d3c"}),this.text&&r("div",{key:"f82c4ad44cd13b3eb7fd3bbfa54bb598166fba1c",class:{"tooltip-bubble":!0,["tooltip-bubble--"+this.position]:!0,"tooltip-bubble--visible":this.visible},style:{maxWidth:this.maxWidth},role:"tooltip"},this.text,r("span",{key:"f850e6f1b5a66a686e9741b3d5e9df3bd5b81e95",class:"tooltip-arrow tooltip-arrow--"+this.position})))}static get style(){return":host{display:inline-block},::before,*::after{box-sizing:border-box}.tooltip-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}.tooltip-bubble{position:absolute;z-index:9999;background:#1f2433;color:var(--Neutral-White,#fff);font-size:var(--font-size-s,14px);line-height:1.5;padding:8px 12px;border-radius:8px;white-space:normal;pointer-events:none;opacity:0;transition:opacity 0.15s ease, transform 0.15s ease;word-break:break-word;box-shadow:var(--Shadow-medium);text-align:left;width:max-content}.tooltip-bubble--visible{opacity:1}.tooltip-bubble--top{bottom:calc(100% + 12px);left:50%;transform:translateX(-50%)}.tooltip-bubble--bottom{top:calc(100% + 12px);left:50%;transform:translateX(-50%)}.tooltip-bubble--left{right:calc(100% + 12px);top:50%;transform:translateY(-50%)}.tooltip-bubble--right{left:calc(100% + 12px);top:50%;transform:translateY(-50%)}.tooltip-arrow{position:absolute;width:12px;height:6px}.tooltip-arrow::before{content:'';position:absolute;width:0;height:0}.tooltip-arrow--top{top:100%;left:50%;transform:translateX(-50%)}.tooltip-arrow--top::before{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #1f2433}.tooltip-arrow--bottom{bottom:100%;left:50%;transform:translateX(-50%)}.tooltip-arrow--bottom::before{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #1f2433}.tooltip-arrow--left{left:100%;top:50%;transform:translateY(-50%)}.tooltip-arrow--left::before{border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #1f2433}.tooltip-arrow--right{right:100%;top:50%;transform:translateY(-50%)}.tooltip-arrow--right::before{border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #1f2433}"}},[769,"dropi-tooltip",{text:[1],position:[1],maxWidth:[1,"max-width"],showDelay:[2,"show-delay"],visible:[32]}]);function s(){"undefined"!=typeof customElements&&["dropi-tooltip"].forEach((o=>{"dropi-tooltip"===o&&(customElements.get(t(o))\|\|customElements.define(t(o),i))}))}s();const a=i,l=s;export{a as DropiTooltip,l as defineCustomElement}

package/dist/components/dropi-vertical-steps.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{t as e,p as r,H as t,c as s,h as i}from"./index.js";import{d as c}from"./p-~~CPs3fHRc~~.js";const a=r(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiStepClick=s(this,"dropiStepClick")}steps=[];currentStep=1;clickable=!1;showCheckIcon=!0;dropiStepClick;get parsedSteps(){if("string"==typeof this.steps)try{return JSON.parse(this.steps)}catch{return[]}return this.steps\|\|[]}resolveState(e,r){if(r.state)return r.state;const t=e+1;return t<this.currentStep?"completed":t===this.currentStep?"current":"pending"}render(){const e=this.parsedSteps;return i("div",{key:"~~4e23932cbc36257cf0f435735d95fc68be174cb7~~",class:"vertical-steps"},e.map(((r,t)=>{const s=this.resolveState(t,r),c=t===e.length-1,a=this.clickable&&"completed"===s;return i("div",{class:{"v-step":!0,"v-step--clickable":a},key:t,onClick:()=>a&&this.dropiStepClick.emit(t+1)},i("div",{class:"v-step__indicator"},i("div",{class:{"v-step__circle":!0,["v-step__circle--"+s]:!0}},"completed"===s&&this.showCheckIcon?i("dropi-icon",{name:"Check",width:"12px",height:"12px",color:"Neutral-White"}):i("span",{class:"v-step__number"},t+1)),!c&&i("div",{class:{"v-step__line":!0,"v-step__line--done":"completed"===s}})),i("span",{class:{"v-step__label":!0,["v-step__label--"+s]:!0}},r.label))})))}static get style(){return":host{display:block},::before,*::after{box-sizing:border-box}.vertical-steps{display:flex;flex-direction:column}.v-step{display:flex;align-items:flex-start;gap:var(--Size-3, 12px)}.v-step--clickable{cursor:pointer}.v-step__indicator{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.v-step__circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.2s, border-color 0.2s}.v-step__circle--pending{background:var(--Neutral-White, #fff);border:2px solid var(--Gray-Gray-200, #c3c9d9)}.v-step__circle--current{background:var(--Neutral-White, #fff);border:2px solid var(--Primary-Primary-500, #f49a3d)}.v-step__circle--completed{background:var(--Primary-Primary-500, #f49a3d);border:2px solid var(--Primary-Primary-500, #f49a3d)}.v-step__number{font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-500, #69738c)}.v-step__circle--current .v-step__number{color:var(--Primary-Primary-500, #f49a3d)}.v-step__line{flex:1;width:2px;min-height:24px;background:var(--Gray-Gray-200, #c3c9d9);margin:4px 0;transition:background 0.2s}.v-step__line--done{background:var(--Primary-Primary-500, #f49a3d)}.v-step__label{padding-top:4px;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066);line-height:1.4}.v-step__label--current{color:var(--Gray-Gray-800, #1a2033);font-weight:var(--font-weight-bold, 700)}.v-step__label--completed{color:var(--Gray-Gray-500, #69738c)}"}},[513,"dropi-vertical-steps",{steps:[1],currentStep:[2,"current-step"],clickable:[4],showCheckIcon:[4,"show-check-icon"]}]);function o(){"undefined"!=typeof customElements&&["dropi-vertical-steps","dropi-icon"].forEach((r=>{switch(r){case"dropi-vertical-steps":customElements.get(e(r))\|\|customElements.define(e(r),a);break;case"dropi-icon":customElements.get(e(r))\|\|c()}}))}o();const n=a,l=o;export{n as DropiVerticalSteps,l as defineCustomElement}
1	+ import{t as e,p as r,H as t,c as s,h as i}from"./index.js";import{d as c}from"./p-wO1yy0Zr.js";const a=r(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiStepClick=s(this,"dropiStepClick",7)}steps=[];currentStep=1;clickable=!1;showCheckIcon=!0;dropiStepClick;get parsedSteps(){if("string"==typeof this.steps)try{return JSON.parse(this.steps)}catch{return[]}return this.steps\|\|[]}resolveState(e,r){if(r.state)return r.state;const t=e+1;return t<this.currentStep?"completed":t===this.currentStep?"current":"pending"}render(){const e=this.parsedSteps;return i("div",{key:"ec06949df14eae6937921d930e37cf7638454263",class:"vertical-steps"},e.map(((r,t)=>{const s=this.resolveState(t,r),c=t===e.length-1,a=this.clickable&&"completed"===s;return i("div",{class:{"v-step":!0,"v-step--clickable":a},key:t,onClick:()=>a&&this.dropiStepClick.emit(t+1)},i("div",{class:"v-step__indicator"},i("div",{class:{"v-step__circle":!0,["v-step__circle--"+s]:!0}},"completed"===s&&this.showCheckIcon?i("dropi-icon",{name:"Check",width:"12px",height:"12px",color:"Neutral-White"}):i("span",{class:"v-step__number"},t+1)),!c&&i("div",{class:{"v-step__line":!0,"v-step__line--done":"completed"===s}})),i("span",{class:{"v-step__label":!0,["v-step__label--"+s]:!0}},r.label))})))}static get style(){return":host{display:block},::before,*::after{box-sizing:border-box}.vertical-steps{display:flex;flex-direction:column}.v-step{display:flex;align-items:flex-start;gap:var(--Size-3, 12px)}.v-step--clickable{cursor:pointer}.v-step__indicator{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.v-step__circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.2s, border-color 0.2s}.v-step__circle--pending{background:var(--Neutral-White, #fff);border:2px solid var(--Gray-Gray-200, #c3c9d9)}.v-step__circle--current{background:var(--Neutral-White, #fff);border:2px solid var(--Primary-Primary-500, #f49a3d)}.v-step__circle--completed{background:var(--Primary-Primary-500, #f49a3d);border:2px solid var(--Primary-Primary-500, #f49a3d)}.v-step__number{font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-500, #69738c)}.v-step__circle--current .v-step__number{color:var(--Primary-Primary-500, #f49a3d)}.v-step__line{flex:1;width:2px;min-height:24px;background:var(--Gray-Gray-200, #c3c9d9);margin:4px 0;transition:background 0.2s}.v-step__line--done{background:var(--Primary-Primary-500, #f49a3d)}.v-step__label{padding-top:4px;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066);line-height:1.4}.v-step__label--current{color:var(--Gray-Gray-800, #1a2033);font-weight:var(--font-weight-bold, 700)}.v-step__label--completed{color:var(--Gray-Gray-500, #69738c)}"}},[513,"dropi-vertical-steps",{steps:[1],currentStep:[2,"current-step"],clickable:[4],showCheckIcon:[4,"show-check-icon"]}]);function o(){"undefined"!=typeof customElements&&["dropi-vertical-steps","dropi-icon"].forEach((r=>{switch(r){case"dropi-vertical-steps":customElements.get(e(r))\|\|customElements.define(e(r),a);break;case"dropi-icon":customElements.get(e(r))\|\|c()}}))}o();const n=a,l=o;export{n as DropiVerticalSteps,l as defineCustomElement}

package/dist/components/dropi-youtube-lazy-video.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+interface DropiYoutubeLazyVideo extends Components.DropiYoutubeLazyVideo, HTMLElement {}
+export const DropiYoutubeLazyVideo: {
+    prototype: DropiYoutubeLazyVideo;
+    new (): DropiYoutubeLazyVideo;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/dropi-youtube-lazy-video.js ADDED Viewed

@@ -0,0 +1 @@

+ import{t as e,p as t,H as i,h as o}from"./index.js";import{d as r}from"./p-wO1yy0Zr.js";const a=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}videoId="";thumbnailSrc="";videoTitle="";isPlaying=!1;get thumbnail(){return this.thumbnailSrc?`/assets/images/${this.thumbnailSrc}.png`:`https://img.youtube.com/vi/${this.videoId}/hqdefault.jpg`}get videoUrl(){return`https://www.youtube.com/embed/${this.videoId}?autoplay=1&rel=0&modestbranding=1`}render(){return o("div",{key:"df20b4b0098b3283f266b012d56d3a0377a46420",class:"video-wrapper"+(this.isPlaying?" playing":"")},!this.isPlaying&&o("div",{key:"43b76b1e6d85da93b97ec0441331b82d567d2abe",class:"thumbnail",onClick:()=>{this.isPlaying=!0}},o("img",{key:"3719d3c151b9242f32b313047ccee4fc9b83f990",src:this.thumbnail,alt:"Video thumbnail "+this.videoId}),o("button",{key:"81c578b338b65168920cf38fb4dbc4ef82e6a1a7",class:"play-button","aria-label":"Reproducir video"},o("dropi-icon",{key:"ce505abe0eae58cf7d24eda6527168267e3412ea",name:"Play",width:"17px",height:"21px",color:"Neutral-White"}))),this.isPlaying&&o("iframe",{key:"bf25278bda2376f3de5776057223a139e8112d33",src:this.videoUrl,title:this.videoTitle,frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,loading:"lazy"}))}static get style(){return":host{display:block;width:100%}.video-wrapper{position:relative;width:100%;padding-bottom:56.25%;background:#000;overflow:hidden;border-radius:12px}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden}.thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.thumbnail:hover img{transform:scale(1.05)}.play-button{position:absolute;color:white;border:none;border-radius:50%;width:70px;height:70px;cursor:pointer;transition:background 0.3s ease;background:rgba(14, 17, 26, 0.6);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center}.play-button:hover{background:rgba(0, 0, 0, 0.8)}@media screen and (max-width: 768px){.play-button{width:40px;height:40px}}"}},[513,"dropi-youtube-lazy-video",{videoId:[1,"video-id"],thumbnailSrc:[1,"thumbnail-src"],videoTitle:[1,"video-title"],isPlaying:[32]}]);function d(){"undefined"!=typeof customElements&&["dropi-youtube-lazy-video","dropi-icon"].forEach((t=>{switch(t){case"dropi-youtube-lazy-video":customElements.get(e(t))||customElements.define(e(t),a);break;case"dropi-icon":customElements.get(e(t))||r()}}))}d();const s=a,n=d;export{s as DropiYoutubeLazyVideo,n as defineCustomElement}

package/dist/components/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- const e=":root{--Primary-Primary-50:#fef8f2;--Primary-Primary-100:#ffecda;--Primary-Primary-200:#fcddbd;--Primary-Primary-300:#f2bc85;--Primary-Primary-400:#f7b46f;--Primary-Primary-500:#f49a3d;--Primary-Primary-600:#e58017;--Primary-Primary-700:#99540f;--Primary-Primary-800:#66380a;--Primary-Primary-900:#331c05;--Secondary-Secondary-50:#f0fafc;--Secondary-Secondary-100:#cee8f2;--Secondary-Secondary-200:#95d0e5;--Secondary-Secondary-300:#62bad9;--Secondary-Secondary-400:#33a4cc;--Secondary-Secondary-500:#008dbf;--Secondary-Secondary-600:#007199;--Secondary-Secondary-700:#005573;--Secondary-Secondary-800:#00384d;--Secondary-Secondary-900:#001c26;--Neutral-White:#ffffff;--Neutral-Black:#000000;--Gray-Gray-50:#f7f8fa;--Gray-Gray-100:#e6eaf2;--Gray-Gray-200:#c3c9d9;--Gray-Gray-300:#a3abbf;--Gray-Gray-400:#858ea6;--Gray-Gray-500:#69738c;--Gray-Gray-600:#475066;--Gray-Gray-700:#32394d;--Gray-Gray-800:#1f2433;--Gray-Gray-900:#0e111a;--Success-Success-50:#e7f8f3;--Success-Success-100:#b3eada;--Success-Success-200:#8ee0c8;--Success-Success-300:#5bd1af;--Success-Success-400:#3bc99f;--Success-Success-500:#0abb87;--Success-Success-600:#09aa7b;--Success-Success-700:#078560;--Success-Success-800:#06674a;--Success-Success-900:#044f39;--Error-Error-50:#fef0f0;--Error-Error-100:#fcd1d1;--Error-Error-200:#fababb;--Error-Error-300:#f89b9c;--Error-Error-400:#f68889;--Error-Error-500:#f46a6b;--Error-Error-600:#de6061;--Error-Error-700:#ad4b4c;--Error-Error-800:#863a3b;--Error-Error-900:#662d2d;--Info-Info-50:#eef6fe;--Info-Info-100:#c9e3fb;--Info-Info-200:#afd6f9;--Info-Info-300:#8ac3f6;--Info-Info-400:#73b7f4;--Info-Info-500:#50a5f1;--Info-Info-600:#4996db;--Info-Info-700:#3975ab;--Info-Info-800:#2c5b85;--Info-Info-900:#224565;--Warning-Warning-50:#fef8ed;--Warning-Warning-100:#fbe8c8;--Warning-Warning-200:#f9ddad;--Warning-Warning-300:#f6cd87;--Warning-Warning-400:#f4c370;--Warning-Warning-500:#f1b44c;--Warning-Warning-600:#dba445;--Warning-Warning-700:#ab8036;--Warning-Warning-800:#85632a;--Warning-Warning-900:#654c20;--Orange-orange-50:#fef5ec;--Orange-orange-500:#f49a3d;--Size-1:4px;--Size-2:8px;--Size-3:12px;--Size-4:16px;--Size-5:24px;--Size-6:32px;--Size-7:40px;--Size-8:48px;--Size-9:56px;--Size-10:64px;--Border-1:4px;--Border-2:8px;--Border-3:12px;--Border-4:24px;--Border-5:32px;--Border-full:9999px;--font-size-xxxxl:36px;--font-size-xxxl:30px;--font-size-xxl:24px;--font-size-xl:20px;--font-size-l:18px;--font-size-m:16px;--font-size-s:14px;--font-size-xs:12px;--font-size-xxs:10px;--lineheight-simple:110%;--lineheight-large:150%;--font-weight-bold:700;--font-weight-semibold:600;--font-weight-medium:500;--font-weight-regular:400;--font-weight-light:300;--font-family-01:'Inter', sans-serif;--breakpoint-extra-small:576px;--breakpoint-small:600px;--breakpoint-medium:1000px;--breakpoint-large:1200px;--breakpoint-extra-large:1536px;--breakpoint-full-width:1920px;--Shadow-small:0px 0px 12px rgba(0, 0, 0, 0.04);--Shadow-medium:0.5px 4px 8px rgba(0, 0, 0, 0.08);--Shadow-large:0px 4px 16px rgba(0, 0, 0, 0.16);--Shadow-icon:0px 0px 4px rgba(0, 0, 0, 0.16);--Interrapidisimo:#383637;--Domina:#464ffe;--Coordinadora:#2686c5;--Servientrega:#1ba558;--99-minutos:#9cd453;--TCC:#f8dd49;--Veloces:#dc2e76;--Envia:#e7484e;--Restlogix:#90dd92;--Tiui:#0596a5;--Fedex:#4d148c;--Laarcourier:#faf063;--Gintracom:#ff3939;--Blue-express:#1542a3;--Lulu:#f03a3e;--Urbano:#e53237;--Tipsa:#1d3681}@media (max-width: 600px){:root{--font-size-xxxxl:32px;--font-size-xxxl:26px;--font-size-xxl:20px;--font-size-xl:18px;--font-size-l:16px;--font-size-m:16px;--font-size-s:14px;--font-size-xs:12px;--font-size-xxs:10px}}*{font-family:var(--font-family-01);box-sizing:border-box;text-align:left}h1{color:var(--Gray-Gray-700);font-size:var(--font-size-xxxxl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h2{color:var(--Gray-Gray-700);font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h3{color:var(--Gray-Gray-700);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h4{color:var(--Gray-Gray-700);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h5{color:var(--Gray-Gray-700);font-size:var(--font-size-l);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Body-L-Medium{color:var(--Gray-Gray-700);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);line-height:var(--lineheight-large)}.Body-L-Regular{color:var(--Gray-Gray-600);font-size:var(--font-size-m);font-weight:var(--font-weight-regular);line-height:var(--lineheight-large)}.Body-M-Medium{color:var(--Gray-Gray-700);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);line-height:var(--lineheight-large)}.Body-M-Regular{color:var(--Gray-Gray-600);font-size:var(--font-size-s);font-weight:var(--font-weight-regular);line-height:var(--lineheight-large)}.Body-S-Medium{color:var(--Gray-Gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--lineheight-large)}.Body-S-Regular{color:var(--Gray-Gray-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--lineheight-large)}.Caption-M{color:var(--Gray-Gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Caption-S{color:var(--Gray-Gray-700);font-size:var(--font-size-xxs);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Label-L{color:var(--Gray-Gray-700);font-size:var(--font-size-m);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Label-M{color:var(--Gray-Gray-700);font-size:var(--font-size-s);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Label-S{color:var(--Gray-Gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}";function t(e,t,n){const r="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;e&&e!==r;){const r=Object.getOwnPropertyDescriptor(e,t);if(r&&(!n\|\|r.get))return r;e=Object.getPrototypeOf(e)}}var n,r=(e,n)=>{var r;Object.entries(null!=(r=n.o.t)?r:{}).map((([r,[o]])=>{if(31&o\|\|32&o){const o=e[r],i=t(Object.getPrototypeOf(e),r,!0)\|\|Object.getOwnPropertyDescriptor(e,r);i&&Object.defineProperty(e,r,{get(){return i.get.call(this)},set(e){i.set.call(this,e)},configurable:!0,enumerable:!0}),n.i.has(r)?e[r]=n.i.get(r):void 0!==o&&(e[r]=o)}}))},o=e=>{if(e.__stencil__getHostRef)return e.__stencil__getHostRef()},i=(e,t)=>t in e,a=(e,t)=>(0,console.error)(e,t),l=new Map,s=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"],f="undefined"!=typeof window?window:{},c=f.HTMLElement\|\|class{},u={l:0,u:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,r)=>e.addEventListener(t,n,r),rel:(e,t,n,r)=>e.removeEventListener(t,n,r),ce:(e,t)=>new CustomEvent(e,t)},h=(()=>{try{return!!f.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(e){}return!1})(),d=!!h&&(()=>!!f.document&&Object.getOwnPropertyDescriptor(f.document.adoptedStyleSheets,"length").writable)(),g=!1,y=[],p=[],m=(e,t)=>n=>{e.push(n),g\|\|(g=!0,t&&4&u.l?x(b):u.raf(b))},v=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){a(e)}e.length=0},b=()=>{v(y),v(p),(g=y.length>0)&&u.raf(b)},x=e=>Promise.resolve(void 0).then(e),S=m(p,!0),w=e=>{const t=new URL(e,u.u);return t.origin!==f.location.origin?t.href:t.pathname},z=e=>u.u=e;function G(){var t;const r=this.attachShadow({mode:"open"});if(void 0===n&&(n=null!=(t=function(e){if(!h)return;const t=new CSSStyleSheet;return t.replaceSync(e),t}(e))?t:null),n)d?r.adoptedStyleSheets.push(n):r.adoptedStyleSheets=[...r.adoptedStyleSheets,n];else if(!h){const t=document.createElement("style");t.innerHTML=e,r.prepend(t)}}var $,j=new WeakMap,E=e=>"sc-"+e.h,O=e=>"object"==(e=typeof e)\|\|"function"===e,P=(e,t,...n)=>{let r=null,o=null,i=!1,a=!1;const l=[],s=t=>{for(let n=0;n<t.length;n++)r=t[n],Array.isArray(r)?s(r):null!=r&&"boolean"!=typeof r&&((i="function"!=typeof e&&!O(r))&&(r+=""),i&&a?l[l.length-1].p+=r:l.push(i?W(null,r):r),a=i)};if(s(n),t){t.key&&(o=t.key);{const e=t.className\|\|t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const f=W(e,null);return f.m=t,l.length>0&&(f.v=l),f.S=o,f},W=(e,t)=>({l:0,G:e,p:null!=t?t:null,$:null,v:null,m:null,S:null}),k={},I=(e,t,n)=>null==e\|\|O(e)?e:4&t?(n&&"string"==typeof e\|\|"false"!==e)&&(""===e\|\|!!e):2&t?"string"==typeof e?parseFloat(e):"number"==typeof e?e:NaN:1&t?e+"":e,M=(e,t)=>{const n=e;return{emit:e=>C(n,t,{bubbles:!0,composed:!0,cancelable:!0,detail:e})}},C=(e,t,n)=>{const r=u.ce(t,n);return e.dispatchEvent(r),r},B=(e,t,n,r,a,l)=>{if(n===r)return;let s=i(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,o=R(n);let i=R(r);t.remove(...o.filter((e=>e&&!i.includes(e)))),t.add(...i.filter((e=>e&&!o.includes(e))))}else if("style"===t){for(const t in n)r&&null!=r[t]\|\|(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in r)n&&r[t]===n[t]\|\|(t.includes("-")?e.style.setProperty(t,r[t]):e.style[t]=r[t])}else if("key"===t);else if("ref"===t)r&&Q(r,e);else if(e.__lookupSetter__(t)\|\|"o"!==t[0]\|\|"n"!==t[1]){if("a"===t[0]&&t.startsWith("attr:")){const n=t.slice(5);let i;{const t=o(e);if(t&&t.o&&t.o.t){const e=t.o.t[n];e&&e[1]&&(i=e[1])}}return i\|\|(i=n.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==r\|\|!1===r?!1===r&&""!==e.getAttribute(i)\|\|e.removeAttribute(i):e.setAttribute(i,!0===r?"":r))}if("p"===t[0]&&t.startsWith("prop:")){const n=t.slice(5);try{e[n]=r}catch(e){}return}{const o=O(r);if((s\|\|o&&null!==r)&&!a)try{if(e.tagName.includes("-"))e[t]!==r&&(e[t]=r);else{const o=null==r?"":r;"list"===t?s=!1:null!=n&&e[t]===o\|\|("function"==typeof e.__lookupSetter__(t)?e[t]=o:e.setAttribute(t,o))}}catch(e){}null==r\|\|!1===r?!1===r&&""!==e.getAttribute(t)\|\|e.removeAttribute(t):(!s\|\|4&l\|\|a)&&!o&&1===e.nodeType&&e.setAttribute(t,r=!0===r?"":r)}}else if(t="-"===t[2]?t.slice(3):i(f,c)?c.slice(2):c[2]+t.slice(3),n\|\|r){const o=t.endsWith(A);t=t.replace(N,""),n&&u.rel(e,t,n,o),r&&u.ael(e,t,r,o)}},L=/\s/,R=e=>("object"==typeof e&&e&&"baseVal"in e&&(e=e.baseVal),e&&"string"==typeof e?e.split(L):[]),A="Capture",N=RegExp(A+"$"),D=(e,t,n)=>{const r=11===t.$.nodeType&&t.$.host?t.$.host:t.$,o=e&&e.m\|\|{},i=t.m\|\|{};for(const e of U(Object.keys(o)))e in i\|\|B(r,e,o[e],void 0,n,t.l);for(const e of U(Object.keys(i)))B(r,e,o[e],i[e],n,t.l)};function U(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var _=!1,H=!1,T=[],F=[],V=(e,t,n)=>{const r=t.v[n];let o,i,a=0;if(null!=r.p)o=r.$=f.document.createTextNode(r.p);else{if(H\|\|(H="svg"===r.G),!f.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(o=r.$=f.document.createElementNS(H?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",r.G),H&&"foreignObject"===r.G&&(H=!1),D(null,r,H),r.v){const t="template"===r.G?o.content:o;for(a=0;a<r.v.length;++a)i=V(e,r,a),i&&t.appendChild(i)}"svg"===r.G?H=!1:"foreignObject"===o.tagName&&(H=!0)}return o["s-hn"]=$,o},q=(e,t,n,r,o,i)=>{let a,l=e;for(l.shadowRoot&&l.tagName===$&&(l=l.shadowRoot),"template"===n.G&&(l=l.content);o<=i;++o)r[o]&&(a=V(null,n,o),a&&(r[o].$=a,X(l,a,t)))},Y=(e,t,n)=>{for(let r=t;r<=n;++r){const t=e[r];if(t){const e=t.$;K(t),e&&e.remove()}}},Z=(e,t,n=!1)=>e.G===t.G&&(n?(n&&!e.S&&t.S&&(e.S=t.S),!0):e.S===t.S),J=(e,t,n=!1)=>{const r=t.$=e.$,o=e.v,i=t.v,a=t.G,l=t.p;null==l?(H="svg"===a\|\|"foreignObject"!==a&&H,"slot"!==a\|\|_\|\|e.j!==t.j&&(t.$["s-sn"]=t.j\|\|"",(e=>{u.l\|=1;const t=e.closest($.toLowerCase());if(null!=t){const n=Array.from(t.__childNodes\|\|t.childNodes).find((e=>e["s-cr"])),r=Array.from(e.__childNodes\|\|e.childNodes);for(const e of n?r.reverse():r)null!=e["s-sh"]&&(X(t,e,null!=n?n:null),e["s-sh"]=void 0)}u.l&=-2})(t.$.parentElement)),D(e,t,H),null!==o&&null!==i?((e,t,n,r,o=!1)=>{let i,a,l=0,s=0,f=0,c=0,u=t.length-1,h=t[0],d=t[u],g=r.length-1,y=r[0],p=r[g];const m="template"===n.G?e.content:e;for(;l<=u&&s<=g;)if(null==h)h=t[++l];else if(null==d)d=t[--u];else if(null==y)y=r[++s];else if(null==p)p=r[--g];else if(Z(h,y,o))J(h,y,o),h=t[++l],y=r[++s];else if(Z(d,p,o))J(d,p,o),d=t[--u],p=r[--g];else if(Z(h,p,o))J(h,p,o),X(m,h.$,d.$.nextSibling),h=t[++l],p=r[--g];else if(Z(d,y,o))J(d,y,o),X(m,d.$,h.$),d=t[--u],y=r[++s];else{for(f=-1,c=l;c<=u;++c)if(t[c]&&null!==t[c].S&&t[c].S===y.S){f=c;break}f>=0?(a=t[f],a.G!==y.G?i=V(t&&t[s],n,f):(J(a,y,o),t[f]=void 0,i=a.$),y=r[++s]):(i=V(t&&t[s],n,s),y=r[++s]),i&&X(h.$.parentNode,i,h.$)}l>u?q(e,null==r[g+1]?null:r[g+1].$,n,r,s,g):s>g&&Y(t,l,u)})(r,o,t,i,n):null!==i?(null!==e.p&&(r.textContent=""),q(r,null,t,i,0,i.length-1)):!n&&null!==o&&Y(o,0,o.length-1),H&&"svg"===a&&(H=!1)):e.p!==l&&(r.data=l)},K=e=>{e.m&&e.m.ref&&T.push((()=>e.m.ref(null))),e.v&&e.v.map(K)},Q=(e,t)=>{F.push((()=>e(t)))},X=(e,t,n)=>e.__insertBefore?e.__insertBefore(t,n):null==e?void 0:e.insertBefore(t,n),ee=(e,t,n=!1)=>{const r=e.$hostElement$,o=e.o,i=e.O\|\|W(null,null),a=(e=>e&&e.G===k)(t)?t:P(null,null,t);if($=r.tagName,o.P&&(a.m=a.m\|\|{},o.P.forEach((([e,t])=>{a.m[t]=r[e]}))),n&&a.m)for(const e of Object.keys(a.m))r.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(a.m[e]=r[e]);a.G=null,a.l\|=4,e.O=a,a.$=i.$=r.shadowRoot\|\|r,_=!(!(1&o.l)\|\|128&o.l),J(i,a,n),T.forEach((e=>e())),T.length=0,F.forEach((e=>e())),F.length=0},te=(e,t)=>{if(t&&!e.W&&t["s-p"]){const n=t["s-p"].push(new Promise((r=>e.W=()=>{t["s-p"].splice(n-1,1),r()})))}},ne=(e,t)=>{if(e.l\|=16,4&e.l)return void(e.l\|=512);te(e,e.k);const n=()=>re(e,t);if(!t)return S(n);queueMicrotask((()=>{n()}))},re=(e,t)=>{const n=e.$hostElement$,r=n;if(!r)throw Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let o;return o=ce(r,t?"componentWillLoad":"componentWillUpdate",void 0,n),o=oe(o,(()=>ce(r,"componentWillRender",void 0,n))),oe(o,(()=>ae(e,r,t)))},oe=(e,t)=>ie(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),ie=e=>e instanceof Promise\|\|e&&e.then&&"function"==typeof e.then,ae=async(e,t,n)=>{var r;const o=e.$hostElement$,i=o["s-rc"];n&&(e=>{const t=e.o,n=e.$hostElement$,r=t.l,o=((e,t)=>{var n,r,o;const i=E(t),a=l.get(i);if(!f.document)return i;if(e=11===e.nodeType?e:f.document,a)if("string"==typeof a){let o,l=j.get(e=e.head\|\|e);if(l\|\|j.set(e,l=new Set),!l.has(i)){o=f.document.createElement("style"),o.textContent=a;const s=null!=(n=u.I)?n:function(){var e,t,n;return null!=(n=null==(t=null==(e=f.document.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:t.getAttribute("content"))?n:void 0}();if(null!=s&&o.setAttribute("nonce",s),!(1&t.l))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(o,(null==n?void 0:n.parentNode)===e?n:null)}else if("host"in e)if(h){const t=new(null!=(r=e.defaultView)?r:e.ownerDocument.defaultView).CSSStyleSheet;t.replaceSync(a),d?e.adoptedStyleSheets.unshift(t):e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.textContent=a+t.textContent:e.prepend(o)}else e.append(o);1&t.l&&e.insertBefore(o,null),4&t.l&&(o.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),l&&l.add(i)}}else{let t=j.get(e);if(t\|\|j.set(e,t=new Set),!t.has(i)){const n=null!=(o=e.defaultView)?o:e.ownerDocument.defaultView;let r;if(a.constructor===n.CSSStyleSheet)r=a;else{r=new n.CSSStyleSheet;for(let e=0;e<a.cssRules.length;e++)r.insertRule(a.cssRules[e].cssText,e)}d?e.adoptedStyleSheets.push(r):e.adoptedStyleSheets=[...e.adoptedStyleSheets,r],t.add(i)}}return i})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&r&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(e);le(e,t,o,n),i&&(i.map((e=>e())),o["s-rc"]=void 0);{const t=null!=(r=o["s-p"])?r:[],n=()=>se(e);0===t.length?n():(Promise.all(t).then(n).catch(n),e.l\|=4,t.length=0)}},le=(e,t,n,r)=>{try{t=t.render(),e.l&=-17,e.l\|=2,ee(e,t,r)}catch(t){a(t,e.$hostElement$)}return null},se=e=>{const t=e.$hostElement$,n=t,r=e.k;ce(n,"componentDidRender",void 0,t),64&e.l?ce(n,"componentDidUpdate",void 0,t):(e.l\|=64,ue(t),ce(n,"componentDidLoad",void 0,t),e.M(t),r\|\|fe()),e.W&&(e.W(),e.W=void 0),512&e.l&&x((()=>ne(e,!1))),e.l&=-517},fe=()=>{x((()=>C(f,"appload",{detail:{namespace:"dropi-ui"}})))},ce=(e,t,n,r)=>{if(e&&e[t])try{return e[t](n)}catch(e){a(e,r)}},ue=e=>e.classList.add("hydrated"),he=(e,t,n,r)=>{const i=o(e);if(!i)return;const l=e,s=i.i.get(t),f=i.l,c=l;if(!((n=I(n,r.t[t][0],!!(64&r.l)))===s\|\|Number.isNaN(s)&&Number.isNaN(n))){if(i.i.set(t,n),r.C){const e=r.C[t];e&&e.map((e=>{try{const[[r,o]]=Object.entries(e);(128&f\|\|1&o)&&(c?c[r](n,s,t):i.B.push((()=>{i.L[r](n,s,t)})))}catch(e){a(e,l)}}))}if(2&f){if(c.componentShouldUpdate&&!1===c.componentShouldUpdate(n,s,t)&&!(16&f))return;16&f\|\|ne(i,!1)}}},de=(e,n,r)=>{var i,a;const l=e.prototype;64&n.l&&1&r&&s.forEach((e=>{const t=l[e];Object.defineProperty(l,e,{value(...n){var r;const i=o(this),a=this;a?"function"==typeof t&&t.call(a,...n):null==(r=null==i?void 0:i.R)\|\|r.then((t=>{const r=t[e];"function"==typeof r&&r.call(t,...n)}))}})}));{e.watchers&&!n.C&&(n.C=e.watchers),e.deserializers&&!n.A&&(n.A=e.deserializers),e.serializers&&!n.N&&(n.N=e.serializers);const r=Object.entries(null!=(i=n.t)?i:{});r.map((([e,[r]])=>{if(31&r\|\|32&r){const{get:i,set:a}=t(l,e)\|\|{};i&&(n.t[e][0]\|=2048),a&&(n.t[e][0]\|=4096),Object.defineProperty(l,e,{get(){return i?i.apply(this):((e,t)=>o(this).i.get(t))(0,e)},configurable:!0,enumerable:!0}),Object.defineProperty(l,e,{set(t){const i=o(this);if(i){if(a)return void 0===(32&r?this[e]:i.$hostElement$[e])&&i.i.get(e)&&(t=i.i.get(e)),a.call(this,I(t,r,!!(64&n.l))),void he(this,e,t=32&r?this[e]:i.$hostElement$[e],n);he(this,e,t,n)}}})}}));{const t=new Map;l.attributeChangedCallback=function(e,i,a){u.jmp((()=>{var s;const f=t.get(e),c=o(this);if(this.hasOwnProperty(f),l.hasOwnProperty(f)&&"number"==typeof this[f]&&this[f]==a)return;if(null==f){const t=null==c?void 0:c.l;if(c&&t&&!(8&t)&&a!==i){const r=this,o=null==(s=n.C)?void 0:s[e];null==o\|\|o.forEach((n=>{const[[o,l]]=Object.entries(n);null!=r[o]&&(128&t\|\|1&l)&&r[o].call(r,a,i,e)}))}return}const u=r.find((([e])=>e===f));u&&4&u[1][0]&&(a=null!==a&&"false"!==a);const h=Object.getOwnPropertyDescriptor(l,f);a==this[f]\|\|h.get&&!h.set\|\|(this[f]=a)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(a=n.C)?a:{}),...r.filter((([e,t])=>31&t[0])).map((([e,r])=>{var o;const i=r[1]\|\|e;return t.set(i,e),512&r[0]&&(null==(o=n.P)\|\|o.push([e,i])),i}))]))}}return e},ge=(e,t)=>{const n={l:t[0],h:t[1]};try{n.t=t[2],n.D=t[3],n.C=e.C,n.A=e.A,n.N=e.N,n.P=[];const i=e.prototype.connectedCallback,s=e.prototype.disconnectedCallback;return Object.assign(e.prototype,{__hasHostListenerAttached:!1,__registerHost(){((e,t)=>{const n={l:0,$hostElement$:e,o:t,i:new Map,U:new Map};n.R=new Promise((e=>n.M=e)),e["s-p"]=[],e["s-rc"]=[];const o=n;e.__stencil__getHostRef=()=>o,512&t.l&&r(e,n)})(this,n)},connectedCallback(){if(!this.__hasHostListenerAttached){const e=o(this);if(!e)return;ye(this,e,n.D),this.__hasHostListenerAttached=!0}(e=>{if(!(1&u.l)){const t=o(e);if(!t)return;const n=t.o,r=()=>{};if(1&t.l)ye(e,t,n.D),(null==t?void 0:t.L)\|\|(null==t?void 0:t.R)&&t.R.then((()=>{}));else{t.l\|=1;{let n=e;for(;n=n.parentNode\|\|n.host;)if(n["s-p"]){te(t,t.k=n);break}}n.t&&Object.entries(n.t).map((([t,[n]])=>{if(31&n&&Object.prototype.hasOwnProperty.call(e,t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let r;try{if(!(32&t.l)&&(t.l\|=32,r=e.constructor,customElements.whenDefined(e.localName).then((()=>t.l\|=128)),r&&r.style)){let e;"string"==typeof r.style&&(e=r.style);const t=E(n);if(!l.has(t)){const r=()=>{};((e,t,n)=>{let r=l.get(e);h&&n?(r=r\|\|new CSSStyleSheet,"string"==typeof r?r=t:r.replaceSync(t)):r=t,l.set(e,r)})(t,e,!!(1&n.l)),r()}}const o=t.k,i=()=>ne(t,!0);o&&o["s-rc"]?o["s-rc"].push(i):i()}catch(n){a(n,e),t.W&&(t.W(),t.W=void 0),t.M&&t.M(e)}})(e,t,n)}r()}})(this),i&&i.call(this)},disconnectedCallback(){(async e=>{if(!(1&u.l)){const t=o(e);(null==t?void 0:t._)&&(t._.map((e=>e())),t._=void 0)}j.has(e)&&j.delete(e),e.shadowRoot&&j.has(e.shadowRoot)&&j.delete(e.shadowRoot)})(this),s&&s.call(this)},__attachShadow(){if(this.shadowRoot){if("open"!==this.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${n.h}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else G.call(this,n)}}),Object.defineProperty(e,"is",{value:n.h,configurable:!0}),de(e,n,3)}catch(t){return a(t),e}},ye=(e,t,n)=>{n&&f.document&&n.map((([n,r,o])=>{const i=me(f.document,e,n),a=pe(t,o),l=ve(n);u.ael(i,r,a,l),(t._=t._\|\|[]).push((()=>u.rel(i,r,a,l)))}))},pe=(e,t)=>n=>{try{e.$hostElement$[t](n)}catch(t){a(t,e.$hostElement$)}},me=(e,t,n)=>4&n?e:t,ve=e=>({passive:!!(1&e),capture:!!(2&e)}),be=e=>u.I=e,xe=e=>Object.assign(u,e);function Se(e,t){ee({o:{l:0,h:t.tagName},$hostElement$:t},e)}function we(e){return e}export{c as H,M as c,w as getAssetPath,P as h,ge as p,Se as render,z as setAssetPath,be as setNonce,xe as setPlatformOptions,we as t}
1	+ const e=":root{--Primary-Primary-50:#fef8f2;--Primary-Primary-100:#ffecda;--Primary-Primary-200:#fcddbd;--Primary-Primary-300:#f2bc85;--Primary-Primary-400:#f7b46f;--Primary-Primary-500:#f49a3d;--Primary-Primary-600:#e58017;--Primary-Primary-700:#99540f;--Primary-Primary-800:#66380a;--Primary-Primary-900:#331c05;--Secondary-Secondary-50:#f0fafc;--Secondary-Secondary-100:#cee8f2;--Secondary-Secondary-200:#95d0e5;--Secondary-Secondary-300:#62bad9;--Secondary-Secondary-400:#33a4cc;--Secondary-Secondary-500:#008dbf;--Secondary-Secondary-600:#007199;--Secondary-Secondary-700:#005573;--Secondary-Secondary-800:#00384d;--Secondary-Secondary-900:#001c26;--Neutral-White:#ffffff;--Neutral-Black:#000000;--Gray-Gray-50:#f7f8fa;--Gray-Gray-100:#e6eaf2;--Gray-Gray-200:#c3c9d9;--Gray-Gray-300:#a3abbf;--Gray-Gray-400:#858ea6;--Gray-Gray-500:#69738c;--Gray-Gray-600:#475066;--Gray-Gray-700:#32394d;--Gray-Gray-800:#1f2433;--Gray-Gray-900:#0e111a;--Success-Success-50:#e7f8f3;--Success-Success-100:#b3eada;--Success-Success-200:#8ee0c8;--Success-Success-300:#5bd1af;--Success-Success-400:#3bc99f;--Success-Success-500:#0abb87;--Success-Success-600:#09aa7b;--Success-Success-700:#078560;--Success-Success-800:#06674a;--Success-Success-900:#044f39;--Error-Error-50:#fef0f0;--Error-Error-100:#fcd1d1;--Error-Error-200:#fababb;--Error-Error-300:#f89b9c;--Error-Error-400:#f68889;--Error-Error-500:#f46a6b;--Error-Error-600:#de6061;--Error-Error-700:#ad4b4c;--Error-Error-800:#863a3b;--Error-Error-900:#662d2d;--Info-Info-50:#eef6fe;--Info-Info-100:#c9e3fb;--Info-Info-200:#afd6f9;--Info-Info-300:#8ac3f6;--Info-Info-400:#73b7f4;--Info-Info-500:#50a5f1;--Info-Info-600:#4996db;--Info-Info-700:#3975ab;--Info-Info-800:#2c5b85;--Info-Info-900:#224565;--Warning-Warning-50:#fef8ed;--Warning-Warning-100:#fbe8c8;--Warning-Warning-200:#f9ddad;--Warning-Warning-300:#f6cd87;--Warning-Warning-400:#f4c370;--Warning-Warning-500:#f1b44c;--Warning-Warning-600:#dba445;--Warning-Warning-700:#ab8036;--Warning-Warning-800:#85632a;--Warning-Warning-900:#654c20;--Orange-orange-50:#fef5ec;--Orange-orange-500:#f49a3d;--Size-1:4px;--Size-2:8px;--Size-3:12px;--Size-4:16px;--Size-5:24px;--Size-6:32px;--Size-7:40px;--Size-8:48px;--Size-9:56px;--Size-10:64px;--Border-1:4px;--Border-2:8px;--Border-3:12px;--Border-4:24px;--Border-5:32px;--Border-full:9999px;--font-size-xxxxl:36px;--font-size-xxxl:30px;--font-size-xxl:24px;--font-size-xl:20px;--font-size-l:18px;--font-size-m:16px;--font-size-s:14px;--font-size-xs:12px;--font-size-xxs:10px;--lineheight-simple:110%;--lineheight-large:150%;--font-weight-bold:700;--font-weight-semibold:600;--font-weight-medium:500;--font-weight-regular:400;--font-weight-light:300;--font-family-01:'Inter', sans-serif;--breakpoint-extra-small:576px;--breakpoint-small:600px;--breakpoint-medium:1000px;--breakpoint-large:1200px;--breakpoint-extra-large:1536px;--breakpoint-full-width:1920px;--Shadow-small:0px 0px 12px rgba(0, 0, 0, 0.04);--Shadow-medium:0.5px 4px 8px rgba(0, 0, 0, 0.08);--Shadow-large:0px 4px 16px rgba(0, 0, 0, 0.16);--Shadow-icon:0px 0px 4px rgba(0, 0, 0, 0.16);--Interrapidisimo:#383637;--Domina:#464ffe;--Coordinadora:#2686c5;--Servientrega:#1ba558;--99-minutos:#9cd453;--TCC:#f8dd49;--Veloces:#dc2e76;--Envia:#e7484e;--Restlogix:#90dd92;--Tiui:#0596a5;--Fedex:#4d148c;--Laarcourier:#faf063;--Gintracom:#ff3939;--Blue-express:#1542a3;--Lulu:#f03a3e;--Urbano:#e53237;--Tipsa:#1d3681}@media (max-width: 600px){:root{--font-size-xxxxl:32px;--font-size-xxxl:26px;--font-size-xxl:20px;--font-size-xl:18px;--font-size-l:16px;--font-size-m:16px;--font-size-s:14px;--font-size-xs:12px;--font-size-xxs:10px}}*{font-family:var(--font-family-01);box-sizing:border-box;text-align:left}h1{color:var(--Gray-Gray-700);font-size:var(--font-size-xxxxl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h2{color:var(--Gray-Gray-700);font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h3{color:var(--Gray-Gray-700);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h4{color:var(--Gray-Gray-700);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h5{color:var(--Gray-Gray-700);font-size:var(--font-size-l);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Body-L-Medium{color:var(--Gray-Gray-700);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);line-height:var(--lineheight-large)}.Body-L-Regular{color:var(--Gray-Gray-600);font-size:var(--font-size-m);font-weight:var(--font-weight-regular);line-height:var(--lineheight-large)}.Body-M-Medium{color:var(--Gray-Gray-700);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);line-height:var(--lineheight-large)}.Body-M-Regular{color:var(--Gray-Gray-600);font-size:var(--font-size-s);font-weight:var(--font-weight-regular);line-height:var(--lineheight-large)}.Body-S-Medium{color:var(--Gray-Gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--lineheight-large)}.Body-S-Regular{color:var(--Gray-Gray-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--lineheight-large)}.Caption-M{color:var(--Gray-Gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Caption-S{color:var(--Gray-Gray-700);font-size:var(--font-size-xxs);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Label-L{color:var(--Gray-Gray-700);font-size:var(--font-size-m);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Label-M{color:var(--Gray-Gray-700);font-size:var(--font-size-s);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Label-S{color:var(--Gray-Gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}";function t(e,t,n){const r="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;e&&e!==r;){const r=Object.getOwnPropertyDescriptor(e,t);if(r&&(!n\|\|r.get))return r;e=Object.getPrototypeOf(e)}}var n,r=(e,n)=>{var r;Object.entries(null!=(r=n.o.t)?r:{}).map((([r,[o]])=>{if(31&o\|\|32&o){const o=e[r],i=t(Object.getPrototypeOf(e),r,!0)\|\|Object.getOwnPropertyDescriptor(e,r);i&&Object.defineProperty(e,r,{get(){return i.get.call(this)},set(e){i.set.call(this,e)},configurable:!0,enumerable:!0}),n.i.has(r)?e[r]=n.i.get(r):void 0!==o&&(e[r]=o)}}))},o=e=>{if(e.__stencil__getHostRef)return e.__stencil__getHostRef()},i=(e,t)=>t in e,a=(e,t)=>(0,console.error)(e,t),l=new Map,s=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"],f="undefined"!=typeof window?window:{},c=f.HTMLElement\|\|class{},u={l:0,u:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,r)=>e.addEventListener(t,n,r),rel:(e,t,n,r)=>e.removeEventListener(t,n,r),ce:(e,t)=>new CustomEvent(e,t)},h=(()=>{try{return!!f.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(e){}return!1})(),d=!!h&&(()=>!!f.document&&Object.getOwnPropertyDescriptor(f.document.adoptedStyleSheets,"length").writable)(),g=!1,y=[],p=[],m=(e,t)=>n=>{e.push(n),g\|\|(g=!0,t&&4&u.l?x(b):u.raf(b))},v=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){a(e)}e.length=0},b=()=>{v(y),v(p),(g=y.length>0)&&u.raf(b)},x=e=>Promise.resolve(void 0).then(e),S=m(p,!0),w=e=>{const t=new URL(e,u.u);return t.origin!==f.location.origin?t.href:t.pathname},z=e=>u.u=e;function G(){var t;const r=this.attachShadow({mode:"open"});if(void 0===n&&(n=null!=(t=function(e){if(!h)return;const t=new CSSStyleSheet;return t.replaceSync(e),t}(e))?t:null),n)d?r.adoptedStyleSheets.push(n):r.adoptedStyleSheets=[...r.adoptedStyleSheets,n];else if(!h){const t=document.createElement("style");t.innerHTML=e,r.prepend(t)}}var $,j=new WeakMap,E=e=>"sc-"+e.h,O=e=>"object"==(e=typeof e)\|\|"function"===e,P=(e,t,...n)=>{let r=null,o=null,i=!1,a=!1;const l=[],s=t=>{for(let n=0;n<t.length;n++)r=t[n],Array.isArray(r)?s(r):null!=r&&"boolean"!=typeof r&&((i="function"!=typeof e&&!O(r))&&(r+=""),i&&a?l[l.length-1].p+=r:l.push(i?W(null,r):r),a=i)};if(s(n),t){t.key&&(o=t.key);{const e=t.className\|\|t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const f=W(e,null);return f.m=t,l.length>0&&(f.v=l),f.S=o,f},W=(e,t)=>({l:0,G:e,p:null!=t?t:null,$:null,v:null,m:null,S:null}),k={},I=(e,t,n)=>null==e\|\|O(e)?e:4&t?(n&&"string"==typeof e\|\|"false"!==e)&&(""===e\|\|!!e):2&t?"string"==typeof e?parseFloat(e):"number"==typeof e?e:NaN:1&t?e+"":e,M=(e,t,n)=>{const r=e;return{emit:e=>C(r,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},C=(e,t,n)=>{const r=u.ce(t,n);return e.dispatchEvent(r),r},B=(e,t,n,r,a,l)=>{if(n===r)return;let s=i(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,o=R(n);let i=R(r);t.remove(...o.filter((e=>e&&!i.includes(e)))),t.add(...i.filter((e=>e&&!o.includes(e))))}else if("style"===t){for(const t in n)r&&null!=r[t]\|\|(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in r)n&&r[t]===n[t]\|\|(t.includes("-")?e.style.setProperty(t,r[t]):e.style[t]=r[t])}else if("key"===t);else if("ref"===t)r&&Q(r,e);else if(e.__lookupSetter__(t)\|\|"o"!==t[0]\|\|"n"!==t[1]){if("a"===t[0]&&t.startsWith("attr:")){const n=t.slice(5);let i;{const t=o(e);if(t&&t.o&&t.o.t){const e=t.o.t[n];e&&e[1]&&(i=e[1])}}return i\|\|(i=n.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==r\|\|!1===r?!1===r&&""!==e.getAttribute(i)\|\|e.removeAttribute(i):e.setAttribute(i,!0===r?"":r))}if("p"===t[0]&&t.startsWith("prop:")){const n=t.slice(5);try{e[n]=r}catch(e){}return}{const o=O(r);if((s\|\|o&&null!==r)&&!a)try{if(e.tagName.includes("-"))e[t]!==r&&(e[t]=r);else{const o=null==r?"":r;"list"===t?s=!1:null!=n&&e[t]===o\|\|("function"==typeof e.__lookupSetter__(t)?e[t]=o:e.setAttribute(t,o))}}catch(e){}null==r\|\|!1===r?!1===r&&""!==e.getAttribute(t)\|\|e.removeAttribute(t):(!s\|\|4&l\|\|a)&&!o&&1===e.nodeType&&e.setAttribute(t,r=!0===r?"":r)}}else if(t="-"===t[2]?t.slice(3):i(f,c)?c.slice(2):c[2]+t.slice(3),n\|\|r){const o=t.endsWith(A);t=t.replace(N,""),n&&u.rel(e,t,n,o),r&&u.ael(e,t,r,o)}},L=/\s/,R=e=>("object"==typeof e&&e&&"baseVal"in e&&(e=e.baseVal),e&&"string"==typeof e?e.split(L):[]),A="Capture",N=RegExp(A+"$"),D=(e,t,n)=>{const r=11===t.$.nodeType&&t.$.host?t.$.host:t.$,o=e&&e.m\|\|{},i=t.m\|\|{};for(const e of U(Object.keys(o)))e in i\|\|B(r,e,o[e],void 0,n,t.l);for(const e of U(Object.keys(i)))B(r,e,o[e],i[e],n,t.l)};function U(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var _=!1,H=!1,T=[],F=[],V=(e,t,n)=>{const r=t.v[n];let o,i,a=0;if(null!=r.p)o=r.$=f.document.createTextNode(r.p);else{if(H\|\|(H="svg"===r.G),!f.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(o=r.$=f.document.createElementNS(H?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",r.G),H&&"foreignObject"===r.G&&(H=!1),D(null,r,H),r.v){const t="template"===r.G?o.content:o;for(a=0;a<r.v.length;++a)i=V(e,r,a),i&&t.appendChild(i)}"svg"===r.G?H=!1:"foreignObject"===o.tagName&&(H=!0)}return o["s-hn"]=$,o},q=(e,t,n,r,o,i)=>{let a,l=e;for(l.shadowRoot&&l.tagName===$&&(l=l.shadowRoot),"template"===n.G&&(l=l.content);o<=i;++o)r[o]&&(a=V(null,n,o),a&&(r[o].$=a,X(l,a,t)))},Y=(e,t,n)=>{for(let r=t;r<=n;++r){const t=e[r];if(t){const e=t.$;K(t),e&&e.remove()}}},Z=(e,t,n=!1)=>e.G===t.G&&(n?(n&&!e.S&&t.S&&(e.S=t.S),!0):e.S===t.S),J=(e,t,n=!1)=>{const r=t.$=e.$,o=e.v,i=t.v,a=t.G,l=t.p;null==l?(H="svg"===a\|\|"foreignObject"!==a&&H,"slot"!==a\|\|_\|\|e.j!==t.j&&(t.$["s-sn"]=t.j\|\|"",(e=>{u.l\|=1;const t=e.closest($.toLowerCase());if(null!=t){const n=Array.from(t.__childNodes\|\|t.childNodes).find((e=>e["s-cr"])),r=Array.from(e.__childNodes\|\|e.childNodes);for(const e of n?r.reverse():r)null!=e["s-sh"]&&(X(t,e,null!=n?n:null),e["s-sh"]=void 0)}u.l&=-2})(t.$.parentElement)),D(e,t,H),null!==o&&null!==i?((e,t,n,r,o=!1)=>{let i,a,l=0,s=0,f=0,c=0,u=t.length-1,h=t[0],d=t[u],g=r.length-1,y=r[0],p=r[g];const m="template"===n.G?e.content:e;for(;l<=u&&s<=g;)if(null==h)h=t[++l];else if(null==d)d=t[--u];else if(null==y)y=r[++s];else if(null==p)p=r[--g];else if(Z(h,y,o))J(h,y,o),h=t[++l],y=r[++s];else if(Z(d,p,o))J(d,p,o),d=t[--u],p=r[--g];else if(Z(h,p,o))J(h,p,o),X(m,h.$,d.$.nextSibling),h=t[++l],p=r[--g];else if(Z(d,y,o))J(d,y,o),X(m,d.$,h.$),d=t[--u],y=r[++s];else{for(f=-1,c=l;c<=u;++c)if(t[c]&&null!==t[c].S&&t[c].S===y.S){f=c;break}f>=0?(a=t[f],a.G!==y.G?i=V(t&&t[s],n,f):(J(a,y,o),t[f]=void 0,i=a.$),y=r[++s]):(i=V(t&&t[s],n,s),y=r[++s]),i&&X(h.$.parentNode,i,h.$)}l>u?q(e,null==r[g+1]?null:r[g+1].$,n,r,s,g):s>g&&Y(t,l,u)})(r,o,t,i,n):null!==i?(null!==e.p&&(r.textContent=""),q(r,null,t,i,0,i.length-1)):!n&&null!==o&&Y(o,0,o.length-1),H&&"svg"===a&&(H=!1)):e.p!==l&&(r.data=l)},K=e=>{e.m&&e.m.ref&&T.push((()=>e.m.ref(null))),e.v&&e.v.map(K)},Q=(e,t)=>{F.push((()=>e(t)))},X=(e,t,n)=>e.__insertBefore?e.__insertBefore(t,n):null==e?void 0:e.insertBefore(t,n),ee=(e,t,n=!1)=>{const r=e.$hostElement$,o=e.o,i=e.O\|\|W(null,null),a=(e=>e&&e.G===k)(t)?t:P(null,null,t);if($=r.tagName,o.P&&(a.m=a.m\|\|{},o.P.forEach((([e,t])=>{a.m[t]=r[e]}))),n&&a.m)for(const e of Object.keys(a.m))r.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(a.m[e]=r[e]);a.G=null,a.l\|=4,e.O=a,a.$=i.$=r.shadowRoot\|\|r,_=!(!(1&o.l)\|\|128&o.l),J(i,a,n),T.forEach((e=>e())),T.length=0,F.forEach((e=>e())),F.length=0},te=(e,t)=>{if(t&&!e.W&&t["s-p"]){const n=t["s-p"].push(new Promise((r=>e.W=()=>{t["s-p"].splice(n-1,1),r()})))}},ne=(e,t)=>{if(e.l\|=16,4&e.l)return void(e.l\|=512);te(e,e.k);const n=()=>re(e,t);if(!t)return S(n);queueMicrotask((()=>{n()}))},re=(e,t)=>{const n=e.$hostElement$,r=n;if(!r)throw Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let o;return o=ce(r,t?"componentWillLoad":"componentWillUpdate",void 0,n),o=oe(o,(()=>ce(r,"componentWillRender",void 0,n))),oe(o,(()=>ae(e,r,t)))},oe=(e,t)=>ie(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),ie=e=>e instanceof Promise\|\|e&&e.then&&"function"==typeof e.then,ae=async(e,t,n)=>{var r;const o=e.$hostElement$,i=o["s-rc"];n&&(e=>{const t=e.o,n=e.$hostElement$,r=t.l,o=((e,t)=>{var n,r,o;const i=E(t),a=l.get(i);if(!f.document)return i;if(e=11===e.nodeType?e:f.document,a)if("string"==typeof a){let o,l=j.get(e=e.head\|\|e);if(l\|\|j.set(e,l=new Set),!l.has(i)){o=f.document.createElement("style"),o.textContent=a;const s=null!=(n=u.I)?n:function(){var e,t,n;return null!=(n=null==(t=null==(e=f.document.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:t.getAttribute("content"))?n:void 0}();if(null!=s&&o.setAttribute("nonce",s),!(1&t.l))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(o,(null==n?void 0:n.parentNode)===e?n:null)}else if("host"in e)if(h){const t=new(null!=(r=e.defaultView)?r:e.ownerDocument.defaultView).CSSStyleSheet;t.replaceSync(a),d?e.adoptedStyleSheets.unshift(t):e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.textContent=a+t.textContent:e.prepend(o)}else e.append(o);1&t.l&&e.insertBefore(o,null),4&t.l&&(o.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),l&&l.add(i)}}else{let t=j.get(e);if(t\|\|j.set(e,t=new Set),!t.has(i)){const n=null!=(o=e.defaultView)?o:e.ownerDocument.defaultView;let r;if(a.constructor===n.CSSStyleSheet)r=a;else{r=new n.CSSStyleSheet;for(let e=0;e<a.cssRules.length;e++)r.insertRule(a.cssRules[e].cssText,e)}d?e.adoptedStyleSheets.push(r):e.adoptedStyleSheets=[...e.adoptedStyleSheets,r],t.add(i)}}return i})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&r&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(e);le(e,t,o,n),i&&(i.map((e=>e())),o["s-rc"]=void 0);{const t=null!=(r=o["s-p"])?r:[],n=()=>se(e);0===t.length?n():(Promise.all(t).then(n).catch(n),e.l\|=4,t.length=0)}},le=(e,t,n,r)=>{try{t=t.render(),e.l&=-17,e.l\|=2,ee(e,t,r)}catch(t){a(t,e.$hostElement$)}return null},se=e=>{const t=e.$hostElement$,n=t,r=e.k;ce(n,"componentDidRender",void 0,t),64&e.l?ce(n,"componentDidUpdate",void 0,t):(e.l\|=64,ue(t),ce(n,"componentDidLoad",void 0,t),e.M(t),r\|\|fe()),e.W&&(e.W(),e.W=void 0),512&e.l&&x((()=>ne(e,!1))),e.l&=-517},fe=()=>{x((()=>C(f,"appload",{detail:{namespace:"dropi-ui"}})))},ce=(e,t,n,r)=>{if(e&&e[t])try{return e[t](n)}catch(e){a(e,r)}},ue=e=>e.classList.add("hydrated"),he=(e,t,n,r)=>{const i=o(e);if(!i)return;const l=e,s=i.i.get(t),f=i.l,c=l;if(!((n=I(n,r.t[t][0],!!(64&r.l)))===s\|\|Number.isNaN(s)&&Number.isNaN(n))){if(i.i.set(t,n),r.C){const e=r.C[t];e&&e.map((e=>{try{const[[r,o]]=Object.entries(e);(128&f\|\|1&o)&&(c?c[r](n,s,t):i.B.push((()=>{i.L[r](n,s,t)})))}catch(e){a(e,l)}}))}if(2&f){if(c.componentShouldUpdate&&!1===c.componentShouldUpdate(n,s,t)&&!(16&f))return;16&f\|\|ne(i,!1)}}},de=(e,n,r)=>{var i,a;const l=e.prototype;64&n.l&&1&r&&s.forEach((e=>{const t=l[e];Object.defineProperty(l,e,{value(...n){var r;const i=o(this),a=this;a?"function"==typeof t&&t.call(a,...n):null==(r=null==i?void 0:i.R)\|\|r.then((t=>{const r=t[e];"function"==typeof r&&r.call(t,...n)}))}})}));{e.watchers&&!n.C&&(n.C=e.watchers),e.deserializers&&!n.A&&(n.A=e.deserializers),e.serializers&&!n.N&&(n.N=e.serializers);const r=Object.entries(null!=(i=n.t)?i:{});r.map((([e,[r]])=>{if(31&r\|\|32&r){const{get:i,set:a}=t(l,e)\|\|{};i&&(n.t[e][0]\|=2048),a&&(n.t[e][0]\|=4096),Object.defineProperty(l,e,{get(){return i?i.apply(this):((e,t)=>o(this).i.get(t))(0,e)},configurable:!0,enumerable:!0}),Object.defineProperty(l,e,{set(t){const i=o(this);if(i){if(a)return void 0===(32&r?this[e]:i.$hostElement$[e])&&i.i.get(e)&&(t=i.i.get(e)),a.call(this,I(t,r,!!(64&n.l))),void he(this,e,t=32&r?this[e]:i.$hostElement$[e],n);he(this,e,t,n)}}})}}));{const t=new Map;l.attributeChangedCallback=function(e,i,a){u.jmp((()=>{var s;const f=t.get(e),c=o(this);if(this.hasOwnProperty(f),l.hasOwnProperty(f)&&"number"==typeof this[f]&&this[f]==a)return;if(null==f){const t=null==c?void 0:c.l;if(c&&t&&!(8&t)&&a!==i){const r=this,o=null==(s=n.C)?void 0:s[e];null==o\|\|o.forEach((n=>{const[[o,l]]=Object.entries(n);null!=r[o]&&(128&t\|\|1&l)&&r[o].call(r,a,i,e)}))}return}const u=r.find((([e])=>e===f));u&&4&u[1][0]&&(a=null!==a&&"false"!==a);const h=Object.getOwnPropertyDescriptor(l,f);a==this[f]\|\|h.get&&!h.set\|\|(this[f]=a)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(a=n.C)?a:{}),...r.filter((([e,t])=>31&t[0])).map((([e,r])=>{var o;const i=r[1]\|\|e;return t.set(i,e),512&r[0]&&(null==(o=n.P)\|\|o.push([e,i])),i}))]))}}return e},ge=(e,t)=>{const n={l:t[0],h:t[1]};try{n.t=t[2],n.D=t[3],n.C=e.C,n.A=e.A,n.N=e.N,n.P=[];const i=e.prototype.connectedCallback,s=e.prototype.disconnectedCallback;return Object.assign(e.prototype,{__hasHostListenerAttached:!1,__registerHost(){((e,t)=>{const n={l:0,$hostElement$:e,o:t,i:new Map,U:new Map};n.R=new Promise((e=>n.M=e)),e["s-p"]=[],e["s-rc"]=[];const o=n;e.__stencil__getHostRef=()=>o,512&t.l&&r(e,n)})(this,n)},connectedCallback(){if(!this.__hasHostListenerAttached){const e=o(this);if(!e)return;ye(this,e,n.D),this.__hasHostListenerAttached=!0}(e=>{if(!(1&u.l)){const t=o(e);if(!t)return;const n=t.o,r=()=>{};if(1&t.l)ye(e,t,n.D),(null==t?void 0:t.L)\|\|(null==t?void 0:t.R)&&t.R.then((()=>{}));else{t.l\|=1;{let n=e;for(;n=n.parentNode\|\|n.host;)if(n["s-p"]){te(t,t.k=n);break}}n.t&&Object.entries(n.t).map((([t,[n]])=>{if(31&n&&Object.prototype.hasOwnProperty.call(e,t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let r;try{if(!(32&t.l)&&(t.l\|=32,r=e.constructor,customElements.whenDefined(e.localName).then((()=>t.l\|=128)),r&&r.style)){let e;"string"==typeof r.style&&(e=r.style);const t=E(n);if(!l.has(t)){const r=()=>{};((e,t,n)=>{let r=l.get(e);h&&n?(r=r\|\|new CSSStyleSheet,"string"==typeof r?r=t:r.replaceSync(t)):r=t,l.set(e,r)})(t,e,!!(1&n.l)),r()}}const o=t.k,i=()=>ne(t,!0);o&&o["s-rc"]?o["s-rc"].push(i):i()}catch(n){a(n,e),t.W&&(t.W(),t.W=void 0),t.M&&t.M(e)}})(e,t,n)}r()}})(this),i&&i.call(this)},disconnectedCallback(){(async e=>{if(!(1&u.l)){const t=o(e);(null==t?void 0:t._)&&(t._.map((e=>e())),t._=void 0)}j.has(e)&&j.delete(e),e.shadowRoot&&j.has(e.shadowRoot)&&j.delete(e.shadowRoot)})(this),s&&s.call(this)},__attachShadow(){if(this.shadowRoot){if("open"!==this.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${n.h}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else G.call(this,n)}}),Object.defineProperty(e,"is",{value:n.h,configurable:!0}),de(e,n,3)}catch(t){return a(t),e}},ye=(e,t,n)=>{n&&f.document&&n.map((([n,r,o])=>{const i=me(f.document,e,n),a=pe(t,o),l=ve(n);u.ael(i,r,a,l),(t._=t._\|\|[]).push((()=>u.rel(i,r,a,l)))}))},pe=(e,t)=>n=>{try{e.$hostElement$[t](n)}catch(t){a(t,e.$hostElement$)}},me=(e,t,n)=>4&n?e:t,ve=e=>({passive:!!(1&e),capture:!!(2&e)}),be=e=>u.I=e,xe=e=>Object.assign(u,e);function Se(e,t){ee({o:{l:0,h:t.tagName},$hostElement$:t},e)}function we(e){return e}export{c as H,M as c,w as getAssetPath,P as h,ge as p,Se as render,z as setAssetPath,be as setNonce,xe as setPlatformOptions,we as t}

package/dist/components/p-BY_J-4Sm.js ADDED Viewed

@@ -0,0 +1 @@

+ import{t,p as o,H as e,c as a,h as i}from"./index.js";const s=o(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dropiShow=a(this,"dropiShow",5),this.dropiHide=a(this,"dropiHide",5),this.visibleChange=a(this,"visibleChange",5)}visible=!1;header="";showCloseIcon=!0;dismissable=!0;closeOnEscape=!0;modal=!0;showHeader=!0;position="center";size="m";dropiShow;dropiHide;visibleChange;isOpen=!1;isClosing=!1;mounted=!1;closeTimer=null;keyHandler=null;visibleChanged(t){t?this.openModal():this.startClose()}componentDidLoad(){this.visible&&this.openModal()}disconnectedCallback(){this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),document.body.style.overflow=""}async hide(){this.visible=!1,this.visibleChange.emit(!1),this.startClose()}async show(){this.visible=!0,this.visibleChange.emit(!0),this.openModal()}openModal(){this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),this.mounted=!0,this.isClosing=!1,this.isOpen=!1,requestAnimationFrame((()=>requestAnimationFrame((()=>{this.isOpen=!0,this.dropiShow.emit()})))),this.addKeyHandler(),this.modal&&document.body&&document.body.style&&document.body.style.setProperty("overflow","hidden")}startClose(){this.isClosing||(this.isClosing=!0,this.isOpen=!1,this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),this.closeTimer=setTimeout((()=>{this.mounted=!1,this.isClosing=!1,document.body&&document.body.style&&document.body.style.setProperty("overflow",""),this.dropiHide.emit()}),200))}addKeyHandler(){this.closeOnEscape&&(this.keyHandler=t=>{"Escape"===t.key&&this.visible&&this.dismissable&&this.hide()},document.addEventListener("keydown",this.keyHandler))}removeKeyHandler(){this.keyHandler&&(document.removeEventListener("keydown",this.keyHandler),this.keyHandler=null)}render(){return this.mounted?i("div",{class:`modal-root modal-root--${this.position}${this.isOpen?" modal-root--open":""}${this.isClosing?" modal-root--closing":""}`},this.modal&&i("div",{class:"modal-mask",onClick:()=>this.dismissable&&this.hide()}),i("div",{class:`modal-panel size-${this.size||"m"}`,role:"dialog","aria-modal":"true"},this.showHeader&&i("div",{class:"modal-header"},this.header&&i("span",{class:"modal-title"},this.header),i("slot",{name:"header"}),this.showCloseIcon&&i("button",{class:"modal-close",onClick:()=>this.hide(),"aria-label":"Cerrar"},"×")),i("div",{class:"modal-content"},i("slot",null)),i("div",{class:"modal-footer"},i("slot",{name:"footer"})))):null}static get watchers(){return{visible:[{visibleChanged:0}]}}static get style(){return":host{display:contents}*,*::before,*::after{box-sizing:border-box}.modal-root{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity 0.18s ease;z-index:1100}.modal-root--open{opacity:1;pointer-events:auto}.modal-root--closing{opacity:1;pointer-events:none}.modal-mask{position:absolute;inset:0;background:rgba(6,11,16,0.66);pointer-events:auto;opacity:0;transition:opacity 0.18s ease}.modal-root--open .modal-mask{opacity:1}.modal-root--closing .modal-mask{opacity:0}.modal-panel{position:relative;pointer-events:auto;display:flex;flex-direction:column;border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #fff);box-shadow:0 0 60px rgba(0,0,0,0.06);overflow:hidden;padding:var(--Size-6, 32px);gap:var(--Size-6, 32px);max-height:calc(100vh - 60px);opacity:0;transform:translateY(16px) scale(0.92);transition:opacity 0.18s ease, transform 0.18s ease}.modal-root--open .modal-panel{opacity:1;transform:none}.modal-root--closing .modal-panel{opacity:0;transform:translateY(-12px) scale(1.06)}.modal-header{display:flex;align-items:center;gap:4px}.modal-title{color:var(--Gray-Gray-700,#32394d);font-size:var(--Size-5, 24px);font-weight:700;flex:1;text-align:left}.modal-close{margin-left:auto;border:0;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:24px;line-height:1;color:var(--Gray-Gray-400)}.modal-close:hover{opacity:0.7}.modal-content{padding-right:8px;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--Gray-Gray-300,#a3abbf) var(--Gray-Gray-50,#f7f8fa)}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:var(--Gray-Gray-50,#f7f8fa);border-radius:16px}.modal-content::-webkit-scrollbar-thumb{background:var(--Gray-Gray-300,#a3abbf);border-radius:16px}.modal-footer{display:flex;justify-content:flex-end;align-items:flex-start;gap:var(--Size-1, 4px);width:100%}.modal-footer:empty{display:none}::slotted(.button-container){display:grid;grid-template-columns:1fr 1fr;gap:var(--Size-4, 16px);min-width:470px;width:100%}::slotted(.button-container)>*{width:100%}::slotted(.button-container) dropi-button{width:100%}.modal-panel.size-m .modal-footer,.modal-panel.size-s .modal-footer{justify-content:center}.modal-panel.size-m .modal-footer ::slotted(.button-container),.modal-panel.size-s .modal-footer ::slotted(.button-container){min-width:unset !important;width:100%}.modal-panel.size-drawer-s .modal-footer ::slotted(.button-container){min-width:unset;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}.modal-panel.size-full{width:100%;height:100vh;max-height:100vh;border-radius:0}.modal-panel.size-xxl{width:calc(100% - 60px);max-width:1520px;height:calc(100vh - 120px);max-height:900px}.modal-panel.size-l{width:1137px;max-width:1137px;max-height:754px}.modal-panel.size-m{max-width:550px;width:550px}.modal-panel.size-s{width:454px}.modal-root--right{align-items:stretch;justify-content:flex-end}.modal-root--right .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--right .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--right .modal-panel{transform:translateX(100%)}.modal-root--right .modal-panel.size-drawer-s{width:351px;padding:20px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-m{width:550px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-l{width:1137px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-sidebar-half{width:50vw;min-width:600px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--left{align-items:stretch;justify-content:flex-start}.modal-root--left .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(-100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--left .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--left .modal-panel{transform:translateX(-100%)}.modal-root--top{align-items:flex-start}.modal-root--bottom{align-items:flex-end}@media (max-width: 599px){.modal-panel{padding:20px;width:100% !important}.modal-panel:not(.size-s){border-radius:0 !important;height:100% !important;max-height:unset !important}.modal-root--right .modal-panel{width:100vw !important;min-width:unset !important}.modal-footer{justify-content:center}.modal-footer ::slotted(.button-container){width:100%;min-width:unset !important;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}}@media (prefers-reduced-motion: reduce){.modal-root,.modal-mask,.modal-panel{transition:none !important}}"}},[769,"dropi-modal",{visible:[1540],header:[1],showCloseIcon:[4,"show-close-icon"],dismissable:[4],closeOnEscape:[4,"close-on-escape"],modal:[4],showHeader:[4,"show-header"],position:[1],size:[1],isOpen:[32],isClosing:[32],mounted:[32],hide:[64],show:[64]},void 0,{visible:[{visibleChanged:0}]}]);function r(){"undefined"!=typeof customElements&&["dropi-modal"].forEach((o=>{"dropi-modal"===o&&(customElements.get(t(o))||customElements.define(t(o),s))}))}r();export{s as D,r as d}

package/dist/components/p-CYCV-5qV.js ADDED Viewed

@@ -0,0 +1 @@

+ import{t as e,p as t,H as i,c as s,h as o}from"./index.js";const r=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiChange=s(this,"dropiChange",7)}isChecked=!1;disabled=!1;dropiChange;onToggleChange(e){this.isChecked=e.target.checked,this.dropiChange.emit(this.isChecked)}render(){return o("label",{key:"f02520c1b71af187ddfb766e4bac4e16482bb5cc",class:"toggle-switch"},o("input",{key:"13b41ec9b7f69512be6d556f1946a3506d9557a3",type:"checkbox",checked:this.isChecked,disabled:this.disabled,onChange:e=>this.onToggleChange(e)}),o("span",{key:"0bb19ad9767c1e7c5956ef834228a6a2406c225c",class:"slider"}))}static get formAssociated(){return!0}static get style(){return":host{display:inline-block}*,*::before,*::after{box-sizing:border-box}.toggle-switch{position:relative;display:inline-block;width:40px;height:21px;margin-bottom:0;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--Gray-Gray-200, #c3c9d9);transition:0.4s;border-radius:34px}.slider::before{position:absolute;content:'';height:17px;width:17px;left:3px;bottom:2px;background-color:var(--Neutral-White, #ffffff);transition:0.4s;border-radius:50%}input:checked+.slider{background-color:var(--Primary-Primary-500, #f49a3d)}input:checked+.slider::before{transform:translateX(17px)}:host([disabled]) .toggle-switch{cursor:not-allowed;opacity:0.5}"}},[577,"dropi-switch",{isChecked:[1540,"is-checked"],disabled:[516]}]);function c(){"undefined"!=typeof customElements&&["dropi-switch"].forEach((t=>{"dropi-switch"===t&&(customElements.get(e(t))||customElements.define(e(t),r))}))}c();export{r as D,c as d}

package/dist/components/p-D0ZJcRZn.js ADDED Viewed

@@ -0,0 +1 @@

+ import{t,p as e,H as s,h as i}from"./index.js";const a=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}country="";flagStyle="flat";width="";height="";get src(){const t=(this.country||"").toUpperCase();return"circle"===this.flagStyle?`https://hatscripts.github.io/circle-flags/flags/${t.toLowerCase()}.svg`:`https://flagsapi.com/${t}/flat/64.png`}render(){const t={};return this.width&&(t.width=this.width.includes("px")?this.width:`${this.width}px`),this.height&&(t.height=this.height.includes("px")?this.height:`${this.height}px`),i("figure",{key:"a0e00a2c47e205b0ddd565726a9aff1945cfad2e",class:`flag ${this.flagStyle}`},i("img",{key:"4048129356b4d43ae761f7dd7858483dd008f2b9",src:this.src,style:t,alt:`flag-${this.country}`}))}static get style(){return":host{display:inline-flex}.flag{max-width:40px;max-height:40px;margin:0;display:flex;align-items:center;justify-content:center}.flag img{width:100%;height:100%;object-fit:cover}.circle{border-radius:50%;overflow:hidden}.rectangle{border-radius:4px;overflow:hidden;max-width:32px !important;max-height:24px !important}"}},[513,"dropi-country-flags",{country:[1],flagStyle:[1,"flag-style"],width:[1],height:[1]}]);function r(){"undefined"!=typeof customElements&&["dropi-country-flags"].forEach((e=>{"dropi-country-flags"===e&&(customElements.get(t(e))||customElements.define(t(e),a))}))}r();export{a as D,r as d}

package/dist/components/p-DUPOnSiL.js ADDED Viewed

@@ -0,0 +1 @@

+ import{t as e,p as r,H as i,c as t,h as o}from"./index.js";const s=r(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiChange=t(this,"dropiChange",7)}checked=!1;disabled=!1;dropiChange;changeState(){this.disabled||(this.checked=!this.checked,this.dropiChange.emit(this.checked))}render(){return o("div",{key:"a1ca730e992d31e5d15800bf418fb58fcd3bb7d6",class:"container-dropi-checkbox",onClick:()=>this.changeState()},o("div",{key:"530d34c26d101d673b3b90c960859593d8276b79",class:{check:!0,isCheck:this.checked,noCheck:!this.checked,disabled:this.disabled}},o("svg",{key:"0b77d8edd8adccf87536edd1f2175513b45c0e21",xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none"},o("path",{key:"013f792f93249617d8910be72a4e77e4fc4f7ea9",d:"M20.5991 5.69251L9.08325 17.2075C9.00583 17.2852 8.91382 17.3469 8.8125 17.389C8.71118 17.4311 8.60255 17.4527 8.49283 17.4527C8.38312 17.4527 8.27449 17.4311 8.17317 17.389C8.07185 17.3469 7.97984 17.2852 7.90242 17.2075L3.44908 12.75C3.37166 12.6723 3.27965 12.6106 3.17833 12.5685C3.07701 12.5264 2.96838 12.5048 2.85867 12.5048C2.74896 12.5048 2.64032 12.5264 2.53901 12.5685C2.43769 12.6106 2.34568 12.6723 2.26825 12.75C2.19052 12.8274 2.12884 12.9194 2.08676 13.0208C2.04467 13.1221 2.02301 13.2307 2.02301 13.3404C2.02301 13.4501 2.04467 13.5588 2.08676 13.6601C2.12884 13.7614 2.19052 13.8534 2.26825 13.9308L6.72325 18.385C7.19321 18.8541 7.83008 19.1175 8.49408 19.1175C9.15809 19.1175 9.79496 18.8541 10.2649 18.385L21.7799 6.87251C21.8575 6.7951 21.9191 6.70314 21.9611 6.6019C22.0031 6.50065 22.0247 6.39212 22.0247 6.28251C22.0247 6.17289 22.0031 6.06436 21.9611 5.96312C21.9191 5.86188 21.8575 5.76992 21.7799 5.69251C21.7025 5.61478 21.6105 5.5531 21.5092 5.51101C21.4078 5.46893 21.2992 5.44727 21.1895 5.44727C21.0798 5.44727 20.9712 5.46893 20.8698 5.51101C20.7685 5.5531 20.6765 5.61478 20.5991 5.69251Z",fill:"#FFFFFF"}))))}static get formAssociated(){return!0}static get style(){return":host{display:inline-block}*,*::before,*::after{box-sizing:border-box}.container-dropi-checkbox{display:inline-block}.check{width:20px;height:20px;border-radius:var(--Border-1, 4px);cursor:pointer;transition:background-color 0.3s ease-in-out, border-style 0.3s ease-in-out}.noCheck{border-style:solid;border-width:2px;border-color:var(--Gray-Gray-200, #c3c9d9);display:flex;justify-content:center;align-items:center}.noCheck svg{visibility:hidden}.isCheck{display:flex;background-color:var(--Primary-Primary-500, #f49a3d);justify-content:center;align-items:center}.disabled{background-color:var(--Gray-Gray-50, #f7f8fa);border-color:var(--Gray-Gray-100, #e6eaf2);cursor:not-allowed}"}},[577,"dropi-checkbox",{checked:[1540],disabled:[516]}]);function c(){"undefined"!=typeof customElements&&["dropi-checkbox"].forEach((r=>{"dropi-checkbox"===r&&(customElements.get(e(r))||customElements.define(e(r),s))}))}c();export{s as D,c as d}

package/dist/components/p-DUX_WvqW.js ADDED Viewed

@@ -0,0 +1 @@

+ import{t as r,p as a,H as o,c as e,h as n}from"./index.js";import{d as t}from"./p-wO1yy0Zr.js";const c=a(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.dropiClick=e(this,"dropiClick",7)}type="default";severity="primary";size="normal";state="default";fullWidth=!1;preIcon="";postIcon="";text="";dropiClick;colorMap={default:"Primary-Primary-",success:"Success-Success-",error:"Error-Error-",info:"Info-Info-",legacy:"Secondary-Secondary-",warning:"Warning-Warning-",dropdown:"Gray-Gray-"};get iconSize(){return"large"===this.size?"24px":"small"===this.size?"16px":"18px"}get color(){return(this.colorMap[this.type]??"Primary-Primary-")+("disabled"===this.state?"300":"500")}get fontColor(){return"tertiary"===this.severity?"default"===this.type||"legacy"===this.type?"Gray-Gray-500":this.color:"secondary"===this.severity?this.color:"Neutral-White"}handleClick(r){"disabled"!==this.state&&"loading"!==this.state&&this.dropiClick.emit(r)}renderLoadingSpinner(){return n("svg",{class:"spin",width:this.iconSize,height:this.iconSize,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{d:"M22.8 12C23.4627 12 24.0062 11.4614 23.9401 10.802C23.8232 9.6371 23.5362 8.49339 23.0866 7.4078C22.4835 5.95189 21.5996 4.62902 20.4853 3.51472C19.371 2.40042 18.0481 1.5165 16.5922 0.913445C15.5066 0.463778 14.3629 0.17683 13.198 0.0599502C12.5386 -0.00621439 12 0.537258 12 1.2C12 1.86274 12.5393 2.39227 13.1969 2.4749C14.0463 2.58164 14.8795 2.80176 15.6738 3.13076C16.8385 3.6132 17.8968 4.32033 18.7882 5.21177C19.6797 6.10322 20.3868 7.16151 20.8692 8.32624C21.1982 9.12051 21.4184 9.95367 21.5251 10.8031C21.6077 11.4607 22.1373 12 22.8 12Z",fill:`var(--${this.fontColor})`}))}render(){const r="disabled"===this.state||"loading"===this.state,a=""!==this.text,o=""!==this.postIcon||"dropdown"===this.type,e="dropdown"===this.type?"Dropdown-down":this.postIcon;return n("button",{key:"e924f56cb86a87ee8a314cfc5c278042a4d0a87d",class:{btn:!0,"without-text":!a,[this.severity]:!0,[this.type]:!0,[this.size]:!0,[this.state]:!0},disabled:r,onClick:r=>this.handleClick(r)},this.preIcon&&n("dropi-icon",{key:"6d42026da19f7bf2fc6186659b8afc48748544f1",name:this.preIcon,width:this.iconSize,height:this.iconSize,color:this.fontColor}),a&&n("span",{key:"c71ee430fec84cd24d261dc12973ad0b472cc71c",class:"text"},this.text),o&&n("dropi-icon",{key:"ff3890de446e5b48c88a980f01cce4e7b9764b24",name:e,width:this.iconSize,height:this.iconSize,color:this.fontColor}),"loading"===this.state&&this.renderLoadingSpinner(),n("slot",{key:"3ee6aacd17a004664ad4bcf89219a8e2dc865343"}))}static get style(){return":host{display:inline-block}:host([full-width]){display:flex;width:100%}:host([full-width]) .btn{width:100%}*,*::before,*::after{box-sizing:border-box}.btn{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:var(--Size-1, 4px);border-radius:var(--Border-2, 8px);font-weight:700;min-width:33px;line-height:110%;cursor:pointer;white-space:nowrap;transition:background 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease}.btn:active{transition:transform 0.01s ease-out;transform:scale(0.98)}.btn:hover:not(:active){transform:scale(1.01)}.btn.without-text{gap:0}.btn.large{padding:var(--Size-4, 16px);font-size:var(--Size-4, 16px);height:48px}.btn.normal{padding:var(--Size-3, 12px);font-size:var(--font-size-s, 12px);height:40px}.btn.small{padding:var(--Size-2, 8px);font-size:var(--Size-3, 12px);height:29px}.btn.disabled,.btn.loading{cursor:not-allowed;pointer-events:none}.btn.primary.default{background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #fff)}.btn.primary.default:hover{background:var(--Primary-Primary-600, #e58017)}.btn.primary.success{background:var(--Success-Success-500, #0abb87);color:var(--Neutral-White, #fff)}.btn.primary.success:hover{background:var(--Success-Success-600, #09aa7b)}.btn.primary.info{background:var(--Info-Info-500, #50a5f1);color:var(--Neutral-White, #fff)}.btn.primary.info:hover{background:var(--Info-Info-600, #4996db)}.btn.primary.error{background:var(--Error-Error-500, #f46a6b);color:var(--Neutral-White, #fff)}.btn.primary.error:hover{background:var(--Error-Error-600, #de6061)}.btn.primary.warning{background:var(--Warning-Warning-500, #f1b44c);color:var(--Neutral-White, #fff)}.btn.primary.warning:hover{background:var(--Warning-Warning-600, #dba445)}.btn.primary.legacy{background:var(--Secondary-Secondary-500, #008dbf);color:var(--Neutral-White, #fff)}.btn.primary.legacy:hover{background:var(--Secondary-Secondary-600, #007199)}.btn.primary.disabled.default{background:var(--Primary-Primary-300, #f2bc85);color:var(--Neutral-White, #fff)}.btn.primary.disabled.success{background:var(--Success-Success-300, #5bd1af);color:var(--Neutral-White, #fff)}.btn.primary.disabled.info{background:var(--Info-Info-300, #8ac3f6);color:var(--Neutral-White, #fff)}.btn.primary.disabled.error{background:var(--Error-Error-300, #f89b9c);color:var(--Neutral-White, #fff)}.btn.primary.disabled.warning{background:var(--Warning-Warning-300, #f6cd87);color:var(--Neutral-White, #fff)}.btn.primary.disabled.legacy{background:var(--Secondary-Secondary-300, #62bad9);color:var(--Neutral-White, #fff)}.btn.secondary{background:var(--Neutral-White, #fff);border:1px solid}.btn.secondary.default{border-color:var(--Primary-Primary-500, #f49a3d);color:var(--Primary-Primary-500, #f49a3d)}.btn.secondary.default:hover{color:var(--Primary-Primary-600, #e58017);border-color:var(--Primary-Primary-600, #e58017)}.btn.secondary.success{border-color:var(--Success-Success-500, #0abb87);color:var(--Success-Success-500, #0abb87)}.btn.secondary.success:hover{color:var(--Success-Success-600, #09aa7b);border-color:var(--Success-Success-600, #09aa7b)}.btn.secondary.info{border-color:var(--Info-Info-500, #50a5f1);color:var(--Info-Info-500, #50a5f1)}.btn.secondary.info:hover{color:var(--Info-Info-600, #4996db);border-color:var(--Info-Info-600, #4996db)}.btn.secondary.error{border-color:var(--Error-Error-500, #f46a6b);color:var(--Error-Error-500, #f46a6b)}.btn.secondary.error:hover{color:var(--Error-Error-600, #de6061);border-color:var(--Error-Error-600, #de6061)}.btn.secondary.warning{border-color:var(--Warning-Warning-500, #f1b44c);color:var(--Warning-Warning-500, #f1b44c)}.btn.secondary.warning:hover{color:var(--Warning-Warning-600, #dba445);border-color:var(--Warning-Warning-600, #dba445)}.btn.secondary.legacy{border-color:var(--Secondary-Secondary-500, #008dbf);color:var(--Secondary-Secondary-500, #008dbf)}.btn.secondary.legacy:hover{color:var(--Secondary-Secondary-600, #007199);border-color:var(--Secondary-Secondary-600, #007199)}.btn.secondary.disabled.default{border-color:var(--Primary-Primary-300, #f2bc85);color:var(--Primary-Primary-300, #f2bc85)}.btn.secondary.disabled.success{border-color:var(--Success-Success-300, #5bd1af);color:var(--Success-Success-300, #5bd1af)}.btn.secondary.disabled.info{border-color:var(--Info-Info-300, #8ac3f6);color:var(--Info-Info-300, #8ac3f6)}.btn.secondary.disabled.error{border-color:var(--Error-Error-300, #f89b9c);color:var(--Error-Error-300, #f89b9c)}.btn.secondary.disabled.warning{border-color:var(--Warning-Warning-300, #f6cd87);color:var(--Warning-Warning-300, #f6cd87)}.btn.secondary.disabled.legacy{border-color:var(--Secondary-Secondary-300, #62bad9);color:var(--Secondary-Secondary-300, #62bad9)}.btn.tertiary{background:none;border:none}.btn.tertiary.default,.btn.tertiary.legacy{border:1px solid var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-500, #69738c)}.btn.tertiary.default:hover,.btn.tertiary.legacy:hover{border-color:var(--Gray-Gray-400, #858ea6);color:var(--Gray-Gray-600, #475066)}.btn.tertiary.success{color:var(--Success-Success-500, #0abb87)}.btn.tertiary.success:hover{background:var(--Success-Success-50, #e7f8f3)}.btn.tertiary.info{color:var(--Info-Info-500, #50a5f1)}.btn.tertiary.info:hover{background:var(--Info-Info-50, #eef6fe)}.btn.tertiary.error{color:var(--Error-Error-500, #f46a6b)}.btn.tertiary.error:hover{background:var(--Error-Error-50, #fef0f0)}.btn.tertiary.warning{color:var(--Warning-Warning-500, #f1b44c)}.btn.tertiary.warning:hover{background:var(--Warning-Warning-50, #fef8ed)}.btn.tertiary.dropdown{color:var(--Gray-Gray-500, #69738c);font-weight:400;font-size:14px;background:transparent}.btn.tertiary.disabled.default,.btn.tertiary.disabled.legacy{border:1px solid var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-400, #858ea6)}.btn.tertiary.disabled.success{color:var(--Success-Success-300, #5bd1af)}.btn.tertiary.disabled.info{color:var(--Info-Info-300, #8ac3f6)}.btn.tertiary.disabled.error{color:var(--Error-Error-300, #f89b9c)}.btn.tertiary.disabled.warning{color:var(--Warning-Warning-300, #f6cd87)}.spin{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}"}},[769,"dropi-button",{type:[1],severity:[1],size:[1],state:[1],fullWidth:[516,"full-width"],preIcon:[1,"pre-icon"],postIcon:[1,"post-icon"],text:[1]}]);function i(){"undefined"!=typeof customElements&&["dropi-button","dropi-icon"].forEach((a=>{switch(a){case"dropi-button":customElements.get(r(a))||customElements.define(r(a),c);break;case"dropi-icon":customElements.get(r(a))||t()}}))}i();export{c as D,i as d}

package/dist/components/{p-CPs3fHRc.js → p-wO1yy0Zr.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{t,p as e,H as i,h as s}from"./index.js";const o=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get el(){return this}name="";width="24px";height="24px";color="currentColor";colorChanged(){this.applyColor()}componentDidLoad(){this.applyColor()}applyColor(){const t=this.color.startsWith("#")?this.color:"currentColor"===this.color?"currentColor":`var(--${this.color})`;this.el.style.setProperty("--icon-fill",t)}render(){return s("svg",{key:"~~d92e0c9deb01962dfb172ae25af4f1236647e24c~~",width:this.width,height:this.height,class:{spin:"Spinner"===this.name},"aria-hidden":"true"},s("use",{key:"~~76be21d4bcbb2a5409e0c784cd17c6ca3cd243f6~~",href:`/assets/icons/symbol/svg/sprite.css.svg#${this.name}`}))}static get watchers(){return{color:[{colorChanged:0}]}}static get style(){return":host{display:inline-flex;align-items:center;justify-content:center;fill:var(--icon-fill, currentColor)}svg{fill:inherit;display:block;vertical-align:middle}.spin{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}"}},[513,"dropi-icon",{name:[1],width:[1],height:[1],color:[1]},void 0,{color:[{colorChanged:0}]}]);function r(){"undefined"!=typeof customElements&&["dropi-icon"].forEach((e=>{"dropi-icon"===e&&(customElements.get(t(e))\|\|customElements.define(t(e),o))}))}r();export{o as D,r as d}
1	+ import{t,p as e,H as i,h as s}from"./index.js";const o=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get el(){return this}name="";width="24px";height="24px";color="currentColor";colorChanged(){this.applyColor()}componentDidLoad(){this.applyColor()}applyColor(){const t=this.color.startsWith("#")?this.color:"currentColor"===this.color?"currentColor":`var(--${this.color})`;this.el.style.setProperty("--icon-fill",t)}render(){return s("svg",{key:"2ddcab388d4a4aa5eeb4068160210581977f270d",width:this.width,height:this.height,class:{spin:"Spinner"===this.name},"aria-hidden":"true"},s("use",{key:"cf485e8fb45231b2ad43b069f3d0d69047f7bc9c",href:`/assets/icons/symbol/svg/sprite.css.svg#${this.name}`}))}static get watchers(){return{color:[{colorChanged:0}]}}static get style(){return":host{display:inline-flex;align-items:center;justify-content:center;fill:var(--icon-fill, currentColor)}svg{fill:inherit;display:block;vertical-align:middle}.spin{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}"}},[513,"dropi-icon",{name:[1],width:[1],height:[1],color:[1]},void 0,{color:[{colorChanged:0}]}]);function r(){"undefined"!=typeof customElements&&["dropi-icon"].forEach((e=>{"dropi-icon"===e&&(customElements.get(t(e))\|\|customElements.define(t(e),o))}))}r();export{o as D,r as d}

package/dist/dropi-ui/dropi-ui.esm.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as e,g as o,b as t}from"./p-Twbb5MNM.js";export{s as setNonce}from"./p-Twbb5MNM.js";(()=>{const o=import.meta.url,t={};return""!==o&&(t.resourcesUrl=new URL(".",o).href),e(t)})().then((async e=>(await o(),t([["p-30fdd316",[[513,"dropi-icon",{name:[1],width:[1],height:[1],color:[1]},null,{color:[{colorChanged:0}]}]]],["p-4ea7d3a7",[[513,"dropi-card-section",{sectionTitle:[1,"section-title"],description:[1],typeElement:[1,"type-element"],type:[1],isChecked:[1028,"is-checked"]}]]],["p-f6a69c4e",[[513,"dropi-checkbox-selection-list",{options:[1],showFilter:[4,"show-filter"],filterPlaceholder:[1,"filter-placeholder"],showNotFound:[4,"show-not-found"],notFoundMessage:[1,"not-found-message"],multiSelect:[4,"multi-select"],filterText:[32],selected:[32],parsedOptions:[32]},null,{options:[{optionsChanged:0}]}]]],["p-291a1416",[[769,"dropi-empty-state",{header:[1],description:[1],imageUrl:[1,"image-url"],imageAlt:[1,"image-alt"],actionLabel:[1,"action-label"],secondaryLabel:[1,"secondary-label"]}]]],["p-d1e1b716",[[513,"dropi-search",{placeholder:[1],value:[1025],maxlength:[2],showClear:[4,"show-clear"],options:[1],labelKey:[1,"label-key"],multiSelect:[4,"multi-select"],dropdownHeight:[1,"dropdown-height"],label:[1],open:[32],selected:[32],parsedOptions:[32]},null,{options:[{optionsChanged:0}]}]]],["p-51c8ef68",[[769,"dropi-accordion",{header:[1],open:[1540],disabled:[4],preIcon:[1,"pre-icon"],contentHeight:[32]},null,{open:[{openChanged:0}]}]]],["p-e8557da0",[[513,"dropi-alert",{message:[1],type:[1],state:[1],dismissable:[4],showButton:[4,"show-button"],buttonText:[1,"button-text"],anchorText:[1,"anchor-text"],anchorUrl:[1,"anchor-url"],showAlert:[1028,"show-alert"]}]]],["p-68f81080",[[769,"dropi-chips",{chipStyle:[1,"chip-style"],type:[1],urlImg:[1,"url-img"],showIcon:[4,"show-icon"],icon:[1]}]]],["p-8906a68d",[[513,"dropi-dropdown",{options:[1],valueModel:[1,"value-model"],imageModel:[1,"image-model"],height:[1],selected:[32],parsedOptions:[32]},null,{options:[{optionsChanged:0}]}]]],["p-433d161d",[[513,"dropi-favorite-button",{isFavorite:[1028,"is-favorite"],hovered:[32]}]]],["p-74c37688",[[513,"dropi-image-miniature",{label:[1],images:[1],width:[1],height:[1]}]]],["p-f3cef35a",[[513,"dropi-image-overlay",{visible:[1028],images:[1],activeIndex:[1026,"active-index"],current:[32],parsedImages:[32]},null,{images:[{imagesChanged:0}],activeIndex:[{indexChanged:0}],visible:[{visibleChanged:0}]}]]],["p-db6c9828",[[577,"dropi-input",{inputId:[1,"input-id"],name:[1],label:[1],placeholder:[1],value:[1025],maxlength:[2],disabled:[516],required:[516],showAsterisk:[4,"show-asterisk"],fixedLabel:[4,"fixed-label"],inputMode:[1,"input-mode"],passwordInput:[4,"password-input"],moneyFormat:[4,"money-format"],thousandSeparator:[4,"thousand-separator"],onlyNumbers:[4,"only-numbers"],allowDecimals:[4,"allow-decimals"],onlyLetters:[4,"only-letters"],icon:[1],iconColor:[1,"icon-color"],invalid:[4],helperText:[1,"helper-text"],showHelperOnlyOnError:[4,"show-helper-only-on-error"],showPassword:[32],touched:[32]},null,{value:[{valueChanged:0}],disabled:[{disabledChanged:0}]}]]],["p-a5650d8f",[[769,"dropi-modal",{visible:[1540],header:[1],showCloseIcon:[4,"show-close-icon"],dismissable:[4],closeOnEscape:[4,"close-on-escape"],modal:[4],showHeader:[4,"show-header"],position:[1],size:[1],isOpen:[32],isClosing:[32],mounted:[32],hide:[64],show:[64]},null,{visible:[{visibleChanged:0}]}]]],["p-d5ecc394",[[513,"dropi-paginator",{total:[2],pageSize:[1026,"page-size"],page:[1538],maxPages:[2,"max-pages"],noLabels:[4,"no-labels"],showPageSizeSelector:[4,"show-page-size-selector"],pageSizeOptions:[1,"page-size-options"],parsedOptions:[32]},null,{pageSizeOptions:[{optionsChanged:0}]}]]],["p-7cec1cea",[[513,"dropi-radio-selection-list",{options:[1],selectedOption:[1032,"selected-option"],showFilter:[4,"show-filter"],filterPlaceholder:[1,"filter-placeholder"],typeLayout:[1,"type-layout"],filterText:[32],parsedOptions:[32]},null,{options:[{optionsChanged:0}]}]]],["p-121c8a09",[[577,"dropi-select",{label:[1],placeholder:[1],options:[1040],name:[1],disabled:[516],invalid:[4],errorText:[1,"error-text"],helperText:[1,"helper-text"],showObligatory:[4,"show-obligatory"],searchEnabled:[4,"search-enabled"],multiSelect:[4,"multi-select"],dropdownType:[4,"dropdown-type"],showCountryFlags:[4,"show-country-flags"],radioOptions:[4,"radio-options"],placeHolderSearch:[1,"place-holder-search"],preIcon:[1,"pre-icon"],defaultSelectedId:[1032,"default-selected-id"],value:[1040],isOpen:[32],selectedOption:[32],multiSelected:[32],filteredOptions:[32],searchTerm:[32],dropdownStyle:[32],setById:[64],setByLabel:[64],clearSelection:[64],resetMultiSelect:[64]},[[4,"click","handleOutsideClick"]],{options:[{optionsChanged:0}],defaultSelectedId:[{defaultChanged:0}],value:[{valueChanged:0}]}]]],["p-2cee44f9",[[513,"dropi-steps",{stepsCount:[2,"steps-count"],showNumberOfStep:[4,"show-number-of-step"],currentStep:[2,"current-step"],stepLabels:[1,"step-labels"]}]]],["p-ff45e7c8",[[513,"dropi-tabs",{tabs:[1],activeTab:[1544,"active-tab"],showIcon:[4,"show-icon"],parsedTabs:[32]},null,{tabs:[{tabsChanged:0}]}]]],["p-54780c90",[[513,"dropi-tag",{type:[1],state:[1],showIcon:[4,"show-icon"],icon:[1],text:[1]},null,{type:[{propsChanged:0}],state:[{propsChanged:0}]}]]],["p-7daa2677",[[577,"dropi-text-area",{inputId:[1,"input-id"],name:[1],label:[1],placeholder:[1],value:[1025],maxlength:[2],minlength:[2],rows:[2],resize:[1],disabled:[516],required:[516],showAsterisk:[4,"show-asterisk"],helperText:[1,"helper-text"],invalid:[4],touched:[32]},null,{value:[{valueChanged:0}]}]]],["p-a9116dbe",[[513,"dropi-time-line",{steps:[1]}]]],["p-c2316d4d",[[513,"dropi-toast",{position:[1],life:[2],items:[32],show:[64],clear:[64]}]]],["p-b36b819f",[[513,"dropi-vertical-steps",{steps:[1],currentStep:[2,"current-step"],clickable:[4],showCheckIcon:[4,"show-check-icon"]}]]],["p-724a2aea",[[513,"dropi-avatars",{image:[1],alt:[1],type:[1],initials:[1]}]]],["p-cb5fd7a9",[[513,"dropi-badge",{state:[1]}]]],["p-061e1ad4",[[513,"dropi-logo",{urlLogo:[1,"url-logo"],size:[1],theme:[1]}]]],["p-4bdfad16",[[513,"dropi-lottie-loader",{visible:[4],loadingAnimation:[1,"loading-animation"],loaderTitle:[1,"loader-title"],message:[1]}]]],["p-3537ee5a",[[513,"dropi-otp-send-code",{engine:[1],labelContact:[1,"label-contact"],showLabelContact:[4,"show-label-contact"],errorMessage:[1,"error-message"],digits:[32],digitStates:[32],countdown:[32],canResend:[32],error:[32]}]]],["p-66deb85e",[[577,"dropi-radio-button",{label:[1],name:[1],inputId:[1,"input-id"],checked:[1540],resetTrigger:[4,"reset-trigger"]},null,{resetTrigger:[{onResetTrigger:0}]}]]],["p-c10cbb8d",[[513,"dropi-read-more",{text:[1],maxWords:[2,"max-words"],showSeeLess:[4,"show-see-less"],expanded:[32]}]]],["p-ebfd4665",[[513,"dropi-simple-stepper",{stepsCount:[2,"steps-count"],typeStep:[1,"type-step"],currentStep:[2,"current-step"],labelStepper:[1,"label-stepper"],flowMode:[1,"flow-mode"]}]]],["p-b0d3442e",[[513,"dropi-skeleton",{variant:[1],width:[1],height:[1],borderRadius:[1,"border-radius"],lines:[2]}]]],["p-e721127d",[[769,"dropi-tooltip",{text:[1],position:[1],maxWidth:[1,"max-width"],showDelay:[2,"show-delay"],visible:[32]}]]],["p-a4204ece",[[769,"dropi-button",{type:[1],severity:[1],size:[1],state:[1],preIcon:[1,"pre-icon"],postIcon:[1,"post-icon"],text:[1]}]]],["p-0c13dded",[[577,"dropi-switch",{isChecked:[1540,"is-checked"],disabled:[516]}]]],["p-3d859657",[[577,"dropi-checkbox",{checked:[1540],disabled:[516]}]]]],e))));
1	+ import{p as e,g as o,b as t}from"./p-Tbza12Gt.js";export{s as setNonce}from"./p-Tbza12Gt.js";(()=>{const o=import.meta.url,t={};return""!==o&&(t.resourcesUrl=new URL(".",o).href),e(t)})().then((async e=>(await o(),t(JSON.parse('[["p-80089042",[[513,"dropi-icon",{"name":[1],"width":[1],"height":[1],"color":[1]},null,{"color":[{"colorChanged":0}]}]]],["p-bf5a53ef",[[513,"dropi-alert-modal",{"visible":[1540],"type":[1],"alertTitle":[1,"alert-title"],"message":[1],"primaryButton":[1,"primary-button"],"secondaryButton":[1,"secondary-button"],"loading":[4],"closable":[4],"displayButtons":[4,"display-buttons"],"loadingTitle":[1,"loading-title"],"loadingMessage":[1,"loading-message"],"show":[64],"hide":[64]}]]],["p-98babb78",[[513,"dropi-card-section",{"sectionTitle":[1,"section-title"],"description":[1],"typeElement":[1,"type-element"],"type":[1],"isChecked":[1028,"is-checked"]}]]],["p-3983a7aa",[[513,"dropi-checkbox-selection-list",{"options":[1],"showFilter":[4,"show-filter"],"filterPlaceholder":[1,"filter-placeholder"],"showNotFound":[4,"show-not-found"],"notFoundMessage":[1,"not-found-message"],"multiSelect":[4,"multi-select"],"filterText":[32],"selected":[32],"parsedOptions":[32]},null,{"options":[{"optionsChanged":0}]}]]],["p-cecfb68e",[[769,"dropi-empty-state",{"header":[1],"description":[1],"imageUrl":[1,"image-url"],"imageAlt":[1,"image-alt"],"actionLabel":[1,"action-label"],"iconState":[1,"icon-state"],"secondaryLabel":[1,"secondary-label"],"actionSeverity":[1,"action-severity"]}]]],["p-b1b0f938",[[513,"dropi-languages-selector",{"languages":[1],"selectedLang":[1025,"selected-lang"],"isOpen":[32],"parsedLanguages":[32],"currentLang":[32]},null,{"languages":[{"languagesChanged":0}],"selectedLang":[{"selectedLangChanged":0}]}]]],["p-52796d84",[[513,"dropi-search",{"placeholder":[1],"value":[1025],"maxlength":[2],"showClear":[4,"show-clear"],"options":[1],"labelKey":[1,"label-key"],"multiSelect":[4,"multi-select"],"dropdownHeight":[1,"dropdown-height"],"label":[1],"open":[32],"selected":[32],"parsedOptions":[32]},null,{"options":[{"optionsChanged":0}]}]]],["p-1af4719d",[[513,"dropi-table",{"columns":[1],"rows":[1],"selectable":[4],"loading":[4],"emptyMessage":[1,"empty-message"],"striped":[4],"parsedColumns":[32],"parsedRows":[32],"sortKey":[32],"sortDir":[32],"selectedKeys":[32]},null,{"columns":[{"columnsChanged":0}],"rows":[{"rowsChanged":0}]}]]],["p-0f2f5f75",[[769,"dropi-accordion",{"header":[1],"open":[1540],"disabled":[4],"preIcon":[1,"pre-icon"],"contentHeight":[32]},null,{"open":[{"openChanged":0}]}]]],["p-f1d69b15",[[513,"dropi-alert",{"message":[1],"type":[1],"state":[1],"dismissable":[4],"showButton":[4,"show-button"],"buttonText":[1,"button-text"],"anchorText":[1,"anchor-text"],"anchorUrl":[1,"anchor-url"],"showAlert":[1028,"show-alert"]}]]],["p-3414a414",[[513,"dropi-banner-external",{"imageUrl":[1,"image-url"],"link":[1],"alt":[1],"backgroundColor":[1,"background-color"],"closed":[32]}]]],["p-8e809670",[[513,"dropi-breadcrumb",{"items":[1],"homeRoute":[1,"home-route"],"homeIconName":[1,"home-icon-name"],"lastItemClickable":[4,"last-item-clickable"]}]]],["p-b890fd5b",[[513,"dropi-card-checkbox",{"type":[1],"checked":[1028],"cardTitle":[1,"card-title"],"description":[1],"extraInfo":[1,"extra-info"],"extraInfoDescription":[1,"extra-info-description"],"disabled":[4]}]]],["p-053ebb91",[[513,"dropi-card-product",{"image":[1],"productName":[1,"product-name"],"price":[2],"currency":[1],"supplier":[1],"category":[1],"showFavorite":[4,"show-favorite"],"isFavorite":[1028,"is-favorite"],"showAddButton":[4,"show-add-button"],"badge":[1],"badgeType":[1,"badge-type"],"inStock":[4,"in-stock"]}]]],["p-5425f941",[[513,"dropi-carousel",{"images":[1],"altPrefix":[1,"alt-prefix"],"showArrows":[4,"show-arrows"],"showDots":[4,"show-dots"],"showThumbs":[4,"show-thumbs"],"autoplay":[2],"activeIndex":[1026,"active-index"],"objectFit":[1,"object-fit"],"parsedImages":[32],"current":[32]},null,{"images":[{"imagesChanged":0}],"activeIndex":[{"activeIndexChanged":0}]}]]],["p-983f72ad",[[769,"dropi-chips",{"chipStyle":[1,"chip-style"],"type":[1],"urlImg":[1,"url-img"],"showIcon":[4,"show-icon"],"icon":[1]}]]],["p-8768bb11",[[513,"dropi-city-selector",{"options":[1],"selectedCities":[1025,"selected-cities"],"placeholder":[1],"disabled":[4],"isOpen":[32],"selected":[32],"parsedOptions":[32],"searchTerm":[32]},null,{"options":[{"optionsChanged":0}],"selectedCities":[{"selectedChanged":0}]}]]],["p-b2e176b1",[[513,"dropi-color-picker",{"value":[1025],"showOpacity":[4,"show-opacity"],"opacity":[1026],"label":[1],"disabled":[4],"showPresets":[4,"show-presets"],"open":[32],"hexInput":[32]}]]],["p-a876d57c",[[513,"dropi-country-selector",{"label":[1],"placeholder":[1],"value":[1025],"disabled":[4],"showObligatory":[4,"show-obligatory"],"invalid":[4],"isOpen":[32],"selected":[32],"searchTerm":[32]},null,{"value":[{"valueChanged":0}]}]]],["p-40e91337",[[513,"dropi-date-picker",{"value":[1025],"startDate":[1025,"start-date"],"endDate":[1025,"end-date"],"range":[4],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"label":[1],"placeholder":[1],"disabled":[4],"open":[32],"viewYear":[32],"viewMonth":[32],"hoverDate":[32]}]]],["p-896f2900",[[769,"dropi-drawer",{"open":[1028],"position":[1],"drawerTitle":[1,"drawer-title"],"width":[1],"height":[1],"closeOnBackdrop":[4,"close-on-backdrop"]},null,{"open":[{"openChanged":0}]}]]],["p-2c1aaf6f",[[513,"dropi-dropdown",{"options":[1],"valueModel":[1,"value-model"],"imageModel":[1,"image-model"],"height":[1],"selected":[32],"parsedOptions":[32]},null,{"options":[{"optionsChanged":0}]}]]],["p-53a5bd7b",[[513,"dropi-favorite-button",{"isFavorite":[1028,"is-favorite"],"hovered":[32]}]]],["p-9fc53d50",[[513,"dropi-file-upload",{"accept":[1],"multiple":[4],"maxSizeMb":[2,"max-size-mb"],"disabled":[4],"label":[1],"helperText":[1,"helper-text"],"dragging":[32],"errors":[32]}]]],["p-59d3bd9b",[[513,"dropi-file-upload-progress-bar",{"fileName":[1,"file-name"],"fileSize":[1,"file-size"],"progress":[2],"status":[1],"errorMessage":[1,"error-message"],"showCancel":[4,"show-cancel"]}]]],["p-89ac1ff2",[[513,"dropi-ilustration-icon",{"type":[1],"state":[1],"stateInsignia":[1,"state-insignia"],"tagProduct":[4,"tag-product"]}]]],["p-b41c8a6c",[[513,"dropi-image-miniature",{"label":[1],"images":[1],"width":[1],"height":[1]}]]],["p-8ce79c69",[[513,"dropi-image-overlay",{"visible":[1028],"images":[1],"activeIndex":[1026,"active-index"],"current":[32],"parsedImages":[32]},null,{"images":[{"imagesChanged":0}],"activeIndex":[{"indexChanged":0}],"visible":[{"visibleChanged":0}]}]]],["p-c2b5d0fb",[[577,"dropi-input",{"inputId":[1,"input-id"],"name":[1],"label":[1],"placeholder":[1],"value":[1025],"maxlength":[2],"disabled":[516],"required":[516],"showAsterisk":[4,"show-asterisk"],"fixedLabel":[4,"fixed-label"],"inputMode":[1,"input-mode"],"passwordInput":[4,"password-input"],"moneyFormat":[4,"money-format"],"thousandSeparator":[4,"thousand-separator"],"onlyNumbers":[4,"only-numbers"],"allowDecimals":[4,"allow-decimals"],"onlyLetters":[4,"only-letters"],"icon":[1],"iconColor":[1,"icon-color"],"invalid":[4],"helperText":[1,"helper-text"],"showHelperOnlyOnError":[4,"show-helper-only-on-error"],"showPassword":[32],"touched":[32]},null,{"value":[{"valueChanged":0}],"disabled":[{"disabledChanged":0}]}]]],["p-51a97b1a",[[513,"dropi-media-player",{"src":[1],"mediaType":[1,"media-type"],"poster":[1],"autoplay":[4],"loop":[4],"initialVolume":[2,"initial-volume"],"mediaTitle":[1,"media-title"],"playing":[32],"currentTime":[32],"duration":[32],"volume":[32],"muted":[32],"loading":[32]}]]],["p-d0b47e2e",[[513,"dropi-navbar",{"logoUrl":[1,"logo-url"],"logoAlt":[1,"logo-alt"],"items":[1],"activeId":[1,"active-id"],"userName":[1,"user-name"],"userAvatar":[1,"user-avatar"],"notifications":[2],"showMenuToggle":[4,"show-menu-toggle"]}]]],["p-a72da98f",[[513,"dropi-paginator",{"total":[2],"pageSize":[1026,"page-size"],"page":[1538],"maxPages":[2,"max-pages"],"noLabels":[4,"no-labels"],"showPageSizeSelector":[4,"show-page-size-selector"],"pageSizeOptions":[1,"page-size-options"],"parsedOptions":[32]},null,{"pageSizeOptions":[{"optionsChanged":0}]}]]],["p-7c916570",[[513,"dropi-phone-input",{"codArea":[1025,"cod-area"],"value":[1025],"placeholder":[1],"disabled":[4],"isValid":[4,"is-valid"],"errorMessage":[1,"error-message"],"label":[1],"open":[32],"search":[32]},null,{"codArea":[{"codAreaChanged":0}]}]]],["p-2e9b87a9",[[513,"dropi-radio-selection-list",{"options":[1],"selectedOption":[1032,"selected-option"],"showFilter":[4,"show-filter"],"filterPlaceholder":[1,"filter-placeholder"],"typeLayout":[1,"type-layout"],"filterText":[32],"parsedOptions":[32]},null,{"options":[{"optionsChanged":0}]}]]],["p-1e8f6d4a",[[577,"dropi-select",{"label":[1],"placeholder":[1],"options":[1040],"name":[1],"disabled":[516],"invalid":[4],"errorText":[1,"error-text"],"helperText":[1,"helper-text"],"showObligatory":[4,"show-obligatory"],"searchEnabled":[4,"search-enabled"],"multiSelect":[4,"multi-select"],"dropdownType":[4,"dropdown-type"],"showCountryFlags":[4,"show-country-flags"],"radioOptions":[4,"radio-options"],"placeHolderSearch":[1,"place-holder-search"],"preIcon":[1,"pre-icon"],"defaultSelectedId":[1032,"default-selected-id"],"value":[1040],"isOpen":[32],"selectedOption":[32],"multiSelected":[32],"filteredOptions":[32],"searchTerm":[32],"dropdownStyle":[32],"setById":[64],"setByLabel":[64],"clearSelection":[64],"resetMultiSelect":[64]},[[4,"click","handleOutsideClick"]],{"options":[{"optionsChanged":0}],"defaultSelectedId":[{"defaultChanged":0}],"value":[{"valueChanged":0}]}]]],["p-58d0bf7a",[[769,"dropi-sidebar",{"items":[1],"activeId":[1,"active-id"],"collapsed":[1028],"showToggle":[4,"show-toggle"],"logoUrl":[1,"logo-url"],"width":[1]}]]],["p-131d87ac",[[513,"dropi-steps",{"stepsCount":[2,"steps-count"],"showNumberOfStep":[4,"show-number-of-step"],"currentStep":[2,"current-step"],"stepLabels":[1,"step-labels"]}]]],["p-e4b7e15f",[[513,"dropi-tabs",{"tabs":[1],"activeTab":[1544,"active-tab"],"showIcon":[4,"show-icon"],"parsedTabs":[32]},null,{"tabs":[{"tabsChanged":0}]}]]],["p-4ec17510",[[513,"dropi-tag",{"type":[1],"state":[1],"showIcon":[4,"show-icon"],"icon":[1],"text":[1]},null,{"type":[{"propsChanged":0}],"state":[{"propsChanged":0}]}]]],["p-6df57f25",[[577,"dropi-text-area",{"inputId":[1,"input-id"],"name":[1],"label":[1],"placeholder":[1],"value":[1025],"maxlength":[2],"minlength":[2],"rows":[2],"resize":[1],"disabled":[516],"required":[516],"showAsterisk":[4,"show-asterisk"],"helperText":[1,"helper-text"],"invalid":[4],"touched":[32]},null,{"value":[{"valueChanged":0}]}]]],["p-c2562a1c",[[513,"dropi-time-line",{"steps":[1]}]]],["p-4a8646e5",[[513,"dropi-toast",{"position":[1],"life":[2],"items":[32],"show":[64],"clear":[64]}]]],["p-7e95462a",[[513,"dropi-vertical-steps",{"steps":[1],"currentStep":[2,"current-step"],"clickable":[4],"showCheckIcon":[4,"show-check-icon"]}]]],["p-93b207b7",[[513,"dropi-youtube-lazy-video",{"videoId":[1,"video-id"],"thumbnailSrc":[1,"thumbnail-src"],"videoTitle":[1,"video-title"],"isPlaying":[32]}]]],["p-c9ebd31b",[[513,"dropi-avatars",{"image":[1],"alt":[1],"type":[1],"initials":[1]}]]],["p-6da6b97e",[[513,"dropi-badge",{"state":[1]}]]],["p-3531378b",[[513,"dropi-date-picker-range",{"startDate":[1025,"start-date"],"endDate":[1025,"end-date"],"showLabel":[4,"show-label"],"placeholder":[1],"loading":[4],"maxDaysRange":[2,"max-days-range"],"hideTodayRangeShortcut":[4,"hide-today-range-shortcut"],"start":[32],"end":[32],"activeRange":[32],"showWarning":[32]},null,{"startDate":[{"onStartPropChange":0}],"endDate":[{"onEndPropChange":0}]}]]],["p-c4d4396b",[[513,"dropi-logo",{"urlLogo":[1,"url-logo"],"size":[1],"theme":[1]}]]],["p-0acd32e6",[[513,"dropi-lottie-loader",{"visible":[4],"loadingAnimation":[1,"loading-animation"],"loaderTitle":[1,"loader-title"],"message":[1]}]]],["p-34ad54a1",[[513,"dropi-otp-send-code",{"engine":[1],"labelContact":[1,"label-contact"],"showLabelContact":[4,"show-label-contact"],"errorMessage":[1,"error-message"],"digits":[32],"digitStates":[32],"countdown":[32],"canResend":[32],"error":[32]}]]],["p-a20705fe",[[577,"dropi-radio-button",{"label":[1],"name":[1],"inputId":[1,"input-id"],"checked":[1540],"resetTrigger":[4,"reset-trigger"]},null,{"resetTrigger":[{"onResetTrigger":0}]}]]],["p-68080534",[[513,"dropi-read-more",{"text":[1],"maxWords":[2,"max-words"],"showSeeLess":[4,"show-see-less"],"expanded":[32]}]]],["p-0e88a543",[[513,"dropi-simple-stepper",{"stepsCount":[2,"steps-count"],"typeStep":[1,"type-step"],"currentStep":[2,"current-step"],"labelStepper":[1,"label-stepper"],"flowMode":[1,"flow-mode"]}]]],["p-e7f4ed25",[[513,"dropi-skeleton",{"variant":[1],"width":[1],"height":[1],"borderRadius":[1,"border-radius"],"lines":[2]}]]],["p-64cbf4ea",[[513,"dropi-tag-type-product",{"label":[1]}]]],["p-c0677661",[[769,"dropi-tooltip",{"text":[1],"position":[1],"maxWidth":[1,"max-width"],"showDelay":[2,"show-delay"],"visible":[32]}]]],["p-5e957631",[[513,"dropi-country-flags",{"country":[1],"flagStyle":[1,"flag-style"],"width":[1],"height":[1]}]]],["p-4be64bf0",[[769,"dropi-modal",{"visible":[1540],"header":[1],"showCloseIcon":[4,"show-close-icon"],"dismissable":[4],"closeOnEscape":[4,"close-on-escape"],"modal":[4],"showHeader":[4,"show-header"],"position":[1],"size":[1],"isOpen":[32],"isClosing":[32],"mounted":[32],"hide":[64],"show":[64]},null,{"visible":[{"visibleChanged":0}]}]]],["p-22132b1a",[[577,"dropi-switch",{"isChecked":[1540,"is-checked"],"disabled":[516]}]]],["p-dcefef51",[[769,"dropi-button",{"type":[1],"severity":[1],"size":[1],"state":[1],"fullWidth":[516,"full-width"],"preIcon":[1,"pre-icon"],"postIcon":[1,"post-icon"],"text":[1]}]]],["p-5023eef0",[[577,"dropi-checkbox",{"checked":[1540],"disabled":[516]}]]]]'),e))));

package/dist/dropi-ui/p-053ebb91.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r,c as a,h as e}from"./p-Tbza12Gt.js";const i=class{constructor(e){r(this,e),this.dropiCardClick=a(this,"dropiCardClick",7),this.dropiToggleFavorite=a(this,"dropiToggleFavorite",7),this.dropiAddProduct=a(this,"dropiAddProduct",7)}image="";productName="";price=0;currency="$";supplier="";category="";showFavorite=!0;isFavorite=!1;showAddButton=!0;badge="";badgeType="default";inStock=!0;dropiCardClick;dropiToggleFavorite;dropiAddProduct;formatPrice(r){return r.toLocaleString("es-CO")}render(){return e("div",{key:"98684e3d5fac7968633bcd62b46dba6f0e0f5d64",class:"card",onClick:()=>this.dropiCardClick.emit()},e("div",{key:"848cf4ef786584e5b02a99249df3cfa48c41d428",class:"card__image-wrap"},this.image?e("img",{class:"card__image",src:this.image,alt:this.productName,loading:"lazy"}):e("div",{class:"card__image-placeholder"},e("dropi-icon",{name:"Image",width:"32px",height:"32px",color:"Gray-Gray-300"})),this.badge&&e("span",{key:"7238c35891b35a0bb12a774817542323bcd33e99",class:`card__badge card__badge--${this.badgeType}`},this.badge),this.showFavorite&&e("button",{key:"647c8569997ff8ba96ca0d4d19a12570fb353d93",class:{card__fav:!0,"card__fav--active":this.isFavorite},onClick:r=>{r.stopPropagation(),this.isFavorite=!this.isFavorite,this.dropiToggleFavorite.emit(this.isFavorite)},"aria-label":"Favorito"},e("dropi-icon",{key:"a9d654e3bdc5816f2c58537cb07c486a61021fcd",name:this.isFavorite?"Heart-filled":"Heart",width:"16px",height:"16px",color:this.isFavorite?"Error-Error-500":"Gray-Gray-400"}))),e("div",{key:"c553168c5926dafb582210b680571eb9b4ae72ea",class:"card__body"},this.category&&e("span",{key:"6cee8941275bc0461c9d06b0c5bf2f0a75f14f0b",class:"card__category"},this.category),e("p",{key:"d4577a94b9a7b7b8b9c275987369dc56e4a0c2b4",class:"card__name"},this.productName),e("p",{key:"2ead66bd7ce7a7f15285b8099cfea7de8d4f6d1a",class:"card__price"},e("span",{key:"90e317dc5bdad1cbe6199ef9abd13cf6468a439b",class:"card__price-currency"},this.currency),this.formatPrice(this.price)),this.supplier&&e("p",{key:"f70fc28afbc468d7eca3683afbc193ec47c275f4",class:"card__supplier"},this.supplier),!this.inStock&&e("p",{key:"37d9911367a0e0504e661e52eee69f4628572bb1",class:"card__no-stock"},"Sin stock disponible")),this.showAddButton&&e("div",{key:"eef0213d00268319b6fa9901ced750d2f06735ed",class:"card__footer"},e("button",{key:"f026718a0146fdea94dbcda40614354be80fa932",class:"card__add-btn",disabled:!this.inStock,onClick:r=>{r.stopPropagation(),this.dropiAddProduct.emit()}},e("dropi-icon",{key:"dc3ff5553e60df93a3eb93bab43be874f8d6582d",name:"Plus",width:"14px",height:"14px",color:"Neutral-White"}),"Agregar")))}};i.style=":host{display:block}*,*::before,*::after{box-sizing:border-box}.card{display:flex;flex-direction:column;border:1px solid var(--Gray-Gray-100, #eceef4);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #fff);overflow:hidden;cursor:pointer;transition:box-shadow 0.2s, transform 0.2s}.card:hover{box-shadow:0 4px 16px rgba(0,0,0,0.1);transform:translateY(-2px)}.card__image-wrap{position:relative;width:100%;aspect-ratio:1;background:var(--Gray-Gray-50, #f7f8fa);overflow:hidden}.card__image{width:100%;height:100%;object-fit:cover}.card__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.card__badge{position:absolute;top:var(--Size-2, 8px);left:var(--Size-2, 8px);padding:2px 8px;border-radius:100px;font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700)}.card__badge--default{background:var(--Gray-Gray-100, #eceef4);color:var(--Gray-Gray-700, #32394d)}.card__badge--success{background:var(--Success-Success-100, #d4f5de);color:var(--Success-Success-700, #0f7b2e)}.card__badge--warning{background:var(--Warning-Warning-100, #fef3cd);color:var(--Warning-Warning-700, #856404)}.card__badge--error{background:var(--Error-Error-100, #fde8e8);color:var(--Error-Error-700, #9b1c1c)}.card__badge--info{background:var(--Info-Info-100, #dbeafe);color:var(--Info-Info-700, #1d4ed8)}.card__fav{position:absolute;top:var(--Size-2, 8px);right:var(--Size-2, 8px);background:var(--Neutral-White, #fff);border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,0.12);transition:transform 0.15s}.card__fav:hover{transform:scale(1.1)}.card__fav--active{background:var(--Error-Error-50, #fef2f2)}.card__body{flex:1;padding:var(--Size-3, 12px);display:flex;flex-direction:column;gap:4px}.card__category{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-400, #858ea6);text-transform:uppercase;letter-spacing:0.5px}.card__name{margin:0;font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-800, #1a2033);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__price{margin:4px 0 0;font-size:var(--font-size-m, 14px);font-weight:var(--font-weight-bold, 700);color:var(--Primary-Primary-500, #f49a3d)}.card__price-currency{font-size:var(--font-size-xs, 10px);margin-right:2px}.card__supplier{margin:0;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-400, #858ea6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card__no-stock{margin:4px 0 0;font-size:var(--font-size-xs, 10px);color:var(--Error-Error-500, #f46a6b)}.card__footer{padding:var(--Size-2, 8px) var(--Size-3, 12px) var(--Size-3, 12px)}.card__add-btn{width:100%;height:36px;display:flex;align-items:center;justify-content:center;gap:var(--Size-1, 4px);background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #fff);border:none;border-radius:var(--Border-2, 8px);font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);font-family:inherit;cursor:pointer;transition:background 0.15s}.card__add-btn:hover:not(:disabled){background:var(--Primary-Primary-600, #e08526)}.card__add-btn:disabled{background:var(--Gray-Gray-200, #c3c9d9);cursor:not-allowed}";export{i as dropi_card_product}

package/dist/dropi-ui/p-0acd32e6.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as e,h as t}from"./p-Tbza12Gt.js";const i=class{constructor(t){e(this,t)}visible=!1;loadingAnimation="/assets/lottie-files/loading.json";loaderTitle="Cargando...";message="Por favor, espere un momento";render(){return this.visible?t("div",{class:"loader-overlay"},t("div",{class:"loader-container"},t("div",{class:"lottie-animation"},t("lottie-player",{src:this.loadingAnimation,background:"transparent",speed:"1",style:{width:"200px",height:"200px"},loop:!0,autoplay:!0})),(this.loaderTitle||this.message)&&t("div",{class:"loader-text"},this.loaderTitle&&t("h3",{class:"loader-title"},this.loaderTitle),this.message&&t("p",{class:"loader-message"},this.message)))):null}};i.style=":host{display:block}.loader-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(255, 255, 255, 0.85);z-index:9999}.loader-container{display:flex;flex-direction:column;align-items:center;gap:var(--Size-4, 16px)}.lottie-animation{display:flex;align-items:center;justify-content:center;width:200px;height:200px}.loader-text{display:flex;flex-direction:column;align-items:center;gap:var(--Size-2, 8px);text-align:center}.loader-title{margin:0;font-size:var(--font-size-m, 14px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d)}.loader-message{margin:0;font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-500, #69738c)}";export{i as dropi_lottie_loader}

package/dist/dropi-ui/{p-ebfd4665.entry.js → p-0e88a543.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as e,h as r}from"./p-~~Twbb5MNM~~.js";const t=class{constructor(r){e(this,r)}stepsCount=3;typeStep="number";currentStep=1;labelStepper=[];flowMode="Sequential";get parsedLabels(){if("string"==typeof this.labelStepper)try{return JSON.parse(this.labelStepper)}catch{return[]}return this.labelStepper\|\|[]}render(){const e=this.parsedLabels,t=Array.from({length:this.stepsCount},((e,r)=>r+1));return r("div",{key:"~~fc845e4030b4a41c636bc93b969ec561a8e152a5~~",class:"stepper"},t.map(((s,i)=>{const a=s<this.currentStep,p=s===this.currentStep,c=i===t.length-1,n=e[i];return r("div",{class:"stepper__item",key:s},r("div",{class:"stepper__circle-row"},r("div",{class:{stepper__circle:!0,"stepper__circle--active":p,"stepper__circle--completed":a,"stepper__circle--pending":!p&&!a}},"point"===this.typeStep?r("span",{class:"stepper__dot"}):r("span",{class:"stepper__number"},s)),!c&&r("div",{class:{stepper__line:!0,"stepper__line--done":a}})),n&&r("span",{class:"stepper__label"},n))})))}};t.style=":host{display:block;width:100%},::before,*::after{box-sizing:border-box}.stepper{display:flex;align-items:flex-start;width:100%}.stepper__item{display:flex;flex-direction:column;align-items:center;flex:1}.stepper__circle-row{display:flex;align-items:center;width:100%}.stepper__circle{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.2s, border-color 0.2s}.stepper__circle--pending{background:var(--Gray-Gray-100, #e6eaf2);border:2px solid var(--Gray-Gray-200, #c3c9d9)}.stepper__circle--active{background:var(--Primary-Primary-500, #f49a3d);border:2px solid var(--Primary-Primary-500, #f49a3d)}.stepper__circle--completed{background:var(--Primary-Primary-500, #f49a3d);border:2px solid var(--Primary-Primary-500, #f49a3d)}.stepper__dot{width:8px;height:8px;border-radius:50%;background:var(--Neutral-White, #fff);display:block}.stepper__circle--pending .stepper__dot{background:var(--Gray-Gray-400, #858ea6)}.stepper__number{font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);color:var(--Neutral-White, #fff)}.stepper__circle--pending .stepper__number{color:var(--Gray-Gray-500, #69738c)}.stepper__line{flex:1;height:2px;background:var(--Gray-Gray-200, #c3c9d9);transition:background 0.2s}.stepper__line--done{background:var(--Primary-Primary-500, #f49a3d)}.stepper__label{margin-top:6px;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066);text-align:center}";export{t as dropi_simple_stepper}
1	+ import{r as e,h as r}from"./p-Tbza12Gt.js";const t=class{constructor(r){e(this,r)}stepsCount=3;typeStep="number";currentStep=1;labelStepper=[];flowMode="Sequential";get parsedLabels(){if("string"==typeof this.labelStepper)try{return JSON.parse(this.labelStepper)}catch{return[]}return this.labelStepper\|\|[]}render(){const e=this.parsedLabels,t=Array.from({length:this.stepsCount},((e,r)=>r+1));return r("div",{key:"9991a928ba08a7720d8ded5aea01b3bc77372e71",class:"stepper"},t.map(((a,s)=>{const i=a<this.currentStep,p=a===this.currentStep,c=s===t.length-1,n=e[s];return r("div",{class:"stepper__item",key:a},r("div",{class:"stepper__circle-row"},r("div",{class:{stepper__circle:!0,"stepper__circle--active":p,"stepper__circle--completed":i,"stepper__circle--pending":!p&&!i}},"point"===this.typeStep?r("span",{class:"stepper__dot"}):r("span",{class:"stepper__number"},a)),!c&&r("div",{class:{stepper__line:!0,"stepper__line--done":i}})),n&&r("span",{class:"stepper__label"},n))})))}};t.style=":host{display:block;width:100%},::before,*::after{box-sizing:border-box}.stepper{display:flex;align-items:flex-start;width:100%}.stepper__item{display:flex;flex-direction:column;align-items:center;flex:1}.stepper__circle-row{display:flex;align-items:center;width:100%}.stepper__circle{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.2s, border-color 0.2s}.stepper__circle--pending{background:var(--Gray-Gray-100, #e6eaf2);border:2px solid var(--Gray-Gray-200, #c3c9d9)}.stepper__circle--active{background:var(--Primary-Primary-500, #f49a3d);border:2px solid var(--Primary-Primary-500, #f49a3d)}.stepper__circle--completed{background:var(--Primary-Primary-500, #f49a3d);border:2px solid var(--Primary-Primary-500, #f49a3d)}.stepper__dot{width:8px;height:8px;border-radius:50%;background:var(--Neutral-White, #fff);display:block}.stepper__circle--pending .stepper__dot{background:var(--Gray-Gray-400, #858ea6)}.stepper__number{font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);color:var(--Neutral-White, #fff)}.stepper__circle--pending .stepper__number{color:var(--Gray-Gray-500, #69738c)}.stepper__line{flex:1;height:2px;background:var(--Gray-Gray-200, #c3c9d9);transition:background 0.2s}.stepper__line--done{background:var(--Primary-Primary-500, #f49a3d)}.stepper__label{margin-top:6px;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066);text-align:center}";export{t as dropi_simple_stepper}

package/dist/dropi-ui/p-0f2f5f75.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as e,c as o,h as a}from"./p-Tbza12Gt.js";const d=class{constructor(a){e(this,a),this.dropiToggle=o(this,"dropiToggle",7)}header="";open=!1;disabled=!1;preIcon="";dropiToggle;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.open=!this.open,this.dropiToggle.emit(this.open),setTimeout((()=>this.updateHeight(this.open)),0))}render(){return a("div",{key:"833499ceed32f31227940efdea0250074a26dad4",class:{accordion:!0,"accordion--open":this.open,"accordion--disabled":this.disabled}},a("button",{key:"067856e0af05669e75197e0e38b4e165166e2125",class:"accordion-header",onClick:()=>this.handleToggle(),"aria-expanded":String(this.open),disabled:this.disabled},a("span",{key:"ee22e3b4251cad0c03143d7fd512f6b43b25080c",class:"accordion-header-left"},this.preIcon&&a("dropi-icon",{key:"935d87ddcd347ffb910c8093c164c768ddc85cad",name:this.preIcon,width:"20px",height:"20px",color:"Gray-Gray-600"}),a("span",{key:"88d229607eca9d6d538c620dab8040d6ebbc304f",class:"accordion-title"},this.header)),a("span",{key:"5d29cc7263bb56c5da1455f57ef3000e375489c8",class:{"accordion-chevron":!0,"accordion-chevron--open":this.open}},a("dropi-icon",{key:"c179d4d5db7fb988d9b6f41430d27e93ad36e7e4",name:"Dropdown-down",width:"20px",height:"20px",color:"Gray-Gray-500"}))),a("div",{key:"60052ec92c3659b1ab87358ec264d38faf2ed389",class:"accordion-body",style:{maxHeight:this.contentHeight},ref:e=>this.contentRef=e},a("div",{key:"3565ad511fcfa017bb264a2829ee54ee6d0d7d96",class:"accordion-content"},a("slot",{key:"1c2c4cab25bcbdf15cdd2ed699710f09dcbbbb74"}))))}static get watchers(){return{open:[{openChanged:0}]}}};d.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.accordion{border:1px solid var(--Gray-Gray-100,#e6eaf2);border-radius:var(--Border-2,8px);background:var(--Neutral-White,#fff);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,14px);font-weight:var(--font-weight-bold,700);color:var(--Gray-Gray-700,#32394d);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}";export{d as dropi_accordion}

package/dist/dropi-ui/{p-2cee44f9.entry.js → p-131d87ac.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as e,h as r}from"./p-~~Twbb5MNM~~.js";const t=class{constructor(r){e(this,r)}stepsCount=3;showNumberOfStep=!0;currentStep=1;stepLabels=[];get parsedLabels(){if("string"==typeof this.stepLabels)try{return JSON.parse(this.stepLabels)}catch{return[]}return this.stepLabels\|\|[]}stepState(e){return e<this.currentStep?"completed":e===this.currentStep?"focus":"pending"}render(){const e=this.parsedLabels,t=Array.from({length:this.stepsCount},((e,r)=>r+1));return r("div",{key:"~~446597aa40fdfd1c5e5274a89d3cc45a98003da9~~",class:"stepper"},t.map((t=>{const i=this.stepState(t),s=e[t-1],a=t===this.stepsCount;return r("div",{class:"stepper__step",key:t},r("div",{class:"stepper__circle-wrap"},r("div",{class:{stepper__circle:!0,[`stepper__circle--${i}`]:!0}},"completed"===i?r("dropi-icon",{name:"Check",width:"12px",height:"12px",color:"Neutral-White"}):this.showNumberOfStep?r("span",null,t):null),!a&&r("div",{class:{stepper__line:!0,"stepper__line--done":"completed"===i}})),s&&r("div",{class:"stepper__label"},s.title&&r("span",{class:"stepper__title"},s.title),s.description&&r("span",{class:"stepper__desc"},s.description)))})))}};t.style=":host{display:block;width:100%},::before,*::after{box-sizing:border-box}.stepper{display:flex;align-items:flex-start;width:100%}.stepper__step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.stepper__circle-wrap{display:flex;align-items:center;width:100%;position:relative}.stepper__circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);flex-shrink:0;z-index:1;transition:background 0.2s, border-color 0.2s}.stepper__circle--pending{background:var(--Neutral-White, #fff);border:2px solid var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-400, #858ea6)}.stepper__circle--focus{background:var(--Neutral-White, #fff);border:2px solid var(--Primary-Primary-500, #f49a3d);color:var(--Primary-Primary-500, #f49a3d)}.stepper__circle--completed{background:var(--Primary-Primary-500, #f49a3d);border:2px solid var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #fff)}.stepper__line{flex:1;height:2px;background:var(--Gray-Gray-200, #c3c9d9);transition:background 0.2s}.stepper__line--done{background:var(--Primary-Primary-500, #f49a3d)}.stepper__label{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:var(--Size-2, 8px);text-align:center;padding:0 4px}.stepper__title{font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d)}.stepper__desc{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #69738c)}";export{t as dropi_steps}
1	+ import{r as e,h as r}from"./p-Tbza12Gt.js";const t=class{constructor(r){e(this,r)}stepsCount=3;showNumberOfStep=!0;currentStep=1;stepLabels=[];get parsedLabels(){if("string"==typeof this.stepLabels)try{return JSON.parse(this.stepLabels)}catch{return[]}return this.stepLabels\|\|[]}stepState(e){return e<this.currentStep?"completed":e===this.currentStep?"focus":"pending"}render(){const e=this.parsedLabels,t=Array.from({length:this.stepsCount},((e,r)=>r+1));return r("div",{key:"95573c2ac185f7fc63fa804a03873499ba296e5c",class:"stepper"},t.map((t=>{const i=this.stepState(t),s=e[t-1],a=t===this.stepsCount;return r("div",{class:"stepper__step",key:t},r("div",{class:"stepper__circle-wrap"},r("div",{class:{stepper__circle:!0,[`stepper__circle--${i}`]:!0}},"completed"===i?r("dropi-icon",{name:"Check",width:"12px",height:"12px",color:"Neutral-White"}):this.showNumberOfStep?r("span",null,t):null),!a&&r("div",{class:{stepper__line:!0,"stepper__line--done":"completed"===i}})),s&&r("div",{class:"stepper__label"},s.title&&r("span",{class:"stepper__title"},s.title),s.description&&r("span",{class:"stepper__desc"},s.description)))})))}};t.style=":host{display:block;width:100%},::before,*::after{box-sizing:border-box}.stepper{display:flex;align-items:flex-start;width:100%}.stepper__step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.stepper__circle-wrap{display:flex;align-items:center;width:100%;position:relative}.stepper__circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);flex-shrink:0;z-index:1;transition:background 0.2s, border-color 0.2s}.stepper__circle--pending{background:var(--Neutral-White, #fff);border:2px solid var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-400, #858ea6)}.stepper__circle--focus{background:var(--Neutral-White, #fff);border:2px solid var(--Primary-Primary-500, #f49a3d);color:var(--Primary-Primary-500, #f49a3d)}.stepper__circle--completed{background:var(--Primary-Primary-500, #f49a3d);border:2px solid var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #fff)}.stepper__line{flex:1;height:2px;background:var(--Gray-Gray-200, #c3c9d9);transition:background 0.2s}.stepper__line--done{background:var(--Primary-Primary-500, #f49a3d)}.stepper__label{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:var(--Size-2, 8px);text-align:center;padding:0 4px}.stepper__title{font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d)}.stepper__desc{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #69738c)}";export{t as dropi_steps}

package/dist/dropi-ui/p-1af4719d.entry.js ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/dropi-ui/p-1e8f6d4a.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as t,c as i,a as e,h as r}from"./p-Tbza12Gt.js";const a=class{constructor(e){t(this,e),this.dropiChange=i(this,"dropiChange",7),this.dropiClear=i(this,"dropiClear",7),this.dropiSearch=i(this,"dropiSearch",7),this.dropiScrollEnd=i(this,"dropiScrollEnd",7),this.dropiKeyEnter=i(this,"dropiKeyEnter",7),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals)}get el(){return e(this)}internals;buttonRef;scrollDebounce;hasEmittedScrollEnd=!1;lastScrollTop=0;label="";placeholder="Seleccionar";options=[];name="";disabled=!1;invalid=!1;errorText="";helperText="";showObligatory=!1;searchEnabled=!1;multiSelect=!1;dropdownType=!1;showCountryFlags=!1;radioOptions=!1;placeHolderSearch="Buscar";preIcon="";defaultSelectedId="";value=null;isOpen=!1;selectedOption=null;multiSelected=[];filteredOptions=[];searchTerm="";dropdownStyle={top:"0px",left:"0px",width:"0px"};dropiChange;dropiClear;dropiSearch;dropiScrollEnd;dropiKeyEnter;componentWillLoad(){this.normalizeOptions(),this.filteredOptions=[...this.options],this.applyDefaultSelection()}optionsChanged(){this.normalizeOptions(),this.filteredOptions=[...this.options],this.applyDefaultSelection()}normalizeOptions(){if("string"==typeof this.options)try{this.options=JSON.parse(this.options)}catch(t){this.options=[]}}defaultChanged(t){this.applyDefaultSelection(t)}valueChanged(t){this.selectedOption=t,this.internals.setFormValue(t?String(t.id):"")}async setById(t){const i=this.options.find((i=>i.id===t||String(i.id)===String(t)));i&&this.selectOption(i)}async setByLabel(t){const i=this.options.find((i=>i.label===t));i&&this.selectOption(i)}async clearSelection(){this.selectedOption=null,this.multiSelected=[],this.internals.setFormValue(""),this.dropiClear.emit()}async resetMultiSelect(t){this.multiSelected=[],this.internals.setFormValue("")}handleOutsideClick(t){this.el.contains(t.target)||this.closeDropdown()}applyDefaultSelection(t){const i=t??this.defaultSelectedId;if(""===i||null==i)return;const e=this.flatOptions().find((t=>t.id===i||String(t.id)===String(i)));e&&(this.selectedOption=e,this.internals.setFormValue(String(e.id)))}flatOptions(){return this.options?.length?"category"in this.options[0]?this.options.flatMap((t=>t.options)):this.options:[]}get isGrouped(){return this.options?.length>0&&"category"in this.options[0]}get triggerLabel(){return this.multiSelect?this.multiSelected.length?this.multiSelected.map((t=>t.label)).join(", "):this.placeholder:this.selectedOption?this.showCountryFlags&&this.selectedOption.shortLabel?this.selectedOption.shortLabel:this.selectedOption.label:this.placeholder}openDropdown(){if(this.disabled)return;const t=this.buttonRef.getBoundingClientRect(),i=window.innerHeight;this.dropdownStyle={top:`${i-t.bottom>=250?t.bottom+4:t.top-250-4}px`,left:`${t.left}px`,width:`${t.width}px`},this.isOpen=!0,this.searchEnabled&&setTimeout((()=>{const t=this.el.shadowRoot?.querySelector(".search-input");t?.focus()}),50)}closeDropdown(){this.isOpen=!1,this.searchTerm="",this.filteredOptions=[...this.options]}toggleDropdown(){this.isOpen?this.closeDropdown():this.openDropdown()}selectOption(t){if(!t.disabled)if(this.multiSelect){const i=this.multiSelected.findIndex((i=>i.id===t.id));this.multiSelected=i>=0?this.multiSelected.filter((i=>i.id!==t.id)):[...this.multiSelected,t],this.internals.setFormValue(this.multiSelected.map((t=>t.id)).join(",")),this.dropiChange.emit([...this.multiSelected])}else this.selectedOption=t,this.internals.setFormValue(String(t.id)),this.dropiChange.emit(t),this.closeDropdown()}isOptionChecked(t){return this.multiSelected.some((i=>i.id===t.id))}handleSearch(t){this.searchTerm=t,this.dropiSearch.emit(t);const i=t.toLowerCase().trim();this.filteredOptions=i?this.isGrouped?this.options.map((t=>({...t,options:t.options.filter((t=>t.label.toLowerCase().includes(i)))}))).filter((t=>t.options.length>0)):this.options.filter((t=>t.label.toLowerCase().includes(i))):[...this.options]}handleScroll(t){const i=t.target;clearTimeout(this.scrollDebounce),this.scrollDebounce=setTimeout((()=>{if(!i)return;const t=i.scrollHeight-i.scrollTop-i.clientHeight,e=Math.min(50,i.clientHeight/2);i.scrollTop<this.lastScrollTop&&(this.hasEmittedScrollEnd=!1),this.lastScrollTop=i.scrollTop,t<=e&&!this.hasEmittedScrollEnd&&(this.dropiScrollEnd.emit(),this.hasEmittedScrollEnd=!0,setTimeout((()=>{this.hasEmittedScrollEnd=!1}),1e3))}),100)}renderTrigger(){const t=this.disabled?"Gray-Gray-300":this.dropdownType?"Gray-Gray-600":"Gray-Gray-400",i=this.dropdownType?"24px":"20px";return r("button",{type:"button",class:{"select-button":!0,"select-completed":this.multiSelect?this.multiSelected.length>0:!!this.selectedOption,"select-button-error":this.invalid,"no-border":this.dropdownType},disabled:this.disabled,ref:t=>this.buttonRef=t,onClick:()=>this.toggleDropdown()},r("div",{class:{"button-content":!0,"option-radio":this.radioOptions&&!!this.selectedOption&&!this.multiSelect}},this.preIcon&&r("dropi-icon",{name:this.preIcon,width:"20px",height:"20px",color:"Gray-Gray-500"}),this.radioOptions&&this.selectedOption&&!this.multiSelect&&[this.selectedOption.imageUrl&&!this.selectedOption.isFallback?r("img",{class:"option-image small-image",src:this.selectedOption.imageUrl,alt:"",onError:()=>{this.selectedOption&&(this.selectedOption={...this.selectedOption,isFallback:!0})}}):this.selectedOption.isFallback?r("span",{class:"option-image-fallback small-image"},this.selectedOption.label.charAt(0).toUpperCase()):null,r("div",{class:"labels-container elipsis"},r("span",null,this.selectedOption.label),this.selectedOption.secondLabel&&r("span",{class:"option-second-label"},this.selectedOption.secondLabel))],!(this.radioOptions&&this.selectedOption&&!this.multiSelect)&&r("div",{class:"elipsis"},this.triggerLabel)),r("dropi-icon",{name:this.isOpen?"Dropdown-up":"Dropdown-down",width:i,height:i,color:t}))}renderOption(t){const i=this.multiSelect?this.isOptionChecked(t):this.selectedOption?.id===t.id;return r("li",{key:t.id},r("button",{type:"button",class:{option:!0,"option-radio":this.radioOptions,"option-with-flag":this.showCountryFlags&&!!t.countryCode,"disabled-option":!!t.disabled,"selected-option":i},disabled:t.disabled,onClick:()=>this.selectOption(t)},this.multiSelect&&r("span",{class:{"multi-checkbox":!0,checked:i}},i&&r("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none"},r("path",{d:"M20.6 5.7L9.1 17.2c-.2.2-.5.3-.8.3s-.6-.1-.8-.3L3 12.8c-.4-.4-.4-1 0-1.4.4-.4 1-.4 1.4 0l3.9 3.9L19.2 4.3c.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4z",fill:"white"}))),this.radioOptions&&r("div",{class:{radio:!0,selected:i}},i&&r("div",{class:"circle"})),!this.radioOptions&&t.preIcon&&r("dropi-icon",{name:t.preIcon,width:"20px",height:"20px",color:"Gray-Gray-500"}),this.radioOptions&&t.imageUrl&&!t.isFallback&&r("img",{class:"option-image",src:t.imageUrl,alt:"",onError:()=>{t.isFallback=!0,this.options=[...this.options]}}),this.radioOptions&&t.isFallback&&r("span",{class:"option-image-fallback"},t.label.charAt(0).toUpperCase()),this.showCountryFlags&&t.countryCode&&r("span",{class:"flag-placeholder"},t.countryCode),this.radioOptions?r("div",{class:"labels-container"},r("span",{class:"elipsis"},t.label),t.secondLabel&&r("span",{class:"option-second-label"},t.secondLabel)):r("span",{class:"elipsis"},this.showCountryFlags&&t.shortLabel?t.shortLabel:t.label)))}renderDropdown(){return this.isOpen?r("ul",{class:"select-dropdown-overlay",style:this.dropdownStyle,onScroll:t=>this.handleScroll(t)},this.searchEnabled&&r("li",{class:"sticky-search"},r("div",{class:"search-wrapper"},r("dropi-icon",{name:"Search",width:"16px",height:"16px",color:"Gray-Gray-400"}),r("input",{class:"search-input",type:"text",placeholder:this.placeHolderSearch,value:this.searchTerm,onInput:t=>this.handleSearch(t.target.value),onKeyDown:t=>{"Enter"===t.key&&this.dropiKeyEnter.emit(t)}}),this.searchTerm&&r("button",{type:"button",class:"search-clear",onClick:()=>this.handleSearch("")},r("dropi-icon",{name:"Close",width:"14px",height:"14px",color:"Gray-Gray-400"})))),this.isGrouped&&this.filteredOptions.map((t=>[r("li",{class:"option-group-title"},t.category),...t.options.map((t=>r("li",{key:t.id},r("button",{type:"button",class:{option:!0,"option-group":!0,"disabled-option":!!t.disabled},disabled:t.disabled,onClick:()=>this.selectOption(t)},t.preIcon&&r("dropi-icon",{name:t.preIcon,width:"20px",height:"20px",color:"Gray-Gray-500"}),r("span",{class:"elipsis"},t.label)))))])),!this.isGrouped&&this.filteredOptions.map((t=>this.renderOption(t))),0===this.filteredOptions.length&&r("li",{class:"no-results"},"Sin resultados")):null}render(){return r("div",{key:"65b15f83612bdb8b11eb321b2c92321b4c621862",class:"custom-select"},!this.dropdownType&&this.label&&r("label",{key:"10688d90de470bdc4cdd70c21fd62cc820475c9b",class:{"disabled-label":this.disabled}},this.label,this.showObligatory&&!this.disabled&&r("span",{key:"c8c7e5d8fcc9e029bfd944b4a061289affe39c58",class:"asterisk"}," *")),r("div",{key:"6a5d1230282ec67dcaed51d9ecda4570f155a895",class:"dropdown-container"},this.dropdownType&&this.label&&r("div",{key:"83842d69f63c2738cc3bd7b0fbb1232cb4bc7adf",class:"left-label"},this.label),this.renderTrigger()),this.helperText&&!this.invalid&&r("div",{key:"a3c1b7552bac043d3d32bfe703f44961bf95df3d",class:"select-helper"},r("span",{key:"060c5a578be91210aec96d8bdb08eddd9446ea41"},this.helperText)),this.invalid&&this.errorText&&r("div",{key:"97c6348abd628bb5def8b3a2a667e90f7f27d951",class:"select-helper-error"},r("dropi-icon",{key:"08ab2f0397605bfe0c82ef5ba8ae4b623f98bdb3",name:"Warning-circle",width:"12px",height:"12px",color:"Error-Error-500"}),r("span",{key:"97e1d844b586c2da1518bc9a7c0b69aa856515e7"},this.errorText)),this.renderDropdown())}static get formAssociated(){return!0}static get watchers(){return{options:[{optionsChanged:0}],defaultSelectedId:[{defaultChanged:0}],value:[{valueChanged:0}]}}};a.style=":host{display:block;width:100%;text-align:left}*,*::before,*::after{box-sizing:border-box}.custom-select{position:relative;width:100%}.custom-select label{display:block;font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-600, #475066)}.disabled-label{color:var(--Gray-Gray-400, #858ea6) !important}.asterisk{color:var(--Error-Error-500, #f46a6b)}.dropdown-container{display:flex;align-items:center;gap:4px}.left-label{color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-m, 14px);white-space:nowrap}.select-button{box-sizing:border-box;width:100%;height:40px;padding:0 0.75rem;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #fff);color:var(--Gray-Gray-500, #69738c);font-size:var(--font-size-s, 12px);font-family:inherit;display:flex;justify-content:space-between;align-items:center;text-align:left;cursor:pointer;transition:border-color 0.2s ease;gap:8px}.select-button:focus{outline:none;border-color:var(--Info-Info-500, #50a5f1)}.select-button:disabled{border-color:var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-400, #858ea6);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed}.select-completed{border-color:var(--Gray-Gray-400, #858ea6);color:var(--Gray-Gray-600, #475066)}.select-button-error{border-color:var(--Error-Error-500, #f46a6b) !important}.no-border{border:none !important;color:var(--Gray-Gray-600, #475066);padding:var(--Size-4, 16px);background-color:transparent !important;gap:var(--Size-2, 8px)}.no-border:disabled{background-color:transparent !important}.button-content{display:flex;align-items:center;gap:8px;overflow:hidden;flex:1;min-width:0}.elipsis{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-dropdown-overlay{position:fixed;max-height:250px;overflow-y:auto;list-style:none;padding:var(--Size-4, 16px) var(--Size-4, 16px) var(--Size-3, 12px);margin:0;border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #fff);box-shadow:0px 8px 24px rgba(0, 0, 0, 0.12);z-index:9999;animation:dropdown-open 120ms ease-out}@keyframes dropdown-open{from{opacity:0;transform:scaleY(0.95);transform-origin:top}to{opacity:1;transform:scaleY(1);transform-origin:top}}.option{box-sizing:border-box;width:100%;min-height:40px;border-radius:var(--Border-2, 8px);padding:var(--Size-3, 12px) var(--Size-4, 16px);border:none;background:transparent;text-align:left;color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-s, 12px);font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:var(--Size-2, 8px);transition:background 0.15s ease}.option:hover:not(:disabled){background:var(--Gray-Gray-50, #f7f8fa)}.option:disabled,.disabled-option{opacity:0.5;cursor:not-allowed}.option.selected-option:not(.option-radio){background:var(--Primary-Primary-50, #fef8f2);color:var(--Primary-Primary-500, #f49a3d)}.option-group-title{padding:var(--Size-3, 12px) var(--Size-4, 16px);font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-medium, 500);color:var(--Gray-Gray-500, #69738c);list-style:none}.option-group{padding-left:var(--Size-6, 32px)}.sticky-search{position:sticky;top:calc(-1 * var(--Size-4, 16px));background:var(--Neutral-White, #fff);z-index:10;margin:calc(-1 * var(--Size-4, 16px)) calc(-1 * var(--Size-4, 16px)) 0;padding:var(--Size-2, 8px) var(--Size-4, 16px);border-bottom:1px solid var(--Gray-Gray-100, #e6eaf2);list-style:none}.search-wrapper{display:flex;align-items:center;gap:8px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);padding:6px 10px;background:var(--Neutral-White, #fff)}.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}.search-input::placeholder{color:var(--Gray-Gray-400, #858ea6)}.search-clear{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.multi-checkbox{width:18px;height:18px;min-width:18px;border-radius:var(--Border-1, 4px);border:2px solid var(--Gray-Gray-200, #c3c9d9);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.15s, border-color 0.15s}.multi-checkbox.checked{background:var(--Primary-Primary-500, #f49a3d);border-color:var(--Primary-Primary-500, #f49a3d)}.option-radio{display:flex;align-items:center;gap:12px}.option-radio.selected-option{border-radius:var(--Border-2, 8px);background:var(--Primary-Primary-50, #fef8f2);color:var(--Primary-Primary-500, #f49a3d)}.option-radio.selected-option .option-second-label{color:var(--Primary-Primary-500, #f49a3d)}.radio{width:20px;height:20px;min-width:20px;border-radius:50%;border:2px solid var(--Gray-Gray-200, #c3c9d9);display:flex;align-items:center;justify-content:center;flex-shrink:0}.radio.selected{border-color:var(--Primary-Primary-500, #f49a3d)}.circle{width:12px;height:12px;border-radius:50%;background:var(--Primary-Primary-500, #f49a3d)}.labels-container{display:flex;justify-content:space-between;width:100%;min-width:0}.option-image{width:24px;height:24px;border-radius:60px;object-fit:cover;flex-shrink:0}.small-image{width:20px;height:20px}.option-image-fallback{width:24px;height:24px;border-radius:60px;background:var(--Primary-Primary-500, #f49a3d);color:white;font-size:13px;font-weight:bold;display:flex;justify-content:center;align-items:center;flex-shrink:0}.small-image.option-image-fallback{width:20px;height:20px}.option-second-label{color:var(--Gray-Gray-700, #32394d);font-weight:700;white-space:nowrap}.flag-placeholder{font-size:11px;font-weight:600;color:var(--Gray-Gray-500, #69738c);flex-shrink:0}.select-helper,.select-helper-error{display:flex;gap:var(--Size-1, 4px);align-items:center;margin-top:var(--Size-1, 4px)}.select-helper span{color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px)}.select-helper-error span{color:var(--Error-Error-500, #f46a6b);font-size:var(--font-size-xs, 10px)}.no-results{padding:var(--Size-3, 12px) var(--Size-4, 16px);color:var(--Gray-Gray-400, #858ea6);font-size:var(--font-size-s, 12px);list-style:none;text-align:center}";export{a as dropi_select}

package/dist/dropi-ui/p-22132b1a.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as t,c as e,h as i}from"./p-Tbza12Gt.js";const o=class{constructor(i){t(this,i),this.dropiChange=e(this,"dropiChange",7)}isChecked=!1;disabled=!1;dropiChange;onToggleChange(t){this.isChecked=t.target.checked,this.dropiChange.emit(this.isChecked)}render(){return i("label",{key:"f02520c1b71af187ddfb766e4bac4e16482bb5cc",class:"toggle-switch"},i("input",{key:"13b41ec9b7f69512be6d556f1946a3506d9557a3",type:"checkbox",checked:this.isChecked,disabled:this.disabled,onChange:t=>this.onToggleChange(t)}),i("span",{key:"0bb19ad9767c1e7c5956ef834228a6a2406c225c",class:"slider"}))}static get formAssociated(){return!0}};o.style=":host{display:inline-block}*,*::before,*::after{box-sizing:border-box}.toggle-switch{position:relative;display:inline-block;width:40px;height:21px;margin-bottom:0;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--Gray-Gray-200, #c3c9d9);transition:0.4s;border-radius:34px}.slider::before{position:absolute;content:'';height:17px;width:17px;left:3px;bottom:2px;background-color:var(--Neutral-White, #ffffff);transition:0.4s;border-radius:50%}input:checked+.slider{background-color:var(--Primary-Primary-500, #f49a3d)}input:checked+.slider::before{transform:translateX(17px)}:host([disabled]) .toggle-switch{cursor:not-allowed;opacity:0.5}";export{o as dropi_switch}

package/dist/dropi-ui/p-2c1aaf6f.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r,c as o,h as e}from"./p-Tbza12Gt.js";const i=class{constructor(e){r(this,e),this.dropiChange=o(this,"dropiChange",7)}options=[];valueModel="name";imageModel="";height="300px";selected=[];parsedOptions=[];dropiChange;optionsChanged(r){this.parsedOptions="string"==typeof r?JSON.parse(r):r||[]}componentWillLoad(){this.optionsChanged(this.options)}isSelected(r){return this.selected.some((o=>JSON.stringify(o)===JSON.stringify(r)))}toggleOption(r){this.selected=this.isSelected(r)?this.selected.filter((o=>JSON.stringify(o)!==JSON.stringify(r))):[...this.selected,r],this.dropiChange.emit(this.selected)}render(){return e("div",{key:"7c8505a82b836b58ea73603249ed2143b0692fc2",class:"dropdown",style:{"--dropdown-height":this.height}},this.parsedOptions.map(((r,o)=>{const i=r[this.valueModel]??String(r),t=this.imageModel?r[this.imageModel]:"",a=this.isSelected(r);return e("div",{class:{dropdown__item:!0,"dropdown__item--active":a},key:o,onClick:()=>this.toggleOption(r)},e("dropi-checkbox",{checked:a}),t&&e("img",{class:"dropdown__avatar",src:t,alt:i}),e("span",{class:"dropdown__label"},i))})))}static get watchers(){return{options:[{optionsChanged:0}]}}};i.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.dropdown{display:flex;flex-direction:column;overflow-y:auto;max-height:var(--dropdown-height, 300px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #fff)}.dropdown__item{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-2, 8px) var(--Size-3, 12px);cursor:pointer;transition:background 0.15s;user-select:none}.dropdown__item:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dropdown__item--active{background:var(--Primary-Primary-50, #fff5eb)}.dropdown__avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.dropdown__label{flex:1;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";export{i as dropi_dropdown}

package/dist/dropi-ui/p-2e9b87a9.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r,c as e,h as a}from"./p-Tbza12Gt.js";const i=class{constructor(a){r(this,a),this.dropiChange=e(this,"dropiChange",7),this.dropiSearch=e(this,"dropiSearch",7)}options=[];selectedOption="";showFilter=!1;filterPlaceholder="Buscar...";typeLayout="default";filterText="";parsedOptions=[];dropiChange;dropiSearch;optionsChanged(r){this.parsedOptions="string"==typeof r?JSON.parse(r):r||[]}componentWillLoad(){this.optionsChanged(this.options)}get filtered(){if(!this.filterText)return this.parsedOptions;const r=this.filterText.toLowerCase();return this.parsedOptions.filter((e=>e.name?.toLowerCase().includes(r)))}render(){return a("div",{key:"162776e2e2c09a26761b276a078d526308d205fd",class:"rsl"},this.showFilter&&a("div",{key:"ea0d6f907ff1ff79ce672b0cbb75572f48d6c44b",class:"rsl__search"},a("dropi-icon",{key:"c7dc88e18883942492f778f53932fd99cbd1a9bc",name:"Search",width:"16px",height:"16px",color:"Gray-Gray-400"}),a("input",{key:"07ea27e2502f8aeaedb24ab4cfdb42c1573f6125",class:"rsl__search-input",type:"text",placeholder:this.filterPlaceholder,value:this.filterText,onInput:r=>{this.filterText=r.target.value,this.dropiSearch.emit(this.filterText)}})),a("div",{key:"95a4463b79a0795c8c0e7a30047f4ccd5f1d656d",class:"rsl__list"},this.filtered.map((r=>{const e=r.id===this.selectedOption;return a("div",{class:{rsl__item:!0,"rsl__item--selected":e},key:r.id,onClick:()=>{this.selectedOption=r.id,this.dropiChange.emit(r.id)}},a("div",{class:{rsl__radio:!0,"rsl__radio--checked":e}},e&&a("div",{class:"rsl__radio-dot"})),a("div",{class:"rsl__content"},a("span",{class:"rsl__name"},r.name),"description"===this.typeLayout&&r.description&&a("span",{class:"rsl__desc"},r.description)))}))))}static get watchers(){return{options:[{optionsChanged:0}]}}};i.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.rsl__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)}.rsl__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}.rsl__list{display:flex;flex-direction:column;gap:var(--Size-2, 8px)}.rsl__item{display:flex;align-items:flex-start;gap:var(--Size-3, 12px);padding:var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);cursor:pointer;transition:border-color 0.15s, background 0.15s}.rsl__item:hover{background:var(--Gray-Gray-50, #f7f8fa)}.rsl__item--selected{border-color:var(--Primary-Primary-500, #f49a3d);background:var(--Primary-Primary-50, #fff5eb)}.rsl__radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--Gray-Gray-300, #a3abbf);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;transition:border-color 0.15s}.rsl__radio--checked{border-color:var(--Primary-Primary-500, #f49a3d)}.rsl__radio-dot{width:8px;height:8px;border-radius:50%;background:var(--Primary-Primary-500, #f49a3d)}.rsl__content{display:flex;flex-direction:column;gap:2px}.rsl__name{font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d)}.rsl__desc{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #69738c)}";export{i as dropi_radio_selection_list}

package/dist/dropi-ui/p-3414a414.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r,c as i,h as e}from"./p-Tbza12Gt.js";const n=class{constructor(e){r(this,e),this.dropiBannerClick=i(this,"dropiBannerClick",7),this.dropiBannerClose=i(this,"dropiBannerClose",7)}imageUrl="";link="";alt="";backgroundColor="transparent";closed=!1;dropiBannerClick;dropiBannerClose;handleClick(r){this.link||(r.preventDefault(),this.dropiBannerClick.emit())}closeBanner(r){r.preventDefault(),r.stopPropagation(),this.closed=!0,this.dropiBannerClose.emit()}render(){if(this.closed||!this.imageUrl)return null;const r=e("div",{class:"inner"},e("img",{src:this.imageUrl,alt:this.alt,loading:"lazy"}),e("button",{class:"close-btn","aria-label":"Cerrar banner",onClick:r=>this.closeBanner(r)},e("dropi-icon",{name:"Close-small",width:"20px",height:"20px",color:"Gray-Gray-600"})));return e("div",{class:"dropi-banner-external",style:{background:this.backgroundColor}},this.link?e("a",{href:this.link,target:"_blank",rel:"noopener noreferrer",onClick:r=>this.handleClick(r)},r):e("div",{class:"click-wrapper",onClick:r=>this.handleClick(r)},r))}};n.style=":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)}";export{n as dropi_banner_external}

package/dist/dropi-ui/p-34ad54a1.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as e,c as t,h as r}from"./p-Tbza12Gt.js";const i=class{constructor(r){e(this,r),this.dropiCodeCompleted=t(this,"dropiCodeCompleted",7),this.dropiResend=t(this,"dropiResend",7)}engine="email";labelContact="";showLabelContact=!0;errorMessage="";digits=Array(6).fill("");digitStates=Array(6).fill("idle");countdown=30;canResend=!1;error=!1;inputs=[];timer;dropiCodeCompleted;dropiResend;componentDidLoad(){this.startCountdown()}disconnectedCallback(){clearInterval(this.timer)}startCountdown(){this.countdown=30,this.canResend=!1,clearInterval(this.timer),this.timer=setInterval((()=>{this.countdown--,this.countdown<=0&&(clearInterval(this.timer),this.canResend=!0)}),1e3)}handleInput(e,t){const r=e.target.value.replace(/\D/g,"").slice(-1),i=[...this.digits];i[t]=r,this.digits=i;const o=[...this.digitStates];o[t]=r?"filled":"idle",this.digitStates=o,r&&t<5&&this.inputs[t+1]?.focus(),i.every((e=>""!==e))&&this.dropiCodeCompleted.emit(i.join(""))}handleKeyDown(e,t){"Backspace"===e.key&&!this.digits[t]&&t>0&&this.inputs[t-1]?.focus()}handlePaste(e){e.preventDefault();const t=e.clipboardData?.getData("text")?.replace(/\D/g,"").slice(0,6)||"",r=Array(6).fill("");t.split("").forEach(((e,t)=>{r[t]=e})),this.digits=r,this.digitStates=r.map((e=>e?"filled":"idle")),this.inputs[Math.min(t.length,5)]?.focus(),r.every((e=>""!==e))&&this.dropiCodeCompleted.emit(r.join(""))}render(){return r("div",{key:"385270734b7b0d6be9e4c8fb4767feae951eef2a",class:"otp"},this.showLabelContact&&r("p",{key:"6b837aa51683c913c14f001781b037dfc802c3f7",class:"otp__label"},"Ingresa el código enviado a tu ","sms"===this.engine?"SMS":"2fa"===this.engine?"autenticador":"correo",this.labelContact&&r("strong",{key:"ea75ddf873d4380e100477ac4e939a4e2e1b2ef3"}," ",this.labelContact)),r("div",{key:"ecdd5b47d1acbee3a6d5a67bbe189471d1af234c",class:"otp__inputs",onPaste:e=>this.handlePaste(e)},Array.from({length:6},((e,t)=>r("input",{key:t,ref:e=>{e&&(this.inputs[t]=e)},class:{otp__digit:!0,"otp__digit--filled":"filled"===this.digitStates[t],"otp__digit--error":this.error},type:"text",inputMode:"numeric",maxLength:1,value:this.digits[t],onInput:e=>this.handleInput(e,t),onKeyDown:e=>this.handleKeyDown(e,t)})))),this.error&&this.errorMessage&&r("p",{key:"99bb12e401d9b7758ae6996c9f1b156f49ada55e",class:"otp__error"},this.errorMessage),r("div",{key:"61e80ca8a938025ad49c453255a23b3b44880e7e",class:"otp__resend"},this.canResend?r("button",{class:"otp__resend-btn",onClick:()=>{this.startCountdown(),this.dropiResend.emit()}},"Reenviar código"):r("span",{class:"otp__countdown"},"Reenviar en ",this.countdown,"s")))}};i.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.otp{display:flex;flex-direction:column;align-items:center;gap:var(--Size-4, 16px)}.otp__label{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066);text-align:center;margin:0}.otp__inputs{display:flex;gap:var(--Size-4, 16px)}.otp__digit{width:56px;height:56px;border:1.5px solid var(--Gray-Gray-200, #d3d7de);border-radius:var(--Border-2, 8px);text-align:center;font-size:22px;font-weight:var(--font-weight-bold, 700);font-family:inherit;color:var(--Gray-Gray-800, #495057);outline:none;transition:border-color 0.15s ease;background:var(--Neutral-White, #fff)}.otp__digit:focus{border:2px solid var(--Primary-Primary-500, #f49a3d)}.otp__digit--filled{border:1px solid var(--Success-Success-500, #0abb87);color:var(--Neutral-Neutral-900, #0e111a)}.otp__digit--error{border:1px solid var(--Error-Error-500, #f46a6b)}.otp__error{margin:0;font-size:var(--font-size-xs, 10px);color:var(--Error-Error-500, #f46a6b);text-align:center}.otp__resend{text-align:center}.otp__countdown{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-400, #858ea6)}.otp__resend-btn{background:none;border:none;padding:0;font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);color:var(--Primary-Primary-500, #f49a3d);cursor:pointer;text-decoration:underline}";export{i as dropi_otp_send_code}