@dropi/ui 0.1.42 → 0.1.44

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

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

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

@@ -1 +1 @@
-import{r as o,c as t,B as e,h as a}from"./p-a2fb4CHk.js";const i=class{constructor(e){o(this,e),this.dropiShow=t(this,"dropiShow"),this.dropiHide=t(this,"dropiHide"),this.dropiVisibleChange=t(this,"dropiVisibleChange")}visible=!1;header=null;showCloseIcon=!0;dismissable=!0;dismissableMask=!0;dismissible=!0;closeOnEscape=!0;modal=!0;closable=!0;blockScroll=!0;showHeader=!0;showFooter=!0;position="center";size="m";styleClass=null;maxWidth=null;autoZIndex=!0;baseZIndex=1100;transitionOptions="0.15s";enableBeforeClose=!1;isDraggable=!1;resizable=!1;dropiShow;dropiHide;dropiVisibleChange;isOpen=!1;isClosing=!1;mounted=!1;closeTimer=null;keyHandler=null;canDismiss=!1;visibleChanged(o){console.log("[DropiModal] visibleChanged:",o),o?this.openModal():this.startClose()}componentDidLoad(){this.visible&&this.openModal()}disconnectedCallback(){this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),"undefined"!=typeof document&&document.body.classList.remove("dropi-modal-open")}async dismiss(){this.visible?(this.visible=!1,this.dropiVisibleChange.emit(!1)):this.startClose()}async openModalExternally(){this.visible=!0,this.dropiVisibleChange.emit(!0)}openModal(){console.log("[DropiModal] Opening Modal..."),this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),this.isClosing=!1,this.mounted=!0,requestAnimationFrame((()=>requestAnimationFrame((()=>{this.isOpen=!0,this.dropiShow.emit()})))),this.addKeyHandler(),this.canDismiss=!1,setTimeout((()=>{this.canDismiss=!0}),300),(this.modal??1)&&e.isBrowser&&document.body&&document.body.classList.add("dropi-modal-open")}startClose(){console.log("[DropiModal] Starting close sequence..."),!this.isClosing&&this.mounted&&(this.isClosing=!0,this.isOpen=!1,this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),this.closeTimer=setTimeout((()=>{this.mounted=!1,this.isClosing=!1,this.closeTimer=null,(this.modal??1)&&e.isBrowser&&document.body&&document.body.classList.remove("dropi-modal-open"),console.log("[DropiModal] Emitting dropiHide"),this.dropiHide.emit()}),200))}addKeyHandler(){this.closeOnEscape&&(this.keyHandler=o=>{"Escape"===o.key&&this.visible&&this.dismissable&&this.canDismiss&&this.dismiss()},document.addEventListener("keydown",this.keyHandler))}removeKeyHandler(){this.keyHandler&&(document.removeEventListener("keydown",this.keyHandler),this.keyHandler=null)}render(){return a("div",{key:"ce402e441341e99c2e068c1a0320f2de9adbab5b",class:`modal-root modal-root--${this.position}${this.isOpen?" modal-root--open":""}${this.isClosing?" modal-root--closing":""}`},(this.modal??!0)&&a("div",{key:"76c12463f0f8d1161d52b05766d82954f0c8a541",class:"modal-mask",onClick:()=>this.canDismiss&&this.dismissable&&this.dismiss()}),a("div",{key:"e2c4125e41eb16e32c47ff1c98da4b2bb4bebdd2",class:`modal-panel size-${this.size||"m"}`,role:"dialog","aria-modal":"true"},this.showHeader&&a("div",{key:"d0355ebeb4e21991987682376899fdbe7f50b7ec",class:"modal-header"},this.header&&a("span",{key:"96653cde16d872004a83e261385434b4b40308ad",class:"modal-title"},this.header),a("slot",{key:"fcf6ecb320597ae6e9fc6e877f9fcc30e4fea8f0",name:"header"}),this.showCloseIcon&&a("button",{key:"aae7a35d76a2220481fa1faff9a3a66317577d56",class:"modal-close",onClick:()=>this.dismiss(),"aria-label":"Cerrar"},"×")),a("div",{key:"c58b7db393ccf1a5f854692de8255847087d7ea2",class:"modal-content"},a("slot",{key:"50a03151908756d7615791f7ba665c01c21db4b6"})),this.showFooter&&a("div",{key:"add00765e26d84b1a38551598f2d6985a1e52b6d",class:"modal-footer"},a("slot",{key:"50291ebfee03f980ae05da6cd503ec7304fca580",name:"footer"}))))}static get watchers(){return{visible:[{visibleChanged:0}]}}};i.style=":host{display:contents}*,*::before,*::after{box-sizing:border-box}.modal-root{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity 0.18s ease;z-index:9999;visibility:hidden}.modal-root--open{opacity:1;pointer-events:auto;visibility:visible}.modal-root--closing{opacity:1;pointer-events:none;visibility:visible}.modal-mask{position:absolute;inset:0;background:rgba(6,11,16,0.66);pointer-events:auto;opacity:0;transition:opacity 0.18s ease}.modal-root--open .modal-mask{opacity:1}.modal-root--closing .modal-mask{opacity:0}.modal-panel{position:relative;pointer-events:auto;display:flex;flex-direction:column;border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);box-shadow:0 0 60px rgba(0,0,0,0.06);overflow:hidden;padding:var(--Size-6, 32px);gap:var(--Size-5, 24px);max-height:calc(100vh - 60px);opacity:0;transform:translateY(16px) scale(0.92);transition:opacity 0.18s ease, transform 0.18s ease}.modal-root--open .modal-panel{opacity:1;transform:none}.modal-root--closing .modal-panel{opacity:0;transform:translateY(-12px) scale(1.06)}.modal-header{display:flex;align-items:center;gap:4px}.modal-title{color:var(--Gray-Gray-700,#32394d);font-size:var(--Size-5, 24px);font-weight:var(--font-weight-bold);flex:1;text-align:left}.modal-close{margin-left:auto;border:0;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--font-size-xxl);line-height:1;color:var(--Gray-Gray-400)}.modal-close:hover{opacity:0.7}.modal-content{padding-right:8px;overflow:auto;flex:1;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--Gray-Gray-300,#a3abbf) var(--Gray-Gray-50,#f7f8fa)}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:var(--Gray-Gray-50,#f7f8fa);border-radius:16px}.modal-content::-webkit-scrollbar-thumb{background:var(--Gray-Gray-300,#a3abbf);border-radius:16px}.modal-footer{display:flex;justify-content:flex-end;align-items:flex-start;gap:var(--Size-1, 4px);width:100%;margin-top:auto;flex-shrink:0}.modal-footer:empty{display:none}::slotted(.button-container){display:grid;grid-template-columns:1fr 1fr;gap:var(--Size-4, 16px);min-width:470px;width:100%}::slotted(.button-container)>*{width:100%}::slotted(.button-container) dropi-button{width:100%}.modal-panel.size-m .modal-footer,.modal-panel.size-s .modal-footer{justify-content:center}.modal-panel.size-m .modal-footer ::slotted(.button-container),.modal-panel.size-s .modal-footer ::slotted(.button-container){min-width:unset !important;width:100%}.modal-panel.size-drawer-s .modal-footer ::slotted(.button-container){min-width:unset;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}.modal-panel.size-full{width:100%;height:100vh;max-height:100vh;border-radius:0}.modal-panel.size-xxl{width:calc(100% - 60px);max-width:1520px;height:calc(100vh - 120px);max-height:900px}.modal-panel.size-l{width:1137px;max-width:1137px;max-height:754px}.modal-panel.size-m{max-width:550px;width:550px}.modal-panel.size-s{width:454px}.modal-root--right{align-items:stretch;justify-content:flex-end}.modal-root--right .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--right .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--right .modal-panel{transform:translateX(100%)}.modal-root--right .modal-panel.size-drawer-s{width:351px;padding:20px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-m{width:550px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-l{width:1137px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-xxl{width:1214px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-sidebar-half{width:50vw;min-width:600px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}@media (max-width: 768px){.modal-root--right .modal-panel.size-drawer-s,.modal-root--right .modal-panel.size-drawer-m,.modal-root--right .modal-panel.size-drawer-l,.modal-root--right .modal-panel.size-drawer-xxl,.modal-root--right .modal-panel.size-sidebar-half{width:100vw;min-width:unset}}.modal-root--left{align-items:stretch;justify-content:flex-start}.modal-root--left .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(-100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--left .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--left .modal-panel{transform:translateX(-100%)}.modal-root--top{align-items:flex-start}.modal-root--bottom{align-items:flex-end}@media (max-width: 599px){.modal-panel{padding:20px;width:100% !important}.modal-panel:not(.size-s){border-radius:0 !important;height:100% !important;max-height:unset !important}.modal-root--right .modal-panel{width:100vw !important;min-width:unset !important}.modal-footer{justify-content:center}.modal-footer ::slotted(.button-container){width:100%;min-width:unset !important;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}}@media (prefers-reduced-motion: reduce){.modal-root,.modal-mask,.modal-panel{transition:none !important}}";export{i as dropi_modal}
+import{r as o,c as t,B as e,h as a}from"./p-a2fb4CHk.js";const i=class{constructor(e){o(this,e),this.dropiShow=t(this,"dropiShow"),this.dropiHide=t(this,"dropiHide"),this.dropiVisibleChange=t(this,"dropiVisibleChange")}visible=!1;header=null;showCloseIcon=!0;dismissable=!0;dismissableMask=!0;dismissible=!0;closeOnEscape=!0;modal=!0;closable=!0;blockScroll=!0;showHeader=!0;showFooter=!0;position="center";size="m";styleClass=null;maxWidth=null;autoZIndex=!0;baseZIndex=1100;transitionOptions="0.15s";enableBeforeClose=!1;isDraggable=!1;resizable=!1;dropiShow;dropiHide;dropiVisibleChange;isOpen=!1;isClosing=!1;mounted=!1;closeTimer=null;keyHandler=null;canDismiss=!1;visibleChanged(o){console.log("[DropiModal] visibleChanged:",o),o?this.openModal():this.startClose()}componentDidLoad(){this.visible&&this.openModal()}disconnectedCallback(){this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),"undefined"!=typeof document&&document.body.classList.remove("dropi-modal-open")}async dismiss(){this.visible?(this.visible=!1,this.dropiVisibleChange.emit(!1)):this.startClose()}async openModalExternally(){this.visible=!0,this.dropiVisibleChange.emit(!0)}openModal(){console.log("[DropiModal] Opening Modal..."),this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),this.isClosing=!1,this.mounted=!0,requestAnimationFrame((()=>requestAnimationFrame((()=>{this.isOpen=!0,this.dropiShow.emit()})))),this.addKeyHandler(),this.canDismiss=!1,setTimeout((()=>{this.canDismiss=!0}),300),(this.modal??1)&&e.isBrowser&&document.body&&document.body.classList.add("dropi-modal-open")}startClose(){console.log("[DropiModal] Starting close sequence..."),!this.isClosing&&this.mounted&&(this.isClosing=!0,this.isOpen=!1,this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),this.closeTimer=setTimeout((()=>{this.mounted=!1,this.isClosing=!1,this.closeTimer=null,(this.modal??1)&&e.isBrowser&&document.body&&document.body.classList.remove("dropi-modal-open"),console.log("[DropiModal] Emitting dropiHide"),this.dropiHide.emit()}),200))}addKeyHandler(){this.closeOnEscape&&(this.keyHandler=o=>{"Escape"===o.key&&this.visible&&this.dismissable&&this.canDismiss&&this.dismiss()},document.addEventListener("keydown",this.keyHandler))}removeKeyHandler(){this.keyHandler&&(document.removeEventListener("keydown",this.keyHandler),this.keyHandler=null)}render(){return a("div",{key:"ce402e441341e99c2e068c1a0320f2de9adbab5b",class:`modal-root modal-root--${this.position}${this.isOpen?" modal-root--open":""}${this.isClosing?" modal-root--closing":""}`},(this.modal??!0)&&a("div",{key:"76c12463f0f8d1161d52b05766d82954f0c8a541",class:"modal-mask",onClick:()=>this.canDismiss&&this.dismissable&&this.dismiss()}),a("div",{key:"e2c4125e41eb16e32c47ff1c98da4b2bb4bebdd2",class:`modal-panel size-${this.size||"m"}`,role:"dialog","aria-modal":"true"},this.showHeader&&a("div",{key:"d0355ebeb4e21991987682376899fdbe7f50b7ec",class:"modal-header"},this.header&&a("span",{key:"96653cde16d872004a83e261385434b4b40308ad",class:"modal-title"},this.header),a("slot",{key:"fcf6ecb320597ae6e9fc6e877f9fcc30e4fea8f0",name:"header"}),this.showCloseIcon&&a("button",{key:"aae7a35d76a2220481fa1faff9a3a66317577d56",class:"modal-close",onClick:()=>this.dismiss(),"aria-label":"Cerrar"},"×")),a("div",{key:"c58b7db393ccf1a5f854692de8255847087d7ea2",class:"modal-content"},a("slot",{key:"50a03151908756d7615791f7ba665c01c21db4b6"})),this.showFooter&&a("div",{key:"add00765e26d84b1a38551598f2d6985a1e52b6d",class:"modal-footer"},a("slot",{key:"50291ebfee03f980ae05da6cd503ec7304fca580",name:"footer"}))))}static get watchers(){return{visible:[{visibleChanged:0}]}}};i.style=":host{display:contents}*,*::before,*::after{box-sizing:border-box}.modal-root{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity 0.18s ease;z-index:11000;visibility:hidden}.modal-root--open{opacity:1;pointer-events:auto;visibility:visible}.modal-root--closing{opacity:1;pointer-events:none;visibility:visible}.modal-mask{position:absolute;inset:0;background:rgba(6,11,16,0.66);pointer-events:auto;opacity:0;transition:opacity 0.18s ease}.modal-root--open .modal-mask{opacity:1}.modal-root--closing .modal-mask{opacity:0}.modal-panel{position:relative;pointer-events:auto;display:flex;flex-direction:column;border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);box-shadow:0 0 60px rgba(0,0,0,0.06);overflow:hidden;padding:var(--Size-6, 32px);gap:var(--Size-5, 24px);max-height:calc(100vh - 60px);opacity:0;transform:translateY(16px) scale(0.92);transition:opacity 0.18s ease, transform 0.18s ease}.modal-root--open .modal-panel{opacity:1;transform:none}.modal-root--closing .modal-panel{opacity:0;transform:translateY(-12px) scale(1.06)}.modal-header{display:flex;align-items:center;gap:4px}.modal-title{color:var(--Gray-Gray-700,#32394d);font-size:var(--Size-5, 24px);font-weight:var(--font-weight-bold);flex:1;text-align:left}.modal-close{margin-left:auto;border:0;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--font-size-xxl);line-height:1;color:var(--Gray-Gray-400)}.modal-close:hover{opacity:0.7}.modal-content{padding-right:8px;overflow:auto;flex:1;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--Gray-Gray-300,#a3abbf) var(--Gray-Gray-50,#f7f8fa)}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:var(--Gray-Gray-50,#f7f8fa);border-radius:16px}.modal-content::-webkit-scrollbar-thumb{background:var(--Gray-Gray-300,#a3abbf);border-radius:16px}.modal-footer{display:flex;justify-content:flex-end;align-items:flex-start;gap:var(--Size-1, 4px);width:100%;margin-top:auto;flex-shrink:0}.modal-footer:empty{display:none}::slotted(.button-container){display:grid;grid-template-columns:1fr 1fr;gap:var(--Size-4, 16px);min-width:470px;width:100%}::slotted(.button-container)>*{width:100%}::slotted(.button-container) dropi-button{width:100%}.modal-panel.size-m .modal-footer,.modal-panel.size-s .modal-footer{justify-content:center}.modal-panel.size-m .modal-footer ::slotted(.button-container),.modal-panel.size-s .modal-footer ::slotted(.button-container){min-width:unset !important;width:100%}.modal-panel.size-drawer-s .modal-footer ::slotted(.button-container){min-width:unset;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}.modal-panel.size-full{width:100%;height:100vh;max-height:100vh;border-radius:0}.modal-panel.size-xxl{width:calc(100% - 60px);max-width:1520px;height:calc(100vh - 120px);max-height:900px}.modal-panel.size-l{width:1137px;max-width:1137px;max-height:754px}.modal-panel.size-m{max-width:550px;width:550px}.modal-panel.size-s{width:454px}.modal-root--right{align-items:stretch;justify-content:flex-end}.modal-root--right .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--right .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--right .modal-panel{transform:translateX(100%)}.modal-root--right .modal-panel.size-drawer-s{width:351px;padding:20px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-m{width:550px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-l{width:1137px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-xxl{width:1214px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-sidebar-half{width:50vw;min-width:600px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}@media (max-width: 768px){.modal-root--right .modal-panel.size-drawer-s,.modal-root--right .modal-panel.size-drawer-m,.modal-root--right .modal-panel.size-drawer-l,.modal-root--right .modal-panel.size-drawer-xxl,.modal-root--right .modal-panel.size-sidebar-half{width:100vw;min-width:unset}}.modal-root--left{align-items:stretch;justify-content:flex-start}.modal-root--left .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(-100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--left .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--left .modal-panel{transform:translateX(-100%)}.modal-root--top{align-items:flex-start}.modal-root--bottom{align-items:flex-end}@media (max-width: 599px){.modal-panel{padding:20px;width:100% !important}.modal-panel:not(.size-s){border-radius:0 !important;height:100% !important;max-height:unset !important}.modal-root--right .modal-panel{width:100vw !important;min-width:unset !important}.modal-footer{justify-content:center}.modal-footer ::slotted(.button-container){width:100%;min-width:unset !important;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}}@media (prefers-reduced-motion: reduce){.modal-root,.modal-mask,.modal-panel{transition:none !important}}";export{i as dropi_modal}

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

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

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

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

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

