@dropi/ui 0.1.18 → 0.1.20

package/dist/components/dropi-date-picker-range.js

@@ -0,0 +1 @@
+import{t,p as e,H as a,c as i,h as s}from"./index.js";const r=e(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dropiStartDateChange=i(this,"dropiStartDateChange",7),this.dropiEndDateChange=i(this,"dropiEndDateChange",7),this.dropiRangeChange=i(this,"dropiRangeChange",7)}startDate="";endDate="";showLabel=!0;placeholder="";loading=!1;maxDaysRange=0;hideTodayRangeShortcut=!1;dropiStartDateChange;dropiEndDateChange;dropiRangeChange;start="";end="";activeRange=-1;showWarning=!1;onStartPropChange(t){this.start=t}onEndPropChange(t){this.end=t}componentWillLoad(){this.start=this.startDate,this.end=this.endDate}get today(){return(new Date).toISOString().split("T")[0]}daysAgo(t){const e=new Date;return e.setDate(e.getDate()-t),e.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}selectShortcut(t){const e=this.shortcuts[t];this.start=e.start,this.end=e.end,this.activeRange=t,this.showWarning=!1,this.emit()}onStartChange(t){this.start=t.target.value,this.activeRange=-1,this.checkRange(),this.start&&this.end&&this.emit()}onEndChange(t){this.end=t.target.value,this.activeRange=-1,this.checkRange(),this.start&&this.end&&this.emit()}checkRange(){if(this.start&&this.end&&this.maxDaysRange>0){const t=(new Date(this.end).getTime()-new Date(this.start).getTime())/864e5;this.showWarning=t>this.maxDaysRange}else this.showWarning=!1}emit(){this.dropiStartDateChange.emit(this.start),this.dropiEndDateChange.emit(this.end),this.dropiRangeChange.emit({start:this.start,end:this.end})}render(){return this.loading?s("div",{class:"skeleton"}):s("div",{class:"date-picker-range"},this.showLabel&&s("div",{class:"label"},"Rango de fechas"),s("div",{class:"inputs-row"},s("div",{class:"input-group"},s("label",{class:"input-label"},"Desde"),s("input",{type:"date",class:"date-input",value:this.start,max:this.end||this.today,onChange:t=>this.onStartChange(t)})),s("span",{class:"separator"},"—"),s("div",{class:"input-group"},s("label",{class:"input-label"},"Hasta"),s("input",{type:"date",class:"date-input",value:this.end,min:this.start,max:this.today,onChange:t=>this.onEndChange(t)}))),s("div",{class:"shortcuts"},this.shortcuts.map(((t,e)=>s("button",{key:e,class:"shortcut-btn"+(this.activeRange===e?" active":""),onClick:()=>this.selectShortcut(e)},t.label)))),this.showWarning&&s("div",{class:"warning-box"},s("span",{class:"warning-message"},"Solo puedes filtrar en un rango máximo de ",this.maxDaysRange," días.")))}static get watchers(){return{startDate:[{onStartPropChange:0}],endDate:[{onEndPropChange:0}]}}static get style(){return":host{display:block;width:100%;max-width:380px}*,*::before,*::after{box-sizing:border-box}.date-picker-range{width:100%;font-family:inherit}.label{font-size:11px;font-weight:500;color:#7b8190;margin-bottom:8px}.inputs-row{display:flex;align-items:flex-end;gap:8px}.input-group{flex:1;display:flex;flex-direction:column;gap:4px}.input-label{font-size:var(--font-size-xs, 11px);color:var(--Gray-Gray-500, #69738c);font-weight:var(--font-weight-medium, 500)}.date-input{width:100%;height:40px;padding:0 10px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #fff);color:var(--Gray-Gray-600, #475066);font-size:13px;font-family:inherit;outline:none;cursor:pointer;transition:border-color 0.15s ease}.date-input:focus{border-color:var(--Primary-Primary-500, #f49a3d)}.separator{padding-bottom:8px;color:var(--Gray-Gray-400, #858ea6);font-size:16px}.shortcuts{display:flex;flex-direction:column;gap:2px;margin-top:10px;border-left:1px solid var(--Gray-Gray-100, #e6eaf2);padding-left:10px}.shortcut-btn{background:transparent;border:none;padding:4px 6px;font-size:13px;font-family:inherit;color:var(--Gray-Gray-700, #32394d);cursor:pointer;text-align:left;border-radius:5px;transition:background 0.1s ease;font-weight:400}.shortcut-btn:hover{background:var(--Gray-Gray-50, #f5f6f8)}.shortcut-btn.active{background:var(--Gray-Gray-50, #f5f6f8);font-weight:600}.warning-box{margin-top:8px;padding:4px 8px;border:1px solid #f4c370;border-radius:4px;background:#fef8ed}.warning-message{color:#495057;font-size:10px;line-height:16px}@keyframes shimmer{0%{background-position:-468px 0}100%{background-position:468px 0}}.skeleton{height:40px;width:100%;min-width:180px;border-radius:6px;animation:shimmer 1s linear infinite;background:linear-gradient(to right, #f5f6f8 8%, #e3e7ef 28%, #f5f6f8 77%);background-size:800px 104px}@media screen and (max-width: 480px){.inputs-row{flex-direction:column}.separator{display:none}.shortcuts{flex-direction:row;flex-wrap:wrap;border-left:none;padding-left:0;border-top:1px solid var(--Gray-Gray-100, #e6eaf2);padding-top:8px}}"}},[513,"dropi-date-picker-range",{startDate:[1025,"start-date"],endDate:[1025,"end-date"],showLabel:[4,"show-label"],placeholder:[1],loading:[4],maxDaysRange:[2,"max-days-range"],hideTodayRangeShortcut:[4,"hide-today-range-shortcut"],start:[32],end:[32],activeRange:[32],showWarning:[32]},void 0,{startDate:[{onStartPropChange:0}],endDate:[{onEndPropChange:0}]}]);function n(){"undefined"!=typeof customElements&&["dropi-date-picker-range"].forEach((e=>{"dropi-date-picker-range"===e&&(customElements.get(t(e))||customElements.define(t(e),r))}))}n();const o=r,d=n;export{o as DropiDatePickerRange,d as defineCustomElement}

package/dist/components/dropi-date-picker.d.ts

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

package/dist/components/dropi-date-picker.js

@@ -0,0 +1 @@
+import{t as e,p as t,H as r,c as a,h as i}from"./index.js";import{d as o}from"./p-wO1yy0Zr.js";const d=["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"],s=["Lu","Ma","Mi","Ju","Vi","Sa","Do"],n=t(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiDateChange=a(this,"dropiDateChange",7),this.dropiRangeChange=a(this,"dropiRangeChange",7)}value="";startDate="";endDate="";range=!1;minDate="";maxDate="";label="";placeholder="Seleccionar fecha";disabled=!1;open=!1;viewYear=(new Date).getFullYear();viewMonth=(new Date).getMonth();hoverDate="";dropiDateChange;dropiRangeChange;get displayValue(){return this.range?this.startDate&&this.endDate?`${this.startDate} – ${this.endDate}`:this.startDate?this.startDate:"":this.value}open_(){if(!this.disabled){if(this.value){const e=new Date(this.value);this.viewYear=e.getFullYear(),this.viewMonth=e.getMonth()}else if(this.startDate){const e=new Date(this.startDate);this.viewYear=e.getFullYear(),this.viewMonth=e.getMonth()}this.open=!0}}prevMonth(){0===this.viewMonth?(this.viewMonth=11,this.viewYear--):this.viewMonth--}nextMonth(){11===this.viewMonth?(this.viewMonth=0,this.viewYear++):this.viewMonth++}toISO(e,t,r){return`${e}-${(t+1+"").padStart(2,"0")}-${(r+"").padStart(2,"0")}`}isDisabled(e){return!!(this.minDate&&e<this.minDate)||!!(this.maxDate&&e>this.maxDate)}isInRange(e){if(!this.range)return!1;const t=this.startDate,r=this.endDate||this.hoverDate;if(!t||!r)return!1;const[a,i]=t<=r?[t,r]:[r,t];return e>a&&e<i}selectDate(e){if(!this.isDisabled(e))return this.range?void(!this.startDate||this.startDate&&this.endDate?(this.startDate=e,this.endDate=""):(e<this.startDate?(this.endDate=this.startDate,this.startDate=e):this.endDate=e,this.open=!1,this.dropiRangeChange.emit({start:this.startDate,end:this.endDate}))):(this.value=e,this.open=!1,void this.dropiDateChange.emit(e))}buildDays(){const e=this.viewYear,t=this.viewMonth,r=(new Date(e,t,1).getDay()+6)%7,a=new Date(e,t+1,0).getDate(),i=new Date(e,t,0).getDate(),o=[];for(let a=r-1;a>=0;a--){const r=i-a;o.push({iso:this.toISO(0===t?e-1:e,0===t?11:t-1,r),day:r,currentMonth:!1})}for(let r=1;r<=a;r++)o.push({iso:this.toISO(e,t,r),day:r,currentMonth:!0});const d=42-o.length;for(let r=1;r<=d;r++)o.push({iso:this.toISO(11===t?e+1:e,11===t?0:t+1,r),day:r,currentMonth:!1});return o}render(){const e=this.buildDays(),t=(new Date).toISOString().slice(0,10);return i("div",{key:"ee619ad7d2528fa29f74cd9e149a9a4f8250c1b5",class:"dp-wrap"},this.label&&i("label",{key:"faffc20912e7e27cf27f6b8895050df117f2fcd9",class:"dp-label"},this.label),i("button",{key:"6249c8e76c7b19bd54bedb3f2e98342b45eb9444",class:{"dp-trigger":!0,"dp-trigger--disabled":this.disabled},onClick:()=>this.open?this.open=!1:this.open_(),disabled:this.disabled,type:"button"},i("dropi-icon",{key:"3033520703a6c58fb30d8231196a206e1f2a153c",name:"Calendar",width:"16px",height:"16px",color:"Gray-Gray-400"}),i("span",{key:"c426b0a12c17108d4f32d2d01732bfc13ec15b26",class:{"dp-trigger__value":!0,"dp-trigger__placeholder":!this.displayValue}},this.displayValue||this.placeholder),i("dropi-icon",{key:"218703644316e36b4a2bece89975db723eaa0bfa",name:"Arrow-Down-2",width:"12px",height:"12px",color:"Gray-Gray-400"})),this.open&&i("div",{key:"4ca8fa76344e960a42e4aec332e6ecdabab3bc6c",class:"dp-popup"},i("div",{key:"04b2b43eb0b209127a31adb2d0721b70449e84ab",class:"dp-nav"},i("button",{key:"4f7e1208d4a6b2e03f30730fb38306f4aaf365af",class:"dp-nav__btn",onClick:()=>this.prevMonth(),type:"button"},i("dropi-icon",{key:"307a5dcbd86c26f13a22e0d69a8f61b7a646378b",name:"Arrow-Left-2",width:"16px",height:"16px",color:"Gray-Gray-600"})),i("span",{key:"1c094b7fb9385cc7673a2dd3038eebdc11a247c7",class:"dp-nav__title"},d[this.viewMonth]," ",this.viewYear),i("button",{key:"70c629dc1f1229fffcceec2f01ed8acc72bf1794",class:"dp-nav__btn",onClick:()=>this.nextMonth(),type:"button"},i("dropi-icon",{key:"ab1847f3771ccc80c9257a82f31ed7cd2cb0dd0a",name:"Arrow-Right-2",width:"16px",height:"16px",color:"Gray-Gray-600"}))),i("div",{key:"92ff7685583877bed3a63ea74c92fd4581b9a777",class:"dp-grid"},s.map((e=>i("div",{class:"dp-day-header"},e))),e.map((({iso:e,day:r,currentMonth:a})=>{const o=this.range?e===this.startDate||e===this.endDate:e===this.value,d=this.range&&e===this.startDate,s=this.range&&e===this.endDate,n=this.isInRange(e),c=this.isDisabled(e);return i("button",{class:{"dp-cell":!0,"dp-cell--other-month":!a,"dp-cell--today":e===t,"dp-cell--selected":o,"dp-cell--range-start":d,"dp-cell--range-end":s,"dp-cell--in-range":n,"dp-cell--disabled":c},type:"button",disabled:c,onClick:()=>this.selectDate(e),onMouseEnter:()=>{this.range&&this.startDate&&!this.endDate&&(this.hoverDate=e)},onMouseLeave:()=>this.hoverDate=""},r)}))),i("div",{key:"2e1a6e5e3f016b68b9486e6acadb94738671fe7f",class:"dp-footer"},i("button",{key:"cef6300ccd52c617426522d3977ac72829cb40cc",class:"dp-footer__clear",type:"button",onClick:()=>{this.value="",this.startDate="",this.endDate="",this.open=!1}},"Limpiar"),i("button",{key:"a5627d87cdc24d70368618fb8c67eff30b0800c7",class:"dp-footer__today",type:"button",onClick:()=>{this.range?(this.startDate=t,this.endDate=""):(this.value=t,this.open=!1,this.dropiDateChange.emit(t))}},"Hoy"))))}static get style(){return":host{display:block;width:100%;position:relative}*,*::before,*::after{box-sizing:border-box}.dp-label{display:block;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066);margin-bottom:4px}.dp-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, #fff);cursor:pointer;font-family:inherit;transition:border-color 0.2s}.dp-trigger:hover:not(:disabled){border-color:var(--Info-Info-500, #50a5f1)}.dp-trigger--disabled{background:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed;opacity:0.6}.dp-trigger__value{flex:1;text-align:left;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-trigger__placeholder{color:var(--Gray-Gray-400, #858ea6)}.dp-popup{position:absolute;top:calc(100% + 4px);left:0;width:280px;background:var(--Neutral-White, #fff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);box-shadow:0 4px 24px rgba(0,0,0,0.1);z-index:300;padding:var(--Size-3, 12px)}.dp-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--Size-3, 12px)}.dp-nav__btn{background:none;border:none;padding:4px;cursor:pointer;border-radius:var(--Border-1, 4px);display:flex;align-items:center;transition:background 0.15s}.dp-nav__btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-nav__title{font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-800, #1a2033)}.dp-grid{display:grid;grid-template-columns:repeat(7, 1fr);gap:2px}.dp-day-header{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-400, #858ea6);text-align:center;padding:4px 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, 10px);font-family:inherit;border:none;border-radius:var(--Border-1, 4px);cursor:pointer;background:none;color:var(--Gray-Gray-700, #32394d);transition:background 0.15s, color 0.15s}.dp-cell:hover:not(:disabled){background:var(--Gray-Gray-50, #f7f8fa)}.dp-cell--other-month{color:var(--Gray-Gray-300, #a0a9c0)}.dp-cell--today{font-weight:var(--font-weight-bold, 700);color:var(--Primary-Primary-500, #f49a3d)}.dp-cell--selected,.dp-cell--range-start,.dp-cell--range-end{background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #fff);border-radius:var(--Border-1, 4px)}.dp-cell--in-range{background:var(--Primary-Primary-50, #fff5eb);border-radius:0}.dp-cell--range-start{border-radius:var(--Border-1, 4px) 0 0 var(--Border-1, 4px)}.dp-cell--range-end{border-radius:0 var(--Border-1, 4px) var(--Border-1, 4px) 0}.dp-cell--disabled{opacity:0.35;cursor:not-allowed}.dp-footer{display:flex;justify-content:space-between;margin-top:var(--Size-3, 12px);border-top:1px solid var(--Gray-Gray-100, #eceef4);padding-top:var(--Size-2, 8px)}.dp-footer__clear,.dp-footer__today{background:none;border:none;padding:4px 8px;font-size:var(--font-size-xs, 10px);font-family:inherit;cursor:pointer;border-radius:var(--Border-1, 4px);transition:background 0.15s}.dp-footer__clear{color:var(--Gray-Gray-500, #68738f)}.dp-footer__today{color:var(--Primary-Primary-500, #f49a3d);font-weight:var(--font-weight-bold, 700)}.dp-footer__clear:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-footer__today:hover{background:var(--Primary-Primary-50, #fff5eb)}"}},[513,"dropi-date-picker",{value:[1025],startDate:[1025,"start-date"],endDate:[1025,"end-date"],range:[4],minDate:[1,"min-date"],maxDate:[1,"max-date"],label:[1],placeholder:[1],disabled:[4],open:[32],viewYear:[32],viewMonth:[32],hoverDate:[32]}]);function c(){"undefined"!=typeof customElements&&["dropi-date-picker","dropi-icon"].forEach((t=>{switch(t){case"dropi-date-picker":customElements.get(e(t))||customElements.define(e(t),n);break;case"dropi-icon":customElements.get(e(t))||o()}}))}c();const l=n,p=c;export{l as DropiDatePicker,p as defineCustomElement}

