@dropi/ui 0.1.46 → 0.1.48

package/dist/components/dropi-accordion-item.js

@@ -1 +1 @@
-import{t as e,p as o,H as t,h as i}from"./index.js";import{d as c}from"./p-CL1y944C.js";const a=o(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get el(){return this}sectionTitle="";index;open=!1;disabled=!1;preIcon="";contentHeight="0px";contentRef;openChanged(e){this.updateHeight(e)}componentDidLoad(){this.updateHeight(this.open)}updateHeight(e){this.contentRef&&(this.contentHeight=e?this.contentRef.scrollHeight+"px":"0px")}handleToggle(){this.disabled||(this.el.closest("dropi-accordion"),this.open=!this.open,setTimeout((()=>this.updateHeight(this.open)),0))}render(){return i("div",{key:"98de1df9b82f0e4e5e72702b7eaca12c0ed92586",class:{"accordion-item":!0,"accordion-item--open":this.open,"accordion-item--disabled":this.disabled}},i("button",{key:"bd5c3e6ea29feb33e5280908c98929369dc7377e",class:"accordion-header",onClick:()=>this.handleToggle(),"aria-expanded":this.open+"",disabled:this.disabled},i("span",{key:"ced161eb1187d50b7eb2002081cd3fc008c9a16f",class:"accordion-header-left"},this.preIcon&&i("dropi-icon",{key:"09a157623f0978153b57e85a79d7beeca3faf9ab",name:this.preIcon,iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-600"}),i("span",{key:"649617f263370d1314e3145c07a3a29ce5c807b5",class:"accordion-title"},this.sectionTitle)),i("span",{key:"d99e3933a40ffa4b1da8091a8b6d767011f1bf6f",class:{"accordion-chevron":!0,"accordion-chevron--open":this.open}},i("dropi-icon",{key:"3d12ae988429fea2612c0c32c12cd81a486ad255",name:"Dropdown-down",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-500"}))),i("div",{key:"cedff4803c6fa83ae9dc5cb3ce68f48150cdef67",class:"accordion-body",style:{maxHeight:this.contentHeight},ref:e=>this.contentRef=e},i("div",{key:"a37dd42bf39cf08479d847286860e78a1d80a233",class:"accordion-content"},i("slot",{key:"d797eac747716be1af2a6addbefe583be4a816b1"}))))}static get watchers(){return{open:[{openChanged:0}]}}static get style(){return":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}"}},[769,"dropi-accordion-item",{sectionTitle:[1,"section-title"],index:[2],open:[1540],disabled:[4],preIcon:[1,"pre-icon"],contentHeight:[32]},void 0,{open:[{openChanged:0}]}]);function n(){"undefined"!=typeof customElements&&["dropi-accordion-item","dropi-icon"].forEach((o=>{switch(o){case"dropi-accordion-item":customElements.get(e(o))||customElements.define(e(o),a);break;case"dropi-icon":customElements.get(e(o))||c()}}))}n();const d=a,s=n;export{d as DropiAccordionItem,s as defineCustomElement}
+import{t as e,p as o,H as t,h as i}from"./index.js";import{d as c}from"./p-DqAyyLAT.js";const a=o(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get el(){return this}sectionTitle="";index;open=!1;disabled=!1;preIcon="";contentHeight="0px";contentRef;openChanged(e){this.updateHeight(e)}componentDidLoad(){this.updateHeight(this.open)}updateHeight(e){this.contentRef&&(this.contentHeight=e?this.contentRef.scrollHeight+"px":"0px")}handleToggle(){this.disabled||(this.el.closest("dropi-accordion"),this.open=!this.open,setTimeout((()=>this.updateHeight(this.open)),0))}render(){return i("div",{key:"98de1df9b82f0e4e5e72702b7eaca12c0ed92586",class:{"accordion-item":!0,"accordion-item--open":this.open,"accordion-item--disabled":this.disabled}},i("button",{key:"bd5c3e6ea29feb33e5280908c98929369dc7377e",class:"accordion-header",onClick:()=>this.handleToggle(),"aria-expanded":this.open+"",disabled:this.disabled},i("span",{key:"ced161eb1187d50b7eb2002081cd3fc008c9a16f",class:"accordion-header-left"},this.preIcon&&i("dropi-icon",{key:"09a157623f0978153b57e85a79d7beeca3faf9ab",name:this.preIcon,iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-600"}),i("span",{key:"649617f263370d1314e3145c07a3a29ce5c807b5",class:"accordion-title"},this.sectionTitle)),i("span",{key:"d99e3933a40ffa4b1da8091a8b6d767011f1bf6f",class:{"accordion-chevron":!0,"accordion-chevron--open":this.open}},i("dropi-icon",{key:"3d12ae988429fea2612c0c32c12cd81a486ad255",name:"Dropdown-down",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-500"}))),i("div",{key:"cedff4803c6fa83ae9dc5cb3ce68f48150cdef67",class:"accordion-body",style:{maxHeight:this.contentHeight},ref:e=>this.contentRef=e},i("div",{key:"a37dd42bf39cf08479d847286860e78a1d80a233",class:"accordion-content"},i("slot",{key:"d797eac747716be1af2a6addbefe583be4a816b1"}))))}static get watchers(){return{open:[{openChanged:0}]}}static get style(){return":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}"}},[769,"dropi-accordion-item",{sectionTitle:[1,"section-title"],index:[2],open:[1540],disabled:[4],preIcon:[1,"pre-icon"],contentHeight:[32]},void 0,{open:[{openChanged:0}]}]);function n(){"undefined"!=typeof customElements&&["dropi-accordion-item","dropi-icon"].forEach((o=>{switch(o){case"dropi-accordion-item":customElements.get(e(o))||customElements.define(e(o),a);break;case"dropi-icon":customElements.get(e(o))||c()}}))}n();const d=a,s=n;export{d as DropiAccordionItem,s as defineCustomElement}

package/dist/components/dropi-alert-modal.js