@@ -0,0 +1 @@
+import{r as t,c as e,h as i}from"./p-B-h7fjQz.js";const o=class{constructor(i){t(this,i),this.dropiChange=e(this,"dropiChange")}isChecked=!1;disabled=!1;dropiChange;onToggleChange(t){this.isChecked=t.target.checked,this.dropiChange.emit(this.isChecked)}render(){return i("label",{key:"977f209e9d6411bf386637c1073dca0f5d1c72f3",class:"toggle-switch"},i("input",{key:"8deef7c0c079d8d5662bd05372eb74d5cc68429f",type:"checkbox",checked:this.isChecked,disabled:this.disabled,onChange:t=>this.onToggleChange(t)}),i("span",{key:"2f6dd3b87996271d0c6abddc86697791de4da9b1",class:"slider"}))}static get formAssociated(){return!0}};o.style=":host{display:inline-block}*,*::before,*::after{box-sizing:border-box}.toggle-switch{position:relative;display:inline-block;width:40px;height:21px;margin-bottom:0;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--Gray-Gray-200, #c3c9d9);transition:0.4s;border-radius:34px}.slider::before{position:absolute;content:'';height:17px;width:17px;left:3px;bottom:2px;background-color:var(--Neutral-White, #ffffff);transition:0.4s;border-radius:50%}input:checked+.slider{background-color:var(--Primary-Primary-500, #f49a3d)}input:checked+.slider::before{transform:translateX(17px)}:host([disabled]) .toggle-switch{cursor:not-allowed;opacity:0.5}";export{o as dropi_switch}

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

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

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

