@dropi/ui 0.1.21 → 0.1.22

package/dist/dropi-ui/{p-0cd1fb7a.entry.js → p-3321ca70.entry.js}

@@ -1 +1 @@
-import{r as e,c as i,h as r}from"./p-TXz_09YZ.js";const t=class{constructor(r){e(this,r),this.uploadedUrlsChange=i(this,"uploadedUrlsChange",7)}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",width:"20px",height:"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.filter((e=>"grid"===e.typeView)),i=this.selectedFiles.filter((e=>"card"===e.typeView)),t=this.selectedFiles.length<this.maxFiles&&!this.isDropZoneHidden(),a="small"===this.dragAndDropSize;return r("div",{key:"2dfd80fee893a317c26bbe8671500a5b1d15d3db",class:"upload-container"},(this.title||this.label)&&r("div",{key:"5147abfc1b414dc999827cc0551abbaea5ae9add",class:"upload-header"},this.title&&r("div",{key:"3430b1e057fed5cb5efae23c3dca9fbcb9a0b99c",class:"text title"},this.title),this.label&&r("div",{key:"ee771d257191f7009b90e6ee695b0a6d1bcd258c",class:"text label"},this.label)),this.error&&r("dropi-alert",{key:"3462db9b80cf8654b9d87d4c67cbf70cd23a93c5",message:this.errorMessage,type:"default",state:"error",dismissable:!0,showButton:!1,onOnClose:()=>{this.error=!1}}),t&&r("div",{key:"108de9cf28010626cfef7ca95c5ce94eff60f58f",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:"b50eaf3b36aa3841b4d630dfd352fb630eb7ad7d",class:"file-upload__zone"+(this.dragging?" drag-over":"")},!a&&r("svg",{key:"3518cedda9e7a3da9070f85e19631caf3a9366b4",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{key:"db6d8555c1cf5355a0097153daca459e323ca7f0",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:"3096ed9f9cc05868e273ebdcd6b39d06661542d3","clip-path":"url(#up)"},r("path",{key:"784209ce8eb7bac630880b7a88b98fa8768d2d99",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:"8efd64b9a2c6638f56a2bbb9cdde79c7db982f09",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:"b67e444800944eae04435255a107d3ab509936c1"},r("clipPath",{key:"05f503275f267808e7f21d3fafe4c08c466dbe15",id:"up"},r("rect",{key:"0f0451a4f11f3b49668c1a3fa39cd0a29af01fd1",width:"16",height:"16",fill:"white",transform:"translate(12 12)"})))),r("div",{key:"67011562c56c0d07f57c972a3ec379d50ac48a8f",class:a?"info size-small-upload":"info"},r("div",{key:"f10847ee073a515a8048f661e67d65dd0aff063c",class:"title"},this.textDropZone),a&&r("dropi-button",{key:"ffd1b1f634b7d789443751adc28ae0ac470f6426",text:this.textButton,size:"small",onClick:e=>{e.stopPropagation(),this.openFilePicker()}})),!a&&r("div",{key:"db056a49e14ef084e610cfb893d89d28a2d6223e",class:"info-desc"},this.accept&&r("div",{key:"703d87d4b9d753dc9c4fc956ec5ee6b4ca75a74b",class:"description"},"Formatos admitidos: ",this.accept),r("div",{key:"e26564db9269d1b3f731e9c3752a9167d09eae74",class:"description"},"Tamaño máximo: ",this.maxFileSizeMB,"MB")),!a&&r("dropi-button",{key:"2da2b5538f1e4ee2600c76bee718cc69c34c9515",text:this.textButton,size:"small",onClick:e=>{e.stopPropagation(),this.openFilePicker()}}),r("input",{key:"2101abff84a450f18f4d0c667224a991fc828129",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:"b362e2d1ca65dd629ba4197e60299dc2efa88e42",class:"files-container"},e.length>0&&r("div",{key:"a569173a92e99250d2bed7f8756b6d023e225ea8",class:"grid-list"},e.map((e=>this.renderGridItem(e))),e.length<this.maxFiles&&r("div",{key:"22f1c199a6418821b70d258e23a5ac584a2ca4d5",class:"add-img",onClick:()=>this.addImage()},r("div",{key:"7726070557ea65f28c3e1cb130df23b27f150393",class:"icon"},r("svg",{key:"8b614d44498ec26b93ce3d85f7a8535d8d31d305",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{key:"028ec6428eed1a464d061940ade23f2eaff8bf1a",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:"3967629d0f6831a4b15897ad6ed144317e21681e",class:"text"},"Agregar"))),i.length>0&&r("div",{key:"58f020b2691f64b5931cd0ebbdfcfee160c5d474",class:"card-list"},i.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}
+import{r as e,c as i,h as r}from"./p-D5SAM1O2.js";const t=class{constructor(r){e(this,r),this.uploadedUrlsChange=i(this,"uploadedUrlsChange",7)}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",width:"20px",height:"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:"2823263b5c803c23eb1bf091676a0fd86243117a",class:"upload-container"},(this.title||this.label)&&r("div",{key:"ec9c8a63c9c34f8c8ce68310c07dd8fda66ffda2",class:"upload-header"},this.title&&r("div",{key:"f26ade32fe339a0382166345110ef3445bb58475",class:"text title"},this.title),this.label&&r("div",{key:"becc99e74e8d555fc40bcd0854575c5b435faf85",class:"text label"},this.label)),this.error&&r("dropi-alert",{key:"b01f441d6083e31f5ddaa2bc661722835134e8f0",message:this.errorMessage,type:"default",state:"error",dismissable:!0,showButton:!1,onOnClose:()=>{this.error=!1}}),a&&r("div",{key:"e221786da335f56a6160874d56ad4b50c9b0702f",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:"ad6d5ed22aa64c4a33e3861cc48271dbecc59279",class:"file-upload__zone"+(this.dragging?" drag-over":"")},!l&&r("svg",{key:"a5666c9aaad62e8a4b6677b288d853953ada6169",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{key:"98a2c4e40aa67249f0b8b13f956846334a1b8652",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:"892e4f122e593fd77f37048fcd68157a682bf1b7","clip-path":"url(#up)"},r("path",{key:"aaaddae87cb45b9c00ddc98142c1ef5b2ec25a0a",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:"4c9eddf5c6348984c7478701fe67e411d01cf8c5",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:"bcc8c24fcf8d9ea939dec31a36e5fce8c0fd203e"},r("clipPath",{key:"9724c45ddf4d8983116baf1b4baadb8e1c83ed9d",id:"up"},r("rect",{key:"1d0ca58ddc76c661f8278a177ad670633008bd5a",width:"16",height:"16",fill:"white",transform:"translate(12 12)"})))),r("div",{key:"d1a2c7a7cc539b1c519dcc5931c80eb38c230e1f",class:l?"info size-small-upload":"info"},r("div",{key:"4265e328f1bab72a221746afc15b0e7e8b6324b0",class:"title"},this.textDropZone),l&&r("dropi-button",{key:"076a0dfc2f087b9724e60980bb1217e676bdaeda",text:this.textButton,size:"small",onClick:e=>{e.stopPropagation(),this.openFilePicker()}})),!l&&r("div",{key:"070c2a5374d4262b4b66ea2a9f51a75358865011",class:"info-desc"},this.accept&&r("div",{key:"6482d13398d8ea654dbd5f5c684c7b0602da0b7d",class:"description"},"Formatos admitidos: ",this.accept),r("div",{key:"25ccba2cd7a16f732f111aeefe076516b0c360f6",class:"description"},"Tamaño máximo: ",this.maxFileSizeMB,"MB")),!l&&r("dropi-button",{key:"a1ed64460aa8c9aead966d33fa8ef25ddc383000",text:this.textButton,size:"small",onClick:e=>{e.stopPropagation(),this.openFilePicker()}}),r("input",{key:"b5debf074ef579d4bd74d1507ba63b912eeba37e",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:"40d77d3c697b18637fa7669e857f5d931d91543d",class:"files-container"},i.length>0&&r("div",{key:"c8b2eac24568959a83500930fc36c54be04d3d75",class:"grid-list"},i.map((e=>this.renderGridItem(e))),i.length<this.maxFiles&&r("div",{key:"6782016ecee648dff31baa352db02413a37ad2ae",class:"add-img",onClick:()=>this.addImage()},r("div",{key:"08ecf1dae23fc4dac7818fd178d40a50a10a4508",class:"icon"},r("svg",{key:"c41793f302e1c0f7eeb91c0e524cd398988c62c2",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{key:"cf066997fbfb0aa31bacbb72ef037f67b74de5ec",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:"03214b3dd6dad6b7d3973f36d041aafcb9089819",class:"text"},"Agregar"))),t.length>0&&r("div",{key:"4fb7c564b557885680f2aa2723273dac6f15cc72",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-623759eb.entry.js → p-33d242ec.entry.js}

@@ -1 +1 @@
-import{r as e,h as t}from"./p-TXz_09YZ.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:"6279fe0a6bea1280c1f11970acaccefefb1cb217",class:"video-wrapper"+(this.isPlaying?" playing":"")},!this.isPlaying&&t("div",{key:"3a10666782aa544a9a8803eb9971502f9d7d49eb",class:"thumbnail",onClick:()=>{this.isPlaying=!0}},t("img",{key:"c359f64ca794e0c881b4d86815afef5232ec39d1",src:this.thumbnail,alt:`Video thumbnail ${this.videoId}`}),t("button",{key:"0e0ece4ad0e4b7f3eefb908eb41e8d115846cf49",class:"play-button","aria-label":"Reproducir video"},t("dropi-icon",{key:"7303be2f675d2b51f7333889392fb291669210c7",name:"Play",width:"17px",height:"21px",color:"Neutral-White"}))),this.isPlaying&&t("iframe",{key:"166b4405676d578959188f0f50c882773f9afe63",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}
+import{r as e,h as t}from"./p-D5SAM1O2.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:"0732bc87e7be10e422e80751a17527132301eb99",class:"video-wrapper"+(this.isPlaying?" playing":"")},!this.isPlaying&&t("div",{key:"540c46b66da3f67ec45614e0891827b7cc0be4e5",class:"thumbnail",onClick:()=>{this.isPlaying=!0}},t("img",{key:"843241c72688ca88ccd5d9391b542501575ea476",src:this.thumbnail,alt:`Video thumbnail ${this.videoId}`}),t("button",{key:"b068f79fb6b2140e1419e9d72a24f6e66eaab69d",class:"play-button","aria-label":"Reproducir video"},t("dropi-icon",{key:"ad254e3067ef72e2d97064cd47132cbf5961f06a",name:"Play",width:"17px",height:"21px",color:"Neutral-White"}))),this.isPlaying&&t("iframe",{key:"5fd8f89fa322577b49e373710216b731685cb5f5",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-6178190b.entry.js → p-39af6478.entry.js}

@@ -1 +1 @@
-import{r as t,c as a,h as r}from"./p-TXz_09YZ.js";const i=class{constructor(r){t(this,r),this.toggleFavorite=a(this,"toggleFavorite",7)}isFavorite=!1;toggleFavorite;hovered=!1;toggle(){this.isFavorite=!this.isFavorite,this.toggleFavorite.emit(this.isFavorite)}render(){return r("button",{key:"21002e383cadf61f37b072cdfeca50f9957d520e",class:{"fav-btn":!0,"fav-btn--active":this.isFavorite},onClick:()=>this.toggle(),onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,"aria-label":this.isFavorite?"Quitar de favoritos":"Agregar a favoritos","aria-pressed":String(this.isFavorite)},r("dropi-icon",{key:"5eab1ea853bc5d4b47543bfd2bdf4d45c949a47a",name:this.isFavorite||this.hovered?"Heart-solid":"Heart",width:"19px",height:"19px",color:this.isFavorite||this.hovered?"Primary-Primary-500":"Gray-Gray-800"}))}};i.style=":host{display:inline-flex}.fav-btn{display:flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:8px;border:1px solid var(--Gray-Gray-200);background:var(--Neutral-White);cursor:pointer;transition:all 0.2s ease-in-out}.fav-btn:hover,.fav-btn--active{background:var(--Gray-Gray-50)}.fav-btn:active{transform:scale(0.95)}";export{i as dropi_favorite_button}
+import{r as t,c as a,h as r}from"./p-D5SAM1O2.js";const i=class{constructor(r){t(this,r),this.toggleFavorite=a(this,"toggleFavorite",7)}isFavorite=!1;toggleFavorite;hovered=!1;toggle(){this.isFavorite=!this.isFavorite,this.toggleFavorite.emit(this.isFavorite)}render(){return r("button",{key:"07acf3b1f81e69ddea79672fd4853ad575b4d2af",class:{"fav-btn":!0,"fav-btn--active":this.isFavorite},onClick:()=>this.toggle(),onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,"aria-label":this.isFavorite?"Quitar de favoritos":"Agregar a favoritos","aria-pressed":String(this.isFavorite)},r("dropi-icon",{key:"fcf3cc2b3b107eb43c6a83a9d6dc6cbff7ee202f",name:this.isFavorite||this.hovered?"Heart-solid":"Heart",width:"19px",height:"19px",color:this.isFavorite||this.hovered?"Primary-Primary-500":"Gray-Gray-800"}))}};i.style=":host{display:inline-flex}.fav-btn{display:flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:8px;border:1px solid var(--Gray-Gray-200);background:var(--Neutral-White);cursor:pointer;transition:all 0.2s ease-in-out}.fav-btn:hover,.fav-btn--active{background:var(--Gray-Gray-50)}.fav-btn:active{transform:scale(0.95)}";export{i as dropi_favorite_button}

package/dist/dropi-ui/{p-858bedcf.entry.js → p-3e36c8b8.entry.js}

@@ -1 +1 @@
-import{r,h as e}from"./p-TXz_09YZ.js";const a=class{constructor(e){r(this,e)}visible=!1;message="";type="success";autoClose=!1;timer;componentDidLoad(){this.autoClose&&this.visible&&this.startTimer()}startTimer(){clearTimeout(this.timer),this.timer=setTimeout((()=>{this.visible=!1}),7e3)}render(){return this.visible?e("div",{class:{"alert-legacy":!0,[`alert-legacy--${this.type}`]:!0}},e("div",{class:"alert-legacy__content"},e("span",{class:"alert-legacy__message"},this.message)),e("button",{class:"alert-legacy__close",onClick:()=>this.visible=!1},"×")):null}};a.style=":host{display:block;margin:10px 0}.alert-legacy{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:var(--Border-2);font-size:var(--font-size-s)}.alert-legacy--success{background:var(--Success-Success-50);color:var(--Success-Success-700);border:1px solid var(--Success-Success-200)}.alert-legacy--error{background:var(--Error-Error-50);color:var(--Error-Error-700);border:1px solid var(--Error-Error-200)}.alert-legacy--warning{background:var(--Warning-Warning-50);color:var(--Warning-Warning-700);border:1px solid var(--Warning-Warning-200)}.alert-legacy--info{background:var(--Info-Info-50);color:var(--Info-Info-700);border:1px solid var(--Info-Info-200)}.alert-legacy__close{background:transparent;border:none;font-size:20px;cursor:pointer;color:currentColor;opacity:0.6}.alert-legacy__close:hover{opacity:1}";export{a as dropi_alert_legacy}
+import{r,h as e}from"./p-D5SAM1O2.js";const a=class{constructor(e){r(this,e)}visible=!1;message="";type="success";autoClose=!1;timer;componentDidLoad(){this.autoClose&&this.visible&&this.startTimer()}startTimer(){clearTimeout(this.timer),this.timer=setTimeout((()=>{this.visible=!1}),7e3)}render(){return this.visible?e("div",{class:{"alert-legacy":!0,[`alert-legacy--${this.type}`]:!0}},e("div",{class:"alert-legacy__content"},e("span",{class:"alert-legacy__message"},this.message)),e("button",{class:"alert-legacy__close",onClick:()=>this.visible=!1},"×")):null}};a.style=":host{display:block;margin:10px 0}.alert-legacy{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:var(--Border-2);font-size:var(--font-size-s)}.alert-legacy--success{background:var(--Success-Success-50);color:var(--Success-Success-700);border:1px solid var(--Success-Success-200)}.alert-legacy--error{background:var(--Error-Error-50);color:var(--Error-Error-700);border:1px solid var(--Error-Error-200)}.alert-legacy--warning{background:var(--Warning-Warning-50);color:var(--Warning-Warning-700);border:1px solid var(--Warning-Warning-200)}.alert-legacy--info{background:var(--Info-Info-50);color:var(--Info-Info-700);border:1px solid var(--Info-Info-200)}.alert-legacy__close{background:transparent;border:none;font-size:20px;cursor:pointer;color:currentColor;opacity:0.6}.alert-legacy__close:hover{opacity:1}";export{a as dropi_alert_legacy}

package/dist/dropi-ui/p-3ebc9b7b.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,a as e,h as o}from"./p-D5SAM1O2.js";const r=class{constructor(e){t(this,e),this.colorChange=i(this,"colorChange",7)}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:"2ee2bd6abd837388d8169961f6b1024da228b453",class:"general-container"},o("div",{key:"15416c1a844daf774dda53f1c08bbe6b15435b64",class:"main-input-container"},o("div",{key:"e08aacd3ebb059a8467cf6f597d2b3bb3419e286",class:"overlay",onClick:()=>this.showEditor()}),o("div",{key:"dda8addee7afb351fb1f6c18dda516d29259220d",class:"line-color-preview"},o("div",{key:"b242eac802dc0c1d0a9965fb6fc9b6f010408ae2",class:"color-preview",style:{background:this.currentColor}})),o("div",{key:"8dddc6632dddae52cc58d964ee50cae1e6460b12",class:"color-info"},o("input",{key:"7181e30bddae8005260d285653425cd5cad2386e",type:"text",class:"color-input",value:this.currentColor,maxLength:9,readOnly:!0}))),o("div",{key:"0ad3b547299fc1a4ccab9ddb7efebd7962fd7855",class:`color-picker-container position-${this.position} ${this.showEdit?"show":""}`},o("div",{key:"c49847d5a6ca7a90f27889afe26f6c30c1959676",class:"main-color-canvas-container"},o("canvas",{key:"44531a25415492782d70d070aacf17797f9e3818",ref:t=>this.colorCanvas=t,width:256,height:150,onMouseDown:t=>this.onColorMouseDown(t)}),o("div",{key:"325bc14afacafa6dddd0a9bc837c6448ff803bd8",class:"color-selector-pointer",style:{left:this.saturation/100*256+"px",top:(100-this.currentVal)/100*150+"px"}})),o("div",{key:"ab6d2a987b4c317fa218e70a1602ea829505fe0a",class:"slider-container"},o("div",{key:"fe9ae897de10c04322653870cb9e5b79f61a2b86",class:"slider-group"},o("div",{key:"f39f1935c0410509f6ecbf69b718730201d70be7",class:"hue-slider-container"},o("canvas",{key:"6a08c8dd36f3c9d70aa0f0438006bc4efa4df401",ref:t=>this.hueCanvas=t,width:256,height:20,onMouseDown:t=>this.onHueMouseDown(t)}),o("div",{key:"a91a4f4469e3152b24bf1e7dfd3d4738eb17f661",class:"slider-pointer",style:{left:this.hue/360*234+"px"}}))),o("div",{key:"2a45b1e24dcb447e515d8dbfac2ecd4032661af8",class:"slider-group"},o("div",{key:"ec945cd912ecf046ca16e7520bae48d3e998f8fd",class:"opacity-slider-container"},o("canvas",{key:"f181f9a8b16274d94377f3dd300c3bff231088df",ref:t=>this.opacityCanvas=t,width:256,height:20,onMouseDown:t=>this.onOpacityMouseDown(t)}),o("div",{key:"2e246b9e62991569c60024ac4f8b1ae32543e03e",class:"slider-pointer",style:{left:this.opacity/100*234+"px"}}))),o("div",{key:"c8c539dda06f8ce70b4c669a32e56cb693132f49",class:"color-info"},o("div",{key:"5939e97e1331e57a5837e868ea6088b069e3c3eb",class:"color-label"},"HEX"),o("input",{key:"321cebcb041223d4cb6c072f310720edcdb2391c",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-36cdd4fc.entry.js → p-446a481d.entry.js}

@@ -1 +1 @@
-import{r as e,c as i,h as r}from"./p-TXz_09YZ.js";const a=class{constructor(r){e(this,r),this.onIndexChanged=i(this,"onIndexChanged",7)}sideBarProperties=[];onIndexChanged;parsedProperties=[];watchPropHandler(e){this.parsedProperties="string"==typeof e?JSON.parse(e):e||[]}componentWillLoad(){this.watchPropHandler(this.sideBarProperties)}setExpandedPropertie(e){const i=this.parsedProperties.findIndex((i=>i.id===e));if(-1!==i){const e=[...this.parsedProperties];e[i]={...e[i],expandedMenu:!e[i].expandedMenu},this.parsedProperties=e}}onItemClick(e){this.onIndexChanged.emit(e),e.subItems&&e.subItems.length>0&&this.setExpandedPropertie(e.id)}onSubItemClick(e){this.onIndexChanged.emit(e)}render(){return r("div",{key:"713a17f5279e5ca1a7110fdbf189e24e199b11cf",class:"main-sidebar-container"},this.parsedProperties.map((e=>[r("div",{class:{"sidebar-option":!0,"sidebar-active-option":!!e.active,"sidebar-default-option":!e.active},onClick:()=>this.onItemClick(e)},r("dropi-icon",{name:e.icon||"Cube",width:"20px",height:"20px",color:e.active?"Primary-Primary-500":"Gray-Gray-500"}),r("span",null,e.text),e.subItems&&e.subItems.length>0&&r("dropi-icon",{class:{arrow:!0,"arrow-expanded":!!e.expandedMenu},name:"Dropdown-down",width:"20px",height:"20px",color:e.active?"Primary-Primary-500":"Gray-Gray-500"})),e.subItems&&e.subItems.length>0&&e.subItems.map((i=>r("div",{class:{"sidebar-sub-item":!0,"sidebar-expanded":!!e.expandedMenu,"sidebar-sub-item-default":!i.active,"sidebar-sub-item-active":!!i.active},onClick:e=>{e.stopPropagation(),this.onSubItemClick(i)}},i.text)))])))}static get watchers(){return{sideBarProperties:[{watchPropHandler:0}]}}};a.style=":host{display:block}.main-sidebar-container{margin-top:20px}.sidebar-option{height:45px;display:flex;align-items:center;position:relative;font-weight:var(--font-weight-medium, 500);gap:var(--Size-3, 12px);padding:var(--Size-3, 12px);font-size:var(--font-size-s, 12px);border-radius:var(--Border-1, 4px);min-width:147px;cursor:pointer;user-select:none}.sidebar-option .arrow{position:absolute;right:17px;transition:transform 0.3s ease}.sidebar-option .arrow-expanded{transform:rotate(180deg)}.sidebar-default-option{color:var(--Gray-Gray-500, #68738f)}.sidebar-active-option{color:var(--Primary-Primary-500, #f49a3d);background-color:#fef8f1}.sidebar-sub-item{overflow:hidden;max-height:0;height:auto;font-weight:var(--font-weight-medium, 500);gap:var(--Size-3, 12px);font-size:var(--font-size-s, 12px);cursor:pointer;opacity:0;padding:0 var(--Size-3, 12px) 0 var(--Size-8, 32px);transition:max-height 0.3s ease-out,     opacity 0.3s ease-out,     padding 0.3s ease-out;user-select:none}.sidebar-sub-item.sidebar-expanded{max-height:200px;opacity:1;padding:var(--Size-3, 12px) var(--Size-3, 12px) var(--Size-3, 12px) var(--Size-8, 32px)}.sidebar-sub-item-default{color:var(--Gray-Gray-500, #68738f)}.sidebar-sub-item-active{color:var(--Primary-Primary-500, #f49a3d)}.space-between{justify-content:space-between}";export{a as dropi_sidebar}
+import{r as e,c as i,h as r}from"./p-D5SAM1O2.js";const a=class{constructor(r){e(this,r),this.onIndexChanged=i(this,"onIndexChanged",7)}sideBarProperties=[];onIndexChanged;parsedProperties=[];watchPropHandler(e){this.parsedProperties="string"==typeof e?JSON.parse(e):e||[]}componentWillLoad(){this.watchPropHandler(this.sideBarProperties)}setExpandedPropertie(e){const i=this.parsedProperties.findIndex((i=>i.id===e));if(-1!==i){const e=[...this.parsedProperties];e[i]={...e[i],expandedMenu:!e[i].expandedMenu},this.parsedProperties=e}}onItemClick(e){this.onIndexChanged.emit(e),e.subItems&&e.subItems.length>0&&this.setExpandedPropertie(e.id)}onSubItemClick(e){this.onIndexChanged.emit(e)}render(){return r("div",{key:"9f79e6370ff61c6278a8238b0dc92881832f9b8f",class:"main-sidebar-container"},this.parsedProperties.map((e=>[r("div",{class:{"sidebar-option":!0,"sidebar-active-option":!!e.active,"sidebar-default-option":!e.active},onClick:()=>this.onItemClick(e)},r("dropi-icon",{name:e.icon||"Cube",width:"20px",height:"20px",color:e.active?"Primary-Primary-500":"Gray-Gray-500"}),r("span",null,e.text),e.subItems&&e.subItems.length>0&&r("dropi-icon",{class:{arrow:!0,"arrow-expanded":!!e.expandedMenu},name:"Dropdown-down",width:"20px",height:"20px",color:e.active?"Primary-Primary-500":"Gray-Gray-500"})),e.subItems&&e.subItems.length>0&&e.subItems.map((i=>r("div",{class:{"sidebar-sub-item":!0,"sidebar-expanded":!!e.expandedMenu,"sidebar-sub-item-default":!i.active,"sidebar-sub-item-active":!!i.active},onClick:e=>{e.stopPropagation(),this.onSubItemClick(i)}},i.text)))])))}static get watchers(){return{sideBarProperties:[{watchPropHandler:0}]}}};a.style=":host{display:block}.main-sidebar-container{margin-top:20px}.sidebar-option{height:45px;display:flex;align-items:center;position:relative;font-weight:var(--font-weight-medium, 500);gap:var(--Size-3, 12px);padding:var(--Size-3, 12px);font-size:var(--font-size-s, 12px);border-radius:var(--Border-1, 4px);min-width:147px;cursor:pointer;user-select:none}.sidebar-option .arrow{position:absolute;right:17px;transition:transform 0.3s ease}.sidebar-option .arrow-expanded{transform:rotate(180deg)}.sidebar-default-option{color:var(--Gray-Gray-500, #68738f)}.sidebar-active-option{color:var(--Primary-Primary-500, #f49a3d);background-color:#fef8f1}.sidebar-sub-item{overflow:hidden;max-height:0;height:auto;font-weight:var(--font-weight-medium, 500);gap:var(--Size-3, 12px);font-size:var(--font-size-s, 12px);cursor:pointer;opacity:0;padding:0 var(--Size-3, 12px) 0 var(--Size-8, 32px);transition:max-height 0.3s ease-out,     opacity 0.3s ease-out,     padding 0.3s ease-out;user-select:none}.sidebar-sub-item.sidebar-expanded{max-height:200px;opacity:1;padding:var(--Size-3, 12px) var(--Size-3, 12px) var(--Size-3, 12px) var(--Size-8, 32px)}.sidebar-sub-item-default{color:var(--Gray-Gray-500, #68738f)}.sidebar-sub-item-active{color:var(--Primary-Primary-500, #f49a3d)}.space-between{justify-content:space-between}";export{a as dropi_sidebar}

package/dist/dropi-ui/{p-c7e3a5e0.entry.js → p-50a5e548.entry.js}

@@ -1 +1 @@
-import{r,c as a,h as o}from"./p-TXz_09YZ.js";const e=class{constructor(o){r(this,o),this.onClick=a(this,"onClick",7)}type="default";severity="primary";size="normal";state="default";fullWidth=!1;preIcon="";postIcon="";customIconColor="";text="";onClick;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.onClick.emit(r)}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,n="dropdown"===this.type?"Dropdown-down":this.postIcon;return o("button",{key:"4df67bd28e77c9a14fb33f3131b60ac508ca1937",class:{btn:!0,"without-text":!a,[this.severity]:!0,[this.type]:!0,[this.size]:!0,[this.state]:!0,"full-width":this.fullWidth},disabled:r,onClick:r=>this.handleClick(r)},this.preIcon&&o("dropi-icon",{key:"7a54bf7ebfad24786109a17af928bfc43ccc7db4",name:this.preIcon,width:this.iconSize,height:this.iconSize,color:this.fontColor}),a&&o("span",{key:"ffb3b062d93c3a7090d971538d23c309f915b749",class:"text"},this.text),e&&o("dropi-icon",{key:"16127c78c5b4a3372ba89b24bc9b067e2d035cd1",name:n,width:this.iconSize,height:this.iconSize,color:this.fontColor}),"loading"===this.state&&this.renderLoadingSpinner(),o("slot",{key:"a65ee231501ad83a059eb5988e96e1dcd18c5706"}))}};e.style=":host{display:inline-block}:host([full-width]){display:flex;width:100%}:host([full-width]) .btn{width:100%}*,*::before,*::after{box-sizing:border-box}.btn{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:var(--Size-1, 4px);border-radius:var(--Border-2, 8px);font-weight: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:1px solid var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-500, #69738c)}.btn.tertiary.default:hover,.btn.tertiary.legacy:hover{border-color:var(--Gray-Gray-400, #858ea6);color:var(--Gray-Gray-600, #475066)}.btn.tertiary.success{color:var(--Success-Success-500, #0abb87)}.btn.tertiary.success:hover{background:var(--Success-Success-50, #e7f8f3)}.btn.tertiary.info{color:var(--Info-Info-500, #50a5f1)}.btn.tertiary.info:hover{background:var(--Info-Info-50, #eef6fe)}.btn.tertiary.error{color:var(--Error-Error-500, #f46a6b)}.btn.tertiary.error:hover{background:var(--Error-Error-50, #fef0f0)}.btn.tertiary.warning{color:var(--Warning-Warning-500, #f1b44c)}.btn.tertiary.warning:hover{background:var(--Warning-Warning-50, #fef8ed)}.btn.tertiary.dropdown{color:var(--Gray-Gray-500, #69738c);font-weight:var(--font-weight-regular);font-size:var(--font-size-s);background:transparent}.btn.tertiary.disabled.default,.btn.tertiary.disabled.legacy{border:1px solid var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-400, #858ea6)}.btn.tertiary.disabled.success{color:var(--Success-Success-300, #5bd1af)}.btn.tertiary.disabled.info{color:var(--Info-Info-300, #8ac3f6)}.btn.tertiary.disabled.error{color:var(--Error-Error-300, #f89b9c)}.btn.tertiary.disabled.warning{color:var(--Warning-Warning-300, #f6cd87)}.spin{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}";export{e as dropi_button}
+import{r,c as a,h as o}from"./p-D5SAM1O2.js";const e=class{constructor(o){r(this,o),this.onClick=a(this,"onClick",7)}type="default";severity="primary";size="normal";state="default";fullWidth=!1;preIcon="";postIcon="";customIconColor="";text="";onClick;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.onClick.emit(r)}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,n="dropdown"===this.type?"Dropdown-down":this.postIcon;return o("button",{key:"d21aeb2274c317795bb0daad6d30c2bc9f3ede9f",class:{btn:!0,"without-text":!a,[this.severity]:!0,[this.type]:!0,[this.size]:!0,[this.state]:!0,"full-width":this.fullWidth},disabled:r,onClick:r=>this.handleClick(r)},this.preIcon&&o("dropi-icon",{key:"6711ece5a9c871db989e6bc4572c0d0ebfa7f899",name:this.preIcon,width:this.iconSize,height:this.iconSize,color:this.fontColor}),a&&o("span",{key:"9fc49de08b5672c6e2dae9b3cea9587d451fac0d",class:"text"},this.text),e&&o("dropi-icon",{key:"1ce254e23b16fb7013469fb3e2d71fe70dba5a9d",name:n,width:this.iconSize,height:this.iconSize,color:this.fontColor}),"loading"===this.state&&this.renderLoadingSpinner(),o("slot",{key:"72857295b27aa6ef6981276d68497f33958a584c"}))}};e.style=":host{display:inline-block}:host([full-width]){display:flex;width:100%}:host([full-width]) .btn{width:100%}*,*::before,*::after{box-sizing:border-box}.btn{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:var(--Size-1, 4px);border-radius:var(--Border-2, 8px);font-weight: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:1px solid var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-500, #69738c)}.btn.tertiary.default:hover,.btn.tertiary.legacy:hover{border-color:var(--Gray-Gray-400, #858ea6);color:var(--Gray-Gray-600, #475066)}.btn.tertiary.success{color:var(--Success-Success-500, #0abb87)}.btn.tertiary.success:hover{background:var(--Success-Success-50, #e7f8f3)}.btn.tertiary.info{color:var(--Info-Info-500, #50a5f1)}.btn.tertiary.info:hover{background:var(--Info-Info-50, #eef6fe)}.btn.tertiary.error{color:var(--Error-Error-500, #f46a6b)}.btn.tertiary.error:hover{background:var(--Error-Error-50, #fef0f0)}.btn.tertiary.warning{color:var(--Warning-Warning-500, #f1b44c)}.btn.tertiary.warning:hover{background:var(--Warning-Warning-50, #fef8ed)}.btn.tertiary.dropdown{color:var(--Gray-Gray-500, #69738c);font-weight:var(--font-weight-regular);font-size:var(--font-size-s);background:transparent}.btn.tertiary.disabled.default,.btn.tertiary.disabled.legacy{border:1px solid var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-400, #858ea6)}.btn.tertiary.disabled.success{color:var(--Success-Success-300, #5bd1af)}.btn.tertiary.disabled.info{color:var(--Info-Info-300, #8ac3f6)}.btn.tertiary.disabled.error{color:var(--Error-Error-300, #f89b9c)}.btn.tertiary.disabled.warning{color:var(--Warning-Warning-300, #f6cd87)}.spin{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}";export{e as dropi_button}

package/dist/dropi-ui/p-50e0d44f.entry.js

@@ -0,0 +1 @@
+import{r as t,c as a,h as i}from"./p-D5SAM1O2.js";const e=class{constructor(i){t(this,i),this.onInput=a(this,"onInput",7),this.onChange=a(this,"onChange",7),this.onFocus=a(this,"onFocus",7),this.onBlur=a(this,"onBlur",7),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals)}internals;id="";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;icon="";iconColor="Gray-Gray-400";hasError=!1;textHelper="";showHelperOnlyOnError=!1;inputProperties=null;showPassword=!1;touched=!1;onInput;onChange;onFocus;onBlur;inputPropertiesChanged(t){t&&(void 0!==t.id&&(this.id=t.id),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 a=t.target.value;this.isNumericInput&&(a=this.filterNumbers(a)),this.isLettersOnly&&(a=this.filterLetters(a)),(this.isMoneyInput||this.isThousandSeparator)&&(a=this.formatThousands(a,this.isMoneyInput)),this.value=a,this.internals.setFormValue(a),this.onInput.emit(a)}handleKeyDown(t){(this.isNumericInput||this.isMoneyInput||this.isThousandSeparator)&&!this.isAllowedNumberKey(t)&&t.preventDefault(),this.isLettersOnly&&!this.isAllowedLetterKey(t)&&t.preventDefault()}handleFocus(){this.onFocus.emit()}handleBlur(){this.touched=!0,this.onChange.emit(this.value),this.onBlur.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,a){const i=t.replace(/[^0-9.]/g,""),[e,r]=i.split("."),o=e.replace(/\B(?=(\d{3})+(?!\d))/g,","),s=void 0!==r?`${o}.${r}`:o;return a?`$${s}`:s}get resolvedId(){return this.id||this.label}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,a=!!this.icon;return i("div",{key:"cc38b113d77982ba53665a6c8ccbf39a393da696",class:{"fixed-label-container":this.fixedLabel}},this.fixedLabel&&i("div",{key:"06bb6b6df585f859dc7a903fac4ed3f9f6c31077",class:"input-label Body-S-Regular"},this.label,t&&i("span",{key:"6e87d6717a312d7497c2cf438aec7a692b974dda",class:"asterisk"}," *")),i("div",{key:"2eb67324cb06e04ee9fc5507a319a2eda8b5e410",class:"form-group"},i("div",{key:"9d8d6f8df83c33782fd61810267e433fdab452d9",class:{"input-container":!0,"input-container--has-icon":a}},a&&i("dropi-icon",{key:"370070a0e75a929438cb564698ee10c866e944a9",class:"icon-input",name:this.icon,color:this.iconColor,width:"20px",height:"20px"}),this.passwordInput&&i("dropi-icon",{key:"675958939e32a94060993515f9b9a58513ec2adc",class:"icon-input-password",name:this.showPassword?"Eye":"Eye-crossed",width:"20px",height:"20px",color:"Gray-Gray-500",onClick:()=>this.togglePassword()}),i("input",{key:"d2ac98c43f9863ea8153dc66dd3fe347a7c28473",id:this.resolvedId,class:{"form-control":!0,"form-control-valid":!this.isInvalid&&this.touched&&!!this.value,"form-control-invalid":this.isInvalid,"padding-icon":a,"text-password":this.passwordInput&&!this.showPassword,"fixed-label-input":this.fixedLabel},type:this.inputType,value:this.value,placeholder:this.fixedLabel?this.placeholder:" ",disabled:this.disabled,required:this.required,maxLength:this.maxLength,inputMode:this.inputMode,"data-cy":void 0,onInput:t=>this.handleInput(t),onKeyDown:t=>this.handleKeyDown(t),onFocus:()=>this.handleFocus(),onBlur:()=>this.handleBlur()}),!this.fixedLabel&&i("label",{key:"45eb57801e7d199532215ba069af8ba01714a46f",class:"Body-S-Regular label-bottom",htmlFor:this.resolvedId},this.label,t&&i("span",{key:"5d4d83ce2575d60567a4a947d643a89f760cb3bd",class:"asterisk"}," *")),this.showHelper&&i("div",{key:"b78fdac5f0c46b827c9dd2895d43a5e1724058d8",class:"form-control-helper"},this.isInvalid&&i("dropi-icon",{key:"f037c95230fe0fa57540a1b74a26c14e56e555e4",name:"Warning-circle",width:"12px",height:"12px",color:"Error-Error-500"}),i("span",{key:"fc48f7418c36f7ded7a999e446323ca8adb2b590",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:10px;left:5px;z-index:1}.icon-input-password{position:absolute;top:10px;right:13px;cursor:pointer;z-index:1}.form-control{box-sizing:border-box;width:100%;padding:var(--Size-2, 8px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #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:28px}.input-container--has-icon label.label-bottom{left:28px}.input-container--has-icon .form-control:focus+label.label-bottom,.input-container--has-icon .form-control:not(:placeholder-shown)+label.label-bottom{left:0}.text-password{-webkit-text-security:disc;text-security:disc}label.label-bottom{position:absolute;font-weight:var(--font-weight-regular, 400);top:10px;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-500, #69738c);left:10px;transition:all 0.2s ease-in-out;pointer-events:none;overflow:hidden;width:90%;white-space:nowrap}.form-control:focus+label.label-bottom,.form-control:not(:placeholder-shown)+label.label-bottom{top:-22px;left:0;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066);width:unset}.form-control:disabled+label.label-bottom{color:var(--Gray-Gray-400, #858ea6)}.form-control-helper{display:flex;position:absolute;top:100%;left:0;gap:4px;align-items:center;margin-top:4px}.form-control-helper span{display:block;color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px)}.invalid-color{color:var(--Error-Error-500, #f46a6b) !important}.disabled-helper{color:var(--Gray-Gray-400, #858ea6) !important}.disabled-helper{color:var(--Gray-Gray-400, #858ea6) !important}";const r=class{constructor(i){t(this,i),this.pageChange=a(this,"pageChange",7)}totalPages=1;currentPage=1;disabled=!1;maxVisiblePages=8;isNotTotalPages=!1;noLabels=!1;pageChange;get pageNumbers(){const t=this.totalPages,a=this.currentPage,i=this.maxVisiblePages;if(t<=i)return Array.from({length:t},((t,a)=>a+1));const e=Math.floor(i/2);let r=Math.max(1,a-e),o=Math.min(t,r+i-1);o-r<i-1&&(r=Math.max(1,o-i+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.pageChange.emit(this.currentPage))}render(){const t=this.pageNumbers,a=this.currentPage<=1,e=this.currentPage>=this.totalPages;return i("div",{key:"b601f88e4f971f885835d81fe876303fe97027c7",class:"paginator"},i("div",{key:"988ffb7ed122d4a666af4525bc85159d8d36538a",class:"paginator-pages"},!a&&!this.noLabels&&i("button",{key:"920a1a407782bde436fb6560caeb39848e9c7e28",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(1),"aria-label":"Primera página",disabled:this.disabled},i("dropi-icon",{key:"67bc6ba66852a8883a19b2a3182be3cb298f2c8d",name:"Arrow-double-small-left",width:"16px",height:"16px",color:"Gray-Gray-600"})),!a&&i("button",{key:"b1d0c5a8f66056cb53c31b01959177754632a906",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(this.currentPage-1),"aria-label":"Anterior",disabled:this.disabled},i("dropi-icon",{key:"951435cbf9b7a8b9bd0e0f33d2c9eacaea6e7af1",name:"Dropdown-left",width:"16px",height:"16px",color:"Gray-Gray-600"}),!this.noLabels&&i("span",{key:"fed8a203b3e62f5da3e6fa055b1ee6e35453147c",class:"paginator-label"},"Anterior")),t.map(((t,a)=>"..."===t?i("span",{class:"paginator-ellipsis",key:`e${a}`},"…"):i("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&&i("button",{key:"35a728e031880403ee0ff984484237ab701bd406",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(this.currentPage+1),"aria-label":"Siguiente",disabled:this.disabled},!this.noLabels&&i("span",{key:"4a73ba225105e449f8dfe8a504c5b1ad3e9c31cd",class:"paginator-label"},"Siguiente"),i("dropi-icon",{key:"7b140df9437922acc8c24d6ee1ff15d69ce7b7f1",name:"Dropdown-Right",width:"16px",height:"16px",color:"Gray-Gray-600"})),!e&&!this.noLabels&&i("button",{key:"6157fa189ca011be4c13da803d2cd110d882bb8e",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(this.totalPages),"aria-label":"Última página",disabled:this.disabled},i("dropi-icon",{key:"7b6c1b31d4caed8203b739cc10f3084568e40f10",name:"Arrow-double-small-right",width:"16px",height:"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(a){t(this,a)}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"primary"===this.type?"var(--Neutral-White)":`var(--${this.colorMap[this.state]}${"default"===this.state?"-500":"-700"})`}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 i("div",{key:"1736efc48b3ccaf5f3ca85ad29622f42b4fb3c8d",class:"container-chips"},i("div",{key:"96c2b0e9d22881ca71c58488dcd622a1eef1a120",class:{tags:!0,"icon-only":this.showIcon&&!this.hasContent},style:{backgroundColor:this.bgColor,color:this.textColor}},this.showIcon&&this.icon&&i("dropi-icon",{key:"aab0330382fe0690177edcb364ab043459b9a316",class:"file-icon",name:this.icon,width:"16px",height:"16px",color:this.iconColor}),this.hasContent&&i("span",{key:"be38207ca7668b6b4976d5f3f2f506c380ee0491"},this.text)))}static get watchers(){return{type:[{propsChanged:0}],state:[{propsChanged:0}]}}};o.style=":host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.container-chips{display:inline-block}.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-s, 12px);font-weight:var(--font-weight-medium, 500);line-height:var(--Size-5, 24px);animation:fade-in 200ms ease-out}.tags.icon-only{gap:0}.file-icon{display:flex}@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-53a7a37d.entry.js

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

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

package/dist/dropi-ui/p-5cee6721.entry.js

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

package/dist/dropi-ui/p-5fb33ae4.entry.js

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

package/dist/dropi-ui/{p-0966c363.entry.js → p-665ef7ba.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as r}from"./p-TXz_09YZ.js";const i=class{constructor(r){t(this,r),this.codeCompleted=e(this,"codeCompleted",7),this.dropiResend=e(this,"dropiResend",7)}engine="email";labelContact="";showLabelContact=!1;errorMessage="";digits=Array(6).fill("");digitStates=Array(6).fill("idle");countdown=30;canResend=!1;error=!1;inputs=[];timer;codeCompleted;dropiResend;componentDidLoad(){this.startCountdown()}disconnectedCallback(){clearInterval(this.timer)}startCountdown(){this.countdown=30,this.canResend=!1,clearInterval(this.timer),this.timer=setInterval((()=>{this.countdown--,this.countdown<=0&&(clearInterval(this.timer),this.canResend=!0)}),1e3)}handleInput(t,e){const r=t.target.value.replace(/\D/g,"").slice(-1),i=[...this.digits];i[e]=r,this.digits=i;const o=[...this.digitStates];o[e]=r?"filled":"idle",this.digitStates=o,r&&e<5&&this.inputs[e+1]?.focus(),i.every((t=>""!==t))&&this.codeCompleted.emit(i.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,6)||"",r=Array(6).fill("");e.split("").forEach(((t,e)=>{r[e]=t})),this.digits=r,this.digitStates=r.map((t=>t?"filled":"idle")),this.inputs[Math.min(e.length,5)]?.focus(),r.every((t=>""!==t))&&this.codeCompleted.emit(r.join(""))}render(){return r("div",{key:"cc04c9f7a77e627f0ca7cf25fbd0316e05a7456c",class:"otp"},this.showLabelContact&&r("p",{key:"b4c060cdc5c9fa00887b675585c64325f5eefcf3",class:"otp__label"},"Ingresa el código enviado a tu ","sms"===this.engine?"SMS":"2fa"===this.engine?"autenticador":"correo",this.labelContact&&r("strong",{key:"02b82a168f9f4c9e7dda74cbf3a86b0f63ccd878"}," ",this.labelContact)),r("div",{key:"9a628fd456ec89892b126782104235545f2d3e8c",class:"otp__inputs",onPaste:t=>this.handlePaste(t)},Array.from({length:6},((t,e)=>r("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&&r("p",{key:"e1d3e33e3eae69255909f47735210a2123f099d9",class:"otp__error"},this.errorMessage),r("div",{key:"ebfc8892f232f90afdcec507de4019b1aea2e915",class:"otp__resend"},this.canResend?r("button",{class:"otp__resend-btn",onClick:()=>{this.startCountdown(),this.dropiResend.emit()}},"Reenviar código"):r("span",{class:"otp__countdown"},"Reenviar en ",this.countdown,"s")))}};i.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.otp{display:flex;flex-direction:column;align-items:center;gap:var(--Size-4, 16px)}.otp__label{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066);text-align:center;margin:0}.otp__inputs{display:flex;gap:var(--Size-4, 16px)}.otp__digit{width:56px;height:56px;border:1.5px solid var(--Gray-Gray-200, #d3d7de);border-radius:var(--Border-2, 8px);text-align:center;font-size:22px;font-weight:var(--font-weight-bold, 700);font-family:inherit;color:var(--Gray-Gray-800, #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{i as dropi_otp_send_code}
+import{r as t,c as e,h as r}from"./p-D5SAM1O2.js";const i=class{constructor(r){t(this,r),this.codeCompleted=e(this,"codeCompleted",7),this.dropiResend=e(this,"dropiResend",7)}engine="email";labelContact="";showLabelContact=!1;errorMessage="";digits=Array(6).fill("");digitStates=Array(6).fill("idle");countdown=30;canResend=!1;error=!1;inputs=[];timer;codeCompleted;dropiResend;componentDidLoad(){this.startCountdown()}disconnectedCallback(){clearInterval(this.timer)}startCountdown(){this.countdown=30,this.canResend=!1,clearInterval(this.timer),this.timer=setInterval((()=>{this.countdown--,this.countdown<=0&&(clearInterval(this.timer),this.canResend=!0)}),1e3)}handleInput(t,e){const r=t.target.value.replace(/\D/g,"").slice(-1),i=[...this.digits??Array(6).fill("")];i[e]=r,this.digits=i;const o=[...this.digitStates??Array(6).fill("idle")];o[e]=r?"filled":"idle",this.digitStates=o,r&&e<5&&this.inputs[e+1]?.focus(),i.every((t=>""!==t))&&this.codeCompleted.emit(i.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,6)||"",r=Array(6).fill("");e.split("").forEach(((t,e)=>{r[e]=t})),this.digits=r,this.digitStates=r.map((t=>t?"filled":"idle")),this.inputs[Math.min(e.length,5)]?.focus(),r.every((t=>""!==t))&&this.codeCompleted.emit(r.join(""))}render(){return r("div",{key:"3cfe0d64890b2c90f500c662fe8572f9630d614b",class:"otp"},this.showLabelContact&&r("p",{key:"d791c408a5393ae82e00e758b67530d4b21381ac",class:"otp__label"},"Ingresa el código enviado a tu ","sms"===this.engine?"SMS":"2fa"===this.engine?"autenticador":"correo",this.labelContact&&r("strong",{key:"3d6ca9c3a00a71ba99800a94f1b95d3247d75522"}," ",this.labelContact)),r("div",{key:"22d172d48ae8748fa27aaead4c65145d848ae4f2",class:"otp__inputs",onPaste:t=>this.handlePaste(t)},Array.from({length:6},((t,e)=>r("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&&r("p",{key:"c6434be80f44e6f8a277bdff49503f67db5cdca7",class:"otp__error"},this.errorMessage),r("div",{key:"281e56d25ec3b01136aae2220605037d4dff4e16",class:"otp__resend"},this.canResend?r("button",{class:"otp__resend-btn",onClick:()=>{this.startCountdown(),this.dropiResend.emit()}},"Reenviar código"):r("span",{class:"otp__countdown"},"Reenviar en ",this.countdown,"s")))}};i.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.otp{display:flex;flex-direction:column;align-items:center;gap:var(--Size-4, 16px)}.otp__label{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066);text-align:center;margin:0}.otp__inputs{display:flex;gap:var(--Size-4, 16px)}.otp__digit{width:56px;height:56px;border:1.5px solid var(--Gray-Gray-200, #d3d7de);border-radius:var(--Border-2, 8px);text-align:center;font-size:22px;font-weight:var(--font-weight-bold, 700);font-family:inherit;color:var(--Gray-Gray-800, #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{i as dropi_otp_send_code}

package/dist/dropi-ui/p-66b80371.entry.js

@@ -0,0 +1 @@
+import{r as i,c as r,a as e,h as t}from"./p-D5SAM1O2.js";const n=class{constructor(e){i(this,e),this.bannerClick=r(this,"bannerClick",7),this.isVisible=r(this,"isVisible",7)}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",width:"20px",height:"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-7bfc1c27.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,a as r,h as a}from"./p-D5SAM1O2.js";const i=["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"],o=["Do","Lu","Ma","Mi","Ju","Vi","Sa"],n=class{constructor(r){e(this,r),this.onChangeDate=t(this,"onChangeDate",7),this.onClosePanel=t(this,"onClosePanel",7),this.dropiRangeChange=t(this,"dropiRangeChange",7)}selectedDate="";startDate="";endDate="";selectionMode="single";minDate="";maxDate="";label=null;placeholder="DD/MM/YYYY";disabled=!1;isInvalid=!1;loading=!1;open=!1;viewYear=(new Date).getFullYear();viewMonth=(new Date).getMonth();hoverDate="";get el(){return r(this)}handleDocClick(e){this.open&&!e.composedPath().includes(this.el)&&(this.open=!1)}onChangeDate;onClosePanel;dropiRangeChange;get displayValue(){return"range"===this.selectionMode?this.startDate&&this.endDate?`${this.startDate} – ${this.endDate}`:this.startDate?this.startDate:"":this.selectedDate}open_(){if(!this.disabled){if(this.selectedDate){const e=new Date(this.selectedDate);this.viewYear=e.getFullYear(),this.viewMonth=e.getMonth()}else if(this.startDate){const e=new Date(this.startDate);this.viewYear=e.getFullYear(),this.viewMonth=e.getMonth()}this.open=!0}}prevMonth(){0===this.viewMonth?(this.viewMonth=11,this.viewYear--):this.viewMonth--}nextMonth(){11===this.viewMonth?(this.viewMonth=0,this.viewYear++):this.viewMonth++}toISO(e,t,r){return`${e}-${String(t+1).padStart(2,"0")}-${String(r).padStart(2,"0")}`}isDisabled(e){return!!(this.minDate&&e<this.minDate)||!!(this.maxDate&&e>this.maxDate)}isInRange(e){if("range"!==this.selectionMode)return!1;const t=this.startDate,r=this.endDate||this.hoverDate;if(!t||!r)return!1;const[a,i]=t<=r?[t,r]:[r,t];return e>a&&e<i}selectDate(e){if(!this.isDisabled(e))return"range"!==this.selectionMode?(this.selectedDate=e,this.open=!1,void this.onChangeDate.emit(e)):void(!this.startDate||this.startDate&&this.endDate?(this.startDate=e,this.endDate=""):(e<this.startDate?(this.endDate=this.startDate,this.startDate=e):this.endDate=e,this.open=!1,this.dropiRangeChange.emit({start:this.startDate,end:this.endDate})))}buildDays(){const e=this.viewYear,t=this.viewMonth,r=new Date(e,t,1).getDay(),a=new Date(e,t+1,0).getDate(),i=new Date(e,t,0).getDate(),o=[];for(let a=r-1;a>=0;a--){const r=i-a;o.push({iso:this.toISO(0===t?e-1:e,0===t?11:t-1,r),day:r,currentMonth:!1})}for(let r=1;r<=a;r++)o.push({iso:this.toISO(e,t,r),day:r,currentMonth:!0});const n=42-o.length;for(let r=1;r<=n;r++)o.push({iso:this.toISO(11===t?e+1:e,11===t?0:t+1,r),day:r,currentMonth:!1});return o}render(){const e=this.buildDays(),t=(new Date).toISOString().slice(0,10);return a("div",{key:"ff426d80bb5bf05ca8b0c27773dee52f13cf4090",class:"dp-wrap"},this.label&&a("label",{key:"fc7ebd6f14227533288b02c95933f6d4833e3f51",class:"dp-label"},this.label),a("button",{key:"2fa9b1f3d2c9bfc4876724492a265ff0b29f8d23",class:{"dp-trigger":!0,"dp-trigger--disabled":this.disabled,"dp-trigger--invalid":this.isInvalid,"dp-trigger--loading":this.loading},onClick:()=>this.open?this.open=!1:this.open_(),disabled:this.disabled||this.loading,type:"button"},a("dropi-icon",{key:"51b6fed8a232d7d22494c0bdf9f17e8c6ae0dbbe",name:"Calendar",width:"16px",height:"16px",color:"Gray-Gray-400"}),a("span",{key:"ecbe872cd13efb112ef106f1dfde58cd745c124c",class:{"dp-trigger__value":!0,"dp-trigger__placeholder":!this.displayValue}},this.displayValue||this.placeholder),a("dropi-icon",{key:"6025abcf99d825dd885c9916f755c6b06e0657ed",name:"Arrow-Down-2",width:"12px",height:"12px",color:"Gray-Gray-400"})),this.open&&a("div",{key:"b46a2bd022bc6ec2edfdf07a8a21b010b56610a4",class:"dp-popup"},a("div",{key:"8aedcc47ab11c03bf8bc3309fc92ba3f83587520",class:"dp-nav"},a("button",{key:"e5a7f2a8edc8d33e08449713a976008b83108f36",class:"dp-nav__btn",onClick:()=>this.prevMonth(),type:"button"},a("dropi-icon",{key:"515211fe3c12cd2e9399bd8fad7c0dd84a4de3cd",name:"Arrow-Left-2",width:"16px",height:"16px",color:"Gray-Gray-600"})),a("span",{key:"0d5acefc9c8418749b4065d3bc92c8fb53744557",class:"dp-nav__title"},a("span",{key:"d4b68ef6a5c2885cf7cd05e7b49e47623b8c0d00"},i[this.viewMonth]),a("span",{key:"8aefcf2e7e383111994c58a743706d6d19607f65"},this.viewYear)),a("button",{key:"b7524552e5b05f592633bd6e16cdcda8659aeacf",class:"dp-nav__btn",onClick:()=>this.nextMonth(),type:"button"},a("dropi-icon",{key:"5e14a0dafb227ba6f2e90298005401050b55a3bb",name:"Arrow-Right-2",width:"16px",height:"16px",color:"Gray-Gray-600"}))),a("div",{key:"37d7428dc36bdc805fb60c36126a86509f3b1188",class:"dp-grid"},o.map((e=>a("div",{class:"dp-day-header"},e))),e.map((({iso:e,day:r,currentMonth:i})=>{const o="range"!==this.selectionMode?e===this.selectedDate:e===this.startDate||e===this.endDate,n="range"===this.selectionMode&&e===this.startDate,d="range"===this.selectionMode&&e===this.endDate,s=this.isInRange(e),c=this.isDisabled(e);return a("button",{class:{"dp-cell":!0,"dp-cell--other-month":!i,"dp-cell--today":e===t,"dp-cell--selected":o,"dp-cell--range-start":n,"dp-cell--range-end":d,"dp-cell--in-range":s,"dp-cell--disabled":c},type:"button",disabled:c,onClick:()=>this.selectDate(e),onMouseEnter:()=>{"range"===this.selectionMode&&this.startDate&&!this.endDate&&(this.hoverDate=e)},onMouseLeave:()=>this.hoverDate=""},r)}))),a("div",{key:"9a16f2d3aaffda303f2cf7c4d8045ad355eb3e88",class:"dp-footer"},a("button",{key:"2c236322d33b4dbc37e683c328bc2c17aa1422cf",class:"dp-footer__clear",type:"button",onClick:()=>{this.selectedDate="",this.startDate="",this.endDate="",this.open=!1}},"Limpiar"),a("button",{key:"a08afb2358819fc8c15c7949dc7e4cbdf14b52fb",class:"dp-footer__today",type:"button",onClick:()=>{"range"!==this.selectionMode?(this.selectedDate=t,this.open=!1,this.onChangeDate.emit(t)):(this.startDate=t,this.endDate="")}},"Hoy"))))}};n.style=':host{display:block;width:100%;position:relative}*,*::before,*::after{box-sizing:border-box}.dp-label{display:block;font-size:var(--font-size-xxs, 10px);color:var(--Gray-Gray-600, #475066);margin-bottom:4px}.dp-trigger{width:100%;height:44px;display:flex;align-items:center;gap:var(--Size-2, 8px);padding:0 var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);cursor:pointer;font-family:inherit;transition:border-color 0.2s}.dp-trigger:hover:not(:disabled){border-color:var(--Info-Info-500, #50a5f1)}.dp-trigger--disabled{background:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed;opacity:0.6}.dp-trigger__value{flex:1;text-align:left;font-size:var(--font-size-xs, 12px);color:var(--Gray-Gray-700, #32394d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-trigger__placeholder{color:var(--Gray-Gray-400, #858ea6)}.dp-popup{position:absolute;top:calc(100% + 8px);left:0;width:320px;background:var(--Neutral-White, #ffffff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-3, 12px);box-shadow:0 4px 16px rgba(0,0,0,0.08);z-index:300;padding:var(--Size-4, 16px)}.dp-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--Size-4, 16px)}.dp-nav__btn{background:none;border:none;padding:0;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:background 0.15s}.dp-nav__btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-nav__title{font-size:var(--font-size-s, 14px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d);display:flex;gap:8px}.dp-grid{display:grid;grid-template-columns:repeat(7, 1fr);row-gap:8px;column-gap:4px}.dp-day-header{font-size:var(--font-size-s, 14px);color:var(--Gray-Gray-700, #32394d);text-align:center;padding:8px 0;font-weight:var(--font-weight-bold, 700)}.dp-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs, 12px);font-family:inherit;border:none;cursor:pointer;background:transparent;color:var(--Gray-Gray-600, #475066);width:100%;position:relative;z-index:1;padding:0}.dp-cell::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;transition:all 0.2s;z-index:-1;background:transparent}.dp-cell::before{content:"";position:absolute;top:0;bottom:0;z-index:-2;border-radius:0;background:transparent}.dp-cell:hover:not(:disabled)::after{background:var(--Gray-Gray-100, #e6eaf2)}.dp-cell--other-month{color:var(--Gray-Gray-300, #a0a9c0)}.dp-cell--today{font-weight:var(--font-weight-bold, 700)}.dp-cell--today::after{background:var(--Gray-Gray-100, #e6eaf2)}.dp-cell--selected{color:var(--Neutral-White, #ffffff);font-weight:var(--font-weight-bold, 700)}.dp-cell--selected::after{background:var(--Orange-orange-500, #f49a3d) !important}.dp-cell--range-start,.dp-cell--range-end{color:var(--Neutral-White, #ffffff);font-weight:var(--font-weight-bold, 700)}.dp-cell--range-start::after,.dp-cell--range-end::after{background:var(--Orange-orange-500, #f49a3d) !important}.dp-cell--in-range{color:var(--Orange-orange-500, #f49a3d);font-weight:var(--font-weight-bold, 700)}.dp-cell--in-range::before{left:-2px;right:-2px;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-start::before{left:50%;right:-2px;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-end::before{left:-2px;right:50%;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-start.dp-cell--range-end::before{background:transparent}.dp-cell--disabled{opacity:0.35;cursor:not-allowed}.dp-footer{display:flex;justify-content:space-between;margin-top:var(--Size-3, 12px);border-top:1px solid var(--Gray-Gray-100, #e6eaf2);padding-top:var(--Size-2, 8px)}.dp-footer__clear,.dp-footer__today{background:none;border:none;padding:4px 8px;font-size:var(--font-size-xxs, 10px);font-family:inherit;cursor:pointer;border-radius:var(--Border-1, 4px);transition:background 0.15s}.dp-footer__clear{color:var(--Gray-Gray-500, #69738c)}.dp-footer__today{color:var(--Orange-orange-500, #f49a3d);font-weight:var(--font-weight-bold, 700)}.dp-footer__clear:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-footer__today:hover{background:var(--Orange-orange-50, #fef5ec)}';export{n as dropi_date_picker}

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

@@ -0,0 +1 @@
+import{r as e,c as i,h as t}from"./p-D5SAM1O2.js";const a=class{constructor(t){e(this,t),this.onProductClick=i(this,"onProductClick",7),this.changeFavorite=i(this,"changeFavorite",7),this.dropiAddProduct=i(this,"dropiAddProduct",7),this.dropiSupplierClick=i(this,"dropiSupplierClick",7)}image="";productName="";salePrice=0;suggestedPrice=0;currency="$";supplier="";category="";stock=0;supplierCategory="";showFavorite=!0;isFavorite=!1;showAddButton=!0;onProductClick;changeFavorite;dropiAddProduct;dropiSupplierClick;formatPrice(e){return null==e?"0":e.toLocaleString("es-CO")}get inStock(){return this.stock>0}getStockColor(){return 0===this.stock?"var(--Error-Error-500, #f46a6b)":this.stock<=10?"var(--Warning-Warning-500, #f59e0b)":"var(--Success-Success-500, #0abb87)"}render(){return t("div",{key:"42990ea883dcd6cc72e1f62771f7b9554c36bdba",class:"dropi-card-product",onClick:()=>this.onProductClick.emit()},t("div",{key:"59295427ddc350ec3c70d7d1bd4803ffa6bf26b0",class:"product-image-container"},t("div",{key:"9d10e18f2eadf16f0c0b1b7cb7860d08f2ca778f",class:"product-image"},t("img",{key:"19f7af8eddcbea880d32ef30603d55bfe9337f17",src:this.image||"",alt:this.productName,onError:e=>{e.target.src="./assets/utils/no-image.jpg"},class:this.image?"":"error-img"}),this.showFavorite&&t("button",{key:"a6e13eea7c211fd772fe5ee7c13c7d475d54986c",class:{"favorite-button":!0,"favorite-active":this.isFavorite},onClick:e=>{e.stopPropagation(),this.isFavorite=!this.isFavorite,this.changeFavorite.emit(this.isFavorite)},"aria-label":"Favorito"},t("dropi-icon",{key:"0020aaa1beffedd0243c62f616dfeb6428ec63e5",name:this.isFavorite?"Heart-solid":"Heart",width:"18px",height:"18px",color:this.isFavorite?"#fff":"#858ea6"})))),t("div",{key:"390a04f46d8394deb0591969a04525f3687509a0",class:"product-info"},this.supplierCategory&&t("dropi-ilustration-icon",{key:"7fa320fcc36f6d4929197a2d88e59deb76d34ab0",class:"supplier-insignia",type:"insignia",stateInsignia:this.supplierCategory,tagProduct:!0}),t("div",{key:"67e922b0afc44b3f376db3b20a33d7cc0ae8e987",class:"product-header"},this.category&&t("span",{key:"421f39afc07922579610fe57abdfa37b4fa68586",class:"category"},this.category),t("div",{key:"e4ad1d38535bd876298efb6d819d3355ac6b7446",class:"stock-info"},t("span",{key:"5dbdabc282dbfaee4adec81668d38a909e04227d",class:"stock-label"},"Stock:"),t("span",{key:"f14a47956953779f4527404930b4a988ac5c5737",class:"stock-value",style:{color:this.getStockColor()}},0===this.stock?"Agotado":this.stock))),t("h3",{key:"4403e622316112df4075fafbbbbc17151d2e1b39",class:"product-name"},this.productName),this.supplier&&t("div",{key:"28554238023a313e1698847a5faccd17e9bbd750",class:"supplier-info"},t("span",{key:"e34245925f659f232050ad835cf83690b112d7d0",class:"supplier-label"},"Proveedor:"),t("span",{key:"cabf8743951095acf0c05dd6e48ee74140984773",class:"supplier-name",onClick:e=>{e.stopPropagation(),this.dropiSupplierClick.emit()}},this.supplier)),t("div",{key:"193982dc4aea14f337f64c9156d97f7c23d02db7",class:"price-container"},t("div",{key:"f2925c29fe4d5f9be2f92c501b92351e9a4f60e0",class:"price-item"},t("span",{key:"d0a8f99140d6ced64e19a69a2f198ba861cca017",class:"price-label"},"Precio proveedor"),t("span",{key:"6fa5b8b5cd1f6d6e7b2551bdceedf65e3cb0029d",class:"price-value"},this.currency," ",this.formatPrice(this.salePrice))),t("div",{key:"0a37ead7f660608ed6303c97893fdd9156b5bfad",class:"price-item"},t("span",{key:"8bb33b1b418fdbb79c31ed69ddfa2598f6450efd",class:"price-label"},"Precio sugerido"),t("span",{key:"2df4c30b299190461f0032a66cc8d281ce9c9dab",class:"price-value"},this.currency," ",this.formatPrice(this.suggestedPrice))))),t("div",{key:"91a8306e386ac8d0422a02d3b4bac2d96ba7bebc",class:"separator"}),this.showAddButton&&t("div",{key:"69fd0267e5388770f5067a23d4ddf2636867b030",class:{"action-button":!0,"action-button--disabled":!this.inStock},onClick:e=>{e.stopPropagation(),this.inStock&&this.dropiAddProduct.emit()}},t("dropi-icon",{key:"6e9a7333778b5a4e75bca612f7900909e9b52c80",name:"Shopping-cart-arrow-rigth",width:"20px",height:"20px",color:"#f49a3d"}),t("span",{key:"1f3eb20049a94cb74bef8c89f8773a831667dc7b",class:"button-text"},"Enviar a cliente")))}};a.style=":host{display:block;font-family:'Inter', sans-serif}*,*::before,*::after{box-sizing:border-box}.dropi-card-product{position:relative;background:#ffffff;border-radius:8px;overflow:hidden;transition:all 0.2s ease-in-out;cursor:pointer;display:flex;flex-direction:column;height:100%;box-sizing:border-box;width:100%;max-width:450px;box-shadow:none}.product-image-container{padding:4px;flex-shrink:0}.product-image{position:relative;width:100%;aspect-ratio:1;border-radius:8px;border:1px solid #c3c9d9;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa}.product-image img{width:100%;height:100%;object-fit:cover;border-radius:8px}.product-image img.error-img{object-fit:contain}.favorite-button{position:absolute;bottom:5px;right:6px;border-radius:8px;padding:12px;cursor:pointer;transition:all 0.2s ease-in-out;z-index:2;display:flex;align-items:center;justify-content:center;width:42px;height:40px;background:#ffffff;border:1px solid #858ea6}.favorite-button.favorite-active{background:var(--Primary-Primary-500, #f49a3d);border:1px solid var(--Primary-Primary-500, #f49a3d)}.product-info{position:relative;padding:8px;display:flex;flex-direction:column;gap:4px;flex:1;justify-content:space-between}.supplier-insignia{position:absolute;top:-24px;left:0px}.product-header{display:flex;justify-content:space-between;align-items:center;width:100%;height:26px}.category{color:#69738c;font-family:'Inter', sans-serif;font-size:12px;font-weight:400;line-height:1.5;flex:1}.stock-info{display:flex;align-items:center;gap:2px;font-family:'Inter', sans-serif;font-size:12px;font-weight:400;line-height:1.5}.stock-label{color:#69738c}.stock-value{font-weight:500}.product-name{color:#32394d;font-family:'Inter', sans-serif;font-size:16px;font-weight:500;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.supplier-info{font-family:'Inter', sans-serif;font-size:12px;line-height:1.2}.supplier-label{color:#69738c;font-weight:400}.supplier-name{color:#50a5f1;font-weight:400;margin-left:4px;cursor:pointer}.price-container{display:flex;gap:8px;margin-top:4px}.price-item{flex:1;display:flex;flex-direction:column}.price-label{color:#69738c;font-family:'Inter', sans-serif;font-size:12px;font-weight:400;line-height:1.5;height:18px;min-width:max-content}.price-value{color:#32394d;font-family:'Inter', sans-serif;font-size:14px;font-weight:700;line-height:1.1;margin-top:2px}.separator{height:1px;background:#e6eaf2;margin:0;flex-shrink:0}.action-button{background:#ffffff;border:none;border-top:1px solid #e6eaf2;padding:12px;cursor:pointer;transition:all 0.2s ease-in-out;display:flex;align-items:center;justify-content:center;gap:8px;height:40px;flex-shrink:0}.action-button--disabled{opacity:0.3;cursor:not-allowed}.button-text{font-family:'Inter', sans-serif;font-size:14px;font-weight:700;line-height:1.1;color:#f49a3d;text-align:center;white-space:nowrap}";export{a as dropi_card_product}

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

@@ -0,0 +1 @@
+import{r,c as e,h as a}from"./p-D5SAM1O2.js";const t={success:"Check-circle",error:"Warning-circle",warning:"Warning-triangle",info:"Info"},i={success:"Success-Success-500",error:"Error-Error-500",warning:"Warning-Warning-500",info:"Info-Info-500"},o=class{constructor(a){r(this,a),this.onClose=e(this,"onClose",7),this.onButtonClick=e(this,"onButtonClick",7),this.onClickLink=e(this,"onClickLink",7)}message="";type="default";state="success";dismissable=!0;showButton=!1;buttonText="Close";anchorText="none";anchorUrl="none";showAlert=!0;textLink="";linkUrl="";clickedText="";onClose;onButtonClick;onClickLink;render(){return this.showAlert?a("div",{class:{alert:!0,[`alert--${this.type}`]:!0,[`alert--${this.state}`]:!0}},"flag"!==this.type&&a("div",{class:"alert__icon"},a("dropi-icon",{name:t[this.state],width:"18px",height:"18px",color:i[this.state]})),a("div",{class:"alert__body"},a("span",{class:"alert__message"},this.message),this.anchorText&&a("a",{class:"alert__link",href:this.anchorUrl||this.linkUrl||"#",onClick:r=>{r.preventDefault(),this.onClickLink.emit()}},this.anchorText)),a("div",{class:"alert__actions"},this.showButton&&this.buttonText&&"flag"!==this.type&&a("button",{class:"alert__btn",onClick:()=>this.onButtonClick.emit()},this.buttonText),this.dismissable&&a("button",{class:"alert__close",onClick:()=>{this.showAlert=!1,this.onClose.emit()},"aria-label":"Cerrar"},a("dropi-icon",{name:"Close-small",width:"18px",height:"18px",color:"Gray-Gray-500"})))):null}};o.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.alert{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-3, 12px);border-radius:var(--Border-2, 8px);border:1px solid transparent;width:100%}.alert--success{background:var(--Success-Success-50, #e7f8f3);border-color:var(--Success-Success-500, #0abb87)}.alert--error{background:var(--Error-Error-50, #fef0f0);border-color:var(--Error-Error-500, #f46a6b)}.alert--warning{background:var(--Warning-Warning-50, #fef8ed);border-color:var(--Warning-Warning-500, #f1b44c)}.alert--info{background:var(--Info-Info-50, #eef6fe);border-color:var(--Info-Info-500, #50a5f1)}.alert--flag{padding:var(--Size-1, 4px) var(--Size-2, 8px);border-radius:var(--Border-1, 4px);border:none !important;justify-content:center}.alert--flag .alert__body{justify-content:center;text-align:center}.alert--flag .alert__message{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular)}.alert__icon{display:flex;align-items:center;flex-shrink:0;padding-top:1px}.alert__body{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--Size-1, 4px)}.alert__message{font-size:var(--font-size-s);color:var(--Gray-600, #475066);font-weight:var(--font-weight-medium);line-height:1.5}.alert__link{font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);color:var(--Primary-Primary-500, #f49a3d);text-decoration:underline;cursor:pointer}.alert__actions{display:flex;align-items:center;gap:var(--Size-2, 8px);flex-shrink:0}.alert__btn{height:28px;padding:0 var(--Size-3, 12px);border-radius:var(--Border-2, 8px);border:1px solid var(--Primary-Primary-500, #f49a3d);background:transparent;color:var(--Primary-Primary-500, #f49a3d);font-size:var(--font-size-xs, 10px);font-family:inherit;font-weight:var(--font-weight-bold, 700);cursor:pointer;transition:background 0.15s, color 0.15s}.alert__btn:hover{background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #ffffff)}.alert__close{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;opacity:0.6;transition:opacity 0.15s}.alert__close:hover{opacity:1}";export{o as dropi_alert}

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

@@ -0,0 +1 @@
+import{r as i,a as o,h as e}from"./p-D5SAM1O2.js";const l="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgNDAiPjx0ZXh0IHk9IjMwIiBmb250LXNpemU9IjI0IiBmb250LWZhbWlseT0ic2Fucy1zZXJpZiIgZmlsbD0iIzg1OGVhNiI+ZHJvcGk8L3RleHQ+PC9zdmc+",r=class{constructor(o){i(this,o)}get el(){return o(this)}urlLogo="";size="large";theme="light";componentWillLoad(){this.urlLogo||(this.urlLogo=this.el.getAttribute("urlLogo")||this.el.getAttribute("url-logo")||this.el.getAttribute("urllogo")||"")}handleError(i){i.target.src=l}render(){return e("figure",{key:"479af3da2dc04c7d6e79b99494fce0fb5419af4d",class:{"dropi-logo":!0,[`dropi-logo--${this.size}`]:!0}},e("img",{key:"6b78e7004f4b1dd782e4c17dae7b264fff483875",src:this.urlLogo||l,alt:"Dropi logo",onError:i=>this.handleError(i)}))}};r.style=":host{display:inline-block}.dropi-logo{margin:0;padding:0;display:flex;align-items:center;justify-content:center}.dropi-logo img{display:block;object-fit:contain}.dropi-logo--large img{width:256px;height:84px}.dropi-logo--small img{width:86px;height:81px}";export{r as dropi_logo}

package/dist/dropi-ui/{p-7f8d3642.entry.js → p-86283e99.entry.js}

@@ -1 +1 @@
-import{r as e,h as o}from"./p-TXz_09YZ.js";const r=class{constructor(o){e(this,o)}multiple=!1;render(){return o("div",{key:"b4d44bde9b982a2e11cc074600f9de9424592fde",class:"accordion-container"},o("slot",{key:"631732f3726d81dac4d188542180a1286c69258b"}))}};r.style=":host{display:block;width:100%;margin-bottom:-1px}*,*::before,*::after{box-sizing:border-box}.accordion{border-top:1px solid var(--Gray-Gray-100,#e6eaf2);border-bottom:1px solid var(--Gray-Gray-100,#e6eaf2);overflow:hidden}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--Size-4,16px) var(--Size-5,20px);background:transparent;border:none;cursor:pointer;gap:12px;text-align:left}.accordion-header:disabled{cursor:not-allowed;opacity:0.5}.accordion--open .accordion-header{border-bottom:1px solid var(--Gray-Gray-100,#e6eaf2)}.accordion-header-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.accordion-title{font-size:var(--font-size-m, 16px);font-weight:var(--font-weight-bold,700);color:var(--Gray-Gray-600, #475066);line-height:1.4}.accordion-chevron{display:flex;align-items:center;flex-shrink:0;transition:transform 0.22s ease}.accordion-chevron--open{transform:rotate(180deg)}.accordion-body{max-height:0;overflow:hidden;transition:max-height 0.28s ease}.accordion-content{padding:0 var(--Size-5,20px) var(--Size-4,16px);color:var(--Gray-Gray-600,#475066);font-size:var(--font-size-s,12px);line-height:1.6}";export{r as dropi_accordion}
+import{r as e,h as o}from"./p-D5SAM1O2.js";const r=class{constructor(o){e(this,o)}multiple=!1;render(){return o("div",{key:"15575b05adec26235378bb459cdf158bdabe2852",class:"accordion-container"},o("slot",{key:"e5411aee85b69e50c777657b0cb2aa7d04d09fa4"}))}};r.style=":host{display:block;width:100%;margin-bottom:-1px}*,*::before,*::after{box-sizing:border-box}.accordion{border-top:1px solid var(--Gray-Gray-100,#e6eaf2);border-bottom:1px solid var(--Gray-Gray-100,#e6eaf2);overflow:hidden}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--Size-4,16px) var(--Size-5,20px);background:transparent;border:none;cursor:pointer;gap:12px;text-align:left}.accordion-header:disabled{cursor:not-allowed;opacity:0.5}.accordion--open .accordion-header{border-bottom:1px solid var(--Gray-Gray-100,#e6eaf2)}.accordion-header-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.accordion-title{font-size:var(--font-size-m, 16px);font-weight:var(--font-weight-bold,700);color:var(--Gray-Gray-600, #475066);line-height:1.4}.accordion-chevron{display:flex;align-items:center;flex-shrink:0;transition:transform 0.22s ease}.accordion-chevron--open{transform:rotate(180deg)}.accordion-body{max-height:0;overflow:hidden;transition:max-height 0.28s ease}.accordion-content{padding:0 var(--Size-5,20px) var(--Size-4,16px);color:var(--Gray-Gray-600,#475066);font-size:var(--font-size-s,12px);line-height:1.6}";export{r as dropi_accordion}

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

@@ -0,0 +1 @@
+import{r as t,a as i,h as s}from"./p-D5SAM1O2.js";const e=class{constructor(i){t(this,i)}get el(){return i(this)}name="";width="24px";height="24px";color="currentColor";colorChanged(){this.applyColor()}componentWillLoad(){if(!this.el.style.width&&!this.el.style.height){const t=this.el.getAttribute("width")||"24px",i=this.el.getAttribute("height")||"24px";this.width=t,this.height=i}this.applyColor(),this.updateHostStyles()}componentDidUpdate(){this.updateHostStyles()}updateHostStyles(){this.el.style.width=this.width,this.el.style.height=this.height}applyColor(){if(!this.color)return;const t=this.color.startsWith("#")?this.color:"currentColor"===this.color?"currentColor":`var(--${this.color})`;this.el.style.setProperty("--icon-fill",t)}render(){return s("svg",{key:"c705712bd21c4da94dcff8ce12b0c0b880681e95",width:this.width??"24px",height:this.height??"24px",class:{spin:"Spinner"===(this.name??"")},"aria-hidden":"true"},s("use",{key:"b02addb8203904ec059b3c92bd40b09e3c79622d",href:`/assets/icons/symbol/svg/sprite.css.svg#${this.name??""}`}))}static get watchers(){return{color:[{colorChanged:0}]}}};e.style=":host{display:inline-flex;align-items:center;justify-content:center;fill:var(--icon-fill, currentColor);width:24px;height:24px;overflow:hidden}svg{fill:inherit;display:block;width:100%;height:100%;vertical-align:middle}.spin{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}";export{e as dropi_icon}

package/dist/dropi-ui/{p-ed94b5fe.entry.js → p-9032ba00.entry.js}

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

package/dist/dropi-ui/{p-b207fc92.entry.js → p-9212f544.entry.js}

@@ -1 +1 @@
-import{r as t,h as o}from"./p-TXz_09YZ.js";const i=class{constructor(o){t(this,o)}text="";title="";label="";position="bottom";arrowPosition="center";trigger="hover";maxWidth="280px";minWidth="300px";showDelay=0;disabled=!1;showIcon=!0;showX=!1;iconName="Tooltip";iconColor="#7B8190";iconSize="14";visible=!1;showTimer=null;timeoutTimer=null;componentDidLoad(){"static"===this.trigger&&this.show(),"timeout"===this.trigger&&this.showWithTimeout()}show=()=>{this.disabled||"hidden"===this.trigger||(this.text||this.title||this.label).trim()&&(this.showDelay>0?this.showTimer=setTimeout((()=>{this.visible=!0}),this.showDelay):this.visible=!0)};hide=()=>{this.showTimer&&(clearTimeout(this.showTimer),this.showTimer=null),this.timeoutTimer&&(clearTimeout(this.timeoutTimer),this.timeoutTimer=null),this.visible=!1};showWithTimeout(){this.show(),this.timeoutTimer=setTimeout((()=>this.hide()),6e3)}handleMouseEnter=()=>{"hover"===this.trigger&&this.show()};handleMouseLeave=()=>{"hover"===this.trigger&&setTimeout((()=>this.hide()),10)};handleClick=()=>{"click"===this.trigger&&(this.visible?this.hide():this.show())};handleFocusin=()=>{"focus"===this.trigger&&this.show()};handleFocusout=()=>{"focus"===this.trigger&&this.hide()};handleClose=()=>{"static"===this.trigger&&(this.trigger="hover",this.showX=!1),this.hide()};get displayContent(){return this.text?this.text:this.title&&this.label?`${this.title}\n${this.label}`:this.title||this.label||""}render(){const t={maxWidth:this.maxWidth};return this.minWidth&&(t.minWidth=this.minWidth),o("div",{key:"0f552323b1917d2324a696ded87fbd8251c7b23f",class:"tooltip-wrapper",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onClick:this.handleClick,onFocusin:this.handleFocusin,onFocusout:this.handleFocusout},this.showIcon&&o("dropi-icon",{key:"201d20c6db44099221999ccc7673d5b0c2392f71",name:this.iconName,width:`${this.iconSize}px`,height:`${this.iconSize}px`,color:this.iconColor}),o("slot",{key:"1e1848442f4ba714a9720def95e6efda2d0959bd"}),this.displayContent&&o("div",{key:"4697b41f9216d331c3b7fbb3cb26463b419c8530",class:{"tooltip-bubble":!0,[`tooltip-bubble--${this.position}`]:!0,[`tooltip-bubble--arrow-${this.arrowPosition}`]:!0,"tooltip-bubble--visible":this.visible},style:t,role:"tooltip"},this.showX&&o("button",{key:"1aa1de98457fb9812c4df9b6ae44366accec8752",class:"tooltip-close",onClick:this.handleClose,"aria-label":"Cerrar"},o("dropi-icon",{key:"964ebde1dab86620b6f6fb5b59626900a815c5f2",name:"Close-small",width:"12px",height:"12px",color:"Gray-Gray-500"})),this.title&&!this.text&&o("strong",{key:"c7e321fbe9753bd98d49de552d12d4477e382cf3",class:"tooltip-title"},this.title),this.label&&!this.text&&o("span",{key:"6aad3847605402622d37579d71a85163e17dbeec",class:"tooltip-label"},this.label),this.text&&o("span",{key:"d688e80849a8156c243c9a6b642cc9e5976bcce9"},this.text),o("span",{key:"c9ce48f1499360f14e797dc006227b76baad4213",class:`tooltip-arrow tooltip-arrow--${this.position}`})))}};i.style=":host{display:inline-block}*,*::before,*::after{box-sizing:border-box}.tooltip-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}.tooltip-bubble{position:absolute;z-index:9999;background:var(--Gray-Gray-800);color:var(--Neutral-White, #ffffff);font-size:var(--font-size-s,14px);line-height:1.5;padding:8px 12px;border-radius:8px;white-space:normal;pointer-events:none;opacity:0;transition:opacity 0.15s ease, transform 0.15s ease;word-break:break-word;box-shadow:var(--Shadow-medium);text-align:left;width:max-content}.tooltip-bubble--visible{opacity:1}.tooltip-bubble--top{bottom:calc(100% + 12px);left:50%;transform:translateX(-50%)}.tooltip-bubble--bottom{top:calc(100% + 12px);left:50%;transform:translateX(-50%)}.tooltip-bubble--left{right:calc(100% + 12px);top:50%;transform:translateY(-50%)}.tooltip-bubble--right{left:calc(100% + 12px);top:50%;transform:translateY(-50%)}.tooltip-arrow{position:absolute;width:12px;height:6px}.tooltip-arrow::before{content:'';position:absolute;width:0;height:0}.tooltip-arrow--top{top:100%;left:50%;transform:translateX(-50%)}.tooltip-arrow--top::before{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--Gray-Gray-800)}.tooltip-arrow--bottom{bottom:100%;left:50%;transform:translateX(-50%)}.tooltip-arrow--bottom::before{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--Gray-Gray-800)}.tooltip-arrow--left{left:100%;top:50%;transform:translateY(-50%)}.tooltip-arrow--left::before{border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid var(--Gray-Gray-800)}.tooltip-arrow--right{right:100%;top:50%;transform:translateY(-50%)}.tooltip-arrow--right::before{border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid var(--Gray-Gray-800)}";export{i as dropi_tooltip_v2}
+import{r as t,h as o}from"./p-D5SAM1O2.js";const i=class{constructor(o){t(this,o)}text="";title="";label="";position="bottom";arrowPosition="center";trigger="hover";maxWidth="280px";minWidth="300px";showDelay=0;disabled=!1;showIcon=!0;showX=!1;iconName="Tooltip";iconColor="#7B8190";iconSize="14";visible=!1;showTimer=null;timeoutTimer=null;componentDidLoad(){"static"===this.trigger&&this.show(),"timeout"===this.trigger&&this.showWithTimeout()}show=()=>{this.disabled||"hidden"===this.trigger||(this.text||this.title||this.label).trim()&&(this.showDelay>0?this.showTimer=setTimeout((()=>{this.visible=!0}),this.showDelay):this.visible=!0)};hide=()=>{this.showTimer&&(clearTimeout(this.showTimer),this.showTimer=null),this.timeoutTimer&&(clearTimeout(this.timeoutTimer),this.timeoutTimer=null),this.visible=!1};showWithTimeout(){this.show(),this.timeoutTimer=setTimeout((()=>this.hide()),6e3)}handleMouseEnter=()=>{"hover"===this.trigger&&this.show()};handleMouseLeave=()=>{"hover"===this.trigger&&setTimeout((()=>this.hide()),10)};handleClick=()=>{"click"===this.trigger&&(this.visible?this.hide():this.show())};handleFocusin=()=>{"focus"===this.trigger&&this.show()};handleFocusout=()=>{"focus"===this.trigger&&this.hide()};handleClose=()=>{"static"===this.trigger&&(this.trigger="hover",this.showX=!1),this.hide()};get displayContent(){return this.text?this.text:this.title&&this.label?`${this.title}\n${this.label}`:this.title||this.label||""}render(){const t={maxWidth:this.maxWidth};return this.minWidth&&(t.minWidth=this.minWidth),o("div",{key:"85f49bcb2af567a8fb70cd92afab893a2e0bf567",class:"tooltip-wrapper",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onClick:this.handleClick,onFocusin:this.handleFocusin,onFocusout:this.handleFocusout},this.showIcon&&o("dropi-icon",{key:"f40ebe0c12bdfa251cbe6086f7ea432aed0124fa",name:this.iconName,width:`${this.iconSize}px`,height:`${this.iconSize}px`,color:this.iconColor}),o("slot",{key:"77d2aa944f57cc5f858bbff97f88dfda6e71e088"}),this.displayContent&&o("div",{key:"4fcbbbf1a3b163ad2992efd8c8dfbef695f4f422",class:{"tooltip-bubble":!0,[`tooltip-bubble--${this.position}`]:!0,[`tooltip-bubble--arrow-${this.arrowPosition}`]:!0,"tooltip-bubble--visible":this.visible},style:t,role:"tooltip"},this.showX&&o("button",{key:"48428c1dcdd6c52f8a0b26641a016a00cf04444d",class:"tooltip-close",onClick:this.handleClose,"aria-label":"Cerrar"},o("dropi-icon",{key:"6c870fc88739ba5e09c1f77eda783d21af476f98",name:"Close-small",width:"12px",height:"12px",color:"Gray-Gray-500"})),this.title&&!this.text&&o("strong",{key:"c501f266a5d3cc4250f9b205f8fa641c1f9be7ad",class:"tooltip-title"},this.title),this.label&&!this.text&&o("span",{key:"6fb281665f9c84a7cb1f86bf8718da8ef5b95204",class:"tooltip-label"},this.label),this.text&&o("span",{key:"4d1a3445cb4b5361e8604404bfb970fc0e9ea289"},this.text),o("span",{key:"f7d0ac1b155d486c55cbeebc63cca32838e25811",class:`tooltip-arrow tooltip-arrow--${this.position}`})))}};i.style=":host{display:inline-block}*,*::before,*::after{box-sizing:border-box}.tooltip-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}.tooltip-bubble{position:absolute;z-index:9999;background:var(--Gray-Gray-800);color:var(--Neutral-White, #ffffff);font-size:var(--font-size-s,14px);line-height:1.5;padding:8px 12px;border-radius:8px;white-space:normal;pointer-events:none;opacity:0;transition:opacity 0.15s ease, transform 0.15s ease;word-break:break-word;box-shadow:var(--Shadow-medium);text-align:left;width:max-content}.tooltip-bubble--visible{opacity:1}.tooltip-bubble--top{bottom:calc(100% + 12px);left:50%;transform:translateX(-50%)}.tooltip-bubble--bottom{top:calc(100% + 12px);left:50%;transform:translateX(-50%)}.tooltip-bubble--left{right:calc(100% + 12px);top:50%;transform:translateY(-50%)}.tooltip-bubble--right{left:calc(100% + 12px);top:50%;transform:translateY(-50%)}.tooltip-arrow{position:absolute;width:12px;height:6px}.tooltip-arrow::before{content:'';position:absolute;width:0;height:0}.tooltip-arrow--top{top:100%;left:50%;transform:translateX(-50%)}.tooltip-arrow--top::before{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--Gray-Gray-800)}.tooltip-arrow--bottom{bottom:100%;left:50%;transform:translateX(-50%)}.tooltip-arrow--bottom::before{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--Gray-Gray-800)}.tooltip-arrow--left{left:100%;top:50%;transform:translateY(-50%)}.tooltip-arrow--left::before{border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid var(--Gray-Gray-800)}.tooltip-arrow--right{right:100%;top:50%;transform:translateY(-50%)}.tooltip-arrow--right::before{border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid var(--Gray-Gray-800)}";export{i as dropi_tooltip_v2}