@dropi/ui 0.1.51 → 0.1.53

package/dist/dropi-ui/p-8ac5a31d.entry.js

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

package/dist/dropi-ui/p-8adb80a4.entry.js

@@ -0,0 +1 @@
+import{r as i,c as e,h as a}from"./p-K5v4Q5tq.js";const t=class{constructor(a){i(this,a),this.dropiImageClick=e(this,"dropiImageClick")}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 a("div",{key:"1d5119b79028aa263f9e5ed86f8c2e011da88d2c",class:"miniature"},this.label&&a("span",{key:"630c4176cd075eba26f8f8af1732742c61fdf85c",class:"miniature__label"},this.label),a("div",{key:"1494be69134a0db4d62803940be8be13478cf8c9",class:"miniature__grid"},i.map(((e,t)=>a("div",{class:"miniature__item",style:{width:this.width,height:this.height},key:t,onClick:()=>this.dropiImageClick.emit({images:i,index:t})},a("img",{src:e,alt:`imagen ${t+1}`,loading:"lazy",onError:i=>this.handleError(i)}),a("div",{class:"miniature__zoom"},a("dropi-icon",{name:"Search",iconWidth:"16px",iconHeight:"16px",color:"Neutral-White"})))))))}};t.style=":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}";export{t as dropi_image_miniature}

package/dist/dropi-ui/p-8eb0ebff.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,h as i}from"./p-CWoV_bQo.js";const s=class{constructor(i){t(this,i),this.codeCompleted=e(this,"codeCompleted"),this.codeAccepted=e(this,"codeAccepted"),this.dropiResend=e(this,"dropiResend"),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals)}internals;name;engine="email";labelContact="";showLabelContact=!1;errorMessage="";digitsCount=6;digits=[];digitStates=[];countdown=30;canResend=!1;error=!1;inputs=[];timer;handleDigitsCountChange(t){this.digits=Array(t).fill(""),this.digitStates=Array(t).fill("idle"),this.inputs=[]}codeCompleted;codeAccepted;dropiResend;componentWillLoad(){this.digits=Array(this.digitsCount).fill(""),this.digitStates=Array(this.digitsCount).fill("idle"),this.internals.setFormValue("")}componentDidLoad(){this.startCountdown()}disconnectedCallback(){clearInterval(this.timer)}startCountdown(){this.countdown=30,this.canResend=!1,clearInterval(this.timer),this.timer=setInterval((()=>{this.countdown--,this.countdown<=0&&(clearInterval(this.timer),this.canResend=!0)}),1e3)}handleInput(t,e){const i=t.target.value.replace(/\D/g,"").slice(-1),s=[...this.digits];s[e]=i,this.digits=s;const r=[...this.digitStates];if(r[e]=i?"filled":"idle",this.digitStates=r,i&&e<this.digitsCount-1&&this.inputs[e+1]?.focus(),s.every((t=>""!==t))){const t=s.join("");this.internals.setFormValue(t),this.codeCompleted.emit(t),this.codeAccepted.emit(t)}else this.internals.setFormValue(s.join(""))}handleKeyDown(t,e){"Backspace"===t.key&&!this.digits[e]&&e>0&&this.inputs[e-1]?.focus()}handlePaste(t){t.preventDefault();const e=t.clipboardData?.getData("text")?.replace(/\D/g,"").slice(0,this.digitsCount)||"",i=Array(this.digitsCount).fill("");if(e.split("").forEach(((t,e)=>{i[e]=t})),this.digits=i,this.digitStates=i.map((t=>t?"filled":"idle")),this.inputs[Math.min(e.length,this.digitsCount-1)]?.focus(),i.every((t=>""!==t))){const t=i.join("");this.internals.setFormValue(t),this.codeCompleted.emit(t),this.codeAccepted.emit(t)}else this.internals.setFormValue(i.join(""))}render(){return i("div",{key:"68d01986b43ee262c6df66d1160df32313c76edf",class:"otp"},this.showLabelContact&&i("p",{key:"83138a2f4716552cce108c228b99c1e7fc532036",class:"otp__label"},"Ingresa el código enviado a tu ","sms"===this.engine?"SMS":"2fa"===this.engine?"autenticador":"correo",this.labelContact&&i("strong",{key:"8de893e9ea835b3459b8be78414d337436f908de"}," ",this.labelContact)),i("div",{key:"a50f5e2ae1733ec1df704578d6264b8e86a08f5b",class:"otp__inputs",onPaste:t=>this.handlePaste(t)},this.digits.map(((t,e)=>i("input",{key:e,ref:t=>{t&&(this.inputs[e]=t)},class:{otp__digit:!0,"otp__digit--filled":"filled"===this.digitStates[e],"otp__digit--error":this.error},type:"text",inputMode:"numeric",maxLength:1,value:this.digits[e]??"",onInput:t=>this.handleInput(t,e),onKeyDown:t=>this.handleKeyDown(t,e)})))),this.error&&this.errorMessage&&i("p",{key:"315b68b30120ab315f106eed441b9a61550d7833",class:"otp__error"},this.errorMessage),i("div",{key:"b07d47236824b631193b9a90c083ea5d170d135b",class:"otp__resend"},this.canResend?i("button",{class:"otp__resend-btn",onClick:()=>{this.startCountdown(),this.dropiResend.emit()}},"Reenviar código"):i("span",{class:"otp__countdown"},"Reenviar en ",this.countdown,"s")))}static get formAssociated(){return!0}static get watchers(){return{digitsCount:[{handleDigitsCountChange:0}]}}};s.style=":host{display:block;width:100%}button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}*,*::before,*::after{box-sizing:border-box}.otp{display:flex;flex-direction:column;align-items:center;gap:var(--Size-4, 16px)}.otp__label{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066);text-align:center;margin:0}.otp__inputs{display:flex;gap:var(--Size-4, 16px)}.otp__digit{width:56px;height:56px;border:1.5px solid var(--Gray-Gray-200, #d3d7de);border-radius:var(--Border-2, 8px);text-align:center;font-size:22px;font-weight:var(--font-weight-bold, 700);font-family:var(--font-family-01, 'Inter', sans-serif);color:var(--Gray-Gray-800, #1f2433);outline:none;transition:border-color 0.15s ease;background:var(--Neutral-White, #ffffff)}.otp__digit:focus{border:2px solid var(--Primary-Primary-500, #f49a3d)}.otp__digit--filled{border:1px solid var(--Success-Success-500, #0abb87);color:var(--Neutral-Neutral-900, #0e111a)}.otp__digit--error{border:1px solid var(--Error-Error-500, #f46a6b)}.otp__error{margin:0;font-size:var(--font-size-xs, 10px);color:var(--Error-Error-500, #f46a6b);text-align:center}.otp__resend{text-align:center}.otp__countdown{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-400, #858ea6)}.otp__resend-btn{background:none;border:none;padding:0;font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);color:var(--Primary-Primary-500, #f49a3d);cursor:pointer;text-decoration:underline}";export{s as dropi_otp_send_code}