@@ -1 +1 @@
-import{t,p as i,H as e,c as s,h as a}from"./index.js";import{d as o}from"./p-DSffXVlZ.js";import{d}from"./p-CL1y944C.js";import{d as n}from"./p-Bw8zPxUl.js";const l=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.dropiPrimaryClick=s(this,"dropiPrimaryClick"),this.dropiSecondaryClick=s(this,"dropiSecondaryClick"),this.dropiVisibleChange=s(this,"dropiVisibleChange"),this.dropiHide=s(this,"dropiHide")}visible=!1;type="question";tittle="";message="";primaryButton="Accept";secondaryButton="";loading=!1;closable=!1;displayButtons=!0;loadingTitle="Loading";loadingMessage="Please wait a moment";isStep=!1;baseZIndex=0;isWhiteLabel=!1;params=null;paramsChanged(t){t&&(void 0!==t.tittle&&(this.tittle=t.tittle),void 0!==t.type&&(this.type=t.type),void 0!==t.message&&(this.message=t.message),void 0!==t.primaryButton&&(this.primaryButton=t.primaryButton),void 0!==t.secondaryButton&&(this.secondaryButton=t.secondaryButton),void 0!==t.loadingTitle&&(this.loadingTitle=t.loadingTitle),void 0!==t.loadingMessage&&(this.loadingMessage=t.loadingMessage),void 0!==t.closable&&(this.closable=t.closable),void 0!==t.displayButtons&&(this.displayButtons=t.displayButtons))}dropiPrimaryClick;dropiSecondaryClick;dropiVisibleChange;dropiHide;lottieMap={question:"/assets/lottie-files/question.json",warning:"/assets/lottie-files/warning.json",success:"/assets/lottie-files/success.json",error:"/assets/lottie-files/failure.json",loading:"/assets/lottie-files/loading.json"};componentWillLoad(){this.params&&this.paramsChanged(this.params)}async show(){this.visible=!0}async hide(){this.visible=!1}handlePrimary(){this.dropiPrimaryClick.emit(!0),this.isStep||(this.visible=!1,this.dropiVisibleChange.emit(!1))}handleSecondary(){this.dropiSecondaryClick.emit(!0),this.visible=!1,this.dropiVisibleChange.emit(!1)}onModalHide(){this.visible=!1,this.dropiVisibleChange.emit(!1),this.dropiHide.emit()}render(){const t=this.loading?"loading":this.type;return a("dropi-modal",{key:"322c59ea0a067a4c0cb28a5ffbe9cbc0c642eee6",visible:this.visible,showHeader:this.closable,showCloseIcon:this.closable,dismissable:!1,closeOnEscape:!1,showFooter:!1,size:"s",onDropiHide:()=>this.onModalHide()},a("div",{key:"06530f3da45738d1ed75a4e8b5b8b0b80dfd2647",class:"body-alert"},this.lottieMap[t]&&a("div",{key:"7a4ab4fbbdf3cbbacfa22f918d212b788f4392a4",class:"lottie-img"+("loading"===t?" lottie-img--loading":"")},a("lottie-player",{key:t,src:this.lottieMap[t],background:"transparent",speed:"1",loop:!0,autoplay:!0})),a("div",{key:"0e72f42d10c59047e82df8b2842affd38ab60fc7",class:"content-alert"},a("h2",{key:"8262de8fbcf5b87fbac34740d34d99d0b6ff921d"},this.loading?this.loadingTitle:this.tittle),a("p",{key:"ca9c734e0b9686bff7e2616ae98224446ac0ca33"},this.loading?this.loadingMessage:this.message)),a("div",{key:"1b5edb3af1044cb0dd0b57a425517b1d824672be",class:"custom-content"},a("slot",{key:"57f4a8acdbcf8a11445f7c8233355bb4ac46c9ab"})),!this.loading&&this.displayButtons&&a("div",{key:"32580f42d98f628b4c1d1f300b5a3aaaa1be2486",class:"actions"},this.secondaryButton&&a("dropi-button",{key:"dcf8707a7f4d8b80126a10022dd6de1c0ea44dc7",text:this.secondaryButton,severity:"secondary",onDropiClick:()=>this.handleSecondary(),fullWidth:!0}),a("dropi-button",{key:"3ed494fc7a83021174c4d006ae4327348d400e93",text:this.primaryButton,severity:"primary",onDropiClick:()=>this.handlePrimary(),fullWidth:!0}))))}static get watchers(){return{params:[{paramsChanged:0}]}}static get style(){return":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%}}"}},[772,"dropi-alert-modal",{visible:[1544],type:[1025],tittle:[1025],message:[1025],primaryButton:[1025,"primary-button"],secondaryButton:[1025,"secondary-button"],loading:[4],closable:[1028],displayButtons:[1028,"display-buttons"],loadingTitle:[1025,"loading-title"],loadingMessage:[1025,"loading-message"],isStep:[4,"is-step"],baseZIndex:[2,"base-z-index"],isWhiteLabel:[4,"is-white-label"],params:[8],show:[64],hide:[64]},void 0,{params:[{paramsChanged:0}]}]);function r(){"undefined"!=typeof customElements&&["dropi-alert-modal","dropi-button","dropi-icon","dropi-modal"].forEach((i=>{switch(i){case"dropi-alert-modal":customElements.get(t(i))||customElements.define(t(i),l);break;case"dropi-button":customElements.get(t(i))||o();break;case"dropi-icon":customElements.get(t(i))||d();break;case"dropi-modal":customElements.get(t(i))||n()}}))}r();const c=l,h=r;export{c as DropiAlertModal,h as defineCustomElement}
+import{t,p as i,H as e,c as s,h as a}from"./index.js";import{d as o}from"./p-1znuv59D.js";import{d}from"./p-DqAyyLAT.js";import{d as n}from"./p-Bw8zPxUl.js";const l=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.dropiPrimaryClick=s(this,"dropiPrimaryClick"),this.dropiSecondaryClick=s(this,"dropiSecondaryClick"),this.dropiVisibleChange=s(this,"dropiVisibleChange"),this.dropiHide=s(this,"dropiHide")}visible=!1;type="question";tittle="";message="";primaryButton="Accept";secondaryButton="";loading=!1;closable=!1;displayButtons=!0;loadingTitle="Loading";loadingMessage="Please wait a moment";isStep=!1;baseZIndex=0;isWhiteLabel=!1;params=null;paramsChanged(t){t&&(void 0!==t.tittle&&(this.tittle=t.tittle),void 0!==t.type&&(this.type=t.type),void 0!==t.message&&(this.message=t.message),void 0!==t.primaryButton&&(this.primaryButton=t.primaryButton),void 0!==t.secondaryButton&&(this.secondaryButton=t.secondaryButton),void 0!==t.loadingTitle&&(this.loadingTitle=t.loadingTitle),void 0!==t.loadingMessage&&(this.loadingMessage=t.loadingMessage),void 0!==t.closable&&(this.closable=t.closable),void 0!==t.displayButtons&&(this.displayButtons=t.displayButtons))}dropiPrimaryClick;dropiSecondaryClick;dropiVisibleChange;dropiHide;lottieMap={question:"/assets/lottie-files/question.json",warning:"/assets/lottie-files/warning.json",success:"/assets/lottie-files/success.json",error:"/assets/lottie-files/failure.json",loading:"/assets/lottie-files/loading.json"};componentWillLoad(){this.params&&this.paramsChanged(this.params)}async show(){this.visible=!0}async hide(){this.visible=!1}handlePrimary(){this.dropiPrimaryClick.emit(!0),this.isStep||(this.visible=!1,this.dropiVisibleChange.emit(!1))}handleSecondary(){this.dropiSecondaryClick.emit(!0),this.visible=!1,this.dropiVisibleChange.emit(!1)}onModalHide(){this.visible=!1,this.dropiVisibleChange.emit(!1),this.dropiHide.emit()}render(){const t=this.loading?"loading":this.type;return a("dropi-modal",{key:"322c59ea0a067a4c0cb28a5ffbe9cbc0c642eee6",visible:this.visible,showHeader:this.closable,showCloseIcon:this.closable,dismissable:!1,closeOnEscape:!1,showFooter:!1,size:"s",onDropiHide:()=>this.onModalHide()},a("div",{key:"06530f3da45738d1ed75a4e8b5b8b0b80dfd2647",class:"body-alert"},this.lottieMap[t]&&a("div",{key:"7a4ab4fbbdf3cbbacfa22f918d212b788f4392a4",class:"lottie-img"+("loading"===t?" lottie-img--loading":"")},a("lottie-player",{key:t,src:this.lottieMap[t],background:"transparent",speed:"1",loop:!0,autoplay:!0})),a("div",{key:"0e72f42d10c59047e82df8b2842affd38ab60fc7",class:"content-alert"},a("h2",{key:"8262de8fbcf5b87fbac34740d34d99d0b6ff921d"},this.loading?this.loadingTitle:this.tittle),a("p",{key:"ca9c734e0b9686bff7e2616ae98224446ac0ca33"},this.loading?this.loadingMessage:this.message)),a("div",{key:"1b5edb3af1044cb0dd0b57a425517b1d824672be",class:"custom-content"},a("slot",{key:"57f4a8acdbcf8a11445f7c8233355bb4ac46c9ab"})),!this.loading&&this.displayButtons&&a("div",{key:"32580f42d98f628b4c1d1f300b5a3aaaa1be2486",class:"actions"},this.secondaryButton&&a("dropi-button",{key:"dcf8707a7f4d8b80126a10022dd6de1c0ea44dc7",text:this.secondaryButton,severity:"secondary",onDropiClick:()=>this.handleSecondary(),fullWidth:!0}),a("dropi-button",{key:"3ed494fc7a83021174c4d006ae4327348d400e93",text:this.primaryButton,severity:"primary",onDropiClick:()=>this.handlePrimary(),fullWidth:!0}))))}static get watchers(){return{params:[{paramsChanged:0}]}}static get style(){return":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%}}"}},[772,"dropi-alert-modal",{visible:[1544],type:[1025],tittle:[1025],message:[1025],primaryButton:[1025,"primary-button"],secondaryButton:[1025,"secondary-button"],loading:[4],closable:[1028],displayButtons:[1028,"display-buttons"],loadingTitle:[1025,"loading-title"],loadingMessage:[1025,"loading-message"],isStep:[4,"is-step"],baseZIndex:[2,"base-z-index"],isWhiteLabel:[4,"is-white-label"],params:[8],show:[64],hide:[64]},void 0,{params:[{paramsChanged:0}]}]);function r(){"undefined"!=typeof customElements&&["dropi-alert-modal","dropi-button","dropi-icon","dropi-modal"].forEach((i=>{switch(i){case"dropi-alert-modal":customElements.get(t(i))||customElements.define(t(i),l);break;case"dropi-button":customElements.get(t(i))||o();break;case"dropi-icon":customElements.get(t(i))||d();break;case"dropi-modal":customElements.get(t(i))||n()}}))}r();const c=l,h=r;export{c as DropiAlertModal,h as defineCustomElement}

package/dist/components/dropi-alert.js

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

package/dist/components/dropi-banner-external.js

