@dropi/ui 0.1.52 → 0.1.53

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

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

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

@@ -1 +1 @@
-import{t as e,p as i,H as a,c as r,h as t}from"./index.js";import{d as s}from"./p-DqAyyLAT.js";const o=i(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.deleteFile=r(this,"deleteFile"),this.uploadComplete=r(this,"uploadComplete"),this.viewFile=r(this,"viewFile")}textFile="Nombre del archivo.xlsx";progress=0;type="file";urlImage="assets/img/LOGO-250-PX.png";isPreview=!0;disabled=!1;fileExtension="";deleteFile;uploadComplete;viewFile;handleProgress(e){100===e&&this.uploadComplete.emit()}handleTextFile(e){this.updateFileInfo(e)}componentWillLoad(){this.updateFileInfo(this.textFile),100===this.progress&&this.uploadComplete.emit()}updateFileInfo(e){const i=this.getFileExtensionInfo(e);this.fileExtension=i.extension,this.type=i.isImage?"image":"file"}getFileExtensionInfo(e){if(!e)return{extension:"",isImage:!1};const i=e.lastIndexOf("."),a=i>0?e.substring(i+1).toLowerCase():"";return{extension:a,isImage:["jpg","jpeg","png","gif","bmp","webp","svg","tiff","ico","jfif"].includes(a)}}render(){return t("div",{key:"9a1cff54d6ab96637e149accd7cb08d5c5e6e516",class:"container-progress-bar"},t("div",{key:"76330324e1429af78b58cee49a22df5af3ed44f1",class:"container-icon-info",style:{display:"pdf"!==this.fileExtension?"flex":"none"}},"image"!==this.type&&t("dropi-icon",{key:"44aeacefe3b1d18ac8f55ccd5693b27747b15e9b",name:"File-text",iconWidth:"24px",iconHeight:"24px",color:"Info-Info-600"}),"image"===this.type&&!this.urlImage&&t("div",{key:"416fc3b7387f05439d98f08a91505ae9e352c56d",style:{width:"34px",height:"34px",borderRadius:"8px",background:"var(--Gray-Gray-100)"}}),"image"===this.type&&this.urlImage&&t("img",{key:"992ad464b90cb9503b004324c441aa0baaaedb0a",src:this.urlImage,class:"image-to-view",width:"34",height:"34",alt:""})),"pdf"===this.fileExtension&&t("div",{key:"33730ac6969b34483f0aeb433acbccd17513b6c0",class:"icon-pdf"},t("svg",{key:"52b10ba62661a375c42b27b67e2f97a3edf3b1e9",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},t("g",{key:"18b96ab58cee059d63413ec9174ecb54a3720f25","clip-path":"url(#clip0_6227_22223)"},t("path",{key:"344b8601ca32790c8d13b4227bc64f5438db6eae",d:"M16.6243 4.61667L13.716 1.70833C12.616 0.608333 11.1493 0 9.59102 0H5.83268C3.53268 0 1.66602 1.86667 1.66602 4.16667V15.8333C1.66602 18.1333 3.53268 20 5.83268 20H14.166C16.466 20 18.3327 18.1333 18.3327 15.8333V8.74167C18.3327 7.18333 17.7243 5.71667 16.6243 4.61667ZM15.4493 5.79167C15.716 6.05833 15.941 6.35 16.1243 6.66667H12.5077C12.0493 6.66667 11.6743 6.29167 11.6743 5.83333V2.21667C11.991 2.4 12.2827 2.625 12.5493 2.89167L15.4577 5.8L15.4493 5.79167ZM16.666 15.8333C16.666 17.2083 15.541 18.3333 14.166 18.3333H5.83268C4.45768 18.3333 3.33268 17.2083 3.33268 15.8333V4.16667C3.33268 2.79167 4.45768 1.66667 5.83268 1.66667H9.59102C9.72435 1.66667 9.86602 1.66667 9.99935 1.68333V5.83333C9.99935 7.20833 11.1243 8.33333 12.4993 8.33333H16.6493C16.666 8.46667 16.666 8.6 16.666 8.74167V15.8333ZM5.90768 10.8333H4.99935C4.54102 10.8333 4.16602 11.2083 4.16602 11.6667V15.3667C4.16602 15.6583 4.39935 15.8833 4.68268 15.8833C4.96602 15.8833 5.19935 15.65 5.19935 15.3667V14.35H5.89935C6.88268 14.35 7.68268 13.5583 7.68268 12.5917C7.68268 11.625 6.88268 10.8333 5.89935 10.8333H5.90768ZM5.90768 13.3083H5.21602V11.875H5.91602C6.31602 11.875 6.65768 12.2 6.65768 12.5917C6.65768 12.9833 6.31602 13.3083 5.91602 13.3083H5.90768ZM15.8493 11.3583C15.8493 11.65 15.616 11.875 15.3327 11.875H13.9243V12.825H14.9577C15.2493 12.825 15.4743 13.0583 15.4743 13.3417C15.4743 13.625 15.241 13.8583 14.9577 13.8583H13.9243V15.3583C13.9243 15.65 13.691 15.875 13.4077 15.875C13.1243 15.875 12.891 15.6417 12.891 15.3583V11.35C12.891 11.0583 13.1243 10.8333 13.4077 10.8333H15.3327C15.6243 10.8333 15.8493 11.0667 15.8493 11.35V11.3583ZM10.0743 10.8417H9.16602C8.70768 10.8417 8.33268 11.2167 8.33268 11.675V15.375C8.33268 15.6667 8.56602 15.8417 8.84935 15.8417C9.13268 15.8417 10.066 15.8417 10.066 15.8417C11.0493 15.8417 11.8493 15.05 11.8493 14.0833V12.6C11.8493 11.6333 11.0493 10.8417 10.066 10.8417H10.0743ZM10.816 14.0833C10.816 14.475 10.4743 14.8 10.0743 14.8H9.38268V11.8833H10.0827C10.4827 11.8833 10.8243 12.2083 10.8243 12.6V14.0833H10.816Z",fill:"#DE6061"})),t("defs",{key:"9ae2724b7a4bc69e7d56d31672c59b8a59603c14"},t("clipPath",{key:"925d2de4afd87a7a92ede37730872e8f94d88e14",id:"clip0_6227_22223"},t("rect",{key:"59e3907da52ab8f253d095150366cd8c4ad0ef10",width:"20",height:"20",fill:"white"}))))),t("div",{key:"728ef5d61364f355f0a578f2cf2671b4ef9ae521",class:"container-bar-title"},t("p",{key:"0ff7872cfa5bfa6965ac637d9aec9bd0b6ef33ea"},this.textFile),t("progress",{key:"6723a5b4d6cbaa66f86de3ccaf07070720d8268d",value:this.progress,max:"100"})),100===this.progress&&this.isPreview&&t("div",{key:"4866e4eab7b6a2a208dd898ccf41d185cc3b32d9",class:"view-icon",onClick:()=>this.viewFile.emit()},t("svg",{key:"4a20733a809c89b7d298986d7546d91ca0b28e91",xmlns:"http://www.w3.org/2000/svg",width:"18",height:"14",viewBox:"0 0 18 14",fill:"none"},t("path",{key:"54099a7f02bc603ab33b2a42a5c70e3988ead535","fill-rule":"evenodd","clip-rule":"evenodd",d:"M7.07148 4.14758C7.64227 3.76618 8.31334 3.56262 8.99983 3.56262C9.92004 3.56372 10.8022 3.92976 11.4529 4.58045C12.1036 5.23114 12.4697 6.11334 12.4708 7.03355C12.4708 7.72004 12.2672 8.39111 11.8858 8.9619C11.5044 9.53269 10.9623 9.97757 10.3281 10.2403C9.69387 10.503 8.99598 10.5717 8.32268 10.4378C7.64939 10.3039 7.03092 9.9733 6.54551 9.48788C6.06009 9.00246 5.72951 8.384 5.59558 7.7107C5.46166 7.0374 5.53039 6.33951 5.7931 5.70528C6.05581 5.07105 6.50069 4.52897 7.07148 4.14758ZM7.84282 8.76514C8.18529 8.99398 8.58794 9.11612 8.99983 9.11612C9.55216 9.11612 10.0819 8.8967 10.4724 8.50615C10.863 8.11559 11.0824 7.58588 11.0824 7.03355C11.0824 6.62166 10.9602 6.21902 10.7314 5.87654C10.5026 5.53407 10.1773 5.26714 9.79679 5.10952C9.41625 4.95189 8.99752 4.91065 8.59354 4.99101C8.18956 5.07136 7.81849 5.26971 7.52723 5.56096C7.23598 5.85221 7.03764 6.22329 6.95728 6.62727C6.87693 7.03124 6.91817 7.44998 7.07579 7.83052C7.23342 8.21105 7.50034 8.53631 7.84282 8.76514Z",fill:"#475066"}),t("path",{key:"50b4ec230be5bd6945865082bb341a808de5e2f5","fill-rule":"evenodd","clip-rule":"evenodd",d:"M8.99996 0.546387C13.2984 0.546387 15.7475 3.48835 16.8241 5.24187C17.157 5.78022 17.3333 6.40064 17.3333 7.03357C17.3333 7.6665 17.157 8.28692 16.8241 8.82526C15.7475 10.5788 13.2984 13.5207 8.99996 13.5207C4.70155 13.5207 2.25246 10.5788 1.17577 8.82526C0.842931 8.28692 0.666626 7.6665 0.666626 7.03357C0.666626 6.40064 0.842931 5.78022 1.17577 5.24187C2.25246 3.48835 4.70155 0.546387 8.99996 0.546387ZM8.99996 12.1324C12.6229 12.1324 14.7159 9.60206 15.6406 8.09845C15.8383 7.77846 15.943 7.40973 15.943 7.03357C15.943 6.6574 15.8383 6.28867 15.6406 5.96868C14.7159 4.4623 12.6229 1.93476 8.99996 1.93476C5.377 1.93476 3.28402 4.46507 2.35936 5.96868C2.16161 6.28867 2.05687 6.6574 2.05687 7.03357C2.05687 7.40973 2.16161 7.77846 2.35936 8.09845C3.28402 9.60206 5.377 12.1324 8.99996 12.1324Z",fill:"#475066"}))),100===this.progress&&!this.disabled&&t("div",{key:"5b3d075f123d43f38eb147071082fb41104144a3",class:"container-icon-trash",onClick:()=>this.deleteFile.emit()},t("svg",{key:"961615602fd1496823409ca31cee5c701bea16af",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"21",viewBox:"0 0 20 21",fill:"none"},t("path",{key:"d4e9856f300a1a46afc1c98c774a875e75ede973",d:"M16.2501 4.94477H14.0973C13.9362 4.16103 13.5097 3.45682 12.8899 2.95082C12.27 2.44483 11.4947 2.168 10.6946 2.16699H9.30566C8.50552 2.168 7.73019 2.44483 7.11035 2.95082C6.49051 3.45682 6.06406 4.16103 5.90289 4.94477H3.75011C3.56593 4.94477 3.3893 5.01793 3.25906 5.14817C3.12883 5.2784 3.05566 5.45504 3.05566 5.63921C3.05566 5.82339 3.12883 6.00003 3.25906 6.13026C3.3893 6.26049 3.56593 6.33366 3.75011 6.33366H4.44455V15.3614C4.44566 16.282 4.81183 17.1645 5.46276 17.8155C6.11369 18.4664 6.99622 18.8326 7.91677 18.8337H12.0834C13.004 18.8326 13.8865 18.4664 14.5375 17.8155C15.1884 17.1645 15.5546 16.282 15.5557 15.3614V6.33366H16.2501C16.4343 6.33366 16.6109 6.26049 16.7412 6.13026C16.8714 6.00003 16.9446 5.82339 16.9446 5.63921C16.9446 5.45504 16.8714 5.2784 16.7412 5.14817C16.6109 5.01793 16.4343 4.94477 16.2501 4.94477ZM9.30566 3.55588H10.6946C11.1253 3.55641 11.5453 3.69017 11.8971 3.93883C12.2488 4.18749 12.515 4.53886 12.6591 4.94477H7.34108C7.48524 4.53886 7.75143 4.18749 8.10315 3.93883C8.45488 3.69017 8.87492 3.55641 9.30566 3.55588ZM14.1668 15.3614C14.1668 15.914 13.9473 16.4439 13.5566 16.8346C13.1659 17.2253 12.636 17.4448 12.0834 17.4448H7.91677C7.36424 17.4448 6.83434 17.2253 6.44364 16.8346C6.05294 16.4439 5.83344 15.914 5.83344 15.3614V6.33366H14.1668V15.3614Z",fill:"#DE6061"}),t("path",{key:"66352c37fc6b1525965b0374984d91f60ad7ce9a",d:"M8.61128 14.6666C8.79545 14.6666 8.97209 14.5934 9.10232 14.4632C9.23256 14.3329 9.30572 14.1563 9.30572 13.9721V9.80545C9.30572 9.62127 9.23256 9.44464 9.10232 9.3144C8.97209 9.18417 8.79545 9.11101 8.61128 9.11101C8.4271 9.11101 8.25046 9.18417 8.12023 9.3144C7.99 9.44464 7.91683 9.62127 7.91683 9.80545V13.9721C7.91683 14.1563 7.99 14.3329 8.12023 14.4632C8.25046 14.5934 8.4271 14.6666 8.61128 14.6666Z",fill:"#DE6061"}),t("path",{key:"bbdf05a15788ec40df5e66d2ce33852ea50ecbe7",d:"M11.389 14.6666C11.5731 14.6666 11.7498 14.5934 11.88 14.4632C12.0102 14.3329 12.0834 14.1563 12.0834 13.9721V9.80545C12.0834 9.62127 12.0102 9.44464 11.88 9.3144C11.7498 9.18417 11.5731 9.11101 11.389 9.11101C11.2048 9.11101 11.0281 9.18417 10.8979 9.3144C10.7677 9.44464 10.6945 9.62127 10.6945 9.80545V13.9721C10.6945 14.1563 10.7677 14.3329 10.8979 14.4632C11.0281 14.5934 11.2048 14.6666 11.389 14.6666Z",fill:"#DE6061"}))))}static get watchers(){return{progress:[{handleProgress:0}],textFile:[{handleTextFile:0}]}}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.container-progress-bar{width:100%;height:100%;display:flex;padding:var(--Size-4);gap:var(--Size-3);border-radius:var(--Size-2);border:1px solid var(--Gray-Gray-100);background-color:var(--Neutral-White);min-width:0;overflow:hidden;align-items:center}.container-icon-info{background:var(--Info-Info-50);width:32px;height:32px;border-radius:var(--Size-2);display:flex;justify-content:center;align-items:center;flex-shrink:0}.icon-pdf{background:var(--Error-Error-50);border-radius:var(--Border-2);width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.image-to-view{width:34px;height:34px;border-radius:var(--Border-2);object-fit:cover;flex-shrink:0}.container-bar-title{display:flex;gap:8px;flex:1;flex-direction:column;justify-content:center;min-width:0;p{margin:0;font-size:var(--font-size-s);color:var(--Gray-Gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}}progress{width:100%;height:4px;-webkit-appearance:none;appearance:none;border-radius:4.5px;max-width:100%;display:block}progress::-webkit-progress-bar{background-color:var(--Gray-Gray-100);border-radius:4.5px}progress::-webkit-progress-value{background-color:var(--Primary-Primary-500);border-radius:4.5px;transition:width 0.3s ease}progress::-moz-progress-bar{background-color:var(--Primary-Primary-500);border-radius:4.5px}.view-icon,.container-icon-trash{cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:4px;border-radius:var(--Border-1);transition:background 0.2s}.view-icon:hover,.container-icon-trash:hover{background-color:var(--Gray-Gray-50)}"}},[513,"dropi-file-upload-progress-bar",{textFile:[1,"text-file"],progress:[2],type:[1025],urlImage:[1,"url-image"],isPreview:[4,"is-preview"],disabled:[4],fileExtension:[32]},void 0,{progress:[{handleProgress:0}],textFile:[{handleTextFile:0}]}]);function d(){"undefined"!=typeof customElements&&["dropi-file-upload-progress-bar","dropi-icon"].forEach((i=>{switch(i){case"dropi-file-upload-progress-bar":customElements.get(e(i))||customElements.define(e(i),o);break;case"dropi-icon":customElements.get(e(i))||s()}}))}d();const c=o,n=d;export{c as DropiFileUploadProgressBar,n as defineCustomElement}
+import{t as e,p as i,H as a,c as r,h as t}from"./index.js";import{d as s}from"./p-Ccl4kD95.js";const o=i(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.deleteFile=r(this,"deleteFile"),this.uploadComplete=r(this,"uploadComplete"),this.viewFile=r(this,"viewFile")}textFile="Nombre del archivo.xlsx";progress=0;type="file";urlImage="assets/img/LOGO-250-PX.png";isPreview=!0;disabled=!1;fileExtension="";deleteFile;uploadComplete;viewFile;handleProgress(e){100===e&&this.uploadComplete.emit()}handleTextFile(e){this.updateFileInfo(e)}componentWillLoad(){this.updateFileInfo(this.textFile),100===this.progress&&this.uploadComplete.emit()}updateFileInfo(e){const i=this.getFileExtensionInfo(e);this.fileExtension=i.extension,this.type=i.isImage?"image":"file"}getFileExtensionInfo(e){if(!e)return{extension:"",isImage:!1};const i=e.lastIndexOf("."),a=i>0?e.substring(i+1).toLowerCase():"";return{extension:a,isImage:["jpg","jpeg","png","gif","bmp","webp","svg","tiff","ico","jfif"].includes(a)}}render(){return t("div",{key:"9a1cff54d6ab96637e149accd7cb08d5c5e6e516",class:"container-progress-bar"},t("div",{key:"76330324e1429af78b58cee49a22df5af3ed44f1",class:"container-icon-info",style:{display:"pdf"!==this.fileExtension?"flex":"none"}},"image"!==this.type&&t("dropi-icon",{key:"44aeacefe3b1d18ac8f55ccd5693b27747b15e9b",name:"File-text",iconWidth:"24px",iconHeight:"24px",color:"Info-Info-600"}),"image"===this.type&&!this.urlImage&&t("div",{key:"416fc3b7387f05439d98f08a91505ae9e352c56d",style:{width:"34px",height:"34px",borderRadius:"8px",background:"var(--Gray-Gray-100)"}}),"image"===this.type&&this.urlImage&&t("img",{key:"992ad464b90cb9503b004324c441aa0baaaedb0a",src:this.urlImage,class:"image-to-view",width:"34",height:"34",alt:""})),"pdf"===this.fileExtension&&t("div",{key:"33730ac6969b34483f0aeb433acbccd17513b6c0",class:"icon-pdf"},t("svg",{key:"52b10ba62661a375c42b27b67e2f97a3edf3b1e9",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},t("g",{key:"18b96ab58cee059d63413ec9174ecb54a3720f25","clip-path":"url(#clip0_6227_22223)"},t("path",{key:"344b8601ca32790c8d13b4227bc64f5438db6eae",d:"M16.6243 4.61667L13.716 1.70833C12.616 0.608333 11.1493 0 9.59102 0H5.83268C3.53268 0 1.66602 1.86667 1.66602 4.16667V15.8333C1.66602 18.1333 3.53268 20 5.83268 20H14.166C16.466 20 18.3327 18.1333 18.3327 15.8333V8.74167C18.3327 7.18333 17.7243 5.71667 16.6243 4.61667ZM15.4493 5.79167C15.716 6.05833 15.941 6.35 16.1243 6.66667H12.5077C12.0493 6.66667 11.6743 6.29167 11.6743 5.83333V2.21667C11.991 2.4 12.2827 2.625 12.5493 2.89167L15.4577 5.8L15.4493 5.79167ZM16.666 15.8333C16.666 17.2083 15.541 18.3333 14.166 18.3333H5.83268C4.45768 18.3333 3.33268 17.2083 3.33268 15.8333V4.16667C3.33268 2.79167 4.45768 1.66667 5.83268 1.66667H9.59102C9.72435 1.66667 9.86602 1.66667 9.99935 1.68333V5.83333C9.99935 7.20833 11.1243 8.33333 12.4993 8.33333H16.6493C16.666 8.46667 16.666 8.6 16.666 8.74167V15.8333ZM5.90768 10.8333H4.99935C4.54102 10.8333 4.16602 11.2083 4.16602 11.6667V15.3667C4.16602 15.6583 4.39935 15.8833 4.68268 15.8833C4.96602 15.8833 5.19935 15.65 5.19935 15.3667V14.35H5.89935C6.88268 14.35 7.68268 13.5583 7.68268 12.5917C7.68268 11.625 6.88268 10.8333 5.89935 10.8333H5.90768ZM5.90768 13.3083H5.21602V11.875H5.91602C6.31602 11.875 6.65768 12.2 6.65768 12.5917C6.65768 12.9833 6.31602 13.3083 5.91602 13.3083H5.90768ZM15.8493 11.3583C15.8493 11.65 15.616 11.875 15.3327 11.875H13.9243V12.825H14.9577C15.2493 12.825 15.4743 13.0583 15.4743 13.3417C15.4743 13.625 15.241 13.8583 14.9577 13.8583H13.9243V15.3583C13.9243 15.65 13.691 15.875 13.4077 15.875C13.1243 15.875 12.891 15.6417 12.891 15.3583V11.35C12.891 11.0583 13.1243 10.8333 13.4077 10.8333H15.3327C15.6243 10.8333 15.8493 11.0667 15.8493 11.35V11.3583ZM10.0743 10.8417H9.16602C8.70768 10.8417 8.33268 11.2167 8.33268 11.675V15.375C8.33268 15.6667 8.56602 15.8417 8.84935 15.8417C9.13268 15.8417 10.066 15.8417 10.066 15.8417C11.0493 15.8417 11.8493 15.05 11.8493 14.0833V12.6C11.8493 11.6333 11.0493 10.8417 10.066 10.8417H10.0743ZM10.816 14.0833C10.816 14.475 10.4743 14.8 10.0743 14.8H9.38268V11.8833H10.0827C10.4827 11.8833 10.8243 12.2083 10.8243 12.6V14.0833H10.816Z",fill:"#DE6061"})),t("defs",{key:"9ae2724b7a4bc69e7d56d31672c59b8a59603c14"},t("clipPath",{key:"925d2de4afd87a7a92ede37730872e8f94d88e14",id:"clip0_6227_22223"},t("rect",{key:"59e3907da52ab8f253d095150366cd8c4ad0ef10",width:"20",height:"20",fill:"white"}))))),t("div",{key:"728ef5d61364f355f0a578f2cf2671b4ef9ae521",class:"container-bar-title"},t("p",{key:"0ff7872cfa5bfa6965ac637d9aec9bd0b6ef33ea"},this.textFile),t("progress",{key:"6723a5b4d6cbaa66f86de3ccaf07070720d8268d",value:this.progress,max:"100"})),100===this.progress&&this.isPreview&&t("div",{key:"4866e4eab7b6a2a208dd898ccf41d185cc3b32d9",class:"view-icon",onClick:()=>this.viewFile.emit()},t("svg",{key:"4a20733a809c89b7d298986d7546d91ca0b28e91",xmlns:"http://www.w3.org/2000/svg",width:"18",height:"14",viewBox:"0 0 18 14",fill:"none"},t("path",{key:"54099a7f02bc603ab33b2a42a5c70e3988ead535","fill-rule":"evenodd","clip-rule":"evenodd",d:"M7.07148 4.14758C7.64227 3.76618 8.31334 3.56262 8.99983 3.56262C9.92004 3.56372 10.8022 3.92976 11.4529 4.58045C12.1036 5.23114 12.4697 6.11334 12.4708 7.03355C12.4708 7.72004 12.2672 8.39111 11.8858 8.9619C11.5044 9.53269 10.9623 9.97757 10.3281 10.2403C9.69387 10.503 8.99598 10.5717 8.32268 10.4378C7.64939 10.3039 7.03092 9.9733 6.54551 9.48788C6.06009 9.00246 5.72951 8.384 5.59558 7.7107C5.46166 7.0374 5.53039 6.33951 5.7931 5.70528C6.05581 5.07105 6.50069 4.52897 7.07148 4.14758ZM7.84282 8.76514C8.18529 8.99398 8.58794 9.11612 8.99983 9.11612C9.55216 9.11612 10.0819 8.8967 10.4724 8.50615C10.863 8.11559 11.0824 7.58588 11.0824 7.03355C11.0824 6.62166 10.9602 6.21902 10.7314 5.87654C10.5026 5.53407 10.1773 5.26714 9.79679 5.10952C9.41625 4.95189 8.99752 4.91065 8.59354 4.99101C8.18956 5.07136 7.81849 5.26971 7.52723 5.56096C7.23598 5.85221 7.03764 6.22329 6.95728 6.62727C6.87693 7.03124 6.91817 7.44998 7.07579 7.83052C7.23342 8.21105 7.50034 8.53631 7.84282 8.76514Z",fill:"#475066"}),t("path",{key:"50b4ec230be5bd6945865082bb341a808de5e2f5","fill-rule":"evenodd","clip-rule":"evenodd",d:"M8.99996 0.546387C13.2984 0.546387 15.7475 3.48835 16.8241 5.24187C17.157 5.78022 17.3333 6.40064 17.3333 7.03357C17.3333 7.6665 17.157 8.28692 16.8241 8.82526C15.7475 10.5788 13.2984 13.5207 8.99996 13.5207C4.70155 13.5207 2.25246 10.5788 1.17577 8.82526C0.842931 8.28692 0.666626 7.6665 0.666626 7.03357C0.666626 6.40064 0.842931 5.78022 1.17577 5.24187C2.25246 3.48835 4.70155 0.546387 8.99996 0.546387ZM8.99996 12.1324C12.6229 12.1324 14.7159 9.60206 15.6406 8.09845C15.8383 7.77846 15.943 7.40973 15.943 7.03357C15.943 6.6574 15.8383 6.28867 15.6406 5.96868C14.7159 4.4623 12.6229 1.93476 8.99996 1.93476C5.377 1.93476 3.28402 4.46507 2.35936 5.96868C2.16161 6.28867 2.05687 6.6574 2.05687 7.03357C2.05687 7.40973 2.16161 7.77846 2.35936 8.09845C3.28402 9.60206 5.377 12.1324 8.99996 12.1324Z",fill:"#475066"}))),100===this.progress&&!this.disabled&&t("div",{key:"5b3d075f123d43f38eb147071082fb41104144a3",class:"container-icon-trash",onClick:()=>this.deleteFile.emit()},t("svg",{key:"961615602fd1496823409ca31cee5c701bea16af",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"21",viewBox:"0 0 20 21",fill:"none"},t("path",{key:"d4e9856f300a1a46afc1c98c774a875e75ede973",d:"M16.2501 4.94477H14.0973C13.9362 4.16103 13.5097 3.45682 12.8899 2.95082C12.27 2.44483 11.4947 2.168 10.6946 2.16699H9.30566C8.50552 2.168 7.73019 2.44483 7.11035 2.95082C6.49051 3.45682 6.06406 4.16103 5.90289 4.94477H3.75011C3.56593 4.94477 3.3893 5.01793 3.25906 5.14817C3.12883 5.2784 3.05566 5.45504 3.05566 5.63921C3.05566 5.82339 3.12883 6.00003 3.25906 6.13026C3.3893 6.26049 3.56593 6.33366 3.75011 6.33366H4.44455V15.3614C4.44566 16.282 4.81183 17.1645 5.46276 17.8155C6.11369 18.4664 6.99622 18.8326 7.91677 18.8337H12.0834C13.004 18.8326 13.8865 18.4664 14.5375 17.8155C15.1884 17.1645 15.5546 16.282 15.5557 15.3614V6.33366H16.2501C16.4343 6.33366 16.6109 6.26049 16.7412 6.13026C16.8714 6.00003 16.9446 5.82339 16.9446 5.63921C16.9446 5.45504 16.8714 5.2784 16.7412 5.14817C16.6109 5.01793 16.4343 4.94477 16.2501 4.94477ZM9.30566 3.55588H10.6946C11.1253 3.55641 11.5453 3.69017 11.8971 3.93883C12.2488 4.18749 12.515 4.53886 12.6591 4.94477H7.34108C7.48524 4.53886 7.75143 4.18749 8.10315 3.93883C8.45488 3.69017 8.87492 3.55641 9.30566 3.55588ZM14.1668 15.3614C14.1668 15.914 13.9473 16.4439 13.5566 16.8346C13.1659 17.2253 12.636 17.4448 12.0834 17.4448H7.91677C7.36424 17.4448 6.83434 17.2253 6.44364 16.8346C6.05294 16.4439 5.83344 15.914 5.83344 15.3614V6.33366H14.1668V15.3614Z",fill:"#DE6061"}),t("path",{key:"66352c37fc6b1525965b0374984d91f60ad7ce9a",d:"M8.61128 14.6666C8.79545 14.6666 8.97209 14.5934 9.10232 14.4632C9.23256 14.3329 9.30572 14.1563 9.30572 13.9721V9.80545C9.30572 9.62127 9.23256 9.44464 9.10232 9.3144C8.97209 9.18417 8.79545 9.11101 8.61128 9.11101C8.4271 9.11101 8.25046 9.18417 8.12023 9.3144C7.99 9.44464 7.91683 9.62127 7.91683 9.80545V13.9721C7.91683 14.1563 7.99 14.3329 8.12023 14.4632C8.25046 14.5934 8.4271 14.6666 8.61128 14.6666Z",fill:"#DE6061"}),t("path",{key:"bbdf05a15788ec40df5e66d2ce33852ea50ecbe7",d:"M11.389 14.6666C11.5731 14.6666 11.7498 14.5934 11.88 14.4632C12.0102 14.3329 12.0834 14.1563 12.0834 13.9721V9.80545C12.0834 9.62127 12.0102 9.44464 11.88 9.3144C11.7498 9.18417 11.5731 9.11101 11.389 9.11101C11.2048 9.11101 11.0281 9.18417 10.8979 9.3144C10.7677 9.44464 10.6945 9.62127 10.6945 9.80545V13.9721C10.6945 14.1563 10.7677 14.3329 10.8979 14.4632C11.0281 14.5934 11.2048 14.6666 11.389 14.6666Z",fill:"#DE6061"}))))}static get watchers(){return{progress:[{handleProgress:0}],textFile:[{handleTextFile:0}]}}static get style(){return":host{display:block;width:100%;button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}}*,*::before,*::after{box-sizing:border-box}.container-progress-bar{width:100%;height:100%;display:flex;padding:var(--Size-4);gap:var(--Size-3);border-radius:var(--Size-2);border:1px solid var(--Gray-Gray-100);background-color:var(--Neutral-White);min-width:0;overflow:hidden;align-items:center}.container-icon-info{background:var(--Info-Info-50);width:32px;height:32px;border-radius:var(--Size-2);display:flex;justify-content:center;align-items:center;flex-shrink:0}.icon-pdf{background:var(--Error-Error-50);border-radius:var(--Border-2);width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.image-to-view{width:34px;height:34px;border-radius:var(--Border-2);object-fit:cover;flex-shrink:0}.container-bar-title{display:flex;gap:8px;flex:1;flex-direction:column;justify-content:center;min-width:0;p{margin:0;font-size:var(--font-size-s);color:var(--Gray-Gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}}progress{width:100%;height:4px;-webkit-appearance:none;appearance:none;border-radius:4.5px;max-width:100%;display:block}progress::-webkit-progress-bar{background-color:var(--Gray-Gray-100);border-radius:4.5px}progress::-webkit-progress-value{background-color:var(--Primary-Primary-500);border-radius:4.5px;transition:width 0.3s ease}progress::-moz-progress-bar{background-color:var(--Primary-Primary-500);border-radius:4.5px}.view-icon,.container-icon-trash{cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:4px;border-radius:var(--Border-1);transition:background 0.2s}.view-icon:hover,.container-icon-trash:hover{background-color:var(--Gray-Gray-50)}"}},[513,"dropi-file-upload-progress-bar",{textFile:[1,"text-file"],progress:[2],type:[1025],urlImage:[1,"url-image"],isPreview:[4,"is-preview"],disabled:[4],fileExtension:[32]},void 0,{progress:[{handleProgress:0}],textFile:[{handleTextFile:0}]}]);function d(){"undefined"!=typeof customElements&&["dropi-file-upload-progress-bar","dropi-icon"].forEach((i=>{switch(i){case"dropi-file-upload-progress-bar":customElements.get(e(i))||customElements.define(e(i),o);break;case"dropi-icon":customElements.get(e(i))||s()}}))}d();const n=o,c=d;export{n as DropiFileUploadProgressBar,c as defineCustomElement}

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