@@ -1 +1 @@
-import{r as t,c as a,B as o,h as e}from"./p-a2fb4CHk.js";const i=class{constructor(o){t(this,o),this.dropiShow=a(this,"dropiShow"),this.dropiHide=a(this,"dropiHide"),this.dropiVisibleChange=a(this,"dropiVisibleChange")}visible=!1;header=null;showCloseIcon=!0;dismissable=!0;dismissableMask=!0;dismissible=!0;closeOnEscape=!0;modal=!0;closable=!0;blockScroll=!0;showHeader=!0;showFooter=!0;position="center";size="m";styleClass=null;maxWidth=null;autoZIndex=!0;baseZIndex=1100;transitionOptions="0.15s";enableBeforeClose=!1;isDraggable=!1;resizable=!1;dropiShow;dropiHide;dropiVisibleChange;isOpen=!1;isClosing=!1;mounted=!1;closeTimer=null;keyHandler=null;canDismiss=!1;visibleChanged(t){t?this.openModal():this.startClose()}componentDidLoad(){this.visible&&this.openModal()}disconnectedCallback(){this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),"undefined"!=typeof document&&document.body.classList.remove("dropi-modal-open")}async dismiss(){this.visible?(this.visible=!1,this.dropiVisibleChange.emit(!1)):this.startClose()}async openModalExternally(){this.visible=!0,this.dropiVisibleChange.emit(!0)}openModal(){this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),this.isClosing=!1,this.mounted=!0,requestAnimationFrame((()=>requestAnimationFrame((()=>{this.isOpen=!0,this.dropiShow.emit()})))),this.addKeyHandler(),this.canDismiss=!1,setTimeout((()=>{this.canDismiss=!0}),300),(this.modal??1)&&o.isBrowser&&document.body&&document.body.classList.add("dropi-modal-open")}startClose(){!this.isClosing&&this.mounted&&(this.isClosing=!0,this.isOpen=!1,this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),this.closeTimer=setTimeout((()=>{this.mounted=!1,this.isClosing=!1,this.closeTimer=null,(this.modal??1)&&o.isBrowser&&document.body&&document.body.classList.remove("dropi-modal-open"),this.dropiHide.emit()}),200))}addKeyHandler(){this.closeOnEscape&&(this.keyHandler=t=>{"Escape"===t.key&&this.visible&&this.dismissable&&this.canDismiss&&this.dismiss()},document.addEventListener("keydown",this.keyHandler))}removeKeyHandler(){this.keyHandler&&(document.removeEventListener("keydown",this.keyHandler),this.keyHandler=null)}render(){return e("div",{key:"afa5e48e56be5263ee7730fe532c1cf25d178b73",class:`modal-root modal-root--${this.position}${this.isOpen?" modal-root--open":""}${this.isClosing?" modal-root--closing":""}`},(this.modal??!0)&&e("div",{key:"2f469b86ec4294e0e73aa6a853eb2186e8f8d142",class:"modal-mask",onClick:()=>this.canDismiss&&this.dismissable&&this.dismiss()}),e("div",{key:"019271295ea8bd221dd33f3c643ba5ba290a2b6d",class:`modal-panel size-${this.size||"m"}`,role:"dialog","aria-modal":"true"},this.showHeader&&e("div",{key:"52d22a6d389a874c52de0640c2102356ec01f00e",class:"modal-header"},this.header&&e("span",{key:"8bc171fc24b191535b49f21c235ac78b9e0da828",class:"modal-title"},this.header),e("slot",{key:"bad3234aed329d12882148f1493152cf361cb2e6",name:"header"}),this.showCloseIcon&&e("button",{key:"ca2e6373a96e02363228139138304bafb6abd5c9",class:"modal-close",onClick:()=>this.dismiss(),"aria-label":"Cerrar"},"×")),e("div",{key:"d725c7ea9fbf08b442be136c917e7a5d29a19697",class:"modal-content"},e("slot",{key:"5a80fa52be41009b519ee826f32d4fa22ab9e56d"})),this.showFooter&&e("div",{key:"b5eea1fa4e0de034ea511616b918f85575e69b54",class:"modal-footer"},e("slot",{key:"29aff99f75c5a32d02ab941f27d4c9f2ada614a8",name:"footer"}))))}static get watchers(){return{visible:[{visibleChanged:0}]}}};i.style=":host{display:contents}*,*::before,*::after{box-sizing:border-box}.modal-root{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity 0.18s ease;z-index:9999;visibility:hidden}.modal-root--open{opacity:1;pointer-events:auto;visibility:visible}.modal-root--closing{opacity:1;pointer-events:none;visibility:visible}.modal-mask{position:absolute;inset:0;background:rgba(6,11,16,0.66);pointer-events:auto;opacity:0;transition:opacity 0.18s ease}.modal-root--open .modal-mask{opacity:1}.modal-root--closing .modal-mask{opacity:0}.modal-panel{position:relative;pointer-events:auto;display:flex;flex-direction:column;border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);box-shadow:0 0 60px rgba(0,0,0,0.06);overflow:hidden;padding:var(--Size-6, 32px);gap:var(--Size-5, 24px);max-height:calc(100vh - 60px);opacity:0;transform:translateY(16px) scale(0.92);transition:opacity 0.18s ease, transform 0.18s ease}.modal-root--open .modal-panel{opacity:1;transform:none}.modal-root--closing .modal-panel{opacity:0;transform:translateY(-12px) scale(1.06)}.modal-header{display:flex;align-items:center;gap:4px}.modal-title{color:var(--Gray-Gray-700,#32394d);font-size:var(--Size-5, 24px);font-weight:var(--font-weight-bold);flex:1;text-align:left}.modal-close{margin-left:auto;border:0;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--font-size-xxl);line-height:1;color:var(--Gray-Gray-400)}.modal-close:hover{opacity:0.7}.modal-content{padding-right:8px;overflow:auto;flex:1;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--Gray-Gray-300,#a3abbf) var(--Gray-Gray-50,#f7f8fa)}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:var(--Gray-Gray-50,#f7f8fa);border-radius:16px}.modal-content::-webkit-scrollbar-thumb{background:var(--Gray-Gray-300,#a3abbf);border-radius:16px}.modal-footer{display:flex;justify-content:flex-end;align-items:flex-start;gap:var(--Size-1, 4px);width:100%;margin-top:auto;flex-shrink:0}.modal-footer:empty{display:none}::slotted(.button-container){display:grid;grid-template-columns:1fr 1fr;gap:var(--Size-4, 16px);min-width:470px;width:100%}::slotted(.button-container)>*{width:100%}::slotted(.button-container) dropi-button{width:100%}.modal-panel.size-m .modal-footer,.modal-panel.size-s .modal-footer{justify-content:flex-end}.modal-panel.size-m .modal-footer ::slotted(.button-container),.modal-panel.size-s .modal-footer ::slotted(.button-container){min-width:unset !important;width:100%}.modal-panel.size-drawer-s .modal-footer ::slotted(.button-container){min-width:unset;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}.modal-panel.size-full{width:100%;height:100vh;max-height:100vh;border-radius:0}.modal-panel.size-xxl{width:calc(100% - 60px);max-width:1520px;height:calc(100vh - 120px);max-height:900px}.modal-panel.size-l{width:1137px;max-width:1137px;max-height:754px}.modal-panel.size-m{max-width:550px;width:550px}.modal-panel.size-s{width:454px}.modal-root--right{align-items:stretch;justify-content:flex-end}.modal-root--right .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--right .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--right .modal-panel{transform:translateX(100%)}.modal-root--right .modal-panel.size-drawer-s{width:351px;padding:20px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-m{width:550px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-l{width:1137px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-xxl{width:1214px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-sidebar-half{width:50vw;min-width:600px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}@media (max-width: 768px){.modal-root--right .modal-panel.size-drawer-s,.modal-root--right .modal-panel.size-drawer-m,.modal-root--right .modal-panel.size-drawer-l,.modal-root--right .modal-panel.size-drawer-xxl,.modal-root--right .modal-panel.size-sidebar-half{width:100vw;min-width:unset}}.modal-root--left{align-items:stretch;justify-content:flex-start}.modal-root--left .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(-100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--left .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--left .modal-panel{transform:translateX(-100%)}.modal-root--top{align-items:flex-start}.modal-root--bottom{align-items:flex-end}@media (max-width: 599px){.modal-panel{padding:20px;width:100% !important}.modal-panel:not(.size-s){border-radius:0 !important;height:100% !important;max-height:unset !important}.modal-root--right .modal-panel{width:100vw !important;min-width:unset !important}.modal-footer{justify-content:center}.modal-footer ::slotted(.button-container){width:100%;min-width:unset !important;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}}@media (prefers-reduced-motion: reduce){.modal-root,.modal-mask,.modal-panel{transition:none !important}}";export{i as dropi_modal}
+import{r as t,c as a,B as o,h as e}from"./p-a2fb4CHk.js";const i=class{constructor(o){t(this,o),this.dropiShow=a(this,"dropiShow"),this.dropiHide=a(this,"dropiHide"),this.dropiVisibleChange=a(this,"dropiVisibleChange")}visible=!1;header=null;showCloseIcon=!0;dismissable=!0;dismissableMask=!0;dismissible=!0;closeOnEscape=!0;modal=!0;closable=!0;blockScroll=!0;showHeader=!0;showFooter=!0;position="center";size="m";styleClass=null;maxWidth=null;autoZIndex=!0;baseZIndex=1100;transitionOptions="0.15s";enableBeforeClose=!1;isDraggable=!1;resizable=!1;dropiShow;dropiHide;dropiVisibleChange;isOpen=!1;isClosing=!1;mounted=!1;closeTimer=null;keyHandler=null;canDismiss=!1;visibleChanged(t){t?this.openModal():this.startClose()}componentDidLoad(){this.visible&&this.openModal()}disconnectedCallback(){this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),"undefined"!=typeof document&&document.body.classList.remove("dropi-modal-open")}async dismiss(){this.visible?(this.visible=!1,this.dropiVisibleChange.emit(!1)):this.startClose()}async openModalExternally(){this.visible=!0,this.dropiVisibleChange.emit(!0)}openModal(){this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),this.isClosing=!1,this.mounted=!0,requestAnimationFrame((()=>requestAnimationFrame((()=>{this.isOpen=!0,this.dropiShow.emit()})))),this.addKeyHandler(),this.canDismiss=!1,setTimeout((()=>{this.canDismiss=!0}),300),(this.modal??1)&&o.isBrowser&&document.body&&document.body.classList.add("dropi-modal-open")}startClose(){!this.isClosing&&this.mounted&&(this.isClosing=!0,this.isOpen=!1,this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),this.closeTimer=setTimeout((()=>{this.mounted=!1,this.isClosing=!1,this.closeTimer=null,(this.modal??1)&&o.isBrowser&&document.body&&document.body.classList.remove("dropi-modal-open"),this.dropiHide.emit()}),200))}addKeyHandler(){this.closeOnEscape&&(this.keyHandler=t=>{"Escape"===t.key&&this.visible&&this.dismissable&&this.canDismiss&&this.dismiss()},document.addEventListener("keydown",this.keyHandler))}removeKeyHandler(){this.keyHandler&&(document.removeEventListener("keydown",this.keyHandler),this.keyHandler=null)}render(){return e("div",{key:"afa5e48e56be5263ee7730fe532c1cf25d178b73",class:`modal-root modal-root--${this.position}${this.isOpen?" modal-root--open":""}${this.isClosing?" modal-root--closing":""}`},(this.modal??!0)&&e("div",{key:"2f469b86ec4294e0e73aa6a853eb2186e8f8d142",class:"modal-mask",onClick:()=>this.canDismiss&&this.dismissable&&this.dismiss()}),e("div",{key:"019271295ea8bd221dd33f3c643ba5ba290a2b6d",class:`modal-panel size-${this.size||"m"}`,role:"dialog","aria-modal":"true"},this.showHeader&&e("div",{key:"52d22a6d389a874c52de0640c2102356ec01f00e",class:"modal-header"},this.header&&e("span",{key:"8bc171fc24b191535b49f21c235ac78b9e0da828",class:"modal-title"},this.header),e("slot",{key:"bad3234aed329d12882148f1493152cf361cb2e6",name:"header"}),this.showCloseIcon&&e("button",{key:"ca2e6373a96e02363228139138304bafb6abd5c9",class:"modal-close",onClick:()=>this.dismiss(),"aria-label":"Cerrar"},"×")),e("div",{key:"d725c7ea9fbf08b442be136c917e7a5d29a19697",class:"modal-content"},e("slot",{key:"5a80fa52be41009b519ee826f32d4fa22ab9e56d"})),this.showFooter&&e("div",{key:"b5eea1fa4e0de034ea511616b918f85575e69b54",class:"modal-footer"},e("slot",{key:"29aff99f75c5a32d02ab941f27d4c9f2ada614a8",name:"footer"}))))}static get watchers(){return{visible:[{visibleChanged:0}]}}};i.style=":host{display:contents}*,*::before,*::after{box-sizing:border-box}.modal-root{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity 0.18s ease;z-index:11000;visibility:hidden}.modal-root--open{opacity:1;pointer-events:auto;visibility:visible}.modal-root--closing{opacity:1;pointer-events:none;visibility:visible}.modal-mask{position:absolute;inset:0;background:rgba(6,11,16,0.66);pointer-events:auto;opacity:0;transition:opacity 0.18s ease}.modal-root--open .modal-mask{opacity:1}.modal-root--closing .modal-mask{opacity:0}.modal-panel{position:relative;pointer-events:auto;display:flex;flex-direction:column;border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);box-shadow:0 0 60px rgba(0,0,0,0.06);overflow:hidden;padding:var(--Size-6, 32px);gap:var(--Size-5, 24px);max-height:calc(100vh - 60px);opacity:0;transform:translateY(16px) scale(0.92);transition:opacity 0.18s ease, transform 0.18s ease}.modal-root--open .modal-panel{opacity:1;transform:none}.modal-root--closing .modal-panel{opacity:0;transform:translateY(-12px) scale(1.06)}.modal-header{display:flex;align-items:center;gap:4px}.modal-title{color:var(--Gray-Gray-700,#32394d);font-size:var(--Size-5, 24px);font-weight:var(--font-weight-bold);flex:1;text-align:left}.modal-close{margin-left:auto;border:0;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--font-size-xxl);line-height:1;color:var(--Gray-Gray-400)}.modal-close:hover{opacity:0.7}.modal-content{padding-right:8px;overflow:auto;flex:1;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--Gray-Gray-300,#a3abbf) var(--Gray-Gray-50,#f7f8fa)}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:var(--Gray-Gray-50,#f7f8fa);border-radius:16px}.modal-content::-webkit-scrollbar-thumb{background:var(--Gray-Gray-300,#a3abbf);border-radius:16px}.modal-footer{display:flex;justify-content:flex-end;align-items:flex-start;gap:var(--Size-1, 4px);width:100%;margin-top:auto;flex-shrink:0}.modal-footer:empty{display:none}::slotted(.button-container){display:grid;grid-template-columns:1fr 1fr;gap:var(--Size-4, 16px);min-width:470px;width:100%}::slotted(.button-container)>*{width:100%}::slotted(.button-container) dropi-button{width:100%}.modal-panel.size-m .modal-footer,.modal-panel.size-s .modal-footer{justify-content:flex-end}.modal-panel.size-m .modal-footer ::slotted(.button-container),.modal-panel.size-s .modal-footer ::slotted(.button-container){min-width:unset !important;width:100%}.modal-panel.size-drawer-s .modal-footer ::slotted(.button-container){min-width:unset;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}.modal-panel.size-full{width:100%;height:100vh;max-height:100vh;border-radius:0}.modal-panel.size-xxl{width:calc(100% - 60px);max-width:1520px;height:calc(100vh - 120px);max-height:900px}.modal-panel.size-l{width:1137px;max-width:1137px;max-height:754px}.modal-panel.size-m{max-width:550px;width:550px}.modal-panel.size-s{width:454px}.modal-root--right{align-items:stretch;justify-content:flex-end}.modal-root--right .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--right .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--right .modal-panel{transform:translateX(100%)}.modal-root--right .modal-panel.size-drawer-s{width:351px;padding:20px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-m{width:550px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-l{width:1137px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-xxl{width:1214px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-sidebar-half{width:50vw;min-width:600px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}@media (max-width: 768px){.modal-root--right .modal-panel.size-drawer-s,.modal-root--right .modal-panel.size-drawer-m,.modal-root--right .modal-panel.size-drawer-l,.modal-root--right .modal-panel.size-drawer-xxl,.modal-root--right .modal-panel.size-sidebar-half{width:100vw;min-width:unset}}.modal-root--left{align-items:stretch;justify-content:flex-start}.modal-root--left .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(-100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--left .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--left .modal-panel{transform:translateX(-100%)}.modal-root--top{align-items:flex-start}.modal-root--bottom{align-items:flex-end}@media (max-width: 599px){.modal-panel{padding:20px;width:100% !important}.modal-panel:not(.size-s){border-radius:0 !important;height:100% !important;max-height:unset !important}.modal-root--right .modal-panel{width:100vw !important;min-width:unset !important}.modal-footer{justify-content:center}.modal-footer ::slotted(.button-container){width:100%;min-width:unset !important;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}}@media (prefers-reduced-motion: reduce){.modal-root,.modal-mask,.modal-panel{transition:none !important}}";export{i as dropi_modal}

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

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

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

