@dropi/ui 0.1.52 → 0.1.53

package/dist/dropi-ui/p-b4bcfc25.entry.js

@@ -0,0 +1 @@
+import{r as e,a as o,h as a}from"./p-CWoV_bQo.js";const t=class{constructor(o){e(this,o)}get el(){return o(this)}sectionTitle="";index;open=!1;disabled=!1;preIcon="";contentHeight="0px";contentRef;openChanged(e){this.updateHeight(e)}componentDidLoad(){this.updateHeight(this.open)}updateHeight(e){this.contentRef&&(this.contentHeight=e?`${this.contentRef.scrollHeight}px`:"0px")}handleToggle(){this.disabled||(this.el.closest("dropi-accordion"),this.open=!this.open,setTimeout((()=>this.updateHeight(this.open)),0))}render(){return a("div",{key:"98de1df9b82f0e4e5e72702b7eaca12c0ed92586",class:{"accordion-item":!0,"accordion-item--open":this.open,"accordion-item--disabled":this.disabled}},a("button",{key:"bd5c3e6ea29feb33e5280908c98929369dc7377e",class:"accordion-header",onClick:()=>this.handleToggle(),"aria-expanded":String(this.open),disabled:this.disabled},a("span",{key:"ced161eb1187d50b7eb2002081cd3fc008c9a16f",class:"accordion-header-left"},this.preIcon&&a("dropi-icon",{key:"09a157623f0978153b57e85a79d7beeca3faf9ab",name:this.preIcon,iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-600"}),a("span",{key:"649617f263370d1314e3145c07a3a29ce5c807b5",class:"accordion-title"},this.sectionTitle)),a("span",{key:"d99e3933a40ffa4b1da8091a8b6d767011f1bf6f",class:{"accordion-chevron":!0,"accordion-chevron--open":this.open}},a("dropi-icon",{key:"3d12ae988429fea2612c0c32c12cd81a486ad255",name:"Dropdown-down",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-500"}))),a("div",{key:"cedff4803c6fa83ae9dc5cb3ce68f48150cdef67",class:"accordion-body",style:{maxHeight:this.contentHeight},ref:e=>this.contentRef=e},a("div",{key:"a37dd42bf39cf08479d847286860e78a1d80a233",class:"accordion-content"},a("slot",{key:"d797eac747716be1af2a6addbefe583be4a816b1"}))))}static get watchers(){return{open:[{openChanged:0}]}}};t.style=":host{display:block;border-bottom:1px solid var(--Gray-Gray-100);button,input,select,textarea{font-family:'Inter', sans-serif}}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px;background:white;border:none;cursor:pointer;text-align:left}.accordion-header-left{display:flex;align-items:center;gap:8px}.accordion-title{font-size:var(--font-size-m);font-weight:var(--font-weight-semibold);color:var(--Gray-Gray-700)}.accordion-chevron{transition:transform 0.3s ease}.accordion-chevron--open{transform:rotate(180deg)}.accordion-body{overflow:hidden;transition:max-height 0.3s ease-out}.accordion-content{padding:0 16px 16px 16px}";export{t as dropi_accordion_item}

package/dist/dropi-ui/p-b7f9592b.entry.js

@@ -0,0 +1 @@
+import{r as e,h as t}from"./p-CWoV_bQo.js";const r=class{constructor(t){e(this,t)}text="";maxWords=20;showSeeLess=!0;textStyle="";buttonStyle="";expanded=!1;get words(){return(this.text||"").split(/\s+/).filter(Boolean)}get needsTruncation(){return this.words.length>this.maxWords}get displayText(){return!this.needsTruncation||this.expanded?this.text:this.words.slice(0,this.maxWords).join(" ")}render(){return t("div",{key:"125c5f1d75c1e06f02d9898f375626bb75a67cd8",class:"read-more"},t("p",{key:"4a4450a3468e7fe7297fdae98d370f8cd77b8553",class:"read-more__text",style:this.textStyle?this.textStyle:void 0},this.displayText,this.needsTruncation&&(!this.expanded||this.showSeeLess)&&t("button",{key:"cfe58b2781b908d9a0a802b4bd68cedf8dea827e",class:"read-more__toggle",style:this.buttonStyle?this.buttonStyle:void 0,onClick:()=>this.expanded=!this.expanded},this.expanded?" Ver menos":"... Ver más")))}};r.style=":host{display:block;button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}}.read-more__text{margin:0;font-size:var(--font-size-s, 12px);font-family:var(--font-family-01, 'Inter', sans-serif);color:var(--Gray-Gray-800, #1f2433);line-height:1.5}.read-more__toggle{all:unset;display:inline;font-size:var(--font-size-s, 12px);font-family:var(--font-family-01, 'Inter', sans-serif);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-600);cursor:pointer}.read-more__toggle:hover{color:var(--Primary-Primary-600, #d4872e)}";export{r as dropi_read_more}

package/dist/dropi-ui/p-b941ee31.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,h as i}from"./p-CWoV_bQo.js";const o=class{constructor(i){t(this,i),this.dropiChange=e(this,"dropiChange"),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals)}internals;name;isChecked=!1;disabled=!1;dropiChange;checkedChanged(t){this.internals.setFormValue(t?"on":null)}componentWillLoad(){this.internals.setFormValue(this.isChecked?"on":null)}onToggleChange(t){this.isChecked=t.target.checked,this.dropiChange.emit(this.isChecked)}render(){return i("label",{key:"fe429645c1b3032a273c3dd45e450cc3cdfaa4ae",class:"toggle-switch"},i("input",{key:"8e73bdbe0b14b8e889804f5d35616c0cfa52b025",type:"checkbox",checked:this.isChecked,disabled:this.disabled,onChange:t=>this.onToggleChange(t)}),i("span",{key:"245aae98ce063331246fda2c729134112a199114",class:"slider"}))}static get formAssociated(){return!0}static get watchers(){return{isChecked:[{checkedChanged:0}]}}};o.style=":host{display:inline-block}*,*::before,*::after{box-sizing:border-box}button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}.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-b94b7199.entry.js