package/dist/components/dropi-drawer.d.ts

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

package/dist/components/dropi-drawer.js

@@ -0,0 +1 @@
+import{t as e,p as r,H as a,c as o,h as t}from"./index.js";import{d}from"./p-wO1yy0Zr.js";const s=r(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiClose=o(this,"dropiClose",7)}open=!1;position="right";drawerTitle="";width="400px";height="50vh";closeOnBackdrop=!0;dropiClose;openChanged(e){"undefined"!=typeof document&&(document.body.style.overflow=e?"hidden":"")}close(){this.open=!1,this.dropiClose.emit()}render(){const e="left"===this.position||"right"===this.position;return t("div",{key:"49b9f893c2c05018301b67234142d4ad2e38a511",class:{"drawer-host":!0,"drawer-host--open":this.open}},t("div",{key:"4a2263c0ffe74bdb53e1ff4992d3b04f39a55856",class:"drawer-backdrop",onClick:()=>{this.closeOnBackdrop&&this.close()}}),t("div",{key:"d2cf49005f3b8a970361fdd725d9903b212abd37",class:"drawer-panel drawer-panel--"+this.position,style:e?{width:this.width}:{height:this.height},role:"dialog","aria-modal":"true"},t("div",{key:"4f04806b747df0e079e01a27ba307f1625679a08",class:"drawer-header"},t("span",{key:"211b77262547ac3b45e97966e6cc6b18dbf92b39",class:"drawer-header__title"},this.drawerTitle),t("button",{key:"1a18631b15de75687cab1e21869c8948461716d7",class:"drawer-header__close",onClick:()=>this.close(),"aria-label":"Cerrar"},t("dropi-icon",{key:"94c49ce2bc26e65be60d0bb7fb0d05c3e4d260e6",name:"Close-small",width:"20px",height:"20px",color:"Gray-Gray-600"}))),t("div",{key:"900cafee62e4dd5b4e6dd89aec680bd19bb44bd8",class:"drawer-body"},t("slot",{key:"ef7d81f315b0aaea94bd68048d133a8026685a66"})),t("div",{key:"d4e6058b84c1fe015b66c540bb1951666bafb35e",class:"drawer-footer"},t("slot",{key:"e66380715a41bc41310ff4b3241e868c5e2609b1",name:"footer"}))))}static get watchers(){return{open:[{openChanged:0}]}}static get style(){return":host{display:contents}*,*::before,*::after{box-sizing:border-box}.drawer-host{position:fixed;inset:0;z-index:1000;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, #fff);display:flex;flex-direction:column;transition:transform 0.25s ease;overflow:hidden}.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-header{display:flex;align-items:center;justify-content:space-between;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__title{font-size:var(--font-size-m, 14px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-800, #1a2033)}.drawer-header__close{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;border-radius:var(--Border-1, 4px);transition:background 0.15s}.drawer-header__close:hover{background:var(--Gray-Gray-50, #f7f8fa)}.drawer-body{flex:1;overflow-y:auto;padding:var(--Size-4, 16px)}.drawer-footer{flex-shrink:0;padding:var(--Size-3, 12px) var(--Size-4, 16px);border-top:1px solid var(--Gray-Gray-100, #eceef4)}.drawer-footer:empty{display:none}"}},[769,"dropi-drawer",{open:[1028],position:[1],drawerTitle:[1,"drawer-title"],width:[1],height:[1],closeOnBackdrop:[4,"close-on-backdrop"]},void 0,{open:[{openChanged:0}]}]);function i(){"undefined"!=typeof customElements&&["dropi-drawer","dropi-icon"].forEach((r=>{switch(r){case"dropi-drawer":customElements.get(e(r))||customElements.define(e(r),s);break;case"dropi-icon":customElements.get(e(r))||d()}}))}i();const n=s,p=i;export{n as DropiDrawer,p as defineCustomElement}

package/dist/components/dropi-dropdown.d.ts

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

package/dist/components/dropi-dropdown.js

@@ -0,0 +1 @@
+import{t as e,p as o,H as t,c as r,h as i}from"./index.js";import{d as s}from"./p-DUPOnSiL.js";const d=o(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiChange=r(this,"dropiChange",7)}options=[];valueModel="name";imageModel="";height="300px";selected=[];parsedOptions=[];dropiChange;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.dropiChange.emit(this.selected)}render(){return i("div",{key:"7c8505a82b836b58ea73603249ed2143b0692fc2",class:"dropdown",style:{"--dropdown-height":this.height}},this.parsedOptions.map(((e,o)=>{const t=e[this.valueModel]??e+"",r=this.imageModel?e[this.imageModel]:"",s=this.isSelected(e);return i("div",{class:{dropdown__item:!0,"dropdown__item--active":s},key:o,onClick:()=>this.toggleOption(e)},i("dropi-checkbox",{checked:s}),r&&i("img",{class:"dropdown__avatar",src:r,alt:t}),i("span",{class:"dropdown__label"},t))})))}static get watchers(){return{options:[{optionsChanged:0}]}}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.dropdown{display:flex;flex-direction:column;overflow-y:auto;max-height:var(--dropdown-height, 300px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #fff)}.dropdown__item{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-2, 8px) var(--Size-3, 12px);cursor:pointer;transition:background 0.15s;user-select:none}.dropdown__item:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dropdown__item--active{background:var(--Primary-Primary-50, #fff5eb)}.dropdown__avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.dropdown__label{flex:1;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"}},[513,"dropi-dropdown",{options:[1],valueModel:[1,"value-model"],imageModel:[1,"image-model"],height:[1],selected:[32],parsedOptions:[32]},void 0,{options:[{optionsChanged:0}]}]);function a(){"undefined"!=typeof customElements&&["dropi-dropdown","dropi-checkbox"].forEach((o=>{switch(o){case"dropi-dropdown":customElements.get(e(o))||customElements.define(e(o),d);break;case"dropi-checkbox":customElements.get(e(o))||s()}}))}a();const n=d,p=a;export{n as DropiDropdown,p as defineCustomElement}

package/dist/components/dropi-empty-state.js

@@ -1 +1 @@
-import{t,p as e,H as a,c as i,h as s}from"./index.js";import{d as r}from"./p-NCyvfOs2.js";import{d as o}from"./p-ChOXWKmI.js";const c=e(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dropiAction=i(this,"dropiAction"),this.dropiSecondaryAction=i(this,"dropiSecondaryAction")}header="";description="";imageUrl="";imageAlt="Sin resultados";actionLabel="";secondaryLabel="";dropiAction;dropiSecondaryAction;render(){return s("div",{key:"1aea01715d0e50b308904d496be7bc2f607bf5aa",class:"empty-state"},this.imageUrl?s("img",{class:"empty-state-img",src:this.imageUrl,alt:this.imageAlt}):s("div",{class:"empty-state-placeholder"},s("svg",{viewBox:"0 0 80 80",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:"empty-state-svg"},s("rect",{width:"80",height:"80",rx:"40",fill:"var(--Gray-Gray-100, #e6eaf2)"}),s("path",{d:"M40 20C29 20 20 29 20 40s9 20 20 20 20-9 20-20S51 20 40 20zm0 36c-8.8 0-16-7.2-16-16S31.2 24 40 24s16 7.2 16 16-7.2 16-16 16zm-1-28h2v12h-2zm0 14h2v2h-2z",fill:"var(--Gray-Gray-400, #858ea6)"}))),this.header&&s("h3",{key:"41e5da8d482456f4b9006449a27a9f9d172d87b4",class:"empty-state-title"},this.header),this.description&&s("p",{key:"ffa6399489ec56cd2cf84bb39d12c112bee64302",class:"empty-state-description"},this.description),s("slot",{key:"6ccdfed94a22ad7ece2388fba3d4734aa6a2b509"}),(this.actionLabel||this.secondaryLabel)&&s("div",{key:"0da97fd516eccd1cabe846b2d002fdf75306674d",class:"empty-state-actions"},this.secondaryLabel&&s("dropi-button",{key:"de1b1ad4d6a50cfd251de243a3b5ea3beb10019b",text:this.secondaryLabel,severity:"secondary",onDropiClick:()=>this.dropiSecondaryAction.emit()}),this.actionLabel&&s("dropi-button",{key:"59f3b47ee14f3ac89aa4acc5b42d856f26d02d19",text:this.actionLabel,severity:"primary",onDropiClick:()=>this.dropiAction.emit()})))}static get style(){return":host{display:block}*,*::before,*::after{box-sizing:border-box}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--Size-3, 12px);padding:var(--Size-6, 32px) var(--Size-5, 20px);text-align:center}.empty-state-img{max-width:200px;width:100%;height:auto;object-fit:contain}.empty-state-svg{width:80px;height:80px}.empty-state-placeholder{display:flex;align-items:center;justify-content:center}.empty-state-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.3}.empty-state-description{margin:0;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-500, #69738c);line-height:1.6;max-width:400px}.empty-state-actions{display:flex;align-items:center;gap:var(--Size-3, 12px);flex-wrap:wrap;justify-content:center;margin-top:var(--Size-2, 8px)}"}},[769,"dropi-empty-state",{header:[1],description:[1],imageUrl:[1,"image-url"],imageAlt:[1,"image-alt"],actionLabel:[1,"action-label"],secondaryLabel:[1,"secondary-label"]}]);function n(){"undefined"!=typeof customElements&&["dropi-empty-state","dropi-button","dropi-icon"].forEach((e=>{switch(e){case"dropi-empty-state":customElements.get(t(e))||customElements.define(t(e),c);break;case"dropi-button":customElements.get(t(e))||r();break;case"dropi-icon":customElements.get(t(e))||o()}}))}n();const d=c,p=n;export{d as DropiEmptyState,p as defineCustomElement}
+import{t,p as e,H as i,c as a,h as s}from"./index.js";import{d as r}from"./p-DUX_WvqW.js";import{d as o}from"./p-wO1yy0Zr.js";const c=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dropiAction=a(this,"dropiAction",7),this.dropiSecondaryAction=a(this,"dropiSecondaryAction",7)}header="";description="";imageUrl="";imageAlt="Sin resultados";actionLabel="";iconState="default";secondaryLabel="";actionSeverity="tertiary";dropiAction;dropiSecondaryAction;render(){return s("div",{key:"a4aec0618cd8a0900c4d5e82528a86d30c027669",class:"empty-state"},s("div",{key:"80565c251e85146d824c640cbce4602d509311bb",class:"empty-state-visual"},s("img",this.imageUrl?{class:"empty-state-img",src:this.imageUrl,alt:this.imageAlt}:{class:"empty-state-img",src:`assets/icons/ilustration/${this.iconState}.svg`,alt:this.imageAlt,onError:t=>t.target.src="assets/icons/ilustration/default.svg"})),this.header&&s("h3",{key:"9cd0fc5aac1aeb089f1ef4c46291c9ad5d630d9c",class:"empty-state-title"},this.header),this.description&&s("p",{key:"4f2fd55693d6376a7d782a8df5d71c33fa8ea523",class:"empty-state-description"},this.description),s("slot",{key:"a48aa738f9f9a3a2c1f62d86e36010f2eb6c9b06"}),(this.actionLabel||this.secondaryLabel)&&s("div",{key:"dd2978b2422d1382461eaba5c92eba37817ddb61",class:"empty-state-actions"},this.secondaryLabel&&s("dropi-button",{key:"b2d76dd6da170d8af85384ffbe800a4789ea96d9",text:this.secondaryLabel,severity:"secondary",onDropiClick:()=>this.dropiSecondaryAction.emit()}),this.actionLabel&&s("dropi-button",{key:"68efcbb4c4069302839501c74affc6d43f7d4c6b",text:this.actionLabel,severity:this.actionSeverity,onDropiClick:()=>this.dropiAction.emit()})))}static get style(){return":host{display:block}*,*::before,*::after{box-sizing:border-box}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--Size-3, 12px);padding:var(--Size-6, 32px) var(--Size-5, 20px);text-align:center}.empty-state-img{max-width:200px;width:100%;height:auto;object-fit:contain;filter:brightness(0) saturate(100%) invert(73%) sepia(9%) saturate(503%) hue-rotate(187deg) brightness(91%) contrast(88%)}.empty-state-svg{width:80px;height:80px}.empty-state-placeholder{display:flex;align-items:center;justify-content:center}.empty-state-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.3}.empty-state-description{margin:0;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-500, #69738c);line-height:1.6;max-width:400px}.empty-state-actions{display:flex;align-items:center;gap:var(--Size-3, 12px);flex-wrap:wrap;justify-content:center;margin-top:var(--Size-2, 8px)}"}},[769,"dropi-empty-state",{header:[1],description:[1],imageUrl:[1,"image-url"],imageAlt:[1,"image-alt"],actionLabel:[1,"action-label"],iconState:[1,"icon-state"],secondaryLabel:[1,"secondary-label"],actionSeverity:[1,"action-severity"]}]);function n(){"undefined"!=typeof customElements&&["dropi-empty-state","dropi-button","dropi-icon"].forEach((e=>{switch(e){case"dropi-empty-state":customElements.get(t(e))||customElements.define(t(e),c);break;case"dropi-button":customElements.get(t(e))||r();break;case"dropi-icon":customElements.get(t(e))||o()}}))}n();const d=c,p=n;export{d as DropiEmptyState,p as defineCustomElement}