@@ -0,0 +1 @@
+import{r as t,c as e,h as i}from"./p-B-h7fjQz.js";const a=class{constructor(i){t(this,i),this.buttonClickEvent=e(this,"buttonClickEvent")}title="";description="";imageUrl="";imageAlt="Sin resultados";buttonText="";buttonIcon="";dropiIcon="default";buttonSeverity="tertiary";buttonClickEvent;render(){return i("div",{key:"50a720a8b293a19dbabccce8f7aa0fa996e5fd63",class:"empty-state"},i("div",{key:"d13894b011225337234301bd514891d89caac3d7",class:"empty-state-visual"},i("img",this.imageUrl?{class:"empty-state-img",src:this.imageUrl,alt:this.imageAlt}:{class:"empty-state-img",src:`assets/icons/ilustration/${this.dropiIcon&&"undefined"!==String(this.dropiIcon)&&"null"!==String(this.dropiIcon)?this.dropiIcon:"default"}.svg`,alt:this.imageAlt,onError:t=>t.target.src="assets/icons/ilustration/default.svg"})),this.title&&i("h3",{key:"eb40395b4bd3c623f27bc3290bb37427420c5e94",class:"empty-state-title"},this.title),this.description&&i("p",{key:"f942c17f7a8d320bbe81dfcd45d13e56d7ea8eba",class:"empty-state-description"},this.description),i("slot",{key:"513f49ffeeb77e2be1318d6d251a1bcabff2689a"}),this.buttonText&&i("div",{key:"f6d9c391feee26eac44a8904e1768678bbb1604c",class:"empty-state-actions"},i("dropi-button",{key:"f9ea9563a76a80bd29b6e6aaf8405092046a62a8",text:this.buttonText,preIcon:this.buttonIcon,severity:this.buttonSeverity,onClick:()=>this.buttonClickEvent.emit()})))}};a.style=":host{display:block}*,*::before,*::after{box-sizing:border-box}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--Size-3, 12px);padding:var(--Size-6, 32px) var(--Size-5, 20px);text-align:center}.empty-state-img{max-width:200px;width:100%;height:auto;object-fit:contain;filter:brightness(0) saturate(100%) invert(73%) sepia(9%) saturate(503%) hue-rotate(187deg) brightness(91%) contrast(88%)}.empty-state-svg{width:80px;height:80px}.empty-state-placeholder{display:flex;align-items:center;justify-content:center}.empty-state-title{margin:0;font-size:var(--font-size-l, 18px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d);line-height:1.3}.empty-state-description{margin:0;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-500, #69738c);line-height:1.6;max-width:400px}.empty-state-actions{display:flex;align-items:center;gap:var(--Size-3, 12px);flex-wrap:wrap;justify-content:center;margin-top:var(--Size-2, 8px)}";export{a as dropi_empty_state}

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

@@ -0,0 +1 @@
+import{r as a,h as i}from"./p-B-h7fjQz.js";const r="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiAzNiI+PGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IiNlNmVhZjIiLz48Y2lyY2xlIGN4PSIxOCIgY3k9IjE0IiByPSI2IiBmaWxsPSIjODU4ZWE2Ii8+PHBhdGggZD0iTTYgMzJjMC04IDI0LTggMjQgMCIgZmlsbD0iIzg1OGVhNiIvPjwvc3ZnPg==",t=class{constructor(i){a(this,i)}image="";alt="Avatar";type="users";initials="";handleError(a){a.target.src=r}render(){const a=this.initials?.slice(0,2).toUpperCase(),t=!this.image&&a;return i("figure",{key:"db9310b5c789b079fc0f9043a619bd22f9a60151",class:{avatar:!0,[`avatar--${this.type}`]:!0}},t?i("div",{class:"avatar__initials"},a):i("img",{src:this.image||r,alt:this.alt,onError:a=>this.handleError(a)}))}};t.style=":host{display:inline-block}.avatar{margin:0;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar--users,.avatar--transport,.avatar--payment{width:35px;height:35px}.avatar--supplier{width:70px;height:70px}.avatar--counter{width:33px;height:33px}.avatar__initials{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background-color:var(--Primary-Primary-100, #fde9d0);color:var(--Primary-Primary-600, #d4872e);font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;letter-spacing:0.5px}";export{t as dropi_avatars}

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

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

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

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

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