@@ -0,0 +1 @@
+import{r as t,h as i}from"./p-CWoV_bQo.js";const s=class{constructor(i){t(this,i)}country="";customStyle="flat";width="";height="";get src(){const t=(this.country||"").toUpperCase();return"circle"===this.customStyle?`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:"451765b675d5b27dc0357a1a2b6dd338690361c8",class:`flag ${this.customStyle??"flat"}`},i("img",{key:"f58a64e7d78298d328be2ba625c852a5eddc392f",src:this.src,style:t,alt:`flag-${this.country}`}))}};s.style=":host{display:inline-flex;button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}}.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}";export{s as dropi_country_flags}

package/dist/dropi-ui/p-ba87a663.entry.js

@@ -0,0 +1 @@
+import{r as e,c as i,h as r}from"./p-CWoV_bQo.js";const t=class{constructor(r){e(this,r),this.dropiChange=i(this,"dropiChange"),r.$hostElement$["s-ei"]?this.internals=r.$hostElement$["s-ei"]:(this.internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this.internals)}internals;name;checked=!1;disabled=!1;dropiChange;checkedChanged(e){this.internals.setFormValue(e?"on":null)}componentWillLoad(){this.internals.setFormValue(this.checked?"on":null)}changeState(){this.disabled||(this.checked=!this.checked,this.dropiChange.emit(this.checked))}render(){return r("div",{key:"091a0802423ae37f0473938259313d97a460645e",class:"container-dropi-checkbox",onClick:()=>this.changeState()},r("div",{key:"bf5c681b5285a6469e7652422010b3559ac057db",class:{check:!0,isCheck:this.checked,noCheck:!this.checked,disabled:this.disabled}},r("svg",{key:"be7eecf60b8f45fa6ebaa7c43d6a2087c79f02d0",xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none"},r("path",{key:"6eda9ca377ab8480479f3f2ad880895dd9b54b9d",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 watchers(){return{checked:[{checkedChanged:0}]}}};t.style=":host{display:inline-block;button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}}*,*::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}";export{t as dropi_checkbox}

package/dist/dropi-ui/p-baaf86d8.entry.js

@@ -0,0 +1 @@
+import{r as t,h as o}from"./p-K5v4Q5tq.js";import{L as i}from"./p-BEs9gbju.js";const e=class{constructor(o){t(this,o)}position="top-right";life=3e3;items=[];idCounter=0;async show(t){console.log("DropiToast show() called with:",t);const o=t.id??"t"+ ++this.idCounter,i={msg:{...t,id:o,closable:t.closable??!0},leaving:!1};this.items=[...this.items||[],i];const e=void 0!==t.life?t.life:this.life;e>0&&(i.timer=setTimeout((()=>this.remove(o)),e))}async clear(){(this.items||[]).forEach((t=>{t.timer&&clearTimeout(t.timer)})),this.items=[]}remove(t){this.items=this.items.map((o=>o.msg.id===t?{...o,leaving:!0}:o)),setTimeout((()=>{this.items=this.items.filter((o=>o.msg.id!==t))}),320)}severityToLottieKey={success:"success",error:"error",warn:"warning",info:"question"};render(){return o("div",{key:"e7d23323039ed09e5317fc24f86a4e51af14b249",class:`dropi-toast-container dropi-toast-container--${this.position}`},(this.items??[]).map((t=>o("div",{key:t.msg.id,class:{"dropi-toast-wrapper":!0,"dropi-toast-wrapper--leaving":t.leaving}},o("div",{class:`dropi-toast-item dropi-toast-item--${t.msg.severity}`},o("div",{class:"dropi-toast-content"},o("div",{class:"dropi-toast-lottie"},o("lottie-player",{key:t.msg.severity,src:i[this.severityToLottieKey[t.msg.severity]],background:"transparent",speed:"1",loop:!0,autoplay:!0})),o("div",{class:"dropi-toast-info"},o("p",{class:"dropi-toast-title"},t.msg.summary),t.msg.detail&&o("p",{class:"dropi-toast-detail"},t.msg.detail))),t.msg.closable&&o("button",{class:"dropi-toast-close",onClick:()=>this.remove(t.msg.id)},o("dropi-icon",{name:"Close-small",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-400"})))))))}};e.style=":host{display:contents}.dropi-toast-container{position:fixed;z-index:var(--dropi-z-index-toast, 12000);display:flex;flex-direction:column;gap:8px;max-width:380px;width:100%;pointer-events:none;box-sizing:border-box}.dropi-toast-container--top-right{top:80px;right:0;padding:var(--Size-2, 8px)}.dropi-toast-container--top-left{top:80px;left:0;padding:var(--Size-2, 8px)}.dropi-toast-container--bottom-right{bottom:24px;right:0;padding:var(--Size-2, 8px);flex-direction:column-reverse}.dropi-toast-container--bottom-left{bottom:24px;left:0;padding:var(--Size-2, 8px);flex-direction:column-reverse}.dropi-toast-container--top-center{top:80px;left:50%;transform:translateX(-50%);padding:var(--Size-2, 8px)}.dropi-toast-container--bottom-center{bottom:24px;left:50%;transform:translateX(-50%);padding:var(--Size-2, 8px);flex-direction:column-reverse}.dropi-toast-wrapper{pointer-events:auto;animation:dropi-toast-in 0.28s ease;transition:opacity 0.28s ease, transform 0.28s ease, max-height 0.32s ease;overflow:hidden;max-height:200px;box-sizing:border-box}.dropi-toast-wrapper--leaving{opacity:0;transform:translateX(20px);max-height:0;pointer-events:none}@keyframes dropi-toast-in{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.dropi-toast-item{position:relative;display:flex;align-items:flex-start;border-radius:var(--Border-2,8px);background:var(--Neutral-White, #ffffff);box-shadow:0.5px -1px 7px 0px rgba(0,0,0,0.06), 0px 4px 20px 0px rgba(0,0,0,0.12);border-left:var(--Size-2, 8px) solid;overflow:hidden;min-width:300px;box-sizing:border-box}.dropi-toast-item--success{border-color:var(--Success-Success-500,#34c38f)}.dropi-toast-item--error{border-color:var(--Error-Error-500,#f46a6b)}.dropi-toast-item--warn{border-color:var(--Warning-Warning-500,#f1b44c)}.dropi-toast-item--info{border-color:var(--Info-Info-500,#50a5f1)}.dropi-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);box-sizing:border-box}.dropi-toast-lottie{width:50px;height:50px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.dropi-toast-lottie lottie-player{display:block;width:50px;height:50px}.dropi-toast-info{flex:1;min-width:0;align-self:center;display:flex;flex-direction:column;gap:var(--Size-1, 4px)}.dropi-toast-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}.dropi-toast-detail{margin:0;font-size:var(--font-size-s,14px);color:var(--Gray-Gray-500,#69738c);line-height:1.4;text-align:left;max-width:250px}.dropi-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}.dropi-toast-close:hover{opacity:0.7}";export{e as dropi_toast}

package/dist/dropi-ui/p-bc5447d7.entry.js

@@ -0,0 +1 @@
+import{r as i,c as t,a as e,h as a}from"./p-CWoV_bQo.js";import{L as o}from"./p-BEs9gbju.js";const s=class{constructor(e){i(this,e),this.dropiPrimaryClick=t(this,"dropiPrimaryClick"),this.dropiSecondaryClick=t(this,"dropiSecondaryClick"),this.dropiVisibleChange=t(this,"dropiVisibleChange"),this.dropiHide=t(this,"dropiHide")}get el(){return e(this)}visible=!1;type="question";tittle="";message="";primaryButton="Accept";secondaryButton="";loading=!1;closable=!1;displayButtons=!0;loadingTitle="Loading";loadingMessage="Please wait a moment";isStep=!1;baseZIndex=0;isWhiteLabel=!1;params=null;paramsChanged(i){i&&(void 0!==i.tittle&&(this.tittle=i.tittle),void 0!==i.type&&(this.type=i.type),void 0!==i.message&&(this.message=i.message),void 0!==i.primaryButton&&(this.primaryButton=i.primaryButton),void 0!==i.secondaryButton&&(this.secondaryButton=i.secondaryButton),void 0!==i.loadingTitle&&(this.loadingTitle=i.loadingTitle),void 0!==i.loadingMessage&&(this.loadingMessage=i.loadingMessage),void 0!==i.closable&&(this.closable=i.closable),void 0!==i.displayButtons&&(this.displayButtons=i.displayButtons))}dropiPrimaryClick;dropiSecondaryClick;dropiVisibleChange;dropiHide;componentWillLoad(){this.params&&this.paramsChanged(this.params)}async show(){this.visible=!0}async hide(){this.visible=!1}handlePrimary(){this.dropiPrimaryClick.emit(!0),this.isStep||(this.visible=!1,this.dropiVisibleChange.emit(!1))}handleSecondary(){this.dropiSecondaryClick.emit(!0),this.visible=!1,this.dropiVisibleChange.emit(!1)}onModalHide(){this.visible=!1,this.dropiVisibleChange.emit(!1),this.dropiHide.emit()}render(){const i=this.loading?"loading":this.type,t=o[i];return a("dropi-modal",{key:"9e44e3e2336cea618ad493257a9057f6ed05b3b9",visible:this.visible,showHeader:this.closable,showCloseIcon:this.closable,dismissable:!1,closeOnEscape:!1,showFooter:!1,size:"s",onDropiHide:()=>this.onModalHide()},a("div",{key:"2c83ef5ed1bce3821221404572e08ff83e5788a7",class:"body-alert"},t&&a("div",{key:"aef9b32ed8f6a9eed2d49b78a579efca7c30de35",class:"lottie-img"+("loading"===i?" lottie-img--loading":"")},a("lottie-player",{key:i,src:t,background:"transparent",speed:"1",loop:!0,autoplay:!0})),a("div",{key:"5c5161f34e04e783120cda34cbfda41da0061b40",class:"content-alert"},a("h2",{key:"ea451c2f1d424a4ca9453eee500055929a4ee0cd"},this.loading?this.loadingTitle:this.tittle),a("p",{key:"6fc476e3b79305a8542a9e3254a648df46e612c2"},this.loading?this.loadingMessage:this.message)),a("div",{key:"c6b62bd577696a2f474c05f6a91030f3caa17c9e",class:"custom-content"},a("slot",{key:"42957aad93193457111a074bad254c6209c5fb12"})),!this.loading&&this.displayButtons&&a("div",{key:"f6bec3425de91611537bc418c7896b7dc510ace6",class:"actions"},this.secondaryButton&&a("dropi-button",{key:"e169fb4dbd9d6d5548095d59ddde524b6540b7a8",text:this.secondaryButton,severity:"secondary",onDropiClick:()=>this.handleSecondary(),fullWidth:!0}),a("dropi-button",{key:"f892a5d0fce7eae2d24fedc71a925c5c2cf767dd",text:this.primaryButton,severity:"primary",onDropiClick:()=>this.handlePrimary(),fullWidth:!0}))))}static get watchers(){return{params:[{paramsChanged:0}]}}};s.style=":host{display:contents;button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}}.body-alert{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--Size-3);width:100%;flex:1;overflow:visible;padding-bottom:var(--Size-2)}.lottie-img{width:120px;height:120px;overflow:hidden;flex-shrink:0;align-self:center;margin-top:-8px;margin-bottom:var(--Size-2)}.lottie-img lottie-player{display:block;width:120px;height:120px}.lottie-img--loading{width:100%;height:120px;overflow:hidden;display:flex;align-items:center;justify-content:center}.lottie-img--loading lottie-player{width:300px;height:auto;flex-shrink:0}.content-alert{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center}.content-alert h2{color:var(--Gray-Gray-800);font-size:19px;font-weight:var(--font-weight-semibold);margin:0}.content-alert p{color:var(--Gray-Gray-500);font-size:var(--font-size-s);margin-bottom:var(--Size-2);overflow-wrap:anywhere;max-height:100px;overflow:auto}.custom-content{width:100%;text-align:left;margin-top:var(--Size-2);display:flex;flex-direction:column;gap:var(--Size-3)}.actions{display:flex;gap:var(--Size-3);width:100%}.actions dropi-button{flex:1;display:flex;justify-content:center}@media (max-width: 768px){.actions{flex-direction:column}.actions dropi-button{width:100%}}";export{s as dropi_alert_modal}

package/dist/dropi-ui/p-bd2c7bbc.entry.js

@@ -0,0 +1 @@
+import{r as t,h as e}from"./p-CWoV_bQo.js";const i=class{constructor(e){t(this,e)}visible=!0;loadingAnimation="/node_modules/@dropi/ui/assets/lottie-files/loading.json";title="Cargando...";message="Por favor, espere un momento";render(){return this.visible?e("div",{class:"loader-overlay"},e("div",{class:"loader-container"},e("div",{class:"lottie-animation"},e("lottie-player",{src:this.loadingAnimation,background:"transparent",speed:"1",style:{width:"300px",height:"300px"},loop:!0,autoplay:!0})),(this.title||this.message)&&e("div",{class:"loader-text"},this.title&&e("h3",{class:"loader-title"},this.title),this.message&&e("p",{class:"loader-message"},this.message)))):null}};i.style=":host{display:block;button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}}.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:300px;height:300px}.lottie-animation lottie-player{display:block;width:300px !important;height:300px !important}.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-beb4b2d7.entry.js

@@ -0,0 +1 @@
+import{r as e,c as r,a,h as i}from"./p-CWoV_bQo.js";const t=class{constructor(a){e(this,a),this.selectedCitiesChange=r(this,"selectedCitiesChange")}options=[];selectedCities=[];placeholder="Seleccione una ciudad";disabled=!1;selectedCitiesChange;isOpen=!1;selected=[];parsedOptions=[];searchTerm="";get el(){return a(this)}handleDocClick(e){this.isOpen&&!e.composedPath().includes(this.el)&&(this.isOpen=!1)}optionsChanged(e){this.parsedOptions=null!=e?"string"==typeof e?JSON.parse(e):e:[]}selectedChanged(e){this.selected=null!=e?"string"==typeof e?JSON.parse(e):[...e]:[]}componentWillLoad(){this.optionsChanged(this.options),this.selectedChanged(this.selectedCities)}get filtered(){if(!this.searchTerm)return this.parsedOptions;const e=this.searchTerm.toLowerCase();return this.parsedOptions.map((r=>({...r,items:r.items.filter((r=>r.label.toLowerCase().includes(e)))}))).filter((e=>e.items.length>0))}toggle(){this.disabled||(this.isOpen=!this.isOpen)}toggleCity(e,r){r.stopPropagation(),this.selected=this.selected.includes(e)?this.selected.filter((r=>r!==e)):[...this.selected,e],this.selectedCitiesChange.emit([...this.selected])}removeCity(e,r){r.stopPropagation(),this.selected=this.selected.filter((r=>r!==e)),this.selectedCitiesChange.emit([...this.selected])}getLabel(e){for(const r of this.parsedOptions){const a=r.items.find((r=>r.value==e));if(a)return a.label}return String(e)}render(){const e=this.filtered;return i("div",{key:"5b1e27677c34d0dc85dc9c8544e4b0ba9a66216b",class:{"city-selector":!0,"city-selector--disabled":this.disabled}},i("button",{key:"e359c1baff0a255cd396ee35836430486bc67cd3",type:"button",class:"selector-trigger",disabled:this.disabled,onClick:()=>this.toggle(),"aria-haspopup":"listbox","aria-expanded":this.isOpen},i("div",{key:"082246999f826e8cfe1b2d09fd801a5d7db7e1b2",class:"chips-area"},0===this.selected.length&&i("span",{key:"90453c84cae3561412f795ec1ffc01923cd87040",class:"placeholder"},this.placeholder),this.selected.map((e=>i("span",{class:"chip",key:String(e)},this.getLabel(e),i("button",{type:"button",class:"chip-remove","aria-label":"Quitar",onClick:r=>this.removeCity(e,r)},i("dropi-icon",{name:"Close-small",iconWidth:"10px",iconHeight:"10px",color:"Primary-Primary-500"})))))),i("dropi-icon",{key:"f99675449127fb19fdea950db057d8c14ca62644",name:this.isOpen?"Arrow-Up-2":"Arrow-Down-2",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-500"})),this.isOpen&&i("div",{key:"2a14a55016c19128fde45359f4b29b6f04f9b035",class:"dropdown",role:"listbox"},i("div",{key:"1321152ed7b0d3f50b04c7f28b05f1523c41cce4",class:"search-wrap"},i("div",{key:"7c94a7506d44cd89b83e5782cce16319f266f82c",class:"search-field"},i("input",{key:"5f40db9a8df0adc09776b4adcfe03a4a6d1d1467",class:"search-input",type:"text",placeholder:"Buscar...",value:this.searchTerm,onInput:e=>{this.searchTerm=e.target.value},autoComplete:"off"}),i("span",{key:"3140903ef4355b970c8f348e4f55d43f852e247d",class:"search-icon"},i("dropi-icon",{key:"b59235b0d7a685000033d2a294fbce246d0ba4c2",name:"Search",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-400"})))),i("div",{key:"bfd40e336b402bd92ec212466cf89e1cffb0d4be",class:"options-list"},0===e.length&&i("div",{key:"9fce9b4df1ffb122278480f0ab60255ea0c795ec",class:"no-results"},"Sin resultados"),e.map((e=>i("div",{key:e.value,class:"group"},i("div",{class:"group-label"},e.label),e.items.map((e=>{const r=this.selected.includes(e.value);return i("div",{key:String(e.value),class:{"city-option":!0,"city-option--selected":r},onClick:r=>this.toggleCity(e.value,r),role:"option","aria-selected":r},i("span",{class:{checkbox:!0,"checkbox--checked":r}},r&&i("dropi-icon",{name:"Check",iconWidth:"10px",iconHeight:"10px",color:"Neutral-White"})),i("span",{class:"city-label"},e.label))}))))))))}static get watchers(){return{options:[{optionsChanged:0}],selectedCities:[{selectedChanged:0}]}}};t.style=":host{display:block;width:100%;position:relative;button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}}*,*::before,*::after{box-sizing:border-box}.city-selector{position:relative;width:100%}.selector-trigger{width:100%;min-height:40px;padding:6px 12px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;text-align:left;font-family:var(--font-family-01, 'Inter', sans-serif);transition:border-color 0.15s}.selector-trigger:hover:not(:disabled){border-color:var(--Gray-Gray-300, #a3abbf)}.selector-trigger:focus{outline:none;border-color:var(--Info-Info-500, #50a5f1)}.city-selector--disabled .selector-trigger{background:var(--Gray-Gray-50, #f7f8fa);border-color:var(--Gray-Gray-100, #e6eaf2);cursor:not-allowed;opacity:0.6}.chips-area{display:flex;flex-wrap:wrap;gap:4px;flex:1;min-height:26px;align-items:center}.placeholder{color:var(--Gray-Gray-400, #858ea6);font-size:var(--font-size-s, 14px)}.chip{display:inline-flex;align-items:center;gap:4px;background:var(--Primary-Primary-50, #fff8f0);border:1px solid var(--Primary-Primary-200, #fcd5a8);border-radius:var(--Border-1, 4px);padding:2px 6px;font-size:var(--font-size-xs, 12px);color:var(--Primary-Primary-700, #b85c00)}.chip-remove{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--Neutral-White, #ffffff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);box-shadow:0 8px 24px rgba(0, 0, 0, 0.10);z-index:var(--dropi-z-index-overlay, 11000);overflow:hidden}.search-wrap{padding:10px 12px;border-bottom:1px solid var(--Gray-Gray-100, #e6eaf2)}.search-field{position:relative;display:flex;align-items:center}.search-input{width:100%;height:36px;padding:0 36px 0 12px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);font-size:var(--font-size-s, 14px);font-family:var(--font-family-01, 'Inter', sans-serif);color:var(--Gray-Gray-700, #32394d);background:var(--Gray-Gray-50, #f7f8fa);outline:none;transition:border-color 0.15s}.search-input:focus{border-color:var(--Info-Info-500, #50a5f1);background:var(--Neutral-White, #ffffff)}.search-input::placeholder{color:var(--Gray-Gray-400, #858ea6)}.search-icon{position:absolute;right:10px;display:flex;align-items:center;pointer-events:none}.options-list{max-height:280px;overflow-y:auto;background:var(--Neutral-White, #ffffff)}.options-list::-webkit-scrollbar{width:6px}.options-list::-webkit-scrollbar-track{background:transparent}.options-list::-webkit-scrollbar-thumb{background:var(--Gray-Gray-200, #c3c9d9);border-radius:4px}.group-label{padding:14px 16px 8px;font-size:var(--font-size-m, 16px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-800, #1f2433);background:var(--Neutral-White, #ffffff)}.city-option{padding:10px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;font-size:var(--font-size-s, 14px);color:var(--Gray-Gray-700, #32394d);background:var(--Neutral-White, #ffffff);transition:background 0.1s;user-select:none}.city-option:hover{background:var(--Gray-Gray-50, #f7f8fa)}.city-option--selected .city-label{color:var(--Gray-Gray-800, #1f2433);font-weight:var(--font-weight-medium, 500)}.checkbox{width:22px;height:22px;border:1.5px solid var(--Gray-Gray-300, #c3c9d9);border-radius:var(--Border-1, 6px);background:var(--Neutral-White, #ffffff);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color 0.15s, background 0.15s}.checkbox--checked{border-color:var(--Primary-Primary-500, #f49a3d);background:var(--Primary-Primary-500, #f49a3d)}.city-label{flex:1}.no-results{padding:20px 16px;text-align:center;color:var(--Gray-Gray-400, #858ea6);font-size:var(--font-size-s, 14px)}";export{t as dropi_city_selector}

package/dist/dropi-ui/p-bf7f2bf6.entry.js

@@ -0,0 +1 @@
+import{r as e,a,h as o}from"./p-CWoV_bQo.js";const t=class{constructor(a){e(this,a)}get el(){return a(this)}sectionTitle="";index;open=!1;disabled=!1;preIcon="";contentHeight="0px";contentRef;openChanged(e){this.updateHeight(e)}componentDidLoad(){this.updateHeight(this.open)}updateHeight(e){this.contentRef&&(this.contentHeight=e?`${this.contentRef.scrollHeight}px`:"0px")}handleToggle(){this.disabled||(this.el.closest("dropi-accordion"),this.open=!this.open,setTimeout((()=>this.updateHeight(this.open)),0))}render(){return o("div",{key:"98de1df9b82f0e4e5e72702b7eaca12c0ed92586",class:{"accordion-item":!0,"accordion-item--open":this.open,"accordion-item--disabled":this.disabled}},o("button",{key:"bd5c3e6ea29feb33e5280908c98929369dc7377e",class:"accordion-header",onClick:()=>this.handleToggle(),"aria-expanded":String(this.open),disabled:this.disabled},o("span",{key:"ced161eb1187d50b7eb2002081cd3fc008c9a16f",class:"accordion-header-left"},this.preIcon&&o("dropi-icon",{key:"09a157623f0978153b57e85a79d7beeca3faf9ab",name:this.preIcon,iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-600"}),o("span",{key:"649617f263370d1314e3145c07a3a29ce5c807b5",class:"accordion-title"},this.sectionTitle)),o("span",{key:"d99e3933a40ffa4b1da8091a8b6d767011f1bf6f",class:{"accordion-chevron":!0,"accordion-chevron--open":this.open}},o("dropi-icon",{key:"3d12ae988429fea2612c0c32c12cd81a486ad255",name:"Dropdown-down",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-500"}))),o("div",{key:"cedff4803c6fa83ae9dc5cb3ce68f48150cdef67",class:"accordion-body",style:{maxHeight:this.contentHeight},ref:e=>this.contentRef=e},o("div",{key:"a37dd42bf39cf08479d847286860e78a1d80a233",class:"accordion-content"},o("slot",{key:"d797eac747716be1af2a6addbefe583be4a816b1"}))))}static get watchers(){return{open:[{openChanged:0}]}}};t.style=":host{display:block;border-bottom:1px solid var(--Gray-Gray-100);button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px;background:white;border:none;cursor:pointer;text-align:left}.accordion-header-left{display:flex;align-items:center;gap:8px}.accordion-title{font-size:var(--font-size-m);font-weight:var(--font-weight-semibold);color:var(--Gray-Gray-700)}.accordion-chevron{transition:transform 0.3s ease}.accordion-chevron--open{transform:rotate(180deg)}.accordion-body{overflow:hidden;transition:max-height 0.3s ease-out}.accordion-content{padding:0 16px 16px 16px}";export{t as dropi_accordion_item}

package/dist/dropi-ui/p-bfaac1cc.entry.js

@@ -0,0 +1 @@
+import{r,c as a,h as o}from"./p-CWoV_bQo.js";const e=class{constructor(o){r(this,o),this.dropiClick=a(this,"dropiClick"),o.$hostElement$["s-ei"]?this.internals=o.$hostElement$["s-ei"]:(this.internals=o.$hostElement$.attachInternals(),o.$hostElement$["s-ei"]=this.internals)}internals;type="default";severity="primary";size="normal";state="default";fullWidth=!1;preIcon="";postIcon="";customIconColor="";text="";nativeType="button";dropiClick;colorMap={default:"Primary-Primary-",success:"Success-Success-",error:"Error-Error-",info:"Info-Info-",legacy:"Secondary-Secondary-",warning:"Warning-Warning-",dropdown:"Gray-Gray-","default-light":"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),"submit"===this.nativeType?this.internals.form?.requestSubmit():"reset"===this.nativeType&&this.internals.form?.reset())}renderLoadingSpinner(){return o("svg",{class:"spin",width:this.iconSize,height:this.iconSize,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("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??""),e=""!==(this.postIcon??"")||"dropdown"===(this.type??"default"),n="dropdown"===(this.type??"default")?"Dropdown-down":this.postIcon??"";return o("button",{key:"21d2654de08dff8db6c2b1ba87594e1184a7aa35",class:{btn:!0,"without-text":!a,[this.severity??"primary"]:!0,[this.type??"default"]:!0,[this.size??"normal"]:!0,[this.state??"default"]:!0,"full-width":this.fullWidth},type:this.nativeType,disabled:r,onClick:r=>this.handleClick(r)},this.preIcon&&o("dropi-icon",{key:"6c6c01c923a37df20b614602b18cd2da949bcb91",name:this.preIcon,iconWidth:this.iconSize,iconHeight:this.iconSize,color:this.fontColor}),a&&o("span",{key:"82447aab8b87bc4a89105cd0209e6c5681222f28",class:"text"},this.text),e&&o("dropi-icon",{key:"6bdefe7c1c819b213d24e0100c2303fb7840ea00",name:n,iconWidth:this.iconSize,iconHeight:this.iconSize,color:this.fontColor}),"loading"===this.state&&this.renderLoadingSpinner(),o("slot",{key:"44483caf52d2ca617ad86c1574a54709f8e77ab5"}))}static get formAssociated(){return!0}};e.style=":host{display:inline-block;border:0}:host([full-width]){display:flex;width:100%}:host([full-width]) .btn{width:100%}*,*::before,*::after{box-sizing:border-box}button,input,select,textarea{font-family:'Inter', sans-serif}.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:var(--font-weight-bold);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(--font-size-s, 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, #ffffff)}.btn.primary.default:hover{background:var(--Primary-Primary-600, #e58017)}.btn.primary.success{background:var(--Success-Success-500, #0abb87);color:var(--Neutral-White, #ffffff)}.btn.primary.success:hover{background:var(--Success-Success-600, #09aa7b)}.btn.primary.info{background:var(--Info-Info-500, #50a5f1);color:var(--Neutral-White, #ffffff)}.btn.primary.info:hover{background:var(--Info-Info-600, #4996db)}.btn.primary.error{background:var(--Error-Error-500, #f46a6b);color:var(--Neutral-White, #ffffff)}.btn.primary.error:hover{background:var(--Error-Error-600, #de6061)}.btn.primary.warning{background:var(--Warning-Warning-500, #f1b44c);color:var(--Neutral-White, #ffffff)}.btn.primary.warning:hover{background:var(--Warning-Warning-600, #dba445)}.btn.primary.legacy{background:var(--Secondary-Secondary-500, #008dbf);color:var(--Neutral-White, #ffffff)}.btn.primary.legacy:hover{background:var(--Secondary-Secondary-600, #007199)}.btn.primary.disabled.default{background:var(--Primary-Primary-300, #f2bc85);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.success{background:var(--Success-Success-300, #5bd1af);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.info{background:var(--Info-Info-300, #8ac3f6);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.error{background:var(--Error-Error-300, #f89b9c);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.warning{background:var(--Warning-Warning-300, #f6cd87);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.legacy{background:var(--Secondary-Secondary-300, #62bad9);color:var(--Neutral-White, #ffffff)}.btn.secondary{background:var(--Neutral-White, #ffffff);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:none !important;box-shadow:none !important;color:var(--Gray-Gray-500, #69738c)}.btn.tertiary.default:hover,.btn.tertiary.legacy:hover{background:var(--Gray-Gray-50, #f5f6f8);box-shadow:none !important;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:var(--font-weight-regular);font-size:var(--font-size-s);background:transparent}.btn.tertiary.disabled.default,.btn.tertiary.disabled.legacy{border:none !important;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)}}";export{e as dropi_button}

package/dist/dropi-ui/p-c31dbf7d.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,h as i}from"./p-CWoV_bQo.js";const s=class{constructor(i){t(this,i),this.codeCompleted=e(this,"codeCompleted"),this.codeAccepted=e(this,"codeAccepted"),this.dropiResend=e(this,"dropiResend"),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals)}internals;name;engine="email";labelContact="";showLabelContact=!1;errorMessage="";digitsCount=6;digits=[];digitStates=[];countdown=30;canResend=!1;error=!1;inputs=[];timer;handleDigitsCountChange(t){this.digits=Array(t).fill(""),this.digitStates=Array(t).fill("idle"),this.inputs=[]}codeCompleted;codeAccepted;dropiResend;componentWillLoad(){this.digits=Array(this.digitsCount).fill(""),this.digitStates=Array(this.digitsCount).fill("idle"),this.internals.setFormValue("")}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(t,e){const i=t.target.value.replace(/\D/g,"").slice(-1),s=[...this.digits];s[e]=i,this.digits=s;const r=[...this.digitStates];if(r[e]=i?"filled":"idle",this.digitStates=r,i&&e<this.digitsCount-1&&this.inputs[e+1]?.focus(),s.every((t=>""!==t))){const t=s.join("");this.internals.setFormValue(t),this.codeCompleted.emit(t),this.codeAccepted.emit(t)}else this.internals.setFormValue(s.join(""))}handleKeyDown(t,e){"Backspace"===t.key&&!this.digits[e]&&e>0&&this.inputs[e-1]?.focus()}handlePaste(t){t.preventDefault();const e=t.clipboardData?.getData("text")?.replace(/\D/g,"").slice(0,this.digitsCount)||"",i=Array(this.digitsCount).fill("");if(e.split("").forEach(((t,e)=>{i[e]=t})),this.digits=i,this.digitStates=i.map((t=>t?"filled":"idle")),this.inputs[Math.min(e.length,this.digitsCount-1)]?.focus(),i.every((t=>""!==t))){const t=i.join("");this.internals.setFormValue(t),this.codeCompleted.emit(t),this.codeAccepted.emit(t)}else this.internals.setFormValue(i.join(""))}render(){return i("div",{key:"68d01986b43ee262c6df66d1160df32313c76edf",class:"otp"},this.showLabelContact&&i("p",{key:"83138a2f4716552cce108c228b99c1e7fc532036",class:"otp__label"},"Ingresa el código enviado a tu ","sms"===this.engine?"SMS":"2fa"===this.engine?"autenticador":"correo",this.labelContact&&i("strong",{key:"8de893e9ea835b3459b8be78414d337436f908de"}," ",this.labelContact)),i("div",{key:"a50f5e2ae1733ec1df704578d6264b8e86a08f5b",class:"otp__inputs",onPaste:t=>this.handlePaste(t)},this.digits.map(((t,e)=>i("input",{key:e,ref:t=>{t&&(this.inputs[e]=t)},class:{otp__digit:!0,"otp__digit--filled":"filled"===this.digitStates[e],"otp__digit--error":this.error},type:"text",inputMode:"numeric",maxLength:1,value:this.digits[e]??"",onInput:t=>this.handleInput(t,e),onKeyDown:t=>this.handleKeyDown(t,e)})))),this.error&&this.errorMessage&&i("p",{key:"315b68b30120ab315f106eed441b9a61550d7833",class:"otp__error"},this.errorMessage),i("div",{key:"b07d47236824b631193b9a90c083ea5d170d135b",class:"otp__resend"},this.canResend?i("button",{class:"otp__resend-btn",onClick:()=>{this.startCountdown(),this.dropiResend.emit()}},"Reenviar código"):i("span",{class:"otp__countdown"},"Reenviar en ",this.countdown,"s")))}static get formAssociated(){return!0}static get watchers(){return{digitsCount:[{handleDigitsCountChange:0}]}}};s.style=":host{display:block;width:100%}button,input,select,textarea{font-family:'Inter', sans-serif}*,*::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:'Inter', sans-serif;color:var(--Gray-Gray-800, #1f2433);outline:none;transition:border-color 0.15s ease;background:var(--Neutral-White, #ffffff)}.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{s as dropi_otp_send_code}

package/dist/dropi-ui/p-c424a77c.entry.js

@@ -0,0 +1 @@
+import{r as e,h as r}from"./p-CWoV_bQo.js";const t=class{constructor(r){e(this,r)}stepsCount=3;showNumberOfStep=!0;currentStep=0;stepLabels=[];state="pending";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:"35c28210675370e76f16e2525fdf785b6205ec78",class:"stepper"},t.map((t=>{const s=this.stepState(t),i=e[t-1],a=t===this.stepsCount;return r("div",{class:{stepper__step:!0,[`stepper__step--${s}`]:!0},key:t},r("div",{class:"stepper__circle-wrap"},r("div",{class:{stepper__circle:!0,[`stepper__circle--${s}`]:!0}},"completed"===s?r("dropi-icon",{name:"Check",iconWidth:"12px",iconHeight:"12px",color:"Neutral-White"}):this.showNumberOfStep?r("span",null,t):null),!a&&r("div",{class:{stepper__line:!0,"stepper__line--done":"completed"===s}})),i&&r("div",{class:"stepper__label"},i.title&&r("span",{class:"stepper__title"},i.title),i.description&&r("span",{class:"stepper__desc"},i.description)))})))}};t.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}button,input,select,textarea{font-family:var(--font-family-01)}.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;justify-content:center;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);font-weight:var(--font-weight-bold);flex-shrink:0;z-index:1;transition:background 0.2s, border-color 0.2s}.stepper__circle--pending{background:var(--Neutral-White);border:2px solid var(--Gray-Gray-200);color:var(--Gray-Gray-400)}.stepper__circle--focus{background:var(--Neutral-White);border:2px solid var(--Primary-Primary-500);color:var(--Primary-Primary-500)}.stepper__circle--completed{background:var(--Primary-Primary-500);border:2px solid var(--Primary-Primary-500);color:var(--Neutral-White)}.stepper__line{position:absolute;top:50%;left:50%;width:100%;height:2px;transform:translateY(-50%);background:var(--Gray-Gray-200);transition:background 0.2s}.stepper__line--done{background:var(--Primary-Primary-500)}.stepper__label{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:var(--Size-2);text-align:center;padding:0 4px}.stepper__title{font-size:var(--font-size-s);font-weight:var(--font-weight-semibold);color:var(--Gray-Gray-400)}.stepper__desc{font-size:var(--font-size-xs);color:var(--Gray-Gray-400)}.stepper__step--focus .stepper__title{color:var(--Gray-Gray-700);font-weight:var(--font-weight-bold)}.stepper__step--focus .stepper__desc{color:var(--Gray-Gray-500)}.stepper__step--completed .stepper__title{color:var(--Gray-Gray-600);font-weight:var(--font-weight-semibold)}.stepper__step--completed .stepper__desc{color:var(--Gray-Gray-500)}";export{t as dropi_steps}

package/dist/dropi-ui/p-c5c3b146.entry.js

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

package/dist/dropi-ui/p-c6fd796c.entry.js

@@ -0,0 +1 @@
+import{r as e,h as r}from"./p-CWoV_bQo.js";const t=class{constructor(r){e(this,r)}stepsCount=3;showNumberOfStep=!0;currentStep=0;stepLabels=[];state="pending";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:"35c28210675370e76f16e2525fdf785b6205ec78",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",iconWidth:"12px",iconHeight:"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}button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}.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, #ffffff);border:2px solid var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-400, #858ea6)}.stepper__circle--focus{background:var(--Neutral-White, #ffffff);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, #ffffff)}.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-c7260931.entry.js

@@ -0,0 +1 @@
+import{r as e,c as i,h as a}from"./p-CWoV_bQo.js";const t=class{constructor(a){e(this,a),this.dropiClose=i(this,"dropiClose")}visible=!1;images=[];activeIndex=0;current=0;parsedImages=[];dropiClose;imagesChanged(e){this.parsedImages="string"==typeof e?JSON.parse(e):e||[]}indexChanged(e){this.current=e}visibleChanged(e){e&&(this.current=this.activeIndex)}componentWillLoad(){this.imagesChanged(this.images),this.current=this.activeIndex}close(){this.visible=!1,this.dropiClose.emit()}prev(){this.current=(this.current-1+this.parsedImages.length)%this.parsedImages.length}next(){this.current=(this.current+1)%this.parsedImages.length}handleError(e){e.target.src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDAgMzAwIj48cmVjdCB3aWR0aD0iNDAwIiBoZWlnaHQ9IjMwMCIgZmlsbD0iIzFhMjAzMyIvPjx0ZXh0IHg9IjIwMCIgeT0iMTU1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmaWxsPSIjNDc1MDY2IiBmb250LXNpemU9IjE0Ij5TaW4gaW1hZ2VuPC90ZXh0Pjwvc3ZnPg=="}render(){if(!0!==this.visible&&"true"!==String(this.visible))return null;const e=this.parsedImages,i=e.length>1;return a("div",{class:"overlay",onClick:()=>this.close()},a("button",{class:"overlay__close",onClick:e=>{e.stopPropagation(),this.close()},"aria-label":"Cerrar"},a("dropi-icon",{name:"Close-large",iconWidth:"24px",iconHeight:"24px",color:"Neutral-White"})),a("div",{class:{overlay__body:!0,"overlay__body--single":!i},onClick:e=>e.stopPropagation()},i&&a("div",{class:"overlay__thumbs"},e.map(((e,i)=>a("div",{key:i,class:{"overlay__thumb-box":!0,"overlay__thumb-box--active":i===this.current},onClick:()=>this.current=i},a("img",{src:e,alt:`miniatura ${i+1}`,class:"overlay__thumb-img",onError:e=>this.handleError(e)}))))),a("div",{class:"overlay__content"},i&&a("button",{class:"overlay__nav overlay__nav--prev",onClick:()=>this.prev(),"aria-label":"Anterior"},a("dropi-icon",{name:"Dropdown-left",iconWidth:"18px",iconHeight:"18px",color:"Gray-Gray-500"})),a("img",{class:"overlay__main-image",src:e[this.current],alt:`imagen ${this.current+1}`,onError:e=>this.handleError(e)}),i&&a("button",{class:"overlay__nav overlay__nav--next",onClick:()=>this.next(),"aria-label":"Siguiente"},a("dropi-icon",{name:"Dropdown-Right",iconWidth:"18px",iconHeight:"18px",color:"Gray-Gray-500"})))))}static get watchers(){return{images:[{imagesChanged:0}],activeIndex:[{indexChanged:0}],visible:[{visibleChanged:0}]}}};t.style=":host{display:block;font-family:var(--font-family-01, 'Inter', sans-serif)}button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}.overlay{position:fixed;inset:0;background:rgba(0,0,0,0.92);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fade-in 0.3s ease-out}.overlay__close{position:absolute;top:24px;right:24px;background:rgba(255, 255, 255, 0.1);border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10010;transition:background 0.15s}.overlay__close:hover{background:rgba(255, 255, 255, 0.2)}.overlay__body{display:flex;width:90%;height:80%;max-width:1200px;gap:32px;align-items:center}.overlay__body--single{justify-content:center}.overlay__thumbs{display:flex;flex-direction:column;gap:12px;height:100%;overflow-y:auto;padding-right:8px;width:100px;flex-shrink:0}.overlay__thumbs::-webkit-scrollbar{width:4px}.overlay__thumbs::-webkit-scrollbar-thumb{background:var(--Gray-Gray-600);border-radius:4px}.overlay__thumb-box{width:80px;height:80px;border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;flex-shrink:0;transition:border-color 0.2s}.overlay__thumb-box--active{border-color:var(--Primary-Primary-500, #f49a3d)}.overlay__thumb-img{width:100%;height:100%;object-fit:cover}.overlay__content{flex:1;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.overlay__main-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.5);animation:scale-up 0.3s ease-out}.overlay__nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255, 255, 255, 0.1);border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.2s;z-index:5}.overlay__nav:hover{background:rgba(255, 255, 255, 0.2)}.overlay__nav--prev{left:-24px}.overlay__nav--next{right:-24px;background:var(--Neutral-White)}.overlay__nav--next:hover{background:var(--Neutral-White)}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes scale-up{from{transform:scale(0.9);opacity:0}to{transform:scale(1);opacity:1}}";export{t as dropi_image_overlay}

package/dist/dropi-ui/p-ca5dbffd.entry.js

@@ -0,0 +1 @@
+import{r as t,c as a,B as o,h as e}from"./p-CWoV_bQo.js";const i=class{constructor(o){t(this,o),this.dropiShow=a(this,"dropiShow"),this.dropiHide=a(this,"dropiHide"),this.dropiVisibleChange=a(this,"dropiVisibleChange")}visible=!1;header=null;showCloseIcon=!0;dismissable=!0;dismissableMask=!0;dismissible=!0;closeOnEscape=!0;modal=!0;closable=!0;blockScroll=!0;showHeader=!0;showFooter=!0;position="center";size="m";styleClass=null;maxWidth=null;autoZIndex=!0;baseZIndex=1100;transitionOptions="0.15s";enableBeforeClose=!1;isDraggable=!1;resizable=!1;dropiShow;dropiHide;dropiVisibleChange;isOpen=!1;isClosing=!1;mounted=!1;closeTimer=null;keyHandler=null;canDismiss=!1;visibleChanged(t){t?this.openModal():this.startClose()}componentDidLoad(){this.visible&&this.openModal()}disconnectedCallback(){this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),"undefined"!=typeof document&&document.body.classList.remove("dropi-modal-open")}async dismiss(){this.visible?(this.visible=!1,this.dropiVisibleChange.emit(!1)):this.startClose()}async openModalExternally(){this.visible=!0,this.dropiVisibleChange.emit(!0)}openModal(){this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),this.isClosing=!1,this.mounted=!0,requestAnimationFrame((()=>requestAnimationFrame((()=>{this.isOpen=!0,this.dropiShow.emit()})))),this.addKeyHandler(),this.canDismiss=!1,setTimeout((()=>{this.canDismiss=!0}),300),(this.modal??1)&&o.isBrowser&&document.body&&document.body.classList.add("dropi-modal-open")}startClose(){!this.isClosing&&this.mounted&&(this.isClosing=!0,this.isOpen=!1,this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),this.closeTimer=setTimeout((()=>{this.mounted=!1,this.isClosing=!1,this.closeTimer=null,(this.modal??1)&&o.isBrowser&&document.body&&document.body.classList.remove("dropi-modal-open"),this.dropiHide.emit()}),200))}addKeyHandler(){this.closeOnEscape&&(this.keyHandler=t=>{"Escape"===t.key&&this.visible&&this.dismissable&&this.canDismiss&&this.dismiss()},document.addEventListener("keydown",this.keyHandler))}removeKeyHandler(){this.keyHandler&&(document.removeEventListener("keydown",this.keyHandler),this.keyHandler=null)}render(){return e("div",{key:"95847ba48baae69b93888cb59ecaa9d2130ae17a",class:`modal-root modal-root--${this.position}${this.isOpen?" modal-root--open":""}${this.isClosing?" modal-root--closing":""}`},(this.modal??!0)&&e("div",{key:"78acc3c2f1b7327b6fc1770a9536cdf0c2c57f99",class:"modal-mask",onClick:()=>this.canDismiss&&this.dismissable&&this.dismiss()}),e("div",{key:"63906a7ed0432879c3256a659ddd9773099244bc",class:`modal-panel size-${this.size||"m"}`,role:"dialog","aria-modal":"true",style:this.maxWidth?{maxWidth:this.maxWidth,width:"100%"}:{}},this.showHeader&&e("div",{key:"7d960505ea8fd7804ac67ceb88b9195e6ad1998d",class:"modal-header"},this.header&&e("span",{key:"fed4b8a2e6c89fca39a8766d0e843db7c184be59",class:"modal-title"},this.header),e("slot",{key:"b2c6c5cc1f019229c3ad5028e42b1fd887494abd",name:"header"}),this.showCloseIcon&&e("button",{key:"24fc8ff422ea5c7e6a8c0737acbb29c1d7467f40",class:"modal-close",onClick:()=>this.dismiss(),"aria-label":"Cerrar"},"×")),e("div",{key:"472a7dfe704b0b8d129b00bc88204602ead66403",class:"modal-content"},e("slot",{key:"6b3e6fdefca0c6510d4fdbbccce53a5efa52e4c8"})),this.showFooter&&e("div",{key:"5bd3c15d4d1fb2ebffad79c9314d03d1d72dae29",class:"modal-footer"},e("slot",{key:"1980d019b142e2a00f55a3a755e9e08d0393c5e5",name:"footer"}))))}static get watchers(){return{visible:[{visibleChanged:0}]}}};i.style=":host{display:contents;font-family:var(--font-family-01, 'Inter', sans-serif)}button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}*,*::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:var(--dropi-z-index-modal, 9999);visibility:hidden}.modal-root--open{opacity:1;pointer-events:auto;visibility:visible}.modal-root--closing{opacity:1;pointer-events:none;visibility:visible}.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, #ffffff);box-shadow:0 0 60px rgba(0,0,0,0.06);overflow:hidden;padding:var(--Size-6, 32px);gap:var(--Size-5, 24px);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:var(--font-weight-bold);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:var(--font-size-xxl);line-height:1;color:var(--Gray-Gray-400)}.modal-close:hover{opacity:0.7}.modal-content{padding-right:8px;overflow:auto;flex:1;display:flex;flex-direction:column;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%;margin-top:auto;flex-shrink:0}.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,.modal-panel.size-xs .modal-footer{justify-content:flex-end}.modal-panel.size-m .modal-footer ::slotted(.button-container),.modal-panel.size-s .modal-footer ::slotted(.button-container),.modal-panel.size-xs .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-panel.size-xs{width:320px;padding:24px;gap:16px}.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-drawer-xxl{width:1214px;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)}@media (max-width: 768px){.modal-root--right .modal-panel.size-drawer-s,.modal-root--right .modal-panel.size-drawer-m,.modal-root--right .modal-panel.size-drawer-l,.modal-root--right .modal-panel.size-drawer-xxl,.modal-root--right .modal-panel.size-sidebar-half{width:100vw;min-width:unset}}.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}}";export{i as dropi_modal}

package/dist/dropi-ui/p-cb48cb42.entry.js

@@ -0,0 +1 @@
+import{r as e,h as r}from"./p-CWoV_bQo.js";const t=class{constructor(r){e(this,r)}stepsCount=3;showNumberOfStep=!0;currentStep=0;stepLabels=[];state="pending";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:"35c28210675370e76f16e2525fdf785b6205ec78",class:"stepper"},t.map((t=>{const s=this.stepState(t),i=e[t-1],p=1===t,a=t===this.stepsCount,l=t>1?this.stepState(t-1):null;return r("div",{class:{stepper__step:!0,[`stepper__step--${s}`]:!0},key:t},r("div",{class:"stepper__circle-wrap"},r("div",{class:{stepper__line:!0,"stepper__line--done":"completed"===l,"stepper__line--invisible":p}}),r("div",{class:{stepper__circle:!0,[`stepper__circle--${s}`]:!0}},"completed"===s?r("dropi-icon",{name:"Check",iconWidth:"12px",iconHeight:"12px",color:"Neutral-White"}):this.showNumberOfStep?r("span",null,t):null),r("div",{class:{stepper__line:!0,"stepper__line--done":"completed"===s,"stepper__line--invisible":a}})),i&&r("div",{class:"stepper__label"},i.title&&r("span",{class:"stepper__title"},i.title),i.description&&r("span",{class:"stepper__desc"},i.description)))})))}};t.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}button,input,select,textarea{font-family:var(--font-family-01)}.stepper{display:flex;align-items:flex-start;width:100%}.stepper__step{display:flex;flex-direction:column;align-items:center;flex:1}.stepper__circle-wrap{display:flex;align-items:center;width:100%}.stepper__line{flex:1;height:2px;background:var(--Gray-Gray-200);transition:background 0.2s}.stepper__line--done{background:var(--Primary-Primary-500)}.stepper__line--invisible{background:transparent}.stepper__circle{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);flex-shrink:0;transition:background 0.2s, border-color 0.2s}.stepper__circle--pending{background:var(--Neutral-White);border:2px solid var(--Gray-Gray-200);color:var(--Gray-Gray-400)}.stepper__circle--focus{background:var(--Neutral-White);border:2px solid var(--Primary-Primary-500);color:var(--Primary-Primary-500)}.stepper__circle--completed{background:var(--Primary-Primary-500);border:2px solid var(--Primary-Primary-500);color:var(--Neutral-White)}.stepper__label{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:var(--Size-2);text-align:center;padding:0 4px}.stepper__title{font-size:var(--font-size-s);font-weight:var(--font-weight-semibold);color:var(--Gray-Gray-400)}.stepper__desc{font-size:var(--font-size-xs);color:var(--Gray-Gray-400)}.stepper__step--focus .stepper__title{color:var(--Gray-Gray-700);font-weight:var(--font-weight-bold)}.stepper__step--focus .stepper__desc{color:var(--Gray-Gray-500)}.stepper__step--completed .stepper__title{color:var(--Gray-Gray-600);font-weight:var(--font-weight-semibold)}.stepper__step--completed .stepper__desc{color:var(--Gray-Gray-500)}";export{t as dropi_steps}

package/dist/dropi-ui/p-cc53f78b.entry.js

@@ -0,0 +1 @@
+import{r,c as e,h as a}from"./p-CWoV_bQo.js";const i=class{constructor(a){r(this,a),this.dropiNavigate=e(this,"dropiNavigate")}items=[];homeRoute="/";homeIconName="Home";lastItemClickable=!1;dropiNavigate;get parsedItems(){if("string"==typeof this.items)try{return JSON.parse(this.items)}catch{return[]}return this.items}render(){const r=this.parsedItems;return a("nav",{key:"c4546d7a0c7852e01f685176b5365f1e0082ad24",class:"breadcrumb","aria-label":"Breadcrumb"},a("div",{key:"924ab634ae4e71f6bd39a67b4b3889cdca20234d",class:"crumb-list"},a("div",{key:"e7b1b285bdd497a028a041ada1eb8b34f77384b0",class:"crumb-home"},a("a",{key:"9e288d5f5761daed20b35dbf056c7de9c2e7b8e3",href:this.homeRoute,class:"home-link","aria-label":"Inicio",onClick:r=>{r.preventDefault(),this.dropiNavigate.emit(this.homeRoute)}},a("dropi-icon",{key:"803ab6d710976b341f19ad7d49fde670acc2c466",name:this.homeIconName,iconWidth:"16px",color:"Gray-Gray-500"})),r.length>0&&a("dropi-icon",{key:"44d1cad9efa9cbc6a52bc26a2229af6680cd8733",name:"Dropdown-Right",iconWidth:"16px",color:"Gray-Gray-500"})),r.map(((e,i)=>{const o=i===r.length-1;return a("div",{class:"crumb",key:i},!o||this.lastItemClickable?a("a",{class:"crumb-link Body-S-Regular"+(e.disabled?" disabled":""),href:e.url||e.routerLink||"#",onClick:r=>{r.preventDefault(),e.disabled||this.dropiNavigate.emit(e)}},e.label):a("span",{class:"current Body-S-Regular","aria-current":"page"},e.label),!o&&a("dropi-icon",{name:"Dropdown-Right",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-500"}))}))))}};i.style=":host{display:block}*,*::before,*::after{box-sizing:border-box}button,input,select,textarea{font-family:'Inter', sans-serif}.breadcrumb{margin:0}.crumb-list{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.crumb-home{display:flex;padding-right:4px;align-items:center;gap:4px}.home-link{display:inline-flex;align-items:center;color:var(--Gray-Gray-500, #69738c);text-decoration:none;transition:color 0.2s ease}.home-link:hover{color:var(--Gray-Gray-700, #32394d)}.crumb{display:flex;padding:0 4px;align-items:center;gap:8px}.crumb-link{color:var(--Gray-Gray-500, #69738c);text-align:center;cursor:pointer;text-decoration:none;transition:color 0.2s ease;font-size:var(--font-size-s, 12px)}.crumb-link:hover{color:var(--Gray-Gray-700, #32394d);text-decoration:underline}.crumb-link.disabled{pointer-events:none;color:var(--Gray-Gray-300, #a1a8b8);cursor:not-allowed;text-decoration:none}.current{color:var(--Gray-Gray-700, #32394d);cursor:default;font-size:var(--font-size-s, 12px)}";export{i as dropi_breadcrumb}

package/dist/dropi-ui/p-cd30d613.entry.js

@@ -0,0 +1 @@
+import{r as a,h as i}from"./p-CWoV_bQo.js";const t="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiAzNiI+PGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IiNlNmVhZjIiLz48Y2lyY2xlIGN4PSIxOCIgY3k9IjE0IiByPSI2IiBmaWxsPSIjODU4ZWE2Ii8+PHBhdGggZD0iTTYgMzJjMC04IDI0LTggMjQgMCIgZmlsbD0iIzg1OGVhNiIvPjwvc3ZnPg==",r=class{constructor(i){a(this,i)}image="";alt="Avatar";type="users";initials="";handleError(a){a.target.src=t}render(){const a=this.initials?.slice(0,2).toUpperCase(),r=!this.image&&a;return i("figure",{key:"db9310b5c789b079fc0f9043a619bd22f9a60151",class:{avatar:!0,[`avatar--${this.type}`]:!0}},r?i("div",{class:"avatar__initials"},a):i("img",{src:this.image||t,alt:this.alt,onError:a=>this.handleError(a)}))}};r.style=":host{display:inline-block;button,input,select,textarea{font-family:'Inter', sans-serif}}.avatar{margin:0;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar--users,.avatar--transport,.avatar--payment{width:35px;height:35px}.avatar--supplier{width:70px;height:70px}.avatar--counter{width:33px;height:33px}.avatar__initials{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background-color:var(--Primary-Primary-100, #fde9d0);color:var(--Primary-Primary-600, #d4872e);font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;letter-spacing:0.5px}";export{r as dropi_avatars}

package/dist/dropi-ui/p-d0e3de92.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,h as i}from"./p-CWoV_bQo.js";const r=class{constructor(i){e(this,i),this.dropiChange=t(this,"dropiChange"),this.dropiClick=t(this,"dropiClick")}title="title";description="Description";typeElement="dropdown";type="important";isChecked=!1;dropiChange;dropiClick;render(){return i("div",{key:"06fe2a580fb23484419ea4b1c41a265facb722de",class:"card-section"},i("div",{key:"1020ea256b0311a200a721387b3ecb8d0f3809ab",class:"card-section__text"},"important"===this.type?i("h5",{class:"card-section__title card-section__title--important"},this.title):i("h6",{class:"card-section__title"},this.title),this.description&&i("p",{key:"52ea93b6b2736c4c6e3ebb953c2878db90d34b4c",class:"card-section__desc"},this.description)),i("div",{key:"7ec0ed96e43b45256fd5dec5ee24b0dfd6488403",class:"card-section__control"},"switch"===this.typeElement?i("dropi-switch",{name:"_card-section-switch",isChecked:this.isChecked,onDropiChange:e=>{this.isChecked=e.detail,this.dropiChange.emit(e.detail)}}):i("button",{class:"card-section__dropdown-btn",onClick:()=>this.dropiClick.emit(),"aria-label":"Expandir"},i("dropi-icon",{name:"Dropdown-down",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-500"}))))}};r.style=":host{display:block;width:100%}button,input,select,textarea{font-family:'Inter', sans-serif}*,*::before,*::after{box-sizing:border-box}.card-section{display:flex;align-items:center;justify-content:space-between;gap:var(--Size-4, 16px);padding:var(--Size-3, 12px) var(--Size-4, 16px);background:var(--Neutral-White, #ffffff);border:1px solid var(--Gray-Gray-100, #e6eaf2);border-radius:var(--Border-2, 8px)}.card-section__text{flex:1}.card-section__title{margin:0 0 4px;font-family:'Inter', sans-serif;font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-800, #1f2433)}h5.card-section__title{font-size:var(--font-size-m, 14px)}h6.card-section__title{font-size:var(--font-size-s, 12px)}.card-section__desc{margin:0;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #69738c)}.card-section__control{flex-shrink:0}.card-section__dropdown-btn{display:flex;align-items:center;background:none;border:none;padding:0;cursor:pointer}";export{r as dropi_card_section}

package/dist/dropi-ui/p-d136695a.entry.js

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

package/dist/dropi-ui/p-d286adf0.entry.js

@@ -0,0 +1 @@
+import{r as t,h as o}from"./p-CWoV_bQo.js";const i=class{constructor(o){t(this,o)}text="";title="";label="";position="bottom";arrowPosition="center";trigger="hover";maxWidth="280px";minWidth="300px";showDelay=0;disabled=!1;showIcon=!0;showX=!1;iconName="Tooltip";iconColor="#7B8190";iconSize="14";visible=!1;showTimer=null;timeoutTimer=null;componentDidLoad(){"static"===this.trigger&&this.show(),"timeout"===this.trigger&&this.showWithTimeout()}show=()=>{this.disabled||"hidden"===this.trigger||(this.text||this.title||this.label).trim()&&(this.showDelay>0?this.showTimer=setTimeout((()=>{this.visible=!0}),this.showDelay):this.visible=!0)};hide=()=>{this.showTimer&&(clearTimeout(this.showTimer),this.showTimer=null),this.timeoutTimer&&(clearTimeout(this.timeoutTimer),this.timeoutTimer=null),this.visible=!1};showWithTimeout(){this.show(),this.timeoutTimer=setTimeout((()=>this.hide()),6e3)}handleMouseEnter=()=>{"hover"===this.trigger&&this.show()};handleMouseLeave=()=>{"hover"===this.trigger&&setTimeout((()=>this.hide()),10)};handleClick=()=>{"click"===this.trigger&&(this.visible?this.hide():this.show())};handleFocusin=()=>{"focus"===this.trigger&&this.show()};handleFocusout=()=>{"focus"===this.trigger&&this.hide()};handleClose=()=>{"static"===this.trigger&&(this.trigger="hover",this.showX=!1),this.hide()};get displayContent(){return this.text?this.text:this.title&&this.label?`${this.title}\n${this.label}`:this.title||this.label||""}render(){const t={maxWidth:this.maxWidth};return this.minWidth&&(t.minWidth=this.minWidth),o("div",{key:"e2ce31df52e00568920e754904b1f5910ff4c8ba",class:"tooltip-wrapper",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onClick:this.handleClick,onFocusin:this.handleFocusin,onFocusout:this.handleFocusout},this.showIcon&&o("dropi-icon",{key:"aa3213451bcfb60561043b0c3854bb20c3a4703a",name:this.iconName,iconWidth:`${this.iconSize}px`,iconHeight:`${this.iconSize}px`,color:this.iconColor}),o("slot",{key:"5ce4929e6f96d4c605d149a970aba1746e82078a"}),this.displayContent&&o("div",{key:"66a1193abf25ce4161ec35f1ca0c344ec418cce8",class:{"tooltip-bubble":!0,[`tooltip-bubble--${this.position}`]:!0,[`tooltip-bubble--arrow-${this.arrowPosition}`]:!0,"tooltip-bubble--visible":this.visible},style:t,role:"tooltip"},this.showX&&o("button",{key:"168741ebb1986f7235aee5be58695ae7cfacfe7b",class:"tooltip-close",onClick:this.handleClose,"aria-label":"Cerrar"},o("dropi-icon",{key:"c9154dada59cced1056f24689591f0fead22328f",name:"Close-small",iconWidth:"12px",iconHeight:"12px",color:"Gray-Gray-500"})),this.title&&!this.text&&o("strong",{key:"cd432eb19d7616f50d27613b55c191d59f70732e",class:"tooltip-title"},this.title),this.label&&!this.text&&o("span",{key:"c443cab1372947d0219a7384f491184fb1a7c5b3",class:"tooltip-label"},this.label),this.text&&o("span",{key:"ea5dafb67ec9533052a66cf045b288cbefdf9d69"},this.text),o("span",{key:"977257d29af4688c8a264685a1687c048faac9e5",class:`tooltip-arrow tooltip-arrow--${this.position}`})))}};i.style=":host{display:inline-block}*,*::before,*::after{box-sizing:border-box}button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}.tooltip-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}.tooltip-bubble{position:absolute;z-index:var(--dropi-z-index-overlay, 11000);background:var(--Gray-Gray-800);color:var(--Neutral-White, #ffffff);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 var(--Gray-Gray-800)}.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 var(--Gray-Gray-800)}.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 var(--Gray-Gray-800)}.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 var(--Gray-Gray-800)}";export{i as dropi_tooltip_v2}

package/dist/dropi-ui/p-d46058e1.entry.js

@@ -0,0 +1 @@
+import{r as e,h as r}from"./p-CWoV_bQo.js";const t=class{constructor(r){e(this,r)}stepsCount=3;showNumberOfStep=!0;currentStep=0;stepLabels=[];state="pending";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:"35c28210675370e76f16e2525fdf785b6205ec78",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",iconWidth:"12px",iconHeight:"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}button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}.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;justify-content:center;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, #ffffff);border:2px solid var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-400, #858ea6)}.stepper__circle--focus{background:var(--Neutral-White, #ffffff);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, #ffffff)}.stepper__line{position:absolute;top:50%;left:50%;width:100%;height:2px;transform:translateY(-50%);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-d65aeab2.entry.js

@@ -0,0 +1 @@
+import{r as e,c as r,h as t}from"./p-CWoV_bQo.js";const i=class{constructor(t){e(this,t),this.stepClick=r(this,"stepClick")}steps=[];currentStep=1;clickable=!1;showCheckIcon=!0;stepClick;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 t("div",{key:"9b0e19a21eaa78b51d82994747604623f9431d56",class:"vertical-steps"},e.map(((r,i)=>{const s=this.resolveState(i,r),a=i===e.length-1,c=this.clickable&&"completed"===s;return t("div",{class:{"v-step":!0,"v-step--clickable":c},key:i,onClick:()=>c&&this.stepClick.emit(i+1)},t("div",{class:"v-step__indicator"},t("div",{class:{"v-step__circle":!0,[`v-step__circle--${s}`]:!0}},"completed"===s&&this.showCheckIcon?t("dropi-icon",{name:"Check",iconWidth:"12px",iconHeight:"12px",color:"Neutral-White"}):t("span",{class:"v-step__number"},i+1)),!a&&t("div",{class:{"v-step__line":!0,"v-step__line--done":"completed"===s}})),t("span",{class:{"v-step__label":!0,[`v-step__label--${s}`]:!0}},r.label))})))}};i.style=":host{display:block}*,*::before,*::after{box-sizing:border-box}button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}.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, #ffffff);border:2px solid var(--Gray-Gray-200, #c3c9d9)}.v-step__circle--current{background:var(--Neutral-White, #ffffff);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, #1f2433);font-weight:var(--font-weight-bold, 700)}.v-step__label--completed{color:var(--Gray-Gray-500, #69738c)}";export{i as dropi_vertical_steps}

package/dist/dropi-ui/p-d8c02ec8.entry.js

@@ -0,0 +1 @@
+import{r as i,c as r,a as e,h as t}from"./p-CWoV_bQo.js";const n=class{constructor(e){i(this,e),this.bannerClick=r(this,"bannerClick"),this.isVisible=r(this,"isVisible")}imageUrl="";link="";alt="";backgroundColor="transparent";slugName="";viewOnWhiteBrand=!1;viewOnlyCountries=[];closed=!1;get el(){return e(this)}componentWillLoad(){this.imageUrl||(this.imageUrl=this.el.getAttribute("imageUrl")||this.el.getAttribute("image-url")||this.el.getAttribute("imageurl")||"")}bannerClick;isVisible;handleClick(i){this.link||(i.preventDefault(),this.bannerClick.emit())}closeBanner(i){i.preventDefault(),i.stopPropagation(),this.closed=!0,this.isVisible.emit(!1)}render(){if(this.closed||!this.imageUrl)return null;const i=t("div",{class:"inner"},t("img",{src:this.imageUrl,alt:this.alt}),t("button",{class:"close-btn","aria-label":"Cerrar banner",onClick:i=>this.closeBanner(i)},t("dropi-icon",{name:"Close-small",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-600"})));return t("div",{class:"dropi-banner-external",style:{background:this.backgroundColor}},this.link?t("a",{href:this.link,target:"_blank",rel:"noopener noreferrer",onClick:i=>this.handleClick(i)},i):t("div",{class:"click-wrapper",onClick:i=>this.handleClick(i)},i))}};n.style=":host{display:block;width:100%;button,input,select,textarea{font-family:'Inter', sans-serif}}.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-d93f31c2.entry.js

@@ -0,0 +1 @@
+import{r as a,c as t,h as e}from"./p-CWoV_bQo.js";const r=class{constructor(e){a(this,e),this.dropiIndexChange=t(this,"dropiIndexChange")}configuration=[];activeTab=0;showIcon=!1;stopAction=!1;dropiIndexChange;parsedTabs=[];tabsChanged(a){this.parsedTabs="string"==typeof a?JSON.parse(a):a??[]}componentWillLoad(){this.tabsChanged(this.configuration)}handleClick(a){a.disabled||this.stopAction||(this.activeTab=a.id,this.dropiIndexChange.emit(a))}render(){return e("div",{key:"5e8facb7611d02c9b7fad97f676a50ce419c6852",class:"tabs-container",role:"tablist"},this.parsedTabs.map((a=>{const t=a.id===this.activeTab;return e("div",{role:"tab","aria-selected":String(t),class:{"tab-item":!0,"tab-item--active":t&&!a.disabled,"tab-item--disabled":!!a.disabled},onClick:()=>this.handleClick(a)},e("span",{class:"tab-label-row"},e("span",{class:"tab-label"},a.label),null!=a.counter&&e("span",{class:{"tab-counter":!0,"tab-counter--active":t}},a.counter)),this.showIcon&&(a.completed?e("dropi-icon",{name:"Check-circle",iconWidth:"12px",iconHeight:"12px",color:"Success-Success-500"}):e("span",{class:"tab-status-dot"})))})))}static get watchers(){return{configuration:[{tabsChanged:0}]}}};r.style=":host{display:block;font-family:var(--font-family-01, 'Inter', sans-serif);width:100%}button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}*,*::before,*::after{box-sizing:border-box}.tabs-container{display:flex;flex-wrap:nowrap;overflow-x:auto;width:100%;height:52px;scrollbar-width:none}.tabs-container::-webkit-scrollbar{width:0;height:0}.tab-item{padding:var(--Size-4,16px) var(--Size-5,20px);background:var(--Neutral-White, #ffffff);border-bottom:2px solid var(--Gray-Gray-100,#e6eaf2);cursor:pointer;display:flex;gap:16px;align-items:center;white-space:nowrap;flex-shrink:0;transition:border-color 0.15s ease;user-select:none}.tab-item:hover:not(.tab-item--disabled):not(.tab-item--active){border-color:var(--Gray-Gray-300,#a3abbf)}.tab-item--active{border-bottom:2px solid var(--Primary-Primary-500,#f49a3d)}.tab-item--disabled{background:rgba(223,228,237,0.22);cursor:not-allowed;opacity:0.7;pointer-events:none}.tab-label-row{display:flex;align-items:center;gap:8px}.tab-label{font-size:var(--font-size-s,14px);font-weight:var(--font-weight-bold,700);color:var(--Gray-Gray-400,#858ea6);line-height:20px}.tab-item--active .tab-label{color:var(--Gray-Gray-600,#475066)}.tab-item--disabled .tab-label{font-weight:var(--font-weight-light);color:var(--Gray-Gray-300,#a3abbf)}.tab-counter{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:20px;font-size:var(--font-size-xxs);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple);background:var(--Gray-Gray-100,#e6eaf2);color:var(--Gray-Gray-500,#69738c)}.tab-counter--active{background-color:var(--Primary-Primary-500, #F49A3D);color:var(--Neutral-White)}.tab-status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:var(--Primary-Primary-500, #f49a3d);flex-shrink:0}";export{r as dropi_tabs}

package/dist/dropi-ui/p-debe6fa2.entry.js

@@ -0,0 +1 @@
+import{r as e,c as o,h as r}from"./p-CWoV_bQo.js";const t=class{constructor(r){e(this,r),this.modelChange=o(this,"modelChange")}options=[];valueModel="name";height="";isInSelect=!1;parameters={type:"checkbox",icon:"",iconCurrier:!1};selected=[];parsedOptions=[];modelChange;optionsChanged(e){this.parsedOptions="string"==typeof e?JSON.parse(e):e||[]}componentWillLoad(){this.optionsChanged(this.options)}isSelected(e){return(this.selected??[]).some((o=>JSON.stringify(o)===JSON.stringify(e)))}toggleOption(e){this.selected=this.isSelected(e)?this.selected.filter((o=>JSON.stringify(o)!==JSON.stringify(e))):[...this.selected,e],this.modelChange.emit(this.selected)}render(){return r("div",{key:"274caba83e2f697257e3803b85517a31d4f0aea8",class:this.isInSelect?"container-dropi-dropdown-select":"container-dropi-dropdown",style:{"--custom-height":this.height||"388px"}},this.parsedOptions.map(((e,o)=>{const t=e[this.valueModel]??String(e),i=!!e.checked||this.isSelected(e);return r("div",{class:"content-dropdown",key:o},r("div",{class:{"container-check-dropdown":!0,"active-option":i},onClick:()=>this.toggleOption(e)},"checkbox"===this.parameters.type&&r("dropi-checkbox",{name:"_dropdown-option",checked:i}),this.parameters.iconCurrier&&r("dropi-avatars",{image:e[this.valueModel],type:"transport"}),this.parameters.icon&&r("dropi-avatars",{image:e.image,type:"transport"}),r("span",{class:"Body-M-Regular"},t)))})))}static get watchers(){return{options:[{optionsChanged:0}]}}};t.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}.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, #ffffff)}.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{t as dropi_dropdown}

package/dist/dropi-ui/p-df89c528.entry.js

@@ -0,0 +1 @@
+import{r as t,c as r,a as e,h as a}from"./p-CWoV_bQo.js";const i=["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"],n=["Ene","Feb","Mar","Abr","May","Jun","Jul","Ago","Sep","Oct","Nov","Dic"],o=["Do","Lu","Ma","Mi","Ju","Vi","Sa"],s=class{constructor(e){t(this,e),this.startDateChange=r(this,"startDateChange"),this.endDateChange=r(this,"endDateChange"),this.dropiRangeChange=r(this,"dropiRangeChange")}startDate="";endDate="";showLabel=!0;placeholder="DD/MM/YYYY – DD/MM/YYYY";loading=!1;maxDaysRange=0;hideTodayRangeShortcut=!1;disabled=!1;startDateChange;endDateChange;dropiRangeChange;start="";end="";activeRange=-1;showWarning=!1;open=!1;viewYear=(new Date).getFullYear();viewMonth=(new Date).getMonth();hoverDate="";viewMode="day";get el(){return e(this)}onStartPropChange(t){this.start=t}onEndPropChange(t){this.end=t}handleDocClick(t){this.open&&!t.composedPath().includes(this.el)&&(this.open=!1)}componentWillLoad(){this.start=this.startDate,this.end=this.endDate}get today(){return(new Date).toISOString().split("T")[0]}daysAgo(t){const r=new Date;return r.setDate(r.getDate()-t),r.toISOString().split("T")[0]}get shortcuts(){const t=[{label:"Hoy",start:this.today,end:this.today},{label:"Últimos 7 días",start:this.daysAgo(6),end:this.today},{label:"Últimos 15 días",start:this.daysAgo(14),end:this.today},{label:"Últimos 30 días",start:this.daysAgo(29),end:this.today},{label:"Últimos 90 días",start:this.daysAgo(89),end:this.today}];return this.hideTodayRangeShortcut?t.slice(1):t}get displayValue(){const t=t=>t.split("-").reverse().join("/");return this.start&&this.end?`${t(this.start)} – ${t(this.end)}`:this.start?t(this.start):""}toggleOpen(){if(!this.disabled){if(!this.open&&this.start){const t=new Date(this.start);this.viewYear=t.getFullYear(),this.viewMonth=t.getMonth()}this.viewMode="day",this.open=!this.open}}get decadeStart(){return 10*Math.floor(this.viewYear/10)}get navTitle(){return"day"===this.viewMode?`${i[this.viewMonth]}  ${this.viewYear}`:"month"===this.viewMode?`${this.viewYear}`:`${this.decadeStart}-${this.decadeStart+9}`}cycleView(){"day"===this.viewMode?this.viewMode="month":"month"===this.viewMode&&(this.viewMode="year")}prevNav(){"day"===this.viewMode?0===this.viewMonth?(this.viewMonth=11,this.viewYear--):this.viewMonth--:"month"===this.viewMode?this.viewYear--:this.viewYear=this.decadeStart-10}nextNav(){"day"===this.viewMode?11===this.viewMonth?(this.viewMonth=0,this.viewYear++):this.viewMonth++:"month"===this.viewMode?this.viewYear++:this.viewYear=this.decadeStart+10}selectMonth(t){this.viewMonth=t,this.viewMode="day"}selectYear(t){this.viewYear=t,this.viewMode="month"}toISO(t,r,e){return`${t}-${String(r+1).padStart(2,"0")}-${String(e).padStart(2,"0")}`}isInRange(t){const r=this.end||this.hoverDate;if(!this.start||!r)return!1;const[e,a]=this.start<=r?[this.start,r]:[r,this.start];return t>e&&t<a}selectDate(t){if(!this.start||this.start&&this.end)this.start=t,this.end="",this.activeRange=-1,this.showWarning=!1;else{if(t<this.start?(this.end=this.start,this.start=t):this.end=t,this.activeRange=-1,this.maxDaysRange>0){const t=(new Date(this.end).getTime()-new Date(this.start).getTime())/864e5;if(this.showWarning=t>this.maxDaysRange,this.showWarning)return}this.open=!1,this.emit()}}selectShortcut(t){const r=this.shortcuts[t];this.start=r.start,this.end=r.end,this.activeRange=t,this.showWarning=!1,this.open=!1,this.emit()}emit(){this.startDateChange.emit(this.start),this.endDateChange.emit(this.end),this.dropiRangeChange.emit({start:this.start,end:this.end})}buildDays(){const t=this.viewYear,r=this.viewMonth,e=new Date(t,r,1).getDay(),a=new Date(t,r+1,0).getDate(),i=new Date(t,r,0).getDate(),n=[];for(let a=e-1;a>=0;a--){const e=i-a;n.push({iso:this.toISO(0===r?t-1:t,0===r?11:r-1,e),day:e,currentMonth:!1})}for(let e=1;e<=a;e++)n.push({iso:this.toISO(t,r,e),day:e,currentMonth:!0});const o=42-n.length;for(let e=1;e<=o;e++)n.push({iso:this.toISO(11===r?t+1:t,11===r?0:r+1,e),day:e,currentMonth:!1});return n}renderDayView(t){const r=this.buildDays();return a("div",{class:"dp-grid"},o.map((t=>a("div",{class:"dp-day-header"},t))),r.map((({iso:r,day:e,currentMonth:i})=>{const n=r===this.start,o=r===this.end,s=this.isInRange(r);return a("button",{class:{"dp-cell":!0,"dp-cell--other-month":!i,"dp-cell--today":r===t&&!n&&!o,"dp-cell--selected":n||o,"dp-cell--range-start":n,"dp-cell--range-end":o,"dp-cell--in-range":s},type:"button",onClick:()=>this.selectDate(r),onMouseEnter:()=>{this.start&&!this.end&&(this.hoverDate=r)},onMouseLeave:()=>this.hoverDate=""},e)})))}renderMonthView(){const t=(new Date).getMonth(),r=(new Date).getFullYear();return a("div",{class:"dp-month-grid"},n.map(((e,i)=>{const n=i===this.viewMonth;return a("button",{class:{"dp-month-cell":!0,"dp-month-cell--selected":n,"dp-month-cell--current":i===t&&this.viewYear===r&&!n},type:"button",onClick:()=>this.selectMonth(i)},e)})))}renderYearView(){const t=(new Date).getFullYear(),r=this.decadeStart,e=Array.from({length:10},((t,e)=>r+e));return a("div",{class:"dp-year-grid"},e.map((r=>{const e=r===this.viewYear;return a("button",{class:{"dp-year-cell":!0,"dp-year-cell--selected":e,"dp-year-cell--current":r===t&&!e},type:"button",onClick:()=>this.selectYear(r)},r)})))}render(){if(this.loading)return a("div",{class:"skeleton"});const t=this.today;return a("div",{class:"dpr-wrap"},this.showLabel&&a("label",{class:"dpr-label"},"Rango de fechas"),a("button",{class:{"dpr-trigger":!0,"dpr-trigger--disabled":this.disabled},onClick:()=>this.toggleOpen(),disabled:this.disabled,type:"button"},a("dropi-icon",{name:"Calendar",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-400"}),a("span",{class:{"dpr-trigger__value":!0,"dpr-trigger__placeholder":!this.displayValue}},this.displayValue||this.placeholder)),this.open&&a("div",{class:"dpr-popup"},a("div",{class:"dpr-calendar"},a("div",{class:"dp-nav"},a("button",{class:"dp-nav__btn",onClick:()=>this.prevNav(),type:"button"},a("dropi-icon",{name:"dropdown-left",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"})),a("button",{class:"dp-nav__title",onClick:()=>this.cycleView(),type:"button"},"day"===this.viewMode?[a("span",null,i[this.viewMonth]),a("span",null,this.viewYear)]:a("span",null,this.navTitle)),a("button",{class:"dp-nav__btn",onClick:()=>this.nextNav(),type:"button"},a("dropi-icon",{name:"dropdown-right",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"}))),"day"===this.viewMode&&this.renderDayView(t),"month"===this.viewMode&&this.renderMonthView(),"year"===this.viewMode&&this.renderYearView(),this.showWarning&&a("div",{class:"warning-box"},a("span",{class:"warning-message"},"Solo puedes filtrar en un rango máximo de ",this.maxDaysRange," días."))),a("div",{class:"dpr-divider"}),a("div",{class:"dpr-shortcuts"},this.shortcuts.map(((t,r)=>a("button",{key:r,class:{"shortcut-btn":!0,"shortcut-btn--active":this.activeRange===r},onClick:()=>this.selectShortcut(r),type:"button"},t.label))))))}static get watchers(){return{startDate:[{onStartPropChange:0}],endDate:[{onEndPropChange:0}]}}};s.style=":host{display:block;width:100%;position:relative}button,input,select,textarea{font-family:'Inter', sans-serif}*,*::before,*::after{box-sizing:border-box}.dpr-label{display:block;font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-600, #475066);margin-bottom:8px}.dpr-trigger{width:100%;height:40px;display:flex;align-items:center;gap:var(--Size-2, 8px);padding:0 var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);cursor:pointer;font-family:'Inter', sans-serif;transition:border-color 0.2s}.dpr-trigger:hover:not(:disabled){border-color:var(--Info-Info-500, #50a5f1)}.dpr-trigger--disabled{background:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed;opacity:0.6}.dpr-trigger__value{flex:1;text-align:left;font-size:var(--font-size-xs, 12px);color:var(--Gray-Gray-700, #32394d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dpr-trigger__placeholder{color:var(--Gray-Gray-400, #858ea6)}.dpr-popup{position:absolute;top:calc(100% + 8px);left:0;display:flex;flex-direction:row;background:var(--Neutral-White, #ffffff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-3, 12px);box-shadow:0 4px 16px rgba(0,0,0,0.08);z-index:300;overflow:hidden}.dpr-calendar{padding:var(--Size-4, 16px);width:300px;flex-shrink:0}.dpr-divider{width:1px;background:var(--Gray-Gray-100, #e6eaf2);flex-shrink:0}.dpr-shortcuts{padding:var(--Size-4, 16px) var(--Size-3, 12px);display:flex;flex-direction:column;gap:2px;min-width:140px}.shortcut-btn{background:transparent;border:1px solid transparent;padding:6px 10px;font-size:13px;font-family:'Inter', sans-serif;color:var(--Gray-Gray-700, #32394d);cursor:pointer;text-align:left;border-radius:6px;transition:background 0.1s ease;font-weight:var(--font-weight-regular);white-space:nowrap}.shortcut-btn:hover{background:var(--Gray-Gray-50, #f5f6f8)}.shortcut-btn--active{border-color:var(--Gray-Gray-200, #c3c9d9);font-weight:var(--font-weight-semibold);background:var(--Gray-Gray-50, #f5f6f8)}.warning-box{margin-top:8px;padding:4px 8px;border:1px solid var(--Warning-Warning-400);border-radius:4px;background:var(--Warning-Warning-50)}.warning-message{color:#495057;font-size:var(--font-size-xxs);line-height:16px}.dp-month-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:8px}.dp-month-cell{padding:10px 4px;font-size:var(--font-size-s, 14px);font-family:'Inter', sans-serif;font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-700, #32394d);background:transparent;border:1px solid transparent;border-radius:var(--Border-2, 8px);cursor:pointer;text-align:center;transition:background 0.15s, border-color 0.15s}.dp-month-cell:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-month-cell--selected{border-color:var(--Info-Info-500, #50a5f1);font-weight:var(--font-weight-semibold, 600)}.dp-month-cell--current{background:var(--Gray-Gray-100, #e6eaf2)}.dp-year-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:8px}.dp-year-cell{padding:10px 4px;font-size:var(--font-size-s, 14px);font-family:'Inter', sans-serif;font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-700, #32394d);background:transparent;border:1px solid transparent;border-radius:var(--Border-2, 8px);cursor:pointer;text-align:center;transition:background 0.15s, border-color 0.15s}.dp-year-cell:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-year-cell--selected{border-color:var(--Info-Info-500, #50a5f1);font-weight:var(--font-weight-semibold, 600)}.dp-year-cell--current{background:var(--Gray-Gray-100, #e6eaf2)}.dp-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--Size-4, 16px);padding-bottom:var(--Size-3, 12px);border-bottom:1px solid var(--Gray-Gray-100, #e6eaf2)}.dp-nav__btn{background:none;border:none;padding:0;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:background 0.15s}.dp-nav__btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-nav__title{background:none;border:none;font-size:var(--font-size-s, 14px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d);display:flex;gap:8px;cursor:pointer;padding:4px 8px;border-radius:var(--Border-1, 4px);font-family:'Inter', sans-serif;transition:background 0.15s}.dp-nav__title:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-grid{display:grid;grid-template-columns:repeat(7, 1fr);row-gap:6px;column-gap:2px}.dp-day-header{font-size:var(--font-size-s, 14px);color:var(--Gray-Gray-700, #32394d);text-align:center;padding:6px 0;font-weight:var(--font-weight-bold, 700)}.dp-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs, 12px);font-family:'Inter', sans-serif;border:none;cursor:pointer;background:transparent;color:var(--Gray-Gray-600, #475066);width:100%;position:relative;z-index:1;padding:0}.dp-cell::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;transition:background 0.15s;z-index:-1;background:transparent}.dp-cell::before{content:\"\";position:absolute;top:0;bottom:0;z-index:-2;background:transparent}.dp-cell:hover:not(:disabled)::after{background:var(--Gray-Gray-100, #e6eaf2)}.dp-cell--other-month{color:var(--Gray-Gray-300, #a0a9c0)}.dp-cell--today{font-weight:var(--font-weight-bold, 700)}.dp-cell--today::after{background:var(--Gray-Gray-100, #e6eaf2)}.dp-cell--selected{color:var(--Neutral-White, #ffffff);font-weight:var(--font-weight-bold, 700)}.dp-cell--selected::after{background:var(--Orange-orange-500, #f49a3d) !important}.dp-cell--range-start,.dp-cell--range-end{color:var(--Neutral-White, #ffffff);font-weight:var(--font-weight-bold, 700)}.dp-cell--range-start::after,.dp-cell--range-end::after{background:var(--Orange-orange-500, #f49a3d) !important}.dp-cell--in-range{color:var(--Orange-orange-500, #f49a3d);font-weight:var(--font-weight-bold, 700)}.dp-cell--in-range::before{left:-1px;right:-1px;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-start::before{left:50%;right:-1px;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-end::before{left:-1px;right:50%;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-start.dp-cell--range-end::before{background:transparent}.dp-cell--disabled{opacity:0.35;cursor:not-allowed}@keyframes shimmer{0%{background-position:-468px 0}100%{background-position:468px 0}}.skeleton{height:40px;width:100%;border-radius:8px;animation:shimmer 1s linear infinite;background:linear-gradient(to right, #f5f6f8 8%, #e3e7ef 28%, #f5f6f8 77%);background-size:800px 104px}";export{s as dropi_date_picker_range}

package/dist/dropi-ui/p-e07c21c8.entry.js

@@ -0,0 +1 @@
+import{r as e,c as o,a as n,h as a}from"./p-CWoV_bQo.js";const r=[{name:"Afghanistan",code:"AF",codePhone:"93"},{name:"Albania",code:"AL",codePhone:"355"},{name:"Algeria",code:"DZ",codePhone:"213"},{name:"Argentina",code:"AR",codePhone:"54"},{name:"Australia",code:"AU",codePhone:"61"},{name:"Austria",code:"AT",codePhone:"43"},{name:"Azerbaijan",code:"AZ",codePhone:"994"},{name:"Bahamas",code:"BS",codePhone:"1242"},{name:"Bahrain",code:"BH",codePhone:"973"},{name:"Bangladesh",code:"BD",codePhone:"880"},{name:"Belgium",code:"BE",codePhone:"32"},{name:"Bolivia",code:"BO",codePhone:"591"},{name:"Brazil",code:"BR",codePhone:"55"},{name:"Cambodia",code:"KH",codePhone:"855"},{name:"Canada",code:"CA",codePhone:"1"},{name:"Chile",code:"CL",codePhone:"56"},{name:"China",code:"CN",codePhone:"86"},{name:"Colombia",code:"CO",codePhone:"57"},{name:"Costa Rica",code:"CR",codePhone:"506"},{name:"Cuba",code:"CU",codePhone:"53"},{name:"Czech Republic",code:"CZ",codePhone:"420"},{name:"Denmark",code:"DK",codePhone:"45"},{name:"Dominican Republic",code:"DO",codePhone:"1"},{name:"Ecuador",code:"EC",codePhone:"593"},{name:"Egypt",code:"EG",codePhone:"20"},{name:"El Salvador",code:"SV",codePhone:"503"},{name:"Estonia",code:"EE",codePhone:"372"},{name:"Ethiopia",code:"ET",codePhone:"251"},{name:"Finland",code:"FI",codePhone:"358"},{name:"France",code:"FR",codePhone:"33"},{name:"Germany",code:"DE",codePhone:"49"},{name:"Ghana",code:"GH",codePhone:"233"},{name:"Greece",code:"GR",codePhone:"30"},{name:"Guatemala",code:"GT",codePhone:"502"},{name:"Honduras",code:"HN",codePhone:"504"},{name:"Hong Kong",code:"HK",codePhone:"852"},{name:"Hungary",code:"HU",codePhone:"36"},{name:"India",code:"IN",codePhone:"91"},{name:"Indonesia",code:"ID",codePhone:"62"},{name:"Iran, Islamic Republic Of",code:"IR",codePhone:"98"},{name:"Iraq",code:"IQ",codePhone:"964"},{name:"Ireland",code:"IE",codePhone:"353"},{name:"Israel",code:"IL",codePhone:"972"},{name:"Italy",code:"IT",codePhone:"39"},{name:"Jamaica",code:"JM",codePhone:"1876"},{name:"Japan",code:"JP",codePhone:"81"},{name:"Jordan",code:"JO",codePhone:"962"},{name:"Kazakhstan",code:"KZ",codePhone:"7"},{name:"Kenya",code:"KE",codePhone:"254"},{name:"Kuwait",code:"KW",codePhone:"965"},{name:"Lebanon",code:"LB",codePhone:"961"},{name:"Malaysia",code:"MY",codePhone:"60"},{name:"Mexico",code:"MX",codePhone:"52"},{name:"Morocco",code:"MA",codePhone:"212"},{name:"Netherlands",code:"NL",codePhone:"31"},{name:"New Zealand",code:"NZ",codePhone:"64"},{name:"Nicaragua",code:"NI",codePhone:"505"},{name:"Nigeria",code:"NG",codePhone:"234"},{name:"Norway",code:"NO",codePhone:"47"},{name:"Pakistan",code:"PK",codePhone:"92"},{name:"Panama",code:"PA",codePhone:"507"},{name:"Paraguay",code:"PY",codePhone:"595"},{name:"Peru",code:"PE",codePhone:"51"},{name:"Philippines",code:"PH",codePhone:"63"},{name:"Poland",code:"PL",codePhone:"48"},{name:"Portugal",code:"PT",codePhone:"351"},{name:"Qatar",code:"QA",codePhone:"974"},{name:"Romania",code:"RO",codePhone:"40"},{name:"Russian Federation",code:"RU",codePhone:"7"},{name:"Saudi Arabia",code:"SA",codePhone:"966"},{name:"Singapore",code:"SG",codePhone:"65"},{name:"South Africa",code:"ZA",codePhone:"27"},{name:"Spain",code:"ES",codePhone:"34"},{name:"Sri Lanka",code:"LK",codePhone:"94"},{name:"Sweden",code:"SE",codePhone:"46"},{name:"Switzerland",code:"CH",codePhone:"41"},{name:"Taiwan, Province of China",code:"TW",codePhone:"886"},{name:"Thailand",code:"TH",codePhone:"66"},{name:"Tunisia",code:"TN",codePhone:"216"},{name:"Turkey",code:"TR",codePhone:"90"},{name:"Uganda",code:"UG",codePhone:"256"},{name:"Ukraine",code:"UA",codePhone:"380"},{name:"United Arab Emirates",code:"AE",codePhone:"971"},{name:"United Kingdom",code:"GB",codePhone:"44"},{name:"United States",code:"US",codePhone:"1"},{name:"Uruguay",code:"UY",codePhone:"598"},{name:"Venezuela",code:"VE",codePhone:"58"},{name:"Viet Nam",code:"VN",codePhone:"84"},{name:"Zimbabwe",code:"ZW",codePhone:"263"}],t=class{constructor(n){e(this,n),this.dropiChange=o(this,"dropiChange"),n.$hostElement$["s-ei"]?this.internals=n.$hostElement$["s-ei"]:(this.internals=n.$hostElement$.attachInternals(),n.$hostElement$["s-ei"]=this.internals)}internals;name;label="";placeholder="Selecciona un país";currentSelection="";disabled=!1;showObligatory=!1;hasError=!1;textHelper="";searchTerm="";selectProperties=null;appendTo="";dropiChange;isOpen=!1;selected=null;get el(){return n(this)}buttonRef;portalContainer=null;portalFocusedSelector=null;handleDocClick(e){if(!this.isOpen)return;const o=e.composedPath();o.includes(this.el)||this.portalContainer&&o.includes(this.portalContainer)||(this.isOpen=!1)}searchInputRef;currentSelectionChanged(e){this.selected=r.find((o=>o.code===e))||null,this.internals.setFormValue(e)}selectPropertiesChanged(e){e&&(void 0!==e.label&&(this.label=e.label),void 0!==e.placeholder&&(this.placeholder=e.placeholder),void 0!==e.showObligatory&&(this.showObligatory=e.showObligatory),void 0!==e.textHelper&&(this.textHelper=e.textHelper),void 0!==e.hasError&&(this.hasError=e.hasError))}componentWillLoad(){this.selectProperties&&this.selectPropertiesChanged(this.selectProperties),this.currentSelection&&this.currentSelectionChanged(this.currentSelection),this.internals.setFormValue(this.currentSelection??"")}componentDidLoad(){if("body"!==this.appendTo)return;this.portalContainer=document.createElement("div");const e=document.createElement("style");e.textContent="\n.select-dropdown {\n  background: #ffffff;\n  border: 1px solid #c3c9d9;\n  border-radius: 8px;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  box-shadow: 0 8px 24px rgba(0,0,0,.10);\n  overflow: hidden;\n  transition: max-height .2s ease, opacity .2s ease;\n  font-family: inherit;\n  font-size: 14px;\n}\n.select-dropdown.expanded { max-height: 300px; opacity: 1; overflow-y: auto; }\n.select-dropdown.collapsed { max-height: 0; opacity: 0; pointer-events: none; border-color: transparent; box-shadow: none; }\n.select-dropdown::-webkit-scrollbar { width: 6px; }\n.select-dropdown::-webkit-scrollbar-track { background: transparent; }\n.select-dropdown::-webkit-scrollbar-thumb { background: #c3c9d9; border-radius: 4px; }\n.search-li { padding: 10px 12px; position: sticky; top: 0; background: #ffffff; z-index: 1; border-bottom: 1px solid #e6eaf2; }\n.search-field { position: relative; display: flex; align-items: center; }\n.country-search { width: 100%; height: 36px; padding: 0 36px 0 12px; border: 1px solid #c3c9d9; border-radius: 8px; outline: none; font-size: 14px; font-family: inherit; color: #32394d; background: #f7f8fa; }\n.country-search:focus { border-color: #50a5f1; background: #ffffff; }\n.country-search::placeholder { color: #858ea6; }\n.search-icon { position: absolute; right: 10px; display: flex; align-items: center; pointer-events: none; }\n.option { width: 100%; min-height: 44px; padding: 10px 16px; border: none; background: transparent; text-align: left; color: #32394d; font-size: 14px; font-family: inherit; cursor: pointer; display: flex; align-items: center; gap: 10px; transition: background .1s ease; white-space: nowrap; }\n.option:hover { background: #f7f8fa; }\n.flag-img { border-radius: 4px; width: 24px; height: 24px; object-fit: cover; flex-shrink: 0; }\n",this.portalContainer.appendChild(e),document.body.appendChild(this.portalContainer)}disconnectedCallback(){this.returnUlToShadow(),this.portalContainer?.remove(),this.portalContainer=null}componentWillRender(){if(!this.portalContainer)return;const e=document.activeElement;e&&this.portalContainer.contains(e)&&(this.portalFocusedSelector="."+Array.from(e.classList).join(".")),this.returnUlToShadow()}componentDidRender(){if(!this.portalContainer||!this.buttonRef)return;const e=this.el.shadowRoot?.querySelector("ul.select-dropdown");if(!e)return;const o=this.buttonRef.getBoundingClientRect();if(e.style.cssText=`position:fixed;top:${o.bottom+4}px;left:${o.left}px;width:${o.width}px;z-index:11000;`,this.portalContainer.appendChild(e),this.portalFocusedSelector){const e=this.portalContainer.querySelector(this.portalFocusedSelector);if(e){const o=e.value?.length??0;e.focus(),e.setSelectionRange?.(o,o)}this.portalFocusedSelector=null}}returnUlToShadow(){if(!this.portalContainer)return;const e=this.portalContainer.querySelector("ul.select-dropdown");e&&this.el.shadowRoot?.querySelector(".custom-select")?.appendChild(e)}get filtered(){if(!this.searchTerm)return r;const e=this.searchTerm.toLowerCase();return r.filter((o=>o.name.toLowerCase().includes(e)))}open(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&setTimeout((()=>this.searchInputRef?.focus()),50))}select(e){this.selected=e,this.isOpen=!1,this.searchTerm="",this.currentSelection=e.code,this.dropiChange.emit(e)}render(){return a("div",{key:"1e590f390f45a91df010db5a25139f5a5b234105",class:"custom-select"},this.label&&a("label",{key:"073b9c7fb9c09d0addf66bce1c132632ab726b70"},this.label,this.showObligatory&&a("span",{key:"8471da6b6004c35e71d04c0d649a796391ffb703",class:"required"},"*")),a("button",{key:"45fdbd8ae914084fd713708947ee6b2256b78b32",type:"button",ref:e=>{this.buttonRef=e},class:{"select-button":!0,"select-completed":!!this.selected,"select-invalid":this.hasError},disabled:this.disabled,onClick:()=>this.open()},a("div",{key:"75100da9fe6ca3b3e1c60d446374a1ed90ab8419",class:"selected-content"},this.selected?a("span",{class:"selected-option"},a("img",{class:"flag-img",src:`https://flagsapi.com/${this.selected.code}/shiny/24.png`,alt:this.selected.name}),this.selected.name):a("span",{class:"placeholder-text"},this.placeholder)),a("dropi-icon",{key:"3d4ffee3933d05e02236f1283128cb30a876870f",name:this.isOpen?"Arrow-Up-2":"Arrow-Down-2",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-500"})),a("ul",{key:"5ab2559993f7100c52749b57e15b42605ca503b2",class:"select-dropdown"+(this.isOpen?" expanded":" collapsed")},a("li",{key:"da243d50aa04ab24f2ac6b20dd152031458cd474",class:"search-li"},a("div",{key:"b27ca2961821252eed8b2917b47b5c03674f5af6",class:"search-field"},a("input",{key:"4438520038bcf88efabf67d9e6745b51b7f089d3",ref:e=>{this.searchInputRef=e},type:"text",class:"country-search",placeholder:"Buscar país...",value:this.searchTerm,onInput:e=>{this.searchTerm=e.target.value}}),a("span",{key:"d8753c452b5054e23213b94e83884f5297862abc",class:"search-icon"},a("dropi-icon",{key:"3fac8e38cf990990a91a8dfda4701796237e8c44",name:"Search",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-400"})))),this.filtered.map((e=>a("li",{key:e.code},a("button",{class:"option",type:"button",onClick:()=>this.select(e)},a("img",{class:"flag-img",src:`https://flagsapi.com/${e.code}/shiny/24.png`,alt:e.name}),e.name))))),this.textHelper&&a("div",{key:"68bd0e375e7f31e1927a8179070e832d4fe20c94",class:{"select-helper":!0,"select-helper-error":this.hasError}},this.hasError&&a("dropi-icon",{key:"6328385caf1f3518c9fa0da9f30469d12c0940ef",name:"Warning-circle",iconWidth:"12px",iconHeight:"12px",color:"Error-Error-500"}),a("span",{key:"704ee063a80566aed85849c2649c399796069e86"},this.textHelper)))}static get formAssociated(){return!0}static get watchers(){return{currentSelection:[{currentSelectionChanged:0}],selectProperties:[{selectPropertiesChanged:0}]}}};t.style=":host{display:block;width:100%;text-align:left;button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}}*,*::before,*::after{box-sizing:border-box}.custom-select{position:relative;width:100%}label{display:block;font-size:var(--font-size-xs, 11px);font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-600, #475066);margin-bottom:6px}.required{color:var(--Error-Error-500, #ef4444);margin-left:2px}.select-button{width:100%;height:44px;padding:0 12px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);color:var(--Gray-Gray-500, #69738c);font-size:var(--font-size-s, 14px);font-family:var(--font-family-01, 'Inter', sans-serif);display:flex;justify-content:space-between;align-items:center;text-align:left;cursor:pointer;transition:border-color 0.15s ease}.select-button:focus{outline:none;border-color:var(--Info-Info-500, #3b82f6)}.select-button:disabled{border-color:var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-400, #858ea6);background:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed}.select-button.select-completed{color:var(--Gray-Gray-700, #32394d)}.select-button.select-invalid{border-color:var(--Error-Error-500, #ef4444)}.selected-content{display:flex;align-items:center;gap:8px;overflow:hidden;flex:1}.selected-option{display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--Gray-Gray-700, #32394d);font-size:var(--font-size-s, 14px)}.placeholder-text{color:var(--Gray-Gray-400, #858ea6);font-size:var(--font-size-s, 14px)}.flag-img{border-radius:var(--Border-1, 4px);width:24px;height:24px;object-fit:cover;flex-shrink:0}.select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--Neutral-White, #ffffff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);z-index:var(--dropi-z-index-overlay, 11000);list-style:none;padding:0;margin:0;box-shadow:0 8px 24px rgba(0, 0, 0, 0.10);overflow:hidden;transition:max-height 0.2s ease, opacity 0.2s ease}.select-dropdown.expanded{max-height:300px;opacity:1;overflow-y:auto}.select-dropdown.collapsed{max-height:0;opacity:0;pointer-events:none;border-color:transparent;box-shadow:none}.select-dropdown::-webkit-scrollbar{width:6px}.select-dropdown::-webkit-scrollbar-track{background:transparent}.select-dropdown::-webkit-scrollbar-thumb{background:var(--Gray-Gray-200, #c3c9d9);border-radius:4px}.select-dropdown::-webkit-scrollbar-thumb:hover{background:var(--Gray-Gray-300, #a3abbf)}.search-li{padding:10px 12px;position:sticky;top:0;background:var(--Neutral-White, #ffffff);z-index:1;border-bottom:1px solid var(--Gray-Gray-100, #e6eaf2)}.search-field{position:relative;display:flex;align-items:center}.country-search{width:100%;height:36px;padding:0 36px 0 12px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);outline:none;font-size:var(--font-size-s, 14px);font-family:var(--font-family-01, 'Inter', sans-serif);color:var(--Gray-Gray-700, #32394d);background:var(--Gray-Gray-50, #f7f8fa);transition:border-color 0.15s, background 0.15s}.country-search:focus{border-color:var(--Info-Info-500, #50a5f1);background:var(--Neutral-White, #ffffff)}.country-search::placeholder{color:var(--Gray-Gray-400, #858ea6)}.search-icon{position:absolute;right:10px;display:flex;align-items:center;pointer-events:none}.option{width:100%;min-height:44px;padding:10px 16px;border:none;background:transparent;text-align:left;color:var(--Gray-Gray-700, #32394d);font-size:var(--font-size-s, 14px);font-family:var(--font-family-01, 'Inter', sans-serif);cursor:pointer;display:flex;align-items:center;gap:10px;transition:background 0.1s ease;white-space:nowrap}.option:hover{background:var(--Gray-Gray-50, #f7f8fa)}";export{t as dropi_country_selector}

package/dist/dropi-ui/p-e3224f3e.entry.js

@@ -0,0 +1 @@
+import{r as e,c as r,h as a}from"./p-CWoV_bQo.js";const t=class{constructor(a){e(this,a),this.dropiClose=r(this,"dropiClose")}drawerTitle="";drawerIsOpen=!1;open=!1;position="right";size="";width="400px";height="50vh";headless=!1;closeOnBackdrop=!0;dropiClose;openChanged(e){this.open=e,this.drawerIsOpen=e,"undefined"!=typeof document&&(e?document.body.classList.add("dropi-modal-open"):document.body.classList.remove("dropi-modal-open"))}componentWillLoad(){this.drawerIsOpen&&(this.open=!0),this.open&&(this.drawerIsOpen=!0)}close(){this.open=!1,this.dropiClose.emit()}render(){const e=this.size?`drawer-panel--size-${this.size}`:"",r={};return this.size||("left"===this.position||"right"===this.position?r.width=this.width:r.height=this.height),a("div",{key:"e173a207447ff88cba0f838844ae629a367a6c98",class:{"drawer-host":!0,"drawer-host--open":this.open}},a("div",{key:"1a4b3990d1a4641abcdd53b535b84f99991d1a90",class:"drawer-backdrop",onClick:()=>{this.closeOnBackdrop&&this.close()}}),a("div",{key:"eb3042e7506a6d64f6461b5bb7f0a93048299d50",class:`drawer-panel drawer-panel--${this.position}${e?" "+e:""}`,style:r,role:"dialog","aria-modal":"true"},a("div",{key:"ce4468ae512bd70596313dbaa8a738666ff7ef5d",class:{"drawer-header":!0,"drawer-header--headless":this.headless}},a("h3",{key:"30e6af93a4e697590a8dc79748ec4e52f31f42c7",class:"drawer-header__title"},this.drawerTitle),a("button",{key:"0a817e6236e51112812302ff320c15565071f3bc",class:"drawer-header__close",onClick:()=>this.close(),"aria-label":"Cerrar"},a("dropi-icon",{key:"c540300a8c5486f6957f0cb4c5e55a70daf17b39",name:"Close-small",iconWidth:"32px",iconHeight:"32px",color:"Gray-Gray-400"}))),a("div",{key:"0b63274c3a8a810c06b1aec621209178499dae86",class:"drawer-body"},a("slot",{key:"26c6a31c6c8bd9ae409880d85748ed44f01941d0"})),a("div",{key:"be3dba11d475e95391e039e791f98d11c1625b5e",class:"drawer-footer"},a("slot",{key:"e2e42a0543dd9a8fb6278711d948816dda1969a3",name:"footer"}))))}static get watchers(){return{open:[{openChanged:0}],drawerIsOpen:[{openChanged:0}]}}};t.style=":host{display:contents;font-family:var(--font-family-01, 'Inter', sans-serif);font-family:var(--font-family-01, 'Inter', sans-serif)}button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}*,*::before,*::after{box-sizing:border-box}.drawer-host{position:fixed;inset:0;z-index:var(--dropi-z-index-drawer, 9999);pointer-events:none;visibility:hidden}.drawer-host--open{pointer-events:all;visibility:visible}.drawer-backdrop{position:absolute;inset:0;background:rgba(0, 0, 0, 0.5);opacity:0;transition:opacity 0.25s}.drawer-host--open .drawer-backdrop{opacity:1}.drawer-panel{position:absolute;background:var(--Neutral-White, #ffffff);display:flex;flex-direction:column;transition:transform 0.25s ease;overflow:hidden;max-width:100%;min-width:auto}.drawer-panel--right{top:0;right:0;bottom:0;transform:translateX(100%);box-shadow:-4px 0 24px rgba(0, 0, 0, 0.12)}.drawer-host--open .drawer-panel--right{transform:translateX(0)}.drawer-panel--left{top:0;left:0;bottom:0;transform:translateX(-100%);box-shadow:4px 0 24px rgba(0, 0, 0, 0.12)}.drawer-host--open .drawer-panel--left{transform:translateX(0)}.drawer-panel--bottom{bottom:0;left:0;right:0;transform:translateY(100%);border-radius:var(--Border-2, 8px) var(--Border-2, 8px) 0 0;box-shadow:0 -4px 24px rgba(0, 0, 0, 0.12)}.drawer-host--open .drawer-panel--bottom{transform:translateY(0)}.drawer-panel--top{top:0;left:0;right:0;transform:translateY(-100%);border-radius:0 0 var(--Border-2, 8px) var(--Border-2, 8px);box-shadow:0 4px 24px rgba(0, 0, 0, 0.12)}.drawer-host--open .drawer-panel--top{transform:translateY(0)}.drawer-panel--size-m{width:550px}.drawer-panel--size-l{width:1137px}.drawer-panel--size-xl{width:1280px}.drawer-panel--size-xxl{width:1330px}.drawer-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:var(--Size-4, 16px) var(--Size-4, 16px) var(--Size-3, 12px);border-bottom:1px solid var(--Gray-Gray-100, #eceef4);flex-shrink:0}.drawer-header--headless{display:none}.drawer-header__title{color:var(--Gray-700, #32394d);font-family:Inter, sans-serif;font-size:24px;font-style:normal;font-weight:700;line-height:110%;margin:0}.drawer-header__close{width:var(--Size-6, 32px);height:var(--Size-6, 32px);background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--Gray-400, #858ea6);border-radius:var(--Border-1, 4px);transition:background 0.15s;flex-shrink:0}.drawer-header__close:hover{background:var(--Gray-Gray-50, #f7f8fa)}.drawer-body{flex:1;overflow-y:auto;padding:var(--Size-4, 16px);display:flex;flex-direction:column}.drawer-footer{display:none}";export{t as dropi_drawer}

package/dist/dropi-ui/p-e67161f6.entry.js

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

package/dist/dropi-ui/p-e6f708e9.entry.js

@@ -0,0 +1 @@
+import{r as e,c as i,a as r,h as t}from"./p-CWoV_bQo.js";const a=class{constructor(r){e(this,r),this.dropiPlay=i(this,"dropiPlay"),this.dropiEnded=i(this,"dropiEnded")}get el(){return r(this)}src="";mediaType="video";poster="";autoplay=!1;loop=!1;initialVolume=1;format="mobile-vertical";playing=!1;currentTimeStr="00:00";durationStr="00:00";duration=0;volume=1;muted=!1;showControls=!0;isFullscreen=!1;progress=0;speed=1;showSpeedMenu=!1;showVolumeSlider=!1;mediaEl;controlsTimeout;speeds=[1,2,3];dropiPlay;dropiEnded;componentDidLoad(){if(this.mediaEl){const e=this.initialVolume??1;isFinite(e)&&(this.mediaEl.volume=e,this.muted=0===e,this.volume=e)}document.addEventListener("fullscreenchange",this.handleFullscreenChange)}disconnectedCallback(){document.removeEventListener("fullscreenchange",this.handleFullscreenChange),clearTimeout(this.controlsTimeout)}handleFullscreenChange=()=>{this.isFullscreen=!!document.fullscreenElement};togglePlay(){if(this.mediaEl)if(this.playing)this.mediaEl.pause();else{const e=this.mediaEl.play();void 0!==e&&e.catch((e=>{console.warn("Play error:",e),this.playing=!1}))}}handleTimeUpdate(){this.duration&&(this.progress=this.mediaEl.currentTime/this.duration*100,this.currentTimeStr=this.formatTime(this.mediaEl.currentTime))}handleLoadedMetadata(){this.duration=this.mediaEl.duration,this.durationStr=this.formatTime(this.duration)}handleSeek(e){if(!this.duration)return;const i=e.currentTarget.getBoundingClientRect(),r=Math.max(0,Math.min(1,(e.clientX-i.left)/i.width));this.mediaEl.currentTime=r*this.duration}handleVolume(e){const i=parseFloat(e.target.value);this.mediaEl.volume=i,this.volume=i,this.muted=0===i,this.mediaEl.muted=this.muted}toggleSpeedMenu(){this.showSpeedMenu=!this.showSpeedMenu,this.showVolumeSlider=!1}selectSpeed(e){this.speed=e,this.mediaEl&&(this.mediaEl.playbackRate=e),this.showSpeedMenu=!1}toggleVolume(){this.showVolumeSlider=!this.showVolumeSlider,this.showSpeedMenu=!1}toggleFullscreen(){this.isFullscreen?document.exitFullscreen?.():this.el.shadowRoot.host.requestFullscreen?.()}onMouseMove(){this.showControls=!0,this.playing&&this.startHideControlsTimer()}onMouseLeave(){this.playing&&(this.showControls=!1,this.showVolumeSlider=!1,this.showSpeedMenu=!1)}startHideControlsTimer(){clearTimeout(this.controlsTimeout),this.controlsTimeout=setTimeout((()=>{this.playing&&(this.showControls=!1,this.showVolumeSlider=!1,this.showSpeedMenu=!1)}),5e3)}handleDocClick(e){this.el.contains(e.target)||(this.showVolumeSlider=!1,this.showSpeedMenu=!1)}formatTime(e){if(isNaN(e))return"00:00";const i=Math.floor(e/60),r=Math.floor(e%60);return`${i.toString().padStart(2,"0")}:${r.toString().padStart(2,"0")}`}get playButtonSize(){return"desktop"===this.format?80:"mobile-compact"===this.format?40:60}get playIconSize(){return"desktop"===this.format?32:"mobile-compact"===this.format?17:26}get volumeIcon(){return this.muted||0===this.volume?"Volumen-silent":"Volumen"}get volumeGradient(){const e=100*(this.muted?0:this.volume);return`linear-gradient(to right, #ffffff ${e}%, #32394d ${e}%)`}render(){return"audio"===this.mediaType?t("audio",{src:this.src,autoplay:this.autoplay,loop:this.loop,controls:!0,style:{width:"100%"}}):t("div",{class:{"dropi-media-player":!0,[`dropi-media-player--${this.format}`]:!0,"is-fullscreen":this.isFullscreen},onMouseMove:()=>this.onMouseMove(),onMouseLeave:()=>this.onMouseLeave()},t("div",{class:"dropi-media-player__blur-bg",style:{backgroundImage:`url(${this.poster})`}}),t("div",{class:"dropi-media-player__blur-overlay"}),t("video",{class:"dropi-media-player__video",ref:e=>this.mediaEl=e,src:this.src,poster:this.poster,onClick:()=>this.togglePlay(),onPlay:()=>{this.playing=!0,this.startHideControlsTimer(),this.dropiPlay.emit(!0)},onPause:()=>{this.playing=!1,this.showControls=!0,clearTimeout(this.controlsTimeout),this.dropiPlay.emit(!1)},onEnded:()=>{this.playing=!1,this.showControls=!0,this.dropiEnded.emit()},onTimeUpdate:()=>this.handleTimeUpdate(),onLoadedMetaData:()=>this.handleLoadedMetadata()}),t("div",{class:{"dropi-media-player__center-play":!0,"dropi-media-player__center-play--hidden":this.playing&&!this.showControls},style:{width:`${this.playButtonSize}px`,height:`${this.playButtonSize}px`},onClick:e=>{e.stopPropagation(),this.togglePlay()}},this.playing?t("svg",{width:`${this.playIconSize}px`,height:`${this.playIconSize}px`,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.5",style:{color:"#ffffff"}},t("rect",{x:"6.5",y:"4",width:"3.5",height:"16",rx:"1.75"}),t("rect",{x:"14",y:"4",width:"3.5",height:"16",rx:"1.75"})):t("dropi-icon",{name:"Play",color:"Neutral-White",iconWidth:`${this.playIconSize}px`,iconHeight:`${this.playIconSize}px`})),t("div",{class:{"dropi-media-player__controls-bar":!0,"dropi-media-player__controls-bar--hidden":!this.showControls},onClick:e=>e.stopPropagation()},t("span",{class:"dropi-media-player__timestamp"},this.currentTimeStr," / ",this.durationStr),t("div",{class:"dropi-media-player__progress",onClick:e=>{e.stopPropagation(),this.handleSeek(e)}},t("div",{class:"dropi-media-player__progress-track"},t("div",{class:"dropi-media-player__progress-fill",style:{width:`${this.progress}%`}}),t("div",{class:"dropi-media-player__progress-thumb",style:{left:`${this.progress}%`}}))),t("div",{class:"dropi-media-player__actions"},t("div",{class:"dropi-media-player__speed-control",onClick:e=>e.stopPropagation()},this.showSpeedMenu&&t("div",{class:"dropi-media-player__speed-menu"},this.speeds.map((e=>t("button",{type:"button",class:{"dropi-media-player__speed-option":!0,"dropi-media-player__speed-option--active":this.speed===e},onClick:i=>{i.stopPropagation(),this.selectSpeed(e)}},"x",e)))),t("button",{class:"dropi-media-player__btn dropi-media-player__btn--speed",onClick:e=>{e.stopPropagation(),this.toggleSpeedMenu()},type:"button"},"x",this.speed)),t("button",{class:"dropi-media-player__btn",onClick:e=>{e.stopPropagation(),this.toggleFullscreen()},type:"button"},t("dropi-icon",{name:this.isFullscreen?"Compress":"Expand",color:"Neutral-White",iconWidth:"20px",iconHeight:"20px"})),t("div",{class:"dropi-media-player__volume-control",onClick:e=>e.stopPropagation()},this.showVolumeSlider&&t("div",{class:"dropi-media-player__volume-popup"},t("input",{type:"range",class:"dropi-media-player__volume-slider",min:"0",max:"1",step:"0.01",value:this.muted?0:this.volume,style:{background:this.volumeGradient},onInput:e=>this.handleVolume(e)})),t("button",{class:"dropi-media-player__btn",onClick:e=>{e.stopPropagation(),this.toggleVolume()},type:"button"},t("dropi-icon",{name:this.volumeIcon,color:"Neutral-White",iconWidth:"20px",iconHeight:"20px"}))))))}};a.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}.dropi-media-player{position:relative;width:100%;max-width:335px;height:auto;aspect-ratio:335 / 567;background-color:var(--Neutral-Black);border-radius:var(--Border-2, 8px);overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer}.dropi-media-player--mobile-vertical{max-width:335px;aspect-ratio:335 / 567}.dropi-media-player--mobile-compact{max-width:335px;aspect-ratio:335 / 337}.dropi-media-player--desktop{max-width:587px;aspect-ratio:587 / 567}.dropi-media-player__video{width:100%;height:100%;object-fit:cover}.dropi-media-player__center-play{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:400px;background-color:rgba(14, 17, 26, 0.6);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;transition:opacity 0.3s ease;pointer-events:auto}.dropi-media-player__center-play--hidden{opacity:0;pointer-events:none}.dropi-media-player__controls-bar{position:absolute;bottom:0;left:0;width:100%;height:72px;padding:24px;display:flex;flex-direction:row;align-items:center;gap:10px;background:linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);transition:opacity 0.3s ease;box-sizing:border-box}.dropi-media-player__controls-bar--hidden{opacity:0;pointer-events:none}.dropi-media-player__timestamp{font-family:var(--font-family-01, 'Inter', sans-serif);font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-medium, 500);color:var(--Neutral-White);white-space:nowrap;flex-shrink:0}.dropi-media-player__progress{flex:1;padding:6px 0;cursor:pointer;position:relative}.dropi-media-player__progress-track{position:relative;width:100%;height:5px;border-radius:var(--Border-2, 8px);background-color:var(--Gray-Gray-700, #32394d)}.dropi-media-player__progress-fill{height:100%;background-color:var(--Neutral-White);border-radius:var(--Border-2, 8px);will-change:width}.dropi-media-player__progress-thumb{position:absolute;top:50%;transform:translate(-50%, -50%);width:12px;height:12px;border-radius:50%;background-color:var(--Neutral-White);pointer-events:none;will-change:left}.dropi-media-player__actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.dropi-media-player__btn{-webkit-appearance:none;appearance:none;background:transparent;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--Neutral-White);transition:opacity 0.15s ease}.dropi-media-player__btn:hover{opacity:0.8}.dropi-media-player__btn--speed{font-family:var(--font-family-01, 'Inter', sans-serif);font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-medium, 500);color:var(--Neutral-White);min-width:20px}.dropi-media-player__speed-control{position:relative;display:flex;align-items:center}.dropi-media-player__speed-menu{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--Gray-Gray-800, #1f2433);border-radius:var(--Border-2, 8px);padding:6px 0;min-width:44px;display:flex;flex-direction:column;z-index:20}.dropi-media-player__speed-option{-webkit-appearance:none;appearance:none;background:transparent;border:none;padding:6px 10px;font-family:var(--font-family-01, 'Inter', sans-serif);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);color:var(--Neutral-White);cursor:pointer;text-align:center;white-space:nowrap;transition:opacity 0.15s ease}.dropi-media-player__speed-option--active{color:var(--Primary-Primary-500, #f49a3d)}.dropi-media-player__speed-option:hover{opacity:0.8}.dropi-media-player__volume-control{position:relative;display:flex;align-items:center}.dropi-media-player__volume-popup{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);width:32px;height:108px;display:flex;align-items:center;justify-content:center;background:var(--Gray-Gray-800, #1f2433);border-radius:var(--Border-2, 8px);overflow:visible;z-index:20}.dropi-media-player__volume-slider{-webkit-appearance:none;appearance:none;width:97px;height:8px;transform:rotate(-90deg);border-radius:4px;cursor:pointer;outline:none;flex-shrink:0}.dropi-media-player__volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--Neutral-White);cursor:pointer}.dropi-media-player__volume-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--Neutral-White);border:none;cursor:pointer}.dropi-media-player__volume-slider::-webkit-slider-runnable-track{border-radius:4px}.dropi-media-player__volume-slider::-moz-range-track{height:8px;background:var(--Gray-Gray-700, #32394d);border-radius:4px}.dropi-media-player__blur-bg{display:none;position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(21px);transform:scale(1.15);z-index:0}.dropi-media-player__blur-overlay{display:none;position:absolute;inset:0;background-color:rgba(0, 0, 0, 0.7);z-index:0}.dropi-media-player.is-fullscreen,.dropi-media-player:fullscreen{max-width:none;aspect-ratio:auto;width:100vw;height:100vh;border-radius:0}.dropi-media-player.is-fullscreen .dropi-media-player__blur-bg,.dropi-media-player:fullscreen .dropi-media-player__blur-bg,.dropi-media-player.is-fullscreen .dropi-media-player__blur-overlay,.dropi-media-player:fullscreen .dropi-media-player__blur-overlay{display:block}.dropi-media-player.is-fullscreen .dropi-media-player__video,.dropi-media-player:fullscreen .dropi-media-player__video{object-fit:contain;position:relative;z-index:1}.dropi-media-player.is-fullscreen .dropi-media-player__center-play,.dropi-media-player:fullscreen .dropi-media-player__center-play,.dropi-media-player.is-fullscreen .dropi-media-player__controls-bar,.dropi-media-player:fullscreen .dropi-media-player__controls-bar{z-index:2}";export{a as dropi_media_player}

package/dist/dropi-ui/p-e824d439.entry.js

@@ -0,0 +1 @@
+import{r as a,h as e}from"./p-CWoV_bQo.js";const r=class{constructor(e){a(this,e)}type="state";state="check";variant="primary";count=0;render(){const a="counter"===this.type;return e("div",{key:"58bb5c6625539109f010cccdcaafc37ab6da38ba",class:{"badge-legacy":!0,[`badge-legacy--${this.variant}`]:!0,[`badge-legacy--${this.type}`]:!0}},a?e("span",{class:"badge-count"},this.count):e("span",{class:{"badge-state-icon":!0,[`badge-state--${this.state}`]:!0}},"check"===this.state?"✓":"..."))}};r.style=":host{display:inline-block;button,input,select,textarea{font-family:'Inter', sans-serif}}.badge-legacy{display:flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:600}.badge-legacy--primary{background:var(--Primary-Primary-50);color:var(--Primary-Primary-500)}.badge-legacy--secondary{background:var(--Gray-Gray-100);color:var(--Gray-Gray-600)}.badge-legacy--tertiary{background:var(--Success-Success-50);color:var(--Success-Success-500)}";export{r as dropi_badge_legacy}

package/dist/dropi-ui/p-e842be74.entry.js

@@ -0,0 +1 @@
+import{r as e,h as r}from"./p-CWoV_bQo.js";const t=class{constructor(r){e(this,r)}stepsCount=3;showNumberOfStep=!0;currentStep=0;stepLabels=[];state="pending";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:"35c28210675370e76f16e2525fdf785b6205ec78",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",iconWidth:"12px",iconHeight:"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}button,input,select,textarea{font-family:'Inter', sans-serif}.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, #ffffff);border:2px solid var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-400, #858ea6)}.stepper__circle--focus{background:var(--Neutral-White, #ffffff);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, #ffffff)}.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-ea15ac20.entry.js

@@ -0,0 +1 @@
+import{r as a,c as e,a as n,h as o}from"./p-CWoV_bQo.js";const t=[{code:"57",name:"Colombia",flag:"CO",maxLength:10},{code:"52",name:"Mexico",flag:"MX",maxLength:10},{code:"507",name:"Panama",flag:"PA",maxLength:8},{code:"56",name:"Chile",flag:"CL",maxLength:9},{code:"593",name:"Ecuador",flag:"EC",maxLength:10},{code:"51",name:"Peru",flag:"PE",maxLength:9},{code:"34",name:"España",flag:"ES",maxLength:9},{code:"595",name:"Paraguay",flag:"PY",maxLength:9},{code:"58",name:"Venezuela",flag:"VE",maxLength:11},{code:"54",name:"Argentina",flag:"AR",maxLength:10},{code:"55",name:"Brasil",flag:"BR",maxLength:11},{code:"1",name:"United States",flag:"US",maxLength:10},{code:"502",name:"Guatemala",flag:"GT",maxLength:8},{code:"598",name:"Uruguay",flag:"UY",maxLength:9},{code:"501",name:"Belize",flag:"BZ",maxLength:7},{code:"81",name:"Japan",flag:"JP",maxLength:10},{code:"1",name:"Canada",flag:"CA",maxLength:9},{code:"1473",name:"Grenada",flag:"GD",maxLength:10},{code:"509",name:"Haiti",flag:"HT",maxLength:10},{code:"1809",name:"Dominican Republic",flag:"DO",maxLength:10},{code:"1829",name:"Dominican Republic",flag:"DO",maxLength:10},{code:"1849",name:"Dominican Republic",flag:"DO",maxLength:10},{code:"1869",name:"Saint Kitts And Nevis",flag:"KN",maxLength:10},{code:"1784",name:"Saint Vincent And The Grenadines",flag:"VC",maxLength:10},{code:"1758",name:"Saint Lucia",flag:"LC",maxLength:10},{code:"597",name:"Suriname",flag:"SR",maxLength:10},{code:"1868",name:"Trinidad and Tobago",flag:"TT",maxLength:10},{code:"505",name:"Nicaragua",flag:"NI",maxLength:8},{code:"506",name:"Costa Rica",flag:"CR",maxLength:8},{code:"591",name:"Bolivia",flag:"BO",maxLength:8},{code:"7",name:"Russia",flag:"RU",maxLength:11},{code:"20",name:"Egypt",flag:"EG",maxLength:9},{code:"27",name:"South Africa",flag:"ZA",maxLength:10},{code:"30",name:"Greece",flag:"GR",maxLength:10},{code:"31",name:"Netherlands",flag:"NL",maxLength:9},{code:"32",name:"Belgium",flag:"BE",maxLength:8},{code:"33",name:"France",flag:"FR",maxLength:9},{code:"36",name:"Hungary",flag:"HU",maxLength:9},{code:"40",name:"Romania",flag:"RO",maxLength:9},{code:"39",name:"Italy",flag:"IT",maxLength:10},{code:"41",name:"Switzerland",flag:"CH",maxLength:9},{code:"44",name:"United Kingdom",flag:"GB",maxLength:11},{code:"45",name:"Denmark",flag:"DK",maxLength:8},{code:"46",name:"Sweden",flag:"SE",maxLength:8},{code:"47",name:"Norway",flag:"NO",maxLength:8},{code:"48",name:"Poland",flag:"PL",maxLength:9},{code:"49",name:"Germany",flag:"DE",maxLength:11},{code:"53",name:"Malta",flag:"MT",maxLength:8},{code:"60",name:"Malaysia",flag:"MY",maxLength:9},{code:"61",name:"Australia",flag:"AU",maxLength:9},{code:"62",name:"Indonesia",flag:"ID",maxLength:12},{code:"63",name:"Philippines",flag:"PH",maxLength:10},{code:"64",name:"New Zealand",flag:"NZ",maxLength:12},{code:"65",name:"Singapore",flag:"SG",maxLength:8},{code:"66",name:"Thailand",flag:"TH",maxLength:9},{code:"82",name:"South Korea",flag:"KR",maxLength:9},{code:"84",name:"Vietnam",flag:"VN",maxLength:11},{code:"86",name:"China",flag:"CN",maxLength:11},{code:"90",name:"Turkey",flag:"TR",maxLength:10},{code:"91",name:"India",flag:"IN",maxLength:10},{code:"92",name:"Pakistan",flag:"PK",maxLength:9},{code:"93",name:"Afghanistan",flag:"AF",maxLength:10},{code:"94",name:"Sri Lanka",flag:"LK",maxLength:9},{code:"95",name:"Myanmar",flag:"MM",maxLength:9},{code:"98",name:"Iran",flag:"IR",maxLength:10},{code:"211",name:"South Sudan",flag:"SS",maxLength:10},{code:"212",name:"Morocco",flag:"MA",maxLength:9},{code:"213",name:"Algeria",flag:"DZ",maxLength:9},{code:"216",name:"Tunisia",flag:"TN",maxLength:8},{code:"218",name:"Libya",flag:"LY",maxLength:9},{code:"220",name:"Gambia",flag:"GM",maxLength:8},{code:"221",name:"Senegal",flag:"SN",maxLength:9},{code:"222",name:"Mauritania",flag:"MR",maxLength:9},{code:"223",name:"Mali",flag:"ML",maxLength:8},{code:"224",name:"Guinea",flag:"GN",maxLength:9},{code:"225",name:"Ivory Coast",flag:"CI",maxLength:10},{code:"226",name:"Burkina Faso",flag:"BF",maxLength:10},{code:"227",name:"Niger",flag:"NE",maxLength:8},{code:"228",name:"Togo",flag:"TG",maxLength:8},{code:"229",name:"Benin",flag:"BJ",maxLength:8},{code:"230",name:"Mauritius",flag:"MU",maxLength:10},{code:"231",name:"Liberia",flag:"LR",maxLength:8},{code:"232",name:"Sierra Leone",flag:"SL",maxLength:11},{code:"233",name:"Ghana",flag:"GH",maxLength:9},{code:"234",name:"Nigeria",flag:"NG",maxLength:11},{code:"235",name:"Chad",flag:"TD",maxLength:8},{code:"236",name:"Central African Republic",flag:"CF",maxLength:21},{code:"237",name:"Cameroon",flag:"CM",maxLength:10},{code:"238",name:"Cape Verde",flag:"CV",maxLength:9},{code:"239",name:"São Tomé and Príncipe",flag:"ST",maxLength:14},{code:"240",name:"Equatorial Guinea",flag:"GQ",maxLength:17},{code:"241",name:"Gabon",flag:"GA",maxLength:9}],r=class{constructor(n){a(this,n),this.dropiCodChange=e(this,"dropiCodChange"),this.dropiPhoneChange=e(this,"dropiPhoneChange"),this.dropiVerify=e(this,"dropiVerify"),this.dropiChangeSelect=e(this,"dropiChangeSelect"),n.$hostElement$["s-ei"]?this.internals=n.$hostElement$["s-ei"]:(this.internals=n.$hostElement$.attachInternals(),n.$hostElement$["s-ei"]=this.internals)}get el(){return n(this)}internals;name;codArea="57";ngModelPhone="";phoneNumberPlaceholder=null;disabledInput=!1;isValidPhone=void 0;validateOnInit=!0;selectedOption=null;selectProperties=null;open=!1;dropiCodChange;dropiPhoneChange;dropiVerify;dropiChangeSelect;codAreaChanged(){this.ngModelPhone="",this.updateFormValue()}ngModelPhoneChanged(){this.updateFormValue()}selectedOptionChanged(a){a&&(this.codArea=String(a.dialCode??a.code??this.codArea).replace("+",""))}componentWillLoad(){this.selectedOption&&this.selectedOptionChanged(this.selectedOption),this.updateFormValue()}updateFormValue(){this.internals.setFormValue(this.ngModelPhone?`+${this.codArea}${this.ngModelPhone}`:"")}get selectedCountry(){const a=(this.codArea??"57").replace("+","");return t.find((e=>e.code===a))??t[0]}selectCountry(a){this.codArea=a.code,this.open=!1,this.dropiCodChange.emit(a.code),this.dropiChangeSelect.emit(a)}handleInput(a){const e=a.target.value.replace(/\D/g,"");this.ngModelPhone=e.slice(0,this.selectedCountry.maxLength),a.target.value=this.ngModelPhone,this.dropiPhoneChange.emit(this.ngModelPhone)}handleWindowClick(a){a.composedPath().includes(this.el)||(this.open=!1)}render(){const a=this.selectedCountry,e=!1===this.isValidPhone;return o("div",{key:"8baf494cc8b0c7925414a5c6b518bed906c6c9af",class:"phone-wrap"},o("div",{key:"8676178ee71fc85eaab623dea92760f0ae661c77",class:"phone-input-container"},o("div",{key:"b4037828a850187c7c01df69c46704ca38ab9399",class:"custom-select"},o("button",{key:"796f0d20cffc0c821012245fe49a9c04b2d07f85",type:"button",class:{"select-button":!0,"select-invalid":e},disabled:this.disabledInput,onClick:()=>{this.disabledInput||(this.open=!this.open)}},o("span",{key:"67d2755de630b936763fa2610a0e7ba4650476c4",style:{display:"flex",gap:"0.5rem",alignItems:"center"}},o("img",{key:"576ea15412ad8106e9674bb53dd9b71f86654b48",src:`https://flagsapi.com/${a.flag}/flat/24.png`,alt:"flag"}),a.code),o("dropi-icon",{key:"1db0802eb57a6359b2482bc8f24b39957c6cca09",name:this.open?"Dropdown-up":"Dropdown-down",iconWidth:"14px",iconHeight:"14px",color:"Gray-Gray-500"})),o("ul",{key:"cf7a36e39eda8d049c0f9576f52e24e0c88173f3",class:{"select-dropdown":!0,"expanded-select":this.open,"collapsed-select":!this.open}},t.map((a=>o("li",null,o("button",{type:"button",class:"option",onMouseDown:e=>{e.preventDefault(),this.selectCountry(a)}},o("img",{src:`https://flagsapi.com/${a.flag}/flat/24.png`,alt:a.flag}),a.code)))))),o("input",{key:"813f274452998d7d329adac1b21c796b61a26a9b",id:"phone-input",type:"tel",inputmode:"numeric",class:{"form-control":!0,"is-invalid":e},placeholder:this.phoneNumberPlaceholder,value:this.ngModelPhone,disabled:this.disabledInput,maxLength:a.maxLength,onInput:a=>this.handleInput(a)})))}static get formAssociated(){return!0}static get watchers(){return{codArea:[{codAreaChanged:0}],ngModelPhone:[{ngModelPhoneChanged:0}],selectedOption:[{selectedOptionChanged:0}]}}};r.style=":host{display:block;width:100%;position:relative;font-family:'Inter', sans-serif}button,input,select,textarea{font-family:'Inter', sans-serif}*,*::before,*::after{box-sizing:border-box}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type='number']{-moz-appearance:textfield;appearance:textfield}.phone-wrap{width:100%}.phone-label{display:block;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066);margin-bottom:4px}.phone-input-container{display:flex;align-items:center;gap:8px}.custom-select{position:relative;width:50%}.form-control{flex:1;width:100%;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:5px;font-size:14px;font-family:'Inter', sans-serif;transition:border-color 0.3s ease-in-out;height:40px;padding:0 12px;outline:none;color:var(--Gray-Gray-700, #32394d);background-color:var(--Neutral-White, #ffffff)}.form-control::placeholder{color:var(--Gray-Gray-500, #69738c)}.form-control:focus::placeholder{color:var(--Gray-Gray-500, #69738c)}.form-control:focus{border-color:var(--Info-Info-500, #50a5f1);outline:none}.form-control:disabled{border:1px solid var(--Gray-Gray-200, #c3c9d9) !important;color:var(--Gray-Gray-400, #858ea6);background-color:var(--Gray-Gray-50, #f7f8fa);outline:none}.form-control.is-invalid{background:#fffbfb;border-color:var(--Error-Error-500, #f46a6b) !important}.select-button{width:100%;height:40px;padding:0.47rem 0.75rem;padding-right:7px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);color:var(--Gray-Gray-500, #69738c);font-size:var(--font-size-s, 12px);font-family:'Inter', sans-serif;display:flex;justify-content:space-between;align-items:center;text-align:left;cursor:pointer}.select-button img{width:20px;height:20px}.select-button:focus{border-color:var(--Info-Info-500, #50a5f1) !important;outline:none}.select-button:disabled{border-color:var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-400, #858ea6);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:unset}.select-button.select-completed{border-color:var(--Gray-Gray-400, #858ea6);color:var(--Gray-Gray-600, #475066);background:var(--Neutral-White, #ffffff)}.select-button.select-invalid{border-color:var(--Error-Error-500, #f46a6b) !important}.select-dropdown{position:absolute;width:100%;overflow:hidden;list-style:none;padding:0;margin:4px 0 0 0;border:1px solid transparent;border-radius:var(--Border-2, 8px);overflow-y:scroll;z-index:var(--dropi-z-index-overlay, 11000)}.select-dropdown::-webkit-scrollbar{width:6px}.select-dropdown::-webkit-scrollbar-thumb{background-color:var(--Gray-Gray-300, #d1d6e1);border-radius:4px}.expanded-select{max-height:250px;background:var(--Neutral-White, #ffffff);box-shadow:var(--Shadow-medium, 0 4px 16px rgba(0, 0, 0, 0.08));border:1px solid var(--Gray-Gray-200, #c3c9d9);transition:max-height 0.2s ease-in}.collapsed-select{max-height:0;background:transparent;box-shadow:none;border:1px solid transparent;transition:max-height 0.2s ease-out, background 0.6s ease-out, box-shadow 0.6s ease-out}.select-dropdown li{margin:0;padding:0}.option{width:100%;height:45px;border-radius:var(--Border-2, 8px);padding-top:var(--Size-3, 12px);padding-right:var(--Size-4, 16px);padding-bottom:var(--Size-3, 12px);padding-left: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:'Inter', sans-serif;cursor:pointer;display:flex;align-items:center;gap:8px}.option img{width:20px;height:20px}.option:hover{background:var(--Gray-Gray-50, #f7f8fa)}.option:disabled{color:var(--Gray-Gray-400, #858ea6);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:unset}.invalid-color{color:var(--Error-Error-500, #f46a6b) !important}.phone-error{margin:4px 0 0;font-size:var(--font-size-xs, 10px);color:var(--Error-Error-500, #f46a6b)}";export{r as dropi_phone_input}