package/dist/components/dropi-favorite-button.d.ts

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

package/dist/components/dropi-favorite-button.js

@@ -0,0 +1 @@
+import{t,p as e,H as i,c as r,h as s}from"./index.js";import{d as a}from"./p-wO1yy0Zr.js";const o=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dropiToggleFavorite=r(this,"dropiToggleFavorite",7)}isFavorite=!1;dropiToggleFavorite;hovered=!1;toggle(){this.isFavorite=!this.isFavorite,this.dropiToggleFavorite.emit(this.isFavorite)}render(){return s("button",{key:"1911efe67d8e0ab2f7531e01a844880054fdf693",class:{"fav-btn":!0,"fav-btn--active":this.isFavorite},onClick:()=>this.toggle(),onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,"aria-label":this.isFavorite?"Quitar de favoritos":"Agregar a favoritos","aria-pressed":this.isFavorite+""},s("dropi-icon",{key:"be817f295f9e3e36ca86027f487781f07ae1561d",name:this.isFavorite||this.hovered?"Heart-solid":"Heart",width:"19px",height:"19px",color:this.isFavorite||this.hovered?"Primary-Primary-500":"Gray-Gray-800"}))}static get style(){return":host{display:inline-flex}.fav-btn{display:flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:8px;border:1px solid var(--Gray-Gray-200);background:var(--Neutral-White);cursor:pointer;transition:all 0.2s ease-in-out}.fav-btn:hover,.fav-btn--active{background:var(--Gray-Gray-50)}.fav-btn:active{transform:scale(0.95)}"}},[513,"dropi-favorite-button",{isFavorite:[1028,"is-favorite"],hovered:[32]}]);function n(){"undefined"!=typeof customElements&&["dropi-favorite-button","dropi-icon"].forEach((e=>{switch(e){case"dropi-favorite-button":customElements.get(t(e))||customElements.define(t(e),o);break;case"dropi-icon":customElements.get(t(e))||a()}}))}n();const c=o,d=n;export{c as DropiFavoriteButton,d as defineCustomElement}

package/dist/components/dropi-file-upload-progress-bar.d.ts

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

package/dist/components/dropi-file-upload-progress-bar.js

@@ -0,0 +1 @@
+import{t as e,p as r,H as a,c as i,h as s}from"./index.js";import{d as o}from"./p-wO1yy0Zr.js";const t=r(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiCancel=i(this,"dropiCancel",7)}fileName="";fileSize="";progress=0;status="uploading";errorMessage="Error al cargar el archivo";showCancel=!0;dropiCancel;get clampedProgress(){return Math.min(100,Math.max(0,this.progress))}get iconName(){switch(this.status){case"success":return"Check-circle";case"error":return"Close-circle";case"paused":return"Pause-circle";default:return"Document"}}get iconColor(){switch(this.status){case"success":return"Success-Success-500";case"error":return"Error-Error-500";case"paused":return"Warning-Warning-500";default:return"Primary-Primary-500"}}render(){const e=this.clampedProgress;return s("div",{key:"1a7e98a56a7f60be4f9934f6e124ed9b78d815a2",class:"upload-item upload-item--"+this.status},s("div",{key:"a3bd11ec50244ba045361e015202bf895e74ef54",class:"upload-item__icon"},s("dropi-icon",{key:"0cbd181eb3cebab1feff8bc21748a62c66a4a38f",name:this.iconName,width:"24px",height:"24px",color:this.iconColor})),s("div",{key:"fde507232d8105da36820a2dcd5e555ef28da37e",class:"upload-item__content"},s("div",{key:"6d800c22fe3c659bfe39bf8b75f62668cfda6195",class:"upload-item__header"},s("span",{key:"cec4dc4b7c0658bf2f086742cc53caea655ef493",class:"upload-item__name"},this.fileName),this.fileSize&&s("span",{key:"9c523619ef47586b4236de2f21f9e483c6c100fc",class:"upload-item__size"},this.fileSize)),"error"===this.status?s("p",{class:"upload-item__error"},this.errorMessage):s("div",{class:"upload-item__bar-wrap"},s("div",{class:"upload-item__bar"},s("div",{class:"upload-item__bar-fill",style:{width:e+"%"}})),s("span",{class:"upload-item__pct"},e,"%"))),this.showCancel&&s("button",{key:"375c0fb876e6d2073ae55a96a2fe9654f399870e",class:"upload-item__cancel",onClick:()=>this.dropiCancel.emit(),"aria-label":"Cancelar"},s("dropi-icon",{key:"84dc8576cabe8846b7759411ad57fe7bab218ec2",name:"Close-small",width:"16px",height:"16px",color:"Gray-Gray-400"})))}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.upload-item{display:flex;align-items:flex-start;gap:var(--Size-3, 12px);padding:var(--Size-3, 12px);border:1px solid var(--Gray-Gray-100, #eceef4);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #fff)}.upload-item--success{border-color:var(--Success-Success-200, #a7edbb)}.upload-item--error{border-color:var(--Error-Error-200, #f9b4b4)}.upload-item__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--Gray-Gray-50, #f7f8fa);border-radius:var(--Border-1, 4px)}.upload-item__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--Size-1, 4px)}.upload-item__header{display:flex;align-items:center;justify-content:space-between;gap:var(--Size-2, 8px)}.upload-item__name{font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-800, #1a2033);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.upload-item__size{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-400, #858ea6);flex-shrink:0}.upload-item__bar-wrap{display:flex;align-items:center;gap:var(--Size-2, 8px)}.upload-item__bar{flex:1;height:6px;background:var(--Gray-Gray-100, #eceef4);border-radius:100px;overflow:hidden}.upload-item__bar-fill{height:100%;background:var(--Primary-Primary-500, #f49a3d);border-radius:100px;transition:width 0.3s ease}.upload-item--success .upload-item__bar-fill{background:var(--Success-Success-500, #34c55a)}.upload-item--error .upload-item__bar-fill{background:var(--Error-Error-500, #f46a6b)}.upload-item--paused .upload-item__bar-fill{background:var(--Warning-Warning-500, #f49a3d)}.upload-item__pct{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-400, #858ea6);width:32px;text-align:right;flex-shrink:0}.upload-item__error{margin:0;font-size:var(--font-size-xs, 10px);color:var(--Error-Error-500, #f46a6b)}.upload-item__cancel{background:none;border:none;padding:2px;cursor:pointer;display:flex;align-items:center;flex-shrink:0;border-radius:var(--Border-1, 4px);transition:background 0.15s}.upload-item__cancel:hover{background:var(--Gray-Gray-50, #f7f8fa)}"}},[513,"dropi-file-upload-progress-bar",{fileName:[1,"file-name"],fileSize:[1,"file-size"],progress:[2],status:[1],errorMessage:[1,"error-message"],showCancel:[4,"show-cancel"]}]);function c(){"undefined"!=typeof customElements&&["dropi-file-upload-progress-bar","dropi-icon"].forEach((r=>{switch(r){case"dropi-file-upload-progress-bar":customElements.get(e(r))||customElements.define(e(r),t);break;case"dropi-icon":customElements.get(e(r))||o()}}))}c();const l=t,d=c;export{l as DropiFileUploadProgressBar,d as defineCustomElement}

package/dist/components/dropi-file-upload.d.ts

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

package/dist/components/dropi-file-upload.js

@@ -0,0 +1 @@
+import{t as e,p as a,H as r,c as o,h as i}from"./index.js";import{d as t}from"./p-wO1yy0Zr.js";const s=a(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiFilesSelected=o(this,"dropiFilesSelected",7),this.dropiFileError=o(this,"dropiFileError",7)}accept="";multiple=!1;maxSizeMb=10;disabled=!1;label="";helperText="Arrastra o haz clic para subir un archivo";dragging=!1;errors=[];inputRef;dropiFilesSelected;dropiFileError;async readFiles(e){const a=[],r=[];for(let o=0;o<e.length;o++){const i=e[o];if(this.maxSizeMb&&i.size>1024*this.maxSizeMb*1024){const e=`"${i.name}" supera el tamaño máximo de ${this.maxSizeMb} MB`;a.push(e),this.dropiFileError.emit(e);continue}const t=await new Promise((e=>{const a=new FileReader;a.onload=()=>e(a.result),a.readAsDataURL(i)}));r.push({name:i.name,size:i.size,type:i.type,dataUrl:t})}this.errors=a,r.length&&this.dropiFilesSelected.emit(r)}handleDrop(e){e.preventDefault(),this.dragging=!1,!this.disabled&&e.dataTransfer?.files.length&&this.readFiles(e.dataTransfer.files)}handleInputChange(e){const a=e.target;a.files?.length&&this.readFiles(a.files),a.value=""}render(){return i("div",{key:"5498c6aa5d81a5265bf4e954e7674f4db8c5c538",class:"upload-wrap"},this.label&&i("label",{key:"94cd8bcaf7dba51e9d7861412d6a509841518367",class:"upload-label"},this.label),i("div",{key:"c3b5417103abab569b8a883967d567a4ec6ab483",class:{"upload-zone":!0,"upload-zone--dragging":this.dragging,"upload-zone--disabled":this.disabled},onClick:()=>{this.disabled||this.inputRef.click()},onDragOver:e=>{e.preventDefault(),this.disabled||(this.dragging=!0)},onDragLeave:()=>this.dragging=!1,onDrop:e=>this.handleDrop(e)},i("dropi-icon",{key:"436802ec23dc677807ecac36947cd58f9d253e4d",name:"Upload",width:"32px",height:"32px",color:"Primary-Primary-500"}),i("p",{key:"c80ed3536466ae22dcd96fabf353a736515e5bab",class:"upload-zone__text"},this.helperText),this.maxSizeMb&&i("p",{key:"26defe6cece9a9ba6e9d7e2a1913a65607a20036",class:"upload-zone__hint"},"Tamaño máximo: ",this.maxSizeMb," MB"),i("input",{key:"00f7657bfc1646f01dfbc0339df6ed9f04a71ab0",ref:e=>this.inputRef=e,type:"file",accept:this.accept,multiple:this.multiple,class:"upload-hidden",onChange:e=>this.handleInputChange(e)})),this.errors.map((e=>i("p",{class:"upload-error"},e))))}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.upload-wrap{display:flex;flex-direction:column;gap:var(--Size-1, 4px)}.upload-label{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066)}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--Size-2, 8px);padding:var(--Size-6, 32px) var(--Size-4, 16px);border:2px dashed var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #fff);cursor:pointer;transition:border-color 0.2s, background 0.2s;text-align:center}.upload-zone:hover:not(.upload-zone--disabled){border-color:var(--Primary-Primary-500, #f49a3d);background:var(--Primary-Primary-50, #fff5eb)}.upload-zone--dragging{border-color:var(--Primary-Primary-500, #f49a3d);background:var(--Primary-Primary-50, #fff5eb)}.upload-zone--disabled{background:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed;opacity:0.6}.upload-zone__text{margin:0;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d)}.upload-zone__hint{margin:0;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-400, #858ea6)}.upload-hidden{display:none}.upload-error{margin:0;font-size:var(--font-size-xs, 10px);color:var(--Error-Error-500, #f46a6b)}"}},[513,"dropi-file-upload",{accept:[1],multiple:[4],maxSizeMb:[2,"max-size-mb"],disabled:[4],label:[1],helperText:[1,"helper-text"],dragging:[32],errors:[32]}]);function d(){"undefined"!=typeof customElements&&["dropi-file-upload","dropi-icon"].forEach((a=>{switch(a){case"dropi-file-upload":customElements.get(e(a))||customElements.define(e(a),s);break;case"dropi-icon":customElements.get(e(a))||t()}}))}d();const l=s,n=d;export{l as DropiFileUpload,n as defineCustomElement}

package/dist/components/dropi-icon.js

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

package/dist/components/dropi-ilustration-icon.d.ts

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

package/dist/components/dropi-ilustration-icon.js