@@ -1 +1 @@
-import{r as t,c as o,B as a,h as e}from"./p-D5SAM1O2.js";const i=class{constructor(a){t(this,a),this.dropiShow=o(this,"dropiShow",5),this.dropiHide=o(this,"dropiHide",5),this.dropiVisibleChange=o(this,"dropiVisibleChange",5)}visible=!1;header=null;showCloseIcon=!0;dismissable=!0;dismissableMask=!0;dismissible=!0;closeOnEscape=!0;modal=!0;closable=!0;blockScroll=!0;showHeader=!0;showFooter=!0;position="center";size="m";styleClass=null;maxWidth=null;autoZIndex=!0;baseZIndex=1100;transitionOptions="0.15s";enableBeforeClose=!1;isDraggable=!1;resizable=!1;dropiShow;dropiHide;dropiVisibleChange;isOpen=!1;isClosing=!1;mounted=!1;closeTimer=null;keyHandler=null;canDismiss=!1;visibleChanged(t,o){const a=!!t;a!==!!o&&(console.log("[DropiModal] visibleChanged:",a),a?this.openModal():this.mounted&&this.startClose())}componentDidLoad(){this.visible&&this.openModal()}disconnectedCallback(){this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),"undefined"!=typeof document&&document.body.classList.remove("dropi-modal-open")}async dismiss(){this.dropiVisibleChange.emit(!1),this.startClose()}async openModalExternally(){this.dropiVisibleChange.emit(!0),this.openModal()}openModal(){this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),this.mounted=!0,this.isClosing=!1,this.isOpen=!1,requestAnimationFrame((()=>requestAnimationFrame((()=>{this.isOpen=!0,this.dropiShow.emit()})))),this.addKeyHandler(),this.canDismiss=!1,setTimeout((()=>{this.canDismiss=!0}),300),(this.modal??1)&&a.isBrowser&&document.body&&document.body.classList.add("dropi-modal-open")}startClose(){this.isClosing||(this.isClosing=!0,this.isOpen=!1,this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),this.closeTimer=setTimeout((()=>{this.mounted=!1,this.isClosing=!1,this.closeTimer=null,(this.modal??1)&&a.isBrowser&&document.body&&document.body.classList.remove("dropi-modal-open"),this.dropiHide.emit()}),200))}addKeyHandler(){this.closeOnEscape&&(this.keyHandler=t=>{"Escape"===t.key&&this.visible&&this.dismissable&&this.canDismiss&&this.dismiss()},document.addEventListener("keydown",this.keyHandler))}removeKeyHandler(){this.keyHandler&&(document.removeEventListener("keydown",this.keyHandler),this.keyHandler=null)}render(){return e("div",{key:"2597cdfffdc82847ce0f711eb402f5afa1e4e3a0",class:`modal-root modal-root--${this.position}${this.isOpen?" modal-root--open":""}${this.isClosing?" modal-root--closing":""}`},(this.modal??!0)&&e("div",{key:"ff3c62dc1c18b77361eeeab0b865b27c55c5d2c2",class:"modal-mask",onClick:()=>this.canDismiss&&this.dismissable&&this.dismiss()}),e("div",{key:"1f87002bd8a35857682a00d4f06ea9089deeca9c",class:`modal-panel size-${this.size||"m"}`,role:"dialog","aria-modal":"true"},this.showHeader&&e("div",{key:"dfb17584e54a7ed069be54d6a38d991435ea7b01",class:"modal-header"},this.header&&e("span",{key:"67dbac2764f4e499d9d6ae78d28cdadab3479a10",class:"modal-title"},this.header),e("slot",{key:"34337f4fcc78fec3303be4461ca0489823c6e834",name:"header"}),this.showCloseIcon&&e("button",{key:"0aa6584822ed70231dab0273fb50c74ca01779de",class:"modal-close",onClick:()=>this.dismiss(),"aria-label":"Cerrar"},"×")),e("div",{key:"c5359aeff1e19831e322a0df1af6664479035aef",class:"modal-content"},e("slot",{key:"0fcb04848607d90194bb1b01dae690a689c2e4f8"})),this.showFooter&&e("div",{key:"fb7aa604bd7f71fdb1397b03fc84b99dabca5ecb",class:"modal-footer"},e("slot",{key:"89fbf048fbb4b16d950d83d949d53267c232b354",name:"footer"}))))}static get watchers(){return{visible:[{visibleChanged:0}]}}};i.style=":host{display:contents}*,*::before,*::after{box-sizing:border-box}.modal-root{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity 0.18s ease;z-index:9999;visibility:hidden}.modal-root--open{opacity:1;pointer-events:auto;visibility:visible}.modal-root--closing{opacity:1;pointer-events:none;visibility:visible}.modal-mask{position:absolute;inset:0;background:rgba(6,11,16,0.66);pointer-events:auto;opacity:0;transition:opacity 0.18s ease}.modal-root--open .modal-mask{opacity:1}.modal-root--closing .modal-mask{opacity:0}.modal-panel{position:relative;pointer-events:auto;display:flex;flex-direction:column;border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);box-shadow:0 0 60px rgba(0,0,0,0.06);overflow:hidden;padding:var(--Size-6, 32px);gap:var(--Size-5, 24px);max-height:calc(100vh - 60px);opacity:0;transform:translateY(16px) scale(0.92);transition:opacity 0.18s ease, transform 0.18s ease}.modal-root--open .modal-panel{opacity:1;transform:none}.modal-root--closing .modal-panel{opacity:0;transform:translateY(-12px) scale(1.06)}.modal-header{display:flex;align-items:center;gap:4px}.modal-title{color:var(--Gray-Gray-700,#32394d);font-size:var(--Size-5, 24px);font-weight:var(--font-weight-bold);flex:1;text-align:left}.modal-close{margin-left:auto;border:0;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--font-size-xxl);line-height:1;color:var(--Gray-Gray-400)}.modal-close:hover{opacity:0.7}.modal-content{padding-right:8px;overflow:auto;flex:1;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--Gray-Gray-300,#a3abbf) var(--Gray-Gray-50,#f7f8fa)}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:var(--Gray-Gray-50,#f7f8fa);border-radius:16px}.modal-content::-webkit-scrollbar-thumb{background:var(--Gray-Gray-300,#a3abbf);border-radius:16px}.modal-footer{display:flex;justify-content:flex-end;align-items:flex-start;gap:var(--Size-1, 4px);width:100%;margin-top:auto;flex-shrink:0}.modal-footer:empty{display:none}::slotted(.button-container){display:grid;grid-template-columns:1fr 1fr;gap:var(--Size-4, 16px);min-width:470px;width:100%}::slotted(.button-container)>*{width:100%}::slotted(.button-container) dropi-button{width:100%}.modal-panel.size-m .modal-footer,.modal-panel.size-s .modal-footer{justify-content:center}.modal-panel.size-m .modal-footer ::slotted(.button-container),.modal-panel.size-s .modal-footer ::slotted(.button-container){min-width:unset !important;width:100%}.modal-panel.size-drawer-s .modal-footer ::slotted(.button-container){min-width:unset;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}.modal-panel.size-full{width:100%;height:100vh;max-height:100vh;border-radius:0}.modal-panel.size-xxl{width:calc(100% - 60px);max-width:1520px;height:calc(100vh - 120px);max-height:900px}.modal-panel.size-l{width:1137px;max-width:1137px;max-height:754px}.modal-panel.size-m{max-width:550px;width:550px}.modal-panel.size-s{width:454px}.modal-root--right{align-items:stretch;justify-content:flex-end}.modal-root--right .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--right .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--right .modal-panel{transform:translateX(100%)}.modal-root--right .modal-panel.size-drawer-s{width:351px;padding:20px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-m{width:550px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-l{width:1137px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-xxl{width:1214px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-sidebar-half{width:50vw;min-width:600px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}@media (max-width: 768px){.modal-root--right .modal-panel.size-drawer-s,.modal-root--right .modal-panel.size-drawer-m,.modal-root--right .modal-panel.size-drawer-l,.modal-root--right .modal-panel.size-drawer-xxl,.modal-root--right .modal-panel.size-sidebar-half{width:100vw;min-width:unset}}.modal-root--left{align-items:stretch;justify-content:flex-start}.modal-root--left .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(-100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--left .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--left .modal-panel{transform:translateX(-100%)}.modal-root--top{align-items:flex-start}.modal-root--bottom{align-items:flex-end}@media (max-width: 599px){.modal-panel{padding:20px;width:100% !important}.modal-panel:not(.size-s){border-radius:0 !important;height:100% !important;max-height:unset !important}.modal-root--right .modal-panel{width:100vw !important;min-width:unset !important}.modal-footer{justify-content:center}.modal-footer ::slotted(.button-container){width:100%;min-width:unset !important;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}}@media (prefers-reduced-motion: reduce){.modal-root,.modal-mask,.modal-panel{transition:none !important}}";export{i as dropi_modal}
+import{r as t,c as o,B as a,h as e}from"./p-D5SAM1O2.js";const i=class{constructor(a){t(this,a),this.dropiShow=o(this,"dropiShow",5),this.dropiHide=o(this,"dropiHide",5),this.dropiVisibleChange=o(this,"dropiVisibleChange",5)}visible=!1;header=null;showCloseIcon=!0;dismissable=!0;dismissableMask=!0;dismissible=!0;closeOnEscape=!0;modal=!0;closable=!0;blockScroll=!0;showHeader=!0;showFooter=!0;position="center";size="m";styleClass=null;maxWidth=null;autoZIndex=!0;baseZIndex=1100;transitionOptions="0.15s";enableBeforeClose=!1;isDraggable=!1;resizable=!1;dropiShow;dropiHide;dropiVisibleChange;isOpen=!1;isClosing=!1;mounted=!1;closeTimer=null;keyHandler=null;canDismiss=!1;visibleChanged(t,o){const a=!!t;a!==!!o&&(console.log("[DropiModal] visibleChanged:",a),a?this.openModal():this.mounted&&this.startClose())}componentDidLoad(){this.visible&&this.openModal()}disconnectedCallback(){this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),"undefined"!=typeof document&&document.body.classList.remove("dropi-modal-open")}async dismiss(){this.dropiVisibleChange.emit(!1),this.startClose()}async openModalExternally(){this.dropiVisibleChange.emit(!0),this.openModal()}openModal(){this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),this.mounted=!0,this.isClosing=!1,this.isOpen=!1,requestAnimationFrame((()=>requestAnimationFrame((()=>{this.isOpen=!0,this.dropiShow.emit()})))),this.addKeyHandler(),this.canDismiss=!1,setTimeout((()=>{this.canDismiss=!0}),300),(this.modal??1)&&a.isBrowser&&document.body&&document.body.classList.add("dropi-modal-open")}startClose(){this.isClosing||(this.isClosing=!0,this.isOpen=!1,this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),this.closeTimer=setTimeout((()=>{this.mounted=!1,this.isClosing=!1,this.closeTimer=null,(this.modal??1)&&a.isBrowser&&document.body&&document.body.classList.remove("dropi-modal-open"),this.dropiHide.emit()}),200))}addKeyHandler(){this.closeOnEscape&&(this.keyHandler=t=>{"Escape"===t.key&&this.visible&&this.dismissable&&this.canDismiss&&this.dismiss()},document.addEventListener("keydown",this.keyHandler))}removeKeyHandler(){this.keyHandler&&(document.removeEventListener("keydown",this.keyHandler),this.keyHandler=null)}render(){return e("div",{key:"2597cdfffdc82847ce0f711eb402f5afa1e4e3a0",class:`modal-root modal-root--${this.position}${this.isOpen?" modal-root--open":""}${this.isClosing?" modal-root--closing":""}`},(this.modal??!0)&&e("div",{key:"ff3c62dc1c18b77361eeeab0b865b27c55c5d2c2",class:"modal-mask",onClick:()=>this.canDismiss&&this.dismissable&&this.dismiss()}),e("div",{key:"1f87002bd8a35857682a00d4f06ea9089deeca9c",class:`modal-panel size-${this.size||"m"}`,role:"dialog","aria-modal":"true"},this.showHeader&&e("div",{key:"dfb17584e54a7ed069be54d6a38d991435ea7b01",class:"modal-header"},this.header&&e("span",{key:"67dbac2764f4e499d9d6ae78d28cdadab3479a10",class:"modal-title"},this.header),e("slot",{key:"34337f4fcc78fec3303be4461ca0489823c6e834",name:"header"}),this.showCloseIcon&&e("button",{key:"0aa6584822ed70231dab0273fb50c74ca01779de",class:"modal-close",onClick:()=>this.dismiss(),"aria-label":"Cerrar"},"×")),e("div",{key:"c5359aeff1e19831e322a0df1af6664479035aef",class:"modal-content"},e("slot",{key:"0fcb04848607d90194bb1b01dae690a689c2e4f8"})),this.showFooter&&e("div",{key:"fb7aa604bd7f71fdb1397b03fc84b99dabca5ecb",class:"modal-footer"},e("slot",{key:"89fbf048fbb4b16d950d83d949d53267c232b354",name:"footer"}))))}static get watchers(){return{visible:[{visibleChanged:0}]}}};i.style=":host{display:contents}*,*::before,*::after{box-sizing:border-box}.modal-root{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity 0.18s ease;z-index:11000;visibility:hidden}.modal-root--open{opacity:1;pointer-events:auto;visibility:visible}.modal-root--closing{opacity:1;pointer-events:none;visibility:visible}.modal-mask{position:absolute;inset:0;background:rgba(6,11,16,0.66);pointer-events:auto;opacity:0;transition:opacity 0.18s ease}.modal-root--open .modal-mask{opacity:1}.modal-root--closing .modal-mask{opacity:0}.modal-panel{position:relative;pointer-events:auto;display:flex;flex-direction:column;border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);box-shadow:0 0 60px rgba(0,0,0,0.06);overflow:hidden;padding:var(--Size-6, 32px);gap:var(--Size-5, 24px);max-height:calc(100vh - 60px);opacity:0;transform:translateY(16px) scale(0.92);transition:opacity 0.18s ease, transform 0.18s ease}.modal-root--open .modal-panel{opacity:1;transform:none}.modal-root--closing .modal-panel{opacity:0;transform:translateY(-12px) scale(1.06)}.modal-header{display:flex;align-items:center;gap:4px}.modal-title{color:var(--Gray-Gray-700,#32394d);font-size:var(--Size-5, 24px);font-weight:var(--font-weight-bold);flex:1;text-align:left}.modal-close{margin-left:auto;border:0;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--font-size-xxl);line-height:1;color:var(--Gray-Gray-400)}.modal-close:hover{opacity:0.7}.modal-content{padding-right:8px;overflow:auto;flex:1;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--Gray-Gray-300,#a3abbf) var(--Gray-Gray-50,#f7f8fa)}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:var(--Gray-Gray-50,#f7f8fa);border-radius:16px}.modal-content::-webkit-scrollbar-thumb{background:var(--Gray-Gray-300,#a3abbf);border-radius:16px}.modal-footer{display:flex;justify-content:flex-end;align-items:flex-start;gap:var(--Size-1, 4px);width:100%;margin-top:auto;flex-shrink:0}.modal-footer:empty{display:none}::slotted(.button-container){display:grid;grid-template-columns:1fr 1fr;gap:var(--Size-4, 16px);min-width:470px;width:100%}::slotted(.button-container)>*{width:100%}::slotted(.button-container) dropi-button{width:100%}.modal-panel.size-m .modal-footer,.modal-panel.size-s .modal-footer{justify-content:center}.modal-panel.size-m .modal-footer ::slotted(.button-container),.modal-panel.size-s .modal-footer ::slotted(.button-container){min-width:unset !important;width:100%}.modal-panel.size-drawer-s .modal-footer ::slotted(.button-container){min-width:unset;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}.modal-panel.size-full{width:100%;height:100vh;max-height:100vh;border-radius:0}.modal-panel.size-xxl{width:calc(100% - 60px);max-width:1520px;height:calc(100vh - 120px);max-height:900px}.modal-panel.size-l{width:1137px;max-width:1137px;max-height:754px}.modal-panel.size-m{max-width:550px;width:550px}.modal-panel.size-s{width:454px}.modal-root--right{align-items:stretch;justify-content:flex-end}.modal-root--right .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--right .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--right .modal-panel{transform:translateX(100%)}.modal-root--right .modal-panel.size-drawer-s{width:351px;padding:20px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-m{width:550px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-l{width:1137px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-xxl{width:1214px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-sidebar-half{width:50vw;min-width:600px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}@media (max-width: 768px){.modal-root--right .modal-panel.size-drawer-s,.modal-root--right .modal-panel.size-drawer-m,.modal-root--right .modal-panel.size-drawer-l,.modal-root--right .modal-panel.size-drawer-xxl,.modal-root--right .modal-panel.size-sidebar-half{width:100vw;min-width:unset}}.modal-root--left{align-items:stretch;justify-content:flex-start}.modal-root--left .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(-100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--left .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--left .modal-panel{transform:translateX(-100%)}.modal-root--top{align-items:flex-start}.modal-root--bottom{align-items:flex-end}@media (max-width: 599px){.modal-panel{padding:20px;width:100% !important}.modal-panel:not(.size-s){border-radius:0 !important;height:100% !important;max-height:unset !important}.modal-root--right .modal-panel{width:100vw !important;min-width:unset !important}.modal-footer{justify-content:center}.modal-footer ::slotted(.button-container){width:100%;min-width:unset !important;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}}@media (prefers-reduced-motion: reduce){.modal-root,.modal-mask,.modal-panel{transition:none !important}}";export{i as dropi_modal}

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

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

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

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

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

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