@@ -1 +1 @@
-import{t as e,p as i,H as r,c as t,h as a}from"./index.js";import{d as l}from"./p-DBUBcpw5.js";import{d as s}from"./p-1znuv59D.js";import{d}from"./p-DqAyyLAT.js";const o=i(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.uploadedUrlsChange=t(this,"uploadedUrlsChange")}title="";label="";textDropZone="Arrastra o sube una imagen aquí";textButton="Seleccionar Imagen";previewType="card";multiple=!1;maxFiles=1;maxFileSizeMB=10;accept="";onlyView=!1;viewDragAndDrop=!1;dragAndDropSize="default";selectedFiles=[];error=!1;errorMessage="";dragging=!1;uploadedUrlsChange;inputRef;dragCounter=0;generateId(e){return"undefined"!=typeof crypto&&"randomUUID"in crypto?`${e.name}-${crypto.randomUUID()}`:`${e.name}-${Date.now()}-${Math.floor(1e6*Math.random())}`}getFileType(e){return e.type.startsWith("image/")?"image":"document"}getTypeView(e){return e.type.startsWith("image/")&&"grid"===this.previewType?"grid":"card"}getFileTypeClass(e){if(!e.file)return"generic";const i=e.file.type;return i.includes("pdf")?"pdf":i.startsWith("image/")?"image":"generic"}isDropZoneHidden(){return"grid"===this.previewType&&(!this.viewDragAndDrop||this.selectedFiles.length>0)}generatePreviewUrl(e){return new Promise((i=>{const r=new FileReader;r.readAsDataURL(e),r.onload=()=>i(r.result),r.onerror=()=>i("")}))}syncFileItem(e,i){const r=this.selectedFiles.findIndex((i=>i.id===e));if(-1===r)return;const t={...this.selectedFiles[r],...i};this.selectedFiles=[...this.selectedFiles.slice(0,r),t,...this.selectedFiles.slice(r+1)]}emitFiles(){const e=this.selectedFiles.filter((e=>"complete"===e.state&&e.file)).map((e=>e.file));this.uploadedUrlsChange.emit(e)}async handleFiles(e){if(this.error=!1,e.length+this.selectedFiles.length>this.maxFiles)return this.error=!0,void(this.errorMessage=`Máximo ${this.maxFiles} archivo(s) permitido(s)`);for(const i of e){if(i.size>1024*this.maxFileSizeMB*1024){this.error=!0,this.errorMessage=`"${i.name}" supera el tamaño máximo de ${this.maxFileSizeMB}MB`;continue}const e={id:this.generateId(i),file:i,progress:0,state:"uploading",fileType:this.getFileType(i),typeView:this.getTypeView(i)};if(this.selectedFiles=[...this.selectedFiles,e],this.simulateProgress(e.id),"image"===e.fileType){const r=await this.generatePreviewUrl(i);this.syncFileItem(e.id,{previewUrl:r})}}}simulateProgress(e){let i=0;const r=setInterval((()=>{i+=Math.floor(20*Math.random())+10,i>=100?(i=100,clearInterval(r),this.syncFileItem(e,{progress:100,state:"complete"}),this.emitFiles()):this.syncFileItem(e,{progress:i})}),150)}handleFileAction(e,i){if("error"===e.state)return this.selectedFiles=this.selectedFiles.filter((i=>i.id!==e.id)),void this.emitFiles();switch(i){case"delete":this.syncFileItem(e.id,{state:"confirm-delete"});break;case"confirm-delete":this.syncFileItem(e.id,{state:"deleting"}),setTimeout((()=>{this.selectedFiles=this.selectedFiles.filter((i=>i.id!==e.id)),this.emitFiles()}),400);break;case"cancel-delete":this.syncFileItem(e.id,{state:"complete"})}}onDragOver(e){e.preventDefault(),this.dragging=!0}onDragEnter(e){e.preventDefault(),this.dragCounter++,this.dragging=!0}onDragLeave(){this.dragCounter--,this.dragCounter<=0&&(this.dragCounter=0,this.dragging=!1)}onDrop(e){e.preventDefault(),this.dragging=!1,this.dragCounter=0;const i=Array.from(e.dataTransfer?.files??[]);i.length&&this.handleFiles(i)}onInputChange(e){const i=e.target,r=Array.from(i.files??[]);i.value="",r.length&&this.handleFiles(r)}openFilePicker(){this.inputRef?.click()}addImage(){this.inputRef?.click()}renderCheckSvg(){return a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none"},a("g",{"clip-path":"url(#ck)"},a("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"})),a("defs",null,a("clipPath",{id:"ck"},a("rect",{width:"12",height:"12",fill:"white"}))))}renderTrashSvg(){return a("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("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"}),a("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"}),a("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 a("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("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"}),a("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"}),a("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"}),a("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"}),a("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 a("svg",{class:"icon-pdf",width:"34",height:"34",viewBox:"0 0 34 34",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("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"}),a("g",{"clip-path":"url(#pdf)"},a("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"})),a("defs",null,a("clipPath",{id:"pdf"},a("rect",{width:"20",height:"20",fill:"white",transform:"translate(7.5 6.5)"}))))}renderDocSvg(){return a("svg",{class:"icon-default",width:"34",height:"34",viewBox:"0 0 34 34",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("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"}),a("g",{"clip-path":"url(#doc)"},a("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"})),a("defs",null,a("clipPath",{id:"doc"},a("rect",{width:"20",height:"20",fill:"white",transform:"translate(7 7)"}))))}renderCardItem(e){const i="image"===e.fileType&&e.previewUrl&&!e.previewUrl.includes(".pdf"),r=e.file?.type?.includes("pdf");return a("div",{key:e.id,class:`file-card ${e.state} ${this.getFileTypeClass(e)}`},i?a("div",{class:"preview-wrapper"},a("img",{class:"preview "+e.state,src:e.previewUrl,alt:e.file?.name}),"complete"===e.state&&a("div",{class:"overlay-icon"},this.renderCheckSvg())):a("div",{class:"file-icon"},r?this.renderPdfSvg():this.renderDocSvg()),"confirm-delete"!==e.state&&"deleting"!==e.state&&a("div",{class:"info-container"},a("div",{class:"file-name"+("error"===e.state?" error-text":"")},e.file?.name??e.previewUrl?.split("/").pop()),"uploading"===e.state&&a("div",{class:"progress-bar-container"},a("div",{class:"progress-bar",style:{width:e.progress+"%"}})),"error"===e.state&&a("div",{class:"error-label"},"Error al subir el archivo")),"deleting"===e.state&&a("div",{class:"deleting-container"},a("span",{class:"deleting-label"},"Eliminando...")),"confirm-delete"!==e.state&&"error"!==e.state&&"deleting"!==e.state&&a("div",{class:"preview-image",onClick:()=>{}},a("dropi-icon",{name:"Eye",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-600"})),"confirm-delete"!==e.state&&"deleting"!==e.state&&!this.onlyView&&a("div",{class:"delete",onClick:()=>this.handleFileAction(e,"delete")},this.renderTrashSvg()),"confirm-delete"===e.state&&a("div",{class:"delete-confirm"},a("span",{class:"message"},e.previewUrl?"¿Eliminar imagen?":"¿Eliminar archivo?"),a("div",{class:"actions"},a("dropi-button",{size:"small",text:"Sí",onClick:()=>this.handleFileAction(e,"confirm-delete")}),a("dropi-button",{text:"No",size:"small",severity:"secondary",onClick:()=>this.handleFileAction(e,"cancel-delete")}))))}renderGridItem(e){return a("div",{key:e.id,class:`img-view ${e.state} ${this.getFileTypeClass(e)}`},a("div",{class:"preview-wrapper"},a("div",{class:"preview-container"},a("img",{class:"preview "+e.state,src:e.previewUrl||"",alt:"preview"})),"complete"===e.state&&a("div",{class:"overlay-icon"},this.renderCheckSvg()),"confirm-delete"!==e.state&&"deleting"!==e.state&&a("div",{class:"delete",onClick:()=>this.handleFileAction(e,"confirm-delete")},this.renderTrashGridSvg())),"uploading"===e.state&&a("div",{class:"progress-bar-container"},a("div",{class:"progress-bar",style:{width:e.progress+"%"}})),"deleting"===e.state&&a("div",{class:"deleting-info"},a("span",{class:"deleting-info-label"},"Eliminando...")))}render(){const e=this.selectedFiles??[],i=e.filter((e=>"grid"===e.typeView)),r=e.filter((e=>"card"===e.typeView)),t=e.length<(this.maxFiles??1)&&!this.isDropZoneHidden(),l="small"===this.dragAndDropSize;return a("div",{key:"53a6c0062929bef4c8223e0c4e52a0050165a800",class:"upload-container"},(this.title||this.label)&&a("div",{key:"7cbf5d99bf080c8150271922e843e75fd00345b2",class:"upload-header"},this.title&&a("div",{key:"8739652541b7e9207cf9eecb4a5364bdb2681928",class:"text title"},this.title),this.label&&a("div",{key:"a5f93bc2a2a45c8097f9e057014863a62e2ea2db",class:"text label"},this.label)),this.error&&a("dropi-alert",{key:"bcf90dfde5556dc69e832384e2eaa3b655ad3038",message:this.errorMessage,type:"default",state:"error",dismissable:!0,showButton:!1,onDropiClose:()=>{this.error=!1}}),t&&a("div",{key:"6a8f194bd7f84a72b0a76499fc627cf039a7a5cc",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)},a("div",{key:"e1b60b9cac11bab0dc0dc5909e27816cbfa9873b",class:"file-upload__zone"+(this.dragging?" drag-over":"")},!l&&a("svg",{key:"d3d6613058ca61eed4ae3c14d0de036ba25e096c",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{key:"6e6dad9c5ace86f8bae848a596b85559a00afc00",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"}),a("g",{key:"3cfcd89899ad365af2c1e2f948dd14e9418a6b7b","clip-path":"url(#up)"},a("path",{key:"f685ed115915f53fd0d06cac49f8a6597f605ebd",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"}),a("path",{key:"49242cfde754e607ae1577c29e63c94c1bf1634d",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"})),a("defs",{key:"f1ede9ee7ad2d7498553431c83005c485342ef3a"},a("clipPath",{key:"877741b31ad66e301291cca2a39b4d2fb0b05569",id:"up"},a("rect",{key:"337f7c89c3cbbdaeafd38413c85e4ce9c0961432",width:"16",height:"16",fill:"white",transform:"translate(12 12)"})))),a("div",{key:"277a7354341ce2a4d47d417ef8bdcd8c4914fa16",class:l?"info size-small-upload":"info"},a("div",{key:"ae2e22bd7d02c70eb20435c5044ec67707a76c27",class:"title"},this.textDropZone),l&&a("dropi-button",{key:"e4a465cb0a1c4df657b4f97d9358373266d5a184",text:this.textButton,size:"small",onClick:e=>{e.stopPropagation(),this.openFilePicker()}})),!l&&a("div",{key:"91580967159ab227dacb03ffc289f414c02e5912",class:"info-desc"},this.accept&&a("div",{key:"16ef9fbeb7dc572f8f5ebf1153fc8f1df73d35ca",class:"description"},"Formatos admitidos: ",this.accept),a("div",{key:"a46265cd28533f4d8762efbb7010630b89a53156",class:"description"},"Tamaño máximo: ",this.maxFileSizeMB,"MB")),!l&&a("dropi-button",{key:"43ee9e62526ead6be2db1efdd93ed97b00adccb6",text:this.textButton,size:"small",onClick:e=>{e.stopPropagation(),this.openFilePicker()}}),a("input",{key:"c1e074ebeccda45a7a732f875c95606ed080c6cc",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&&a("div",{key:"c0159af79236ecb940173fb32677d488f622f434",class:"files-container"},i.length>0&&a("div",{key:"4ab957bf55cdfed0ea56c56ecccb3738ee0eed72",class:"grid-list"},i.map((e=>this.renderGridItem(e))),i.length<this.maxFiles&&a("div",{key:"b9a171ce8a3d79362131e90d5b9ca3f72e5c4a5c",class:"add-img",onClick:()=>this.addImage()},a("div",{key:"c6a165d81b91f15a18c64b5cd22da22a5eeef6e0",class:"icon"},a("svg",{key:"6e89310ce178bc2b981aa9fdcd854568b682f55a",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{key:"c3f7d47b4bedd9431283a0d2706cf1c24b811b78",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"}))),a("div",{key:"0b335f0d575d63566a2a8e440029240889710246",class:"text"},"Agregar"))),r.length>0&&a("div",{key:"5a6b3e6b24dbbd59199c9f602b2e1d5edae59e0e",class:"card-list"},r.map((e=>this.renderCardItem(e))))))}static get style(){return":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}}"}},[513,"dropi-file-upload",{title:[1],label:[1],textDropZone:[1,"text-drop-zone"],textButton:[1,"text-button"],previewType:[1,"preview-type"],multiple:[4],maxFiles:[2,"max-files"],maxFileSizeMB:[2,"max-file-size-m-b"],accept:[1],onlyView:[4,"only-view"],viewDragAndDrop:[4,"view-drag-and-drop"],dragAndDropSize:[1,"drag-and-drop-size"],selectedFiles:[32],error:[32],errorMessage:[32],dragging:[32]}]);function n(){"undefined"!=typeof customElements&&["dropi-file-upload","dropi-alert","dropi-button","dropi-icon"].forEach((i=>{switch(i){case"dropi-file-upload":customElements.get(e(i))||customElements.define(e(i),o);break;case"dropi-alert":customElements.get(e(i))||l();break;case"dropi-button":customElements.get(e(i))||s();break;case"dropi-icon":customElements.get(e(i))||d()}}))}n();const c=o,f=n;export{c as DropiFileUpload,f as defineCustomElement}
+import{t as e,p as i,H as r,c as t,h as a}from"./index.js";import{d as l}from"./p-CmLj_aqH.js";import{d as s}from"./p-BjWB6xTy.js";import{d as o}from"./p-Ccl4kD95.js";const n=i(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.uploadedUrlsChange=t(this,"uploadedUrlsChange")}title="";label="";textDropZone="Arrastra o sube una imagen aquí";textButton="Seleccionar Imagen";previewType="card";multiple=!1;maxFiles=1;maxFileSizeMB=10;accept="";onlyView=!1;viewDragAndDrop=!1;dragAndDropSize="default";selectedFiles=[];error=!1;errorMessage="";dragging=!1;uploadedUrlsChange;inputRef;dragCounter=0;generateId(e){return"undefined"!=typeof crypto&&"randomUUID"in crypto?`${e.name}-${crypto.randomUUID()}`:`${e.name}-${Date.now()}-${Math.floor(1e6*Math.random())}`}getFileType(e){return e.type.startsWith("image/")?"image":"document"}getTypeView(e){return e.type.startsWith("image/")&&"grid"===this.previewType?"grid":"card"}getFileTypeClass(e){if(!e.file)return"generic";const i=e.file.type;return i.includes("pdf")?"pdf":i.startsWith("image/")?"image":"generic"}isDropZoneHidden(){return"grid"===this.previewType&&(!this.viewDragAndDrop||this.selectedFiles.length>0)}generatePreviewUrl(e){return new Promise((i=>{const r=new FileReader;r.readAsDataURL(e),r.onload=()=>i(r.result),r.onerror=()=>i("")}))}syncFileItem(e,i){const r=this.selectedFiles.findIndex((i=>i.id===e));if(-1===r)return;const t={...this.selectedFiles[r],...i};this.selectedFiles=[...this.selectedFiles.slice(0,r),t,...this.selectedFiles.slice(r+1)]}emitFiles(){const e=this.selectedFiles.filter((e=>"complete"===e.state&&e.file)).map((e=>e.file));this.uploadedUrlsChange.emit(e)}async handleFiles(e){if(this.error=!1,e.length+this.selectedFiles.length>this.maxFiles)return this.error=!0,void(this.errorMessage=`Máximo ${this.maxFiles} archivo(s) permitido(s)`);for(const i of e){if(i.size>1024*this.maxFileSizeMB*1024){this.error=!0,this.errorMessage=`"${i.name}" supera el tamaño máximo de ${this.maxFileSizeMB}MB`;continue}const e={id:this.generateId(i),file:i,progress:0,state:"uploading",fileType:this.getFileType(i),typeView:this.getTypeView(i)};if(this.selectedFiles=[...this.selectedFiles,e],this.simulateProgress(e.id),"image"===e.fileType){const r=await this.generatePreviewUrl(i);this.syncFileItem(e.id,{previewUrl:r})}}}simulateProgress(e){let i=0;const r=setInterval((()=>{i+=Math.floor(20*Math.random())+10,i>=100?(i=100,clearInterval(r),this.syncFileItem(e,{progress:100,state:"complete"}),this.emitFiles()):this.syncFileItem(e,{progress:i})}),150)}handleFileAction(e,i){if("error"===e.state)return this.selectedFiles=this.selectedFiles.filter((i=>i.id!==e.id)),void this.emitFiles();switch(i){case"delete":this.syncFileItem(e.id,{state:"confirm-delete"});break;case"confirm-delete":this.syncFileItem(e.id,{state:"deleting"}),setTimeout((()=>{this.selectedFiles=this.selectedFiles.filter((i=>i.id!==e.id)),this.emitFiles()}),400);break;case"cancel-delete":this.syncFileItem(e.id,{state:"complete"})}}onDragOver(e){e.preventDefault(),this.dragging=!0}onDragEnter(e){e.preventDefault(),this.dragCounter++,this.dragging=!0}onDragLeave(){this.dragCounter--,this.dragCounter<=0&&(this.dragCounter=0,this.dragging=!1)}onDrop(e){e.preventDefault(),this.dragging=!1,this.dragCounter=0;const i=Array.from(e.dataTransfer?.files??[]);i.length&&this.handleFiles(i)}onInputChange(e){const i=e.target,r=Array.from(i.files??[]);i.value="",r.length&&this.handleFiles(r)}openFilePicker(){this.inputRef?.click()}addImage(){this.inputRef?.click()}renderCheckSvg(){return a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none"},a("g",{"clip-path":"url(#ck)"},a("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"})),a("defs",null,a("clipPath",{id:"ck"},a("rect",{width:"12",height:"12",fill:"white"}))))}renderTrashSvg(){return a("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("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"}),a("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"}),a("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 a("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("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"}),a("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"}),a("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"}),a("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"}),a("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 a("svg",{class:"icon-pdf",width:"34",height:"34",viewBox:"0 0 34 34",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("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"}),a("g",{"clip-path":"url(#pdf)"},a("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"})),a("defs",null,a("clipPath",{id:"pdf"},a("rect",{width:"20",height:"20",fill:"white",transform:"translate(7.5 6.5)"}))))}renderDocSvg(){return a("svg",{class:"icon-default",width:"34",height:"34",viewBox:"0 0 34 34",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("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"}),a("g",{"clip-path":"url(#doc)"},a("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"})),a("defs",null,a("clipPath",{id:"doc"},a("rect",{width:"20",height:"20",fill:"white",transform:"translate(7 7)"}))))}renderCardItem(e){const i="image"===e.fileType&&e.previewUrl&&!e.previewUrl.includes(".pdf"),r=e.file?.type?.includes("pdf");return a("div",{key:e.id,class:`file-card ${e.state} ${this.getFileTypeClass(e)}`},i?a("div",{class:"preview-wrapper"},a("img",{class:"preview "+e.state,src:e.previewUrl,alt:e.file?.name}),"complete"===e.state&&a("div",{class:"overlay-icon"},this.renderCheckSvg())):a("div",{class:"file-icon"},r?this.renderPdfSvg():this.renderDocSvg()),"confirm-delete"!==e.state&&"deleting"!==e.state&&a("div",{class:"info-container"},a("div",{class:"file-name"+("error"===e.state?" error-text":"")},e.file?.name??e.previewUrl?.split("/").pop()),"uploading"===e.state&&a("div",{class:"progress-bar-container"},a("div",{class:"progress-bar",style:{width:e.progress+"%"}})),"error"===e.state&&a("div",{class:"error-label"},"Error al subir el archivo")),"deleting"===e.state&&a("div",{class:"deleting-container"},a("span",{class:"deleting-label"},"Eliminando...")),"confirm-delete"!==e.state&&"error"!==e.state&&"deleting"!==e.state&&a("div",{class:"preview-image",onClick:()=>{}},a("dropi-icon",{name:"Eye",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-600"})),"confirm-delete"!==e.state&&"deleting"!==e.state&&!this.onlyView&&a("div",{class:"delete",onClick:()=>this.handleFileAction(e,"delete")},this.renderTrashSvg()),"confirm-delete"===e.state&&a("div",{class:"delete-confirm"},a("span",{class:"message"},e.previewUrl?"¿Eliminar imagen?":"¿Eliminar archivo?"),a("div",{class:"actions"},a("dropi-button",{size:"small",text:"Sí",onClick:()=>this.handleFileAction(e,"confirm-delete")}),a("dropi-button",{text:"No",size:"small",severity:"secondary",onClick:()=>this.handleFileAction(e,"cancel-delete")}))))}renderGridItem(e){return a("div",{key:e.id,class:`img-view ${e.state} ${this.getFileTypeClass(e)}`},a("div",{class:"preview-wrapper"},a("div",{class:"preview-container"},a("img",{class:"preview "+e.state,src:e.previewUrl||"",alt:"preview"})),"complete"===e.state&&a("div",{class:"overlay-icon"},this.renderCheckSvg()),"confirm-delete"!==e.state&&"deleting"!==e.state&&a("div",{class:"delete",onClick:()=>this.handleFileAction(e,"confirm-delete")},this.renderTrashGridSvg())),"uploading"===e.state&&a("div",{class:"progress-bar-container"},a("div",{class:"progress-bar",style:{width:e.progress+"%"}})),"deleting"===e.state&&a("div",{class:"deleting-info"},a("span",{class:"deleting-info-label"},"Eliminando...")))}render(){const e=this.selectedFiles??[],i=e.filter((e=>"grid"===e.typeView)),r=e.filter((e=>"card"===e.typeView)),t=e.length<(this.maxFiles??1)&&!this.isDropZoneHidden(),l="small"===this.dragAndDropSize;return a("div",{key:"53a6c0062929bef4c8223e0c4e52a0050165a800",class:"upload-container"},(this.title||this.label)&&a("div",{key:"7cbf5d99bf080c8150271922e843e75fd00345b2",class:"upload-header"},this.title&&a("div",{key:"8739652541b7e9207cf9eecb4a5364bdb2681928",class:"text title"},this.title),this.label&&a("div",{key:"a5f93bc2a2a45c8097f9e057014863a62e2ea2db",class:"text label"},this.label)),this.error&&a("dropi-alert",{key:"bcf90dfde5556dc69e832384e2eaa3b655ad3038",message:this.errorMessage,type:"default",state:"error",dismissable:!0,showButton:!1,onDropiClose:()=>{this.error=!1}}),t&&a("div",{key:"6a8f194bd7f84a72b0a76499fc627cf039a7a5cc",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)},a("div",{key:"e1b60b9cac11bab0dc0dc5909e27816cbfa9873b",class:"file-upload__zone"+(this.dragging?" drag-over":"")},!l&&a("svg",{key:"d3d6613058ca61eed4ae3c14d0de036ba25e096c",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{key:"6e6dad9c5ace86f8bae848a596b85559a00afc00",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"}),a("g",{key:"3cfcd89899ad365af2c1e2f948dd14e9418a6b7b","clip-path":"url(#up)"},a("path",{key:"f685ed115915f53fd0d06cac49f8a6597f605ebd",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"}),a("path",{key:"49242cfde754e607ae1577c29e63c94c1bf1634d",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"})),a("defs",{key:"f1ede9ee7ad2d7498553431c83005c485342ef3a"},a("clipPath",{key:"877741b31ad66e301291cca2a39b4d2fb0b05569",id:"up"},a("rect",{key:"337f7c89c3cbbdaeafd38413c85e4ce9c0961432",width:"16",height:"16",fill:"white",transform:"translate(12 12)"})))),a("div",{key:"277a7354341ce2a4d47d417ef8bdcd8c4914fa16",class:l?"info size-small-upload":"info"},a("div",{key:"ae2e22bd7d02c70eb20435c5044ec67707a76c27",class:"title"},this.textDropZone),l&&a("dropi-button",{key:"e4a465cb0a1c4df657b4f97d9358373266d5a184",text:this.textButton,size:"small",onClick:e=>{e.stopPropagation(),this.openFilePicker()}})),!l&&a("div",{key:"91580967159ab227dacb03ffc289f414c02e5912",class:"info-desc"},this.accept&&a("div",{key:"16ef9fbeb7dc572f8f5ebf1153fc8f1df73d35ca",class:"description"},"Formatos admitidos: ",this.accept),a("div",{key:"a46265cd28533f4d8762efbb7010630b89a53156",class:"description"},"Tamaño máximo: ",this.maxFileSizeMB,"MB")),!l&&a("dropi-button",{key:"43ee9e62526ead6be2db1efdd93ed97b00adccb6",text:this.textButton,size:"small",onClick:e=>{e.stopPropagation(),this.openFilePicker()}}),a("input",{key:"c1e074ebeccda45a7a732f875c95606ed080c6cc",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&&a("div",{key:"c0159af79236ecb940173fb32677d488f622f434",class:"files-container"},i.length>0&&a("div",{key:"4ab957bf55cdfed0ea56c56ecccb3738ee0eed72",class:"grid-list"},i.map((e=>this.renderGridItem(e))),i.length<this.maxFiles&&a("div",{key:"b9a171ce8a3d79362131e90d5b9ca3f72e5c4a5c",class:"add-img",onClick:()=>this.addImage()},a("div",{key:"c6a165d81b91f15a18c64b5cd22da22a5eeef6e0",class:"icon"},a("svg",{key:"6e89310ce178bc2b981aa9fdcd854568b682f55a",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{key:"c3f7d47b4bedd9431283a0d2706cf1c24b811b78",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"}))),a("div",{key:"0b335f0d575d63566a2a8e440029240889710246",class:"text"},"Agregar"))),r.length>0&&a("div",{key:"5a6b3e6b24dbbd59199c9f602b2e1d5edae59e0e",class:"card-list"},r.map((e=>this.renderCardItem(e))))))}static get style(){return":host{display:block;width:100%;button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}}*,*::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}}"}},[513,"dropi-file-upload",{title:[1],label:[1],textDropZone:[1,"text-drop-zone"],textButton:[1,"text-button"],previewType:[1,"preview-type"],multiple:[4],maxFiles:[2,"max-files"],maxFileSizeMB:[2,"max-file-size-m-b"],accept:[1],onlyView:[4,"only-view"],viewDragAndDrop:[4,"view-drag-and-drop"],dragAndDropSize:[1,"drag-and-drop-size"],selectedFiles:[32],error:[32],errorMessage:[32],dragging:[32]}]);function d(){"undefined"!=typeof customElements&&["dropi-file-upload","dropi-alert","dropi-button","dropi-icon"].forEach((i=>{switch(i){case"dropi-file-upload":customElements.get(e(i))||customElements.define(e(i),n);break;case"dropi-alert":customElements.get(e(i))||l();break;case"dropi-button":customElements.get(e(i))||s();break;case"dropi-icon":customElements.get(e(i))||o()}}))}d();const c=n,f=d;export{c as DropiFileUpload,f as defineCustomElement}

package/dist/components/dropi-icon.js

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

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

@@ -1 +1 @@
-import{D as o,d as s}from"./p-BYPkJN1-.js";const p=o,r=s;export{p as DropiIlustrationIcon,r as defineCustomElement}
+import{D as o,d as s}from"./p-BzFB0tnJ.js";const t=o,p=s;export{t as DropiIlustrationIcon,p as defineCustomElement}

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

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

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

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

package/dist/components/dropi-input.js

@@ -1 +1 @@
-import{D as s,d as o}from"./p-Bxs1HOVS.js";const p=s,r=o;export{p as DropiInput,r as defineCustomElement}
+import{D as o,d as r}from"./p-egLr0oVg.js";const s=o,p=r;export{s as DropiInput,p as defineCustomElement}

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

@@ -1 +1 @@
-import{t as e,p as s,H as t,c as o,h as i}from"./index.js";import{d as a}from"./p-BSB5Ar-y.js";import{d as n}from"./p-DqAyyLAT.js";const r=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiLanguageChange=o(this,"dropiLanguageChange")}languages=[];selectedLang=null;dropiLanguageChange;isOpen=!1;parsedLanguages=[];currentLang=null;languagesChanged(e){null!=e?(this.parsedLanguages="string"==typeof e?JSON.parse(e):e??[],!this.currentLang&&this.parsedLanguages.length>0&&(this.currentLang=this.parsedLanguages[0])):this.parsedLanguages=[]}selectedLangChanged(e){e&&(this.currentLang="string"==typeof e?JSON.parse(e):e)}componentWillLoad(){this.languagesChanged(this.languages),this.selectedLang&&this.selectedLangChanged(this.selectedLang)}select(e){this.currentLang=e,this.isOpen=!1,this.dropiLanguageChange.emit(e)}render(){return this.currentLang?i("div",{class:"custom-dropdown"+(this.isOpen?" open":"")},i("div",{class:"selected-option",onClick:()=>{this.isOpen=!this.isOpen}},i("dropi-country-flags",{country:this.currentLang.flag,"flag-style":"rectangle",width:"20",height:"15"}),i("span",{class:"Body-S-Regular"},this.currentLang.label),i("dropi-icon",{name:"Caret-down",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-500"})),i("ul",{class:"dropdown-options"+(this.isOpen?" dropdown-open":"")},this.parsedLanguages.map((e=>i("li",{key:e.code,class:e.code===this.currentLang?.code?"active":"",onClick:()=>this.select(e)},i("dropi-country-flags",{country:e.flag,"flag-style":"rectangle",width:"20",height:"15"}),i("span",{class:"Body-S-Regular"},e.label)))))):null}static get watchers(){return{languages:[{languagesChanged:0}],selectedLang:[{selectedLangChanged:0}]}}static get style(){return":host{display:inline-block;position:relative}*,*::before,*::after{box-sizing:border-box}.custom-dropdown{position:relative;cursor:pointer;user-select:none}.custom-dropdown.open dropi-icon{transform:rotate(180deg)}.selected-option{display:flex;height:38px;padding:var(--Size-2, 8px) var(--Size-3, 12px);align-items:center;gap:var(--Size-2, 8px);border-radius:4px;border:1px solid var(--Gray-Gray-200, #c3c9d9);background:var(--Neutral-White, #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}}"}},[513,"dropi-languages-selector",{languages:[1],selectedLang:[1025,"selected-lang"],isOpen:[32],parsedLanguages:[32],currentLang:[32]},void 0,{languages:[{languagesChanged:0}],selectedLang:[{selectedLangChanged:0}]}]);function d(){"undefined"!=typeof customElements&&["dropi-languages-selector","dropi-country-flags","dropi-icon"].forEach((s=>{switch(s){case"dropi-languages-selector":customElements.get(e(s))||customElements.define(e(s),r);break;case"dropi-country-flags":customElements.get(e(s))||a();break;case"dropi-icon":customElements.get(e(s))||n()}}))}d();const p=r,l=d;export{p as DropiLanguagesSelector,l as defineCustomElement}
+import{t as e,p as t,H as s,c as o,h as i}from"./index.js";import{d as a}from"./p-fPJmM1qh.js";import{d as n}from"./p-Ccl4kD95.js";const r=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiLanguageChange=o(this,"dropiLanguageChange")}languages=[];selectedLang=null;dropiLanguageChange;isOpen=!1;parsedLanguages=[];currentLang=null;languagesChanged(e){null!=e?(this.parsedLanguages="string"==typeof e?JSON.parse(e):e??[],!this.currentLang&&this.parsedLanguages.length>0&&(this.currentLang=this.parsedLanguages[0])):this.parsedLanguages=[]}selectedLangChanged(e){e&&(this.currentLang="string"==typeof e?JSON.parse(e):e)}componentWillLoad(){this.languagesChanged(this.languages),this.selectedLang&&this.selectedLangChanged(this.selectedLang)}select(e){this.currentLang=e,this.isOpen=!1,this.dropiLanguageChange.emit(e)}render(){return this.currentLang?i("div",{class:"custom-dropdown"+(this.isOpen?" open":"")},i("div",{class:"selected-option",onClick:()=>{this.isOpen=!this.isOpen}},i("dropi-country-flags",{country:this.currentLang.flag,"flag-style":"rectangle",width:"20",height:"15"}),i("span",{class:"Body-S-Regular"},this.currentLang.label),i("dropi-icon",{name:"Caret-down",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-500"})),i("ul",{class:"dropdown-options"+(this.isOpen?" dropdown-open":"")},this.parsedLanguages.map((e=>i("li",{key:e.code,class:e.code===this.currentLang?.code?"active":"",onClick:()=>this.select(e)},i("dropi-country-flags",{country:e.flag,"flag-style":"rectangle",width:"20",height:"15"}),i("span",{class:"Body-S-Regular"},e.label)))))):null}static get watchers(){return{languages:[{languagesChanged:0}],selectedLang:[{selectedLangChanged:0}]}}static get style(){return":host{display:inline-block;position:relative}*,*::before,*::after{box-sizing:border-box}button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}.custom-dropdown{position:relative;cursor:pointer;user-select:none}.custom-dropdown.open dropi-icon{transform:rotate(180deg)}.selected-option{display:flex;height:40px;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}}"}},[513,"dropi-languages-selector",{languages:[1],selectedLang:[1025,"selected-lang"],isOpen:[32],parsedLanguages:[32],currentLang:[32]},void 0,{languages:[{languagesChanged:0}],selectedLang:[{selectedLangChanged:0}]}]);function d(){"undefined"!=typeof customElements&&["dropi-languages-selector","dropi-country-flags","dropi-icon"].forEach((t=>{switch(t){case"dropi-languages-selector":customElements.get(e(t))||customElements.define(e(t),r);break;case"dropi-country-flags":customElements.get(e(t))||a();break;case"dropi-icon":customElements.get(e(t))||n()}}))}d();const l=r,p=d;export{l as DropiLanguagesSelector,p as defineCustomElement}

package/dist/components/dropi-logo.js

@@ -1 +1 @@
-import{t as o,p as i,H as e,h as t}from"./index.js";const l="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgNDAiPjx0ZXh0IHk9IjMwIiBmb250LXNpemU9IjI0IiBmb250LWZhbWlseT0ic2Fucy1zZXJpZiIgZmlsbD0iIzg1OGVhNiI+ZHJvcGk8L3RleHQ+PC9zdmc+",s=i(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}get el(){return 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(o){o.target.src=l}render(){return t("figure",{key:"7e0647d080700fcac7fe488d72024b3ed1f40b08",class:{"dropi-logo":!0,["dropi-logo--"+this.size]:!0}},t("img",{key:"baa1d5c20397ee47a9f55ff6be7acae99b7c0f41",src:this.urlLogo||l,alt:"Dropi logo",onError:o=>this.handleError(o)}))}static get style(){return":host{display:inline-block}.dropi-logo{margin:0;padding:0;display:flex;align-items:center;justify-content:center}.dropi-logo img{display:block;object-fit:contain}.dropi-logo--large img{width:256px;height:84px}.dropi-logo--small img{width:86px;height:81px}"}},[513,"dropi-logo",{urlLogo:[1,"url-logo"],size:[1],theme:[1]}]);function r(){"undefined"!=typeof customElements&&["dropi-logo"].forEach((i=>{"dropi-logo"===i&&(customElements.get(o(i))||customElements.define(o(i),s))}))}r();const g=s,c=r;export{g as DropiLogo,c as defineCustomElement}
+import{t as o,p as e,H as i,h as t}from"./index.js";const l="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgNDAiPjx0ZXh0IHk9IjMwIiBmb250LXNpemU9IjI0IiBmb250LWZhbWlseT0ic2Fucy1zZXJpZiIgZmlsbD0iIzg1OGVhNiI+ZHJvcGk8L3RleHQ+PC9zdmc+",s=e(class extends i{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}get el(){return 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(o){o.target.src=l}render(){return t("figure",{key:"7e0647d080700fcac7fe488d72024b3ed1f40b08",class:{"dropi-logo":!0,["dropi-logo--"+this.size]:!0}},t("img",{key:"baa1d5c20397ee47a9f55ff6be7acae99b7c0f41",src:this.urlLogo||l,alt:"Dropi logo",onError:o=>this.handleError(o)}))}static get style(){return":host{display:inline-block;button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}}.dropi-logo{margin:0;padding:0;display:flex;align-items:center;justify-content:center}.dropi-logo img{display:block;object-fit:contain}.dropi-logo--large img{width:256px;height:84px}.dropi-logo--small img{width:86px;height:81px}"}},[513,"dropi-logo",{urlLogo:[1,"url-logo"],size:[1],theme:[1]}]);function r(){"undefined"!=typeof customElements&&["dropi-logo"].forEach((e=>{"dropi-logo"===e&&(customElements.get(o(e))||customElements.define(o(e),s))}))}r();const g=s,n=r;export{g as DropiLogo,n as defineCustomElement}

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

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

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

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

package/dist/components/dropi-modal.js

@@ -1 +1 @@
-import{D as o,d as s}from"./p-Bw8zPxUl.js";const p=o,r=s;export{p as DropiModal,r as defineCustomElement}
+import{D as o,d as p}from"./p-CrSepiFP.js";const r=o,s=p;export{r as DropiModal,s as defineCustomElement}

package/dist/components/dropi-navbar.js

@@ -1 +1 @@
-import{t as a,p as e,H as r,c as i,h as t}from"./index.js";import{d as n}from"./p-DqAyyLAT.js";const o=e(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.clickLoadItem=i(this,"clickLoadItem"),this.dropiNotificationsClick=i(this,"dropiNotificationsClick"),this.dropiUserClick=i(this,"dropiUserClick"),this.dropiMenuToggle=i(this,"dropiMenuToggle")}logoUrl="";logoAlt="Logo";data=[];title="";activeId="";userName="";userAvatar="";notifications=0;showMenuToggle=!0;clickLoadItem;dropiNotificationsClick;dropiUserClick;dropiMenuToggle;get parsedData(){const a=this.data;return"string"==typeof a?JSON.parse(a):a||[]}render(){const a=this.parsedData;return t("nav",{key:"83e2aa66dcaeabc1629c4c23ee87f0ed8799eae7",class:"navbar"},t("div",{key:"500612a656db49c3962dcb2b2fb62ced5e6f9f5e",class:"navbar__left"},this.showMenuToggle&&t("button",{key:"a85325e0bfaf6ed1f739abf35460c0fd9fe12bdb",class:"navbar__menu-btn",onClick:()=>this.dropiMenuToggle.emit(),"aria-label":"Menú"},t("dropi-icon",{key:"d94b443c19e6212547dbe4d97fe907be862726f9",name:"Menu",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-700"})),this.logoUrl&&t("img",{key:"0da8e838faac7f31175935ea9b0cfe6fb68ad516",class:"navbar__logo",src:this.logoUrl,alt:this.logoAlt}),this.title&&t("span",{key:"ae1d08c0cac208bf31e1978da68f89cc6eec13d2",class:"navbar__title"},this.title)),a.length>0&&t("ul",{key:"48dcc829cd503ce2a3f3929ccb03782b226a18ed",class:"navbar__items"},a.map((a=>t("li",null,t("button",{class:{navbar__item:!0,"navbar__item--active":a.id===this.activeId},onClick:()=>this.clickLoadItem.emit(a),type:"button"},a.icon&&t("dropi-icon",{name:a.icon,iconWidth:"16px",iconHeight:"16px",color:a.id===this.activeId?"Primary-Primary-500":"Gray-Gray-600"}),t("span",null,a.name?.value||a.label),null!=a.badge&&a.badge+""!="0"&&t("span",{class:"navbar__badge"},a.badge)))))),t("div",{key:"f6a7a4bfcf90829fdf78eade141c1a43a3ef213c",class:"navbar__right"},t("button",{key:"652f412206186a3e8325e8a41cefa78049da39a6",class:"navbar__icon-btn",onClick:()=>this.dropiNotificationsClick.emit(),"aria-label":"Notificaciones"},t("dropi-icon",{key:"ddf8877a77c15d8c0582866d56851f5ee9b9b5f1",name:"Bell",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-600"}),this.notifications>0&&t("span",{key:"613f9d9c7a7b0c1125aee602be6672ce478cef26",class:"navbar__notif-badge"},this.notifications>99?"99+":this.notifications)),t("button",{key:"af0e25263309dc90ae4f0047c25089b9486562d4",class:"navbar__user-btn",onClick:()=>this.dropiUserClick.emit(),type:"button"},this.userAvatar?t("img",{class:"navbar__avatar",src:this.userAvatar,alt:this.userName}):t("div",{class:"navbar__avatar-placeholder"},this.userName?this.userName[0].toUpperCase():"?"),this.userName&&t("span",{key:"54a6f1b97d2d8f11fe5556510638d4cbef2d638b",class:"navbar__user-name"},this.userName),t("dropi-icon",{key:"21dd9ed6cf46d719d8b49c65fba8f787f7a84629",name:"Arrow-Down-2",iconWidth:"12px",iconHeight:"12px",color:"Gray-Gray-400"}))))}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.navbar{display:flex;align-items:center;height:56px;padding:0 var(--Size-4, 16px);background:var(--Neutral-White, #ffffff);border-bottom:1px solid var(--Gray-Gray-100, #eceef4);gap:var(--Size-4, 16px);position:relative}.navbar__left{display:flex;align-items:center;gap:var(--Size-2, 8px);flex-shrink:0}.navbar__menu-btn{background:none;border:none;padding:6px;cursor:pointer;border-radius:var(--Border-1, 4px);display:flex;align-items:center;transition:background 0.15s}.navbar__menu-btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.navbar__logo{height:28px;object-fit:contain}.navbar__items{flex:1;list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:var(--Size-1, 4px)}.navbar__item{display:flex;align-items:center;gap:var(--Size-1, 4px);padding:6px var(--Size-3, 12px);background:none;border:none;border-radius:var(--Border-1, 4px);font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-600, #475066);cursor:pointer;transition:background 0.15s, color 0.15s;white-space:nowrap}.navbar__item:hover{background:var(--Gray-Gray-50, #f7f8fa)}.navbar__item--active{background:var(--Primary-Primary-50, #fff5eb);color:var(--Primary-Primary-500, #f49a3d);font-weight:var(--font-weight-bold, 700)}.navbar__badge{background:var(--Error-Error-500, #f46a6b);color:var(--Neutral-White, #ffffff);font-size:var(--font-size-xxs);font-weight:var(--font-weight-bold);min-width:16px;height:16px;border-radius:100px;display:flex;align-items:center;justify-content:center;padding:0 4px}.navbar__right{display:flex;align-items:center;gap:var(--Size-2, 8px);flex-shrink:0}.navbar__icon-btn{position:relative;background:none;border:none;padding:6px;cursor:pointer;border-radius:var(--Border-1, 4px);display:flex;align-items:center;transition:background 0.15s}.navbar__icon-btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.navbar__notif-badge{position:absolute;top:2px;right:2px;background:var(--Error-Error-500, #f46a6b);color:var(--Neutral-White, #ffffff);font-size:9px;font-weight:var(--font-weight-bold);min-width:14px;height:14px;border-radius:100px;display:flex;align-items:center;justify-content:center;padding:0 3px}.navbar__user-btn{display:flex;align-items:center;gap:var(--Size-1, 4px);background:none;border:none;padding:4px 8px;border-radius:var(--Border-1, 4px);cursor:pointer;transition:background 0.15s;font-family:inherit}.navbar__user-btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.navbar__avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.navbar__avatar-placeholder{width:28px;height:28px;border-radius:50%;background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #ffffff);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700)}.navbar__user-name{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"}},[513,"dropi-navbar",{logoUrl:[1,"logo-url"],logoAlt:[1,"logo-alt"],data:[1],title:[1],activeId:[1,"active-id"],userName:[1,"user-name"],userAvatar:[1,"user-avatar"],notifications:[2],showMenuToggle:[4,"show-menu-toggle"]}]);function s(){"undefined"!=typeof customElements&&["dropi-navbar","dropi-icon"].forEach((e=>{switch(e){case"dropi-navbar":customElements.get(a(e))||customElements.define(a(e),o);break;case"dropi-icon":customElements.get(a(e))||n()}}))}s();const c=o,d=s;export{c as DropiNavbar,d as defineCustomElement}
+import{t as a,p as e,H as r,c as i,h as t}from"./index.js";import{d as n}from"./p-Ccl4kD95.js";const o=e(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.clickLoadItem=i(this,"clickLoadItem"),this.dropiNotificationsClick=i(this,"dropiNotificationsClick"),this.dropiUserClick=i(this,"dropiUserClick"),this.dropiMenuToggle=i(this,"dropiMenuToggle")}logoUrl="";logoAlt="Logo";data=[];title="";activeId="";userName="";userAvatar="";notifications=0;showMenuToggle=!0;clickLoadItem;dropiNotificationsClick;dropiUserClick;dropiMenuToggle;get parsedData(){const a=this.data;return"string"==typeof a?JSON.parse(a):a||[]}render(){const a=this.parsedData;return t("nav",{key:"83e2aa66dcaeabc1629c4c23ee87f0ed8799eae7",class:"navbar"},t("div",{key:"500612a656db49c3962dcb2b2fb62ced5e6f9f5e",class:"navbar__left"},this.showMenuToggle&&t("button",{key:"a85325e0bfaf6ed1f739abf35460c0fd9fe12bdb",class:"navbar__menu-btn",onClick:()=>this.dropiMenuToggle.emit(),"aria-label":"Menú"},t("dropi-icon",{key:"d94b443c19e6212547dbe4d97fe907be862726f9",name:"Menu",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-700"})),this.logoUrl&&t("img",{key:"0da8e838faac7f31175935ea9b0cfe6fb68ad516",class:"navbar__logo",src:this.logoUrl,alt:this.logoAlt}),this.title&&t("span",{key:"ae1d08c0cac208bf31e1978da68f89cc6eec13d2",class:"navbar__title"},this.title)),a.length>0&&t("ul",{key:"48dcc829cd503ce2a3f3929ccb03782b226a18ed",class:"navbar__items"},a.map((a=>t("li",null,t("button",{class:{navbar__item:!0,"navbar__item--active":a.id===this.activeId},onClick:()=>this.clickLoadItem.emit(a),type:"button"},a.icon&&t("dropi-icon",{name:a.icon,iconWidth:"16px",iconHeight:"16px",color:a.id===this.activeId?"Primary-Primary-500":"Gray-Gray-600"}),t("span",null,a.name?.value||a.label),null!=a.badge&&a.badge+""!="0"&&t("span",{class:"navbar__badge"},a.badge)))))),t("div",{key:"f6a7a4bfcf90829fdf78eade141c1a43a3ef213c",class:"navbar__right"},t("button",{key:"652f412206186a3e8325e8a41cefa78049da39a6",class:"navbar__icon-btn",onClick:()=>this.dropiNotificationsClick.emit(),"aria-label":"Notificaciones"},t("dropi-icon",{key:"ddf8877a77c15d8c0582866d56851f5ee9b9b5f1",name:"Bell",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-600"}),this.notifications>0&&t("span",{key:"613f9d9c7a7b0c1125aee602be6672ce478cef26",class:"navbar__notif-badge"},this.notifications>99?"99+":this.notifications)),t("button",{key:"af0e25263309dc90ae4f0047c25089b9486562d4",class:"navbar__user-btn",onClick:()=>this.dropiUserClick.emit(),type:"button"},this.userAvatar?t("img",{class:"navbar__avatar",src:this.userAvatar,alt:this.userName}):t("div",{class:"navbar__avatar-placeholder"},this.userName?this.userName[0].toUpperCase():"?"),this.userName&&t("span",{key:"54a6f1b97d2d8f11fe5556510638d4cbef2d638b",class:"navbar__user-name"},this.userName),t("dropi-icon",{key:"21dd9ed6cf46d719d8b49c65fba8f787f7a84629",name:"Arrow-Down-2",iconWidth:"12px",iconHeight:"12px",color:"Gray-Gray-400"}))))}static get style(){return":host{display:block;width:100%}button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}*,*::before,*::after{box-sizing:border-box}.navbar{display:flex;align-items:center;height:56px;padding:0 var(--Size-4, 16px);background:var(--Neutral-White, #ffffff);border-bottom:1px solid var(--Gray-Gray-100, #eceef4);gap:var(--Size-4, 16px);position:relative}.navbar__left{display:flex;align-items:center;gap:var(--Size-2, 8px);flex-shrink:0}.navbar__menu-btn{background:none;border:none;padding:6px;cursor:pointer;border-radius:var(--Border-1, 4px);display:flex;align-items:center;transition:background 0.15s}.navbar__menu-btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.navbar__logo{height:28px;object-fit:contain}.navbar__items{flex:1;list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:var(--Size-1, 4px)}.navbar__item{display:flex;align-items:center;gap:var(--Size-1, 4px);padding:6px var(--Size-3, 12px);background:none;border:none;border-radius:var(--Border-1, 4px);font-size:var(--font-size-s, 12px);font-family:var(--font-family-01, 'Inter', sans-serif);color:var(--Gray-Gray-600, #475066);cursor:pointer;transition:background 0.15s, color 0.15s;white-space:nowrap}.navbar__item:hover{background:var(--Gray-Gray-50, #f7f8fa)}.navbar__item--active{background:var(--Primary-Primary-50, #fff5eb);color:var(--Primary-Primary-500, #f49a3d);font-weight:var(--font-weight-bold, 700)}.navbar__badge{background:var(--Error-Error-500, #f46a6b);color:var(--Neutral-White, #ffffff);font-size:var(--font-size-xxs);font-weight:var(--font-weight-bold);min-width:16px;height:16px;border-radius:100px;display:flex;align-items:center;justify-content:center;padding:0 4px}.navbar__right{display:flex;align-items:center;gap:var(--Size-2, 8px);flex-shrink:0}.navbar__icon-btn{position:relative;background:none;border:none;padding:6px;cursor:pointer;border-radius:var(--Border-1, 4px);display:flex;align-items:center;transition:background 0.15s}.navbar__icon-btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.navbar__notif-badge{position:absolute;top:2px;right:2px;background:var(--Error-Error-500, #f46a6b);color:var(--Neutral-White, #ffffff);font-size:9px;font-weight:var(--font-weight-bold);min-width:14px;height:14px;border-radius:100px;display:flex;align-items:center;justify-content:center;padding:0 3px}.navbar__user-btn{display:flex;align-items:center;gap:var(--Size-1, 4px);background:none;border:none;padding:4px 8px;border-radius:var(--Border-1, 4px);cursor:pointer;transition:background 0.15s;font-family:var(--font-family-01, 'Inter', sans-serif)}.navbar__user-btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.navbar__avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.navbar__avatar-placeholder{width:28px;height:28px;border-radius:50%;background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #ffffff);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700)}.navbar__user-name{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"}},[513,"dropi-navbar",{logoUrl:[1,"logo-url"],logoAlt:[1,"logo-alt"],data:[1],title:[1],activeId:[1,"active-id"],userName:[1,"user-name"],userAvatar:[1,"user-avatar"],notifications:[2],showMenuToggle:[4,"show-menu-toggle"]}]);function s(){"undefined"!=typeof customElements&&["dropi-navbar","dropi-icon"].forEach((e=>{switch(e){case"dropi-navbar":customElements.get(a(e))||customElements.define(a(e),o);break;case"dropi-icon":customElements.get(a(e))||n()}}))}s();const c=o,d=s;export{c as DropiNavbar,d as defineCustomElement}

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

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

package/dist/components/dropi-paginator.js

@@ -1 +1 @@
-import{D as o,d as p}from"./p-Ckpdx21D.js";const s=o,r=p;export{s as DropiPaginator,r as defineCustomElement}
+import{D as o,d as s}from"./p-D-KVcD87.js";const p=o,r=s;export{p as DropiPaginator,r as defineCustomElement}

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

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