@@ -0,0 +1 @@
+import{t as i,p as t,H as e,h as s}from"./index.js";import{d as a}from"./p-wO1yy0Zr.js";const r=t(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow()}type="dropi";state="default";stateInsignia="verified";tagProduct=!1;insigniaIcons={verified:"assets/icons/ilustration/verified-new.svg",premium:"assets/icons/ilustration/premium-new.svg",exclusive:"assets/icons/ilustration/exclusive.svg"};getIconName(i){return{success:"Check-circle",error:"Cross-circle",info:"Info",warning:"Info"}[i]||"Info"}render(){return s("div",{key:"1acaca4fb04f69aa08d582f77912daf20bc810a0",class:"dropi-ilustration"},"dropi"===this.type&&s("figure",{key:"926b2097628ed235167c996440cf1324ad915f10",class:"dropi-ilustration__image"},s("img",{key:"ca44d2ac9abf55255554d0f332f93e5663125307",src:`assets/icons/ilustration/${this.state}.svg`,alt:this.state,onError:i=>{i.target.src="assets/icons/ilustration/default.svg"}})),"mb"===this.type&&s("figure",{key:"f47a3b50f13c75d9637482120df85c8a7654a0d5",class:"dropi-ilustration__image-mb "+this.state},["success","error","info","warning"].includes(this.state)&&s("dropi-icon",{key:"ccd33ef7664a7474333e3af1bfe8b4718d714268",name:this.getIconName(this.state),width:"24px",height:"24px",color:"Neutral-White"})),"insignia"===this.type&&s("figure",{key:"24d7552d743a7fc5abbb1fc85e37c46025cd6860",class:this.tagProduct?"dropi-ilustration-insignia-tag":"dropi-ilustration-insignia"},s("img",{key:"bbc80f0b9ae663dc0f01600d338ad5297ab3f6ce",src:this.insigniaIcons[this.stateInsignia],alt:this.stateInsignia}),this.tagProduct&&s("p",{key:"b5efd7dc951609a478524e0861f26a0dd6780d7c",class:"tag tag--"+this.stateInsignia},s("span",{key:"09dbe7100e081804eff89f7e45cd4770be434d7b",class:"Caption-S"},this.stateInsignia.charAt(0).toUpperCase()+this.stateInsignia.slice(1)))))}static get style(){return":host{display:inline-flex}.dropi-ilustration{display:inline-flex;align-items:center;justify-content:center}.dropi-ilustration__image,.dropi-ilustration-insignia{margin:0;display:flex;align-items:center;justify-content:center}.dropi-ilustration__image img{max-width:100%;height:auto}.dropi-ilustration__image-mb{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin:0}.dropi-ilustration__image-mb.success{background:var(--Success-Success-500, #22c55e)}.dropi-ilustration__image-mb.error{background:var(--Error-Error-500, #ef4444)}.dropi-ilustration__image-mb.info{background:var(--Info-Info-500, #3b82f6)}.dropi-ilustration__image-mb.warning{background:url('assets/icons/ilustration/bg-warning.svg') no-repeat center;background-size:contain;border-radius:0}.dropi-ilustration-insignia-tag{display:flex;align-items:center;margin:0}.dropi-ilustration-insignia-tag img{position:relative;z-index:2;height:32px;width:auto}.tag{border-radius:32px;color:var(--Neutral-White, #fff);text-transform:capitalize;margin:0 0 0 -20px;display:flex;align-items:center;justify-content:flex-start}.tag span{color:var(--Neutral-White, #fff);padding:4px 8px 4px 18px;font-size:10px}.tag--verified{background:linear-gradient(90deg, #ffc10d 41.3%, #ff6102 112.32%)}.tag--premium{background:linear-gradient(90deg, #ff6102 56.52%, #ffc10d 107.25%)}.tag--exclusive{background:linear-gradient(90deg, var(--Gray-900, #0e111a) 26.09%, #ff6102 116.67%)}"}},[513,"dropi-ilustration-icon",{type:[1],state:[1],stateInsignia:[1,"state-insignia"],tagProduct:[4,"tag-product"]}]);function n(){"undefined"!=typeof customElements&&["dropi-ilustration-icon","dropi-icon"].forEach((t=>{switch(t){case"dropi-ilustration-icon":customElements.get(i(t))||customElements.define(i(t),r);break;case"dropi-icon":customElements.get(i(t))||a()}}))}n();const o=r,c=n;export{o as DropiIlustrationIcon,c as defineCustomElement}

package/dist/components/dropi-image-miniature.d.ts

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

package/dist/components/dropi-image-miniature.js

@@ -0,0 +1 @@
+import{t as i,p as e,H as t,c as a,h as r}from"./index.js";import{d as s}from"./p-wO1yy0Zr.js";const o=e(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dropiImageClick=a(this,"dropiImageClick",7)}label="";images=[];width="88px";height="88px";dropiImageClick;get parsedImages(){if("string"==typeof this.images)try{return JSON.parse(this.images)}catch{return[]}return this.images||[]}handleError(i){i.target.src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4OCA4OCI+PHJlY3Qgd2lkdGg9Ijg4IiBoZWlnaHQ9Ijg4IiBmaWxsPSIjZjdmOGZhIi8+PHRleHQgeD0iNDQiIHk9IjQ4IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmaWxsPSIjYzNjOWQ5IiBmb250LXNpemU9IjEyIj5TaW4gaW1hZ2VuPC90ZXh0Pjwvc3ZnPg=="}render(){const i=this.parsedImages;return r("div",{key:"158c35ef76539561c66eaeb2f825752cd94c8cc6",class:"miniature"},this.label&&r("span",{key:"7817f19c245b61a0b3730cc353a6e0f9fd30d41e",class:"miniature__label"},this.label),r("div",{key:"ca1ecbbeb3134fe46e83ae89a1cc4e36836188a3",class:"miniature__grid"},i.map(((e,t)=>r("div",{class:"miniature__item",style:{width:this.width,height:this.height},key:t,onClick:()=>this.dropiImageClick.emit({images:i,index:t})},r("img",{src:e,alt:"imagen "+(t+1),loading:"lazy",onError:i=>this.handleError(i)}),r("div",{class:"miniature__zoom"},r("dropi-icon",{name:"Search",width:"16px",height:"16px",color:"Neutral-White"})))))))}static get style(){return":host{display:block}*,*::before,*::after{box-sizing:border-box}.miniature__label{display:block;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066);margin-bottom:var(--Size-2, 8px)}.miniature__grid{display:flex;flex-wrap:wrap;gap:var(--Size-2, 8px)}.miniature__item{position:relative;border-radius:var(--Border-2, 8px);overflow:hidden;cursor:pointer;flex-shrink:0}.miniature__item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.2s}.miniature__zoom{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.35);opacity:0;transition:opacity 0.2s}.miniature__item:hover img{transform:scale(1.05)}.miniature__item:hover .miniature__zoom{opacity:1}"}},[513,"dropi-image-miniature",{label:[1],images:[1],width:[1],height:[1]}]);function n(){"undefined"!=typeof customElements&&["dropi-image-miniature","dropi-icon"].forEach((e=>{switch(e){case"dropi-image-miniature":customElements.get(i(e))||customElements.define(i(e),o);break;case"dropi-icon":customElements.get(i(e))||s()}}))}n();const c=o,m=n;export{c as DropiImageMiniature,m as defineCustomElement}

package/dist/components/dropi-image-overlay.d.ts

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

package/dist/components/dropi-image-overlay.js

@@ -0,0 +1 @@
+import{t as e,p as i,H as t,c as a,h as r}from"./index.js";import{d as o}from"./p-wO1yy0Zr.js";const s=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiClose=a(this,"dropiClose",7)}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(!this.visible)return null;const e=this.parsedImages,i=e.length>1;return r("div",{class:"overlay",onClick:()=>this.close()},r("button",{class:"overlay__close",onClick:e=>{e.stopPropagation(),this.close()},"aria-label":"Cerrar"},r("dropi-icon",{name:"Close-large",width:"24px",height:"24px",color:"Neutral-White"})),r("div",{class:{overlay__body:!0,"overlay__body--single":!i},onClick:e=>e.stopPropagation()},i&&r("div",{class:"overlay__thumbs"},e.map(((e,i)=>r("div",{key:i,class:{"overlay__thumb-box":!0,"overlay__thumb-box--active":i===this.current},onClick:()=>this.current=i},r("img",{src:e,alt:"miniatura "+(i+1),class:"overlay__thumb-img",onError:e=>this.handleError(e)}))))),r("div",{class:"overlay__content"},i&&r("button",{class:"overlay__nav overlay__nav--prev",onClick:()=>this.prev(),"aria-label":"Anterior"},r("dropi-icon",{name:"Dropdown-left",width:"18px",height:"18px",color:"Gray-Gray-500"})),r("img",{class:"overlay__main-image",src:e[this.current],alt:"imagen "+(this.current+1),onError:e=>this.handleError(e)}),i&&r("button",{class:"overlay__nav overlay__nav--next",onClick:()=>this.next(),"aria-label":"Siguiente"},r("dropi-icon",{name:"Dropdown-Right",width:"18px",height:"18px",color:"Gray-Gray-500"})))))}static get watchers(){return{images:[{imagesChanged:0}],activeIndex:[{indexChanged:0}],visible:[{visibleChanged:0}]}}static get style(){return":host{display:block}.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:#475066;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}@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}}"}},[513,"dropi-image-overlay",{visible:[1028],images:[1],activeIndex:[1026,"active-index"],current:[32],parsedImages:[32]},void 0,{images:[{imagesChanged:0}],activeIndex:[{indexChanged:0}],visible:[{visibleChanged:0}]}]);function n(){"undefined"!=typeof customElements&&["dropi-image-overlay","dropi-icon"].forEach((i=>{switch(i){case"dropi-image-overlay":customElements.get(e(i))||customElements.define(e(i),s);break;case"dropi-icon":customElements.get(e(i))||o()}}))}n();const l=s,c=n;export{l as DropiImageOverlay,c as defineCustomElement}

package/dist/components/dropi-input.js

