@dropi/ui 0.1.46 → 0.1.49

package/dist/dropi-ui/p-7e4d0691.entry.js

@@ -0,0 +1 @@
+import{r as e,c as i,h as r}from"./p-K5v4Q5tq.js";const t=class{constructor(r){e(this,r),this.uploadedUrlsChange=i(this,"uploadedUrlsChange")}title="";label="";textDropZone="Arrastra o sube una imagen aquí";textButton="Seleccionar Imagen";previewType="card";multiple=!1;maxFiles=1;maxFileSizeMB=10;accept="";onlyView=!1;viewDragAndDrop=!1;dragAndDropSize="default";selectedFiles=[];error=!1;errorMessage="";dragging=!1;uploadedUrlsChange;inputRef;dragCounter=0;generateId(e){return"undefined"!=typeof crypto&&"randomUUID"in crypto?`${e.name}-${crypto.randomUUID()}`:`${e.name}-${Date.now()}-${Math.floor(1e6*Math.random())}`}getFileType(e){return e.type.startsWith("image/")?"image":"document"}getTypeView(e){return e.type.startsWith("image/")&&"grid"===this.previewType?"grid":"card"}getFileTypeClass(e){if(!e.file)return"generic";const i=e.file.type;return i.includes("pdf")?"pdf":i.startsWith("image/")?"image":"generic"}isDropZoneHidden(){return"grid"===this.previewType&&(!this.viewDragAndDrop||this.selectedFiles.length>0)}generatePreviewUrl(e){return new Promise((i=>{const r=new FileReader;r.readAsDataURL(e),r.onload=()=>i(r.result),r.onerror=()=>i("")}))}syncFileItem(e,i){const r=this.selectedFiles.findIndex((i=>i.id===e));if(-1===r)return;const t={...this.selectedFiles[r],...i};this.selectedFiles=[...this.selectedFiles.slice(0,r),t,...this.selectedFiles.slice(r+1)]}emitFiles(){const e=this.selectedFiles.filter((e=>"complete"===e.state&&e.file)).map((e=>e.file));this.uploadedUrlsChange.emit(e)}async handleFiles(e){if(this.error=!1,e.length+this.selectedFiles.length>this.maxFiles)return this.error=!0,void(this.errorMessage=`Máximo ${this.maxFiles} archivo(s) permitido(s)`);for(const i of e){if(i.size>1024*this.maxFileSizeMB*1024){this.error=!0,this.errorMessage=`"${i.name}" supera el tamaño máximo de ${this.maxFileSizeMB}MB`;continue}const e={id:this.generateId(i),file:i,progress:0,state:"uploading",fileType:this.getFileType(i),typeView:this.getTypeView(i)};if(this.selectedFiles=[...this.selectedFiles,e],this.simulateProgress(e.id),"image"===e.fileType){const r=await this.generatePreviewUrl(i);this.syncFileItem(e.id,{previewUrl:r})}}}simulateProgress(e){let i=0;const r=setInterval((()=>{i+=Math.floor(20*Math.random())+10,i>=100?(i=100,clearInterval(r),this.syncFileItem(e,{progress:100,state:"complete"}),this.emitFiles()):this.syncFileItem(e,{progress:i})}),150)}handleFileAction(e,i){if("error"===e.state)return this.selectedFiles=this.selectedFiles.filter((i=>i.id!==e.id)),void this.emitFiles();switch(i){case"delete":this.syncFileItem(e.id,{state:"confirm-delete"});break;case"confirm-delete":this.syncFileItem(e.id,{state:"deleting"}),setTimeout((()=>{this.selectedFiles=this.selectedFiles.filter((i=>i.id!==e.id)),this.emitFiles()}),400);break;case"cancel-delete":this.syncFileItem(e.id,{state:"complete"})}}onDragOver(e){e.preventDefault(),this.dragging=!0}onDragEnter(e){e.preventDefault(),this.dragCounter++,this.dragging=!0}onDragLeave(){this.dragCounter--,this.dragCounter<=0&&(this.dragCounter=0,this.dragging=!1)}onDrop(e){e.preventDefault(),this.dragging=!1,this.dragCounter=0;const i=Array.from(e.dataTransfer?.files??[]);i.length&&this.handleFiles(i)}onInputChange(e){const i=e.target,r=Array.from(i.files??[]);i.value="",r.length&&this.handleFiles(r)}openFilePicker(){this.inputRef?.click()}addImage(){this.inputRef?.click()}renderCheckSvg(){return r("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none"},r("g",{"clip-path":"url(#ck)"},r("path",{d:"M11.1594 2.2155L4.24992 9.1245C4.20347 9.17114 4.14826 9.20815 4.08747 9.2334C4.02668 9.25865 3.9615 9.27165 3.89567 9.27165C3.82985 9.27165 3.76467 9.25865 3.70388 9.2334C3.64308 9.20815 3.58788 9.17114 3.54142 9.1245L0.869423 6.45C0.822969 6.40337 0.767762 6.36636 0.70697 6.34111C0.646179 6.31586 0.581 6.30286 0.515173 6.30286C0.449346 6.30286 0.384167 6.31586 0.323376 6.34111C0.262585 6.36636 0.207378 6.40337 0.160923 6.45C0.114285 6.49646 0.0772787 6.55167 0.0520278 6.61246C0.026777 6.67325 0.0137787 6.73843 0.0137787 6.80425C0.0137787 6.87008 0.026777 6.93526 0.0520278 6.99605C0.0772787 7.05684 0.114285 7.11205 0.160923 7.1585L2.83392 9.831C3.1159 10.1125 3.49802 10.2705 3.89642 10.2705C4.29482 10.2705 4.67695 10.1125 4.95892 9.831L11.8679 2.9235C11.9145 2.87706 11.9514 2.82188 11.9766 2.76114C12.0018 2.70039 12.0148 2.63527 12.0148 2.5695C12.0148 2.50374 12.0018 2.43862 11.9766 2.37787C11.9514 2.31713 11.9145 2.26195 11.8679 2.2155C11.8215 2.16887 11.7663 2.13186 11.7055 2.10661C11.6447 2.08136 11.5795 2.06836 11.5137 2.06836C11.4478 2.06836 11.3827 2.08136 11.3219 2.10661C11.2611 2.13186 11.2059 2.16887 11.1594 2.2155Z",fill:"#0ABB87"})),r("defs",null,r("clipPath",{id:"ck"},r("rect",{width:"12",height:"12",fill:"white"}))))}renderTrashSvg(){return r("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{d:"M16.25 4.44453H14.0972C13.936 3.66078 13.5096 2.95657 12.8897 2.45058C12.2699 1.94459 11.4946 1.66776 10.6944 1.66675H9.30554C8.5054 1.66776 7.73007 1.94459 7.11023 2.45058C6.49039 2.95657 6.06394 3.66078 5.90276 4.44453H3.74999C3.56581 4.44453 3.38917 4.51769 3.25894 4.64792C3.12871 4.77816 3.05554 4.95479 3.05554 5.13897C3.05554 5.32315 3.12871 5.49978 3.25894 5.63002C3.38917 5.76025 3.56581 5.83341 3.74999 5.83341H4.44443V14.8612C4.44553 15.7817 4.81171 16.6643 5.46264 17.3152C6.11357 17.9661 6.9961 18.3323 7.91665 18.3334H12.0833C13.0039 18.3323 13.8864 17.9661 14.5373 17.3152C15.1883 16.6643 15.5544 15.7817 15.5555 14.8612V5.83341H16.25C16.4342 5.83341 16.6108 5.76025 16.741 5.63002C16.8713 5.49978 16.9444 5.32315 16.9444 5.13897C16.9444 4.95479 16.8713 4.77816 16.741 4.64792C16.6108 4.51769 16.4342 4.44453 16.25 4.44453ZM9.30554 3.05564H10.6944C11.1252 3.05616 11.5452 3.18993 11.8969 3.43858C12.2487 3.68724 12.5149 4.03862 12.659 4.44453H7.34096C7.48511 4.03862 7.75131 3.68724 8.10303 3.43858C8.45476 3.18993 8.8748 3.05616 9.30554 3.05564ZM14.1667 14.8612C14.1667 15.4137 13.9472 15.9436 13.5565 16.3343C13.1658 16.725 12.6359 16.9445 12.0833 16.9445H7.91665C7.36412 16.9445 6.83421 16.725 6.44351 16.3343C6.05281 15.9436 5.83332 15.4137 5.83332 14.8612V5.83341H14.1667V14.8612Z",fill:"#DE6061"}),r("path",{d:"M8.61115 14.1663C8.79533 14.1663 8.97197 14.0931 9.1022 13.9629C9.23243 13.8327 9.3056 13.656 9.3056 13.4719V9.30521C9.3056 9.12103 9.23243 8.94439 9.1022 8.81416C8.97197 8.68393 8.79533 8.61076 8.61115 8.61076C8.42698 8.61076 8.25034 8.68393 8.12011 8.81416C7.98988 8.94439 7.91671 9.12103 7.91671 9.30521V13.4719C7.91671 13.656 7.98988 13.8327 8.12011 13.9629C8.25034 14.0931 8.42698 14.1663 8.61115 14.1663Z",fill:"#DE6061"}),r("path",{d:"M11.3888 14.1663C11.573 14.1663 11.7497 14.0931 11.8799 13.9629C12.0101 13.8327 12.0833 13.656 12.0833 13.4719V9.30521C12.0833 9.12103 12.0101 8.94439 11.8799 8.81416C11.7497 8.68393 11.573 8.61076 11.3888 8.61076C11.2047 8.61076 11.028 8.68393 10.8978 8.81416C10.7676 8.94439 10.6944 9.12103 10.6944 9.30521V13.4719C10.6944 13.656 10.7676 13.8327 10.8978 13.9629C11.028 14.0931 11.2047 14.1663 11.3888 14.1663Z",fill:"#DE6061"}))}renderTrashGridSvg(){return r("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{d:"M8 0.5H24C28.1421 0.5 31.5 3.85786 31.5 8V24C31.5 28.1421 28.1421 31.5 24 31.5H8C3.85786 31.5 0.5 28.1421 0.5 24V8C0.5 3.85786 3.85786 0.5 8 0.5Z",fill:"white"}),r("path",{d:"M8 0.5H24C28.1421 0.5 31.5 3.85786 31.5 8V24C31.5 28.1421 28.1421 31.5 24 31.5H8C3.85786 31.5 0.5 28.1421 0.5 24V8C0.5 3.85786 3.85786 0.5 8 0.5Z",stroke:"#F7F8FA"}),r("path",{d:"M22.25 10.4445H20.0972C19.936 9.66072 19.5096 8.95651 18.8897 8.45052C18.2699 7.94453 17.4945 7.6677 16.6944 7.66669H15.3055C14.5054 7.6677 13.73 7.94453 13.1102 8.45052C12.4904 8.95651 12.0639 9.66072 11.9027 10.4445H9.74996C9.56578 10.4445 9.38914 10.5176 9.25891 10.6479C9.12868 10.7781 9.05551 10.9547 9.05551 11.1389C9.05551 11.3231 9.12868 11.4997 9.25891 11.63C9.38914 11.7602 9.56578 11.8334 9.74996 11.8334H10.4444V20.8611C10.4455 21.7817 10.8117 22.6642 11.4626 23.3151C12.1135 23.9661 12.9961 24.3323 13.9166 24.3334H18.0833C19.0038 24.3323 19.8864 23.9661 20.5373 23.3151C21.1882 22.6642 21.5544 21.7817 21.5555 20.8611V11.8334H22.25C22.4341 11.8334 22.6108 11.7602 22.741 11.63C22.8712 11.4997 22.9444 11.3231 22.9444 11.1389C22.9444 10.9547 22.8712 10.7781 22.741 10.6479C22.6108 10.5176 22.4341 10.4445 22.25 10.4445ZM15.3055 9.05558H16.6944C17.1251 9.0561 17.5452 9.18986 17.8969 9.43852C18.2486 9.68718 18.5148 10.0386 18.659 10.4445H13.3409C13.4851 10.0386 13.7513 9.68718 14.103 9.43852C14.4547 9.18986 14.8748 9.0561 15.3055 9.05558ZM20.1666 20.8611C20.1666 21.4137 19.9471 21.9436 19.5564 22.3343C19.1657 22.725 18.6358 22.9445 18.0833 22.9445H13.9166C13.3641 22.9445 12.8342 22.725 12.4435 22.3343C12.0528 21.9436 11.8333 21.4137 11.8333 20.8611V11.8334H20.1666V20.8611Z",fill:"#DE6061"}),r("path",{d:"M14.6111 20.1662C14.7953 20.1662 14.9719 20.0931 15.1022 19.9628C15.2324 19.8326 15.3056 19.656 15.3056 19.4718V15.3051C15.3056 15.121 15.2324 14.9443 15.1022 14.8141C14.9719 14.6839 14.7953 14.6107 14.6111 14.6107C14.4269 14.6107 14.2503 14.6839 14.1201 14.8141C13.9898 14.9443 13.9167 15.121 13.9167 15.3051V19.4718C13.9167 19.656 13.9898 19.8326 14.1201 19.9628C14.2503 20.0931 14.4269 20.1662 14.6111 20.1662Z",fill:"#DE6061"}),r("path",{d:"M17.3888 20.1662C17.573 20.1662 17.7496 20.0931 17.8799 19.9628C18.0101 19.8326 18.0833 19.656 18.0833 19.4718V15.3051C18.0833 15.121 18.0101 14.9443 17.8799 14.8141C17.7496 14.6839 17.573 14.6107 17.3888 14.6107C17.2046 14.6107 17.028 14.6839 16.8978 14.8141C16.7675 14.9443 16.6944 15.121 16.6944 15.3051V19.4718C16.6944 19.656 16.7675 19.8326 16.8978 19.9628C17.028 20.0931 17.2046 20.1662 17.3888 20.1662Z",fill:"#DE6061"}))}renderPdfSvg(){return r("svg",{class:"icon-pdf",width:"34",height:"34",viewBox:"0 0 34 34",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{d:"M0 8C0 3.58172 3.58172 0 8 0H26C30.4183 0 34 3.58172 34 8V26C34 30.4183 30.4183 34 26 34H8C3.58172 34 0 30.4183 0 26V8Z",fill:"#FEF0F0"}),r("g",{"clip-path":"url(#pdf)"},r("path",{d:"M24.1252 11.1167L21.2168 8.20833C20.1168 7.10833 18.6502 6.5 17.0918 6.5H13.3335C11.0335 6.5 9.16684 8.36667 9.16684 10.6667V22.3333C9.16684 24.6333 11.0335 26.5 13.3335 26.5H21.6668C23.9668 26.5 25.8335 24.6333 25.8335 22.3333V15.2417C25.8335 13.6833 25.2252 12.2167 24.1252 11.1167Z",fill:"#DE6061"})),r("defs",null,r("clipPath",{id:"pdf"},r("rect",{width:"20",height:"20",fill:"white",transform:"translate(7.5 6.5)"}))))}renderDocSvg(){return r("svg",{class:"icon-default",width:"34",height:"34",viewBox:"0 0 34 34",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{d:"M0 8C0 3.58172 3.58172 0 8 0H26C30.4183 0 34 3.58172 34 8V26C34 30.4183 30.4183 34 26 34H8C3.58172 34 0 30.4183 0 26V8Z",fill:"#EEF6FE"}),r("g",{"clip-path":"url(#doc)"},r("path",{d:"M21.1668 18.6667C21.1668 18.8877 21.079 19.0997 20.9227 19.2559C20.7664 19.4122 20.5545 19.5 20.3335 19.5H13.6668C13.4458 19.5 13.2338 19.4122 13.0775 19.2559C12.9213 19.0997 12.8335 18.8877 12.8335 18.6667C12.8335 18.4457 12.9213 18.2337 13.0775 18.0774C13.2338 17.9211 13.4458 17.8334 13.6668 17.8334H20.3335C20.5545 17.8334 20.7664 17.9211 20.9227 18.0774C21.079 18.2337 21.1668 18.4457 21.1668 18.6667ZM17.8335 21.1667H13.6668C13.4458 21.1667 13.2338 21.2545 13.0775 21.4108C12.9213 21.567 12.8335 21.779 12.8335 22C12.8335 22.221 12.9213 22.433 13.0775 22.5893C13.2338 22.7456 13.4458 22.8334 13.6668 22.8334H17.8335C18.0545 22.8334 18.2664 22.7456 18.4227 22.5893C18.579 22.433 18.6668 22.221 18.6668 22C18.6668 21.779 18.579 21.567 18.4227 21.4108C18.2664 21.2545 18.0545 21.1667 17.8335 21.1667Z",fill:"#4996DB"})),r("defs",null,r("clipPath",{id:"doc"},r("rect",{width:"20",height:"20",fill:"white",transform:"translate(7 7)"}))))}renderCardItem(e){const i="image"===e.fileType&&e.previewUrl&&!e.previewUrl.includes(".pdf"),t=e.file?.type?.includes("pdf");return r("div",{key:e.id,class:`file-card ${e.state} ${this.getFileTypeClass(e)}`},i?r("div",{class:"preview-wrapper"},r("img",{class:`preview ${e.state}`,src:e.previewUrl,alt:e.file?.name}),"complete"===e.state&&r("div",{class:"overlay-icon"},this.renderCheckSvg())):r("div",{class:"file-icon"},t?this.renderPdfSvg():this.renderDocSvg()),"confirm-delete"!==e.state&&"deleting"!==e.state&&r("div",{class:"info-container"},r("div",{class:"file-name"+("error"===e.state?" error-text":"")},e.file?.name??e.previewUrl?.split("/").pop()),"uploading"===e.state&&r("div",{class:"progress-bar-container"},r("div",{class:"progress-bar",style:{width:`${e.progress}%`}})),"error"===e.state&&r("div",{class:"error-label"},"Error al subir el archivo")),"deleting"===e.state&&r("div",{class:"deleting-container"},r("span",{class:"deleting-label"},"Eliminando...")),"confirm-delete"!==e.state&&"error"!==e.state&&"deleting"!==e.state&&r("div",{class:"preview-image",onClick:()=>{}},r("dropi-icon",{name:"Eye",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-600"})),"confirm-delete"!==e.state&&"deleting"!==e.state&&!this.onlyView&&r("div",{class:"delete",onClick:()=>this.handleFileAction(e,"delete")},this.renderTrashSvg()),"confirm-delete"===e.state&&r("div",{class:"delete-confirm"},r("span",{class:"message"},e.previewUrl?"¿Eliminar imagen?":"¿Eliminar archivo?"),r("div",{class:"actions"},r("dropi-button",{size:"small",text:"Sí",onClick:()=>this.handleFileAction(e,"confirm-delete")}),r("dropi-button",{text:"No",size:"small",severity:"secondary",onClick:()=>this.handleFileAction(e,"cancel-delete")}))))}renderGridItem(e){return r("div",{key:e.id,class:`img-view ${e.state} ${this.getFileTypeClass(e)}`},r("div",{class:"preview-wrapper"},r("div",{class:"preview-container"},r("img",{class:`preview ${e.state}`,src:e.previewUrl||"",alt:"preview"})),"complete"===e.state&&r("div",{class:"overlay-icon"},this.renderCheckSvg()),"confirm-delete"!==e.state&&"deleting"!==e.state&&r("div",{class:"delete",onClick:()=>this.handleFileAction(e,"confirm-delete")},this.renderTrashGridSvg())),"uploading"===e.state&&r("div",{class:"progress-bar-container"},r("div",{class:"progress-bar",style:{width:`${e.progress}%`}})),"deleting"===e.state&&r("div",{class:"deleting-info"},r("span",{class:"deleting-info-label"},"Eliminando...")))}render(){const e=this.selectedFiles??[],i=e.filter((e=>"grid"===e.typeView)),t=e.filter((e=>"card"===e.typeView)),a=e.length<(this.maxFiles??1)&&!this.isDropZoneHidden(),l="small"===this.dragAndDropSize;return r("div",{key:"e5f37c05ca644260f8c2ba4c549cdde8e908a570",class:"upload-container"},(this.title||this.label)&&r("div",{key:"493ff72b35f924431d94b6906d654a2413a59c47",class:"upload-header"},this.title&&r("div",{key:"8fe37e760e44f5db9a5e42578a92d9a939661bf9",class:"text title"},this.title),this.label&&r("div",{key:"3329bea57a935a907e47d2f40f82d3044e5992ad",class:"text label"},this.label)),this.error&&r("dropi-alert",{key:"1551176ccb8ec320df5eeea8b42f937a795c02a8",message:this.errorMessage,type:"default",state:"error",dismissable:!0,showButton:!1,onDropiClose:()=>{this.error=!1}}),a&&r("div",{key:"2522e795c006794c20bfea3534014227636cc4bd",class:{"file-upload":!0,"drag-over":this.dragging},onDragOver:e=>this.onDragOver(e),onDragEnter:e=>this.onDragEnter(e),onDragLeave:()=>this.onDragLeave(),onDrop:e=>this.onDrop(e)},r("div",{key:"da75ce3acdf2d3490079c0d8c25bfadcdda49586",class:"file-upload__zone"+(this.dragging?" drag-over":"")},!l&&r("svg",{key:"e9fb52b7ceda0e0e463ab26739b294bffdf9ea34",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{key:"dfec7aa24e681811dfc8d6ff3b721dec084aa4a0",d:"M0 20C0 8.95431 8.95431 0 20 0C31.0457 0 40 8.95431 40 20C40 31.0457 31.0457 40 20 40C8.95431 40 0 31.0457 0 20Z",fill:"#FEF8F1"}),r("g",{key:"9fffcd3ce8931d8b7beeb6417585a7eb7f222f96","clip-path":"url(#up)"},r("path",{key:"6f1aec8a5a60f26c09645b2655e51c6aa7b34ca2",d:"M19.3379 13.7187L19.3332 24.0107C19.3332 24.1875 19.4035 24.357 19.5285 24.4821C19.6535 24.6071 19.8231 24.6773 19.9999 24.6773C20.1767 24.6773 20.3463 24.6071 20.4713 24.4821C20.5963 24.357 20.6666 24.1875 20.6666 24.0107L20.6712 13.73L22.6126 15.672C22.7376 15.797 22.9071 15.8672 23.0839 15.8672C23.2607 15.8672 23.4302 15.797 23.5552 15.672C23.6802 15.547 23.7504 15.3774 23.7504 15.2007C23.7504 15.0239 23.6802 14.8543 23.5552 14.7293L21.4145 12.586C21.2288 12.4001 21.0083 12.2527 20.7655 12.1521C20.5228 12.0515 20.2626 11.9998 19.9999 11.9998C19.7371 11.9998 19.477 12.0515 19.2342 12.1521C18.9915 12.2527 18.771 12.4001 18.5852 12.586L16.4445 14.7273C16.3196 14.8523 16.2494 15.0219 16.2494 15.1987C16.2494 15.3754 16.3196 15.545 16.4445 15.67C16.5696 15.795 16.7391 15.8652 16.9159 15.8652C17.0927 15.8652 17.2622 15.795 17.3872 15.67L19.3379 13.7187Z",fill:"#F49A3D"}),r("path",{key:"0c194dc527a19345b9fabc55e24cca08987a486a",d:"M26.6667 23.3329V25.9996C26.6667 26.1764 26.5964 26.346 26.4714 26.471C26.3464 26.596 26.1768 26.6663 26 26.6663H14C13.8232 26.6663 13.6536 26.596 13.5286 26.471C13.4036 26.346 13.3333 26.1764 13.3333 25.9996V23.3329C13.3333 23.1561 13.2631 22.9865 13.1381 22.8615C13.013 22.7365 12.8435 22.6663 12.6667 22.6663C12.4899 22.6663 12.3203 22.7365 12.1953 22.8615C12.0702 22.9865 12 23.1561 12 23.3329V25.9996C12 26.53 12.2107 27.0387 12.5858 27.4138C12.9609 27.7889 13.4696 27.9996 14 27.9996H26C26.5304 27.9996 27.0391 27.7889 27.4142 27.4138C27.7893 27.0387 28 26.53 28 25.9996V23.3329C28 23.1561 27.9298 22.9865 27.8047 22.8615C27.6797 22.7365 27.5101 22.6663 27.3333 22.6663C27.1565 22.6663 26.987 22.7365 26.8619 22.8615C26.7369 22.9865 26.6667 23.1561 26.6667 23.3329Z",fill:"#F49A3D"})),r("defs",{key:"9b8c3526d936553239141c3cb4f81212377b5811"},r("clipPath",{key:"1be0970786af27a069ea237ec5bbd5292891b0cd",id:"up"},r("rect",{key:"5dbf5e86d6a7a9f07f9ada6e0c2d132b4eebd969",width:"16",height:"16",fill:"white",transform:"translate(12 12)"})))),r("div",{key:"5d06acbe6b129e60a49ae97c04bcd906e9abdfb9",class:l?"info size-small-upload":"info"},r("div",{key:"30faf6e1ce359a4f2ed477a84c062994c3713506",class:"title"},this.textDropZone),l&&r("dropi-button",{key:"e6c3d40ff6c4c8b6381a7f0f49eedfbd407c0687",text:this.textButton,size:"small",onClick:e=>{e.stopPropagation(),this.openFilePicker()}})),!l&&r("div",{key:"2680ec20dc360e2ccadb9a677569a5d51ebe2009",class:"info-desc"},this.accept&&r("div",{key:"2ced48c536a4c9385b6941141f78566cf1624db6",class:"description"},"Formatos admitidos: ",this.accept),r("div",{key:"58bf63818e70de35113be94c9bf20bcd728d88ae",class:"description"},"Tamaño máximo: ",this.maxFileSizeMB,"MB")),!l&&r("dropi-button",{key:"96b20bf6d68b8e3f2572784ed8f27ffff4336cd1",text:this.textButton,size:"small",onClick:e=>{e.stopPropagation(),this.openFilePicker()}}),r("input",{key:"3fefcd08176ad885be131d5be25b8a25e874da47",ref:e=>this.inputRef=e,type:"file",accept:this.accept,multiple:this.multiple,class:"upload-hidden",onChange:e=>this.onInputChange(e)}))),this.selectedFiles.length>0&&r("div",{key:"ab0c9d2d0067e594a2c5047f86ed4ca0a9f576cb",class:"files-container"},i.length>0&&r("div",{key:"13894a0c569b88051fe0dc695839562e054862e2",class:"grid-list"},i.map((e=>this.renderGridItem(e))),i.length<this.maxFiles&&r("div",{key:"ba4ff34d4e686891b056cd4f189741ace807294c",class:"add-img",onClick:()=>this.addImage()},r("div",{key:"95c341ae449bb857fc39563ba3fec9764139d429",class:"icon"},r("svg",{key:"28dcdb54a5856683c455d11864af4e2f7ecc0414",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{key:"50514d670498a1fbdaee785b0a883aebc5f4b66c",d:"M9.77774 6.4444H7.55551V4.22218C7.55551 4.07484 7.49698 3.93353 7.3928 3.82934C7.28861 3.72516 7.1473 3.66663 6.99996 3.66663C6.85262 3.66663 6.71131 3.72516 6.60712 3.82934C6.50294 3.93353 6.4444 4.07484 6.4444 4.22218V6.4444H4.22218C4.07484 6.4444 3.93353 6.50294 3.82934 6.60712C3.72516 6.71131 3.66663 6.85262 3.66663 6.99996C3.66663 7.1473 3.72516 7.28861 3.82934 7.3928C3.93353 7.49698 4.07484 7.55551 4.22218 7.55551H6.4444V9.77774C6.4444 9.92508 6.50294 10.0664 6.60712 10.1706C6.71131 10.2748 6.85262 10.3333 6.99996 10.3333C7.1473 10.3333 7.28861 10.2748 7.3928 10.1706C7.49698 10.0664 7.55551 9.92508 7.55551 9.77774V7.55551H9.77774C9.92508 7.55551 10.0664 7.49698 10.1706 7.3928C10.2748 7.28861 10.3333 7.1473 10.3333 6.99996C10.3333 6.85262 10.2748 6.71131 10.1706 6.60712C10.0664 6.50294 9.92508 6.4444 9.77774 6.4444Z",fill:"#32394D"}))),r("div",{key:"44a13026e2324e33d1a5432b371fc89019e1909e",class:"text"},"Agregar"))),t.length>0&&r("div",{key:"e66fbbc9aad1dc78030e62e89c2470b018563655",class:"card-list"},t.map((e=>this.renderCardItem(e))))))}};t.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.upload-container{display:flex;flex-direction:column;gap:var(--Size-3, 12px);width:100%}.upload-header{display:flex;flex-direction:column;gap:var(--Size-1, 4px);align-items:flex-start;align-self:stretch}.upload-header .text{color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 12px);font-style:normal;line-height:150%}.upload-header .title{font-weight:var(--font-weight-medium, 500)}.upload-header .label{font-weight:var(--font-weight-regular, 400)}.file-upload{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:center;gap:var(--Size-3, 12px);background:var(--Neutral-White, #ffffff)}.file-upload__zone{display:flex;padding:var(--Size-5, 24px);flex-direction:column;justify-content:center;align-items:center;gap:var(--Size-6, 32px);align-self:stretch;border-radius:var(--Border-2, 8px);border:1px dashed var(--Gray-Gray-200, #c3c9d9);background:var(--Neutral-White, #ffffff);text-align:center;transition:border-color 0.3s ease}.file-upload__zone.drag-over{border:1px dashed var(--Primary-Primary-500, #f49a3d);background:var(--Primary-Primary-50, #fef8f1)}.info{display:flex;flex-direction:column;align-items:center;gap:var(--Size-2, 8px);align-self:stretch}.info .title{color:var(--Gray-Gray-700, #32394d);text-align:center;font-size:var(--font-size-m, 16px);font-weight:var(--font-weight-medium, 500);line-height:150%}.info.size-small-upload{flex-direction:row;gap:var(--Size-3, 12px)}.info-desc{display:flex;flex-direction:column;align-items:center;gap:var(--Size-1, 4px)}.description{color:var(--Gray-Gray-600, #475066);text-align:center;font-size:var(--font-size-s, 14px);font-style:normal;font-weight:var(--font-weight-regular, 400);line-height:150%}.upload-hidden{display:none}.files-container{display:flex;flex-direction:column;gap:var(--Size-3, 12px)}.grid-list{display:flex;align-items:flex-start;gap:var(--Size-5, 24px);align-self:stretch;flex-wrap:wrap}.add-img{display:flex;height:88px;width:88px;flex-direction:column;justify-content:center;align-items:center;gap:var(--Size-1, 4px);align-self:stretch;border-radius:var(--Border-2, 8px);background:var(--Gray-Gray-50, #f7f8fa);cursor:pointer}.add-img:hover{transform:scale(1.1)}.add-img .icon{display:flex;width:24px;height:24px;padding:4px;justify-content:center;align-items:center;flex-shrink:0;border-radius:var(--Border-3, 12px);background:var(--Gray-Gray-100, #e6eaf2)}.add-img .text{color:var(--Gray-Gray-600, #475066);text-align:center;font-size:var(--font-size-xs, 12px);font-style:normal;font-weight:var(--font-weight-regular, 400);line-height:150%}.card-list{display:flex;flex-direction:column;align-items:flex-start;gap:var(--Size-3, 12px);align-self:stretch;width:100%}.file-card{display:flex;padding:var(--Size-4, 16px);align-items:center;gap:var(--Size-3, 12px);align-self:stretch;border-radius:var(--Border-2, 8px);border:1px solid var(--Gray-Gray-100, #e6eaf2);background:var(--Neutral-White, #ffffff);width:100%}.file-card.error{border-color:var(--Error-Error-300, #f89b9c);background:var(--Error-Error-50, #fef0f0)}.file-card .preview-wrapper{width:34px;height:34px;position:relative;display:inline-block;border-radius:var(--Border-2, 8px);overflow:hidden;flex-shrink:0}.file-card .preview{width:100%;height:100%;object-fit:cover;flex-shrink:0}.file-card .preview.uploading{filter:blur(2px)}.file-card .overlay-icon{width:16px;height:16px;padding:4px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none;display:flex;justify-content:center;align-items:center;flex-shrink:0;border-radius:var(--Border-3, 12px);background:var(--Neutral-White, #ffffff)}.file-card .file-icon{flex-shrink:0}.file-card .info-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--Size-2, 8px);flex:1 0 0;min-width:0}.file-card .file-name{overflow:hidden;color:var(--Gray-Gray-600, #475066);text-overflow:ellipsis;font-size:var(--font-size-xs, 12px);font-style:normal;font-weight:var(--font-weight-regular, 400);line-height:150%;white-space:nowrap;max-width:300px}.file-card .file-name.error-text{color:var(--Error-Error-500, #f46a6b)}.file-card .progress-bar-container{width:100%;height:4px;background-color:#f0f0f0;border-radius:4px;overflow:hidden}.file-card .progress-bar{height:100%;border-radius:4.5px;background:var(--Primary-Primary-500, #f49a3d);transition:width 0.3s ease}.file-card .error-label{color:var(--Error-Error-500, #f46a6b);font-size:11px;font-weight:var(--font-weight-regular, 400);line-height:150%}.file-card .deleting-container{display:flex;align-items:center;flex:1 0 0}.file-card .deleting-label{color:var(--Gray-Gray-500, #69738c);font-size:var(--font-size-xs, 12px);font-style:italic;font-weight:var(--font-weight-regular, 400);line-height:150%}.file-card .delete,.file-card .preview-image{display:inline-flex;align-items:center;justify-content:center;transition:transform 0.3s ease;border-radius:var(--Border-2, 8px);flex-shrink:0;cursor:pointer}.file-card .delete:hover,.file-card .preview-image:hover{transform:scale(1.1)}.file-card .delete-confirm{color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 12px);font-style:normal;font-weight:var(--font-weight-medium, 500);line-height:150%;display:flex;justify-content:space-between;align-items:center;align-self:stretch;flex:1 0 0}.file-card .delete-confirm .message{flex:1}.file-card .delete-confirm .actions{display:flex;align-items:flex-start;gap:var(--Size-2, 8px)}.img-view{display:flex;width:88px;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--Size-2, 8px)}.img-view .preview-wrapper{position:relative;display:inline-block;width:88px;height:88px}.img-view .preview-container{border-radius:var(--Border-2, 8px);overflow:hidden;width:100%;height:100%}.img-view .preview{width:100%;height:100%;object-fit:cover;flex-shrink:0}.img-view .preview.uploading{filter:blur(2px)}.img-view .overlay-icon{width:24px;height:24px;padding:6px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none;display:flex;justify-content:center;align-items:center;flex-shrink:0;border-radius:var(--Border-3, 12px);background:var(--Neutral-White, #ffffff)}.img-view .delete{position:absolute;top:-12px;right:-9px;display:flex;justify-content:center;align-items:center;flex-shrink:0;border-radius:var(--Border-3, 12px);background:var(--Neutral-White, #ffffff);cursor:pointer}.img-view .delete:hover{transform:scale(1.1)}.img-view.error .preview-wrapper{border:2px solid var(--Error-Error-500, #f46a6b);border-radius:var(--Border-2, 8px)}.img-view.deleting .preview-wrapper{opacity:0.4}.img-view .progress-bar-container{width:100%;height:4px;background-color:#f0f0f0;border-radius:4px;overflow:hidden}.img-view .progress-bar{height:100%;border-radius:4.5px;background:var(--Primary-Primary-500, #f49a3d);transition:width 0.3s ease}.img-view .deleting-info{width:100%;text-align:center}.img-view .deleting-info-label{color:var(--Gray-Gray-500, #69738c);font-size:var(--font-size-xxs, 10px);font-style:italic;font-weight:var(--font-weight-regular, 400);line-height:150%}@media screen and (max-width: 599px){.info.size-small-upload{flex-wrap:wrap;justify-content:center}.file-card .file-name{max-width:100px}}";export{t as dropi_file_upload}

package/dist/dropi-ui/p-7fe30856.entry.js

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

package/dist/dropi-ui/p-803ab87b.entry.js

@@ -0,0 +1 @@
+import{r as i,c as r,a as e,h as t}from"./p-K5v4Q5tq.js";const n=class{constructor(e){i(this,e),this.bannerClick=r(this,"bannerClick"),this.isVisible=r(this,"isVisible")}imageUrl="";link="";alt="";backgroundColor="transparent";slugName="";viewOnWhiteBrand=!1;viewOnlyCountries=[];closed=!1;get el(){return e(this)}componentWillLoad(){this.imageUrl||(this.imageUrl=this.el.getAttribute("imageUrl")||this.el.getAttribute("image-url")||this.el.getAttribute("imageurl")||"")}bannerClick;isVisible;handleClick(i){this.link||(i.preventDefault(),this.bannerClick.emit())}closeBanner(i){i.preventDefault(),i.stopPropagation(),this.closed=!0,this.isVisible.emit(!1)}render(){if(this.closed||!this.imageUrl)return null;const i=t("div",{class:"inner"},t("img",{src:this.imageUrl,alt:this.alt}),t("button",{class:"close-btn","aria-label":"Cerrar banner",onClick:i=>this.closeBanner(i)},t("dropi-icon",{name:"Close-small",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-600"})));return t("div",{class:"dropi-banner-external",style:{background:this.backgroundColor}},this.link?t("a",{href:this.link,target:"_blank",rel:"noopener noreferrer",onClick:i=>this.handleClick(i)},i):t("div",{class:"click-wrapper",onClick:i=>this.handleClick(i)},i))}};n.style=":host{display:block;width:100%}.dropi-banner-external{display:block;width:100%;position:relative;margin-bottom:16px;border-radius:var(--Border-2, 8px)}.dropi-banner-external a{display:block;text-decoration:none}.click-wrapper{cursor:pointer}.inner{position:relative;display:block}.inner img{display:block;width:100%;height:auto;border-radius:var(--Border-2, 8px);max-width:1220px;margin:auto}.close-btn{position:absolute;top:4px;right:4px;background:rgba(255, 255, 255, 0.8);border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background 0.15s ease}.close-btn:hover{background:rgba(255, 255, 255, 1)}";export{n as dropi_banner_external}

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

@@ -0,0 +1 @@
+import{r,h as e}from"./p-K5v4Q5tq.js";const s=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:"7093e06299ccb8365d07fa1bc20838254b08957e",class:"progress-container"},this.showValue&&e("div",{key:"f32dcb2d2c4dcfcdba5661dc7b66c1f36d4bb66c",class:"progress-header"},e("span",{key:"5d556cff4beb0af77c28fd934757512a3470b83d",class:"progress-value"},this.value,"%")),e("div",{key:"35666669d0206354d2d3e797bf553b767bfb63d5",class:"progress-track",style:{height:this.height,backgroundColor:this.trackColor}},e("div",{key:"037d4d7cacc0834b8d79d1fee8c6e9ba3edfc3f5",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"}}};s.style=":host{display:block;width:100%}.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{s as dropi_progress_bar}

package/dist/dropi-ui/p-92185d67.entry.js

@@ -0,0 +1 @@
+import{r as a,c as e,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){a(this,n),this.dropiCodChange=e(this,"dropiCodChange"),this.dropiPhoneChange=e(this,"dropiPhoneChange"),this.dropiVerify=e(this,"dropiVerify"),this.dropiChangeSelect=e(this,"dropiChangeSelect"),n.$hostElement$["s-ei"]?this.internals=n.$hostElement$["s-ei"]:(this.internals=n.$hostElement$.attachInternals(),n.$hostElement$["s-ei"]=this.internals)}get el(){return n(this)}internals;name;codArea="57";ngModelPhone="";phoneNumberPlaceholder=null;disabledInput=!1;isValidPhone=void 0;validateOnInit=!0;selectedOption=null;selectProperties=null;open=!1;dropiCodChange;dropiPhoneChange;dropiVerify;dropiChangeSelect;codAreaChanged(){this.ngModelPhone="",this.updateFormValue()}ngModelPhoneChanged(){this.updateFormValue()}selectedOptionChanged(a){a&&(this.codArea=String(a.dialCode??a.code??this.codArea).replace("+",""))}componentWillLoad(){this.selectedOption&&this.selectedOptionChanged(this.selectedOption),this.updateFormValue()}updateFormValue(){this.internals.setFormValue(this.ngModelPhone?`+${this.codArea}${this.ngModelPhone}`:"")}get selectedCountry(){const a=(this.codArea??"57").replace("+","");return t.find((e=>e.code===a))??t[0]}selectCountry(a){this.codArea=a.code,this.open=!1,this.dropiCodChange.emit(a.code),this.dropiChangeSelect.emit(a)}handleInput(a){const e=a.target.value.replace(/\D/g,"");this.ngModelPhone=e.slice(0,this.selectedCountry.maxLength),a.target.value=this.ngModelPhone,this.dropiPhoneChange.emit(this.ngModelPhone)}handleWindowClick(a){a.composedPath().includes(this.el)||(this.open=!1)}render(){const a=this.selectedCountry,e=!1===this.isValidPhone;return o("div",{key:"c15336990cd554166dcfec74bbf577074a7fe870",class:"phone-wrap"},o("div",{key:"7136d327befe46db5b9fd79075526d4a327532ff",class:"phone-input-container"},o("div",{key:"2348818f20cc26941dd06730d75c95497eb73468",class:"custom-select"},o("button",{key:"37a0289468cc49b914d31a056d94c1caafc4431d",type:"button",class:{"select-button":!0,"select-invalid":e},disabled:this.disabledInput,onClick:()=>{this.disabledInput||(this.open=!this.open)}},o("span",{key:"59368b25a2afa0a3e7fbb930483239680a867651",style:{display:"flex",gap:"0.5rem",alignItems:"center"}},o("img",{key:"d472729d11380a54182927000703c224104f9213",src:`https://flagsapi.com/${a.flag}/flat/24.png`,alt:"flag"}),a.code),o("dropi-icon",{key:"9c73aea42e3f30793505277032c892b3947a90be",name:this.open?"Dropdown-up":"Dropdown-down",iconWidth:"14px",iconHeight:"14px",color:"Gray-Gray-500"})),o("ul",{key:"b3238ad80a85356fbd95a482c3ffa0cf3ecb810f",class:{"select-dropdown":!0,"expanded-select":this.open,"collapsed-select":!this.open}},t.map((a=>o("li",null,o("button",{type:"button",class:"option",onMouseDown:e=>{e.preventDefault(),this.selectCountry(a)}},o("img",{src:`https://flagsapi.com/${a.flag}/flat/24.png`,alt:a.flag}),a.code)))))),o("input",{key:"3f0c3ef4f01b13f9f033b5205fe5ab019a923781",id:"phone-input",type:"tel",inputmode:"numeric",class:{"form-control":!0,"is-invalid":e},placeholder:this.phoneNumberPlaceholder,value:this.ngModelPhone,disabled:this.disabledInput,maxLength:a.maxLength,onInput:a=>this.handleInput(a)})))}static get formAssociated(){return!0}static get watchers(){return{codArea:[{codAreaChanged:0}],ngModelPhone:[{ngModelPhoneChanged:0}],selectedOption:[{selectedOptionChanged:0}]}}};r.style=":host{display:block;width:100%;position:relative;font-family:'Inter', sans-serif}*,*::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-9733212c.entry.js

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

package/dist/dropi-ui/p-K5v4Q5tq.js

@@ -0,0 +1,2 @@
+const e=()=>{},n=":root{--Primary-Primary-50:#fef8f2;--Primary-Primary-100:#ffecda;--Primary-Primary-200:#fcddbd;--Primary-Primary-300:#f2bc85;--Primary-Primary-400:#f7b46f;--Primary-Primary-500:#f49a3d;--Primary-Primary-600:#e58017;--Primary-Primary-700:#99540f;--Primary-Primary-800:#66380a;--Primary-Primary-900:#331c05;--Secondary-Secondary-50:#f0fafc;--Secondary-Secondary-100:#cee8f2;--Secondary-Secondary-200:#95d0e5;--Secondary-Secondary-300:#62bad9;--Secondary-Secondary-400:#33a4cc;--Secondary-Secondary-500:#008dbf;--Secondary-Secondary-600:#007199;--Secondary-Secondary-700:#005573;--Secondary-Secondary-800:#00384d;--Secondary-Secondary-900:#001c26;--Neutral-White:#ffffff;--Neutral-Black:#000000;--Gray-Gray-50:#f7f8fa;--Gray-Gray-100:#e6eaf2;--Gray-Gray-200:#c3c9d9;--Gray-Gray-300:#a3abbf;--Gray-Gray-400:#858ea6;--Gray-Gray-500:#69738c;--Gray-Gray-600:#475066;--Gray-Gray-700:#32394d;--Gray-Gray-800:#1f2433;--Gray-Gray-900:#0e111a;--Success-Success-50:#e7f8f3;--Success-Success-100:#b3eada;--Success-Success-200:#8ee0c8;--Success-Success-300:#5bd1af;--Success-Success-400:#3bc99f;--Success-Success-500:#0abb87;--Success-Success-600:#09aa7b;--Success-Success-700:#078560;--Success-Success-800:#06674a;--Success-Success-900:#044f39;--Error-Error-50:#fef0f0;--Error-Error-100:#fcd1d1;--Error-Error-200:#fababb;--Error-Error-300:#f89b9c;--Error-Error-400:#f68889;--Error-Error-500:#f46a6b;--Error-Error-600:#de6061;--Error-Error-700:#ad4b4c;--Error-Error-800:#863a3b;--Error-Error-900:#662d2d;--Info-Info-50:#eef6fe;--Info-Info-100:#c9e3fb;--Info-Info-200:#afd6f9;--Info-Info-300:#8ac3f6;--Info-Info-400:#73b7f4;--Info-Info-500:#50a5f1;--Info-Info-600:#4996db;--Info-Info-700:#3975ab;--Info-Info-800:#2c5b85;--Info-Info-900:#224565;--Warning-Warning-50:#fef8ed;--Warning-Warning-100:#fbe8c8;--Warning-Warning-200:#f9ddad;--Warning-Warning-300:#f6cd87;--Warning-Warning-400:#f4c370;--Warning-Warning-500:#f1b44c;--Warning-Warning-600:#dba445;--Warning-Warning-700:#ab8036;--Warning-Warning-800:#85632a;--Warning-Warning-900:#654c20;--Orange-orange-50:#fef5ec;--Orange-orange-500:#f49a3d;--Size-1:4px;--Size-2:8px;--Size-3:12px;--Size-4:16px;--Size-5:24px;--Size-6:32px;--Size-7:40px;--Size-8:48px;--Size-9:56px;--Size-10:64px;--Border-1:4px;--Border-2:8px;--Border-3:12px;--Border-4:24px;--Border-5:32px;--Border-full:9999px;--font-size-xxxxl:36px;--font-size-xxxl:30px;--font-size-xxl:24px;--font-size-xl:20px;--font-size-l:18px;--font-size-m:16px;--font-size-s:14px;--font-size-xs:12px;--font-size-xxs:10px;--lineheight-simple:110%;--lineheight-large:150%;--font-weight-bold:700;--font-weight-semibold:600;--font-weight-medium:500;--font-weight-regular:400;--font-weight-light:300;--font-family-01:'Inter', sans-serif;--breakpoint-extra-small:576px;--breakpoint-small:600px;--breakpoint-medium:1000px;--breakpoint-large:1200px;--breakpoint-extra-large:1536px;--breakpoint-full-width:1920px;--Shadow-small:0px 0px 12px rgba(0, 0, 0, 0.04);--Shadow-medium:0.5px 4px 8px rgba(0, 0, 0, 0.08);--Shadow-large:0px 4px 16px rgba(0, 0, 0, 0.16);--Shadow-icon:0px 0px 4px rgba(0, 0, 0, 0.16);--Interrapidisimo:#383637;--Domina:#464ffe;--Coordinadora:#2686c5;--Servientrega:#1ba558;--99-minutos:#9cd453;--TCC:#f8dd49;--Veloces:#dc2e76;--Envia:#e7484e;--Restlogix:#90dd92;--Tiui:#0596a5;--Fedex:#4d148c;--Laarcourier:#faf063;--Gintracom:#ff3939;--Blue-express:#1542a3;--Lulu:#f03a3e;--Urbano:#e53237;--Tipsa:#1d3681;--dropi-z-index-base:0;--dropi-z-index-sticky:100;--dropi-z-index-navbar:1000;--dropi-z-index-modal:9999;--dropi-z-index-drawer:9999;--dropi-z-index-overlay:11000;--dropi-z-index-toast:12000}@media (max-width: 600px){:root{--font-size-xxxxl:32px;--font-size-xxxl:26px;--font-size-xxl:20px;--font-size-xl:18px;--font-size-l:16px;--font-size-m:16px;--font-size-s:14px;--font-size-xs:12px;--font-size-xxs:10px}}*{font-family:var(--font-family-01);box-sizing:border-box;text-align:left}h1{color:var(--Gray-Gray-700);font-size:var(--font-size-xxxxl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h2{color:var(--Gray-Gray-700);font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h3{color:var(--Gray-Gray-700);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h4{color:var(--Gray-Gray-700);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h5{color:var(--Gray-Gray-700);font-size:var(--font-size-l);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Body-L-Medium{color:var(--Gray-Gray-700);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);line-height:var(--lineheight-large)}.Body-L-Regular{color:var(--Gray-Gray-600);font-size:var(--font-size-m);font-weight:var(--font-weight-regular);line-height:var(--lineheight-large)}.Body-M-Medium{color:var(--Gray-Gray-700);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);line-height:var(--lineheight-large)}.Body-M-Regular{color:var(--Gray-Gray-600);font-size:var(--font-size-s);font-weight:var(--font-weight-regular);line-height:var(--lineheight-large)}.Body-S-Medium{color:var(--Gray-Gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--lineheight-large)}.Body-S-Regular{color:var(--Gray-Gray-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--lineheight-large)}.Caption-M{color:var(--Gray-Gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Caption-S{color:var(--Gray-Gray-700);font-size:var(--font-size-xxs);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Label-L{color:var(--Gray-Gray-700);font-size:var(--font-size-m);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Label-M{color:var(--Gray-Gray-700);font-size:var(--font-size-s);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Label-S{color:var(--Gray-Gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}body.dropi-modal-open{overflow:hidden !important}dropi-icon:not(:defined){display:inline-flex;width:24px;height:24px;overflow:hidden}";var t={isBrowser:!0},o=(e=>(e.Undefined="undefined",e.Null="null",e.String="string",e.Number="number",e.SpecialNumber="number",e.Boolean="boolean",e.BigInt="bigint",e))(o||{}),r=(e=>(e.Array="array",e.Date="date",e.Map="map",e.Object="object",e.RegularExpression="regexp",e.Set="set",e.Channel="channel",e.Symbol="symbol",e))(r||{}),i="type",l="value",s="serialized:";function a(e,n,t){const o="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;e&&e!==o;){const o=Object.getOwnPropertyDescriptor(e,n);if(o&&(!t||o.get))return o;e=Object.getPrototypeOf(e)}}var c,f=(e,n)=>{var t;Object.entries(null!=(t=n.o.t)?t:{}).map((([t,[o]])=>{if(31&o||32&o){const o=e[t],r=a(Object.getPrototypeOf(e),t,!0)||Object.getOwnPropertyDescriptor(e,t);r&&Object.defineProperty(e,t,{get(){return r.get.call(this)},set(e){r.set.call(this,e)},configurable:!0,enumerable:!0}),n.i.has(t)?e[t]=n.i.get(t):void 0!==o&&(e[t]=o)}}))},u=e=>{if(e.__stencil__getHostRef)return e.__stencil__getHostRef()},d=(e,n)=>{n&&(e.__stencil__getHostRef=()=>n,n.l=e,512&n.o.u&&f(e,n))},h=(e,n)=>n in e,p=(e,n)=>(0,console.error)(e,n),y=new Map,v=new Map,g="s-id",m="sty-id",b="c-id",x="slot-fb{display:contents}slot-fb[hidden]{display:none}",$=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"],w="undefined"!=typeof window?window:{},S={u:0,h:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,n,t,o)=>e.addEventListener(n,t,o),rel:(e,n,t,o)=>e.removeEventListener(n,t,o),ce:(e,n)=>new CustomEvent(e,n)},z=e=>Promise.resolve(e),G=(()=>{try{return!!w.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(e){}return!1})(),j=!!G&&(()=>!!w.document&&Object.getOwnPropertyDescriptor(w.document.adoptedStyleSheets,"length").writable)(),E=!1,O=[],k=[],I=(e,n)=>t=>{e.push(t),E||(E=!0,n&&4&S.u?C(N):S.raf(N))},P=e=>{for(let n=0;n<e.length;n++)try{e[n](performance.now())}catch(e){p(e)}e.length=0},N=()=>{P(O),P(k),(E=O.length>0)&&S.raf(N)},C=e=>z().then(e),W=I(k,!0);function M(){var e;const t=this.attachShadow({mode:"open"});if(void 0===c&&(c=null!=(e=function(e){if(!G)return;const n=new CSSStyleSheet;return n.replaceSync(e),n}(n))?e:null),c)j?t.adoptedStyleSheets.push(c):t.adoptedStyleSheets=[...t.adoptedStyleSheets,c];else if(!G){const e=document.createElement("style");e.innerHTML=n,t.prepend(e)}}var B=e=>{const n=U(e,"childNodes");e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&"SLOT-FB"!==e.tagName&&L(n,e.tagName).forEach((e=>{1===e.nodeType&&"SLOT-FB"===e.tagName&&(e.hidden=!!R(e,D(e),!1).length)}));let t=0;for(t=0;t<n.length;t++){const e=n[t];1===e.nodeType&&U(e,"childNodes").length&&B(e)}};function L(e,n,t){let o,r=0,i=[];for(;r<e.length;r++){if(o=e[r],o["s-sr"]&&(!n||o["s-hn"]===n)&&(void 0===t||D(o)===t)&&(i.push(o),void 0!==t))return i;i=[...i,...L(o.childNodes,n,t)]}return i}var R=(e,n,t=!0)=>{const o=[];(t&&e["s-sr"]||!e["s-sr"])&&o.push(e);let r=e;for(;r=r.nextSibling;)D(r)!==n||!t&&r["s-sr"]||o.push(r);return o},T=(e,n)=>1===e.nodeType?null===e.getAttribute("slot")&&""===n||e.getAttribute("slot")===n:e["s-sn"]===n||""===n,A=(e,n,t,o)=>{if(e["s-ol"]&&e["s-ol"].isConnected)return;const r=document.createTextNode("");if(r["s-nr"]=e,!n["s-cr"]||!n["s-cr"].parentNode)return;const i=n["s-cr"].parentNode,l=U(i,"appendChild");if(void 0!==o){r["s-oo"]=o;const e=U(i,"childNodes"),n=[r];e.forEach((e=>{e["s-nr"]&&n.push(e)})),n.sort(((e,n)=>!e["s-oo"]||e["s-oo"]<(n["s-oo"]||0)?-1:!n["s-oo"]||n["s-oo"]<e["s-oo"]?1:0)),n.forEach((e=>l.call(i,e)))}else l.call(i,r);e["s-ol"]=r,e["s-sh"]=n["s-hn"]},D=e=>"string"==typeof e["s-sn"]?e["s-sn"]:1===e.nodeType&&e.getAttribute("slot")||void 0;function F(e){if(e.assignedElements||e.assignedNodes||!e["s-sr"])return;const n=n=>function(e){const t=[],o=this["s-sn"];(null==e?void 0:e.flatten)&&console.error("\n          Flattening is not supported for Stencil non-shadow slots.\n          You can use `.childNodes` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        ");const r=this["s-cr"].parentElement;return(r.__childNodes?r.childNodes:(e=>{const n=[];for(let t=0;t<e.length;t++){const o=e[t]["s-nr"]||void 0;o&&o.isConnected&&n.push(o)}return n})(r.childNodes)).forEach((e=>{o===D(e)&&t.push(e)})),n?t.filter((e=>1===e.nodeType)):t}.bind(e);e.assignedElements=n(!0),e.assignedNodes=n(!1)}function U(e,n){if("__"+n in e){const t=e["__"+n];return"function"!=typeof t?t:t.bind(e)}return"function"!=typeof e[n]?e[n]:e[n].bind(e)}function V(e){var n,t,o;return null!=(o=null==(t=null==(n=e.head)?void 0:n.querySelector('meta[name="csp-nonce"]'))?void 0:t.getAttribute("content"))?o:void 0}var H=new WeakMap,_=(e,n,t)=>{let o=v.get(e);G&&t?(o=o||new CSSStyleSheet,"string"==typeof o?o=n:o.replaceSync(n)):o=n,v.set(e,o)},q=(e,n)=>{var t,o,r;const i=Y(n),l=v.get(i);if(!w.document)return i;if(e=11===e.nodeType?e:w.document,l)if("string"==typeof l){let r,s=H.get(e=e.head||e);s||H.set(e,s=new Set);const a=e.querySelector(`[${m}="${i}"]`);if(a)a.textContent=l;else if(!s.has(i)){r=w.document.createElement("style"),r.textContent=l;const a=null!=(t=S.p)?t:V(w.document);if(null!=a&&r.setAttribute("nonce",a),!(1&n.u))if("HEAD"===e.nodeName){const n=e.querySelectorAll("link[rel=preconnect]"),t=n.length>0?n[n.length-1].nextSibling:e.querySelector("style");e.insertBefore(r,(null==t?void 0:t.parentNode)===e?t:null)}else if("host"in e)if(G){const n=new(null!=(o=e.defaultView)?o:e.ownerDocument.defaultView).CSSStyleSheet;n.replaceSync(l),j?e.adoptedStyleSheets.unshift(n):e.adoptedStyleSheets=[n,...e.adoptedStyleSheets]}else{const n=e.querySelector("style");n?n.textContent=l+n.textContent:e.prepend(r)}else e.append(r);1&n.u&&e.insertBefore(r,null),4&n.u&&(r.textContent+=x),s&&s.add(i)}}else{let n=H.get(e);if(n||H.set(e,n=new Set),!n.has(i)){const t=null!=(r=e.defaultView)?r:e.ownerDocument.defaultView;let o;if(l.constructor===t.CSSStyleSheet)o=l;else{o=new t.CSSStyleSheet;for(let e=0;e<l.cssRules.length;e++)o.insertRule(l.cssRules[e].cssText,e)}if(j?e.adoptedStyleSheets.push(o):e.adoptedStyleSheets=[...e.adoptedStyleSheets,o],n.add(i),"host"in e){const n=e.querySelector(`[${m}="${i}"]`);n&&W((()=>n.remove()))}}}return i},Y=e=>"sc-"+e.v,J=e=>e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),Z=e=>"object"==(e=typeof e)||"function"===e,K=(e,n,...t)=>{let o=null,r=null,i=null,l=!1,s=!1;const a=[],c=n=>{for(let t=0;t<n.length;t++)o=n[t],Array.isArray(o)?c(o):null!=o&&"boolean"!=typeof o&&((l="function"!=typeof e&&!Z(o))&&(o+=""),l&&s?a[a.length-1].m+=o:a.push(l?Q(null,o):o),s=l)};if(c(t),n){n.key&&(r=n.key),n.name&&(i=n.name);{const e=n.className||n.class;e&&(n.class="object"!=typeof e?e:Object.keys(e).filter((n=>e[n])).join(" "))}}const f=Q(e,null);return f.$=n,a.length>0&&(f.S=a),f.G=r,f.j=i,f},Q=(e,n)=>({u:0,O:e,m:null!=n?n:null,k:null,S:null,$:null,G:null,j:null}),X={},ee=(e,n,t,o,r,i,l,s=[])=>{let a,c,f,u;if(1===i.nodeType){if(a=i.getAttribute(b),a&&(c=a.split("."),c[0]===l||"0"===c[0])){f=te({u:0,I:c[0],P:c[1],N:c[2],C:c[3],O:i.tagName.toLowerCase(),k:i,$:{class:i.className||""}}),n.push(f),i.removeAttribute(b),e.S||(e.S=[]);const r=f.k.getAttribute("s-sn");"string"==typeof r&&("slot-fb"===f.O&&oe(r,c[2],f,i,e,n,t,o,s),f.k["s-sn"]=r,f.k.removeAttribute("s-sn")),void 0!==f.C&&(e.S[f.C]=f),e=f,o&&"0"===f.N&&(o[f.C]=f.k)}if(i.shadowRoot)for(u=i.shadowRoot.childNodes.length-1;u>=0;u--)ee(e,n,t,o,r,i.shadowRoot.childNodes[u],l,s);const d=i.__childNodes||i.childNodes;for(u=d.length-1;u>=0;u--)ee(e,n,t,o,r,d[u],l,s)}else if(8===i.nodeType)c=i.nodeValue.split("."),(c[1]===l||"0"===c[1])&&(a=c[0],f=te({I:c[1],P:c[2],N:c[3],C:c[4]||"0",k:i,$:null,S:null,G:null,j:null,O:null,m:null}),"t"===a?(f.k=ie(i,3),f.k&&3===f.k.nodeType&&(f.m=f.k.textContent,n.push(f),i.remove(),l===f.I&&(e.S||(e.S=[]),e.S[f.C]=f),o&&"0"===f.N&&(o[f.C]=f.k))):"c"===a?(f.k=ie(i,8),f.k&&8===f.k.nodeType&&(n.push(f),i.remove())):f.I===l&&("s"===a?oe(i["s-sn"]=c[5]||"",c[2],f,i,e,n,t,o,s):"r"===a&&(o?i.remove():(r["s-cr"]=i,i["s-cn"]=!0))));else if(e&&"style"===e.O){const n=Q(null,i.textContent);n.k=i,n.C="0",e.S=[n]}return e},ne=(e,n)=>{if(1===e.nodeType){const t=e[g]||e.getAttribute(g);t&&n.set(t,e);let o=0;if(e.shadowRoot)for(;o<e.shadowRoot.childNodes.length;o++)ne(e.shadowRoot.childNodes[o],n);const r=e.__childNodes||e.childNodes;for(o=0;o<r.length;o++)ne(r[o],n)}else if(8===e.nodeType){const t=e.nodeValue.split(".");"o"===t[0]&&(n.set(t[1]+"."+t[2],e),e.nodeValue="",e["s-en"]=t[3])}},te=e=>({u:0,I:null,P:null,N:null,C:"0",k:null,$:null,S:null,G:null,j:null,O:null,m:null,...e});function oe(e,n,t,o,r,i,l,s,a){o["s-sr"]=!0,t.j=e||null,t.O="slot";const c=(null==r?void 0:r.k)?r.k["s-id"]||r.k.getAttribute("s-id"):"";if(s&&w.document){const i=t.k=w.document.createElement(t.O);t.j&&t.k.setAttribute("name",e),r.k.shadowRoot&&c&&c!==t.I?U(r.k,"insertBefore")(i,U(r.k,"children")[0]):U(U(o,"parentNode"),"insertBefore")(i,o),re(a,n,e,o,t.I),o.remove(),"0"===t.N&&(s[t.C]=t.k)}else{const i=t.k,l=c&&c!==t.I&&r.k.shadowRoot;re(a,n,e,o,l?c:t.I),F(o),l&&r.k.insertBefore(i,r.k.children[0])}i.push(t),l.push(t),r.S||(r.S=[]),r.S[t.C]=t}var re=(e,n,t,o,r)=>{var i,l;let s=o.nextSibling;if(e[n]=e[n]||[],s&&!(null==(i=s.nodeValue)?void 0:i.startsWith("s.")))do{!s||(s.getAttribute&&s.getAttribute("slot")||s["s-sn"])!==t&&(""!==t||s["s-sn"]||s.getAttribute&&s.getAttribute("slot")||8!==s.nodeType&&3!==s.nodeType)||(s["s-sn"]=t,e[n].push({slot:o,node:s,hostId:r})),s=null==s?void 0:s.nextSibling}while(s&&!(null==(l=s.nodeValue)?void 0:l.startsWith("s.")))},ie=(e,n)=>{let t=e;do{t=t.nextSibling}while(t&&(t.nodeType!==n||!t.nodeValue));return t},le=e=>{if(!e)return;const n=Object.keys(e);if(0===n.length)return;let t=!1;for(const o of n){if(t)break;for(const n of e[o])if("string"==typeof n){t=!0;break}}if(!t)return e;const o={};for(const t of n)o[t]=e[t].map((e=>"string"==typeof e?{[e]:0}:e));return o},se=class e{static fromLocalValue(n){const t=n[i],o=l in n?n[l]:void 0;switch(t){case"string":case"boolean":return o;case"bigint":return BigInt(o);case"undefined":return;case"null":return null;case"number":return"NaN"===o?NaN:"-0"===o?-0:"Infinity"===o?1/0:"-Infinity"===o?-1/0:o;case"array":return o.map((n=>e.fromLocalValue(n)));case"date":return new Date(o);case"map":const n=new Map;for(const[t,r]of o){const o="object"==typeof t&&null!==t?e.fromLocalValue(t):t,i=e.fromLocalValue(r);n.set(o,i)}return n;case"object":const r={};for(const[n,t]of o)r[n]=e.fromLocalValue(t);return r;case"regexp":const{pattern:i,flags:l}=o;return RegExp(i,l);case"set":const s=new Set;for(const n of o)s.add(e.fromLocalValue(n));return s;case"symbol":return Symbol(o);default:throw Error("Unsupported type: "+t)}}static fromLocalValueArray(n){return n.map((n=>e.fromLocalValue(n)))}static isLocalValueObject(e){if("object"!=typeof e||null===e)return!1;if(!e.hasOwnProperty(i))return!1;const n=e[i];return!!Object.values({...o,...r}).includes(n)&&("null"===n||"undefined"===n||e.hasOwnProperty(l))}};var ae,ce,fe=(e,n,t)=>"string"==typeof e&&e.startsWith(s)?e=function(e){return"string"==typeof e&&e.startsWith(s)?se.fromLocalValue(JSON.parse(function(e){const n=atob(e),t=new Uint8Array(n.length);for(let e=0;e<n.length;e++)t[e]=n.charCodeAt(e);return(new TextDecoder).decode(t)}(e.slice(11)))):e}(e):null==e||Z(e)?e:4&n?(t&&"string"==typeof e||"false"!==e)&&(""===e||!!e):2&n?"string"==typeof e?parseFloat(e):"number"==typeof e?e:NaN:1&n?e+"":e,ue=e=>{var n;return null==(n=u(e))?void 0:n.$hostElement$},de=(e,n)=>{const t=ue(e);return{emit:e=>he(t,n,{bubbles:!0,composed:!0,cancelable:!0,detail:e})}},he=(e,n,t)=>{const o=S.ce(n,t);return e.dispatchEvent(o),o},pe=(e,n,t,o,r,i,l)=>{if(t===o)return;let s=h(e,n),a=n.toLowerCase();if("class"===n){const n=e.classList,r=ve(t);let i=ve(o);if((e["s-si"]||e["s-sc"])&&l){const t=e["s-sc"]||e["s-si"];i.push(t),r.forEach((e=>{e.startsWith(t)&&i.push(e)})),i=[...new Set(i)].filter((e=>e)),n.add(...i)}else n.remove(...r.filter((e=>e&&!i.includes(e)))),n.add(...i.filter((e=>e&&!r.includes(e))))}else if("style"===n){for(const n in t)o&&null!=o[n]||(n.includes("-")?e.style.removeProperty(n):e.style[n]="");for(const n in o)t&&o[n]===t[n]||(n.includes("-")?e.style.setProperty(n,o[n]):e.style[n]=o[n])}else if("key"===n);else if("ref"===n)o&&Re(o,e);else if(s||"o"!==n[0]||"n"!==n[1]){if("a"===n[0]&&n.startsWith("attr:")){const t=n.slice(5);let r;{const n=u(e);if(n&&n.o&&n.o.t){const e=n.o.t[t];e&&e[1]&&(r=e[1])}}return r||(r=t.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==o||!1===o?!1===o&&""!==e.getAttribute(r)||e.removeAttribute(r):e.setAttribute(r,!0===o?"":o))}if("p"===n[0]&&n.startsWith("prop:")){const t=n.slice(5);try{e[t]=o}catch(e){}return}{const l=Z(o);if((s||l&&null!==o)&&!r)try{if(e.tagName.includes("-"))e[n]!==o&&(e[n]=o);else{const r=null==o?"":o;"list"===n?s=!1:null!=t&&e[n]===r||("function"==typeof e.__lookupSetter__(n)?e[n]=r:e.setAttribute(n,r))}}catch(e){}null==o||!1===o?!1===o&&""!==e.getAttribute(n)||e.removeAttribute(n):(!s||4&i||r)&&!l&&1===e.nodeType&&e.setAttribute(n,o=!0===o?"":o)}}else if(n="-"===n[2]?n.slice(3):h(w,a)?a.slice(2):a[2]+n.slice(3),t||o){const r=n.endsWith(ge);n=n.replace(me,""),t&&S.rel(e,n,t,r),o&&S.ael(e,n,o,r)}},ye=/\s/,ve=e=>("object"==typeof e&&e&&"baseVal"in e&&(e=e.baseVal),e&&"string"==typeof e?e.split(ye):[]),ge="Capture",me=RegExp(ge+"$"),be=(e,n,t,o)=>{const r=11===n.k.nodeType&&n.k.host?n.k.host:n.k,i=e&&e.$||{},l=n.$||{};for(const e of xe(Object.keys(i)))e in l||pe(r,e,i[e],void 0,t,n.u,o);for(const e of xe(Object.keys(l)))pe(r,e,i[e],l[e],t,n.u,o)};function xe(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var $e=!1,we=!1,Se=!1,ze=!1,Ge=[],je=[],Ee=(e,n,t)=>{var o;const r=n.S[t];let i,l,s,a=0;if($e||(Se=!0,"slot"===r.O&&(r.u|=r.S?2:1)),null!=r.m)i=r.k=w.document.createTextNode(r.m);else if(1&r.u)i=r.k=w.document.createTextNode(""),be(null,r,ze);else{if(ze||(ze="svg"===r.O),!w.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(i=r.k=w.document.createElementNS(ze?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!$e&&2&r.u?"slot-fb":r.O),ze&&"foreignObject"===r.O&&(ze=!1),be(null,r,ze),r.S){const n="template"===r.O?i.content:i;for(a=0;a<r.S.length;++a)l=Ee(e,r,a),l&&n.appendChild(l)}"svg"===r.O?ze=!1:"foreignObject"===i.tagName&&(ze=!0)}return i["s-hn"]=ce,3&r.u&&(i["s-sr"]=!0,i["s-cr"]=ae,i["s-sn"]=r.j||"",i["s-rf"]=null==(o=r.$)?void 0:o.ref,F(i),s=e&&e.S&&e.S[t],s&&s.O===r.O&&e.k&&Oe(e.k)),i},Oe=e=>{S.u|=1;const n=e.closest(ce.toLowerCase());if(null!=n){const t=Array.from(n.__childNodes||n.childNodes).find((e=>e["s-cr"])),o=Array.from(e.__childNodes||e.childNodes);for(const e of t?o.reverse():o)null!=e["s-sh"]&&(Te(n,e,null!=t?t:null),e["s-sh"]=void 0,Se=!0)}S.u&=-2},ke=(e,n)=>{S.u|=1;const t=Array.from(e.__childNodes||e.childNodes);if(e["s-sr"]){let n=e;for(;n=n.nextSibling;)n&&n["s-sn"]===e["s-sn"]&&n["s-sh"]===ce&&t.push(n)}for(let e=t.length-1;e>=0;e--){const o=t[e];o["s-hn"]!==ce&&o["s-ol"]&&(Te(Ce(o).parentNode,o,Ce(o)),o["s-ol"].remove(),o["s-ol"]=void 0,o["s-sh"]=void 0,Se=!0),n&&ke(o,n)}S.u&=-2},Ie=(e,n,t,o,r,i)=>{let l,s=e["s-cr"]&&e["s-cr"].parentNode||e;for(s.shadowRoot&&s.tagName===ce&&(s=s.shadowRoot),"template"===t.O&&(s=s.content);r<=i;++r)o[r]&&(l=Ee(null,t,r),l&&(o[r].k=l,Te(s,l,Ce(n))))},Pe=(e,n,t)=>{for(let o=n;o<=t;++o){const n=e[o];if(n){const e=n.k;Le(n),e&&(we=!0,e["s-ol"]?e["s-ol"].remove():ke(e,!0),e.remove())}}},Ne=(e,n,t=!1)=>e.O===n.O&&("slot"===e.O?e.j===n.j:t?(t&&!e.G&&n.G&&(e.G=n.G),!0):e.G===n.G),Ce=e=>e&&e["s-ol"]||e,We=(e,n,t=!1)=>{const o=n.k=e.k,r=e.S,i=n.S,l=n.O,s=n.m;let a;null==s?(ze="svg"===l||"foreignObject"!==l&&ze,"slot"!==l||$e||e.j!==n.j&&(n.k["s-sn"]=n.j||"",Oe(n.k.parentElement)),be(e,n,ze,t),null!==r&&null!==i?((e,n,t,o,r=!1)=>{let i,l,s=0,a=0,c=0,f=0,u=n.length-1,d=n[0],h=n[u],p=o.length-1,y=o[0],v=o[p];const g="template"===t.O?e.content:e;for(;s<=u&&a<=p;)if(null==d)d=n[++s];else if(null==h)h=n[--u];else if(null==y)y=o[++a];else if(null==v)v=o[--p];else if(Ne(d,y,r))We(d,y,r),d=n[++s],y=o[++a];else if(Ne(h,v,r))We(h,v,r),h=n[--u],v=o[--p];else if(Ne(d,v,r))"slot"!==d.O&&"slot"!==v.O||ke(d.k.parentNode,!1),We(d,v,r),Te(g,d.k,h.k.nextSibling),d=n[++s],v=o[--p];else if(Ne(h,y,r))"slot"!==d.O&&"slot"!==v.O||ke(h.k.parentNode,!1),We(h,y,r),Te(g,h.k,d.k),h=n[--u],y=o[++a];else{for(c=-1,f=s;f<=u;++f)if(n[f]&&null!==n[f].G&&n[f].G===y.G){c=f;break}c>=0?(l=n[c],l.O!==y.O?i=Ee(n&&n[a],t,c):(We(l,y,r),n[c]=void 0,i=l.k),y=o[++a]):(i=Ee(n&&n[a],t,a),y=o[++a]),i&&Te(Ce(d.k).parentNode,i,Ce(d.k))}s>u?Ie(e,null==o[p+1]?null:o[p+1].k,t,o,a,p):a>p&&Pe(n,s,u)})(o,r,n,i,t):null!==i?(null!==e.m&&(o.textContent=""),Ie(o,null,n,i,0,i.length-1)):t||null===r?t&&null!==r&&null===i&&(n.S=r):Pe(r,0,r.length-1),ze&&"svg"===l&&(ze=!1)):(a=o["s-cr"])?a.parentNode.textContent=s:e.m!==s&&(o.data=s)},Me=[],Be=e=>{let n,t,o;const r=e.__childNodes||e.childNodes;for(const e of r){if(e["s-sr"]&&(n=e["s-cr"])&&n.parentNode){t=n.parentNode.__childNodes||n.parentNode.childNodes;const r=e["s-sn"];for(o=t.length-1;o>=0;o--)if(n=t[o],!(n["s-cn"]||n["s-nr"]||n["s-hn"]===e["s-hn"]||n["s-sh"]&&n["s-sh"]===e["s-hn"]))if(T(n,r)){let t=Me.find((e=>e.W===n));we=!0,n["s-sn"]=n["s-sn"]||r,t?(t.W["s-sh"]=e["s-hn"],t.M=e):(n["s-sh"]=e["s-hn"],Me.push({M:e,W:n})),n["s-sr"]&&Me.map((e=>{T(e.W,n["s-sn"])&&(t=Me.find((e=>e.W===n)),t&&!e.M&&(e.M=t.M))}))}else Me.some((e=>e.W===n))||Me.push({W:n})}1===e.nodeType&&Be(e)}},Le=e=>{e.$&&e.$.ref&&Ge.push((()=>e.$.ref(null))),e.S&&e.S.map(Le)},Re=(e,n)=>{je.push((()=>e(n)))},Te=(e,n,t,o)=>{if("string"==typeof n["s-sn"]){e.insertBefore(n,t);const{slotNode:r}=function(e,n){var t;if(!(n=n||(null==(t=e["s-ol"])?void 0:t.parentElement)))return{slotNode:null,slotName:""};const o=e["s-sn"]=D(e)||"";return{slotNode:L(U(n,"childNodes"),n.tagName,o)[0],slotName:o}}(n);return r&&!o&&function(e){e.dispatchEvent(new CustomEvent("slotchange",{bubbles:!1,cancelable:!1,composed:!1}))}(r),n}return e.__insertBefore?e.__insertBefore(n,t):null==e?void 0:e.insertBefore(n,t)},Ae=(e,n)=>{if(n&&!e.B&&n["s-p"]){const t=n["s-p"].push(new Promise((o=>e.B=()=>{n["s-p"].splice(t-1,1),o()})))}},De=(e,n)=>{if(e.u|=16,4&e.u)return void(e.u|=512);Ae(e,e.L);const t=()=>Fe(e,n);if(!n)return W(t);queueMicrotask((()=>{t()}))},Fe=(e,n)=>{const t=e.$hostElement$,o=e.l;if(!o)throw Error(`Can't render component <${t.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let r;return n?(e.R&&(e.R=!1,Je(o,"connectedCallback",void 0,t)),e.u|=256,e.T&&(e.T.map((([e,n])=>Je(o,e,n,t))),e.T=void 0),e.A.length&&e.A.forEach((e=>e(t))),r=Je(o,"componentWillLoad",void 0,t)):r=Je(o,"componentWillUpdate",void 0,t),r=Ue(r,(()=>Je(o,"componentWillRender",void 0,t))),Ue(r,(()=>He(e,o,n)))},Ue=(e,n)=>Ve(e)?e.then(n).catch((e=>{console.error(e),n()})):n(),Ve=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,He=async(e,n,t)=>{var o;const r=e.$hostElement$,i=r["s-rc"];t&&(e=>{const n=e.o,t=e.$hostElement$,o=n.u,r=q(t.shadowRoot?t.shadowRoot:t.getRootNode(),n);10&o&&(t["s-sc"]=r,t.classList.add(r+"-h"))})(e);_e(e,n,r,t),i&&(i.map((e=>e())),r["s-rc"]=void 0);{const n=null!=(o=r["s-p"])?o:[],t=()=>qe(e);0===n.length?t():(Promise.all(n).then(t).catch(t),e.u|=4,n.length=0)}},_e=(e,n,t,o)=>{try{n=n.render(),e.u&=-17,e.u|=2,((e,n,t=!1)=>{var o,r,i,l,s;const a=e.$hostElement$,c=e.o,f=e.D||Q(null,null),u=(e=>e&&e.O===X)(n)?n:K(null,null,n);if(ce=a.tagName,c.F&&(u.$=u.$||{},c.F.forEach((([e,n])=>{u.$[n]=a[e]}))),t&&u.$)for(const e of Object.keys(u.$))a.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(u.$[e]=a[e]);if(u.O=null,u.u|=4,e.D=u,u.k=f.k=a.shadowRoot||a,$e=!(!(1&c.u)||128&c.u),ae=a["s-cr"],we=!1,We(f,u,t),S.u|=1,Se){Be(u.k);for(const e of Me){const n=e.W;if(!n["s-ol"]&&w.document){const e=w.document.createTextNode("");e["s-nr"]=n,Te(n.parentNode,n["s-ol"]=e,n,t)}}for(const e of Me){const n=e.W,s=e.M;if(1===n.nodeType&&t&&(n["s-ih"]=null!=(o=n.hidden)&&o),s){const e=s.parentNode;let o=s.nextSibling;if(o&&1===o.nodeType){let t=null==(r=n["s-ol"])?void 0:r.previousSibling;for(;t;){let r=null!=(i=t["s-nr"])?i:null;if(r&&r["s-sn"]===n["s-sn"]&&e===(r.__parentNode||r.parentNode)){for(r=r.nextSibling;r===n||(null==r?void 0:r["s-sr"]);)r=null==r?void 0:r.nextSibling;if(!r||!r["s-nr"]){o=r;break}}t=t.previousSibling}}if((!o&&e!==(n.__parentNode||n.parentNode)||(n.__nextSibling||n.nextSibling)!==o)&&n!==o){if(Te(e,n,o,t),8===n.nodeType&&n.nodeValue.startsWith("s-nt-")){const e=w.document.createTextNode(n.nodeValue.replace(/^s-nt-/,""));e["s-hn"]=n["s-hn"],e["s-sn"]=n["s-sn"],e["s-sh"]=n["s-sh"],e["s-sr"]=n["s-sr"],e["s-ol"]=n["s-ol"],e["s-ol"]["s-nr"]=e,Te(n.parentNode,e,n,t),n.parentNode.removeChild(n)}1===n.nodeType&&"SLOT-FB"!==n.tagName&&(n.hidden=null!=(l=n["s-ih"])&&l)}n&&"function"==typeof s["s-rf"]&&s["s-rf"](s)}else 1===n.nodeType&&(n.hidden=!0)}}if(we&&B(u.k),S.u&=-2,Me.length=0,!$e&&!(1&c.u)&&a["s-cr"]){const e=u.k.__childNodes||u.k.childNodes;for(const n of e)if(n["s-hn"]!==ce&&!n["s-sh"])if(t&&null==n["s-ih"]&&(n["s-ih"]=null!=(s=n.hidden)&&s),1===n.nodeType)n.hidden=!0;else if(3===n.nodeType&&n.nodeValue.trim()){const e=w.document.createComment("s-nt-"+n.nodeValue);e["s-sn"]=n["s-sn"],Te(n.parentNode,e,n,t),n.parentNode.removeChild(n)}}ae=void 0,Ge.forEach((e=>e())),Ge.length=0,je.forEach((e=>e())),je.length=0})(e,n,o)}catch(n){p(n,e.$hostElement$)}return null},qe=e=>{const n=e.$hostElement$,t=e.l,o=e.L;Je(t,"componentDidRender",void 0,n),64&e.u?Je(t,"componentDidUpdate",void 0,n):(e.u|=64,Ze(n),Je(t,"componentDidLoad",void 0,n),e.U(n),o||Ye()),e.V(n),e.B&&(e.B(),e.B=void 0),512&e.u&&C((()=>De(e,!1))),e.u&=-517},Ye=()=>{var e;C((()=>he(w,"appload",{detail:{namespace:"dropi-ui"}}))),(null==(e=S.H)?void 0:e.size)&&S.H.clear()},Je=(e,n,t,o)=>{if(e&&e[n])try{return e[n](t)}catch(e){p(e,o)}},Ze=e=>e.classList.add("hydrated"),Ke=(e,n,t,o)=>{const r=u(e);if(!r)return;if(!r)throw Error(`Couldn't find host element for "${o.v}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const i=r.$hostElement$,l=r.i.get(n),s=r.u,a=r.l;if(t=fe(t,o.t[n][0],!!(64&o.u)),!(8&s&&void 0!==l||t===l||Number.isNaN(l)&&Number.isNaN(t))){if(r.i.set(n,t),o._){const e=o._[n];e&&e.map((e=>{try{const[[o,i]]=Object.entries(e);(128&s||1&i)&&(a?a[o](t,l,n):r.A.push((()=>{r.l[o](t,l,n)})))}catch(e){p(e,i)}}))}if(2&s){if(a.componentShouldUpdate&&!1===a.componentShouldUpdate(t,l,n)&&!(16&s))return;16&s||De(r,!1)}}},Qe=(e,n,t)=>{var o,r;const i=e.prototype;64&n.u&&1&t&&$.forEach((e=>{Object.defineProperty(i,e,{value(...n){var t;const o=u(this),r=null==o?void 0:o.l;if(r){const t=r[e];"function"==typeof t&&t.call(r,...n)}else null==(t=null==o?void 0:o.q)||t.then((t=>{const o=t[e];"function"==typeof o&&o.call(t,...n)}))}})}));{e.watchers&&!n._&&(n._=le(e.watchers)),e.deserializers&&!n.Y&&(n.Y=e.deserializers),e.serializers&&!n.J&&(n.J=e.serializers);const l=Object.entries(null!=(o=n.t)?o:{});if(l.map((([e,[o]])=>{if(31&o||2&t&&32&o){const{get:r,set:l}=a(i,e)||{};r&&(n.t[e][0]|=2048),l&&(n.t[e][0]|=4096),(1&t||!r)&&Object.defineProperty(i,e,{get(){{if(!(2048&n.t[e][0]))return((e,n)=>u(this).i.get(n))(0,e);const t=u(this),o=t?t.l:i;if(!o)return;return o[e]}},configurable:!0,enumerable:!0}),Object.defineProperty(i,e,{set(r){const i=u(this);if(i){if(l)return void 0===(32&o?this[e]:i.$hostElement$[e])&&i.i.get(e)&&(r=i.i.get(e)),l.call(this,fe(r,o,!!(64&n.u))),void Ke(this,e,r=32&o?this[e]:i.$hostElement$[e],n);{if(!(1&t&&4096&n.t[e][0]))return Ke(this,e,r,n),void(1&t&&!i.l&&i.A.push((()=>{4096&n.t[e][0]&&i.l[e]!==i.i.get(e)&&(i.l[e]=r)})));const l=()=>{const t=i.l[e];!i.i.get(e)&&t&&i.i.set(e,t),i.l[e]=fe(r,o,!!(64&n.u)),Ke(this,e,i.l[e],n)};i.l?l():i.A.push((()=>{l()}))}}}})}else 1&t&&64&o&&Object.defineProperty(i,e,{value(...n){var t;const o=u(this);return null==(t=null==o?void 0:o.Z)?void 0:t.then((()=>{var t;return null==(t=o.l)?void 0:t[e](...n)}))}})})),1&t){const t=new Map;i.attributeChangedCallback=function(e,o,r){S.jmp((()=>{var s;const a=t.get(e),c=u(this);if(this.hasOwnProperty(a)&&(r=this[a],delete this[a]),i.hasOwnProperty(a)&&"number"==typeof this[a]&&this[a]==r)return;if(null==a){const t=null==c?void 0:c.u;if(c&&t&&!(8&t)&&r!==o){const i=c.l,l=null==(s=n._)?void 0:s[e];null==l||l.forEach((n=>{const[[l,s]]=Object.entries(n);null!=i[l]&&(128&t||1&s)&&i[l].call(i,r,o,e)}))}return}const f=l.find((([e])=>e===a)),d=f&&4&f[1][0],h=d&&null===r&&void 0===this[a];d&&(r=null!==r&&"false"!==r);const p=Object.getOwnPropertyDescriptor(i,a);h||r==this[a]||p.get&&!p.set||(this[a]=r)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(r=n._)?r:{}),...l.filter((([e,n])=>31&n[0])).map((([e,o])=>{var r;const i=o[1]||e;return t.set(i,e),512&o[0]&&(null==(r=n.F)||r.push([e,i])),i}))]))}}return e},Xe=(e,n)=>{Je(e,"connectedCallback",void 0,n)},en=e=>{if(!(1&S.u)){const n=u(e);if(!n)return;const t=n.o,o=()=>{};if(1&n.u)rn(e,n,t.K),(null==n?void 0:n.l)?Xe(n.l,e):(null==n?void 0:n.q)&&n.q.then((()=>Xe(n.l,e)));else{let o;if(n.u|=1,o=e.getAttribute(g),o){if(1&t.u){const n=q(e.shadowRoot,t);e.classList.remove(n+"-h",n+"-s")}((e,n,t,o)=>{var r,i,l,s;const a=e.shadowRoot,c=[],f=[],d=a?[]:null,h=Q(n,null);h.k=e,!w.document||S.H&&S.H.size||ne(w.document.body,S.H=new Map),e[g]=t,e.removeAttribute(g),o.D=ee(h,c,[],d,e,e,t,f);let p=0;const y=c.length;let v;for(;p<y;p++){v=c[p];const t=v.I+"."+v.P,o=S.H.get(t),i=v.k;if(a){if((null==(r=v.O)?void 0:(""+r).includes("-"))&&"slot-fb"!==v.O&&!v.k.shadowRoot){const e=u(v.k);if(e){const n=Y(e.o),t=w.document.querySelector(`style[sty-id="${n}"]`);t&&d.unshift(t.cloneNode(!0))}}}else i["s-hn"]=n.toUpperCase(),"slot"===v.O&&(i["s-cr"]=e["s-cr"]);"slot"===v.O&&(v.j=v.k["s-sn"]||v.k.name||null,v.S?(v.u|=2,v.k.childNodes.length||v.S.forEach((e=>{v.k.appendChild(e.k)}))):v.u|=1),o&&o.isConnected&&(o.parentElement.shadowRoot&&""===o["s-en"]&&o.parentNode.insertBefore(i,o.nextSibling),o.parentNode.removeChild(o),a||(i["s-oo"]=parseInt(v.P))),o&&!o["s-id"]&&S.H.delete(t)}const m=[],b=f.length;let x,$,z,G,j=0,E=0;for(;j<b;j++)if(x=f[j],x&&x.length)for(z=x.length,$=0;$<z;$++){if(G=x[$],m[G.hostId]||(m[G.hostId]=S.H.get(G.hostId)),!m[G.hostId])continue;const e=m[G.hostId];e.shadowRoot&&G.node.parentElement!==e&&e.insertBefore(G.node,null==(l=null==(i=x[$-1])?void 0:i.node)?void 0:l.nextSibling),e.shadowRoot&&a||(G.slot["s-cr"]||(G.slot["s-cr"]=e["s-cr"],G.slot["s-cr"]=!G.slot["s-cr"]&&e.shadowRoot?e:(e.__childNodes||e.childNodes)[0]),A(G.node,G.slot,0,G.node["s-oo"]||E),(null==(s=G.node.parentElement)?void 0:s.shadowRoot)&&G.node.getAttribute&&G.node.getAttribute("slot")&&G.node.removeAttribute("slot")),E=(G.node["s-oo"]||E)+1}if(a&&!a.childNodes.length){let n=0;const t=d.length;if(t){for(;n<t;n++){const e=d[n];e&&a.appendChild(e)}Array.from(e.childNodes).forEach((e=>{"string"!=typeof e["s-en"]&&"string"!=typeof e["s-sn"]&&(1===e.nodeType&&e.slot&&e.hidden?e.removeAttribute("hidden"):8!==e.nodeType||e.nodeValue||e.parentNode.removeChild(e))}))}}o.$hostElement$=e})(e,t.v,o,n)}o||12&t.u&&nn(e);{let t=e;for(;t=t.parentNode||t.host;)if(1===t.nodeType&&t.hasAttribute("s-id")&&t["s-p"]||t["s-p"]){Ae(n,n.L=t);break}}t.t&&Object.entries(t.t).map((([n,[t]])=>{if(31&t&&Object.prototype.hasOwnProperty.call(e,n)){const t=e[n];delete e[n],e[n]=t}})),(async(e,n,t)=>{let o;try{if(!(32&n.u)){if(n.u|=32,t.X){const r=((e,n)=>{const t=e.v.replace(/-/g,"_"),o=e.X;if(!o)return;const r=y.get(o);return r?r[t]:import(`./${o}.entry.js`).then((e=>(y.set(o,e),e[t])),(e=>{p(e,n.$hostElement$)}))
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(t,n);if(r&&"then"in r){const e=()=>{};o=await r,e()}else o=r;if(!o)throw Error(`Constructor for "${t.v}#${n.ee}" was not found`);o.isProxied||(t._=le(o.watchers),t.J=o.serializers,t.Y=o.deserializers,Qe(o,t,2),o.isProxied=!0);const i=()=>{};n.u|=8;try{new o(n)}catch(n){p(n,e)}n.u&=-9,n.u|=128,i(),4&t.u?n.R=!0:Xe(n.l,e)}else o=e.constructor,customElements.whenDefined(e.localName).then((()=>n.u|=128));if(o&&o.style){let e;"string"==typeof o.style&&(e=o.style);const n=Y(t);if(!v.has(n)){const o=()=>{};_(n,e,!!(1&t.u)),o()}}}const r=n.L,i=()=>De(n,!0);r&&r["s-rc"]?r["s-rc"].push(i):i()}catch(t){p(t,e),n.B&&(n.B(),n.B=void 0),n.U&&n.U(e)}})(e,n,t)}o()}},nn=e=>{if(!w.document)return;const n=e["s-cr"]=w.document.createComment("");n["s-cn"]=!0,Te(e,n,e.firstChild)},tn=(e,n)=>{Je(e,"disconnectedCallback",void 0,n||e)},on=(e,n={})=>{var t;if(!w.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const o=[],r=n.exclude||[],i=w.customElements,l=w.document.head,s=l.querySelector("meta[charset]"),a=w.document.createElement("style"),c=[];let f,d=!0;Object.assign(S,n),S.h=new URL(n.resourcesUrl||"./",w.document.baseURI).href,S.u|=2,(()=>{if(!w.document)return;const e=w.document.querySelectorAll(`[${m}]`);let n=0;for(;n<e.length;n++)_(e[n].getAttribute(m),J(e[n].innerHTML),!0)})();let h=!1;if(e.map((e=>{e[1].map((n=>{var t,l;const s={u:n[0],v:n[1],t:n[2],K:n[3]};4&s.u&&(h=!0),s.t=n[2],s.K=n[3],s.F=[],s._=le(n[4]),s.J=null!=(t=n[5])?t:{},s.Y=null!=(l=n[6])?l:{};const a=s.v,p=class extends HTMLElement{"s-p";"s-rc";hasRegisteredEventListeners=!1;constructor(e){if(super(e),((e,n)=>{const t={u:0,$hostElement$:e,o:n,i:new Map,ne:new Map};t.Z=new Promise((e=>t.V=e)),t.q=new Promise((e=>t.U=e)),e["s-p"]=[],e["s-rc"]=[],t.A=[];const o=t;e.__stencil__getHostRef=()=>o})(e=this,s),1&s.u)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${s.v}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else M.call(e,s)}connectedCallback(){const e=u(this);e&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,rn(this,e,s.K)),f&&(clearTimeout(f),f=null),d?c.push(this):S.jmp((()=>en(this))))}disconnectedCallback(){S.jmp((()=>(async e=>{if(!(1&S.u)){const n=u(e);(null==n?void 0:n.te)&&(n.te.map((e=>e())),n.te=void 0),(null==n?void 0:n.l)?tn(n.l,e):(null==n?void 0:n.q)&&n.q.then((()=>tn(n.l,e)))}H.has(e)&&H.delete(e),e.shadowRoot&&H.has(e.shadowRoot)&&H.delete(e.shadowRoot)})(this))),S.raf((()=>{var e;const n=u(this);if(!n)return;const t=c.findIndex((e=>e===this));t>-1&&c.splice(t,1),(null==(e=null==n?void 0:n.D)?void 0:e.k)instanceof Node&&!n.D.k.isConnected&&delete n.D.k}))}componentOnReady(){var e;return null==(e=u(this))?void 0:e.q}};64&s.u&&(p.formAssociated=!0),s.X=e[0],r.includes(a)||i.get(a)||(o.push(a),i.define(a,Qe(p,s,1)))}))})),o.length>0&&(h&&(a.textContent+=x),a.textContent+=o.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",a.innerHTML.length)){a.setAttribute("data-styles","");const e=null!=(t=S.p)?t:V(w.document);null!=e&&a.setAttribute("nonce",e),l.insertBefore(a,s?s.nextSibling:l.firstChild)}d=!1,c.length?c.map((e=>e.connectedCallback())):S.jmp((()=>f=setTimeout(Ye,30)))},rn=(e,n,t)=>{t&&w.document&&t.map((([t,o,r])=>{const i=sn(w.document,e,t),l=ln(n,r),s=an(t);S.ael(i,o,l,s),(n.te=n.te||[]).push((()=>S.rel(i,o,l,s)))}))},ln=(e,n)=>t=>{var o;try{256&e.u?null==(o=e.l)||o[n](t):(e.T=e.T||[]).push([n,t])}catch(n){p(n,e.$hostElement$)}},sn=(e,n,t)=>4&t?e:8&t?w:n,an=e=>({passive:!!(1&e),capture:!!(2&e)}),cn=e=>S.p=e;export{t as B,X as H,ue as a,on as b,de as c,e as g,K as h,z as p,d as r,cn as s}

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

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

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

@@ -0,0 +1 @@
+import{r as t,c as i,a as e,h as o}from"./p-K5v4Q5tq.js";const r=class{constructor(e){t(this,e),this.colorChange=i(this,"colorChange")}get el(){return e(this)}currentColor="#ffffff";position="right";colorChange;color="";hue=0;saturation=0;currentVal=0;opacity=100;showEdit=!1;isDragging=!1;isHueDragging=!1;isOpacityDragging=!1;colorCanvas;hueCanvas;opacityCanvas;onValueChange(t){this.showEdit||(this.color=t,this.syncFromHex())}componentWillLoad(){this.color=this.currentColor,this.syncFromHex()}componentDidLoad(){document.addEventListener("mousemove",this.onMouseMove.bind(this)),document.addEventListener("mouseup",this.onMouseUp.bind(this)),document.addEventListener("click",this.handleClickOutside.bind(this)),setTimeout((()=>{this.hueCanvas&&this.drawHueCanvas(),this.colorCanvas&&this.drawColorCanvas(),this.opacityCanvas&&this.drawOpacityCanvas()}),50)}disconnectedCallback(){document.removeEventListener("mousemove",this.onMouseMove.bind(this)),document.removeEventListener("mouseup",this.onMouseUp.bind(this)),document.removeEventListener("click",this.handleClickOutside.bind(this))}onMouseMove(t){this.isDragging?this.updateColorFromPosition(t):this.isHueDragging?this.updateHueFromPosition(t):this.isOpacityDragging&&this.updateOpacityFromPosition(t)}onMouseUp(){this.isDragging=!1,this.isHueDragging=!1,this.isOpacityDragging=!1}handleClickOutside(t){!t.composedPath().includes(this.el)&&this.showEdit&&(this.showEdit=!1,this.currentColor=this.color,this.colorChange.emit(this.color))}drawColorCanvas(){if(!this.colorCanvas)return;const t=this.colorCanvas.getContext("2d"),i=this.colorCanvas.width,e=this.colorCanvas.height,o=t.createLinearGradient(0,0,i,0);o.addColorStop(0,"#FFFFFF"),o.addColorStop(1,`hsl(${this.hue??0}, 100%, 50%)`);const r=t.createLinearGradient(0,0,0,e);r.addColorStop(0,"rgba(0, 0, 0, 0)"),r.addColorStop(1,"#000000"),t.fillStyle=o,t.fillRect(0,0,i,e),t.fillStyle=r,t.fillRect(0,0,i,e)}drawHueCanvas(){if(!this.hueCanvas)return;const t=this.hueCanvas.getContext("2d"),i=this.hueCanvas.width,e=this.hueCanvas.height,o=t.createLinearGradient(0,0,i,0);for(let t=0;t<=360;t+=60)o.addColorStop(t/360,`hsl(${t}, 100%, 50%)`);t.fillStyle=o,t.fillRect(0,0,i,e)}drawOpacityCanvas(){if(!this.opacityCanvas)return;const t=this.opacityCanvas.getContext("2d"),i=this.opacityCanvas.width,e=this.opacityCanvas.height;t.clearRect(0,0,i,e),t.fillStyle="#FFFFFF",t.fillRect(0,0,i,e);const o=this.hsvToRgb(this.hue,this.saturation,this.currentVal),r=t.createLinearGradient(0,0,i,0);r.addColorStop(0,`rgba(${o.r}, ${o.g}, ${o.b}, 0)`),r.addColorStop(1,`rgba(${o.r}, ${o.g}, ${o.b}, 1)`),t.fillStyle=r,t.fillRect(0,0,i,e)}updateColor(){const t=this.hsvToRgb(this.hue,this.saturation,this.currentVal),i=this.rgbToHex(t.r,t.g,t.b,this.opacity);this.color=i,this.drawColorCanvas(),this.drawOpacityCanvas(),this.currentColor=i,this.colorChange.emit(this.color)}hsvToRgb(t,i,e){const o=(e/=100)*(i/=100),r=o*(1-Math.abs(t/60%2-1)),s=e-o;let a=0,n=0,c=0;return t>=0&&t<60?(a=o,n=r,c=0):t>=60&&t<120?(a=r,n=o,c=0):t>=120&&t<180?(a=0,n=o,c=r):t>=180&&t<240?(a=0,n=r,c=o):t>=240&&t<300?(a=r,n=0,c=o):t>=300&&t<=360&&(a=o,n=0,c=r),{r:Math.round(255*(a+s)),g:Math.round(255*(n+s)),b:Math.round(255*(c+s))}}rgbToHex(t,i,e,o=100){const r=t=>Math.round(t).toString(16).padStart(2,"0");return`#${r(t)}${r(i)}${r(e)}${r(Math.round(o/100*255))}`}syncFromHex(){if(/^#?[0-9A-F]{6}([0-9A-F]{2})?$/i.test(this.color)){this.color.startsWith("#")||(this.color="#"+this.color);const t=this.color.substring(1),i=parseInt(t.substring(0,2),16),e=parseInt(t.substring(2,4),16),o=parseInt(t.substring(4,6),16),r=8===t.length?parseInt(t.substring(6,8),16)/255:1,s=this.rgbToHsv(i,e,o,r);this.hue=s.h,this.saturation=s.s,this.currentVal=s.v,this.opacity=100*r,this.drawColorCanvas(),this.drawOpacityCanvas()}}onHexInputChange(t){this.color=t.target.value,this.syncFromHex()}rgbToHsv(t,i,e,o=1){t/=255,i/=255,e/=255;const r=Math.max(t,i,e),s=r-Math.min(t,i,e);let a=0;0!==s&&(r===t?a=(i-e)/s%6*60:r===i?a=60*((e-t)/s+2):r===e&&(a=60*((t-i)/s+4))),a<0&&(a+=360);const n=0===r?0:s/r*100,c=100*r;return{h:Math.round(a),s:Math.round(n),v:Math.round(c),a:parseFloat(o.toFixed(3))}}getCanvasPosition(t,i){const e=t.getBoundingClientRect();return{x:t.width/e.width*(i.clientX-e.left),y:t.height/e.height*(i.clientY-e.top)}}onColorMouseDown(t){this.isDragging=!0,this.updateColorFromPosition(t)}onHueMouseDown(t){this.isHueDragging=!0,this.updateHueFromPosition(t)}onOpacityMouseDown(t){this.isOpacityDragging=!0,this.updateOpacityFromPosition(t)}updateColorFromPosition(t){if(!this.colorCanvas)return;const i=this.getCanvasPosition(this.colorCanvas,t),e=Math.max(0,Math.min(i.x,256)),o=Math.max(0,Math.min(i.y,150));this.saturation=Math.round(e/256*100),this.currentVal=100-Math.round(o/150*100),this.updateColor()}updateHueFromPosition(t){if(!this.hueCanvas)return;const i=this.getCanvasPosition(this.hueCanvas,t),e=Math.max(0,Math.min(i.x,256));this.hue=Math.round(e/256*360),this.drawColorCanvas(),this.updateColor()}updateOpacityFromPosition(t){if(!this.opacityCanvas)return;const i=this.getCanvasPosition(this.opacityCanvas,t),e=Math.max(0,Math.min(i.x,256));this.opacity=Math.round(e/256*100),this.updateColor()}showEditor(){this.showEdit=!this.showEdit,this.color=this.currentColor,this.showEdit&&setTimeout((()=>{this.drawHueCanvas(),this.drawColorCanvas(),this.drawOpacityCanvas(),this.syncFromHex()}),100)}render(){return o("div",{key:"18ea41f637e46cb88d57cb2bc513f5e6e3ef9617",class:"general-container"},o("div",{key:"653748e883bc4deaf05739ced8e516f857a7a26b",class:"main-input-container"},o("div",{key:"b8a4e60b25d6017c3987fa4ea3420c78e3400db0",class:"overlay",onClick:()=>this.showEditor()}),o("div",{key:"e22f4b3e95f099e2444a46ee560fefb9f6556b65",class:"line-color-preview"},o("div",{key:"cf513dbb5ee9652a6d20aad0608508cae3e000af",class:"color-preview",style:{background:this.currentColor}})),o("div",{key:"025b264ae8aca0fca79f662c58250eea43ccf0e7",class:"color-info"},o("input",{key:"60a379b53bd0cf0bb1f80d5e1bd5b4c4038686f9",type:"text",class:"color-input",value:this.currentColor,maxLength:9,readOnly:!0}))),o("div",{key:"06e15b97ba156a9aa9dec9f60f2b24c924c0ac53",class:`color-picker-container position-${this.position} ${this.showEdit?"show":""}`},o("div",{key:"ea9df13cdf62ae1378b600dc7689df61bec5fc9b",class:"main-color-canvas-container"},o("canvas",{key:"5d73426ccfcccca44102300588472fe5e54744f9",ref:t=>this.colorCanvas=t,width:256,height:150,onMouseDown:t=>this.onColorMouseDown(t)}),o("div",{key:"e710e7f8c1558ad20dcfb0f03c98969d9aee5e91",class:"color-selector-pointer",style:{left:this.saturation/100*256+"px",top:(100-this.currentVal)/100*150+"px"}})),o("div",{key:"239c7986572fade46b913629bbd374ec6f15e6fb",class:"slider-container"},o("div",{key:"35c4231f321c42fa95f362da5bf211daf1671c79",class:"slider-group"},o("div",{key:"20be2dc7eff210e31ab3215da10473a23db921f1",class:"hue-slider-container"},o("canvas",{key:"0795238e2a59747c4bfbd3437a2a2fd9396dc9e2",ref:t=>this.hueCanvas=t,width:256,height:20,onMouseDown:t=>this.onHueMouseDown(t)}),o("div",{key:"17296210ecef2a958a46f23971a04da61d59402e",class:"slider-pointer",style:{left:this.hue/360*234+"px"}}))),o("div",{key:"af7504663561d0e811ae7ef163cce80cfa256187",class:"slider-group"},o("div",{key:"7f3f01cfb0e4ca93403dad15787ab8acd7c1cd82",class:"opacity-slider-container"},o("canvas",{key:"9bac8eca65bfba529748eb9788fc749b87115ca6",ref:t=>this.opacityCanvas=t,width:256,height:20,onMouseDown:t=>this.onOpacityMouseDown(t)}),o("div",{key:"34166bf45efd6f4148395ede39680164662f8a33",class:"slider-pointer",style:{left:this.opacity/100*234+"px"}}))),o("div",{key:"b43c40db224a560adb19fd91a8790efe11719ff9",class:"color-info"},o("div",{key:"aad6ef925f30835b5d8f51d23f872560bcb62360",class:"color-label"},"HEX"),o("input",{key:"bdb5fd6ca689251a7c566f32bc6c308873117b2c",type:"text",class:"color-input",value:this.color,onInput:t=>this.onHexInputChange(t),maxLength:9})))))}static get watchers(){return{value:[{onValueChange:0}]}}};r.style=":host{display:block}.general-container{position:relative;width:fit-content}.main-input-container{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--Size-3);position:relative;width:fit-content}.main-input-container .overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;cursor:pointer}.line-color-preview{width:40px;height:40px;border-radius:50%;border:1px solid var(--Gray-Gray-200);display:flex;justify-content:center;align-items:center;padding:5px}.line-color-preview .color-preview{width:100%;height:100%;border-radius:50%;border:1px solid var(--Gray-Gray-200)}.position-right{top:0;left:250px}.position-left{top:0;right:200px}.position-top{bottom:55px}.position-bottom{top:55px}.position-bottom::before{transform:rotate(90deg);left:50%;top:-15px}.position-right::before{left:-6px;top:10px}.position-top::before{transform:rotate(270deg);left:50%;bottom:-15px}.position-left::before{transform:rotate(180deg);right:-9px}.color-picker-container::before{content:'';position:absolute;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid var(--Neutral-White);z-index:1}.color-picker-container{width:280px;padding:var(--Size-4);background:var(--Neutral-White);border-radius:var(--Size-2);box-shadow:var(--Shadow-large);position:absolute;z-index:100;transform-origin:top left;opacity:0;transition:transform 0.2s ease-out,     opacity 0.2s ease-out;pointer-events:none}.color-picker-container .main-color-canvas-container{position:relative;margin-bottom:var(--Size-4);border:1px solid var(--Gray-Gray-200);border-radius:var(--Size-1);display:flex;justify-self:center;align-items:center}.color-picker-container .main-color-canvas-container canvas{display:block;border-radius:var(--Size-1)}.color-picker-container .main-color-canvas-container .color-selector-pointer{position:absolute;width:var(--Size-3);height:var(--Size-3);border:2px solid var(--Neutral-White);border-radius:50%;transform:translate(-6px, -6px);pointer-events:none}.color-picker-container .slider-container{display:flex;flex-direction:column;gap:var(--Size-3)}.color-picker-container .slider-container .slider-group{display:flex;flex-direction:column;gap:var(--Size-1)}.color-picker-container .slider-container .slider-group label{font-size:var(--font-size-xs);color:var(--Gray-Gray-500);font-weight:var(--font-weight-bold)}.color-picker-container .slider-container .slider-group .hue-slider-container,.color-picker-container .slider-container .slider-group .opacity-slider-container{position:relative;height:var(--Size-3);border-radius:var(--Size-4);overflow:hidden}.color-picker-container .slider-container .slider-group .hue-slider-container canvas,.color-picker-container .slider-container .slider-group .opacity-slider-container canvas{display:block;width:100%;height:100%}.color-picker-container .slider-container .slider-group .hue-slider-container .slider-pointer,.color-picker-container .slider-container .slider-group .opacity-slider-container .slider-pointer{position:absolute;top:0;height:var(--Size-3);width:var(--Size-3);background:transparent;border:2px solid var(--Neutral-White);border-radius:50%;pointer-events:none}.color-picker-container.show{transform:scale(1);opacity:1;pointer-events:auto}.color-info .color-label{font-size:var(--font-size-xs);color:var(--Gray-Gray-500);font-weight:var(--font-weight-bold);text-transform:uppercase;margin-bottom:var(--Size-2)}.color-info .color-input{border:1px solid var(--Gray-Gray-200, #ddd);border-radius:var(--Size-1);padding:6px 8px;font-size:var(--font-size-s);width:100%;font-family:monospace;text-transform:uppercase;background-color:var(--Neutral-White, #ffffff);color:var(--Gray-Gray-800, #1f2433);outline:none}";export{r as dropi_color_picker}

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

@@ -0,0 +1 @@
+import{r as i,h as e}from"./p-K5v4Q5tq.js";const t=class{constructor(e){i(this,e)}type="dropi";state="default";stateInsignia="verified";tagProduct=!1;basePath="/node_modules/@dropi/ui/assets/icons/ilustration";get insigniaIcons(){return{verified:`${this.basePath}/verified-new.svg`,premium:`${this.basePath}/premium-new.svg`,exclusive:`${this.basePath}/exclusive.svg`}}getIconName(i){return{success:"Check-circle",error:"Cross-circle",info:"Comment-round_info",warning:"Comment-round_info"}[i]||"Comment-round_info"}render(){return e("div",{key:"452266c0500ed2426ae0b0d7552a735c0022500b",class:"dropi-ilustration"},"dropi"===this.type&&e("figure",{key:"4ac1e8e482b5b80df9dceaa93630308b52d5db0d",class:"dropi-ilustration__image"},e("img",{key:"019a5c80798fc898a08ce851ab69b381d784e3f9",src:`${this.basePath}/${this.state&&"undefined"!==String(this.state)&&"null"!==String(this.state)?this.state:"default"}.svg`,alt:this.state??"default",onError:i=>{i.target.src=`${this.basePath}/default.svg`}})),"mb"===this.type&&e("figure",{key:"e7416f766fe3c0d633379bd9172ecfbb4b7f2a43",class:`dropi-ilustration__image-mb ${this.state}`},["success","error","info","warning"].includes(this.state)&&e("dropi-icon",{key:"c0fdd2564c0c0f821987cb13a519837a71afddbc",name:this.getIconName(this.state),iconWidth:"24px",iconHeight:"24px",color:"Neutral-White"})),"insignia"===this.type&&e("figure",{key:"8f1f4ace45532d06dbc38d34b3e1e32317d542b7",class:this.tagProduct?"dropi-ilustration-insignia-tag":"dropi-ilustration-insignia"},e("img",{key:"0d114a0b12bb3d31c222a34b09a47bd6a42e1dba",src:this.insigniaIcons[this.stateInsignia],alt:this.stateInsignia,onError:i=>{i.target.src=`${this.basePath}/default.svg`}}),this.tagProduct&&e("p",{key:"d1ef34a4fd92ee7b97a5a224d9a21b9e54976989",class:`tag tag--${this.stateInsignia}`},e("span",{key:"72ea7cef3bbc86f6330abb9c4f34c89e62ac3417",class:"Caption-S"},this.stateInsignia.charAt(0).toUpperCase()+this.stateInsignia.slice(1)))))}};t.style=":host{display:inline-flex}.dropi-ilustration{display:inline-flex;align-items:center;justify-content:center}.dropi-ilustration__image,.dropi-ilustration-insignia{margin:0;display:flex;align-items:center;justify-content:center}.dropi-ilustration__image img{max-width:100%;height:auto}.dropi-ilustration__image-mb{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin:0}.dropi-ilustration__image-mb.success{background:var(--Success-Success-500, #22c55e)}.dropi-ilustration__image-mb.error{background:var(--Error-Error-500, #ef4444)}.dropi-ilustration__image-mb.info{background:var(--Info-Info-500, #3b82f6)}.dropi-ilustration__image-mb.warning{background:url('assets/icons/ilustration/bg-warning.svg') no-repeat center;background-size:contain;border-radius:0}.dropi-ilustration-insignia-tag{display:flex;align-items:center;margin:0}.dropi-ilustration-insignia-tag img{position:relative;z-index:2;height:32px;width:auto}.tag{border-radius:32px;color:var(--Neutral-White, #ffffff);text-transform:capitalize;margin:0 0 0 -20px;display:flex;align-items:center;justify-content:flex-start}.tag span{color:var(--Neutral-White, #ffffff);padding:4px 8px 4px 18px;font-size:var(--font-size-xxs)}.tag--verified{background:linear-gradient(90deg, #ffc10d 41.3%, #ff6102 112.32%)}.tag--premium{background:linear-gradient(90deg, #ff6102 56.52%, #ffc10d 107.25%)}.tag--exclusive{background:linear-gradient(90deg, var(--Gray-900, #0e111a) 26.09%, #ff6102 116.67%)}";export{t as dropi_ilustration_icon}

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

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

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

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

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

@@ -0,0 +1 @@
+import{r as o,c as e,h as r}from"./p-K5v4Q5tq.js";const t=class{constructor(r){o(this,r),this.modelChange=e(this,"modelChange")}options=[];valueModel="name";height="";isInSelect=!1;parameters={type:"checkbox",icon:"",iconCurrier:!1};selected=[];parsedOptions=[];modelChange;optionsChanged(o){this.parsedOptions="string"==typeof o?JSON.parse(o):o||[]}componentWillLoad(){this.optionsChanged(this.options)}isSelected(o){return(this.selected??[]).some((e=>JSON.stringify(e)===JSON.stringify(o)))}toggleOption(o){this.selected=this.isSelected(o)?this.selected.filter((e=>JSON.stringify(e)!==JSON.stringify(o))):[...this.selected,o],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(((o,e)=>{const t=o[this.valueModel]??String(o),i=!!o.checked||this.isSelected(o);return r("div",{class:"content-dropdown",key:e},r("div",{class:{"container-check-dropdown":!0,"active-option":i},onClick:()=>this.toggleOption(o)},"checkbox"===this.parameters.type&&r("dropi-checkbox",{name:"_dropdown-option",checked:i}),this.parameters.iconCurrier&&r("dropi-avatars",{image:o[this.valueModel],type:"transport"}),this.parameters.icon&&r("dropi-avatars",{image:o.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}.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-b9ddcabc.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,h as i}from"./p-K5v4Q5tq.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:"4fdb8eb4d4932b6509798a50ee474c56fb001fa8",class:"otp"},this.showLabelContact&&i("p",{key:"2f95e7f0138ce067e3da3c0822d8277e7fccc357",class:"otp__label"},"Ingresa el código enviado a tu ","sms"===this.engine?"SMS":"2fa"===this.engine?"autenticador":"correo",this.labelContact&&i("strong",{key:"23508736c6cfdf095f2b9192ff3d566e98e715c7"}," ",this.labelContact)),i("div",{key:"8c01d71b208ae557f9ffba7b76d60c049bdde9ce",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:"8215ecbdc651a3c79a8841c5620bd7e8c5c8228e",class:"otp__error"},this.errorMessage),i("div",{key:"c1a81e44295abb3b373936a5c276aea4497cf2e9",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%}*,*::before,*::after{box-sizing:border-box}.otp{display:flex;flex-direction:column;align-items:center;gap:var(--Size-4, 16px)}.otp__label{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066);text-align:center;margin:0}.otp__inputs{display:flex;gap:var(--Size-4, 16px)}.otp__digit{width:56px;height:56px;border:1.5px solid var(--Gray-Gray-200, #d3d7de);border-radius:var(--Border-2, 8px);text-align:center;font-size:22px;font-weight:var(--font-weight-bold, 700);font-family:inherit;color:var(--Gray-Gray-800, #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-baf66950.entry.js

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

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

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

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

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

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

@@ -0,0 +1 @@
+import{r,c as e,h as t}from"./p-K5v4Q5tq.js";const a=class{constructor(t){r(this,t),this.dropiInput=e(this,"dropiInput"),this.dropiChange=e(this,"dropiChange"),this.dropiFocus=e(this,"dropiFocus"),this.dropiBlur=e(this,"dropiBlur"),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals)}internals;inputId;name;label="";placeholder="";value="";maxLength;minLength=0;rows=4;resize="vertical";disabled=!1;required=!1;showObligatoryAsterisk=!1;textHelper="";hasError=!1;textAreaProperties=null;textAreaPropertiesChanged(r){r&&(void 0!==r.inputId&&(this.inputId=r.inputId),void 0!==r.label&&(this.label=r.label),void 0!==r.placeholder&&(this.placeholder=r.placeholder),void 0!==r.maxLength&&(this.maxLength=r.maxLength),void 0!==r.minLength&&(this.minLength=r.minLength),void 0!==r.textHelper&&(this.textHelper=r.textHelper),void 0!==r.rows&&(this.rows=r.rows),void 0!==r.resize&&(this.resize=r.resize))}touched=!1;dropiInput;dropiChange;dropiFocus;dropiBlur;valueChanged(r){this.internals.setFormValue(r)}componentWillLoad(){this.internals.setFormValue(this.value??""),this.textAreaProperties&&this.textAreaPropertiesChanged(this.textAreaProperties)}handleInput(r){const e=r.target.value;this.value=e,this.internals.setFormValue(e),this.dropiInput.emit(e),this.dropiChange.emit(e)}handleBlur(){this.touched=!0,this.dropiBlur.emit()}get resolvedId(){return this.inputId||this.name}get isInvalid(){return this.hasError&&this.touched}get charCount(){return this.value?.length??0}render(){const r=this.textHelper||this.isInvalid;return t("div",{key:"0b5292b24d3e4f2b56d69e985ede73be0f9a1338",class:"textarea-wrapper"},this.label&&t("label",{key:"19a45a83b92bed4b98da68389f5eee6affce9eb2",htmlFor:this.resolvedId,style:{color:this.disabled?"var(--Gray-Gray-400)":"var(--Gray-Gray-600)"}},this.label,this.required&&this.showObligatoryAsterisk&&!this.disabled&&t("span",{key:"e67602dbd7095504c4c1bf574d03a01a5238b561",class:"asterisk"}," *")),t("div",{key:"1d858e327147e87ca9df03d38e7bb90e0464fe31",class:"textarea-container"},t("textarea",{key:"c50cab6f4126a99628bd0aa6f2843fec43b27edf",id:this.resolvedId,class:{"form-control":!0,"Body-M-Regular":!0,"form-control-valid":!this.isInvalid&&this.touched&&!!this.value,"form-control-invalid":this.isInvalid},rows:this.rows,placeholder:this.placeholder,maxLength:this.maxLength,minLength:this.minLength,disabled:this.disabled,required:this.required,style:{resize:this.resize},onInput:r=>this.handleInput(r),onFocus:()=>this.dropiFocus.emit(),onBlur:()=>this.handleBlur()},this.value),this.maxLength>0&&t("div",{key:"f62af4910cccf74bbbc7bad4064228545fba5d88",class:"char-counter"},this.charCount,"/",this.maxLength)),r&&t("div",{key:"ca4ac5b41128f27dee5363aca453dc1f085d9e61",class:"form-control-helper"},this.isInvalid&&t("dropi-icon",{key:"a9c83edecd20dd318dd6ba7e4cc0d41ad748278a",name:"Warning-circle",iconWidth:"12px",iconHeight:"12px",color:"Error-Error-500"}),t("span",{key:"09efa2feba4a232e453cc99f64d98eac9fd76632",class:{"invalid-color":this.isInvalid},style:{color:this.disabled?"var(--Gray-Gray-400)":void 0}},this.textHelper)))}static get formAssociated(){return!0}static get watchers(){return{textAreaProperties:[{textAreaPropertiesChanged:0}],value:[{valueChanged:0}]}}};a.style=":host{display:flex;flex-direction:column;width:100%}*,*::before,*::after{box-sizing:border-box}.textarea-wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:4px}.textarea-wrapper label{font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-600, #475066)}.asterisk{color:var(--Error-Error-500, #f46a6b)}.textarea-container{position:relative;display:flex;flex-direction:column}textarea.form-control{box-sizing:border-box;width:100%;flex:1;overflow:auto;padding:var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);background:var(--Neutral-White, #ffffff);transition:border-color 0.3s ease-in-out;outline:none;appearance:none}textarea.form-control:focus{border-color:var(--Info-Info-500, #50a5f1)}textarea.form-control:focus::placeholder{color:var(--Gray-Gray-400, #858ea6)}textarea.form-control-valid{border-color:var(--Gray-Gray-400, #858ea6) !important;color:var(--Gray-Gray-600, #475066)}textarea.form-control-invalid{border-color:var(--Error-Error-500, #f46a6b) !important;color:var(--Gray-Gray-600, #475066)}textarea.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}.char-counter{position:absolute;bottom:10px;right:16px;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #69738c);pointer-events:none}.form-control-helper{display:flex;gap:4px;align-items:center}.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}";export{a as dropi_text_area}

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

@@ -0,0 +1 @@
+import{r as t,h as r}from"./p-K5v4Q5tq.js";const a=class{constructor(r){t(this,r)}label="VARIABLE";render(){return r("div",{key:"89083374c365448b4862687559ce311e258ee031",class:"type-variation"},this.label)}};a.style=":host{display:inline-block}.type-variation{border-radius:4px;background:var(--Warning-Warning-500);padding:2px 6px;font-size:var(--font-size-xs);color:var(--Neutral-White);text-transform:capitalize;font-weight:var(--font-weight-regular);width:fit-content}";export{a as dropi_tag_type_product}

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

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

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

@@ -0,0 +1 @@
+import{r as e,c as i,h as r}from"./p-K5v4Q5tq.js";const t=class{constructor(r){e(this,r),this.dropiChange=i(this,"dropiChange")}type="default";state="checked";title="Tittle";description="";extraInfo="";extraInfoDescription="";disabled=!1;dropiChange;get isChecked(){return"checked"===this.state}handleClick(){this.disabled||(this.state=this.isChecked?"default":"checked",this.dropiChange.emit(this.isChecked))}render(){return r("div",{key:"b9004c813a03956904cfed8484cac2d8290be86f",class:{"container-card-check":!0,"default-card":"default"===this.type,"is-checked":this.isChecked&&"with card"===this.type,disabled:this.disabled},onClick:()=>this.handleClick()},r("dropi-checkbox",{key:"7ac16d56fb2f3a0e415274f1e767ccddf49dc35d",name:"_card-checkbox",checked:this.isChecked,disabled:this.disabled}),r("div",{key:"a7d782c96ef6a5fad7e98ea2b7c5e5db09dfefe4",class:"container-text"},r("div",{key:"4cb9ecb3ec80a1ce375cefb044aedd8a6818f1f1",class:"title-check"},this.title),this.description&&r("div",{key:"2f763eba23e8e1c52392cf251d6492e46d9d8c7c",class:"description-text"},this.description)),(this.extraInfo||this.extraInfoDescription)&&r("div",{key:"f853d59072a10b4f9e924c6e62132ea3b7c5feca",class:"extra-info"},this.extraInfo&&r("div",{key:"3c198762cd1e70622419959e39c0be41d51b1273"},this.extraInfo),this.extraInfoDescription&&r("h4",{key:"dc98cf76aa221d1a6cd49002376be6b9c3dcff3a"},this.extraInfoDescription)))}};t.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.container-card-check{padding:var(--Size-4, 16px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Size-2, 8px);width:100%;display:flex;align-items:center;gap:var(--Size-3, 12px);cursor:pointer;height:66px;overflow:hidden;transition:background 0.15s ease, border-color 0.15s ease}.container-card-check.disabled{border-radius:var(--Border-2, 8px);border:1px solid var(--Gray-Gray-100, #e6eaf2);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:default}.container-card-check.disabled .title-check,.container-card-check.disabled .description-text,.container-card-check.disabled .extra-info{color:var(--Gray-Gray-400, #858ea6)}.container-text{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:start;overflow:hidden}.title-check{color:var(--Gray-Gray-700, #32394d);font-size:var(--font-size-m, 14px);font-weight:var(--font-weight-regular, 400);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.description-text{color:var(--Gray-Gray-500, #69738c);font-size:var(--font-size-s, 12px);margin-top:var(--Size-1, 4px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.extra-info{display:flex;justify-content:space-between;align-items:center;flex-direction:column;gap:4px;flex-shrink:0;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066)}.extra-info h4{margin:0;font-weight:var(--font-weight-semibold);color:inherit;line-height:inherit}.default-card{border:none}.is-checked{background:var(--Primary-Primary-50, #fff8f0);border:1px solid var(--Primary-Primary-500, #f49a3d)}";export{t as dropi_card_checkbox}

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

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

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

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

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

@@ -0,0 +1 @@
+import{r as e,h as t}from"./p-K5v4Q5tq.js";const i=class{constructor(t){e(this,t)}videoId="";thumbnailSrc="";videoTitle="";isPlaying=!1;get thumbnail(){return this.thumbnailSrc?`/assets/images/${this.thumbnailSrc}.png`:`https://img.youtube.com/vi/${this.videoId}/hqdefault.jpg`}get videoUrl(){return`https://www.youtube.com/embed/${this.videoId}?autoplay=1&rel=0&modestbranding=1`}render(){return t("div",{key:"04b1c8c4c089306ddd94072510066e6687dea8da",class:"video-wrapper"+(this.isPlaying?" playing":"")},!this.isPlaying&&t("div",{key:"2c5c6a08d986b03bbb3d3f81bc167736518ac201",class:"thumbnail",onClick:()=>{this.isPlaying=!0}},t("img",{key:"7fcf622e553c278b5121ad6361d6a35eb1e7aa5d",src:this.thumbnail,alt:`Video thumbnail ${this.videoId}`}),t("button",{key:"f99709c40c48f5b94d201ae0b8933152307253ba",class:"play-button","aria-label":"Reproducir video"},t("dropi-icon",{key:"ad31b427514ca7f2fe29deee2bb01e72fee49d35",name:"Play",iconWidth:"17px",iconHeight:"21px",color:"Neutral-White"}))),this.isPlaying&&t("iframe",{key:"98b418bc525fedb92852d6bb67434affad36eb87",src:this.videoUrl,title:this.videoTitle,frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,loading:"lazy"}))}};i.style=":host{display:block;width:100%}.video-wrapper{position:relative;width:100%;padding-bottom:56.25%;background:var(--Neutral-Black);overflow:hidden;border-radius:12px}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden}.thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.thumbnail:hover img{transform:scale(1.05)}.play-button{position:absolute;color:white;border:none;border-radius:50%;width:70px;height:70px;cursor:pointer;transition:background 0.3s ease;background:rgba(14, 17, 26, 0.6);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center}.play-button:hover{background:rgba(0, 0, 0, 0.8)}@media screen and (max-width: 768px){.play-button{width:40px;height:40px}}";export{i as dropi_youtube_lazy_video}

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

@@ -0,0 +1 @@
+import{r as t,c as i,h as a}from"./p-K5v4Q5tq.js";const e=class{constructor(a){t(this,a),this.dropiInput=i(this,"dropiInput"),this.dropiChange=i(this,"dropiChange"),this.dropiFocus=i(this,"dropiFocus"),this.dropiBlur=i(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 i=t.target.value;this.isNumericInput&&(i=this.filterNumbers(i)),this.isLettersOnly&&(i=this.filterLetters(i)),(this.isMoneyInput||this.isThousandSeparator)&&(i=this.formatThousands(i,this.isMoneyInput)),this.value=i,this.internals.setFormValue(i),this.dropiInput.emit(i),this.dropiChange.emit(i)}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,i){const a=t.replace(/[^0-9.]/g,""),[e,r]=a.split("."),o=e.replace(/\B(?=(\d{3})+(?!\d))/g,","),s=void 0!==r?`${o}.${r}`:o;return i?`$${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,i=!!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":i}},i&&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":i,"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}]}}};e.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.fixed-label-container{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:8px}.input-label{color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-regular, 400);text-align:left}.asterisk{color:var(--Error-Error-500, #f46a6b)}.form-group{position:relative;width:100%}.input-container{position:relative}.icon-input{position:absolute;top: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:inherit;color:var(--Gray-Gray-700, #32394d);transition:border-color 0.3s ease-in-out;height:40px;outline:none;appearance:none;text-align:left}.form-control::placeholder{color:transparent;transition:color 0.2s ease-in-out}.form-control:focus::placeholder,.fixed-label-input::placeholder{color:var(--Gray-Gray-400, #858ea6)}.form-control:focus{border-color:var(--Info-Info-500, #50a5f1)}.form-control-valid{border-color:var(--Gray-Gray-400, #858ea6) !important;color:var(--Gray-Gray-600, #475066)}.form-control-invalid{border-color:var(--Error-Error-500, #f46a6b) !important;color:var(--Gray-Gray-600, #475066)}.form-control:disabled{border-color:var(--Gray-Gray-200, #c3c9d9) !important;color:var(--Gray-Gray-400, #858ea6);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed}.padding-icon{padding-left: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=i(this,"dropiPageChange")}totalPages=1;currentPage=1;disabled=!1;maxVisiblePages=8;isNotTotalPages=!1;noLabels=!1;dropiPageChange;get pageNumbers(){const t=this.totalPages,i=this.currentPage,a=this.maxVisiblePages;if(t<=a)return Array.from({length:t},((t,i)=>i+1));const e=Math.floor(a/2);let r=Math.max(1,i-e),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,i=this.currentPage<=1,e=this.currentPage>=this.totalPages;return a("div",{key:"6b39ba2ff5168182a36c59e521e46e12a32ebe85",class:"paginator"},a("div",{key:"9bc76ef25f10290b575ce047bb5f093e6698a670",class:"paginator-pages"},!i&&!this.noLabels&&a("button",{key:"25def90ed595b4c56cd1481ecf1cc2ed2cc1aeb9",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(1),"aria-label":"Primera página",disabled:this.disabled},a("dropi-icon",{key:"505c131c240d7af5b5860802a69be6b8971b0ab3",name:"Arrow-double-small-left",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"})),!i&&a("button",{key:"090d9b536a0b80d12ac1a48bf9519b34d4b6bc9a",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(this.currentPage-1),"aria-label":"Anterior",disabled:this.disabled},a("dropi-icon",{key:"aec79c1b98329c1302478d8fe738586a8587dca0",name:"Dropdown-left",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"}),!this.noLabels&&a("span",{key:"bc9416a0cfee88e4739c11a3ddbc0c4a244cc21d",class:"paginator-label"},"Anterior")),t.map(((t,i)=>"..."===t?a("span",{class:"paginator-ellipsis",key:`e${i}`},"…"):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))),!e&&a("button",{key:"fb1f077bd49fdceb052c3d1613d58078f2202ba9",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:"fe05545abd3c8d72a897c5a68e76347bbe39625b",class:"paginator-label"},"Siguiente"),a("dropi-icon",{key:"17063d4d03213cbf38b1ff2c79187ec07ba0c8b3",name:"Dropdown-Right",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"})),!e&&!this.noLabels&&a("button",{key:"b4d0df3505ad5a1c5c0899a7a13aa9f8b79db511",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:"d0db6c56e6a8dcbf441038b4391b004083a6f708",name:"Arrow-double-small-right",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"}))))}};r.style=":host{display:block}*,*::before,*::after{box-sizing:border-box}.paginator{display:flex;align-items:center;justify-content:flex-end;gap:var(--Size-4, 16px);flex-wrap:wrap}.paginator-pages{display:flex;align-items:center;gap:var(--Size-1, 4px)}.paginator-btn{width:32px;height:32px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-s, 12px);font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.15s ease}.paginator-btn:hover:not(:disabled){background:var(--Gray-Gray-50, #f7f8fa)}.paginator-btn:disabled{opacity:0.4;cursor:not-allowed}.paginator-btn--active{background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #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:inherit;cursor:pointer;outline:none}";const o=class{constructor(i){t(this,i)}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}.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{e as dropi_input,r as dropi_paginator,o as dropi_tag}

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

@@ -0,0 +1 @@
+import{r,c as e,h as i}from"./p-K5v4Q5tq.js";const a=class{constructor(i){r(this,i),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 i("div",{key:"296bdc955d13b8163ca954f6d399543343e7e121",class:"rsl"},this.showFilter&&i("div",{key:"4cdd3764411f389d2b6ce1145f5b6759bb20fc7b",class:"rsl__search"},i("dropi-icon",{key:"81af80a3dddb6176625b6ba575b084501741cd81",name:"Search",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-400"}),i("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})}})),i("div",{key:"d153875a1c09957b74648f61f70320968ea6cd40",class:"rsl__list"},this.filtered.map((r=>{const e=r.id===this.selectedOption;return i("div",{class:{rsl__item:!0,"rsl__item--selected":e},key:r.id,onClick:()=>{this.selectedOption=r.id,this.dropiChange.emit(r.id)}},i("div",{class:{rsl__radio:!0,"rsl__radio--checked":e}},e&&i("div",{class:"rsl__radio-dot"})),i("div",{class:"rsl__content"},i("span",{class:"rsl__name"},r.name),(e||this.alwaysShowDescription)&&r.description&&i("span",{class:"rsl__desc"},r.description)))}))))}static get watchers(){return{options:[{optionsChanged:0}]}}};a.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.rsl__search{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-2, 8px) var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);margin-bottom:var(--Size-2, 8px)}.rsl__search-input{flex:1;border:none;outline:none;font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);background:transparent}.rsl__list{display:flex;flex-direction:column;gap:var(--Size-2, 8px)}.rsl__item{display:flex;align-items:flex-start;gap:var(--Size-3, 12px);padding:var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);cursor:pointer;transition:border-color 0.15s, background 0.15s}.rsl__item:hover{background:var(--Gray-Gray-50, #f7f8fa)}.rsl__item--selected{border-color:var(--Primary-Primary-500, #f49a3d);background:var(--Primary-Primary-50, #fff5eb)}.rsl__radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--Gray-Gray-300, #a3abbf);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top: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{a as dropi_radio_selection_list}