package/dist/esm/dropi-accordion-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, a as getElement, h } from './index-a2fb4CHk.js';
+import { r as registerInstance, a as getElement, h } from './index-B-h7fjQz.js';
 
 const dropiAccordionItemCss = () => `:host{display:block;border-bottom:1px solid var(--Gray-Gray-100)}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px;background:white;border:none;cursor:pointer;text-align:left}.accordion-header-left{display:flex;align-items:center;gap:8px}.accordion-title{font-size:var(--font-size-m);font-weight:var(--font-weight-semibold);color:var(--Gray-Gray-700)}.accordion-chevron{transition:transform 0.3s ease}.accordion-chevron--open{transform:rotate(180deg)}.accordion-body{overflow:hidden;transition:max-height 0.3s ease-out}.accordion-content{padding:0 16px 16px 16px}`;
 

package/dist/esm/dropi-accordion.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-a2fb4CHk.js';
+import { r as registerInstance, h } from './index-B-h7fjQz.js';
 
 const dropiAccordionCss = () => `:host{display:block;width:100%;margin-bottom:-1px}*,*::before,*::after{box-sizing:border-box}.accordion{border-top:1px solid var(--Gray-Gray-100,#e6eaf2);border-bottom:1px solid var(--Gray-Gray-100,#e6eaf2);overflow:hidden}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--Size-4,16px) var(--Size-5,20px);background:transparent;border:none;cursor:pointer;gap:12px;text-align:left}.accordion-header:disabled{cursor:not-allowed;opacity:0.5}.accordion--open .accordion-header{border-bottom:1px solid var(--Gray-Gray-100,#e6eaf2)}.accordion-header-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.accordion-title{font-size:var(--font-size-m, 16px);font-weight:var(--font-weight-bold,700);color:var(--Gray-Gray-600, #475066);line-height:1.4}.accordion-chevron{display:flex;align-items:center;flex-shrink:0;transition:transform 0.22s ease}.accordion-chevron--open{transform:rotate(180deg)}.accordion-body{max-height:0;overflow:hidden;transition:max-height 0.28s ease}.accordion-content{padding:0 var(--Size-5,20px) var(--Size-4,16px);color:var(--Gray-Gray-600,#475066);font-size:var(--font-size-s,12px);line-height:1.6}`;
 

package/dist/esm/dropi-alert-legacy.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-a2fb4CHk.js';
+import { r as registerInstance, h } from './index-B-h7fjQz.js';
 
 const dropiAlertLegacyCss = () => `:host{display:block;margin:10px 0}.alert-legacy{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:var(--Border-2);font-size:var(--font-size-s)}.alert-legacy--success{background:var(--Success-Success-50);color:var(--Success-Success-700);border:1px solid var(--Success-Success-200)}.alert-legacy--error{background:var(--Error-Error-50);color:var(--Error-Error-700);border:1px solid var(--Error-Error-200)}.alert-legacy--warning{background:var(--Warning-Warning-50);color:var(--Warning-Warning-700);border:1px solid var(--Warning-Warning-200)}.alert-legacy--info{background:var(--Info-Info-50);color:var(--Info-Info-700);border:1px solid var(--Info-Info-200)}.alert-legacy__close{background:transparent;border:none;font-size:20px;cursor:pointer;color:currentColor;opacity:0.6}.alert-legacy__close:hover{opacity:1}`;
 