@@ -1 +1 @@
-import{t as e,p as t,H as r,c as o,h as a}from"./index.js";import{d as i}from"./p-ChOXWKmI.js";const s=t(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiInput=o(this,"dropiInput"),this.dropiChange=o(this,"dropiChange"),this.dropiFocus=o(this,"dropiFocus"),this.dropiBlur=o(this,"dropiBlur"),this.internals=this.attachInternals()}internals;inputId="";name="";label="";placeholder=" ";value="";maxlength;disabled=!1;required=!1;showAsterisk=!0;fixedLabel=!1;inputMode="text";passwordInput=!1;moneyFormat=!1;thousandSeparator=!1;onlyNumbers=!1;allowDecimals=!1;onlyLetters=!1;icon="";iconColor="Gray-Gray-400";invalid=!1;helperText="";showHelperOnlyOnError=!1;showPassword=!1;touched=!1;dropiInput;dropiChange;dropiFocus;dropiBlur;valueChanged(e){this.internals.setFormValue(e)}disabledChanged(e){this.internals.setValidity(e?{customError:!0}:{},e?"Field is disabled":"")}componentWillLoad(){this.internals.setFormValue(this.value??"")}handleInput(e){let t=e.target.value;this.onlyNumbers&&(t=this.filterNumbers(t)),this.onlyLetters&&(t=this.filterLetters(t)),(this.moneyFormat||this.thousandSeparator)&&(t=this.formatThousands(t,this.moneyFormat)),this.value=t,this.internals.setFormValue(t),this.dropiInput.emit(t)}handleKeyDown(e){this.onlyNumbers&&!this.isAllowedNumberKey(e)&&e.preventDefault(),this.onlyLetters&&!this.isAllowedLetterKey(e)&&e.preventDefault()}handleFocus(){this.dropiFocus.emit()}handleBlur(){this.touched=!0,this.dropiChange.emit(this.value),this.dropiBlur.emit()}togglePassword(){this.disabled||(this.showPassword=!this.showPassword)}filterNumbers(e){return e.replace(this.allowDecimals?/[^0-9.]/g:/[^0-9]/g,"")}filterLetters(e){return e.replace(/[^a-zA-ZáéíóúÁÉÍÓÚñÑüÜ\s]/g,"")}isAllowedNumberKey(e){return!!(["Backspace","Delete","ArrowLeft","ArrowRight","Tab","Enter","Home","End"].includes(e.key)||e.ctrlKey||e.metaKey||/^[0-9]$/.test(e.key)||this.allowDecimals&&"."===e.key)}isAllowedLetterKey(e){return!!["Backspace","Delete","ArrowLeft","ArrowRight","Tab","Enter","Home","End"," "].includes(e.key)||!(!e.ctrlKey&&!e.metaKey)||/^[a-zA-ZáéíóúÁÉÍÓÚñÑüÜ]$/.test(e.key)}formatThousands(e,t){const r=e.replace(/[^0-9.]/g,""),[o,a]=r.split("."),i=o.replace(/\B(?=(\d{3})+(?!\d))/g,","),s=void 0!==a?`${i}.${a}`:i;return t?"$"+s:s}get resolvedId(){return this.inputId||this.label}get inputType(){return this.passwordInput?this.showPassword?"text":"password":"text"}get showHelper(){return!!this.helperText&&(!this.showHelperOnlyOnError||this.invalid&&this.touched)}get isInvalid(){return this.invalid&&this.touched}render(){const e=this.required&&this.showAsterisk&&!this.disabled,t=!!this.icon&&!!this.value;return a("div",{key:"4ea9c2118e6452345a2a92eedc807e6d94019784",class:{"fixed-label-container":this.fixedLabel}},this.fixedLabel&&a("div",{key:"b8c1269e9d583becd9614f6f3c28f6a2b536f18f",class:"input-label Body-S-Regular"},this.label,e&&a("span",{key:"945665772caab1a1c95f1a054dea1b8dd88287a3",class:"asterisk"}," *")),a("div",{key:"f550584dde83c907429255d9a98b8a59ff322cbb",class:"form-group"},a("div",{key:"6cc46f5822e62d59bb211e7d9eb7909ab2b833c9",class:"input-container"},t&&a("dropi-icon",{key:"c860e808ae7cd805aa9c430d52743f7eab0aaeba",class:"icon-input",name:this.icon,color:this.iconColor,width:"20px",height:"20px"}),this.passwordInput&&a("dropi-icon",{key:"ba571d4d14ec2a911a8b0bd4cdc7a8481aebe746",class:"icon-input-password",name:this.showPassword?"Eye":"Eye-crossed",width:"20px",height:"20px",color:"Gray-Gray-500",onClick:()=>this.togglePassword()}),a("input",{key:"aad18a94d94c9600236bac7c23e38b1c1c41f06a",id:this.resolvedId,class:{"form-control":!0,"form-control-valid":!this.isInvalid&&this.touched&&!!this.value,"form-control-invalid":this.isInvalid,"padding-icon":t,"text-password":this.passwordInput&&!this.showPassword,"fixed-label-input":this.fixedLabel},type:this.inputType,value:this.value,placeholder:this.fixedLabel?this.placeholder:" ",disabled:this.disabled,required:this.required,maxLength:this.maxlength,inputMode:this.inputMode,"data-cy":void 0,onInput:e=>this.handleInput(e),onKeyDown:e=>this.handleKeyDown(e),onFocus:()=>this.handleFocus(),onBlur:()=>this.handleBlur()}),!this.fixedLabel&&a("label",{key:"8ba7ea50525aa8990662d45829ba732094c41f80",class:"Body-S-Regular label-bottom",htmlFor:this.resolvedId},this.label,e&&a("span",{key:"3916d3de6392da62b8086920cd2fce3b96238416",class:"asterisk"}," *")),this.showHelper&&a("div",{key:"83e17f7d0cdb503b86fd035775e1cb45d9f41709",class:"form-control-helper"},this.isInvalid&&a("dropi-icon",{key:"4e034348270853f8a3aafbbbb938a5974076aebd",name:"Warning-circle",width:"12px",height:"12px",color:"Error-Error-500"}),a("span",{key:"7832f200ccc6f6273d65012b9e642c313399a277",class:{"disabled-helper":this.disabled,"invalid-color":this.isInvalid}},this.helperText)))))}static get formAssociated(){return!0}static get watchers(){return{value:[{valueChanged:0}],disabled:[{disabledChanged:0}]}}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.fixed-label-container{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:8px}.input-label{color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-regular, 400);text-align:left}.asterisk{color:var(--Error-Error-500, #f46a6b)}.form-group{position:relative;width:100%}.input-container{position:relative}.icon-input{position:absolute;top:10px;left:5px;z-index:1}.icon-input-password{position:absolute;top:10px;right:13px;cursor:pointer;z-index:1}.form-control{box-sizing:border-box;width:100%;padding:var(--Size-2, 8px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #fff);font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);transition:border-color 0.3s ease-in-out;height:40px;outline:none;appearance:none;text-align:left}.form-control::placeholder{color:transparent;transition:color 0.2s ease-in-out}.form-control:focus::placeholder,.fixed-label-input::placeholder{color:var(--Gray-Gray-400, #858ea6)}.form-control:focus{border-color:var(--Info-Info-500, #50a5f1)}.form-control-valid{border-color:var(--Gray-Gray-400, #858ea6) !important;color:var(--Gray-Gray-600, #475066)}.form-control-invalid{border-color:var(--Error-Error-500, #f46a6b) !important;color:var(--Gray-Gray-600, #475066)}.form-control:disabled{border-color:var(--Gray-Gray-200, #c3c9d9) !important;color:var(--Gray-Gray-400, #858ea6);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed}.padding-icon{padding-left:28px}.text-password{-webkit-text-security:disc;text-security:disc}label.label-bottom{position:absolute;font-weight:var(--font-weight-regular, 400);top:10px;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-500, #69738c);left:10px;transition:all 0.2s ease-in-out;pointer-events:none;overflow:hidden;width:90%;white-space:nowrap}.form-control:focus+label.label-bottom,.form-control:not(:placeholder-shown)+label.label-bottom{top:-22px;left:0;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066);width:unset}.form-control:disabled+label.label-bottom{color:var(--Gray-Gray-400, #858ea6)}.form-control-helper{display:flex;position:absolute;top:100%;left:0;gap:4px;align-items:center;margin-top:4px}.form-control-helper span{display:block;color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px)}.invalid-color{color:var(--Error-Error-500, #f46a6b) !important}.disabled-helper{color:var(--Gray-Gray-400, #858ea6) !important}.disabled-helper{color:var(--Gray-Gray-400, #858ea6) !important}"}},[577,"dropi-input",{inputId:[1,"input-id"],name:[1],label:[1],placeholder:[1],value:[1025],maxlength:[2],disabled:[516],required:[516],showAsterisk:[4,"show-asterisk"],fixedLabel:[4,"fixed-label"],inputMode:[1,"input-mode"],passwordInput:[4,"password-input"],moneyFormat:[4,"money-format"],thousandSeparator:[4,"thousand-separator"],onlyNumbers:[4,"only-numbers"],allowDecimals:[4,"allow-decimals"],onlyLetters:[4,"only-letters"],icon:[1],iconColor:[1,"icon-color"],invalid:[4],helperText:[1,"helper-text"],showHelperOnlyOnError:[4,"show-helper-only-on-error"],showPassword:[32],touched:[32]},void 0,{value:[{valueChanged:0}],disabled:[{disabledChanged:0}]}]);function l(){"undefined"!=typeof customElements&&["dropi-input","dropi-icon"].forEach((t=>{switch(t){case"dropi-input":customElements.get(e(t))||customElements.define(e(t),s);break;case"dropi-icon":customElements.get(e(t))||i()}}))}l();const n=s,d=l;export{n as DropiInput,d as defineCustomElement}
+import{t as e,p as t,H as o,c as r,h as a}from"./index.js";import{d as i}from"./p-wO1yy0Zr.js";const s=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiInput=r(this,"dropiInput",7),this.dropiChange=r(this,"dropiChange",7),this.dropiFocus=r(this,"dropiFocus",7),this.dropiBlur=r(this,"dropiBlur",7),this.internals=this.attachInternals()}internals;inputId="";name="";label="";placeholder=" ";value="";maxlength;disabled=!1;required=!1;showAsterisk=!0;fixedLabel=!1;inputMode="text";passwordInput=!1;moneyFormat=!1;thousandSeparator=!1;onlyNumbers=!1;allowDecimals=!1;onlyLetters=!1;icon="";iconColor="Gray-Gray-400";invalid=!1;helperText="";showHelperOnlyOnError=!1;showPassword=!1;touched=!1;dropiInput;dropiChange;dropiFocus;dropiBlur;valueChanged(e){this.internals.setFormValue(e)}disabledChanged(e){this.internals.setValidity(e?{customError:!0}:{},e?"Field is disabled":"")}componentWillLoad(){this.internals.setFormValue(this.value??"")}handleInput(e){let t=e.target.value;this.onlyNumbers&&(t=this.filterNumbers(t)),this.onlyLetters&&(t=this.filterLetters(t)),(this.moneyFormat||this.thousandSeparator)&&(t=this.formatThousands(t,this.moneyFormat)),this.value=t,this.internals.setFormValue(t),this.dropiInput.emit(t)}handleKeyDown(e){(this.onlyNumbers||this.moneyFormat||this.thousandSeparator)&&!this.isAllowedNumberKey(e)&&e.preventDefault(),this.onlyLetters&&!this.isAllowedLetterKey(e)&&e.preventDefault()}handleFocus(){this.dropiFocus.emit()}handleBlur(){this.touched=!0,this.dropiChange.emit(this.value),this.dropiBlur.emit()}togglePassword(){this.disabled||(this.showPassword=!this.showPassword)}filterNumbers(e){return e.replace(this.allowDecimals?/[^0-9.]/g:/[^0-9]/g,"")}filterLetters(e){return e.replace(/[^a-zA-ZáéíóúÁÉÍÓÚñÑüÜ\s]/g,"")}isAllowedNumberKey(e){return!!(["Backspace","Delete","ArrowLeft","ArrowRight","Tab","Enter","Home","End"].includes(e.key)||e.ctrlKey||e.metaKey||/^[0-9]$/.test(e.key)||this.allowDecimals&&"."===e.key)}isAllowedLetterKey(e){return!!["Backspace","Delete","ArrowLeft","ArrowRight","Tab","Enter","Home","End"," "].includes(e.key)||!(!e.ctrlKey&&!e.metaKey)||/^[a-zA-ZáéíóúÁÉÍÓÚñÑüÜ]$/.test(e.key)}formatThousands(e,t){const o=e.replace(/[^0-9.]/g,""),[r,a]=o.split("."),i=r.replace(/\B(?=(\d{3})+(?!\d))/g,","),s=void 0!==a?`${i}.${a}`:i;return t?"$"+s:s}get resolvedId(){return this.inputId||this.label}get inputType(){return this.passwordInput?this.showPassword?"text":"password":"text"}get showHelper(){return!!this.helperText&&(!this.showHelperOnlyOnError||this.invalid&&this.touched)}get isInvalid(){return this.invalid&&this.touched}render(){const e=this.required&&this.showAsterisk&&!this.disabled,t=!!this.icon;return a("div",{key:"49a1b6d02f59e1c67a70a219a7f7d0fbbd2a460d",class:{"fixed-label-container":this.fixedLabel}},this.fixedLabel&&a("div",{key:"326d90a0361fe5ab90adee1479439aab34c99951",class:"input-label Body-S-Regular"},this.label,e&&a("span",{key:"cf5677966af627addc69a2735803845b54f41a9f",class:"asterisk"}," *")),a("div",{key:"1f7b7c614dc424ad4b1aa1819d05573fd08b30a1",class:"form-group"},a("div",{key:"c2f88e7f7f2f0da585e8ac20c6373b451290dfdd",class:{"input-container":!0,"input-container--has-icon":t}},t&&a("dropi-icon",{key:"c6f7cc14c56452768e4e49092a2be7968951255b",class:"icon-input",name:this.icon,color:this.iconColor,width:"20px",height:"20px"}),this.passwordInput&&a("dropi-icon",{key:"5ddbd5e176b61dc46d817fa6a32d3d3c0e2cc589",class:"icon-input-password",name:this.showPassword?"Eye":"Eye-crossed",width:"20px",height:"20px",color:"Gray-Gray-500",onClick:()=>this.togglePassword()}),a("input",{key:"51a17c36e9ed49fef0d2f0ea97d4aca10e4722d6",id:this.resolvedId,class:{"form-control":!0,"form-control-valid":!this.isInvalid&&this.touched&&!!this.value,"form-control-invalid":this.isInvalid,"padding-icon":t,"text-password":this.passwordInput&&!this.showPassword,"fixed-label-input":this.fixedLabel},type:this.inputType,value:this.value,placeholder:this.fixedLabel?this.placeholder:" ",disabled:this.disabled,required:this.required,maxLength:this.maxlength,inputMode:this.inputMode,"data-cy":void 0,onInput:e=>this.handleInput(e),onKeyDown:e=>this.handleKeyDown(e),onFocus:()=>this.handleFocus(),onBlur:()=>this.handleBlur()}),!this.fixedLabel&&a("label",{key:"9fa96019e84dd543e3e74a15e8f0681ea7bb7823",class:"Body-S-Regular label-bottom",htmlFor:this.resolvedId},this.label,e&&a("span",{key:"740936c43be963fc7383e3ae6eb21c9d02ffde03",class:"asterisk"}," *")),this.showHelper&&a("div",{key:"9381fc81799162f20df8d2df914adc4ebee5e8ed",class:"form-control-helper"},this.isInvalid&&a("dropi-icon",{key:"fea3d178b9b00f87d2a266cb665fca2774ec963a",name:"Warning-circle",width:"12px",height:"12px",color:"Error-Error-500"}),a("span",{key:"390caaa2dfdfb673b8d1fdd8fada2d7c2f6ba764",class:{"disabled-helper":this.disabled,"invalid-color":this.isInvalid}},this.helperText)))))}static get formAssociated(){return!0}static get watchers(){return{value:[{valueChanged:0}],disabled:[{disabledChanged:0}]}}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.fixed-label-container{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:8px}.input-label{color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-regular, 400);text-align:left}.asterisk{color:var(--Error-Error-500, #f46a6b)}.form-group{position:relative;width:100%}.input-container{position:relative}.icon-input{position:absolute;top:10px;left:5px;z-index:1}.icon-input-password{position:absolute;top:10px;right:13px;cursor:pointer;z-index:1}.form-control{box-sizing:border-box;width:100%;padding:var(--Size-2, 8px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #fff);font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);transition:border-color 0.3s ease-in-out;height:40px;outline:none;appearance:none;text-align:left}.form-control::placeholder{color:transparent;transition:color 0.2s ease-in-out}.form-control:focus::placeholder,.fixed-label-input::placeholder{color:var(--Gray-Gray-400, #858ea6)}.form-control:focus{border-color:var(--Info-Info-500, #50a5f1)}.form-control-valid{border-color:var(--Gray-Gray-400, #858ea6) !important;color:var(--Gray-Gray-600, #475066)}.form-control-invalid{border-color:var(--Error-Error-500, #f46a6b) !important;color:var(--Gray-Gray-600, #475066)}.form-control:disabled{border-color:var(--Gray-Gray-200, #c3c9d9) !important;color:var(--Gray-Gray-400, #858ea6);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed}.padding-icon{padding-left:28px}.input-container--has-icon label.label-bottom{left:28px}.input-container--has-icon .form-control:focus+label.label-bottom,.input-container--has-icon .form-control:not(:placeholder-shown)+label.label-bottom{left:0}.text-password{-webkit-text-security:disc;text-security:disc}label.label-bottom{position:absolute;font-weight:var(--font-weight-regular, 400);top:10px;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-500, #69738c);left:10px;transition:all 0.2s ease-in-out;pointer-events:none;overflow:hidden;width:90%;white-space:nowrap}.form-control:focus+label.label-bottom,.form-control:not(:placeholder-shown)+label.label-bottom{top:-22px;left:0;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066);width:unset}.form-control:disabled+label.label-bottom{color:var(--Gray-Gray-400, #858ea6)}.form-control-helper{display:flex;position:absolute;top:100%;left:0;gap:4px;align-items:center;margin-top:4px}.form-control-helper span{display:block;color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px)}.invalid-color{color:var(--Error-Error-500, #f46a6b) !important}.disabled-helper{color:var(--Gray-Gray-400, #858ea6) !important}.disabled-helper{color:var(--Gray-Gray-400, #858ea6) !important}"}},[577,"dropi-input",{inputId:[1,"input-id"],name:[1],label:[1],placeholder:[1],value:[1025],maxlength:[2],disabled:[516],required:[516],showAsterisk:[4,"show-asterisk"],fixedLabel:[4,"fixed-label"],inputMode:[1,"input-mode"],passwordInput:[4,"password-input"],moneyFormat:[4,"money-format"],thousandSeparator:[4,"thousand-separator"],onlyNumbers:[4,"only-numbers"],allowDecimals:[4,"allow-decimals"],onlyLetters:[4,"only-letters"],icon:[1],iconColor:[1,"icon-color"],invalid:[4],helperText:[1,"helper-text"],showHelperOnlyOnError:[4,"show-helper-only-on-error"],showPassword:[32],touched:[32]},void 0,{value:[{valueChanged:0}],disabled:[{disabledChanged:0}]}]);function l(){"undefined"!=typeof customElements&&["dropi-input","dropi-icon"].forEach((t=>{switch(t){case"dropi-input":customElements.get(e(t))||customElements.define(e(t),s);break;case"dropi-icon":customElements.get(e(t))||i()}}))}l();const n=s,d=l;export{n as DropiInput,d as defineCustomElement}

package/dist/components/dropi-languages-selector.d.ts

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

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

@@ -0,0 +1 @@
+import{t as e,p as s,H as t,c as o,h as i}from"./index.js";import{d as a}from"./p-D0ZJcRZn.js";import{d as n}from"./p-wO1yy0Zr.js";const r=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiLanguageChange=o(this,"dropiLanguageChange",7)}languages=[];selectedLang=null;dropiLanguageChange;isOpen=!1;parsedLanguages=[];currentLang=null;languagesChanged(e){this.parsedLanguages="string"==typeof e?JSON.parse(e):e,!this.currentLang&&this.parsedLanguages.length>0&&(this.currentLang=this.parsedLanguages[0])}selectedLangChanged(e){e&&(this.currentLang="string"==typeof e?JSON.parse(e):e)}componentWillLoad(){this.languagesChanged(this.languages),this.selectedLang&&this.selectedLangChanged(this.selectedLang)}select(e){this.currentLang=e,this.isOpen=!1,this.dropiLanguageChange.emit(e)}render(){return this.currentLang?i("div",{class:"custom-dropdown"+(this.isOpen?" open":"")},i("div",{class:"selected-option",onClick:()=>{this.isOpen=!this.isOpen}},i("dropi-country-flags",{country:this.currentLang.flag,"flag-style":"rectangle",width:"20",height:"15"}),i("span",{class:"Body-S-Regular"},this.currentLang.label),i("dropi-icon",{name:"Caret-down",width:"16px",height:"16px",color:"Gray-Gray-500"})),i("ul",{class:"dropdown-options"+(this.isOpen?" dropdown-open":"")},this.parsedLanguages.map((e=>i("li",{key:e.code,class:e.code===this.currentLang?.code?"active":"",onClick:()=>this.select(e)},i("dropi-country-flags",{country:e.flag,"flag-style":"rectangle",width:"20",height:"15"}),i("span",{class:"Body-S-Regular"},e.label)))))):null}static get watchers(){return{languages:[{languagesChanged:0}],selectedLang:[{selectedLangChanged:0}]}}static get style(){return":host{display:inline-block;position:relative}*,*::before,*::after{box-sizing:border-box}.custom-dropdown{position:relative;cursor:pointer;user-select:none}.custom-dropdown.open dropi-icon{transform:rotate(180deg)}.selected-option{display:flex;height:38px;padding:var(--Size-2, 8px) var(--Size-3, 12px);align-items:center;gap:var(--Size-2, 8px);border-radius:4px;border:1px solid var(--Gray-Gray-200, #c3c9d9);background:var(--Neutral-White, #fff);font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066)}.dropdown-options{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:6px;margin-top:4px;z-index:1000;overflow-y:auto;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);padding:0;list-style:none;height:0;opacity:0;visibility:hidden;transition:height 0.2s ease, opacity 0.2s ease, visibility 0.2s ease;max-height:0}.dropdown-options.dropdown-open{max-height:300px;height:auto;opacity:1;visibility:visible}.dropdown-options li{padding:8px 12px;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066)}.dropdown-options li:hover,.dropdown-options li.active{background:var(--Gray-Gray-50, #f7f8fa)}@media screen and (max-width: 720px){.selected-option span,.dropdown-options li span{display:none}}"}},[513,"dropi-languages-selector",{languages:[1],selectedLang:[1025,"selected-lang"],isOpen:[32],parsedLanguages:[32],currentLang:[32]},void 0,{languages:[{languagesChanged:0}],selectedLang:[{selectedLangChanged:0}]}]);function d(){"undefined"!=typeof customElements&&["dropi-languages-selector","dropi-country-flags","dropi-icon"].forEach((s=>{switch(s){case"dropi-languages-selector":customElements.get(e(s))||customElements.define(e(s),r);break;case"dropi-country-flags":customElements.get(e(s))||a();break;case"dropi-icon":customElements.get(e(s))||n()}}))}d();const p=r,l=d;export{p as DropiLanguagesSelector,l as defineCustomElement}