package/dist/dropi-ui/p-8feee3fd.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,a as r,h as a}from"./p-CWoV_bQo.js";const i=["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"],n=["Ene","Feb","Mar","Abr","May","Jun","Jul","Ago","Sep","Oct","Nov","Dic"],o=["Do","Lu","Ma","Mi","Ju","Vi","Sa"],s=class{constructor(r){t(this,r),this.dropiChangeDate=e(this,"dropiChangeDate"),this.dropiClosePanel=e(this,"dropiClosePanel"),this.dropiRangeChange=e(this,"dropiRangeChange"),r.$hostElement$["s-ei"]?this.internals=r.$hostElement$["s-ei"]:(this.internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this.internals)}internals;name;selectedDate="";startDate="";endDate="";valueChanged(){this.updateFormValue()}selectionMode="single";minDate="";maxDate="";label=null;placeholder="DD/MM/YYYY";disabled=!1;isInvalid=!1;loading=!1;hideTodayShortcut=!1;open=!1;viewYear=(new Date).getFullYear();viewMonth=(new Date).getMonth();hoverDate="";viewMode="day";activeShortcut=-1;get el(){return r(this)}handleDocClick(t){this.open&&!t.composedPath().includes(this.el)&&(this.open=!1)}dropiChangeDate;dropiClosePanel;dropiRangeChange;componentWillLoad(){this.updateFormValue()}updateFormValue(){this.internals.setFormValue("range"===this.selectionMode?this.startDate&&this.endDate?`${this.startDate},${this.endDate}`:"":this.selectedDate||"")}get displayValue(){return"range"===this.selectionMode?this.startDate&&this.endDate?`${this.startDate} – ${this.endDate}`:this.startDate?this.startDate:"":this.selectedDate}open_(){if(!this.disabled){if(this.selectedDate){const t=new Date(this.selectedDate);this.viewYear=t.getFullYear(),this.viewMonth=t.getMonth()}else if(this.startDate){const t=new Date(this.startDate);this.viewYear=t.getFullYear(),this.viewMonth=t.getMonth()}this.viewMode="day",this.open=!0}}get decadeStart(){return 10*Math.floor(this.viewYear/10)}get navTitle(){return"day"===this.viewMode?`${i[this.viewMonth]}  ${this.viewYear}`:"month"===this.viewMode?`${this.viewYear}`:`${this.decadeStart}-${this.decadeStart+9}`}cycleView(){"day"===this.viewMode?this.viewMode="month":"month"===this.viewMode&&(this.viewMode="year")}prevNav(){"day"===this.viewMode?0===this.viewMonth?(this.viewMonth=11,this.viewYear--):this.viewMonth--:"month"===this.viewMode?this.viewYear--:this.viewYear=this.decadeStart-10}nextNav(){"day"===this.viewMode?11===this.viewMonth?(this.viewMonth=0,this.viewYear++):this.viewMonth++:"month"===this.viewMode?this.viewYear++:this.viewYear=this.decadeStart+10}selectMonth(t){this.viewMonth=t,this.viewMode="day"}selectYear(t){this.viewYear=t,this.viewMode="month"}get today(){return(new Date).toISOString().slice(0,10)}daysAgo(t){const e=new Date;return e.setDate(e.getDate()-t),e.toISOString().slice(0,10)}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.hideTodayShortcut?t.slice(1):t}selectShortcut(t){const e=this.shortcuts[t];this.activeShortcut=t,"range"===this.selectionMode?(this.startDate=e.start,this.endDate=e.end,this.dropiRangeChange.emit({start:e.start,end:e.end})):(this.selectedDate=e.end,this.dropiChangeDate.emit(e.end)),this.open=!1}toISO(t,e,r){return`${t}-${String(e+1).padStart(2,"0")}-${String(r).padStart(2,"0")}`}isDisabled(t){return!!(this.minDate&&t<this.minDate)||!!(this.maxDate&&t>this.maxDate)}isInRange(t){if("range"!==this.selectionMode)return!1;const e=this.startDate,r=this.endDate||this.hoverDate;if(!e||!r)return!1;const[a,i]=e<=r?[e,r]:[r,e];return t>a&&t<i}selectDate(t){if(!this.isDisabled(t))return"range"!==this.selectionMode?(this.selectedDate=t,this.open=!1,void this.dropiChangeDate.emit(t)):void(!this.startDate||this.startDate&&this.endDate?(this.startDate=t,this.endDate=""):(t<this.startDate?(this.endDate=this.startDate,this.startDate=t):this.endDate=t,this.open=!1,this.dropiRangeChange.emit({start:this.startDate,end:this.endDate})))}buildDays(){const t=this.viewYear,e=this.viewMonth,r=new Date(t,e,1).getDay(),a=new Date(t,e+1,0).getDate(),i=new Date(t,e,0).getDate(),n=[];for(let a=r-1;a>=0;a--){const r=i-a;n.push({iso:this.toISO(0===e?t-1:t,0===e?11:e-1,r),day:r,currentMonth:!1})}for(let r=1;r<=a;r++)n.push({iso:this.toISO(t,e,r),day:r,currentMonth:!0});const o=42-n.length;for(let r=1;r<=o;r++)n.push({iso:this.toISO(11===e?t+1:t,11===e?0:e+1,r),day:r,currentMonth:!1});return n}renderDayView(t){const e=this.buildDays();return a("div",{class:"dp-grid"},o.map((t=>a("div",{class:"dp-day-header"},t))),e.map((({iso:e,day:r,currentMonth:i})=>{const n="range"!==this.selectionMode?e===this.selectedDate:e===this.startDate||e===this.endDate,o="range"===this.selectionMode&&e===this.startDate,s="range"===this.selectionMode&&e===this.endDate,d=this.isInRange(e),l=this.isDisabled(e);return a("button",{class:{"dp-cell":!0,"dp-cell--other-month":!i,"dp-cell--today":e===t,"dp-cell--selected":n,"dp-cell--range-start":o,"dp-cell--range-end":s,"dp-cell--in-range":d,"dp-cell--disabled":l},type:"button",disabled:l,onClick:()=>this.selectDate(e),onMouseEnter:()=>{"range"===this.selectionMode&&this.startDate&&!this.endDate&&(this.hoverDate=e)},onMouseLeave:()=>this.hoverDate=""},r)})))}renderMonthView(){const t=(new Date).getMonth(),e=(new Date).getFullYear();return a("div",{class:"dp-month-grid"},n.map(((r,i)=>{const n=i===this.viewMonth;return a("button",{class:{"dp-month-cell":!0,"dp-month-cell--selected":n,"dp-month-cell--current":i===t&&this.viewYear===e&&!n},type:"button",onClick:()=>this.selectMonth(i)},r)})))}renderYearView(){const t=(new Date).getFullYear(),e=this.decadeStart,r=Array.from({length:10},((t,r)=>e+r));return a("div",{class:"dp-year-grid"},r.map((e=>{const r=e===this.viewYear;return a("button",{class:{"dp-year-cell":!0,"dp-year-cell--selected":r,"dp-year-cell--current":e===t&&!r},type:"button",onClick:()=>this.selectYear(e)},e)})))}render(){const t=(new Date).toISOString().slice(0,10);return a("div",{key:"6ae00de99b93a13faba81ac027c292b9624d0336",class:"dp-wrap"},this.label&&a("label",{key:"9282bb57332ebaef9861702d80759d641ea21757",class:"dp-label"},this.label),a("button",{key:"1fe5d5fcd8ce1c0b151381d9c249c401d322f78a",class:{"dp-trigger":!0,"dp-trigger--disabled":this.disabled,"dp-trigger--invalid":this.isInvalid,"dp-trigger--loading":this.loading},onClick:()=>this.open?this.open=!1:this.open_(),disabled:this.disabled||this.loading,type:"button"},a("dropi-icon",{key:"560cf80eb7652543b9000e375b213a3dba91060b",name:"Calendar",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-400"}),a("span",{key:"3bdc45bd4706502af4050475e709c15beebce028",class:{"dp-trigger__value":!0,"dp-trigger__placeholder":!this.displayValue}},this.displayValue||this.placeholder)),this.open&&a("div",{key:"e21053dd38d62ab43c01f337fbbeb8b36e70680c",class:"dp-popup"},a("div",{key:"d6c8fc40ec4bd11bcd5bf3d8b3706c4c62099bbf",class:"dp-calendar"},a("div",{key:"cf8f21d301592077851a44eb588418302240598f",class:"dp-nav"},a("button",{key:"28702d76d499cec07cd69d7bd23f5eb0369d288f",class:"dp-nav__btn",onClick:()=>this.prevNav(),type:"button"},a("dropi-icon",{key:"18b1c6fb2ea5f51b4a4b59592c7d89c5406c6c39",name:"dropdown-left",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"})),a("button",{key:"755274772a90deae38d613da369863aefe95e297",class:"dp-nav__title",onClick:()=>this.cycleView(),type:"button"},"day"===this.viewMode?[a("span",null,i[this.viewMonth]),a("span",null,this.viewYear)]:a("span",null,this.navTitle)),a("button",{key:"6442690df1e434f9fb0128327f8f07c3cecbed4c",class:"dp-nav__btn",onClick:()=>this.nextNav(),type:"button"},a("dropi-icon",{key:"00525ae2cbe5cc8a881d165141de10ce3d72e439",name:"dropdown-right",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"}))),"day"===this.viewMode&&this.renderDayView(t),"month"===this.viewMode&&this.renderMonthView(),"year"===this.viewMode&&this.renderYearView()),"range"===this.selectionMode&&[a("div",{key:"688df97b843c3c3342fc301d6c6c74ec88921d68",class:"dp-divider"}),a("div",{key:"2c75f7b004812ee1eb18bbc349f03ab55623cd9f",class:"dp-shortcuts"},this.shortcuts.map(((t,e)=>a("button",{key:e,class:{"shortcut-btn":!0,"shortcut-btn--active":this.activeShortcut===e},onClick:()=>this.selectShortcut(e),type:"button"},t.label))))]))}static get formAssociated(){return!0}static get watchers(){return{selectedDate:[{valueChanged:0}],startDate:[{valueChanged:0}],endDate:[{valueChanged:0}]}}};s.style=":host{display:block;width:100%;position:relative}button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}*,*::before,*::after{box-sizing:border-box}.dp-label{display:block;font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-600, #475066);margin-bottom:8px}.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, #ffffff);cursor:pointer;font-family:var(--font-family-01, 'Inter', sans-serif);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-xs, 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% + 8px);left:0;display:flex;flex-direction:row;background:var(--Neutral-White, #ffffff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-3, 12px);box-shadow:0 4px 16px rgba(0,0,0,0.08);z-index:300;overflow:hidden}.dp-calendar{padding:var(--Size-4, 16px);width:300px;flex-shrink:0}.dp-divider{width:1px;background:var(--Gray-Gray-100, #e6eaf2);flex-shrink:0}.dp-shortcuts{padding:var(--Size-4, 16px) var(--Size-3, 12px);display:flex;flex-direction:column;gap:2px;min-width:140px}.shortcut-btn{background:transparent;border:1px solid transparent;padding:6px 10px;font-size:13px;font-family:var(--font-family-01, 'Inter', sans-serif);color:var(--Gray-Gray-700, #32394d);cursor:pointer;text-align:left;border-radius:6px;transition:background 0.1s ease;font-weight:var(--font-weight-regular);white-space:nowrap}.shortcut-btn:hover{background:var(--Gray-Gray-50, #f5f6f8)}.shortcut-btn--active{border-color:var(--Gray-Gray-200, #c3c9d9);font-weight:var(--font-weight-semibold);background:var(--Gray-Gray-50, #f5f6f8)}.dp-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--Size-4, 16px);padding-bottom:var(--Size-3, 12px);border-bottom:1px solid var(--Gray-Gray-100, #e6eaf2)}.dp-nav__btn{background:none;border:none;padding:0;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:background 0.15s}.dp-nav__btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-nav__title{background:none;border:none;font-size:var(--font-size-s, 14px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d);display:flex;gap:8px;cursor:pointer;padding:4px 8px;border-radius:var(--Border-1, 4px);transition:background 0.15s;font-family:var(--font-family-01, 'Inter', sans-serif)}.dp-nav__title:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-grid{display:grid;grid-template-columns:repeat(7, 1fr);row-gap:8px;column-gap:4px}.dp-day-header{font-size:var(--font-size-s, 14px);color:var(--Gray-Gray-700, #32394d);text-align:center;padding:8px 0;font-weight:var(--font-weight-bold, 700)}.dp-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs, 12px);font-family:var(--font-family-01, 'Inter', sans-serif);border:none;cursor:pointer;background:transparent;color:var(--Gray-Gray-600, #475066);width:100%;position:relative;z-index:1;padding:0}.dp-cell::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;transition:all 0.2s;z-index:-1;background:transparent}.dp-cell::before{content:\"\";position:absolute;top:0;bottom:0;z-index:-2;border-radius:0;background:transparent}.dp-cell:hover:not(:disabled)::after{background:var(--Gray-Gray-100, #e6eaf2)}.dp-cell--other-month{color:var(--Gray-Gray-300, #a0a9c0)}.dp-cell--today{font-weight:var(--font-weight-bold, 700)}.dp-cell--today::after{background:var(--Gray-Gray-100, #e6eaf2)}.dp-cell--selected{color:var(--Neutral-White, #ffffff);font-weight:var(--font-weight-bold, 700)}.dp-cell--selected::after{background:var(--Orange-orange-500, #f49a3d) !important}.dp-cell--range-start,.dp-cell--range-end{color:var(--Neutral-White, #ffffff);font-weight:var(--font-weight-bold, 700)}.dp-cell--range-start::after,.dp-cell--range-end::after{background:var(--Orange-orange-500, #f49a3d) !important}.dp-cell--in-range{color:var(--Orange-orange-500, #f49a3d);font-weight:var(--font-weight-bold, 700)}.dp-cell--in-range::before{left:-2px;right:-2px;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-start::before{left:50%;right:-2px;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-end::before{left:-2px;right:50%;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-start.dp-cell--range-end::before{background:transparent}.dp-cell--disabled{opacity:0.35;cursor:not-allowed}.dp-month-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:8px}.dp-month-cell{padding:10px 4px;font-size:var(--font-size-s, 14px);font-family:var(--font-family-01, 'Inter', sans-serif);font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-700, #32394d);background:transparent;border:1px solid transparent;border-radius:var(--Border-2, 8px);cursor:pointer;text-align:center;transition:background 0.15s, border-color 0.15s}.dp-month-cell:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-month-cell--selected{border-color:var(--Info-Info-500, #50a5f1);font-weight:var(--font-weight-semibold, 600)}.dp-month-cell--current{background:var(--Gray-Gray-100, #e6eaf2)}.dp-year-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:8px}.dp-year-cell{padding:10px 4px;font-size:var(--font-size-s, 14px);font-family:var(--font-family-01, 'Inter', sans-serif);font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-700, #32394d);background:transparent;border:1px solid transparent;border-radius:var(--Border-2, 8px);cursor:pointer;text-align:center;transition:background 0.15s, border-color 0.15s}.dp-year-cell:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-year-cell--selected{border-color:var(--Info-Info-500, #50a5f1);font-weight:var(--font-weight-semibold, 600)}.dp-year-cell--current{background:var(--Gray-Gray-100, #e6eaf2)}";export{s as dropi_date_picker}

package/dist/dropi-ui/p-910af7cf.entry.js

@@ -0,0 +1 @@
+import{r,c as e,h as a}from"./p-CWoV_bQo.js";const i=class{constructor(a){r(this,a),this.dropiChange=e(this,"dropiChange"),this.dropiSearch=e(this,"dropiSearch")}options=[];selectedOption="";showFilter=!1;filterPlaceholder="Search";alwaysShowDescription=!0;typeLayout="default";searchDelay=100;filterText="";parsedOptions=[];dropiChange;dropiSearch;optionsChanged(r){this.parsedOptions="string"==typeof r?JSON.parse(r):r||[]}componentWillLoad(){this.optionsChanged(this.options)}get filtered(){if(!this.filterText)return this.parsedOptions;const r=this.filterText.toLowerCase();return this.parsedOptions.filter((e=>e.name?.toLowerCase().includes(r)))}render(){return a("div",{key:"296bdc955d13b8163ca954f6d399543343e7e121",class:"rsl"},this.showFilter&&a("div",{key:"4cdd3764411f389d2b6ce1145f5b6759bb20fc7b",class:"rsl__search"},a("dropi-icon",{key:"81af80a3dddb6176625b6ba575b084501741cd81",name:"Search",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-400"}),a("input",{key:"aa0e762f4403431225375f95c792af8596529588",class:"rsl__search-input",type:"text",placeholder:this.filterPlaceholder,value:this.filterText,onInput:r=>{this.filterText=r.target.value,this.dropiSearch.emit({searchValue:this.filterText,filteredOptions:this.filtered})}})),a("div",{key:"d153875a1c09957b74648f61f70320968ea6cd40",class:"rsl__list"},this.filtered.map((r=>{const e=r.id===this.selectedOption;return a("div",{class:{rsl__item:!0,"rsl__item--selected":e},key:r.id,onClick:()=>{this.selectedOption=r.id,this.dropiChange.emit(r.id)}},a("div",{class:{rsl__radio:!0,"rsl__radio--checked":e}},e&&a("div",{class:"rsl__radio-dot"})),a("div",{class:"rsl__content"},a("span",{class:"rsl__name"},r.name),(e||this.alwaysShowDescription)&&r.description&&a("span",{class:"rsl__desc"},r.description)))}))))}static get watchers(){return{options:[{optionsChanged:0}]}}};i.style=":host{display:block;width:100%}button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}*,*::before,*::after{box-sizing:border-box}.rsl__search{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-2, 8px) var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);margin-bottom:var(--Size-2, 8px)}.rsl__search-input{flex:1;border:none;outline:none;font-size:var(--font-size-s, 12px);font-family:var(--font-family-01, 'Inter', sans-serif);color:var(--Gray-Gray-700, #32394d);background:transparent}.rsl__list{display:flex;flex-direction:column;gap:var(--Size-2, 8px)}.rsl__item{display:flex;align-items:flex-start;gap:var(--Size-3, 12px);padding:var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);cursor:pointer;transition:border-color 0.15s, background 0.15s}.rsl__item:hover{background:var(--Gray-Gray-50, #f7f8fa)}.rsl__item--selected{border-color:var(--Primary-Primary-500, #f49a3d);background:var(--Primary-Primary-50, #fff5eb)}.rsl__radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--Gray-Gray-300, #a3abbf);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:3px;transition:border-color 0.15s}.rsl__radio--checked{border-color:var(--Primary-Primary-500, #f49a3d)}.rsl__radio-dot{width:8px;height:8px;border-radius:50%;background:var(--Primary-Primary-500, #f49a3d)}.rsl__content{display:flex;flex-direction:column;gap:2px}.rsl__name{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d)}.rsl__desc{font-size:var(--font-size-xs, 10px);line-height:1.4;color:var(--Gray-Gray-500, #69738c)}";export{i as dropi_radio_selection_list}

package/dist/dropi-ui/p-92879d0d.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,a as r,h as a}from"./p-K5v4Q5tq.js";const i=["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"],n=["Ene","Feb","Mar","Abr","May","Jun","Jul","Ago","Sep","Oct","Nov","Dic"],o=["Do","Lu","Ma","Mi","Ju","Vi","Sa"],s=class{constructor(r){t(this,r),this.dropiChangeDate=e(this,"dropiChangeDate"),this.dropiClosePanel=e(this,"dropiClosePanel"),this.dropiRangeChange=e(this,"dropiRangeChange"),r.$hostElement$["s-ei"]?this.internals=r.$hostElement$["s-ei"]:(this.internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this.internals)}internals;name;selectedDate="";startDate="";endDate="";valueChanged(){this.updateFormValue()}selectionMode="single";minDate="";maxDate="";label=null;placeholder="DD/MM/YYYY";disabled=!1;isInvalid=!1;loading=!1;hideTodayShortcut=!1;open=!1;viewYear=(new Date).getFullYear();viewMonth=(new Date).getMonth();hoverDate="";viewMode="day";activeShortcut=-1;get el(){return r(this)}handleDocClick(t){this.open&&!t.composedPath().includes(this.el)&&(this.open=!1)}dropiChangeDate;dropiClosePanel;dropiRangeChange;componentWillLoad(){this.updateFormValue()}updateFormValue(){this.internals.setFormValue("range"===this.selectionMode?this.startDate&&this.endDate?`${this.startDate},${this.endDate}`:"":this.selectedDate||"")}get displayValue(){return"range"===this.selectionMode?this.startDate&&this.endDate?`${this.startDate} – ${this.endDate}`:this.startDate?this.startDate:"":this.selectedDate}open_(){if(!this.disabled){if(this.selectedDate){const t=new Date(this.selectedDate);this.viewYear=t.getFullYear(),this.viewMonth=t.getMonth()}else if(this.startDate){const t=new Date(this.startDate);this.viewYear=t.getFullYear(),this.viewMonth=t.getMonth()}this.viewMode="day",this.open=!0}}get decadeStart(){return 10*Math.floor(this.viewYear/10)}get navTitle(){return"day"===this.viewMode?`${i[this.viewMonth]}  ${this.viewYear}`:"month"===this.viewMode?`${this.viewYear}`:`${this.decadeStart}-${this.decadeStart+9}`}cycleView(){"day"===this.viewMode?this.viewMode="month":"month"===this.viewMode&&(this.viewMode="year")}prevNav(){"day"===this.viewMode?0===this.viewMonth?(this.viewMonth=11,this.viewYear--):this.viewMonth--:"month"===this.viewMode?this.viewYear--:this.viewYear=this.decadeStart-10}nextNav(){"day"===this.viewMode?11===this.viewMonth?(this.viewMonth=0,this.viewYear++):this.viewMonth++:"month"===this.viewMode?this.viewYear++:this.viewYear=this.decadeStart+10}selectMonth(t){this.viewMonth=t,this.viewMode="day"}selectYear(t){this.viewYear=t,this.viewMode="month"}get today(){return(new Date).toISOString().slice(0,10)}daysAgo(t){const e=new Date;return e.setDate(e.getDate()-t),e.toISOString().slice(0,10)}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.hideTodayShortcut?t.slice(1):t}selectShortcut(t){const e=this.shortcuts[t];this.activeShortcut=t,"range"===this.selectionMode?(this.startDate=e.start,this.endDate=e.end,this.dropiRangeChange.emit({start:e.start,end:e.end})):(this.selectedDate=e.end,this.dropiChangeDate.emit(e.end)),this.open=!1}toISO(t,e,r){return`${t}-${String(e+1).padStart(2,"0")}-${String(r).padStart(2,"0")}`}isDisabled(t){return!!(this.minDate&&t<this.minDate)||!!(this.maxDate&&t>this.maxDate)}isInRange(t){if("range"!==this.selectionMode)return!1;const e=this.startDate,r=this.endDate||this.hoverDate;if(!e||!r)return!1;const[a,i]=e<=r?[e,r]:[r,e];return t>a&&t<i}selectDate(t){if(!this.isDisabled(t))return"range"!==this.selectionMode?(this.selectedDate=t,this.open=!1,void this.dropiChangeDate.emit(t)):void(!this.startDate||this.startDate&&this.endDate?(this.startDate=t,this.endDate=""):(t<this.startDate?(this.endDate=this.startDate,this.startDate=t):this.endDate=t,this.open=!1,this.dropiRangeChange.emit({start:this.startDate,end:this.endDate})))}buildDays(){const t=this.viewYear,e=this.viewMonth,r=new Date(t,e,1).getDay(),a=new Date(t,e+1,0).getDate(),i=new Date(t,e,0).getDate(),n=[];for(let a=r-1;a>=0;a--){const r=i-a;n.push({iso:this.toISO(0===e?t-1:t,0===e?11:e-1,r),day:r,currentMonth:!1})}for(let r=1;r<=a;r++)n.push({iso:this.toISO(t,e,r),day:r,currentMonth:!0});const o=42-n.length;for(let r=1;r<=o;r++)n.push({iso:this.toISO(11===e?t+1:t,11===e?0:e+1,r),day:r,currentMonth:!1});return n}renderDayView(t){const e=this.buildDays();return a("div",{class:"dp-grid"},o.map((t=>a("div",{class:"dp-day-header"},t))),e.map((({iso:e,day:r,currentMonth:i})=>{const n="range"!==this.selectionMode?e===this.selectedDate:e===this.startDate||e===this.endDate,o="range"===this.selectionMode&&e===this.startDate,s="range"===this.selectionMode&&e===this.endDate,d=this.isInRange(e),l=this.isDisabled(e);return a("button",{class:{"dp-cell":!0,"dp-cell--other-month":!i,"dp-cell--today":e===t,"dp-cell--selected":n,"dp-cell--range-start":o,"dp-cell--range-end":s,"dp-cell--in-range":d,"dp-cell--disabled":l},type:"button",disabled:l,onClick:()=>this.selectDate(e),onMouseEnter:()=>{"range"===this.selectionMode&&this.startDate&&!this.endDate&&(this.hoverDate=e)},onMouseLeave:()=>this.hoverDate=""},r)})))}renderMonthView(){const t=(new Date).getMonth(),e=(new Date).getFullYear();return a("div",{class:"dp-month-grid"},n.map(((r,i)=>{const n=i===this.viewMonth;return a("button",{class:{"dp-month-cell":!0,"dp-month-cell--selected":n,"dp-month-cell--current":i===t&&this.viewYear===e&&!n},type:"button",onClick:()=>this.selectMonth(i)},r)})))}renderYearView(){const t=(new Date).getFullYear(),e=this.decadeStart,r=Array.from({length:10},((t,r)=>e+r));return a("div",{class:"dp-year-grid"},r.map((e=>{const r=e===this.viewYear;return a("button",{class:{"dp-year-cell":!0,"dp-year-cell--selected":r,"dp-year-cell--current":e===t&&!r},type:"button",onClick:()=>this.selectYear(e)},e)})))}render(){const t=(new Date).toISOString().slice(0,10);return a("div",{key:"6ae00de99b93a13faba81ac027c292b9624d0336",class:"dp-wrap"},this.label&&a("label",{key:"9282bb57332ebaef9861702d80759d641ea21757",class:"dp-label"},this.label),a("button",{key:"1fe5d5fcd8ce1c0b151381d9c249c401d322f78a",class:{"dp-trigger":!0,"dp-trigger--disabled":this.disabled,"dp-trigger--invalid":this.isInvalid,"dp-trigger--loading":this.loading},onClick:()=>this.open?this.open=!1:this.open_(),disabled:this.disabled||this.loading,type:"button"},a("dropi-icon",{key:"560cf80eb7652543b9000e375b213a3dba91060b",name:"Calendar",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-400"}),a("span",{key:"3bdc45bd4706502af4050475e709c15beebce028",class:{"dp-trigger__value":!0,"dp-trigger__placeholder":!this.displayValue}},this.displayValue||this.placeholder)),this.open&&a("div",{key:"e21053dd38d62ab43c01f337fbbeb8b36e70680c",class:"dp-popup"},a("div",{key:"d6c8fc40ec4bd11bcd5bf3d8b3706c4c62099bbf",class:"dp-calendar"},a("div",{key:"cf8f21d301592077851a44eb588418302240598f",class:"dp-nav"},a("button",{key:"28702d76d499cec07cd69d7bd23f5eb0369d288f",class:"dp-nav__btn",onClick:()=>this.prevNav(),type:"button"},a("dropi-icon",{key:"18b1c6fb2ea5f51b4a4b59592c7d89c5406c6c39",name:"dropdown-left",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"})),a("button",{key:"755274772a90deae38d613da369863aefe95e297",class:"dp-nav__title",onClick:()=>this.cycleView(),type:"button"},"day"===this.viewMode?[a("span",null,i[this.viewMonth]),a("span",null,this.viewYear)]:a("span",null,this.navTitle)),a("button",{key:"6442690df1e434f9fb0128327f8f07c3cecbed4c",class:"dp-nav__btn",onClick:()=>this.nextNav(),type:"button"},a("dropi-icon",{key:"00525ae2cbe5cc8a881d165141de10ce3d72e439",name:"dropdown-right",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"}))),"day"===this.viewMode&&this.renderDayView(t),"month"===this.viewMode&&this.renderMonthView(),"year"===this.viewMode&&this.renderYearView()),a("div",{key:"0a3ed3e9ee64480d5a541fa39386a4b09c33762b",class:"dp-divider"}),a("div",{key:"808433bd3b91e7ac8555e333145f229a4a713d1b",class:"dp-shortcuts"},this.shortcuts.map(((t,e)=>a("button",{key:e,class:{"shortcut-btn":!0,"shortcut-btn--active":this.activeShortcut===e},onClick:()=>this.selectShortcut(e),type:"button"},t.label))))))}static get formAssociated(){return!0}static get watchers(){return{selectedDate:[{valueChanged:0}],startDate:[{valueChanged:0}],endDate:[{valueChanged:0}]}}};s.style=':host{display:block;width:100%;position:relative}*,*::before,*::after{box-sizing:border-box}.dp-label{display:block;font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-600, #475066);margin-bottom:8px}.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, #ffffff);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-xs, 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% + 8px);left:0;display:flex;flex-direction:row;background:var(--Neutral-White, #ffffff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-3, 12px);box-shadow:0 4px 16px rgba(0,0,0,0.08);z-index:300;overflow:hidden}.dp-calendar{padding:var(--Size-4, 16px);width:300px;flex-shrink:0}.dp-divider{width:1px;background:var(--Gray-Gray-100, #e6eaf2);flex-shrink:0}.dp-shortcuts{padding:var(--Size-4, 16px) var(--Size-3, 12px);display:flex;flex-direction:column;gap:2px;min-width:140px}.shortcut-btn{background:transparent;border:1px solid transparent;padding:6px 10px;font-size:13px;font-family:inherit;color:var(--Gray-Gray-700, #32394d);cursor:pointer;text-align:left;border-radius:6px;transition:background 0.1s ease;font-weight:var(--font-weight-regular);white-space:nowrap}.shortcut-btn:hover{background:var(--Gray-Gray-50, #f5f6f8)}.shortcut-btn--active{border-color:var(--Gray-Gray-200, #c3c9d9);font-weight:var(--font-weight-semibold);background:var(--Gray-Gray-50, #f5f6f8)}.dp-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--Size-4, 16px);padding-bottom:var(--Size-3, 12px);border-bottom:1px solid var(--Gray-Gray-100, #e6eaf2)}.dp-nav__btn{background:none;border:none;padding:0;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:background 0.15s}.dp-nav__btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-nav__title{background:none;border:none;font-size:var(--font-size-s, 14px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d);display:flex;gap:8px;cursor:pointer;padding:4px 8px;border-radius:var(--Border-1, 4px);transition:background 0.15s;font-family:inherit}.dp-nav__title:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-grid{display:grid;grid-template-columns:repeat(7, 1fr);row-gap:8px;column-gap:4px}.dp-day-header{font-size:var(--font-size-s, 14px);color:var(--Gray-Gray-700, #32394d);text-align:center;padding:8px 0;font-weight:var(--font-weight-bold, 700)}.dp-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs, 12px);font-family:inherit;border:none;cursor:pointer;background:transparent;color:var(--Gray-Gray-600, #475066);width:100%;position:relative;z-index:1;padding:0}.dp-cell::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;transition:all 0.2s;z-index:-1;background:transparent}.dp-cell::before{content:"";position:absolute;top:0;bottom:0;z-index:-2;border-radius:0;background:transparent}.dp-cell:hover:not(:disabled)::after{background:var(--Gray-Gray-100, #e6eaf2)}.dp-cell--other-month{color:var(--Gray-Gray-300, #a0a9c0)}.dp-cell--today{font-weight:var(--font-weight-bold, 700)}.dp-cell--today::after{background:var(--Gray-Gray-100, #e6eaf2)}.dp-cell--selected{color:var(--Neutral-White, #ffffff);font-weight:var(--font-weight-bold, 700)}.dp-cell--selected::after{background:var(--Orange-orange-500, #f49a3d) !important}.dp-cell--range-start,.dp-cell--range-end{color:var(--Neutral-White, #ffffff);font-weight:var(--font-weight-bold, 700)}.dp-cell--range-start::after,.dp-cell--range-end::after{background:var(--Orange-orange-500, #f49a3d) !important}.dp-cell--in-range{color:var(--Orange-orange-500, #f49a3d);font-weight:var(--font-weight-bold, 700)}.dp-cell--in-range::before{left:-2px;right:-2px;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-start::before{left:50%;right:-2px;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-end::before{left:-2px;right:50%;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-start.dp-cell--range-end::before{background:transparent}.dp-cell--disabled{opacity:0.35;cursor:not-allowed}.dp-month-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:8px}.dp-month-cell{padding:10px 4px;font-size:var(--font-size-s, 14px);font-family:inherit;font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-700, #32394d);background:transparent;border:1px solid transparent;border-radius:var(--Border-2, 8px);cursor:pointer;text-align:center;transition:background 0.15s, border-color 0.15s}.dp-month-cell:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-month-cell--selected{border-color:var(--Info-Info-500, #50a5f1);font-weight:var(--font-weight-semibold, 600)}.dp-month-cell--current{background:var(--Gray-Gray-100, #e6eaf2)}.dp-year-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:8px}.dp-year-cell{padding:10px 4px;font-size:var(--font-size-s, 14px);font-family:inherit;font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-700, #32394d);background:transparent;border:1px solid transparent;border-radius:var(--Border-2, 8px);cursor:pointer;text-align:center;transition:background 0.15s, border-color 0.15s}.dp-year-cell:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-year-cell--selected{border-color:var(--Info-Info-500, #50a5f1);font-weight:var(--font-weight-semibold, 600)}.dp-year-cell--current{background:var(--Gray-Gray-100, #e6eaf2)}';export{s as dropi_date_picker}

package/dist/dropi-ui/p-93cd9afe.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,h as a}from"./p-CWoV_bQo.js";const i=class{constructor(a){t(this,a),this.dropiInput=e(this,"dropiInput"),this.dropiChange=e(this,"dropiChange"),this.dropiFocus=e(this,"dropiFocus"),this.dropiBlur=e(this,"dropiBlur"),a.$hostElement$["s-ei"]?this.internals=a.$hostElement$["s-ei"]:(this.internals=a.$hostElement$.attachInternals(),a.$hostElement$["s-ei"]=this.internals)}internals;inputId;name;label="";placeholder=" ";value="";maxLength;disabled=!1;required=!1;showObligatoryAsterisk=!0;fixedLabel=!1;inputMode="text";passwordInput=!1;isMoneyInput=!1;isThousandSeparator=!1;isNumericInput=!1;allowDecimals=!1;isLettersOnly=!1;autocomplete="on";icon="";iconColor="Gray-Gray-400";hasError=!1;textHelper="";showHelperOnlyOnError=!1;inputProperties=null;showPassword=!1;touched=!1;dropiInput;dropiChange;dropiFocus;dropiBlur;inputPropertiesChanged(t){t&&(void 0!==t.id&&(this.inputId=t.id),void 0!==t.inputId&&(this.inputId=t.inputId),void 0!==t.label&&(this.label=t.label),void 0!==t.placeholder&&(this.placeholder=t.placeholder),void 0!==t.maxLength&&(this.maxLength=t.maxLength),void 0!==t.textHelper&&(this.textHelper=t.textHelper),void 0!==t.passwordInput&&(this.passwordInput=t.passwordInput),void 0!==t.isPasswordInput&&(this.passwordInput=t.isPasswordInput),void 0!==t.icon&&(this.icon=t.icon),void 0!==t.iconColor&&(this.iconColor=t.iconColor),void 0!==t.isMoneyInput&&(this.isMoneyInput=t.isMoneyInput),void 0!==t.showObligatoryAsterisk&&(this.showObligatoryAsterisk=t.showObligatoryAsterisk),void 0!==t.isNumericInput&&(this.isNumericInput=t.isNumericInput),void 0!==t.allowDecimals&&(this.allowDecimals=t.allowDecimals),void 0!==t.isThousandSeparator&&(this.isThousandSeparator=t.isThousandSeparator),void 0!==t.showHelperOnlyOnError&&(this.showHelperOnlyOnError=t.showHelperOnlyOnError),void 0!==t.isLettersOnly&&(this.isLettersOnly=t.isLettersOnly),void 0!==t.inputMode&&(this.inputMode=t.inputMode))}valueChanged(t){this.internals.setFormValue(t)}disabledChanged(t){this.internals.setValidity(t?{customError:!0}:{},t?"Field is disabled":"")}componentWillLoad(){this.internals.setFormValue(this.value??""),this.inputProperties&&this.inputPropertiesChanged(this.inputProperties)}handleInput(t){let e=t.target.value;this.isNumericInput&&(e=this.filterNumbers(e)),this.isLettersOnly&&(e=this.filterLetters(e)),(this.isMoneyInput||this.isThousandSeparator)&&(e=this.formatThousands(e,this.isMoneyInput)),this.value=e,this.internals.setFormValue(e),this.dropiInput.emit(e),this.dropiChange.emit(e)}handleKeyDown(t){(this.isNumericInput||this.isMoneyInput||this.isThousandSeparator)&&!this.isAllowedNumberKey(t)&&t.preventDefault(),this.isLettersOnly&&!this.isAllowedLetterKey(t)&&t.preventDefault()}handleFocus(){this.dropiFocus.emit()}handleBlur(){this.touched=!0,this.dropiBlur.emit()}togglePassword(){this.disabled||(this.showPassword=!this.showPassword)}filterNumbers(t){return t.replace(this.allowDecimals?/[^0-9.]/g:/[^0-9]/g,"")}filterLetters(t){return t.replace(/[^a-zA-ZáéíóúÁÉÍÓÚñÑüÜ\s]/g,"")}isAllowedNumberKey(t){return!!(["Backspace","Delete","ArrowLeft","ArrowRight","Tab","Enter","Home","End"].includes(t.key)||t.ctrlKey||t.metaKey||/^[0-9]$/.test(t.key)||this.allowDecimals&&"."===t.key)}isAllowedLetterKey(t){return!!["Backspace","Delete","ArrowLeft","ArrowRight","Tab","Enter","Home","End"," "].includes(t.key)||!(!t.ctrlKey&&!t.metaKey)||/^[a-zA-ZáéíóúÁÉÍÓÚñÑüÜ]$/.test(t.key)}formatThousands(t,e){const a=t.replace(/[^0-9.]/g,""),[i,r]=a.split("."),o=i.replace(/\B(?=(\d{3})+(?!\d))/g,","),s=void 0!==r?`${o}.${r}`:o;return e?`$${s}`:s}get resolvedId(){return this.inputId||this.name}get inputType(){return this.passwordInput?this.showPassword?"text":"password":"text"}get showHelper(){return!!this.textHelper&&(!this.showHelperOnlyOnError||this.hasError&&this.touched)}get isInvalid(){return this.hasError&&this.touched}render(){const t=this.required&&this.showObligatoryAsterisk&&!this.disabled,e=!!this.icon;return a("div",{key:"a16b56b6be24372be1fc0a16e65d13bfea3dcf0f",class:{"fixed-label-container":this.fixedLabel}},this.fixedLabel&&a("label",{key:"0030ccbc829d16aa17a954624933106752f972bc",class:"input-label Body-S-Regular",htmlFor:this.resolvedId},this.label,t&&a("span",{key:"f1476695b9778aa767e121f5d5ace0e36b4fb9a0",class:"asterisk"}," *")),a("div",{key:"1e3dee560139338f206dd4c94fa52e1c248e6da6",class:"form-group"},a("div",{key:"7c1a2754de046eac9c39a005495fa391a7b7b02e",class:{"input-container":!0,"input-container--has-icon":e}},e&&a("dropi-icon",{key:"e2ba6416f090d563206e3d98e9f3ab76f197df20",class:"icon-input",name:this.icon,color:this.iconColor,iconWidth:"20px",iconHeight:"20px",style:{width:"20px",height:"20px"}}),this.passwordInput&&a("dropi-icon",{key:"bf2b58fa9cf0d3dbb470fb3bb4466545d4bc6a75",class:"icon-input-password",name:this.showPassword?"Eye":"Eye-crossed",iconWidth:"20px",iconHeight:"20px",style:{width:"20px",height:"20px"},color:"Gray-Gray-500",onClick:()=>this.togglePassword()}),a("input",{key:"51a1de81d4200c79f46b61afef165fdad0ebb061",id:this.resolvedId,class:{"form-control":!0,"form-control-valid":!this.isInvalid&&this.touched&&!!this.value,"form-control-invalid":this.isInvalid,"padding-icon":e,"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,autoComplete:this.autocomplete,"data-cy":void 0,onInput:t=>this.handleInput(t),onKeyDown:t=>this.handleKeyDown(t),onFocus:()=>this.handleFocus(),onBlur:()=>this.handleBlur()}),!this.fixedLabel&&a("label",{key:"38b78f85551b8c9f6dee1c85e48fa67149f58e29",class:"Body-S-Regular label-bottom",htmlFor:this.resolvedId},this.label,t&&a("span",{key:"d23e87d325e6c051c04a0eb0671a53d8cec05b41",class:"asterisk"}," *")),this.showHelper&&a("div",{key:"84e228278687d583ffa056c4540da63356aeaa1f",class:"form-control-helper"},this.isInvalid&&a("dropi-icon",{key:"f26a6e681a262c2f348412e4bf9055e417e76261",name:"Warning-circle",iconWidth:"12px",iconHeight:"12px",color:"Error-Error-500"}),a("span",{key:"9e0376883c4727d84aec3f4c7da7d76196639740",class:{"disabled-helper":this.disabled,"invalid-color":this.isInvalid}},this.textHelper)))))}static get formAssociated(){return!0}static get watchers(){return{inputProperties:[{inputPropertiesChanged:0}],value:[{valueChanged:0}],disabled:[{disabledChanged:0}]}}};i.style=":host{display:block;width:100%;button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}}*,*::before,*::after{box-sizing:border-box}.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:50%;left:12px;transform:translateY(-50%);z-index:1;display:flex;align-items:center;justify-content:center}.icon-input-password{position:absolute;top:50%;right:13px;transform:translateY(-50%);cursor:pointer;z-index:1;display:flex;align-items:center;justify-content:center}.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, #ffffff);font-size:var(--font-size-s, 12px);font-family:var(--font-family-01, 'Inter', sans-serif);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:40px}.input-container--has-icon label.label-bottom{left:40px}.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}";const r=class{constructor(a){t(this,a),this.dropiPageChange=e(this,"dropiPageChange")}totalPages=1;currentPage=1;disabled=!1;maxVisiblePages=8;isNotTotalPages=!1;noLabels=!1;dropiPageChange;get pageNumbers(){const t=this.totalPages,e=this.currentPage,a=this.maxVisiblePages;if(t<=a)return Array.from({length:t},((t,e)=>e+1));const i=Math.floor(a/2);let r=Math.max(1,e-i),o=Math.min(t,r+a-1);o-r<a-1&&(r=Math.max(1,o-a+1));const s=[];r>1&&(s.push(1),r>2&&s.push("..."));for(let t=r;t<=o;t++)s.push(t);return o<t&&(o<t-1&&s.push("..."),s.push(t)),s}goTo(t){this.disabled||t<1||t>this.totalPages||t===this.currentPage||(this.currentPage=t,this.dropiPageChange.emit(this.currentPage))}render(){const t=this.pageNumbers,e=this.currentPage<=1,i=this.currentPage>=this.totalPages;return a("div",{key:"e72ebe722f06549a3000d89597b8835d93ed7be1",class:"paginator"},a("div",{key:"5e6fc47b3bc6fc4a94bf0770f405e1ea73eb411d",class:"paginator-pages"},!e&&!this.noLabels&&a("button",{key:"7ee39bcd8506638c6b392b48e63cd0f0a3f671f7",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(1),"aria-label":"Primera página",disabled:this.disabled},a("dropi-icon",{key:"857739a713620c191f8106565a2d9e8ac51df3fe",name:"Arrow-double-small-left",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"})),!e&&a("button",{key:"8052d9499ed78c264390c875e73e7f18d5e2e888",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(this.currentPage-1),"aria-label":"Anterior",disabled:this.disabled},a("dropi-icon",{key:"243eeba594d2029bc47bc651244d9b1664f7041c",name:"Dropdown-left",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"}),!this.noLabels&&a("span",{key:"0beca41b97528db889db9265c0779cb842132e38",class:"paginator-label"},"Anterior")),t.map(((t,e)=>"..."===t?a("span",{class:"paginator-ellipsis",key:`e${e}`},"…"):a("button",{key:t,class:{"paginator-btn":!0,"paginator-btn--active":t===this.currentPage},onClick:()=>this.goTo(t),"aria-current":t===this.currentPage?"page":void 0,disabled:this.disabled},t))),!i&&a("button",{key:"5a318c012b3da12ed6cf7e3b9548b5e5c93a4abd",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(this.currentPage+1),"aria-label":"Siguiente",disabled:this.disabled},!this.noLabels&&a("span",{key:"1eb25a3ddf80cbf32e4beae87d66a516b7f1304d",class:"paginator-label"},"Siguiente"),a("dropi-icon",{key:"98f4c308b02777a28349e3d873c486ea24a66ea5",name:"Dropdown-Right",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"})),!i&&!this.noLabels&&a("button",{key:"dabccdd09218037c302a051bdca26aefebb4e015",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(this.totalPages),"aria-label":"Última página",disabled:this.disabled},a("dropi-icon",{key:"7a6872706fba9456b57c6d55778c456de1cf179d",name:"Arrow-double-small-right",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"}))))}};r.style=":host{display:block;button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}}*,*::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:var(--font-family-01, 'Inter', sans-serif);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, #ffffff);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, #ffffff);color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-s, 12px);font-family:var(--font-family-01, 'Inter', sans-serif);cursor:pointer;outline:none}";const o=class{constructor(e){t(this,e)}variant="tag";type="primary";state="default";showIcon=!1;icon="";text="";colorMap={default:"Primary-Primary",success:"Success-Success",info:"Info-Info",warning:"Warning-Warning",error:"Error-Error",legacy:"Gray-Gray"};propsChanged(){}get bgColor(){const t=this.colorMap[this.state];return"primary"===this.type?`var(--${t}-500)`:`var(--${t}${"default"===this.state||"legacy"===this.state?"-100":"-50"})`}get textColor(){return"text"===this.variant?this.dotColor:"dot"===this.variant||this.showIcon?"var(--Gray-Gray-500)":"primary"===this.type?"var(--Neutral-White)":`var(--${this.colorMap[this.state]}${"default"===this.state?"-500":"-700"})`}get dotColor(){return`var(--${this.colorMap[this.state]}-500)`}get fontWeight(){return"secondary"!==this.type||this.showIcon?"500":"300"}get iconColor(){return"primary"===this.type?"Neutral-White":`${this.colorMap[this.state]}${"default"===this.state?"-500":"-700"}`}get hasContent(){return"string"==typeof this.text&&this.text.trim().length>0}render(){return a("div",{key:"6a50111c0057b7ef3380dde9f639e9409b7fbea9",class:"container-chips"},a("div",{key:"f2f78c3682aa2e8bef5f3f1b43a1729cae8ae293",class:{tags:!0,"icon-only":this.showIcon&&!this.hasContent,"dot-variant":"dot"===this.variant,"text-variant":"text"===this.variant},style:{backgroundColor:"dot"===this.variant||"text"===this.variant?"transparent":this.bgColor,color:this.textColor,fontWeight:this.fontWeight}},"dot"===this.variant&&a("div",{key:"5364569230575b79b1160e06cc29046220bdf198",class:"dot-indicator",style:{backgroundColor:this.dotColor}}),this.showIcon&&this.icon&&a("dropi-icon",{key:"8ea74f9ad58e7892405e3e748289b71456945de6",class:"file-icon",name:this.icon,iconWidth:"16px",iconHeight:"16px",color:"dot"===this.variant?"Gray-Gray-500":this.iconColor}),this.hasContent&&a("span",{key:"99409549735fd48cf0a40e411f1f236716e53939"},this.text)))}static get watchers(){return{type:[{propsChanged:0}],state:[{propsChanged:0}],variant:[{propsChanged:0}]}}};o.style=":host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}.container-chips{display:flex;align-items:center;justify-content:center}.tags{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:4px;border-radius:var(--Border-5, 9999px);overflow:hidden;text-align:center;text-overflow:ellipsis;font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-medium, 500);line-height:var(--lineheight-large, 150%);animation:fade-in 200ms ease-out}.tags.dot-variant,.tags.text-variant{padding:0;gap:8px;background-color:transparent !important;line-height:normal}.dot-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}@keyframes fade-in{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}";export{i as dropi_input,r as dropi_paginator,o as dropi_tag}

package/dist/dropi-ui/p-94ec77fc.entry.js

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

package/dist/dropi-ui/p-964ba5de.entry.js

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

package/dist/dropi-ui/p-97aa4446.entry.js

@@ -0,0 +1 @@
+import{r as a,c as r,h as e}from"./p-CWoV_bQo.js";const i=class{constructor(e){a(this,e),this.clickLoadItem=r(this,"clickLoadItem"),this.dropiNotificationsClick=r(this,"dropiNotificationsClick"),this.dropiUserClick=r(this,"dropiUserClick"),this.dropiMenuToggle=r(this,"dropiMenuToggle")}logoUrl="";logoAlt="Logo";data=[];title="";activeId="";userName="";userAvatar="";notifications=0;showMenuToggle=!0;clickLoadItem;dropiNotificationsClick;dropiUserClick;dropiMenuToggle;get parsedData(){const a=this.data;return"string"==typeof a?JSON.parse(a):a||[]}render(){const a=this.parsedData;return e("nav",{key:"83e2aa66dcaeabc1629c4c23ee87f0ed8799eae7",class:"navbar"},e("div",{key:"500612a656db49c3962dcb2b2fb62ced5e6f9f5e",class:"navbar__left"},this.showMenuToggle&&e("button",{key:"a85325e0bfaf6ed1f739abf35460c0fd9fe12bdb",class:"navbar__menu-btn",onClick:()=>this.dropiMenuToggle.emit(),"aria-label":"Menú"},e("dropi-icon",{key:"d94b443c19e6212547dbe4d97fe907be862726f9",name:"Menu",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-700"})),this.logoUrl&&e("img",{key:"0da8e838faac7f31175935ea9b0cfe6fb68ad516",class:"navbar__logo",src:this.logoUrl,alt:this.logoAlt}),this.title&&e("span",{key:"ae1d08c0cac208bf31e1978da68f89cc6eec13d2",class:"navbar__title"},this.title)),a.length>0&&e("ul",{key:"48dcc829cd503ce2a3f3929ccb03782b226a18ed",class:"navbar__items"},a.map((a=>e("li",null,e("button",{class:{navbar__item:!0,"navbar__item--active":a.id===this.activeId},onClick:()=>this.clickLoadItem.emit(a),type:"button"},a.icon&&e("dropi-icon",{name:a.icon,iconWidth:"16px",iconHeight:"16px",color:a.id===this.activeId?"Primary-Primary-500":"Gray-Gray-600"}),e("span",null,a.name?.value||a.label),null!=a.badge&&"0"!==String(a.badge)&&e("span",{class:"navbar__badge"},a.badge)))))),e("div",{key:"f6a7a4bfcf90829fdf78eade141c1a43a3ef213c",class:"navbar__right"},e("button",{key:"652f412206186a3e8325e8a41cefa78049da39a6",class:"navbar__icon-btn",onClick:()=>this.dropiNotificationsClick.emit(),"aria-label":"Notificaciones"},e("dropi-icon",{key:"ddf8877a77c15d8c0582866d56851f5ee9b9b5f1",name:"Bell",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-600"}),this.notifications>0&&e("span",{key:"613f9d9c7a7b0c1125aee602be6672ce478cef26",class:"navbar__notif-badge"},this.notifications>99?"99+":this.notifications)),e("button",{key:"af0e25263309dc90ae4f0047c25089b9486562d4",class:"navbar__user-btn",onClick:()=>this.dropiUserClick.emit(),type:"button"},this.userAvatar?e("img",{class:"navbar__avatar",src:this.userAvatar,alt:this.userName}):e("div",{class:"navbar__avatar-placeholder"},this.userName?this.userName[0].toUpperCase():"?"),this.userName&&e("span",{key:"54a6f1b97d2d8f11fe5556510638d4cbef2d638b",class:"navbar__user-name"},this.userName),e("dropi-icon",{key:"21dd9ed6cf46d719d8b49c65fba8f787f7a84629",name:"Arrow-Down-2",iconWidth:"12px",iconHeight:"12px",color:"Gray-Gray-400"}))))}};i.style=":host{display:block;width:100%}button,input,select,textarea{font-family:'Inter', sans-serif}*,*::before,*::after{box-sizing:border-box}.navbar{display:flex;align-items:center;height:56px;padding:0 var(--Size-4, 16px);background:var(--Neutral-White, #ffffff);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:'Inter', sans-serif;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, #ffffff);font-size:var(--font-size-xxs);font-weight:var(--font-weight-bold);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, #ffffff);font-size:9px;font-weight:var(--font-weight-bold);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:'Inter', sans-serif}.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, #ffffff);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}";export{i as dropi_navbar}

package/dist/dropi-ui/p-97b9fed2.entry.js

@@ -0,0 +1 @@
+import{r,h as e}from"./p-CWoV_bQo.js";const a=class{constructor(e){r(this,e)}value=0;severity="primary";height="8px";showValue=!1;trackColor="var(--Gray-Gray-100, #F7F8FA)";color="";render(){const r={width:`${Math.min(100,Math.max(0,this.value))}%`,backgroundColor:this.color||`var(--${this.getSeverityVariable()}, #50A5F1)`};return e("div",{key:"ff6b55a3f0aaf2eb6f5310d06acf9cfa0f3a2b12",class:"progress-container"},this.showValue&&e("div",{key:"f34f6818580f08c0308a4d75ac4c6cfef6d992a6",class:"progress-header"},e("span",{key:"daa2e09a6698da3dc3ad207ff6a6cd1882de66cc",class:"progress-value"},this.value,"%")),e("div",{key:"dbe1cf7f8330446dd2a2e7b8c3b049b7c0f816eb",class:"progress-track",style:{height:this.height,backgroundColor:this.trackColor}},e("div",{key:"ce7a0598e201918aa4e925a97c7426c048fd00b9",class:"progress-fill",style:r})))}getSeverityVariable(){switch(this.severity){case"success":return"Success-Success-500";case"warning":return"Warning-Warning-500";case"error":return"Error-Error-500";case"info":return"Info-Info-500";case"neutral":return"Gray-Gray-400";default:return"Primary-Primary-500"}}};a.style=":host{display:block;width:100%;button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}}.progress-container{width:100%;display:flex;flex-direction:column;gap:4px}.progress-header{display:flex;justify-content:flex-end}.progress-value{font-size:var(--font-size-xs, 12px);color:var(--Gray-Gray-600, #475066);font-weight:500}.progress-track{width:100%;border-radius:999px;overflow:hidden;position:relative}.progress-fill{height:100%;border-radius:999px;transition:width 0.3s ease-in-out, background-color 0.3s ease-in-out}";export{a as dropi_progress_bar}

package/dist/dropi-ui/p-97de6718.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,a,h as r}from"./p-K5v4Q5tq.js";const i=["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"],o=["Do","Lu","Ma","Mi","Ju","Vi","Sa"],n=class{constructor(a){e(this,a),this.dropiChangeDate=t(this,"dropiChangeDate"),this.dropiClosePanel=t(this,"dropiClosePanel"),this.dropiRangeChange=t(this,"dropiRangeChange"),a.$hostElement$["s-ei"]?this.internals=a.$hostElement$["s-ei"]:(this.internals=a.$hostElement$.attachInternals(),a.$hostElement$["s-ei"]=this.internals)}internals;name;selectedDate="";startDate="";endDate="";valueChanged(){this.updateFormValue()}selectionMode="single";minDate="";maxDate="";label=null;placeholder="DD/MM/YYYY";disabled=!1;isInvalid=!1;loading=!1;open=!1;viewYear=(new Date).getFullYear();viewMonth=(new Date).getMonth();hoverDate="";get el(){return a(this)}handleDocClick(e){this.open&&!e.composedPath().includes(this.el)&&(this.open=!1)}dropiChangeDate;dropiClosePanel;dropiRangeChange;componentWillLoad(){this.updateFormValue()}updateFormValue(){this.internals.setFormValue("range"===this.selectionMode?this.startDate&&this.endDate?`${this.startDate},${this.endDate}`:"":this.selectedDate||"")}get displayValue(){return"range"===this.selectionMode?this.startDate&&this.endDate?`${this.startDate} – ${this.endDate}`:this.startDate?this.startDate:"":this.selectedDate}open_(){if(!this.disabled){if(this.selectedDate){const e=new Date(this.selectedDate);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,a){return`${e}-${String(t+1).padStart(2,"0")}-${String(a).padStart(2,"0")}`}isDisabled(e){return!!(this.minDate&&e<this.minDate)||!!(this.maxDate&&e>this.maxDate)}isInRange(e){if("range"!==this.selectionMode)return!1;const t=this.startDate,a=this.endDate||this.hoverDate;if(!t||!a)return!1;const[r,i]=t<=a?[t,a]:[a,t];return e>r&&e<i}selectDate(e){if(!this.isDisabled(e))return"range"!==this.selectionMode?(this.selectedDate=e,this.open=!1,void this.dropiChangeDate.emit(e)):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})))}buildDays(){const e=this.viewYear,t=this.viewMonth,a=new Date(e,t,1).getDay(),r=new Date(e,t+1,0).getDate(),i=new Date(e,t,0).getDate(),o=[];for(let r=a-1;r>=0;r--){const a=i-r;o.push({iso:this.toISO(0===t?e-1:e,0===t?11:t-1,a),day:a,currentMonth:!1})}for(let a=1;a<=r;a++)o.push({iso:this.toISO(e,t,a),day:a,currentMonth:!0});const n=42-o.length;for(let a=1;a<=n;a++)o.push({iso:this.toISO(11===t?e+1:e,11===t?0:t+1,a),day:a,currentMonth:!1});return o}render(){const e=this.buildDays(),t=(new Date).toISOString().slice(0,10);return r("div",{key:"d2f6248ff409e53e916e266ab5d23136e9da76d0",class:"dp-wrap"},this.label&&r("label",{key:"ba51f4091f18437e4449c05378def5b099883acd",class:"dp-label"},this.label),r("button",{key:"88eb474ca75c9b62996765bdb4816a8cfc14bb8e",class:{"dp-trigger":!0,"dp-trigger--disabled":this.disabled,"dp-trigger--invalid":this.isInvalid,"dp-trigger--loading":this.loading},onClick:()=>this.open?this.open=!1:this.open_(),disabled:this.disabled||this.loading,type:"button"},r("dropi-icon",{key:"1044cef59317f88cc472d2a466a6937a0c4d58f7",name:"Calendar",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-400"}),r("span",{key:"6a7c5687cd06b9b2f42c256bc03ff0f412ca5573",class:{"dp-trigger__value":!0,"dp-trigger__placeholder":!this.displayValue}},this.displayValue||this.placeholder),r("dropi-icon",{key:"4be1fc67ed6f9ffb5a5d936e3e8d8330bb91fb0b",name:"Arrow-Down-2",iconWidth:"12px",iconHeight:"12px",color:"Gray-Gray-400"})),this.open&&r("div",{key:"5ad107e256d62a46b57e4bd1bebead70ecc8e46c",class:"dp-popup"},r("div",{key:"e3d51afbd24df88867777e43c9bd63dd41c3f542",class:"dp-nav"},r("button",{key:"8819f79389c1d50ec639f719228aab88be4d0335",class:"dp-nav__btn",onClick:()=>this.prevMonth(),type:"button"},r("dropi-icon",{key:"a17004ad24ce40590474d91227a826f46edf50ba",name:"Arrow-Left-2",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"})),r("span",{key:"e91c8a46b963a1e7f0d01c56610c2e4bb6fa3d39",class:"dp-nav__title"},r("span",{key:"214a575cbd83e8c3bafe64ffbd93e914119b09aa"},i[this.viewMonth]),r("span",{key:"1f71a83e7110bf8a91f7b5e14e0400b09ba28e1a"},this.viewYear)),r("button",{key:"21dbc0fdaabc423bd864bfb33ba314b72ca62d48",class:"dp-nav__btn",onClick:()=>this.nextMonth(),type:"button"},r("dropi-icon",{key:"f248e65855555878afdbda7d1ba9a802d9eae4d5",name:"Arrow-Right-2",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"}))),r("div",{key:"4fb29792028bf2132ea78a105c7694cf3806ff05",class:"dp-grid"},o.map((e=>r("div",{class:"dp-day-header"},e))),e.map((({iso:e,day:a,currentMonth:i})=>{const o="range"!==this.selectionMode?e===this.selectedDate:e===this.startDate||e===this.endDate,n="range"===this.selectionMode&&e===this.startDate,d="range"===this.selectionMode&&e===this.endDate,s=this.isInRange(e),l=this.isDisabled(e);return r("button",{class:{"dp-cell":!0,"dp-cell--other-month":!i,"dp-cell--today":e===t,"dp-cell--selected":o,"dp-cell--range-start":n,"dp-cell--range-end":d,"dp-cell--in-range":s,"dp-cell--disabled":l},type:"button",disabled:l,onClick:()=>this.selectDate(e),onMouseEnter:()=>{"range"===this.selectionMode&&this.startDate&&!this.endDate&&(this.hoverDate=e)},onMouseLeave:()=>this.hoverDate=""},a)}))),r("div",{key:"9c670c5ad5a6115b628d5a7bd3a2422c7631e237",class:"dp-footer"},r("button",{key:"f939595cde989ea0bd462a3d94c6333b5220d1ee",class:"dp-footer__clear",type:"button",onClick:()=>{this.selectedDate="",this.startDate="",this.endDate="",this.open=!1}},"Limpiar"),r("button",{key:"87b88413962d73229f0cac5a15918b9cd7aebea3",class:"dp-footer__today",type:"button",onClick:()=>{"range"!==this.selectionMode?(this.selectedDate=t,this.open=!1,this.dropiChangeDate.emit(t)):(this.startDate=t,this.endDate="")}},"Hoy"))))}static get formAssociated(){return!0}static get watchers(){return{selectedDate:[{valueChanged:0}],startDate:[{valueChanged:0}],endDate:[{valueChanged:0}]}}};n.style=':host{display:block;width:100%;position:relative}*,*::before,*::after{box-sizing:border-box}.dp-label{display:block;font-size:var(--font-size-xxs, 10px);color:var(--Gray-Gray-600, #475066);margin-bottom:4px}.dp-trigger{width:100%;height:44px;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:red;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-xs, 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% + 8px);left:0;width:320px;background:var(--Neutral-White, #ffffff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-3, 12px);box-shadow:0 4px 16px rgba(0,0,0,0.08);z-index:300;padding:var(--Size-4, 16px)}.dp-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--Size-4, 16px)}.dp-nav__btn{background:none;border:none;padding:0;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:background 0.15s}.dp-nav__btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-nav__title{font-size:var(--font-size-s, 14px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d);display:flex;gap:8px}.dp-grid{display:grid;grid-template-columns:repeat(7, 1fr);row-gap:8px;column-gap:4px}.dp-day-header{font-size:var(--font-size-s, 14px);color:var(--Gray-Gray-700, #32394d);text-align:center;padding:8px 0;font-weight:var(--font-weight-bold, 700)}.dp-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs, 12px);font-family:inherit;border:none;cursor:pointer;background:transparent;color:var(--Gray-Gray-600, #475066);width:100%;position:relative;z-index:1;padding:0}.dp-cell::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;transition:all 0.2s;z-index:-1;background:transparent}.dp-cell::before{content:"";position:absolute;top:0;bottom:0;z-index:-2;border-radius:0;background:transparent}.dp-cell:hover:not(:disabled)::after{background:var(--Gray-Gray-100, #e6eaf2)}.dp-cell--other-month{color:var(--Gray-Gray-300, #a0a9c0)}.dp-cell--today{font-weight:var(--font-weight-bold, 700)}.dp-cell--today::after{background:var(--Gray-Gray-100, #e6eaf2)}.dp-cell--selected{color:var(--Neutral-White, #ffffff);font-weight:var(--font-weight-bold, 700)}.dp-cell--selected::after{background:var(--Orange-orange-500, #f49a3d) !important}.dp-cell--range-start,.dp-cell--range-end{color:var(--Neutral-White, #ffffff);font-weight:var(--font-weight-bold, 700)}.dp-cell--range-start::after,.dp-cell--range-end::after{background:var(--Orange-orange-500, #f49a3d) !important}.dp-cell--in-range{color:var(--Orange-orange-500, #f49a3d);font-weight:var(--font-weight-bold, 700)}.dp-cell--in-range::before{left:-2px;right:-2px;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-start::before{left:50%;right:-2px;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-end::before{left:-2px;right:50%;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-start.dp-cell--range-end::before{background:transparent}.dp-cell--disabled{opacity:0.35;cursor:not-allowed}.dp-footer{display:flex;justify-content:space-between;margin-top:var(--Size-3, 12px);border-top:1px solid var(--Gray-Gray-100, #e6eaf2);padding-top:var(--Size-2, 8px)}.dp-footer__clear,.dp-footer__today{background:none;border:none;padding:4px 8px;font-size:var(--font-size-xxs, 10px);font-family:inherit;cursor:pointer;border-radius:var(--Border-1, 4px);transition:background 0.15s}.dp-footer__clear{color:var(--Gray-Gray-500, #69738c)}.dp-footer__today{color:var(--Orange-orange-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(--Orange-orange-50, #fef5ec)}';export{n as dropi_date_picker}

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

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

package/dist/dropi-ui/p-992134d3.entry.js

@@ -0,0 +1 @@
+import{r as t,h as e}from"./p-CWoV_bQo.js";const i=class{constructor(e){t(this,e)}variant="text";width="";height="";radius="8px";lines=1;baseColor="#f6f7f8";getBackground(){const t=(this.baseColor??"#f6f7f8").startsWith("#")?this.baseColor??"#f6f7f8":`var(--${this.baseColor})`;return`linear-gradient(to right, ${t} 8%, #e3e7efe7 28%, ${t} 77%)`}getRadius(){return this.radius?this.radius:"circle"===this.variant?"50%":"text"===this.variant?"4px":"var(--Border-1, 4px)"}render(){return"text"===this.variant&&this.lines>1?e("div",{class:"skeleton-lines"},Array.from({length:this.lines}).map(((t,i)=>e("div",{class:"skeleton",style:{width:i===this.lines-1?"70%":this.width,height:this.height,borderRadius:this.getRadius(),background:this.getBackground(),backgroundSize:"1000px 104px"}})))):e("div",{class:"skeleton",style:{width:this.width,height:this.height,borderRadius:this.getRadius(),background:this.getBackground(),backgroundSize:"1000px 104px"}})}};i.style=":host{display:block}*,*::before,*::after{box-sizing:border-box}button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}.skeleton-lines{display:flex;flex-direction:column;gap:8px}.skeleton{background:linear-gradient(     90deg,     var(--Gray-Gray-100, #e6eaf2) 25%,     var(--Gray-Gray-50, #f7f8fa) 50%,     var(--Gray-Gray-100, #e6eaf2) 75%   );background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}";export{i as dropi_skeleton}

package/dist/dropi-ui/p-998b016a.entry.js

@@ -0,0 +1 @@
+import{r as e,c as o,h as r}from"./p-CWoV_bQo.js";const t=class{constructor(r){e(this,r),this.modelChange=o(this,"modelChange")}options=[];valueModel="name";height="";isInSelect=!1;parameters={type:"checkbox",icon:"",iconCurrier:!1};selected=[];parsedOptions=[];modelChange;optionsChanged(e){this.parsedOptions="string"==typeof e?JSON.parse(e):e||[]}componentWillLoad(){this.optionsChanged(this.options)}isSelected(e){return(this.selected??[]).some((o=>JSON.stringify(o)===JSON.stringify(e)))}toggleOption(e){this.selected=this.isSelected(e)?this.selected.filter((o=>JSON.stringify(o)!==JSON.stringify(e))):[...this.selected,e],this.modelChange.emit(this.selected)}render(){return r("div",{key:"274caba83e2f697257e3803b85517a31d4f0aea8",class:this.isInSelect?"container-dropi-dropdown-select":"container-dropi-dropdown",style:{"--custom-height":this.height||"388px"}},this.parsedOptions.map(((e,o)=>{const t=e[this.valueModel]??String(e),i=!!e.checked||this.isSelected(e);return r("div",{class:"content-dropdown",key:o},r("div",{class:{"container-check-dropdown":!0,"active-option":i},onClick:()=>this.toggleOption(e)},"checkbox"===this.parameters.type&&r("dropi-checkbox",{name:"_dropdown-option",checked:i}),this.parameters.iconCurrier&&r("dropi-avatars",{image:e[this.valueModel],type:"transport"}),this.parameters.icon&&r("dropi-avatars",{image:e.image,type:"transport"}),r("span",{class:"Body-M-Regular"},t)))})))}static get watchers(){return{options:[{optionsChanged:0}]}}};t.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}button,input,select,textarea{font-family:'Inter', sans-serif}.dropdown{display:flex;flex-direction:column;overflow-y:auto;max-height:var(--dropdown-height, 300px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff)}.dropdown__item{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-2, 8px) var(--Size-3, 12px);cursor:pointer;transition:background 0.15s;user-select:none}.dropdown__item:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dropdown__item--active{background:var(--Primary-Primary-50, #fff5eb)}.dropdown__avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.dropdown__label{flex:1;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";export{t as dropi_dropdown}

package/dist/dropi-ui/p-99f48203.entry.js

@@ -0,0 +1 @@
+import{r as t,h as o}from"./p-CWoV_bQo.js";const e=class{constructor(o){t(this,o)}text="";outlined=!1;render(){return o("div",{key:"0b14943b628c231fbb530620e7829f70e6099c7a",class:{"tooltip-simple":!0,"tooltip-simple--outlined":this.outlined}},o("slot",{key:"bf0245c6fab0ba938834d2d3e84ccaa9cb14f5c8"}),this.text&&o("div",{key:"e1e33acf8628f79b36c5cc66c7076a03ce8167f7",class:"tooltip-simple-bubble"},this.text))}};e.style=":host{display:inline-block;position:relative;button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}}.tooltip-simple-bubble{position:absolute;background:var(--Gray-Gray-800, #1e293b);color:white;padding:4px 8px;border-radius:4px;font-size:12px;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:8px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.2s;z-index:var(--dropi-z-index-overlay, 11000)}:host(:hover) .tooltip-simple-bubble{opacity:1}.tooltip-simple--outlined .tooltip-simple-bubble{border:1px solid var(--Gray-Gray-300);background:white;color:var(--Gray-Gray-800)}";export{e as dropi_tooltip}