package/dist/esm/dropi-alert-modal.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-a2fb4CHk.js';
+import { r as registerInstance, c as createEvent, h } from './index-B-h7fjQz.js';
 
 const dropiAlertModalCss = () => `:host{display:contents}.body-alert{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--Size-3);width:100%;flex:1;overflow:visible;padding-bottom:var(--Size-2)}.lottie-img{width:120px;height:120px;overflow:hidden;flex-shrink:0;align-self:center;margin-top:-8px;margin-bottom:var(--Size-2)}.lottie-img lottie-player{display:block;width:120px;height:120px}.lottie-img--loading{width:100%;height:120px;overflow:hidden;display:flex;align-items:center;justify-content:center}.lottie-img--loading lottie-player{width:300px;height:auto;flex-shrink:0}.content-alert{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center}.content-alert h2{color:var(--Gray-Gray-800);font-size:19px;font-weight:var(--font-weight-semibold);margin:0}.content-alert p{color:var(--Gray-Gray-500);font-size:var(--font-size-s);margin-bottom:var(--Size-2);overflow-wrap:anywhere;max-height:100px;overflow:auto}.custom-content{width:100%;text-align:left;margin-top:var(--Size-2);display:flex;flex-direction:column;gap:var(--Size-3)}.actions{display:flex;gap:var(--Size-3);width:100%}.actions dropi-button{flex:1;display:flex;justify-content:center}@media (max-width: 768px){.actions{flex-direction:column}.actions dropi-button{width:100%}}`;
 

package/dist/esm/dropi-alert.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-a2fb4CHk.js';
+import { r as registerInstance, c as createEvent, h } from './index-B-h7fjQz.js';
 
 const dropiAlertCss = () => `:host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.alert{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-3, 12px);border-radius:var(--Border-2, 8px);border:1px solid transparent;width:100%}.alert--success{background:var(--Success-Success-50, #e7f8f3);border-color:var(--Success-Success-500, #0abb87)}.alert--error{background:var(--Error-Error-50, #fef0f0);border-color:var(--Error-Error-500, #f46a6b)}.alert--warning{background:var(--Warning-Warning-50, #fef8ed);border-color:var(--Warning-Warning-500, #f1b44c)}.alert--info{background:var(--Info-Info-50, #eef6fe);border-color:var(--Info-Info-500, #50a5f1)}.alert--flag{padding:var(--Size-1, 4px) var(--Size-2, 8px);border-radius:var(--Border-1, 4px);border:none !important;justify-content:center}.alert--flag .alert__body{justify-content:center;text-align:center}.alert--flag .alert__message{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular)}.alert__icon{display:flex;align-items:center;flex-shrink:0;padding-top:1px}.alert__body{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--Size-1, 4px)}.alert__message{font-size:var(--font-size-s);color:var(--Gray-600, #475066);font-weight:var(--font-weight-medium);line-height:1.5}.alert__link{font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);color:var(--Primary-Primary-500, #f49a3d);text-decoration:underline;cursor:pointer}.alert__actions{display:flex;align-items:center;gap:var(--Size-2, 8px);flex-shrink:0}.alert__btn{height:28px;padding:0 var(--Size-3, 12px);border-radius:var(--Border-2, 8px);border:1px solid var(--Primary-Primary-500, #f49a3d);background:transparent;color:var(--Primary-Primary-500, #f49a3d);font-size:var(--font-size-xs, 10px);font-family:inherit;font-weight:var(--font-weight-bold, 700);cursor:pointer;transition:background 0.15s, color 0.15s}.alert__btn:hover{background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #ffffff)}.alert__close{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;opacity:0.6;transition:opacity 0.15s}.alert__close:hover{opacity:1}`;
 

package/dist/esm/dropi-avatars.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-a2fb4CHk.js';
+import { r as registerInstance, h } from './index-B-h7fjQz.js';
 
 const dropiAvatarsCss = () => `:host{display:inline-block}.avatar{margin:0;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar--users,.avatar--transport,.avatar--payment{width:35px;height:35px}.avatar--supplier{width:70px;height:70px}.avatar--counter{width:33px;height:33px}.avatar__initials{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background-color:var(--Primary-Primary-100, #fde9d0);color:var(--Primary-Primary-600, #d4872e);font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;letter-spacing:0.5px}`;
 

package/dist/esm/dropi-badge-legacy.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-a2fb4CHk.js';
+import { r as registerInstance, h } from './index-B-h7fjQz.js';
 
 const dropiBadgeLegacyCss = () => `:host{display:inline-block}.badge-legacy{display:flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:600}.badge-legacy--primary{background:var(--Primary-Primary-50);color:var(--Primary-Primary-500)}.badge-legacy--secondary{background:var(--Gray-Gray-100);color:var(--Gray-Gray-600)}.badge-legacy--tertiary{background:var(--Success-Success-50);color:var(--Success-Success-500)}`;
 

package/dist/esm/dropi-badge.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-a2fb4CHk.js';
+import { r as registerInstance, h } from './index-B-h7fjQz.js';
 
 const dropiBadgeCss = () => `:host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.tag-state{border-radius:12px;padding:2px 10px;display:flex;align-items:center;gap:4px}.tag-state svg{width:13px}.tag-state p{font-size:13px;font-weight:var(--font-weight-medium);line-height:20px;margin:0;padding:0}.tag-state.active{background:var(--Success-Success-50, #e7f8f3);color:var(--Success-Success-500, #0abb87)}.tag-state.pending{color:var(--Orange-orange-500, #f49a3d);background:var(--Orange-orange-50, #fef5ec)}.tag-state.canceled,.tag-state.frozen{color:var(--Gray-Gray-500, #69738c);background:var(--Gray-Gray-50, #f7f8fa)}`;
 

package/dist/esm/dropi-banner-external.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, a as getElement, h } from './index-a2fb4CHk.js';
+import { r as registerInstance, c as createEvent, a as getElement, h } from './index-B-h7fjQz.js';
 
 const dropiBannerExternalCss = () => `:host{display:block;width:100%}.dropi-banner-external{display:block;width:100%;position:relative;margin-bottom:16px;border-radius:var(--Border-2, 8px)}.dropi-banner-external a{display:block;text-decoration:none}.click-wrapper{cursor:pointer}.inner{position:relative;display:block}.inner img{display:block;width:100%;height:auto;border-radius:var(--Border-2, 8px);max-width:1220px;margin:auto}.close-btn{position:absolute;top:4px;right:4px;background:rgba(255, 255, 255, 0.8);border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background 0.15s ease}.close-btn:hover{background:rgba(255, 255, 255, 1)}`;
 

package/dist/esm/dropi-breadcrumb.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-a2fb4CHk.js';
+import { r as registerInstance, c as createEvent, h } from './index-B-h7fjQz.js';
 
 const dropiBreadcrumbCss = () => `:host{display:block}*,*::before,*::after{box-sizing:border-box}.breadcrumb{margin:0}.crumb-list{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.crumb-home{display:flex;padding-right:4px;align-items:center;gap:4px}.home-link{display:inline-flex;align-items:center;color:var(--Gray-Gray-500, #69738c);text-decoration:none;transition:color 0.2s ease}.home-link:hover{color:var(--Gray-Gray-700, #32394d)}.crumb{display:flex;padding:0 4px;align-items:center;gap:8px}.crumb-link{color:var(--Gray-Gray-500, #69738c);text-align:center;cursor:pointer;text-decoration:none;transition:color 0.2s ease;font-size:var(--font-size-s, 12px)}.crumb-link:hover{color:var(--Gray-Gray-700, #32394d);text-decoration:underline}.crumb-link.disabled{pointer-events:none;color:var(--Gray-Gray-300, #a1a8b8);cursor:not-allowed;text-decoration:none}.current{color:var(--Gray-Gray-700, #32394d);cursor:default;font-size:var(--font-size-s, 12px)}`;
 