package/dist/components/dropi-logo.d.ts

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

package/dist/components/dropi-logo.js

@@ -0,0 +1 @@
+import{t as o,p as e,H as i,h as t}from"./index.js";const l="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgNDAiPjx0ZXh0IHk9IjMwIiBmb250LXNpemU9IjI0IiBmb250LWZhbWlseT0ic2Fucy1zZXJpZiIgZmlsbD0iIzg1OGVhNiI+ZHJvcGk8L3RleHQ+PC9zdmc+",s=e(class extends i{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}urlLogo="";size="large";theme="light";handleError(o){o.target.src=l}render(){return t("figure",{key:"416498bbb93314e2a69a3fdba9def0f8fb4d940a",class:{"dropi-logo":!0,["dropi-logo--"+this.size]:!0}},t("img",{key:"137ae999c9db95e87d8ee76a46b328c34f97f58e",src:this.urlLogo||l,alt:"Dropi logo",loading:"lazy",onError:o=>this.handleError(o)}))}static get style(){return":host{display:inline-block}.dropi-logo{margin:0;padding:0;display:flex;align-items:center;justify-content:center}.dropi-logo img{display:block;object-fit:contain}.dropi-logo--large img{width:256px;height:84px}.dropi-logo--small img{width:86px;height:81px}"}},[513,"dropi-logo",{urlLogo:[1,"url-logo"],size:[1],theme:[1]}]);function r(){"undefined"!=typeof customElements&&["dropi-logo"].forEach((e=>{"dropi-logo"===e&&(customElements.get(o(e))||customElements.define(o(e),s))}))}r();const g=s,d=r;export{g as DropiLogo,d as defineCustomElement}

package/dist/components/dropi-lottie-loader.d.ts

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

package/dist/components/dropi-lottie-loader.js

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

package/dist/components/dropi-media-player.d.ts

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

package/dist/components/dropi-media-player.js