@@ -1 +1 @@
-import{t as e,p as i,H as r,c as t,h as n}from"./index.js";import{d as s}from"./p-CL1y944C.js";const o=i(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bannerClick=t(this,"bannerClick"),this.isVisible=t(this,"isVisible")}imageUrl="";link="";alt="";backgroundColor="transparent";slugName="";viewOnWhiteBrand=!1;viewOnlyCountries=[];closed=!1;get el(){return this}componentWillLoad(){this.imageUrl||(this.imageUrl=this.el.getAttribute("imageUrl")||this.el.getAttribute("image-url")||this.el.getAttribute("imageurl")||"")}bannerClick;isVisible;handleClick(e){this.link||(e.preventDefault(),this.bannerClick.emit())}closeBanner(e){e.preventDefault(),e.stopPropagation(),this.closed=!0,this.isVisible.emit(!1)}render(){if(this.closed||!this.imageUrl)return null;const e=n("div",{class:"inner"},n("img",{src:this.imageUrl,alt:this.alt}),n("button",{class:"close-btn","aria-label":"Cerrar banner",onClick:e=>this.closeBanner(e)},n("dropi-icon",{name:"Close-small",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-600"})));return n("div",{class:"dropi-banner-external",style:{background:this.backgroundColor}},this.link?n("a",{href:this.link,target:"_blank",rel:"noopener noreferrer",onClick:e=>this.handleClick(e)},e):n("div",{class:"click-wrapper",onClick:e=>this.handleClick(e)},e))}static get style(){return":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)}"}},[513,"dropi-banner-external",{imageUrl:[1,"image-url"],link:[1],alt:[1],backgroundColor:[1,"background-color"],slugName:[1,"slug-name"],viewOnWhiteBrand:[4,"view-on-white-brand"],viewOnlyCountries:[16],closed:[32]}]);function a(){"undefined"!=typeof customElements&&["dropi-banner-external","dropi-icon"].forEach((i=>{switch(i){case"dropi-banner-external":customElements.get(e(i))||customElements.define(e(i),o);break;case"dropi-icon":customElements.get(e(i))||s()}}))}a();const l=o,c=a;export{l as DropiBannerExternal,c as defineCustomElement}
+import{t as e,p as i,H as r,c as t,h as n}from"./index.js";import{d as s}from"./p-DqAyyLAT.js";const o=i(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bannerClick=t(this,"bannerClick"),this.isVisible=t(this,"isVisible")}imageUrl="";link="";alt="";backgroundColor="transparent";slugName="";viewOnWhiteBrand=!1;viewOnlyCountries=[];closed=!1;get el(){return this}componentWillLoad(){this.imageUrl||(this.imageUrl=this.el.getAttribute("imageUrl")||this.el.getAttribute("image-url")||this.el.getAttribute("imageurl")||"")}bannerClick;isVisible;handleClick(e){this.link||(e.preventDefault(),this.bannerClick.emit())}closeBanner(e){e.preventDefault(),e.stopPropagation(),this.closed=!0,this.isVisible.emit(!1)}render(){if(this.closed||!this.imageUrl)return null;const e=n("div",{class:"inner"},n("img",{src:this.imageUrl,alt:this.alt}),n("button",{class:"close-btn","aria-label":"Cerrar banner",onClick:e=>this.closeBanner(e)},n("dropi-icon",{name:"Close-small",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-600"})));return n("div",{class:"dropi-banner-external",style:{background:this.backgroundColor}},this.link?n("a",{href:this.link,target:"_blank",rel:"noopener noreferrer",onClick:e=>this.handleClick(e)},e):n("div",{class:"click-wrapper",onClick:e=>this.handleClick(e)},e))}static get style(){return":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)}"}},[513,"dropi-banner-external",{imageUrl:[1,"image-url"],link:[1],alt:[1],backgroundColor:[1,"background-color"],slugName:[1,"slug-name"],viewOnWhiteBrand:[4,"view-on-white-brand"],viewOnlyCountries:[16],closed:[32]}]);function a(){"undefined"!=typeof customElements&&["dropi-banner-external","dropi-icon"].forEach((i=>{switch(i){case"dropi-banner-external":customElements.get(e(i))||customElements.define(e(i),o);break;case"dropi-icon":customElements.get(e(i))||s()}}))}a();const l=o,c=a;export{l as DropiBannerExternal,c as defineCustomElement}

package/dist/components/dropi-breadcrumb.js

@@ -1 +1 @@
-import{t as e,p as r,H as a,c as o,h as i}from"./index.js";import{d as t}from"./p-CL1y944C.js";const c=r(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiNavigate=o(this,"dropiNavigate")}items=[];homeRoute="/";homeIconName="Home";lastItemClickable=!1;dropiNavigate;get parsedItems(){if("string"==typeof this.items)try{return JSON.parse(this.items)}catch{return[]}return this.items}render(){const e=this.parsedItems;return i("nav",{key:"c4546d7a0c7852e01f685176b5365f1e0082ad24",class:"breadcrumb","aria-label":"Breadcrumb"},i("div",{key:"924ab634ae4e71f6bd39a67b4b3889cdca20234d",class:"crumb-list"},i("div",{key:"e7b1b285bdd497a028a041ada1eb8b34f77384b0",class:"crumb-home"},i("a",{key:"9e288d5f5761daed20b35dbf056c7de9c2e7b8e3",href:this.homeRoute,class:"home-link","aria-label":"Inicio",onClick:e=>{e.preventDefault(),this.dropiNavigate.emit(this.homeRoute)}},i("dropi-icon",{key:"803ab6d710976b341f19ad7d49fde670acc2c466",name:this.homeIconName,iconWidth:"16px",color:"Gray-Gray-500"})),e.length>0&&i("dropi-icon",{key:"44d1cad9efa9cbc6a52bc26a2229af6680cd8733",name:"Dropdown-Right",iconWidth:"16px",color:"Gray-Gray-500"})),e.map(((r,a)=>{const o=a===e.length-1;return i("div",{class:"crumb",key:a},!o||this.lastItemClickable?i("a",{class:"crumb-link Body-S-Regular"+(r.disabled?" disabled":""),href:r.url||r.routerLink||"#",onClick:e=>{e.preventDefault(),r.disabled||this.dropiNavigate.emit(r)}},r.label):i("span",{class:"current Body-S-Regular","aria-current":"page"},r.label),!o&&i("dropi-icon",{name:"Dropdown-Right",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-500"}))}))))}static get style(){return":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)}"}},[513,"dropi-breadcrumb",{items:[1],homeRoute:[1,"home-route"],homeIconName:[1,"home-icon-name"],lastItemClickable:[4,"last-item-clickable"]}]);function n(){"undefined"!=typeof customElements&&["dropi-breadcrumb","dropi-icon"].forEach((r=>{switch(r){case"dropi-breadcrumb":customElements.get(e(r))||customElements.define(e(r),c);break;case"dropi-icon":customElements.get(e(r))||t()}}))}n();const s=c,d=n;export{s as DropiBreadcrumb,d as defineCustomElement}
+import{t as e,p as r,H as a,c as o,h as i}from"./index.js";import{d as t}from"./p-DqAyyLAT.js";const c=r(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiNavigate=o(this,"dropiNavigate")}items=[];homeRoute="/";homeIconName="Home";lastItemClickable=!1;dropiNavigate;get parsedItems(){if("string"==typeof this.items)try{return JSON.parse(this.items)}catch{return[]}return this.items}render(){const e=this.parsedItems;return i("nav",{key:"c4546d7a0c7852e01f685176b5365f1e0082ad24",class:"breadcrumb","aria-label":"Breadcrumb"},i("div",{key:"924ab634ae4e71f6bd39a67b4b3889cdca20234d",class:"crumb-list"},i("div",{key:"e7b1b285bdd497a028a041ada1eb8b34f77384b0",class:"crumb-home"},i("a",{key:"9e288d5f5761daed20b35dbf056c7de9c2e7b8e3",href:this.homeRoute,class:"home-link","aria-label":"Inicio",onClick:e=>{e.preventDefault(),this.dropiNavigate.emit(this.homeRoute)}},i("dropi-icon",{key:"803ab6d710976b341f19ad7d49fde670acc2c466",name:this.homeIconName,iconWidth:"16px",color:"Gray-Gray-500"})),e.length>0&&i("dropi-icon",{key:"44d1cad9efa9cbc6a52bc26a2229af6680cd8733",name:"Dropdown-Right",iconWidth:"16px",color:"Gray-Gray-500"})),e.map(((r,a)=>{const o=a===e.length-1;return i("div",{class:"crumb",key:a},!o||this.lastItemClickable?i("a",{class:"crumb-link Body-S-Regular"+(r.disabled?" disabled":""),href:r.url||r.routerLink||"#",onClick:e=>{e.preventDefault(),r.disabled||this.dropiNavigate.emit(r)}},r.label):i("span",{class:"current Body-S-Regular","aria-current":"page"},r.label),!o&&i("dropi-icon",{name:"Dropdown-Right",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-500"}))}))))}static get style(){return":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)}"}},[513,"dropi-breadcrumb",{items:[1],homeRoute:[1,"home-route"],homeIconName:[1,"home-icon-name"],lastItemClickable:[4,"last-item-clickable"]}]);function n(){"undefined"!=typeof customElements&&["dropi-breadcrumb","dropi-icon"].forEach((r=>{switch(r){case"dropi-breadcrumb":customElements.get(e(r))||customElements.define(e(r),c);break;case"dropi-icon":customElements.get(e(r))||t()}}))}n();const s=c,d=n;export{s as DropiBreadcrumb,d as defineCustomElement}

package/dist/components/dropi-button.js

@@ -1 +1 @@
-import{D as o,d as s}from"./p-DSffXVlZ.js";const f=o,p=s;export{f as DropiButton,p as defineCustomElement}
+import{D as o,d as s}from"./p-1znuv59D.js";const p=o,r=s;export{p as DropiButton,r as defineCustomElement}

package/dist/components/dropi-card-product.js

@@ -1 +1 @@
-import{t as e,p as i,H as t,c as a,h as o}from"./index.js";import{d as r}from"./p-CL1y944C.js";import{d as s}from"./p-BBtJlnY0.js";const c=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiProductClick=a(this,"dropiProductClick"),this.dropiFavoriteChange=a(this,"dropiFavoriteChange"),this.dropiAddProduct=a(this,"dropiAddProduct"),this.dropiSupplierClick=a(this,"dropiSupplierClick")}image="";productName="";salePrice=0;suggestedPrice=0;currency="$";supplier="";category="";stock=0;supplierCategory="";showFavorite=!0;isFavorite=!1;showAddButton=!0;dropiProductClick;dropiFavoriteChange;dropiAddProduct;dropiSupplierClick;formatPrice(e){return null==e?"0":e.toLocaleString("es-CO")}get inStock(){return this.stock>0}getStockColor(){return 0===this.stock?"var(--Error-Error-500, #f46a6b)":this.stock<=10?"var(--Warning-Warning-500, #f59e0b)":"var(--Success-Success-500, #0abb87)"}render(){return o("div",{key:"2fe4ce42e1c331a99fd1171c82e6e48bfb5dbff0",class:"dropi-card-product",onClick:()=>this.dropiProductClick.emit()},o("div",{key:"3f94077ee059e347f3ff4fff808a3a3f3a0ac827",class:"product-image-container"},o("div",{key:"1d6e8181cc630ab03efc90e316c349dfe9765b46",class:"product-image"},o("img",{key:"f6647c21ac24d378482c6e6fe5220d6d18ff694b",src:this.image||"",alt:this.productName,onError:e=>{e.target.src="./assets/utils/no-image.jpg"},class:this.image?"":"error-img"}),this.showFavorite&&o("button",{key:"37c23af5e1345e2f2b2ac42dd38f88eb17254889",class:{"favorite-button":!0,"favorite-active":this.isFavorite},onClick:e=>{e.stopPropagation(),this.isFavorite=!this.isFavorite,this.dropiFavoriteChange.emit(this.isFavorite)},"aria-label":"Favorito"},o("dropi-icon",{key:"c6d6c87dcb5ae0f9a0d416667a3d39c7e153b7a6",name:this.isFavorite?"Heart-solid":"Heart",iconWidth:"18px",iconHeight:"18px",color:this.isFavorite?"#fff":"#858ea6"})))),o("div",{key:"66dbcb028acb35e9a43502e9ff9a00fd2ebf8bf2",class:"product-info"},this.supplierCategory&&o("dropi-ilustration-icon",{key:"fd3d94e953a6b91418decc09ed426755a85bac1b",class:"supplier-insignia",type:"insignia",stateInsignia:this.supplierCategory,tagProduct:!0}),o("div",{key:"45817e3bb0bfdaa0ec8cb4a23fdac1bb943e93dc",class:"product-header"},this.category&&o("span",{key:"c721519a5339a2ac40d20c283bbe8797b78e4b27",class:"category"},this.category),o("div",{key:"49f5013738dfffcdb83dfde628f5d1d21164c3d2",class:"stock-info"},o("span",{key:"bd49d5069d07b3ae10ac9c85a4b84bbb573f926e",class:"stock-label"},"Stock:"),o("span",{key:"d0eefb88240c13c9c56e7470e79cbacc9d86caf4",class:"stock-value",style:{color:this.getStockColor()}},0===this.stock?"Agotado":this.stock))),o("h3",{key:"a880d0df13af0b75d553daf18e876905b93e6ef1",class:"product-name"},this.productName),this.supplier&&o("div",{key:"faa82e269979084e7510b6a17fb1f3caee8ad181",class:"supplier-info"},o("span",{key:"b4b223620c58cb30945b1c6be50559614937eb5f",class:"supplier-label"},"Proveedor:"),o("span",{key:"989580f42383c3b6adb6484a493d1293a2a11904",class:"supplier-name",onClick:e=>{e.stopPropagation(),this.dropiSupplierClick.emit()}},this.supplier)),o("div",{key:"451c1ab830c7ab38c4e414e94f11f63ffcf86162",class:"price-container"},o("div",{key:"755f3f8aac6f7b1d458d28b74dec2734b42794a6",class:"price-item"},o("span",{key:"fff0a718b4f22641adcd28bbcb7e81a0f21755e9",class:"price-label"},"Precio proveedor"),o("span",{key:"5bb6843a4a293195f0dbda5c3eccfc4f38c719b1",class:"price-value"},this.currency," ",this.formatPrice(this.salePrice))),o("div",{key:"468b1d7596ec5d727846a087b5d89461c5fef858",class:"price-item"},o("span",{key:"91b15e4d58d27997b2dfdb9c73fd417a8f8ba5fb",class:"price-label"},"Precio sugerido"),o("span",{key:"378483760ffac07491f5b65b37d5e27d41423ec5",class:"price-value"},this.currency," ",this.formatPrice(this.suggestedPrice))))),o("div",{key:"71467832049894083ea3454618a12d082cb15844",class:"separator"}),this.showAddButton&&o("div",{key:"f9f0450e3dfa2b91ae7caa468811cc739d7a280e",class:{"action-button":!0,"action-button--disabled":!this.inStock},onClick:e=>{e.stopPropagation(),this.inStock&&this.dropiAddProduct.emit()}},o("dropi-icon",{key:"50a9fad974460c2728fb1fca74628d093cbb1875",name:"Shopping-cart-arrow-rigth",iconWidth:"20px",iconHeight:"20px",color:"#f49a3d"}),o("span",{key:"f5ac44dd20e01bc644e863c3cbf51e3493821e70",class:"button-text"},"Enviar a cliente")))}static get style(){return":host{display:block;font-family:'Inter', sans-serif}*,*::before,*::after{box-sizing:border-box}.dropi-card-product{position:relative;background:#ffffff;border-radius:8px;overflow:hidden;transition:all 0.2s ease-in-out;cursor:pointer;display:flex;flex-direction:column;height:100%;box-sizing:border-box;width:100%;max-width:450px;box-shadow:none}.product-image-container{padding:4px;flex-shrink:0}.product-image{position:relative;width:100%;aspect-ratio:1;border-radius:8px;border:1px solid #c3c9d9;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa}.product-image img{width:100%;height:100%;object-fit:cover;border-radius:8px}.product-image img.error-img{object-fit:contain}.favorite-button{position:absolute;bottom:5px;right:6px;border-radius:8px;padding:12px;cursor:pointer;transition:all 0.2s ease-in-out;z-index:2;display:flex;align-items:center;justify-content:center;width:42px;height:40px;background:#ffffff;border:1px solid #858ea6}.favorite-button.favorite-active{background:var(--Primary-Primary-500, #f49a3d);border:1px solid var(--Primary-Primary-500, #f49a3d)}.product-info{position:relative;padding:8px;display:flex;flex-direction:column;gap:4px;flex:1;justify-content:space-between}.supplier-insignia{position:absolute;top:-24px;left:0px}.product-header{display:flex;justify-content:space-between;align-items:center;width:100%;height:26px}.category{color:#69738c;font-family:'Inter', sans-serif;font-size:12px;font-weight:400;line-height:1.5;flex:1}.stock-info{display:flex;align-items:center;gap:2px;font-family:'Inter', sans-serif;font-size:12px;font-weight:400;line-height:1.5}.stock-label{color:#69738c}.stock-value{font-weight:500}.product-name{color:#32394d;font-family:'Inter', sans-serif;font-size:16px;font-weight:500;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.supplier-info{font-family:'Inter', sans-serif;font-size:12px;line-height:1.2}.supplier-label{color:#69738c;font-weight:400}.supplier-name{color:#50a5f1;font-weight:400;margin-left:4px;cursor:pointer}.price-container{display:flex;gap:8px;margin-top:4px}.price-item{flex:1;display:flex;flex-direction:column}.price-label{color:#69738c;font-family:'Inter', sans-serif;font-size:12px;font-weight:400;line-height:1.5;height:18px;min-width:max-content}.price-value{color:#32394d;font-family:'Inter', sans-serif;font-size:14px;font-weight:700;line-height:1.1;margin-top:2px}.separator{height:1px;background:#e6eaf2;margin:0;flex-shrink:0}.action-button{background:#ffffff;border:none;border-top:1px solid #e6eaf2;padding:12px;cursor:pointer;transition:all 0.2s ease-in-out;display:flex;align-items:center;justify-content:center;gap:8px;height:40px;flex-shrink:0}.action-button--disabled{opacity:0.3;cursor:not-allowed}.button-text{font-family:'Inter', sans-serif;font-size:14px;font-weight:700;line-height:1.1;color:#f49a3d;text-align:center;white-space:nowrap}"}},[513,"dropi-card-product",{image:[1],productName:[1,"product-name"],salePrice:[2,"sale-price"],suggestedPrice:[2,"suggested-price"],currency:[1],supplier:[1],category:[1],stock:[2],supplierCategory:[1,"supplier-category"],showFavorite:[4,"show-favorite"],isFavorite:[1028,"is-favorite"],showAddButton:[4,"show-add-button"]}]);function n(){"undefined"!=typeof customElements&&["dropi-card-product","dropi-icon","dropi-ilustration-icon"].forEach((i=>{switch(i){case"dropi-card-product":customElements.get(e(i))||customElements.define(e(i),c);break;case"dropi-icon":customElements.get(e(i))||r();break;case"dropi-ilustration-icon":customElements.get(e(i))||s()}}))}n();const d=c,f=n;export{d as DropiCardProduct,f as defineCustomElement}
+import{t as e,p as i,H as t,c as a,h as o}from"./index.js";import{d as r}from"./p-DqAyyLAT.js";import{d as s}from"./p-BYPkJN1-.js";const c=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiProductClick=a(this,"dropiProductClick"),this.dropiFavoriteChange=a(this,"dropiFavoriteChange"),this.dropiAddProduct=a(this,"dropiAddProduct"),this.dropiSupplierClick=a(this,"dropiSupplierClick")}image="";productName="";salePrice=0;suggestedPrice=0;currency="$";supplier="";category="";stock=0;supplierCategory="";showFavorite=!0;isFavorite=!1;showAddButton=!0;dropiProductClick;dropiFavoriteChange;dropiAddProduct;dropiSupplierClick;formatPrice(e){return null==e?"0":e.toLocaleString("es-CO")}get inStock(){return this.stock>0}getStockColor(){return 0===this.stock?"var(--Error-Error-500, #f46a6b)":this.stock<=10?"var(--Warning-Warning-500, #f59e0b)":"var(--Success-Success-500, #0abb87)"}render(){return o("div",{key:"2fe4ce42e1c331a99fd1171c82e6e48bfb5dbff0",class:"dropi-card-product",onClick:()=>this.dropiProductClick.emit()},o("div",{key:"3f94077ee059e347f3ff4fff808a3a3f3a0ac827",class:"product-image-container"},o("div",{key:"1d6e8181cc630ab03efc90e316c349dfe9765b46",class:"product-image"},o("img",{key:"f6647c21ac24d378482c6e6fe5220d6d18ff694b",src:this.image||"",alt:this.productName,onError:e=>{e.target.src="./assets/utils/no-image.jpg"},class:this.image?"":"error-img"}),this.showFavorite&&o("button",{key:"37c23af5e1345e2f2b2ac42dd38f88eb17254889",class:{"favorite-button":!0,"favorite-active":this.isFavorite},onClick:e=>{e.stopPropagation(),this.isFavorite=!this.isFavorite,this.dropiFavoriteChange.emit(this.isFavorite)},"aria-label":"Favorito"},o("dropi-icon",{key:"c6d6c87dcb5ae0f9a0d416667a3d39c7e153b7a6",name:this.isFavorite?"Heart-solid":"Heart",iconWidth:"18px",iconHeight:"18px",color:this.isFavorite?"#fff":"#858ea6"})))),o("div",{key:"66dbcb028acb35e9a43502e9ff9a00fd2ebf8bf2",class:"product-info"},this.supplierCategory&&o("dropi-ilustration-icon",{key:"fd3d94e953a6b91418decc09ed426755a85bac1b",class:"supplier-insignia",type:"insignia",stateInsignia:this.supplierCategory,tagProduct:!0}),o("div",{key:"45817e3bb0bfdaa0ec8cb4a23fdac1bb943e93dc",class:"product-header"},this.category&&o("span",{key:"c721519a5339a2ac40d20c283bbe8797b78e4b27",class:"category"},this.category),o("div",{key:"49f5013738dfffcdb83dfde628f5d1d21164c3d2",class:"stock-info"},o("span",{key:"bd49d5069d07b3ae10ac9c85a4b84bbb573f926e",class:"stock-label"},"Stock:"),o("span",{key:"d0eefb88240c13c9c56e7470e79cbacc9d86caf4",class:"stock-value",style:{color:this.getStockColor()}},0===this.stock?"Agotado":this.stock))),o("h3",{key:"a880d0df13af0b75d553daf18e876905b93e6ef1",class:"product-name"},this.productName),this.supplier&&o("div",{key:"faa82e269979084e7510b6a17fb1f3caee8ad181",class:"supplier-info"},o("span",{key:"b4b223620c58cb30945b1c6be50559614937eb5f",class:"supplier-label"},"Proveedor:"),o("span",{key:"989580f42383c3b6adb6484a493d1293a2a11904",class:"supplier-name",onClick:e=>{e.stopPropagation(),this.dropiSupplierClick.emit()}},this.supplier)),o("div",{key:"451c1ab830c7ab38c4e414e94f11f63ffcf86162",class:"price-container"},o("div",{key:"755f3f8aac6f7b1d458d28b74dec2734b42794a6",class:"price-item"},o("span",{key:"fff0a718b4f22641adcd28bbcb7e81a0f21755e9",class:"price-label"},"Precio proveedor"),o("span",{key:"5bb6843a4a293195f0dbda5c3eccfc4f38c719b1",class:"price-value"},this.currency," ",this.formatPrice(this.salePrice))),o("div",{key:"468b1d7596ec5d727846a087b5d89461c5fef858",class:"price-item"},o("span",{key:"91b15e4d58d27997b2dfdb9c73fd417a8f8ba5fb",class:"price-label"},"Precio sugerido"),o("span",{key:"378483760ffac07491f5b65b37d5e27d41423ec5",class:"price-value"},this.currency," ",this.formatPrice(this.suggestedPrice))))),o("div",{key:"71467832049894083ea3454618a12d082cb15844",class:"separator"}),this.showAddButton&&o("div",{key:"f9f0450e3dfa2b91ae7caa468811cc739d7a280e",class:{"action-button":!0,"action-button--disabled":!this.inStock},onClick:e=>{e.stopPropagation(),this.inStock&&this.dropiAddProduct.emit()}},o("dropi-icon",{key:"50a9fad974460c2728fb1fca74628d093cbb1875",name:"Shopping-cart-arrow-rigth",iconWidth:"20px",iconHeight:"20px",color:"#f49a3d"}),o("span",{key:"f5ac44dd20e01bc644e863c3cbf51e3493821e70",class:"button-text"},"Enviar a cliente")))}static get style(){return":host{display:block;font-family:'Inter', sans-serif}*,*::before,*::after{box-sizing:border-box}.dropi-card-product{position:relative;background:#ffffff;border-radius:8px;overflow:hidden;transition:all 0.2s ease-in-out;cursor:pointer;display:flex;flex-direction:column;height:100%;box-sizing:border-box;width:100%;max-width:450px;box-shadow:none}.product-image-container{padding:4px;flex-shrink:0}.product-image{position:relative;width:100%;aspect-ratio:1;border-radius:8px;border:1px solid #c3c9d9;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa}.product-image img{width:100%;height:100%;object-fit:cover;border-radius:8px}.product-image img.error-img{object-fit:contain}.favorite-button{position:absolute;bottom:5px;right:6px;border-radius:8px;padding:12px;cursor:pointer;transition:all 0.2s ease-in-out;z-index:2;display:flex;align-items:center;justify-content:center;width:42px;height:40px;background:#ffffff;border:1px solid #858ea6}.favorite-button.favorite-active{background:var(--Primary-Primary-500, #f49a3d);border:1px solid var(--Primary-Primary-500, #f49a3d)}.product-info{position:relative;padding:8px;display:flex;flex-direction:column;gap:4px;flex:1;justify-content:space-between}.supplier-insignia{position:absolute;top:-24px;left:0px}.product-header{display:flex;justify-content:space-between;align-items:center;width:100%;height:26px}.category{color:#69738c;font-family:'Inter', sans-serif;font-size:12px;font-weight:400;line-height:1.5;flex:1}.stock-info{display:flex;align-items:center;gap:2px;font-family:'Inter', sans-serif;font-size:12px;font-weight:400;line-height:1.5}.stock-label{color:#69738c}.stock-value{font-weight:500}.product-name{color:#32394d;font-family:'Inter', sans-serif;font-size:16px;font-weight:500;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.supplier-info{font-family:'Inter', sans-serif;font-size:12px;line-height:1.2}.supplier-label{color:#69738c;font-weight:400}.supplier-name{color:#50a5f1;font-weight:400;margin-left:4px;cursor:pointer}.price-container{display:flex;gap:8px;margin-top:4px}.price-item{flex:1;display:flex;flex-direction:column}.price-label{color:#69738c;font-family:'Inter', sans-serif;font-size:12px;font-weight:400;line-height:1.5;height:18px;min-width:max-content}.price-value{color:#32394d;font-family:'Inter', sans-serif;font-size:14px;font-weight:700;line-height:1.1;margin-top:2px}.separator{height:1px;background:#e6eaf2;margin:0;flex-shrink:0}.action-button{background:#ffffff;border:none;border-top:1px solid #e6eaf2;padding:12px;cursor:pointer;transition:all 0.2s ease-in-out;display:flex;align-items:center;justify-content:center;gap:8px;height:40px;flex-shrink:0}.action-button--disabled{opacity:0.3;cursor:not-allowed}.button-text{font-family:'Inter', sans-serif;font-size:14px;font-weight:700;line-height:1.1;color:#f49a3d;text-align:center;white-space:nowrap}"}},[513,"dropi-card-product",{image:[1],productName:[1,"product-name"],salePrice:[2,"sale-price"],suggestedPrice:[2,"suggested-price"],currency:[1],supplier:[1],category:[1],stock:[2],supplierCategory:[1,"supplier-category"],showFavorite:[4,"show-favorite"],isFavorite:[1028,"is-favorite"],showAddButton:[4,"show-add-button"]}]);function n(){"undefined"!=typeof customElements&&["dropi-card-product","dropi-icon","dropi-ilustration-icon"].forEach((i=>{switch(i){case"dropi-card-product":customElements.get(e(i))||customElements.define(e(i),c);break;case"dropi-icon":customElements.get(e(i))||r();break;case"dropi-ilustration-icon":customElements.get(e(i))||s()}}))}n();const d=c,f=n;export{d as DropiCardProduct,f as defineCustomElement}

package/dist/components/dropi-card-section.js

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

package/dist/components/dropi-checkbox-selection-list.js

@@ -1 +1 @@
-import{t as e,p as s,H as t,c as i,h as o}from"./index.js";import{d as r}from"./p-DskHH-sZ.js";import{d as c}from"./p-CL1y944C.js";const a=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiCheckedValues=i(this,"dropiCheckedValues"),this.dropiSearch=i(this,"dropiSearch")}options=[];showFilter=!0;filterPlaceholder="Search";showNotFound=!0;notFoundMessage="No related results found";multiSelect=!0;searchDelay=100;filterText="";selected=[];parsedOptions=[];dropiCheckedValues;dropiSearch;optionsChanged(e){this.parsedOptions="string"==typeof e?JSON.parse(e):e||[]}componentWillLoad(){this.optionsChanged(this.options)}get filtered(){if(!this.filterText)return this.parsedOptions;const e=this.filterText.toLowerCase();return this.parsedOptions.filter((s=>s.label?.toLowerCase().includes(e)))}toggle(e){this.selected=this.multiSelect?this.selected.includes(e)?this.selected.filter((s=>s!==e)):[...this.selected,e]:this.selected.includes(e)?[]:[e],this.dropiCheckedValues.emit(this.selected)}render(){const e=this.filtered;return o("div",{key:"95774833547807d6001525158bf199883661b649",class:"csl"},this.showFilter&&o("div",{key:"13f6bfd33150cdf138e90b93fc8121dfcc311050",class:"csl__search"},o("dropi-icon",{key:"4edf5c21eeac0aa442e58845621b7715d8484c1b",name:"Search",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-400"}),o("input",{key:"40071d0c189c7fd1f1bf8090ebe1d64ce9605602",class:"csl__search-input",type:"text",placeholder:this.filterPlaceholder,value:this.filterText,onInput:e=>{this.filterText=e.target.value,this.dropiSearch.emit(this.filterText)}}),this.filterText&&o("button",{key:"a560cab7ce53e57e036696194054286aa1dd6fd9",class:"csl__clear",onClick:()=>{this.filterText="",this.dropiSearch.emit("")}},o("dropi-icon",{key:"f1ae7e38fcb954761edb02bb32af139fb5eea610",name:"Close-small",iconWidth:"14px",iconHeight:"14px",color:"Gray-Gray-400"}))),o("div",{key:"e93dfccc8215e96640ebe8c69f33f0bff5f655f2",class:"csl__list"},0===e.length&&this.showNotFound?o("div",{class:"csl__empty"},this.notFoundMessage):e.map((e=>{const s=this.selected.includes(e.id);return o("div",{class:"csl__item",key:e.id,onClick:()=>this.toggle(e.id)},o("dropi-checkbox",{name:"_csl-option",checked:s}),e.icon&&o("img",{class:"csl__icon",src:e.icon,alt:e.label}),o("span",{class:"csl__label"},e.label))}))))}static get watchers(){return{options:[{optionsChanged:0}]}}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.csl__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)}.csl__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}.csl__clear{display:flex;background:none;border:none;padding:0;cursor:pointer}.csl__list{display:flex;flex-direction:column}.csl__item{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-2, 8px) var(--Size-3, 12px);cursor:pointer;border-radius:var(--Border-1, 4px);transition:background 0.15s}.csl__item:hover{background:var(--Gray-Gray-50, #f7f8fa)}.csl__icon{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.csl__label{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);flex:1}.csl__empty{padding:var(--Size-4, 16px);text-align:center;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-400, #858ea6)}"}},[513,"dropi-checkbox-selection-list",{options:[1],showFilter:[4,"show-filter"],filterPlaceholder:[1,"filter-placeholder"],showNotFound:[4,"show-not-found"],notFoundMessage:[1,"not-found-message"],multiSelect:[4,"multi-select"],searchDelay:[2,"search-delay"],filterText:[32],selected:[32],parsedOptions:[32]},void 0,{options:[{optionsChanged:0}]}]);function n(){"undefined"!=typeof customElements&&["dropi-checkbox-selection-list","dropi-checkbox","dropi-icon"].forEach((s=>{switch(s){case"dropi-checkbox-selection-list":customElements.get(e(s))||customElements.define(e(s),a);break;case"dropi-checkbox":customElements.get(e(s))||r();break;case"dropi-icon":customElements.get(e(s))||c()}}))}n();const l=a,d=n;export{l as DropiCheckboxSelectionList,d as defineCustomElement}
+import{t as e,p as s,H as t,c as i,h as o}from"./index.js";import{d as r}from"./p-DskHH-sZ.js";import{d as c}from"./p-DqAyyLAT.js";const a=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiCheckedValues=i(this,"dropiCheckedValues"),this.dropiSearch=i(this,"dropiSearch")}options=[];showFilter=!0;filterPlaceholder="Search";showNotFound=!0;notFoundMessage="No related results found";multiSelect=!0;searchDelay=100;filterText="";selected=[];parsedOptions=[];dropiCheckedValues;dropiSearch;optionsChanged(e){this.parsedOptions="string"==typeof e?JSON.parse(e):e||[]}componentWillLoad(){this.optionsChanged(this.options)}get filtered(){if(!this.filterText)return this.parsedOptions;const e=this.filterText.toLowerCase();return this.parsedOptions.filter((s=>s.label?.toLowerCase().includes(e)))}toggle(e){this.selected=this.multiSelect?this.selected.includes(e)?this.selected.filter((s=>s!==e)):[...this.selected,e]:this.selected.includes(e)?[]:[e],this.dropiCheckedValues.emit(this.selected)}render(){const e=this.filtered;return o("div",{key:"95774833547807d6001525158bf199883661b649",class:"csl"},this.showFilter&&o("div",{key:"13f6bfd33150cdf138e90b93fc8121dfcc311050",class:"csl__search"},o("dropi-icon",{key:"4edf5c21eeac0aa442e58845621b7715d8484c1b",name:"Search",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-400"}),o("input",{key:"40071d0c189c7fd1f1bf8090ebe1d64ce9605602",class:"csl__search-input",type:"text",placeholder:this.filterPlaceholder,value:this.filterText,onInput:e=>{this.filterText=e.target.value,this.dropiSearch.emit(this.filterText)}}),this.filterText&&o("button",{key:"a560cab7ce53e57e036696194054286aa1dd6fd9",class:"csl__clear",onClick:()=>{this.filterText="",this.dropiSearch.emit("")}},o("dropi-icon",{key:"f1ae7e38fcb954761edb02bb32af139fb5eea610",name:"Close-small",iconWidth:"14px",iconHeight:"14px",color:"Gray-Gray-400"}))),o("div",{key:"e93dfccc8215e96640ebe8c69f33f0bff5f655f2",class:"csl__list"},0===e.length&&this.showNotFound?o("div",{class:"csl__empty"},this.notFoundMessage):e.map((e=>{const s=this.selected.includes(e.id);return o("div",{class:"csl__item",key:e.id,onClick:()=>this.toggle(e.id)},o("dropi-checkbox",{name:"_csl-option",checked:s}),e.icon&&o("img",{class:"csl__icon",src:e.icon,alt:e.label}),o("span",{class:"csl__label"},e.label))}))))}static get watchers(){return{options:[{optionsChanged:0}]}}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.csl__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)}.csl__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}.csl__clear{display:flex;background:none;border:none;padding:0;cursor:pointer}.csl__list{display:flex;flex-direction:column}.csl__item{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-2, 8px) var(--Size-3, 12px);cursor:pointer;border-radius:var(--Border-1, 4px);transition:background 0.15s}.csl__item:hover{background:var(--Gray-Gray-50, #f7f8fa)}.csl__icon{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.csl__label{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);flex:1}.csl__empty{padding:var(--Size-4, 16px);text-align:center;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-400, #858ea6)}"}},[513,"dropi-checkbox-selection-list",{options:[1],showFilter:[4,"show-filter"],filterPlaceholder:[1,"filter-placeholder"],showNotFound:[4,"show-not-found"],notFoundMessage:[1,"not-found-message"],multiSelect:[4,"multi-select"],searchDelay:[2,"search-delay"],filterText:[32],selected:[32],parsedOptions:[32]},void 0,{options:[{optionsChanged:0}]}]);function n(){"undefined"!=typeof customElements&&["dropi-checkbox-selection-list","dropi-checkbox","dropi-icon"].forEach((s=>{switch(s){case"dropi-checkbox-selection-list":customElements.get(e(s))||customElements.define(e(s),a);break;case"dropi-checkbox":customElements.get(e(s))||r();break;case"dropi-icon":customElements.get(e(s))||c()}}))}n();const l=a,d=n;export{l as DropiCheckboxSelectionList,d as defineCustomElement}

package/dist/components/dropi-chips.js

@@ -1 +1 @@
-import{t as e,p as i,H as r,c as o,h as t}from"./index.js";import{d as c}from"./p-CL1y944C.js";const s=i(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiClose=o(this,"dropiClose")}customStyle="fill";type="icon";urlImg="";showIcon=!1;icon="";dropiClose;render(){return t("div",{key:"394a3ff5219535e9f4e1d6c9fbb320c32f1ce2e7",class:{chip:!0,["chip--"+this.customStyle]:!0}},"avatar"===this.type&&this.urlImg&&t("img",{key:"c7ea7ce319e2ab0a179f7b0b61ad9fe39be7c1ec",class:"chip__avatar",src:this.urlImg,alt:""}),"icon"===this.type&&this.icon&&t("dropi-icon",{key:"67e2edfbe37af83868a665cf65a85ecc27b7cfb5",class:"chip__pre-icon",name:this.icon,iconWidth:"14px",iconHeight:"14px",color:"currentColor"}),t("span",{key:"1916b1796d69cf6742177b8f4013315323bdf16f",class:"chip__text"},t("slot",{key:"167e1b230b1c4406ba3f40ba7783966c6b523c96"})),this.showIcon&&t("button",{key:"118d46db1615e9ed14485500b5a754407c361139",class:"chip__close",onClick:()=>this.dropiClose.emit(),"aria-label":"Eliminar"},t("dropi-icon",{key:"1639e4ae068d0361512469d2915b392101b2b923",name:"Cross-circle",iconWidth:"14px",iconHeight:"14px",color:"currentColor"})))}static get style(){return":host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.chip{display:inline-flex;align-items:center;justify-content:center;gap:var(--Size-1, 4px);height:24px;padding:0 var(--Size-2, 8px);border-radius:var(--Border-2, 8px);font-size:var(--font-size-xs, 10px);font-family:inherit;width:fit-content;max-width:200px}.chip--filters{background:var(--Primary-Primary-50, #fff5eb);border:1px solid var(--Primary-Primary-200, #fbd4a3);color:var(--Primary-Primary-600, #d4872e)}.chip--fill{background:var(--Gray-Gray-100, #e6eaf2);border:1px solid transparent;color:var(--Gray-Gray-700, #32394d)}.chip__avatar{width:16px;height:16px;border-radius:50%;object-fit:cover;flex-shrink:0}.chip__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.chip__close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:none;border:none;padding:0;cursor:pointer;color:inherit;opacity:0.7;transition:opacity 0.15s}.chip__close:hover{opacity:1}"}},[769,"dropi-chips",{customStyle:[1,"custom-style"],type:[1],urlImg:[1,"url-img"],showIcon:[4,"show-icon"],icon:[1]}]);function a(){"undefined"!=typeof customElements&&["dropi-chips","dropi-icon"].forEach((i=>{switch(i){case"dropi-chips":customElements.get(e(i))||customElements.define(e(i),s);break;case"dropi-icon":customElements.get(e(i))||c()}}))}a();const n=s,p=a;export{n as DropiChips,p as defineCustomElement}
+import{t as e,p as i,H as r,c as o,h as t}from"./index.js";import{d as c}from"./p-DqAyyLAT.js";const s=i(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiClose=o(this,"dropiClose")}customStyle="fill";type="icon";urlImg="";showIcon=!1;icon="";dropiClose;render(){return t("div",{key:"394a3ff5219535e9f4e1d6c9fbb320c32f1ce2e7",class:{chip:!0,["chip--"+this.customStyle]:!0}},"avatar"===this.type&&this.urlImg&&t("img",{key:"c7ea7ce319e2ab0a179f7b0b61ad9fe39be7c1ec",class:"chip__avatar",src:this.urlImg,alt:""}),"icon"===this.type&&this.icon&&t("dropi-icon",{key:"67e2edfbe37af83868a665cf65a85ecc27b7cfb5",class:"chip__pre-icon",name:this.icon,iconWidth:"14px",iconHeight:"14px",color:"currentColor"}),t("span",{key:"1916b1796d69cf6742177b8f4013315323bdf16f",class:"chip__text"},t("slot",{key:"167e1b230b1c4406ba3f40ba7783966c6b523c96"})),this.showIcon&&t("button",{key:"118d46db1615e9ed14485500b5a754407c361139",class:"chip__close",onClick:()=>this.dropiClose.emit(),"aria-label":"Eliminar"},t("dropi-icon",{key:"1639e4ae068d0361512469d2915b392101b2b923",name:"Cross-circle",iconWidth:"14px",iconHeight:"14px",color:"currentColor"})))}static get style(){return":host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.chip{display:inline-flex;align-items:center;justify-content:center;gap:var(--Size-1, 4px);height:24px;padding:0 var(--Size-2, 8px);border-radius:var(--Border-2, 8px);font-size:var(--font-size-xs, 10px);font-family:inherit;width:fit-content;max-width:200px}.chip--filters{background:var(--Primary-Primary-50, #fff5eb);border:1px solid var(--Primary-Primary-200, #fbd4a3);color:var(--Primary-Primary-600, #d4872e)}.chip--fill{background:var(--Gray-Gray-100, #e6eaf2);border:1px solid transparent;color:var(--Gray-Gray-700, #32394d)}.chip__avatar{width:16px;height:16px;border-radius:50%;object-fit:cover;flex-shrink:0}.chip__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.chip__close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:none;border:none;padding:0;cursor:pointer;color:inherit;opacity:0.7;transition:opacity 0.15s}.chip__close:hover{opacity:1}"}},[769,"dropi-chips",{customStyle:[1,"custom-style"],type:[1],urlImg:[1,"url-img"],showIcon:[4,"show-icon"],icon:[1]}]);function a(){"undefined"!=typeof customElements&&["dropi-chips","dropi-icon"].forEach((i=>{switch(i){case"dropi-chips":customElements.get(e(i))||customElements.define(e(i),s);break;case"dropi-icon":customElements.get(e(i))||c()}}))}a();const n=s,p=a;export{n as DropiChips,p as defineCustomElement}

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

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

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

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

package/dist/components/dropi-date-picker.js

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

package/dist/components/dropi-drawer.js

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

package/dist/components/dropi-empty-state.js

@@ -1 +1 @@
-import{t,p as e,H as i,c as s,h as a}from"./index.js";import{d as n}from"./p-DSffXVlZ.js";import{d as o}from"./p-CL1y944C.js";const r=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.buttonClickEvent=s(this,"buttonClickEvent")}title="";description="";imageUrl="";imageAlt="Sin resultados";buttonText="";buttonIcon="";dropiIcon="default";buttonSeverity="tertiary";buttonClickEvent;render(){return a("div",{key:"50a720a8b293a19dbabccce8f7aa0fa996e5fd63",class:"empty-state"},a("div",{key:"d13894b011225337234301bd514891d89caac3d7",class:"empty-state-visual"},a("img",this.imageUrl?{class:"empty-state-img",src:this.imageUrl,alt:this.imageAlt}:{class:"empty-state-img",src:`assets/icons/ilustration/${this.dropiIcon&&this.dropiIcon+""!="undefined"&&this.dropiIcon+""!="null"?this.dropiIcon:"default"}.svg`,alt:this.imageAlt,onError:t=>t.target.src="assets/icons/ilustration/default.svg"})),this.title&&a("h3",{key:"eb40395b4bd3c623f27bc3290bb37427420c5e94",class:"empty-state-title"},this.title),this.description&&a("p",{key:"f942c17f7a8d320bbe81dfcd45d13e56d7ea8eba",class:"empty-state-description"},this.description),a("slot",{key:"513f49ffeeb77e2be1318d6d251a1bcabff2689a"}),this.buttonText&&a("div",{key:"f6d9c391feee26eac44a8904e1768678bbb1604c",class:"empty-state-actions"},a("dropi-button",{key:"f9ea9563a76a80bd29b6e6aaf8405092046a62a8",text:this.buttonText,preIcon:this.buttonIcon,severity:this.buttonSeverity,onClick:()=>this.buttonClickEvent.emit()})))}static get style(){return":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)}"}},[769,"dropi-empty-state",{title:[1],description:[1],imageUrl:[1,"image-url"],imageAlt:[1,"image-alt"],buttonText:[1,"button-text"],buttonIcon:[1,"button-icon"],dropiIcon:[1,"dropi-icon"],buttonSeverity:[1,"button-severity"]}]);function c(){"undefined"!=typeof customElements&&["dropi-empty-state","dropi-button","dropi-icon"].forEach((e=>{switch(e){case"dropi-empty-state":customElements.get(t(e))||customElements.define(t(e),r);break;case"dropi-button":customElements.get(t(e))||n();break;case"dropi-icon":customElements.get(t(e))||o()}}))}c();const p=r,l=c;export{p as DropiEmptyState,l as defineCustomElement}
+import{t,p as e,H as i,c as s,h as a}from"./index.js";import{d as n}from"./p-1znuv59D.js";import{d as o}from"./p-DqAyyLAT.js";const r=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.buttonClickEvent=s(this,"buttonClickEvent")}title="";description="";imageUrl="";imageAlt="Sin resultados";buttonText="";buttonIcon="";dropiIcon="default";buttonSeverity="tertiary";buttonClickEvent;render(){return a("div",{key:"50a720a8b293a19dbabccce8f7aa0fa996e5fd63",class:"empty-state"},a("div",{key:"d13894b011225337234301bd514891d89caac3d7",class:"empty-state-visual"},a("img",this.imageUrl?{class:"empty-state-img",src:this.imageUrl,alt:this.imageAlt}:{class:"empty-state-img",src:`assets/icons/ilustration/${this.dropiIcon&&this.dropiIcon+""!="undefined"&&this.dropiIcon+""!="null"?this.dropiIcon:"default"}.svg`,alt:this.imageAlt,onError:t=>t.target.src="assets/icons/ilustration/default.svg"})),this.title&&a("h3",{key:"eb40395b4bd3c623f27bc3290bb37427420c5e94",class:"empty-state-title"},this.title),this.description&&a("p",{key:"f942c17f7a8d320bbe81dfcd45d13e56d7ea8eba",class:"empty-state-description"},this.description),a("slot",{key:"513f49ffeeb77e2be1318d6d251a1bcabff2689a"}),this.buttonText&&a("div",{key:"f6d9c391feee26eac44a8904e1768678bbb1604c",class:"empty-state-actions"},a("dropi-button",{key:"f9ea9563a76a80bd29b6e6aaf8405092046a62a8",text:this.buttonText,preIcon:this.buttonIcon,severity:this.buttonSeverity,onClick:()=>this.buttonClickEvent.emit()})))}static get style(){return":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)}"}},[769,"dropi-empty-state",{title:[1],description:[1],imageUrl:[1,"image-url"],imageAlt:[1,"image-alt"],buttonText:[1,"button-text"],buttonIcon:[1,"button-icon"],dropiIcon:[1,"dropi-icon"],buttonSeverity:[1,"button-severity"]}]);function c(){"undefined"!=typeof customElements&&["dropi-empty-state","dropi-button","dropi-icon"].forEach((e=>{switch(e){case"dropi-empty-state":customElements.get(t(e))||customElements.define(t(e),r);break;case"dropi-button":customElements.get(t(e))||n();break;case"dropi-icon":customElements.get(t(e))||o()}}))}c();const p=r,d=c;export{p as DropiEmptyState,d as defineCustomElement}

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

@@ -1 +1 @@
-import{t,p as e,H as i,c as r,h as a}from"./index.js";import{d as s}from"./p-CL1y944C.js";const o=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.toggleFavorite=r(this,"toggleFavorite")}isFavorite=!1;toggleFavorite;hovered=!1;toggle(){this.isFavorite=!this.isFavorite,this.toggleFavorite.emit(this.isFavorite)}render(){return a("button",{key:"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":this.isFavorite+""},a("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"}))}static get style(){return":host{display:inline-flex}.fav-btn{display:flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:8px;border:1px solid var(--Gray-Gray-200);background:var(--Neutral-White);cursor:pointer;transition:all 0.2s ease-in-out}.fav-btn:hover,.fav-btn--active{background:var(--Gray-Gray-50)}.fav-btn:active{transform:scale(0.95)}"}},[513,"dropi-favorite-button",{isFavorite:[1028,"is-favorite"],hovered:[32]}]);function n(){"undefined"!=typeof customElements&&["dropi-favorite-button","dropi-icon"].forEach((e=>{switch(e){case"dropi-favorite-button":customElements.get(t(e))||customElements.define(t(e),o);break;case"dropi-icon":customElements.get(t(e))||s()}}))}n();const d=o,c=n;export{d as DropiFavoriteButton,c as defineCustomElement}
+import{t,p as e,H as i,c as r,h as a}from"./index.js";import{d as s}from"./p-DqAyyLAT.js";const o=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.toggleFavorite=r(this,"toggleFavorite")}isFavorite=!1;toggleFavorite;hovered=!1;toggle(){this.isFavorite=!this.isFavorite,this.toggleFavorite.emit(this.isFavorite)}render(){return a("button",{key:"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":this.isFavorite+""},a("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"}))}static get style(){return":host{display:inline-flex}.fav-btn{display:flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:8px;border:1px solid var(--Gray-Gray-200);background:var(--Neutral-White);cursor:pointer;transition:all 0.2s ease-in-out}.fav-btn:hover,.fav-btn--active{background:var(--Gray-Gray-50)}.fav-btn:active{transform:scale(0.95)}"}},[513,"dropi-favorite-button",{isFavorite:[1028,"is-favorite"],hovered:[32]}]);function n(){"undefined"!=typeof customElements&&["dropi-favorite-button","dropi-icon"].forEach((e=>{switch(e){case"dropi-favorite-button":customElements.get(t(e))||customElements.define(t(e),o);break;case"dropi-icon":customElements.get(t(e))||s()}}))}n();const d=o,c=n;export{d as DropiFavoriteButton,c as defineCustomElement}

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

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