package/dist/esm/dropi-button.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-a2fb4CHk.js';
+import { r as registerInstance, c as createEvent, h } from './index-B-h7fjQz.js';
 
 const dropiButtonCss = () => `:host{display:inline-block;border:0}:host([full-width]){display:flex;width:100%}:host([full-width]) .btn{width:100%}*,*::before,*::after{box-sizing:border-box}.btn{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:var(--Size-1, 4px);border-radius:var(--Border-2, 8px);font-weight:var(--font-weight-bold);min-width:33px;line-height:110%;cursor:pointer;white-space:nowrap;transition:background 0.25s ease,     color 0.25s ease,     border-color 0.25s ease,     transform 0.25s ease}.btn:active{transition:transform 0.01s ease-out;transform:scale(0.98)}.btn:hover:not(:active){transform:scale(1.01)}.btn.without-text{gap:0}.btn.large{padding:var(--Size-4, 16px);font-size:var(--Size-4, 16px);height:48px}.btn.normal{padding:var(--Size-3, 12px);font-size:var(--font-size-s, 12px);height:40px}.btn.small{padding:var(--Size-2, 8px);font-size:var(--font-size-s, 12px);height:29px}.btn.disabled,.btn.loading{cursor:not-allowed;pointer-events:none}.btn.primary.default{background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #ffffff)}.btn.primary.default:hover{background:var(--Primary-Primary-600, #e58017)}.btn.primary.success{background:var(--Success-Success-500, #0abb87);color:var(--Neutral-White, #ffffff)}.btn.primary.success:hover{background:var(--Success-Success-600, #09aa7b)}.btn.primary.info{background:var(--Info-Info-500, #50a5f1);color:var(--Neutral-White, #ffffff)}.btn.primary.info:hover{background:var(--Info-Info-600, #4996db)}.btn.primary.error{background:var(--Error-Error-500, #f46a6b);color:var(--Neutral-White, #ffffff)}.btn.primary.error:hover{background:var(--Error-Error-600, #de6061)}.btn.primary.warning{background:var(--Warning-Warning-500, #f1b44c);color:var(--Neutral-White, #ffffff)}.btn.primary.warning:hover{background:var(--Warning-Warning-600, #dba445)}.btn.primary.legacy{background:var(--Secondary-Secondary-500, #008dbf);color:var(--Neutral-White, #ffffff)}.btn.primary.legacy:hover{background:var(--Secondary-Secondary-600, #007199)}.btn.primary.disabled.default{background:var(--Primary-Primary-300, #f2bc85);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.success{background:var(--Success-Success-300, #5bd1af);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.info{background:var(--Info-Info-300, #8ac3f6);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.error{background:var(--Error-Error-300, #f89b9c);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.warning{background:var(--Warning-Warning-300, #f6cd87);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.legacy{background:var(--Secondary-Secondary-300, #62bad9);color:var(--Neutral-White, #ffffff)}.btn.secondary{background:var(--Neutral-White, #ffffff);border:1px solid}.btn.secondary.default{border-color:var(--Primary-Primary-500, #f49a3d);color:var(--Primary-Primary-500, #f49a3d)}.btn.secondary.default:hover{color:var(--Primary-Primary-600, #e58017);border-color:var(--Primary-Primary-600, #e58017)}.btn.secondary.success{border-color:var(--Success-Success-500, #0abb87);color:var(--Success-Success-500, #0abb87)}.btn.secondary.success:hover{color:var(--Success-Success-600, #09aa7b);border-color:var(--Success-Success-600, #09aa7b)}.btn.secondary.info{border-color:var(--Info-Info-500, #50a5f1);color:var(--Info-Info-500, #50a5f1)}.btn.secondary.info:hover{color:var(--Info-Info-600, #4996db);border-color:var(--Info-Info-600, #4996db)}.btn.secondary.error{border-color:var(--Error-Error-500, #f46a6b);color:var(--Error-Error-500, #f46a6b)}.btn.secondary.error:hover{color:var(--Error-Error-600, #de6061);border-color:var(--Error-Error-600, #de6061)}.btn.secondary.warning{border-color:var(--Warning-Warning-500, #f1b44c);color:var(--Warning-Warning-500, #f1b44c)}.btn.secondary.warning:hover{color:var(--Warning-Warning-600, #dba445);border-color:var(--Warning-Warning-600, #dba445)}.btn.secondary.legacy{border-color:var(--Secondary-Secondary-500, #008dbf);color:var(--Secondary-Secondary-500, #008dbf)}.btn.secondary.legacy:hover{color:var(--Secondary-Secondary-600, #007199);border-color:var(--Secondary-Secondary-600, #007199)}.btn.secondary.disabled.default{border-color:var(--Primary-Primary-300, #f2bc85);color:var(--Primary-Primary-300, #f2bc85)}.btn.secondary.disabled.success{border-color:var(--Success-Success-300, #5bd1af);color:var(--Success-Success-300, #5bd1af)}.btn.secondary.disabled.info{border-color:var(--Info-Info-300, #8ac3f6);color:var(--Info-Info-300, #8ac3f6)}.btn.secondary.disabled.error{border-color:var(--Error-Error-300, #f89b9c);color:var(--Error-Error-300, #f89b9c)}.btn.secondary.disabled.warning{border-color:var(--Warning-Warning-300, #f6cd87);color:var(--Warning-Warning-300, #f6cd87)}.btn.secondary.disabled.legacy{border-color:var(--Secondary-Secondary-300, #62bad9);color:var(--Secondary-Secondary-300, #62bad9)}.btn.tertiary{background:none;border:none}.btn.tertiary.default,.btn.tertiary.legacy{border:none !important;box-shadow:none !important;color:var(--Gray-Gray-500, #69738c)}.btn.tertiary.default:hover,.btn.tertiary.legacy:hover{background:var(--Gray-Gray-50, #f5f6f8);box-shadow:none !important;color:var(--Gray-Gray-600, #475066)}.btn.tertiary.success{color:var(--Success-Success-500, #0abb87)}.btn.tertiary.success:hover{background:var(--Success-Success-50, #e7f8f3)}.btn.tertiary.info{color:var(--Info-Info-500, #50a5f1)}.btn.tertiary.info:hover{background:var(--Info-Info-50, #eef6fe)}.btn.tertiary.error{color:var(--Error-Error-500, #f46a6b)}.btn.tertiary.error:hover{background:var(--Error-Error-50, #fef0f0)}.btn.tertiary.warning{color:var(--Warning-Warning-500, #f1b44c)}.btn.tertiary.warning:hover{background:var(--Warning-Warning-50, #fef8ed)}.btn.tertiary.dropdown{color:var(--Gray-Gray-500, #69738c);font-weight:var(--font-weight-regular);font-size:var(--font-size-s);background:transparent}.btn.tertiary.disabled.default,.btn.tertiary.disabled.legacy{border:none !important;color:var(--Gray-Gray-400, #858ea6)}.btn.tertiary.disabled.success{color:var(--Success-Success-300, #5bd1af)}.btn.tertiary.disabled.info{color:var(--Info-Info-300, #8ac3f6)}.btn.tertiary.disabled.error{color:var(--Error-Error-300, #f89b9c)}.btn.tertiary.disabled.warning{color:var(--Warning-Warning-300, #f6cd87)}.spin{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}`;
 
@@ -6,7 +6,15 @@ const DropiButton = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.dropiClick = createEvent(this, "dropiClick");
+        if (hostRef.$hostElement$["s-ei"]) {
+            this.internals = hostRef.$hostElement$["s-ei"];
+        }
+        else {
+            this.internals = hostRef.$hostElement$.attachInternals();
+            hostRef.$hostElement$["s-ei"] = this.internals;
+        }
     }
+    internals;
     /** Visual color palette */
     type = 'default';
     /** Primary (filled) | Secondary (outlined) | Tertiary (ghost) */
@@ -25,6 +33,8 @@ const DropiButton = class {
     customIconColor = '';
     /** Button label */
     text = '';
+    /** Native HTML button type (submit, reset, button) */
+    nativeType = 'button';
     /** Emitted on click (not emitted when disabled or loading) */
     dropiClick;
     colorMap = {
@@ -59,6 +69,12 @@ const DropiButton = class {
     handleClick(e) {
         if (this.state !== 'disabled' && this.state !== 'loading') {
             this.dropiClick.emit(e);
+            if (this.nativeType === 'submit') {
+                this.internals.form?.requestSubmit();
+            }
+            else if (this.nativeType === 'reset') {
+                this.internals.form?.reset();
+            }
         }
     }
     renderLoadingSpinner() {
@@ -69,7 +85,7 @@ const DropiButton = class {
         const hasText = (this.text ?? '') !== '';
         const showPostIcon = (this.postIcon ?? '') !== '' || (this.type ?? 'default') === 'dropdown';
         const dropdownIcon = (this.type ?? 'default') === 'dropdown' ? 'Dropdown-down' : (this.postIcon ?? '');
-        return (h("button", { key: 'eefda6c7ac5090173a545d67e72073dc410ff05c', class: {
+        return (h("button", { key: '21d2654de08dff8db6c2b1ba87594e1184a7aa35', class: {
                 btn: true,
                 'without-text': !hasText,
                 [this.severity ?? 'primary']: true,
@@ -77,8 +93,9 @@ const DropiButton = class {
                 [this.size ?? 'normal']: true,
                 [this.state ?? 'default']: true,
                 'full-width': this.fullWidth,
-            }, disabled: isDisabled, onClick: (e) => this.handleClick(e) }, this.preIcon && (h("dropi-icon", { key: '869ee8fc34dee93de0381a86db643c0fa9dc6918', name: this.preIcon, iconWidth: this.iconSize, iconHeight: this.iconSize, color: this.fontColor })), hasText && h("span", { key: '927ef142b4c549d01b087722e9f6759cff44e6b2', class: "text" }, this.text), showPostIcon && (h("dropi-icon", { key: 'cda1f5d0fa59a87abc1d3d73a87d4390f05f79eb', name: dropdownIcon, iconWidth: this.iconSize, iconHeight: this.iconSize, color: this.fontColor })), this.state === 'loading' && this.renderLoadingSpinner(), h("slot", { key: 'c83dd79efe5d858361815878192c0c554a9234ca' })));
+            }, type: this.nativeType, disabled: isDisabled, onClick: (e) => this.handleClick(e) }, this.preIcon && (h("dropi-icon", { key: '6c6c01c923a37df20b614602b18cd2da949bcb91', name: this.preIcon, iconWidth: this.iconSize, iconHeight: this.iconSize, color: this.fontColor })), hasText && h("span", { key: '82447aab8b87bc4a89105cd0209e6c5681222f28', class: "text" }, this.text), showPostIcon && (h("dropi-icon", { key: '6bdefe7c1c819b213d24e0100c2303fb7840ea00', name: dropdownIcon, iconWidth: this.iconSize, iconHeight: this.iconSize, color: this.fontColor })), this.state === 'loading' && this.renderLoadingSpinner(), h("slot", { key: '44483caf52d2ca617ad86c1574a54709f8e77ab5' })));
     }
+    static get formAssociated() { return true; }
 };
 DropiButton.style = dropiButtonCss();
 

package/dist/esm/dropi-card-checkbox.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-a2fb4CHk.js';
+import { r as registerInstance, c as createEvent, h } from './index-B-h7fjQz.js';
 
 const dropiCardCheckboxCss = () => `:host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.container-card-check{padding:var(--Size-4, 16px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Size-2, 8px);width:100%;display:flex;align-items:center;gap:var(--Size-3, 12px);cursor:pointer;height:66px;overflow:hidden;transition:background 0.15s ease, border-color 0.15s ease}.container-card-check.disabled{border-radius:var(--Border-2, 8px);border:1px solid var(--Gray-Gray-100, #e6eaf2);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:default}.container-card-check.disabled .title-check,.container-card-check.disabled .description-text,.container-card-check.disabled .extra-info{color:var(--Gray-Gray-400, #858ea6)}.container-text{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:start;overflow:hidden}.title-check{color:var(--Gray-Gray-700, #32394d);font-size:var(--font-size-m, 14px);font-weight:var(--font-weight-regular, 400);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.description-text{color:var(--Gray-Gray-500, #69738c);font-size:var(--font-size-s, 12px);margin-top:var(--Size-1, 4px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.extra-info{display:flex;justify-content:space-between;align-items:center;flex-direction:column;gap:4px;flex-shrink:0;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066)}.extra-info h4{margin:0;font-weight:var(--font-weight-semibold);color:inherit;line-height:inherit}.default-card{border:none}.is-checked{background:var(--Primary-Primary-50, #fff8f0);border:1px solid var(--Primary-Primary-500, #f49a3d)}`;