@@ -0,0 +1 @@
+import{t as e,p as a,H as t,c as i,h as r}from"./index.js";import{d as s}from"./p-wO1yy0Zr.js";const o=a(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiPlay=i(this,"dropiPlay",7),this.dropiEnded=i(this,"dropiEnded",7)}get el(){return this}src="";mediaType="audio";poster="";autoplay=!1;loop=!1;initialVolume=1;mediaTitle="";playing=!1;currentTime=0;duration=0;volume=1;muted=!1;loading=!0;mediaEl;dropiPlay;dropiEnded;componentDidLoad(){this.mediaEl&&(this.mediaEl.volume=this.initialVolume,this.volume=this.initialVolume)}togglePlay(){this.mediaEl&&(this.playing?this.mediaEl.pause():this.mediaEl.play())}handleTimeUpdate(){this.currentTime=this.mediaEl.currentTime}handleLoadedMetadata(){this.duration=this.mediaEl.duration,this.loading=!1}handleSeek(e){const a=Number(e.target.value);this.mediaEl.currentTime=a,this.currentTime=a}handleVolume(e){const a=Number(e.target.value);this.mediaEl.volume=a,this.volume=a,this.muted=0===a}toggleMute(){this.muted=!this.muted,this.mediaEl.muted=this.muted}handleFullscreen(){if("video"!==this.mediaType)return;const e=this.mediaEl;document.fullscreenElement?document.exitFullscreen():e.requestFullscreen?.()}formatTime(e){return isNaN(e)?"0:00":`${Math.floor(e/60)}:${(Math.floor(e%60)+"").padStart(2,"0")}`}render(){const e=this.duration?this.currentTime/this.duration*100:0;return r("div",{key:"76ee9c93a56b78e8ebdad1a77a59b56bbd1ae8f6",class:"player player--"+this.mediaType},"video"===this.mediaType?r("video",{class:"player__video",ref:e=>this.mediaEl=e,src:this.src,poster:this.poster,autoplay:this.autoplay,loop:this.loop,preload:"metadata",onPlay:()=>{this.playing=!0,this.dropiPlay.emit(!0)},onPause:()=>{this.playing=!1,this.dropiPlay.emit(!1)},onTimeUpdate:()=>this.handleTimeUpdate(),onLoadedMetaData:()=>this.handleLoadedMetadata(),onEnded:()=>{this.playing=!1,this.dropiEnded.emit()},onWaiting:()=>this.loading=!0,onCanPlay:()=>this.loading=!1}):r("audio",{ref:e=>this.mediaEl=e,src:this.src,autoplay:this.autoplay,loop:this.loop,preload:"metadata",onPlay:()=>{this.playing=!0,this.dropiPlay.emit(!0)},onPause:()=>{this.playing=!1,this.dropiPlay.emit(!1)},onTimeUpdate:()=>this.handleTimeUpdate(),onLoadedMetaData:()=>this.handleLoadedMetadata(),onEnded:()=>{this.playing=!1,this.dropiEnded.emit()}}),r("div",{key:"444cb9c86d3a69042d827ab4785e8c0995f82e6d",class:"player__controls"},this.mediaTitle&&r("span",{key:"39bee7040cddfae5ce17e6ee62d0713ba0062ae4",class:"player__title"},this.mediaTitle),r("div",{key:"05ccbde97d88387d1b167495887877f0d3443cc4",class:"player__seek-wrap"},r("span",{key:"1e8f81054b851975a0526224f5b2455687d6d1ba",class:"player__time"},this.formatTime(this.currentTime)),r("div",{key:"aecd083653f3384e47938ff00bcd0f913eab4e13",class:"player__seek-track"},r("div",{key:"2bef10203f1c0d22e371e8e7ee223ec9aaf9b496",class:"player__seek-fill",style:{width:e+"%"}}),r("input",{key:"7d8b658dca7b663e01d86d69480113edc8849951",class:"player__seek",type:"range",min:0,max:this.duration||100,step:.1,value:this.currentTime,onInput:e=>this.handleSeek(e)})),r("span",{key:"0127fa197a59db81f224db1a168b52fc4be154fe",class:"player__time"},this.formatTime(this.duration))),r("div",{key:"171eff82a5f55544cb0ad601ae4ae07954e93c43",class:"player__buttons"},r("button",{key:"0d207dcd555e040999e6434009b7762e9caf8359",class:"player__btn player__btn--play",onClick:()=>this.togglePlay(),type:"button"},r("dropi-icon",this.loading?{name:"Spinner",width:"20px",height:"20px",color:"Neutral-White"}:{name:this.playing?"Pause":"Play",width:"20px",height:"20px",color:"Neutral-White"})),r("div",{key:"d8eeb92e14729c49e0b2ef459c44ed1f402ce9f8",class:"player__volume"},r("button",{key:"4bdf9ca4d03e1e7a420b280f0106e67d50fe6285",class:"player__btn",onClick:()=>this.toggleMute(),type:"button"},r("dropi-icon",{key:"715e93fc8b50f42c07c545ace9dbbf757ac0742a",name:this.muted||0===this.volume?"Volume-off":this.volume<.5?"Volume-low":"Volume-high",width:"16px",height:"16px",color:"Gray-Gray-600"})),r("input",{key:"d2a3f93696c8c1a42ce99c04c4fbf419e2f8b3e6",class:"player__volume-slider",type:"range",min:0,max:1,step:.05,value:this.muted?0:this.volume,onInput:e=>this.handleVolume(e)})),r("span",{key:"7dc77449676683256fbf746ff9e3679d0b8ed41d",class:"player__spacer"}),"video"===this.mediaType&&r("button",{key:"442d58c35ca6e8649849e30f46d33274bbff577b",class:"player__btn",onClick:()=>this.handleFullscreen(),type:"button"},r("dropi-icon",{key:"89a88d82501bfa0af389a8bc3c17cb3eeca9af00",name:"Fullscreen",width:"16px",height:"16px",color:"Gray-Gray-600"})))))}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.player{background:var(--Gray-Gray-800, #1a2033);border-radius:var(--Border-2, 8px);overflow:hidden;display:flex;flex-direction:column}.player__video{width:100%;display:block;max-height:400px;object-fit:contain;background:#000}.player__controls{padding:var(--Size-3, 12px);display:flex;flex-direction:column;gap:var(--Size-2, 8px)}.player__title{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-300, #a0a9c0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player__seek-wrap{display:flex;align-items:center;gap:var(--Size-2, 8px)}.player__time{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-400, #858ea6);white-space:nowrap;flex-shrink:0}.player__seek-track{flex:1;position:relative;height:4px;background:var(--Gray-Gray-600, #475066);border-radius:100px}.player__seek-fill{position:absolute;left:0;top:0;bottom:0;background:var(--Primary-Primary-500, #f49a3d);border-radius:100px;pointer-events:none}.player__seek{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;accent-color:var(--Primary-Primary-500, #f49a3d)}.player__buttons{display:flex;align-items:center;gap:var(--Size-2, 8px)}.player__btn{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;border-radius:var(--Border-1, 4px);transition:background 0.15s}.player__btn:hover{background:rgba(255,255,255,0.08)}.player__btn--play{width:36px;height:36px;background:var(--Primary-Primary-500, #f49a3d);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.player__btn--play:hover{background:var(--Primary-Primary-600, #e08526)}.player__volume{display:flex;align-items:center;gap:4px}.player__volume-slider{width:60px;accent-color:var(--Primary-Primary-500, #f49a3d);cursor:pointer}.player__spacer{flex:1}.player--audio .player__controls{padding:var(--Size-4, 16px)}"}},[513,"dropi-media-player",{src:[1],mediaType:[1,"media-type"],poster:[1],autoplay:[4],loop:[4],initialVolume:[2,"initial-volume"],mediaTitle:[1,"media-title"],playing:[32],currentTime:[32],duration:[32],volume:[32],muted:[32],loading:[32]}]);function l(){"undefined"!=typeof customElements&&["dropi-media-player","dropi-icon"].forEach((a=>{switch(a){case"dropi-media-player":customElements.get(e(a))||customElements.define(e(a),o);break;case"dropi-icon":customElements.get(e(a))||s()}}))}l();const d=o,n=l;export{d as DropiMediaPlayer,n as defineCustomElement}

package/dist/components/dropi-modal.js

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

package/dist/components/dropi-navbar.d.ts

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

package/dist/components/dropi-navbar.js

@@ -0,0 +1 @@
+import{t as a,p as r,H as e,c as i,h as t}from"./index.js";import{d as n}from"./p-wO1yy0Zr.js";const o=r(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.dropiNavItemClick=i(this,"dropiNavItemClick",7),this.dropiNotificationsClick=i(this,"dropiNotificationsClick",7),this.dropiUserClick=i(this,"dropiUserClick",7),this.dropiMenuToggle=i(this,"dropiMenuToggle",7)}logoUrl="";logoAlt="Logo";items=[];activeId="";userName="";userAvatar="";notifications=0;showMenuToggle=!0;dropiNavItemClick;dropiNotificationsClick;dropiUserClick;dropiMenuToggle;get parsedItems(){const a=this.items;return"string"==typeof a?JSON.parse(a):a||[]}render(){const a=this.parsedItems;return t("nav",{key:"014281e03d0d6d2619add2319c3df90a5b6246a5",class:"navbar"},t("div",{key:"4c1ac832042995edbe98e03d9ffd722879d7667c",class:"navbar__left"},this.showMenuToggle&&t("button",{key:"b244829263b1fa8f10365be75f8e6a86780b23bb",class:"navbar__menu-btn",onClick:()=>this.dropiMenuToggle.emit(),"aria-label":"Menú"},t("dropi-icon",{key:"082a2ec0c22c31d0e50c6c4268deb91db91a4a0a",name:"Menu",width:"20px",height:"20px",color:"Gray-Gray-700"})),this.logoUrl&&t("img",{key:"bb999a5b53a2e667715b8b8152e68f567bf6735d",class:"navbar__logo",src:this.logoUrl,alt:this.logoAlt})),a.length>0&&t("ul",{key:"0d8fc800d7e8eb42ba7971c323dcd7366c564c6f",class:"navbar__items"},a.map((a=>t("li",null,t("button",{class:{navbar__item:!0,"navbar__item--active":a.id===this.activeId},onClick:()=>this.dropiNavItemClick.emit(a.id),type:"button"},a.icon&&t("dropi-icon",{name:a.icon,width:"16px",height:"16px",color:a.id===this.activeId?"Primary-Primary-500":"Gray-Gray-600"}),t("span",null,a.label),null!=a.badge&&a.badge+""!="0"&&t("span",{class:"navbar__badge"},a.badge)))))),t("div",{key:"ce34e9989a27f875880cc674f68cd1348ba830ea",class:"navbar__right"},t("button",{key:"8786409d275d115e363d4675d51d33a004881287",class:"navbar__icon-btn",onClick:()=>this.dropiNotificationsClick.emit(),"aria-label":"Notificaciones"},t("dropi-icon",{key:"6d8475c54109cf3535464029d906779a1ef5613d",name:"Bell",width:"20px",height:"20px",color:"Gray-Gray-600"}),this.notifications>0&&t("span",{key:"f38458c5cf0e805cf7bc20ca6d9c2f59570c2813",class:"navbar__notif-badge"},this.notifications>99?"99+":this.notifications)),t("button",{key:"aa82799088ef91868967988a48b51d5426175733",class:"navbar__user-btn",onClick:()=>this.dropiUserClick.emit(),type:"button"},this.userAvatar?t("img",{class:"navbar__avatar",src:this.userAvatar,alt:this.userName}):t("div",{class:"navbar__avatar-placeholder"},this.userName?this.userName[0].toUpperCase():"?"),this.userName&&t("span",{key:"512bb7945572d2a2c117d8fa27d82d1d53b78120",class:"navbar__user-name"},this.userName),t("dropi-icon",{key:"feac223f33239f1b1d2add2139aef3408a73de44",name:"Arrow-Down-2",width:"12px",height:"12px",color:"Gray-Gray-400"}))))}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.navbar{display:flex;align-items:center;height:56px;padding:0 var(--Size-4, 16px);background:var(--Neutral-White, #fff);border-bottom:1px solid var(--Gray-Gray-100, #eceef4);gap:var(--Size-4, 16px);position:relative}.navbar__left{display:flex;align-items:center;gap:var(--Size-2, 8px);flex-shrink:0}.navbar__menu-btn{background:none;border:none;padding:6px;cursor:pointer;border-radius:var(--Border-1, 4px);display:flex;align-items:center;transition:background 0.15s}.navbar__menu-btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.navbar__logo{height:28px;object-fit:contain}.navbar__items{flex:1;list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:var(--Size-1, 4px)}.navbar__item{display:flex;align-items:center;gap:var(--Size-1, 4px);padding:6px var(--Size-3, 12px);background:none;border:none;border-radius:var(--Border-1, 4px);font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-600, #475066);cursor:pointer;transition:background 0.15s, color 0.15s;white-space:nowrap}.navbar__item:hover{background:var(--Gray-Gray-50, #f7f8fa)}.navbar__item--active{background:var(--Primary-Primary-50, #fff5eb);color:var(--Primary-Primary-500, #f49a3d);font-weight:var(--font-weight-bold, 700)}.navbar__badge{background:var(--Error-Error-500, #f46a6b);color:var(--Neutral-White, #fff);font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:100px;display:flex;align-items:center;justify-content:center;padding:0 4px}.navbar__right{display:flex;align-items:center;gap:var(--Size-2, 8px);flex-shrink:0}.navbar__icon-btn{position:relative;background:none;border:none;padding:6px;cursor:pointer;border-radius:var(--Border-1, 4px);display:flex;align-items:center;transition:background 0.15s}.navbar__icon-btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.navbar__notif-badge{position:absolute;top:2px;right:2px;background:var(--Error-Error-500, #f46a6b);color:var(--Neutral-White, #fff);font-size:9px;font-weight:700;min-width:14px;height:14px;border-radius:100px;display:flex;align-items:center;justify-content:center;padding:0 3px}.navbar__user-btn{display:flex;align-items:center;gap:var(--Size-1, 4px);background:none;border:none;padding:4px 8px;border-radius:var(--Border-1, 4px);cursor:pointer;transition:background 0.15s;font-family:inherit}.navbar__user-btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.navbar__avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.navbar__avatar-placeholder{width:28px;height:28px;border-radius:50%;background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #fff);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700)}.navbar__user-name{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"}},[513,"dropi-navbar",{logoUrl:[1,"logo-url"],logoAlt:[1,"logo-alt"],items:[1],activeId:[1,"active-id"],userName:[1,"user-name"],userAvatar:[1,"user-avatar"],notifications:[2],showMenuToggle:[4,"show-menu-toggle"]}]);function s(){"undefined"!=typeof customElements&&["dropi-navbar","dropi-icon"].forEach((r=>{switch(r){case"dropi-navbar":customElements.get(a(r))||customElements.define(a(r),o);break;case"dropi-icon":customElements.get(a(r))||n()}}))}s();const d=o,c=s;export{d as DropiNavbar,c as defineCustomElement}

package/dist/components/dropi-otp-send-code.d.ts

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

package/dist/components/dropi-otp-send-code.js

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

package/dist/components/dropi-paginator.js

@@ -1 +1 @@
-import{t as a,p as e,H as r,c as t,h as i}from"./index.js";import{d as o}from"./p-ChOXWKmI.js";const s=e(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.dropiPageChange=t(this,"dropiPageChange")}total=0;pageSize=10;page=1;maxPages=5;showPageSizeSelector=!1;pageSizeOptions=[10,25,50,100];dropiPageChange;parsedOptions=[10,25,50,100];optionsChanged(a){this.parsedOptions="string"==typeof a?JSON.parse(a):a}componentWillLoad(){this.optionsChanged(this.pageSizeOptions)}get totalPages(){return Math.max(1,Math.ceil(this.total/this.pageSize))}get pageNumbers(){const a=this.totalPages,e=this.page,r=this.maxPages;if(a<=r)return Array.from({length:a},((a,e)=>e+1));let t=Math.max(1,e-Math.floor(r/2)),i=Math.min(a,t+r-1);i-t<r-1&&(t=Math.max(1,i-r+1));const o=[];t>1&&(o.push(1),t>2&&o.push("..."));for(let a=t;a<=i;a++)o.push(a);return i<a&&(i<a-1&&o.push("..."),o.push(a)),o}goTo(a){a<1||a>this.totalPages||a===this.page||(this.page=a,this.dropiPageChange.emit({page:this.page,pageSize:this.pageSize}))}onPageSizeChange(a){this.pageSize=Number(a.target.value),this.page=1,this.dropiPageChange.emit({page:this.page,pageSize:this.pageSize})}render(){const a=this.pageNumbers,e=this.page<=1,r=this.page>=this.totalPages;return i("div",{key:"3fbb545d6ff0b345da7698e51bfdee51a13de49e",class:"paginator"},this.showPageSizeSelector&&i("div",{key:"7ae643988a60f2016dce24b53bb9f5ac13414cf0",class:"paginator-size"},i("span",{key:"fee6db32b0d13e6c455174f1c57fb35401e65c10",class:"paginator-size-label"},"Por página:"),i("select",{key:"0e37733de81c70ac274c8e89af65f0f94115ecb5",class:"paginator-size-select",onChange:a=>this.onPageSizeChange(a)},this.parsedOptions.map((a=>i("option",{value:a,selected:a===this.pageSize},a))))),i("div",{key:"fb70589d0fd3d8072190099fe187359439707dc1",class:"paginator-pages"},i("button",{key:"6348dda14005ed8dcd3e96d788715bbd5a9d432e",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},disabled:e,onClick:()=>this.goTo(this.page-1),"aria-label":"Anterior"},i("dropi-icon",{key:"2b2c17304b3c246a660b71f5ab5feedfb93ba044",name:"Dropdown-left",width:"16px",height:"16px",color:e?"Gray-Gray-300":"Gray-Gray-600"})),a.map(((a,e)=>"..."===a?i("span",{class:"paginator-ellipsis",key:"e"+e},"…"):i("button",{key:a,class:{"paginator-btn":!0,"paginator-btn--active":a===this.page},onClick:()=>this.goTo(a),"aria-current":a===this.page?"page":void 0},a))),i("button",{key:"fea38306411fd4a73f35231ff632d8846301dd5f",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},disabled:r,onClick:()=>this.goTo(this.page+1),"aria-label":"Siguiente"},i("dropi-icon",{key:"f7ed587cb578ef0b9872f290cdc17eebe2f9efeb",name:"Dropdown-Right",width:"16px",height:"16px",color:r?"Gray-Gray-300":"Gray-Gray-600"}))))}static get watchers(){return{pageSizeOptions:[{optionsChanged:0}]}}static get style(){return":host{display:block}*,*::before,*::after{box-sizing:border-box}.paginator{display:flex;align-items:center;justify-content:flex-end;gap:var(--Size-4, 16px);flex-wrap:wrap}.paginator-pages{display:flex;align-items:center;gap:var(--Size-1, 4px)}.paginator-btn{min-width:32px;height:32px;padding:0 var(--Size-2, 8px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-1, 4px);background:var(--Neutral-White, #fff);color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-s, 12px);font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.15s ease, border-color 0.15s ease}.paginator-btn:hover:not(:disabled){background:var(--Gray-Gray-50, #f7f8fa);border-color:var(--Gray-Gray-300, #a3abbf)}.paginator-btn:disabled{opacity:0.4;cursor:not-allowed}.paginator-btn--active{background:var(--Primary-Primary-500, #f49a3d);border-color:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #fff);font-weight:var(--font-weight-bold, 700)}.paginator-btn--active:hover{background:var(--Primary-Primary-500, #f49a3d);border-color:var(--Primary-Primary-500, #f49a3d)}.paginator-btn--arrow{border-color:transparent;background:transparent}.paginator-btn--arrow:hover:not(:disabled){background:var(--Gray-Gray-50, #f7f8fa);border-color:var(--Gray-Gray-100, #e6eaf2)}.paginator-ellipsis{color:var(--Gray-Gray-400, #858ea6);padding:0 4px;font-size:var(--font-size-s, 12px);display:flex;align-items:center}.paginator-size{display:flex;align-items:center;gap:var(--Size-2, 8px)}.paginator-size-label{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-500, #69738c)}.paginator-size-select{height:32px;padding:0 var(--Size-2, 8px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-1, 4px);background:var(--Neutral-White, #fff);color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-s, 12px);font-family:inherit;cursor:pointer;outline:none}"}},[513,"dropi-paginator",{total:[2],pageSize:[1026,"page-size"],page:[1538],maxPages:[2,"max-pages"],showPageSizeSelector:[4,"show-page-size-selector"],pageSizeOptions:[1,"page-size-options"],parsedOptions:[32]},void 0,{pageSizeOptions:[{optionsChanged:0}]}]);function n(){"undefined"!=typeof customElements&&["dropi-paginator","dropi-icon"].forEach((e=>{switch(e){case"dropi-paginator":customElements.get(a(e))||customElements.define(a(e),s);break;case"dropi-icon":customElements.get(a(e))||o()}}))}n();const p=s,d=n;export{p as DropiPaginator,d as defineCustomElement}
+import{t as a,p as e,H as t,c as i,h as r}from"./index.js";import{d as o}from"./p-wO1yy0Zr.js";const s=e(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.dropiPageChange=i(this,"dropiPageChange",7)}total=0;pageSize=10;page=1;maxPages=5;noLabels=!1;showPageSizeSelector=!1;pageSizeOptions=[10,25,50,100];dropiPageChange;parsedOptions=[10,25,50,100];optionsChanged(a){this.parsedOptions="string"==typeof a?JSON.parse(a):a}componentWillLoad(){this.optionsChanged(this.pageSizeOptions)}get totalPages(){return Math.max(1,Math.ceil(this.total/this.pageSize))}get pageNumbers(){const a=this.totalPages,e=this.page,t=this.maxPages;if(a<=t)return Array.from({length:a},((a,e)=>e+1));let i=Math.max(1,e-Math.floor(t/2)),r=Math.min(a,i+t-1);r-i<t-1&&(i=Math.max(1,r-t+1));const o=[];i>1&&(o.push(1),i>2&&o.push("..."));for(let a=i;a<=r;a++)o.push(a);return r<a&&(r<a-1&&o.push("..."),o.push(a)),o}goTo(a){a<1||a>this.totalPages||a===this.page||(this.page=a,this.dropiPageChange.emit({page:this.page,pageSize:this.pageSize}))}onPageSizeChange(a){this.pageSize=Number(a.target.value),this.page=1,this.dropiPageChange.emit({page:this.page,pageSize:this.pageSize})}render(){const a=this.pageNumbers,e=this.page<=1,t=this.page>=this.totalPages;return r("div",{key:"23b6e4c63f01a484e61cea9fb6188382848cf675",class:"paginator"},this.showPageSizeSelector&&r("div",{key:"0cfb3aea09339b51e65b2314b1da9915b384c92a",class:"paginator-size"},r("span",{key:"bef7700fdd17d4aaa5d800ad117f90b34e56381a",class:"paginator-size-label"},"Por página:"),r("select",{key:"c25162f2ce42bbc00125a28d707e72fc214b4864",class:"paginator-size-select",onChange:a=>this.onPageSizeChange(a)},this.parsedOptions.map((a=>r("option",{value:a,selected:a===this.pageSize},a))))),r("div",{key:"f8fd71442442725779786ea3f2334cccf82d237f",class:"paginator-pages"},!e&&!this.noLabels&&r("button",{key:"899e629c0922baa0b71646912e4eed6e6c44536b",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(1),"aria-label":"Primera página"},r("dropi-icon",{key:"0e847019e80d9e6c8d448b904691518a87a3afff",name:"Arrow-double-small-left",width:"16px",height:"16px",color:"Gray-Gray-600"})),!e&&r("button",{key:"606e96d5e1495c17ac86d66d560116574f2aa962",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(this.page-1),"aria-label":"Anterior"},r("dropi-icon",{key:"695bbfc36e42040c530b4338c9118d9b1da4c1ea",name:"Dropdown-left",width:"16px",height:"16px",color:"Gray-Gray-600"}),!this.noLabels&&r("span",{key:"c3bc6d3c292f07b782aba6672715163d50907d93",class:"paginator-label"},"Anterior")),a.map(((a,e)=>"..."===a?r("span",{class:"paginator-ellipsis",key:"e"+e},"…"):r("button",{key:a,class:{"paginator-btn":!0,"paginator-btn--active":a===this.page},onClick:()=>this.goTo(a),"aria-current":a===this.page?"page":void 0},a))),!t&&r("button",{key:"83b89c14ca3fc63679839a4bcb3b416412ebcb01",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(this.page+1),"aria-label":"Siguiente"},!this.noLabels&&r("span",{key:"e896eb8dd2bbabd932014a100a138af89fdfd2f4",class:"paginator-label"},"Siguiente"),r("dropi-icon",{key:"2f9ba001d0ca94f8330b910a6dd952d940c622c8",name:"Dropdown-Right",width:"16px",height:"16px",color:"Gray-Gray-600"})),!t&&!this.noLabels&&r("button",{key:"6531b71b3767ae872464605bad8ce8e1a5d609d1",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(this.totalPages),"aria-label":"Última página"},r("dropi-icon",{key:"9411fdbec9291cf3a3418152efc6ce951e6c4006",name:"Arrow-double-small-right",width:"16px",height:"16px",color:"Gray-Gray-600"}))))}static get watchers(){return{pageSizeOptions:[{optionsChanged:0}]}}static get style(){return":host{display:block}*,*::before,*::after{box-sizing:border-box}.paginator{display:flex;align-items:center;justify-content:flex-end;gap:var(--Size-4, 16px);flex-wrap:wrap}.paginator-pages{display:flex;align-items:center;gap:var(--Size-1, 4px)}.paginator-btn{width:32px;height:32px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-s, 12px);font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.15s ease}.paginator-btn:hover:not(:disabled){background:var(--Gray-Gray-50, #f7f8fa)}.paginator-btn:disabled{opacity:0.4;cursor:not-allowed}.paginator-btn--active{background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #fff);font-weight:var(--font-weight-bold, 700)}.paginator-btn--active:hover{background:var(--Primary-Primary-500, #f49a3d)}.paginator-btn--arrow{width:auto;padding:0 var(--Size-2, 8px);border-radius:var(--Border-1, 4px);gap:4px}.paginator-btn--arrow:hover:not(:disabled){background:var(--Gray-Gray-50, #f7f8fa)}.paginator-label{font-size:var(--font-size-s, 12px);color:inherit}.paginator-ellipsis{color:var(--Gray-Gray-400, #858ea6);padding:0 4px;font-size:var(--font-size-s, 12px);display:flex;align-items:center}.paginator-size{display:flex;align-items:center;gap:var(--Size-2, 8px)}.paginator-size-label{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-500, #69738c)}.paginator-size-select{height:32px;padding:0 var(--Size-2, 8px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-1, 4px);background:var(--Neutral-White, #fff);color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-s, 12px);font-family:inherit;cursor:pointer;outline:none}"}},[513,"dropi-paginator",{total:[2],pageSize:[1026,"page-size"],page:[1538],maxPages:[2,"max-pages"],noLabels:[4,"no-labels"],showPageSizeSelector:[4,"show-page-size-selector"],pageSizeOptions:[1,"page-size-options"],parsedOptions:[32]},void 0,{pageSizeOptions:[{optionsChanged:0}]}]);function n(){"undefined"!=typeof customElements&&["dropi-paginator","dropi-icon"].forEach((e=>{switch(e){case"dropi-paginator":customElements.get(a(e))||customElements.define(a(e),s);break;case"dropi-icon":customElements.get(a(e))||o()}}))}n();const p=s,c=n;export{p as DropiPaginator,c as defineCustomElement}

package/dist/components/dropi-phone-input.d.ts

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

package/dist/components/dropi-phone-input.js

@@ -0,0 +1 @@
+import{t as e,p as o,H as r,c as a,h as n}from"./index.js";import{d}from"./p-wO1yy0Zr.js";const i=[{name:"Colombia",code:"CO",dial:"+57",maxLength:10},{name:"Ecuador",code:"EC",dial:"+593",maxLength:9},{name:"México",code:"MX",dial:"+52",maxLength:10},{name:"Perú",code:"PE",dial:"+51",maxLength:9},{name:"Chile",code:"CL",dial:"+56",maxLength:9},{name:"Argentina",code:"AR",dial:"+54",maxLength:10},{name:"Venezuela",code:"VE",dial:"+58",maxLength:10},{name:"Brasil",code:"BR",dial:"+55",maxLength:11},{name:"Estados Unidos",code:"US",dial:"+1",maxLength:10},{name:"España",code:"ES",dial:"+34",maxLength:9}],t=o(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiCodeChange=a(this,"dropiCodeChange",7),this.dropiPhoneChange=a(this,"dropiPhoneChange",7)}codArea="+57";value="";placeholder="Número de teléfono";disabled=!1;isValid=!0;errorMessage="Número inválido";label="";open=!1;search="";dropiCodeChange;dropiPhoneChange;codAreaChanged(){this.value=""}get selectedCountry(){return i.find((e=>e.dial===this.codArea))??i[0]}get filtered(){if(!this.search)return i;const e=this.search.toLowerCase();return i.filter((o=>o.name.toLowerCase().includes(e)||o.dial.includes(e)))}selectCountry(e){this.codArea=e.dial,this.open=!1,this.search="",this.dropiCodeChange.emit(e.dial)}handleInput(e){const o=e.target.value.replace(/\D/g,"");this.value=o.slice(0,this.selectedCountry.maxLength),e.target.value=this.value,this.dropiPhoneChange.emit(this.value)}render(){const e=this.selectedCountry;return n("div",{key:"8a22ead8fdf5d8916dd6d5376600ded1528f23e3",class:"phone-wrap"},this.label&&n("label",{key:"5d531f606de5691eeb608a3a32b71bd1b7925ae1",class:"phone-label"},this.label),n("div",{key:"97d858e4dd57114e63bb460970ea5e0a22e3a4a7",class:{"phone-row":!0,"phone-row--error":!this.isValid,"phone-row--disabled":this.disabled}},n("button",{key:"2f18bc35a7698d9c5f24dad68458ff27161c1b9d",type:"button",class:"phone-selector",disabled:this.disabled,onClick:()=>{this.disabled||(this.open=!this.open)},"aria-haspopup":"listbox","aria-expanded":this.open},n("span",{key:"e0e5c9c22eab18335ce75ba273bf98934ad2fec0",class:"phone-selector__flag"},e.code),n("span",{key:"9494233c07ed5f5fe6f6ad71f1f9d4c2b94be249",class:"phone-selector__dial"},e.dial),n("dropi-icon",{key:"721e47d92b5dc9f973a5ce08b383a87371fdb736",name:"Arrow-Down-2",width:"12px",height:"12px",color:"Gray-Gray-400"})),n("div",{key:"93183e161f42b12cd42daa488c49318b2c378351",class:"phone-divider"}),n("input",{key:"d9b4254f760cf967b2e0ca27946968d2cfc0ca86",class:"phone-input",type:"tel",inputmode:"numeric",placeholder:this.placeholder,value:this.value,disabled:this.disabled,maxLength:e.maxLength,onInput:e=>this.handleInput(e)})),!this.isValid&&n("p",{key:"62a89722bdab5c9b3a67c444543679acfc91f4e9",class:"phone-error"},this.errorMessage),this.open&&n("div",{key:"d51d4d3a43eb6d823dd9039d534f97e6a456b343",class:"phone-dropdown"},n("div",{key:"d3f5912e02d62fdbec2b8a859b49c80b94047a2c",class:"phone-dropdown__search-wrap"},n("input",{key:"2349669feca48b0760277a4288420f2680eb41c4",class:"phone-dropdown__search",type:"text",placeholder:"Buscar país...",value:this.search,onInput:e=>this.search=e.target.value})),0===this.filtered.length?n("div",{class:"phone-dropdown__empty"},"Sin resultados"):this.filtered.map((e=>n("div",{class:{"phone-dropdown__item":!0,"phone-dropdown__item--active":e.dial===this.codArea},onMouseDown:o=>{o.preventDefault(),this.selectCountry(e)}},n("span",{class:"phone-dropdown__code"},e.code),n("span",{class:"phone-dropdown__name"},e.name),n("span",{class:"phone-dropdown__dial"},e.dial))))))}static get watchers(){return{codArea:[{codAreaChanged:0}]}}static get style(){return":host{display:block;width:100%;position:relative}*,*::before,*::after{box-sizing:border-box}.phone-label{display:block;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066);margin-bottom:4px}.phone-row{display:flex;align-items:center;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #fff);height:40px;overflow:hidden;transition:border-color 0.2s}.phone-row:focus-within{border-color:var(--Info-Info-500, #50a5f1)}.phone-row--error{border-color:var(--Error-Error-500, #f46a6b)}.phone-row--disabled{background:var(--Gray-Gray-50, #f7f8fa);opacity:0.6;pointer-events:none}.phone-selector{display:flex;align-items:center;gap:4px;padding:0 var(--Size-2, 8px);background:none;border:none;cursor:pointer;height:100%;flex-shrink:0}.phone-selector:disabled{cursor:default}.phone-selector__flag{font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-800, #1a2033);letter-spacing:0.5px}.phone-selector__dial{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066)}.phone-divider{width:1px;height:20px;background:var(--Gray-Gray-200, #c3c9d9);flex-shrink:0}.phone-input{flex:1;height:100%;padding:0 var(--Size-2, 8px);border:none;outline:none;font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);background:transparent}.phone-input::placeholder{color:var(--Gray-Gray-400, #858ea6)}.phone-error{margin:4px 0 0;font-size:var(--font-size-xs, 10px);color:var(--Error-Error-500, #f46a6b)}.phone-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--Neutral-White, #fff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);box-shadow:0 4px 16px rgba(0,0,0,0.08);z-index:200;max-height:240px;overflow-y:auto}.phone-dropdown__search-wrap{padding:var(--Size-2, 8px);border-bottom:1px solid var(--Gray-Gray-100, #eceef4);position:sticky;top:0;background:var(--Neutral-White, #fff)}.phone-dropdown__search{width:100%;height:32px;padding:0 var(--Size-2, 8px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-1, 4px);font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);outline:none}.phone-dropdown__search:focus{border-color:var(--Info-Info-500, #50a5f1)}.phone-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}.phone-dropdown__item:hover{background:var(--Gray-Gray-50, #f7f8fa)}.phone-dropdown__item--active{background:var(--Primary-Primary-50, #fff5eb)}.phone-dropdown__code{font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-800, #1a2033);width:28px;flex-shrink:0}.phone-dropdown__name{flex:1;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-dropdown__dial{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-400, #858ea6);flex-shrink:0}.phone-dropdown__empty{padding:var(--Size-3, 12px);font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-400, #858ea6);text-align:center}"}},[513,"dropi-phone-input",{codArea:[1025,"cod-area"],value:[1025],placeholder:[1],disabled:[4],isValid:[4,"is-valid"],errorMessage:[1,"error-message"],label:[1],open:[32],search:[32]},void 0,{codArea:[{codAreaChanged:0}]}]);function s(){"undefined"!=typeof customElements&&["dropi-phone-input","dropi-icon"].forEach((o=>{switch(o){case"dropi-phone-input":customElements.get(e(o))||customElements.define(e(o),t);break;case"dropi-icon":customElements.get(e(o))||d()}}))}s();const p=t,c=s;export{p as DropiPhoneInput,c as defineCustomElement}