@dropi/ui 0.1.41 → 0.1.42

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

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

package/dist/components/dropi-input.js

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

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

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

package/dist/components/dropi-logo.js

@@ -1 +1 @@
-import{t as o,p as i,H as e,h as t}from"./index.js";const l="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgNDAiPjx0ZXh0IHk9IjMwIiBmb250LXNpemU9IjI0IiBmb250LWZhbWlseT0ic2Fucy1zZXJpZiIgZmlsbD0iIzg1OGVhNiI+ZHJvcGk8L3RleHQ+PC9zdmc+",s=i(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}get el(){return this}urlLogo="";size="large";theme="light";componentWillLoad(){this.urlLogo||(this.urlLogo=this.el.getAttribute("urlLogo")||this.el.getAttribute("url-logo")||this.el.getAttribute("urllogo")||"")}handleError(o){o.target.src=l}render(){return t("figure",{key:"479af3da2dc04c7d6e79b99494fce0fb5419af4d",class:{"dropi-logo":!0,["dropi-logo--"+this.size]:!0}},t("img",{key:"6b78e7004f4b1dd782e4c17dae7b264fff483875",src:this.urlLogo||l,alt:"Dropi logo",onError:o=>this.handleError(o)}))}static get style(){return":host{display:inline-block}.dropi-logo{margin:0;padding:0;display:flex;align-items:center;justify-content:center}.dropi-logo img{display:block;object-fit:contain}.dropi-logo--large img{width:256px;height:84px}.dropi-logo--small img{width:86px;height:81px}"}},[513,"dropi-logo",{urlLogo:[1,"url-logo"],size:[1],theme:[1]}]);function r(){"undefined"!=typeof customElements&&["dropi-logo"].forEach((i=>{"dropi-logo"===i&&(customElements.get(o(i))||customElements.define(o(i),s))}))}r();const g=s,d=r;export{g as DropiLogo,d as defineCustomElement}
+import{t as o,p as e,H as i,h as t}from"./index.js";const l="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgNDAiPjx0ZXh0IHk9IjMwIiBmb250LXNpemU9IjI0IiBmb250LWZhbWlseT0ic2Fucy1zZXJpZiIgZmlsbD0iIzg1OGVhNiI+ZHJvcGk8L3RleHQ+PC9zdmc+",s=e(class extends i{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}get el(){return this}urlLogo="";size="large";theme="light";componentWillLoad(){this.urlLogo||(this.urlLogo=this.el.getAttribute("urlLogo")||this.el.getAttribute("url-logo")||this.el.getAttribute("urllogo")||"")}handleError(o){o.target.src=l}render(){return t("figure",{key:"2a5ed49bd2ac8592db5b06256ff4e911e26ee6fd",class:{"dropi-logo":!0,["dropi-logo--"+this.size]:!0}},t("img",{key:"f0f63e2e5ceb30c24eac3f7f5a3446858b632f90",src:this.urlLogo||l,alt:"Dropi logo",onError:o=>this.handleError(o)}))}static get style(){return":host{display:inline-block}.dropi-logo{margin:0;padding:0;display:flex;align-items:center;justify-content:center}.dropi-logo img{display:block;object-fit:contain}.dropi-logo--large img{width:256px;height:84px}.dropi-logo--small img{width:86px;height:81px}"}},[513,"dropi-logo",{urlLogo:[1,"url-logo"],size:[1],theme:[1]}]);function r(){"undefined"!=typeof customElements&&["dropi-logo"].forEach((e=>{"dropi-logo"===e&&(customElements.get(o(e))||customElements.define(o(e),s))}))}r();const g=s,c=r;export{g as DropiLogo,c as defineCustomElement}

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

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

package/dist/components/dropi-modal.js

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

package/dist/components/dropi-navbar.js

@@ -1 +1 @@
-import{t as a,p as r,H as e,c as i,h as t}from"./index.js";import{d as n}from"./p-BDYn1JDe.js";const o=r(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.clickLoadItem=i(this,"clickLoadItem",7),this.dropiNotificationsClick=i(this,"dropiNotificationsClick",7),this.dropiUserClick=i(this,"dropiUserClick",7),this.dropiMenuToggle=i(this,"dropiMenuToggle",7)}logoUrl="";logoAlt="Logo";data=[];title="";activeId="";userName="";userAvatar="";notifications=0;showMenuToggle=!0;clickLoadItem;dropiNotificationsClick;dropiUserClick;dropiMenuToggle;get parsedData(){const a=this.data;return"string"==typeof a?JSON.parse(a):a||[]}render(){const a=this.parsedData;return t("nav",{key:"15c337396dbe445ac7a13d7e0f2d99f88b4de439",class:"navbar"},t("div",{key:"922a217dfe53f3f34dd6746033996bcd71dadfb2",class:"navbar__left"},this.showMenuToggle&&t("button",{key:"db80ad1fd6f47807196c81ae60bf9cea8bb16e77",class:"navbar__menu-btn",onClick:()=>this.dropiMenuToggle.emit(),"aria-label":"Menú"},t("dropi-icon",{key:"eca18144260cb6471a19f78f7ce75254ba5a138e",name:"Menu",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-700"})),this.logoUrl&&t("img",{key:"374ea8553605f289c413882c757eda70054ba71d",class:"navbar__logo",src:this.logoUrl,alt:this.logoAlt}),this.title&&t("span",{key:"8e2abceb591c0de10ca99d2090fea7a0da792a7b",class:"navbar__title"},this.title)),a.length>0&&t("ul",{key:"fd26fc64ea3325ddc439a802ab56e69b329020dd",class:"navbar__items"},a.map((a=>t("li",null,t("button",{class:{navbar__item:!0,"navbar__item--active":a.id===this.activeId},onClick:()=>this.clickLoadItem.emit(a),type:"button"},a.icon&&t("dropi-icon",{name:a.icon,iconWidth:"16px",iconHeight:"16px",color:a.id===this.activeId?"Primary-Primary-500":"Gray-Gray-600"}),t("span",null,a.name?.value||a.label),null!=a.badge&&a.badge+""!="0"&&t("span",{class:"navbar__badge"},a.badge)))))),t("div",{key:"51a6532caac773ea7236e95b0aa5ee9ee052db4a",class:"navbar__right"},t("button",{key:"309b47a8fa074e7d47632a95490c5ba0d2950745",class:"navbar__icon-btn",onClick:()=>this.dropiNotificationsClick.emit(),"aria-label":"Notificaciones"},t("dropi-icon",{key:"2a970ae36fdd4e42d9fbab5d8ebb61a1d14d54c8",name:"Bell",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-600"}),this.notifications>0&&t("span",{key:"67412b6d3c7689f78cca15e91a1e8e3ee88152a2",class:"navbar__notif-badge"},this.notifications>99?"99+":this.notifications)),t("button",{key:"38cc70fdc1c204b06b62c54a23f4b8c76647fd6b",class:"navbar__user-btn",onClick:()=>this.dropiUserClick.emit(),type:"button"},this.userAvatar?t("img",{class:"navbar__avatar",src:this.userAvatar,alt:this.userName}):t("div",{class:"navbar__avatar-placeholder"},this.userName?this.userName[0].toUpperCase():"?"),this.userName&&t("span",{key:"1f2cfe4bddef60d31751c24c3f02cace2f07d6dd",class:"navbar__user-name"},this.userName),t("dropi-icon",{key:"520aff19c56964eefb3b1f59646c19df779c7e47",name:"Arrow-Down-2",iconWidth:"12px",iconHeight:"12px",color:"Gray-Gray-400"}))))}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.navbar{display:flex;align-items:center;height:56px;padding:0 var(--Size-4, 16px);background:var(--Neutral-White, #ffffff);border-bottom:1px solid var(--Gray-Gray-100, #eceef4);gap:var(--Size-4, 16px);position:relative}.navbar__left{display:flex;align-items:center;gap:var(--Size-2, 8px);flex-shrink:0}.navbar__menu-btn{background:none;border:none;padding:6px;cursor:pointer;border-radius:var(--Border-1, 4px);display:flex;align-items:center;transition:background 0.15s}.navbar__menu-btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.navbar__logo{height:28px;object-fit:contain}.navbar__items{flex:1;list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:var(--Size-1, 4px)}.navbar__item{display:flex;align-items:center;gap:var(--Size-1, 4px);padding:6px var(--Size-3, 12px);background:none;border:none;border-radius:var(--Border-1, 4px);font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-600, #475066);cursor:pointer;transition:background 0.15s, color 0.15s;white-space:nowrap}.navbar__item:hover{background:var(--Gray-Gray-50, #f7f8fa)}.navbar__item--active{background:var(--Primary-Primary-50, #fff5eb);color:var(--Primary-Primary-500, #f49a3d);font-weight:var(--font-weight-bold, 700)}.navbar__badge{background:var(--Error-Error-500, #f46a6b);color:var(--Neutral-White, #ffffff);font-size:var(--font-size-xxs);font-weight:var(--font-weight-bold);min-width:16px;height:16px;border-radius:100px;display:flex;align-items:center;justify-content:center;padding:0 4px}.navbar__right{display:flex;align-items:center;gap:var(--Size-2, 8px);flex-shrink:0}.navbar__icon-btn{position:relative;background:none;border:none;padding:6px;cursor:pointer;border-radius:var(--Border-1, 4px);display:flex;align-items:center;transition:background 0.15s}.navbar__icon-btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.navbar__notif-badge{position:absolute;top:2px;right:2px;background:var(--Error-Error-500, #f46a6b);color:var(--Neutral-White, #ffffff);font-size:9px;font-weight:var(--font-weight-bold);min-width:14px;height:14px;border-radius:100px;display:flex;align-items:center;justify-content:center;padding:0 3px}.navbar__user-btn{display:flex;align-items:center;gap:var(--Size-1, 4px);background:none;border:none;padding:4px 8px;border-radius:var(--Border-1, 4px);cursor:pointer;transition:background 0.15s;font-family:inherit}.navbar__user-btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.navbar__avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.navbar__avatar-placeholder{width:28px;height:28px;border-radius:50%;background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #ffffff);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700)}.navbar__user-name{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"}},[513,"dropi-navbar",{logoUrl:[1,"logo-url"],logoAlt:[1,"logo-alt"],data:[1],title:[1],activeId:[1,"active-id"],userName:[1,"user-name"],userAvatar:[1,"user-avatar"],notifications:[2],showMenuToggle:[4,"show-menu-toggle"]}]);function s(){"undefined"!=typeof customElements&&["dropi-navbar","dropi-icon"].forEach((r=>{switch(r){case"dropi-navbar":customElements.get(a(r))||customElements.define(a(r),o);break;case"dropi-icon":customElements.get(a(r))||n()}}))}s();const d=o,c=s;export{d as DropiNavbar,c as defineCustomElement}
+import{t as a,p as r,H as e,c as i,h as t}from"./index.js";import{d as n}from"./p-B9rJd-Rf.js";const o=r(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.clickLoadItem=i(this,"clickLoadItem"),this.dropiNotificationsClick=i(this,"dropiNotificationsClick"),this.dropiUserClick=i(this,"dropiUserClick"),this.dropiMenuToggle=i(this,"dropiMenuToggle")}logoUrl="";logoAlt="Logo";data=[];title="";activeId="";userName="";userAvatar="";notifications=0;showMenuToggle=!0;clickLoadItem;dropiNotificationsClick;dropiUserClick;dropiMenuToggle;get parsedData(){const a=this.data;return"string"==typeof a?JSON.parse(a):a||[]}render(){const a=this.parsedData;return t("nav",{key:"83ec218a7545739c65d8f1f61197b429b0e7d407",class:"navbar"},t("div",{key:"e40038630c33a280f3c231b3dd26643f1c853ea3",class:"navbar__left"},this.showMenuToggle&&t("button",{key:"0ecbae684b9324c48cd01a6081fd1951b3ba7cf8",class:"navbar__menu-btn",onClick:()=>this.dropiMenuToggle.emit(),"aria-label":"Menú"},t("dropi-icon",{key:"9edea72a4508a984be2e6785f3f0fa6abe0625c4",name:"Menu",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-700"})),this.logoUrl&&t("img",{key:"b8cd9896736d505dad05b8df5f10928d40f250dd",class:"navbar__logo",src:this.logoUrl,alt:this.logoAlt}),this.title&&t("span",{key:"4e5dae851fe28f1bc913d7a5d4d42a2413342635",class:"navbar__title"},this.title)),a.length>0&&t("ul",{key:"b951cc880b8aaf718b85403e3420d73ac976aa60",class:"navbar__items"},a.map((a=>t("li",null,t("button",{class:{navbar__item:!0,"navbar__item--active":a.id===this.activeId},onClick:()=>this.clickLoadItem.emit(a),type:"button"},a.icon&&t("dropi-icon",{name:a.icon,iconWidth:"16px",iconHeight:"16px",color:a.id===this.activeId?"Primary-Primary-500":"Gray-Gray-600"}),t("span",null,a.name?.value||a.label),null!=a.badge&&a.badge+""!="0"&&t("span",{class:"navbar__badge"},a.badge)))))),t("div",{key:"8fe68f93af722982bac11890b106a35a292b3d98",class:"navbar__right"},t("button",{key:"a4d0ff928dca2502384cd21e0bc852cacc895a30",class:"navbar__icon-btn",onClick:()=>this.dropiNotificationsClick.emit(),"aria-label":"Notificaciones"},t("dropi-icon",{key:"41007746a151c27059d41db7c4672a2b551882d1",name:"Bell",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-600"}),this.notifications>0&&t("span",{key:"a0e5c6c9f8e2aaf3e67cc22bdff2ae65472b7cb5",class:"navbar__notif-badge"},this.notifications>99?"99+":this.notifications)),t("button",{key:"e1996f9e1fa922cd03a4e9c5721f5be838a941d3",class:"navbar__user-btn",onClick:()=>this.dropiUserClick.emit(),type:"button"},this.userAvatar?t("img",{class:"navbar__avatar",src:this.userAvatar,alt:this.userName}):t("div",{class:"navbar__avatar-placeholder"},this.userName?this.userName[0].toUpperCase():"?"),this.userName&&t("span",{key:"d539c8f456564aa8d3a29e9d2e2ed6250241f411",class:"navbar__user-name"},this.userName),t("dropi-icon",{key:"d32cba548201f28a051142e889f6de207a4e67d2",name:"Arrow-Down-2",iconWidth:"12px",iconHeight:"12px",color:"Gray-Gray-400"}))))}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.navbar{display:flex;align-items:center;height:56px;padding:0 var(--Size-4, 16px);background:var(--Neutral-White, #ffffff);border-bottom:1px solid var(--Gray-Gray-100, #eceef4);gap:var(--Size-4, 16px);position:relative}.navbar__left{display:flex;align-items:center;gap:var(--Size-2, 8px);flex-shrink:0}.navbar__menu-btn{background:none;border:none;padding:6px;cursor:pointer;border-radius:var(--Border-1, 4px);display:flex;align-items:center;transition:background 0.15s}.navbar__menu-btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.navbar__logo{height:28px;object-fit:contain}.navbar__items{flex:1;list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:var(--Size-1, 4px)}.navbar__item{display:flex;align-items:center;gap:var(--Size-1, 4px);padding:6px var(--Size-3, 12px);background:none;border:none;border-radius:var(--Border-1, 4px);font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-600, #475066);cursor:pointer;transition:background 0.15s, color 0.15s;white-space:nowrap}.navbar__item:hover{background:var(--Gray-Gray-50, #f7f8fa)}.navbar__item--active{background:var(--Primary-Primary-50, #fff5eb);color:var(--Primary-Primary-500, #f49a3d);font-weight:var(--font-weight-bold, 700)}.navbar__badge{background:var(--Error-Error-500, #f46a6b);color:var(--Neutral-White, #ffffff);font-size:var(--font-size-xxs);font-weight:var(--font-weight-bold);min-width:16px;height:16px;border-radius:100px;display:flex;align-items:center;justify-content:center;padding:0 4px}.navbar__right{display:flex;align-items:center;gap:var(--Size-2, 8px);flex-shrink:0}.navbar__icon-btn{position:relative;background:none;border:none;padding:6px;cursor:pointer;border-radius:var(--Border-1, 4px);display:flex;align-items:center;transition:background 0.15s}.navbar__icon-btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.navbar__notif-badge{position:absolute;top:2px;right:2px;background:var(--Error-Error-500, #f46a6b);color:var(--Neutral-White, #ffffff);font-size:9px;font-weight:var(--font-weight-bold);min-width:14px;height:14px;border-radius:100px;display:flex;align-items:center;justify-content:center;padding:0 3px}.navbar__user-btn{display:flex;align-items:center;gap:var(--Size-1, 4px);background:none;border:none;padding:4px 8px;border-radius:var(--Border-1, 4px);cursor:pointer;transition:background 0.15s;font-family:inherit}.navbar__user-btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.navbar__avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.navbar__avatar-placeholder{width:28px;height:28px;border-radius:50%;background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #ffffff);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700)}.navbar__user-name{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"}},[513,"dropi-navbar",{logoUrl:[1,"logo-url"],logoAlt:[1,"logo-alt"],data:[1],title:[1],activeId:[1,"active-id"],userName:[1,"user-name"],userAvatar:[1,"user-avatar"],notifications:[2],showMenuToggle:[4,"show-menu-toggle"]}]);function s(){"undefined"!=typeof customElements&&["dropi-navbar","dropi-icon"].forEach((r=>{switch(r){case"dropi-navbar":customElements.get(a(r))||customElements.define(a(r),o);break;case"dropi-icon":customElements.get(a(r))||n()}}))}s();const d=o,c=s;export{d as DropiNavbar,c as defineCustomElement}

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

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

package/dist/components/dropi-paginator.js

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

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

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

package/dist/components/dropi-progress-bar.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface DropiProgressBar extends Components.DropiProgressBar, HTMLElement {}
+export const DropiProgressBar: {
+    prototype: DropiProgressBar;
+    new (): DropiProgressBar;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1 @@
+import{t as r,p as e,H as s,h as t}from"./index.js";const o=e(class extends s{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}value=0;severity="primary";height="8px";showValue=!1;trackColor="var(--Gray-Gray-100, #F7F8FA)";color="";render(){const r={width:Math.min(100,Math.max(0,this.value))+"%",backgroundColor:this.color||`var(--${this.getSeverityVariable()}, #50A5F1)`};return t("div",{key:"f68b88240ebc188f1f0378424b8d1617c2e7440e",class:"progress-container"},this.showValue&&t("div",{key:"f8116e4eb824031d4bd1ac9d694e2bd3bca1ed6d",class:"progress-header"},t("span",{key:"892813f8e0a028ce286c00edd0489d489dd271c4",class:"progress-value"},this.value,"%")),t("div",{key:"2e740487a59df1ec7def96565a9ee64d53b773b8",class:"progress-track",style:{height:this.height,backgroundColor:this.trackColor}},t("div",{key:"4f6fd1c436563cacac31e385d84c4a21945f6e10",class:"progress-fill",style:r})))}getSeverityVariable(){switch(this.severity){case"success":return"Success-Success-500";case"warning":return"Warning-Warning-500";case"error":return"Error-Error-500";case"info":return"Info-Info-500";case"neutral":return"Gray-Gray-400";default:return"Primary-Primary-500"}}static get style(){return":host{display:block;width:100%}.progress-container{width:100%;display:flex;flex-direction:column;gap:4px}.progress-header{display:flex;justify-content:flex-end}.progress-value{font-size:var(--font-size-xs, 12px);color:var(--Gray-Gray-600, #475066);font-weight:500}.progress-track{width:100%;border-radius:999px;overflow:hidden;position:relative}.progress-fill{height:100%;border-radius:999px;transition:width 0.3s ease-in-out, background-color 0.3s ease-in-out}"}},[513,"dropi-progress-bar",{value:[2],severity:[1],height:[1],showValue:[4,"show-value"],trackColor:[1,"track-color"],color:[1]}]);function a(){"undefined"!=typeof customElements&&["dropi-progress-bar"].forEach((e=>{"dropi-progress-bar"===e&&(customElements.get(r(e))||customElements.define(r(e),o))}))}a();const i=o,c=a;export{i as DropiProgressBar,c as defineCustomElement}

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

@@ -1 +1 @@
-import{t as e,p as r,H as t,c as i,h as o}from"./index.js";const a=r(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.onChange=i(this,"onChange",7)}label="";name="name";id="radioButton";checked=!1;resetTrigger=!1;onChange;onResetTrigger(e){e&&(this.checked=!1)}handleChange(e){this.checked=e.target.checked,this.onChange.emit(e)}render(){return o("div",{key:"86430f601f7ddb6144682c0356938886217eb2ae",class:"dropi-radio-button"},o("label",{key:"653fa8d5c33fc64ab44174e6d0fe35c6fd992be7",htmlFor:this.id},o("input",{key:"d99eae69867b0a09b6585a18dfaa52da353c5bd2",id:this.id,type:"radio",name:this.name,checked:this.checked,onChange:e=>this.handleChange(e)}),this.label))}static get formAssociated(){return!0}static get watchers(){return{resetTrigger:[{onResetTrigger:0}]}}static get style(){return":host{display:inline-block}*,*::before,*::after{box-sizing:border-box}.dropi-radio-button{display:flex;align-items:center;justify-content:flex-start;gap:20px}label{display:flex;flex-direction:row;align-items:center;gap:8px;cursor:pointer;color:var(--Gray-Gray-700, #32394d);font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-regular, 400);line-height:1.5}input[type='radio']{appearance:none;-webkit-appearance:none;width:20px;height:20px;min-width:20px;border:2px solid var(--Gray-Gray-200, #c3c9d9);border-radius:50%;background-color:transparent;position:relative;cursor:pointer;outline:none;flex-shrink:0;align-self:center;vertical-align:middle;margin:0}input[type='radio']::before{content:'';position:absolute;top:3px;left:3px;width:10px;height:10px;background-color:var(--Primary-Primary-400, #f7b46f);border-radius:50%;display:none}input[type='radio']:checked{border:2px solid var(--Primary-Primary-500, #f49a3d)}input[type='radio']:checked::before{display:block}"}},[577,"dropi-radio-button",{label:[1],name:[1],id:[1],checked:[1540],resetTrigger:[4,"reset-trigger"]},void 0,{resetTrigger:[{onResetTrigger:0}]}]);function n(){"undefined"!=typeof customElements&&["dropi-radio-button"].forEach((r=>{"dropi-radio-button"===r&&(customElements.get(e(r))||customElements.define(e(r),a))}))}n();const s=a,d=n;export{s as DropiRadioButton,d as defineCustomElement}
+import{t as e,p as r,H as t,c as i,h as o}from"./index.js";const a=r(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiChange=i(this,"dropiChange")}label="";name="name";id="radioButton";checked=!1;resetTrigger=!1;dropiChange;onResetTrigger(e){e&&(this.checked=!1)}handleChange(e){this.checked=e.target.checked,this.dropiChange.emit(e)}render(){return o("div",{key:"9f4c4f3be63c0aa0bcd1c48dacb97cec903db98d",class:"dropi-radio-button"},o("label",{key:"c29bd1ccc6c468b57fdcb4dd6c15cf541255cb71",htmlFor:this.id},o("input",{key:"19533ffd5e5eb1b43d7e0f42971aa81652c8c926",id:this.id,type:"radio",name:this.name,checked:this.checked,onChange:e=>this.handleChange(e)}),this.label))}static get formAssociated(){return!0}static get watchers(){return{resetTrigger:[{onResetTrigger:0}]}}static get style(){return":host{display:inline-block}*,*::before,*::after{box-sizing:border-box}.dropi-radio-button{display:flex;align-items:center;justify-content:flex-start;gap:20px}label{display:flex;flex-direction:row;align-items:center;gap:8px;cursor:pointer;color:var(--Gray-Gray-700, #32394d);font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-regular, 400);line-height:1.5}input[type='radio']{appearance:none;-webkit-appearance:none;width:20px;height:20px;min-width:20px;border:2px solid var(--Gray-Gray-200, #c3c9d9);border-radius:50%;background-color:transparent;position:relative;cursor:pointer;outline:none;flex-shrink:0;align-self:center;vertical-align:middle;margin:0}input[type='radio']::before{content:'';position:absolute;top:3px;left:3px;width:10px;height:10px;background-color:var(--Primary-Primary-400, #f7b46f);border-radius:50%;display:none}input[type='radio']:checked{border:2px solid var(--Primary-Primary-500, #f49a3d)}input[type='radio']:checked::before{display:block}"}},[577,"dropi-radio-button",{label:[1],name:[1],id:[1],checked:[1540],resetTrigger:[4,"reset-trigger"]},void 0,{resetTrigger:[{onResetTrigger:0}]}]);function n(){"undefined"!=typeof customElements&&["dropi-radio-button"].forEach((r=>{"dropi-radio-button"===r&&(customElements.get(e(r))||customElements.define(e(r),a))}))}n();const s=a,d=n;export{s as DropiRadioButton,d as defineCustomElement}

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

@@ -1 +1 @@
-import{t as r,p as e,H as s,c as a,h as i}from"./index.js";import{d as t}from"./p-BDYn1JDe.js";const o=e(class extends s{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.valueChange=a(this,"valueChange",7),this.onSearch=a(this,"onSearch",7)}options=[];selectedOption="";showFilter=!1;filterPlaceholder="Search";alwaysShowDescription=!0;typeLayout="default";searchDelay=100;filterText="";parsedOptions=[];valueChange;onSearch;optionsChanged(r){this.parsedOptions="string"==typeof r?JSON.parse(r):r||[]}componentWillLoad(){this.optionsChanged(this.options)}get filtered(){if(!this.filterText)return this.parsedOptions;const r=this.filterText.toLowerCase();return this.parsedOptions.filter((e=>e.name?.toLowerCase().includes(r)))}render(){return i("div",{key:"7fdbf3d20a030a78ab4f48e7dba8333a34b1017b",class:"rsl"},this.showFilter&&i("div",{key:"12e2abb8f8ed76c6b3231f28b63c842ba3c3c326",class:"rsl__search"},i("dropi-icon",{key:"0d3e759696ceefdc997fadec75cc73f281caafd0",name:"Search",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-400"}),i("input",{key:"d5605975ebfda35d7abb0e69fe0a2baa929faddb",class:"rsl__search-input",type:"text",placeholder:this.filterPlaceholder,value:this.filterText,onInput:r=>{this.filterText=r.target.value,this.onSearch.emit({searchValue:this.filterText,filteredOptions:this.filtered})}})),i("div",{key:"25dae74884621ce4f27f214de94c9ddb0fa1799f",class:"rsl__list"},this.filtered.map((r=>{const e=r.id===this.selectedOption;return i("div",{class:{rsl__item:!0,"rsl__item--selected":e},key:r.id,onClick:()=>{this.selectedOption=r.id,this.valueChange.emit(r.id)}},i("div",{class:{rsl__radio:!0,"rsl__radio--checked":e}},e&&i("div",{class:"rsl__radio-dot"})),i("div",{class:"rsl__content"},i("span",{class:"rsl__name"},r.name),(e||this.alwaysShowDescription)&&r.description&&i("span",{class:"rsl__desc"},r.description)))}))))}static get watchers(){return{options:[{optionsChanged:0}]}}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.rsl__search{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-2, 8px) var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);margin-bottom:var(--Size-2, 8px)}.rsl__search-input{flex:1;border:none;outline:none;font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);background:transparent}.rsl__list{display:flex;flex-direction:column;gap:var(--Size-2, 8px)}.rsl__item{display:flex;align-items:flex-start;gap:var(--Size-3, 12px);padding:var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);cursor:pointer;transition:border-color 0.15s, background 0.15s}.rsl__item:hover{background:var(--Gray-Gray-50, #f7f8fa)}.rsl__item--selected{border-color:var(--Primary-Primary-500, #f49a3d);background:var(--Primary-Primary-50, #fff5eb)}.rsl__radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--Gray-Gray-300, #a3abbf);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:3px;transition:border-color 0.15s}.rsl__radio--checked{border-color:var(--Primary-Primary-500, #f49a3d)}.rsl__radio-dot{width:8px;height:8px;border-radius:50%;background:var(--Primary-Primary-500, #f49a3d)}.rsl__content{display:flex;flex-direction:column;gap:2px}.rsl__name{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d)}.rsl__desc{font-size:var(--font-size-xs, 10px);line-height:1.4;color:var(--Gray-Gray-500, #69738c)}"}},[513,"dropi-radio-selection-list",{options:[1],selectedOption:[1032,"selected-option"],showFilter:[4,"show-filter"],filterPlaceholder:[1,"filter-placeholder"],alwaysShowDescription:[4,"always-show-description"],typeLayout:[1,"type-layout"],searchDelay:[2,"search-delay"],filterText:[32],parsedOptions:[32]},void 0,{options:[{optionsChanged:0}]}]);function d(){"undefined"!=typeof customElements&&["dropi-radio-selection-list","dropi-icon"].forEach((e=>{switch(e){case"dropi-radio-selection-list":customElements.get(r(e))||customElements.define(r(e),o);break;case"dropi-icon":customElements.get(r(e))||t()}}))}d();const l=o,n=d;export{l as DropiRadioSelectionList,n as defineCustomElement}
+import{t as r,p as e,H as i,c as s,h as t}from"./index.js";import{d as a}from"./p-B9rJd-Rf.js";const o=e(class extends i{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.dropiChange=s(this,"dropiChange"),this.dropiSearch=s(this,"dropiSearch")}options=[];selectedOption="";showFilter=!1;filterPlaceholder="Search";alwaysShowDescription=!0;typeLayout="default";searchDelay=100;filterText="";parsedOptions=[];dropiChange;dropiSearch;optionsChanged(r){this.parsedOptions="string"==typeof r?JSON.parse(r):r||[]}componentWillLoad(){this.optionsChanged(this.options)}get filtered(){if(!this.filterText)return this.parsedOptions;const r=this.filterText.toLowerCase();return this.parsedOptions.filter((e=>e.name?.toLowerCase().includes(r)))}render(){return t("div",{key:"296bdc955d13b8163ca954f6d399543343e7e121",class:"rsl"},this.showFilter&&t("div",{key:"4cdd3764411f389d2b6ce1145f5b6759bb20fc7b",class:"rsl__search"},t("dropi-icon",{key:"81af80a3dddb6176625b6ba575b084501741cd81",name:"Search",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-400"}),t("input",{key:"aa0e762f4403431225375f95c792af8596529588",class:"rsl__search-input",type:"text",placeholder:this.filterPlaceholder,value:this.filterText,onInput:r=>{this.filterText=r.target.value,this.dropiSearch.emit({searchValue:this.filterText,filteredOptions:this.filtered})}})),t("div",{key:"d153875a1c09957b74648f61f70320968ea6cd40",class:"rsl__list"},this.filtered.map((r=>{const e=r.id===this.selectedOption;return t("div",{class:{rsl__item:!0,"rsl__item--selected":e},key:r.id,onClick:()=>{this.selectedOption=r.id,this.dropiChange.emit(r.id)}},t("div",{class:{rsl__radio:!0,"rsl__radio--checked":e}},e&&t("div",{class:"rsl__radio-dot"})),t("div",{class:"rsl__content"},t("span",{class:"rsl__name"},r.name),(e||this.alwaysShowDescription)&&r.description&&t("span",{class:"rsl__desc"},r.description)))}))))}static get watchers(){return{options:[{optionsChanged:0}]}}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.rsl__search{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-2, 8px) var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);margin-bottom:var(--Size-2, 8px)}.rsl__search-input{flex:1;border:none;outline:none;font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);background:transparent}.rsl__list{display:flex;flex-direction:column;gap:var(--Size-2, 8px)}.rsl__item{display:flex;align-items:flex-start;gap:var(--Size-3, 12px);padding:var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);cursor:pointer;transition:border-color 0.15s, background 0.15s}.rsl__item:hover{background:var(--Gray-Gray-50, #f7f8fa)}.rsl__item--selected{border-color:var(--Primary-Primary-500, #f49a3d);background:var(--Primary-Primary-50, #fff5eb)}.rsl__radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--Gray-Gray-300, #a3abbf);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:3px;transition:border-color 0.15s}.rsl__radio--checked{border-color:var(--Primary-Primary-500, #f49a3d)}.rsl__radio-dot{width:8px;height:8px;border-radius:50%;background:var(--Primary-Primary-500, #f49a3d)}.rsl__content{display:flex;flex-direction:column;gap:2px}.rsl__name{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d)}.rsl__desc{font-size:var(--font-size-xs, 10px);line-height:1.4;color:var(--Gray-Gray-500, #69738c)}"}},[513,"dropi-radio-selection-list",{options:[1],selectedOption:[1032,"selected-option"],showFilter:[4,"show-filter"],filterPlaceholder:[1,"filter-placeholder"],alwaysShowDescription:[4,"always-show-description"],typeLayout:[1,"type-layout"],searchDelay:[2,"search-delay"],filterText:[32],parsedOptions:[32]},void 0,{options:[{optionsChanged:0}]}]);function d(){"undefined"!=typeof customElements&&["dropi-radio-selection-list","dropi-icon"].forEach((e=>{switch(e){case"dropi-radio-selection-list":customElements.get(r(e))||customElements.define(r(e),o);break;case"dropi-icon":customElements.get(r(e))||a()}}))}d();const l=o,n=d;export{l as DropiRadioSelectionList,n as defineCustomElement}

package/dist/components/dropi-read-more.js

@@ -1 +1 @@
-import{t as e,p as t,H as s,h as r}from"./index.js";const o=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}text="";maxWords=20;showSeeLess=!0;textStyle="";buttonStyle="";expanded=!1;get words(){return(this.text||"").split(/\s+/).filter(Boolean)}get needsTruncation(){return this.words.length>this.maxWords}get displayText(){return!this.needsTruncation||this.expanded?this.text:this.words.slice(0,this.maxWords).join(" ")}render(){return r("div",{key:"125c5f1d75c1e06f02d9898f375626bb75a67cd8",class:"read-more"},r("p",{key:"4a4450a3468e7fe7297fdae98d370f8cd77b8553",class:"read-more__text",style:this.textStyle?this.textStyle:void 0},this.displayText,this.needsTruncation&&(!this.expanded||this.showSeeLess)&&r("button",{key:"cfe58b2781b908d9a0a802b4bd68cedf8dea827e",class:"read-more__toggle",style:this.buttonStyle?this.buttonStyle:void 0,onClick:()=>this.expanded=!this.expanded},this.expanded?" Ver menos":"... Ver más")))}static get style(){return":host{display:block}.read-more__text{margin:0;font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-800, #1f2433);line-height:1.5}.read-more__toggle{all:unset;display:inline;font-size:var(--font-size-s, 12px);font-family:inherit;font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-600);cursor:pointer}.read-more__toggle:hover{color:var(--Primary-Primary-600, #d4872e)}"}},[513,"dropi-read-more",{text:[1],maxWords:[2,"max-words"],showSeeLess:[4,"show-see-less"],textStyle:[1,"text-style"],buttonStyle:[1,"button-style"],expanded:[32]}]);function i(){"undefined"!=typeof customElements&&["dropi-read-more"].forEach((t=>{"dropi-read-more"===t&&(customElements.get(e(t))||customElements.define(e(t),o))}))}i();const a=o,n=i;export{a as DropiReadMore,n as defineCustomElement}
+import{t as e,p as t,H as s,h as r}from"./index.js";const o=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}text="";maxWords=20;showSeeLess=!0;textStyle="";buttonStyle="";expanded=!1;get words(){return(this.text||"").split(/\s+/).filter(Boolean)}get needsTruncation(){return this.words.length>this.maxWords}get displayText(){return!this.needsTruncation||this.expanded?this.text:this.words.slice(0,this.maxWords).join(" ")}render(){return r("div",{key:"6accf9aa0a6f7377c7de6e8cbcb9e2a7ee99573a",class:"read-more"},r("p",{key:"96e5493df8b065008f9bc45cea1ba768eabfc0a2",class:"read-more__text",style:this.textStyle?this.textStyle:void 0},this.displayText,this.needsTruncation&&(!this.expanded||this.showSeeLess)&&r("button",{key:"195d962715c5c618701c3e86df618289915e3a9b",class:"read-more__toggle",style:this.buttonStyle?this.buttonStyle:void 0,onClick:()=>this.expanded=!this.expanded},this.expanded?" Ver menos":"... Ver más")))}static get style(){return":host{display:block}.read-more__text{margin:0;font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-800, #1f2433);line-height:1.5}.read-more__toggle{all:unset;display:inline;font-size:var(--font-size-s, 12px);font-family:inherit;font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-600);cursor:pointer}.read-more__toggle:hover{color:var(--Primary-Primary-600, #d4872e)}"}},[513,"dropi-read-more",{text:[1],maxWords:[2,"max-words"],showSeeLess:[4,"show-see-less"],textStyle:[1,"text-style"],buttonStyle:[1,"button-style"],expanded:[32]}]);function i(){"undefined"!=typeof customElements&&["dropi-read-more"].forEach((t=>{"dropi-read-more"===t&&(customElements.get(e(t))||customElements.define(e(t),o))}))}i();const a=o,n=i;export{a as DropiReadMore,n as defineCustomElement}

package/dist/components/dropi-search.js

@@ -1 +1 @@
-import{t as e,p as t,H as s,c as a,h as i}from"./index.js";import{d as o}from"./p-B9R8Apw7.js";import{d as r}from"./p-BDYn1JDe.js";const n=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.onInput=a(this,"onInput",7),this.onBlur=a(this,"onBlur",7),this.onKeyEnter=a(this,"onKeyEnter",7),this.onChange=a(this,"onChange",7),this.onClear=a(this,"onClear",7),this.modelChange=a(this,"modelChange",7)}type="default";placeholder="Search...";textInput="";typeInput="text";maxLength;showIcon=!0;showClear=!0;dataToSearch=[];dataName="name";position="down";multipleSelectModel=!0;heightOverlay=230;label="";model=[];open=!1;selected=[];parsedOptions=[];onInput;onBlur;onKeyEnter;onChange;onClear;modelChange;optionsChanged(e){this.parsedOptions="string"==typeof e?JSON.parse(e):e||[]}componentWillLoad(){this.optionsChanged(this.dataToSearch)}get filtered(){if(!this.textInput)return this.parsedOptions;const e=this.textInput.toLowerCase();return this.parsedOptions.filter((t=>((t[this.dataName]??"")+"").toLowerCase().includes(e)))}handleInput(e){this.textInput=e.target.value,this.open=this.parsedOptions.length>0,this.onInput.emit(this.textInput),this.onChange.emit(this.textInput)}handleKeyDown(e){"Enter"===e.key&&this.onKeyEnter.emit(this.textInput),"Escape"===e.key&&(this.open=!1)}handleClear(){this.textInput="",this.open=!1,this.onClear.emit(),this.onInput.emit("")}isSelected(e){return this.selected.some((t=>t[this.dataName]===e[this.dataName]))}selectOption(e){this.multipleSelectModel?this.selected=this.isSelected(e)?this.selected.filter((t=>t[this.dataName]!==e[this.dataName])):[...this.selected,e]:(this.textInput=e[this.dataName]??"",this.selected=[e],this.open=!1),this.modelChange.emit(this.selected)}render(){const e=this.open&&this.parsedOptions.length>0;return i("div",{key:"ec00c8851a1d2d4ddda50edea458589a62d9451a",class:"search-wrap"},this.label&&i("label",{key:"31cadba1b21276ec43f3623676fe1a7f9bac4da2",class:"search-label"},this.label),i("div",{key:"bf68dbb7cfa657e8a7e441a2fe47db0e7d214e44",class:"search-input-row search-input-row--"+this.type},this.showIcon&&i("dropi-icon",{key:"21239271d90ba7adcc64e3f7ecb9b836619bd11e",class:"search-icon",name:"Search",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-400"}),i("input",{key:"64735f2618f993cbca379e72b3c87435158b4f0c",class:"search-input",type:this.typeInput,placeholder:this.placeholder,value:this.textInput,maxLength:this.maxLength,onInput:e=>this.handleInput(e),onKeyDown:e=>this.handleKeyDown(e),onFocus:()=>{this.parsedOptions.length&&(this.open=!0)},onBlur:()=>{setTimeout((()=>this.open=!1),150),this.onBlur.emit()}}),this.showClear&&this.textInput&&i("button",{key:"c6a1dab911f262e0b2da88e59cdbaf6b4c1c74a9",class:"search-clear",onClick:()=>this.handleClear(),"aria-label":"Limpiar"},i("dropi-icon",{key:"ddf404e0be3d95f1154ecd22dd9b9f7a06e3c187",name:"Close-small",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-400"}))),e&&i("div",{key:"a8c5ecbfe700bcb116119f172c3cb017b9693113",class:"search-dropdown search-dropdown--"+this.position,style:{"--dropdown-height":this.heightOverlay+"px"}},0===this.filtered.length?i("div",{class:"search-no-results"},"Sin resultados"):this.filtered.map(((e,t)=>i("div",{class:{"search-option":!0,"search-option--selected":this.isSelected(e)},key:t,onMouseDown:t=>{t.preventDefault(),this.selectOption(e)}},this.multipleSelectModel&&i("dropi-checkbox",{checked:this.isSelected(e)}),i("span",{class:"search-option__label"},e[this.dataName]))))))}static get watchers(){return{dataToSearch:[{optionsChanged:0}]}}static get style(){return":host{display:block;width:100%;position:relative}*,*::before,*::after{box-sizing:border-box}.search-label{display:block;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066);margin-bottom:4px}.search-input-row{position:relative;display:flex;align-items:center;width:100%}.search-icon{position:absolute;left:10px;pointer-events:none;z-index:1}.search-input{width:100%;height:40px;padding:0 36px 0 34px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);outline:none;transition:border-color 0.2s}.search-input:focus{border-color:var(--Info-Info-500, #50a5f1)}.search-input::placeholder{color:var(--Gray-Gray-400, #858ea6)}.search-clear{position:absolute;right:10px;display:flex;align-items:center;background:none;border:none;padding:0;cursor:pointer;z-index:1}.search-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:var(--dropdown-height, 240px);overflow-y:auto;background:var(--Neutral-White, #ffffff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);box-shadow:0 4px 16px rgba(0, 0, 0, 0.08);z-index:100}.search-option{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-2, 8px) var(--Size-3, 12px);cursor:pointer;transition:background 0.15s;user-select:none}.search-option:hover{background:var(--Gray-Gray-50, #f7f8fa)}.search-option--selected{background:var(--Primary-Primary-50, #fff5eb)}.search-option__label{flex:1;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-no-results{padding:var(--Size-3, 12px);font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-400, #858ea6);text-align:center}"}},[513,"dropi-search",{type:[1],placeholder:[1],textInput:[1025,"text-input"],typeInput:[1,"type-input"],maxLength:[2,"max-length"],showIcon:[4,"show-icon"],showClear:[4,"show-clear"],dataToSearch:[1,"data-to-search"],dataName:[1,"data-name"],position:[1],multipleSelectModel:[4,"multiple-select-model"],heightOverlay:[2,"height-overlay"],label:[1],model:[1025],open:[32],selected:[32],parsedOptions:[32]},void 0,{dataToSearch:[{optionsChanged:0}]}]);function h(){"undefined"!=typeof customElements&&["dropi-search","dropi-checkbox","dropi-icon"].forEach((t=>{switch(t){case"dropi-search":customElements.get(e(t))||customElements.define(e(t),n);break;case"dropi-checkbox":customElements.get(e(t))||o();break;case"dropi-icon":customElements.get(e(t))||r()}}))}h();const c=n,d=h;export{c as DropiSearch,d as defineCustomElement}
+import{t as e,p as t,H as i,c as a,h as s}from"./index.js";import{d as o}from"./p-CWT7wT9m.js";import{d as r}from"./p-B9rJd-Rf.js";const h=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiInput=a(this,"dropiInput"),this.dropiBlur=a(this,"dropiBlur"),this.dropiKeyEnter=a(this,"dropiKeyEnter"),this.dropiChange=a(this,"dropiChange"),this.dropiClear=a(this,"dropiClear"),this.dropiModelChange=a(this,"dropiModelChange")}type="default";placeholder="Search...";textInput="";typeInput="text";maxLength;showIcon=!0;showClear=!0;dataToSearch=[];dataName="name";position="down";multipleSelectModel=!0;heightOverlay=230;label="";model=[];open=!1;selected=[];parsedOptions=[];dropiInput;dropiBlur;dropiKeyEnter;dropiChange;dropiClear;dropiModelChange;optionsChanged(e){this.parsedOptions="string"==typeof e?JSON.parse(e):e||[]}componentWillLoad(){this.optionsChanged(this.dataToSearch)}get filtered(){if(!this.textInput)return this.parsedOptions;const e=this.textInput.toLowerCase();return this.parsedOptions.filter((t=>((t[this.dataName]??"")+"").toLowerCase().includes(e)))}handleInput(e){this.textInput=e.target.value,this.open=this.parsedOptions.length>0,this.dropiInput.emit(this.textInput),this.dropiChange.emit(this.textInput)}handleKeyDown(e){"Enter"===e.key&&this.dropiKeyEnter.emit(this.textInput),"Escape"===e.key&&(this.open=!1)}handleClear(){this.textInput="",this.open=!1,this.dropiClear.emit(),this.dropiInput.emit("")}isSelected(e){return this.selected.some((t=>t[this.dataName]===e[this.dataName]))}selectOption(e){this.multipleSelectModel?this.selected=this.isSelected(e)?this.selected.filter((t=>t[this.dataName]!==e[this.dataName])):[...this.selected,e]:(this.textInput=e[this.dataName]??"",this.selected=[e],this.open=!1),this.dropiModelChange.emit(this.selected)}render(){const e=this.open&&this.parsedOptions.length>0;return s("div",{key:"594b15b4b31044f4a02376dc773ea36da893d773",class:"search-wrap"},this.label&&s("label",{key:"297a989441ad892715b09421f9a53618851c1b52",class:"search-label"},this.label),s("div",{key:"6bbaf4ea5c1bc6ff831626117fccde647e68ba19",class:"search-input-row search-input-row--"+this.type},this.showIcon&&s("dropi-icon",{key:"e94c3a3895a14e950a018023d5d7a281a230abae",class:"search-icon",name:"Search",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-400"}),s("input",{key:"820bf2f4c9ecaf9907aceaaa08bd3fa309606e90",class:"search-input",type:this.typeInput,placeholder:this.placeholder,value:this.textInput,maxLength:this.maxLength,onInput:e=>this.handleInput(e),onKeyDown:e=>this.handleKeyDown(e),onFocus:()=>{this.parsedOptions.length&&(this.open=!0)},onBlur:()=>{setTimeout((()=>this.open=!1),150),this.dropiBlur.emit()}}),this.showClear&&this.textInput&&s("button",{key:"e2fd7c3d5fee45a83f030589f58d4fee9f3af69c",class:"search-clear",onClick:()=>this.handleClear(),"aria-label":"Limpiar"},s("dropi-icon",{key:"a530b0adb83d76b205cd2b22792f14229950836e",name:"Close-small",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-400"}))),e&&s("div",{key:"8c062d43dccb41c84b2a599ed6d1a5e049a75b65",class:"search-dropdown search-dropdown--"+this.position,style:{"--dropdown-height":this.heightOverlay+"px"}},0===this.filtered.length?s("div",{class:"search-no-results"},"Sin resultados"):this.filtered.map(((e,t)=>s("div",{class:{"search-option":!0,"search-option--selected":this.isSelected(e)},key:t,onMouseDown:t=>{t.preventDefault(),this.selectOption(e)}},this.multipleSelectModel&&s("dropi-checkbox",{checked:this.isSelected(e)}),s("span",{class:"search-option__label"},e[this.dataName]))))))}static get watchers(){return{dataToSearch:[{optionsChanged:0}]}}static get style(){return":host{display:block;width:100%;position:relative}*,*::before,*::after{box-sizing:border-box}.search-label{display:block;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066);margin-bottom:4px}.search-input-row{position:relative;display:flex;align-items:center;width:100%}.search-icon{position:absolute;left:10px;pointer-events:none;z-index:1}.search-input{width:100%;height:40px;padding:0 36px 0 34px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);outline:none;transition:border-color 0.2s}.search-input:focus{border-color:var(--Info-Info-500, #50a5f1)}.search-input::placeholder{color:var(--Gray-Gray-400, #858ea6)}.search-clear{position:absolute;right:10px;display:flex;align-items:center;background:none;border:none;padding:0;cursor:pointer;z-index:1}.search-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:var(--dropdown-height, 240px);overflow-y:auto;background:var(--Neutral-White, #ffffff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);box-shadow:0 4px 16px rgba(0, 0, 0, 0.08);z-index:100}.search-option{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-2, 8px) var(--Size-3, 12px);cursor:pointer;transition:background 0.15s;user-select:none}.search-option:hover{background:var(--Gray-Gray-50, #f7f8fa)}.search-option--selected{background:var(--Primary-Primary-50, #fff5eb)}.search-option__label{flex:1;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-no-results{padding:var(--Size-3, 12px);font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-400, #858ea6);text-align:center}"}},[513,"dropi-search",{type:[1],placeholder:[1],textInput:[1025,"text-input"],typeInput:[1,"type-input"],maxLength:[2,"max-length"],showIcon:[4,"show-icon"],showClear:[4,"show-clear"],dataToSearch:[1,"data-to-search"],dataName:[1,"data-name"],position:[1],multipleSelectModel:[4,"multiple-select-model"],heightOverlay:[2,"height-overlay"],label:[1],model:[1025],open:[32],selected:[32],parsedOptions:[32]},void 0,{dataToSearch:[{optionsChanged:0}]}]);function n(){"undefined"!=typeof customElements&&["dropi-search","dropi-checkbox","dropi-icon"].forEach((t=>{switch(t){case"dropi-search":customElements.get(e(t))||customElements.define(e(t),h);break;case"dropi-checkbox":customElements.get(e(t))||o();break;case"dropi-icon":customElements.get(e(t))||r()}}))}n();const c=h,d=n;export{c as DropiSearch,d as defineCustomElement}

package/dist/components/dropi-select.js

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

package/dist/components/dropi-sidebar.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-BDYn1JDe.js";const o=i(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.onIndexChanged=a(this,"onIndexChanged",7)}sideBarProperties=[];onIndexChanged;parsedProperties=[];watchPropHandler(e){this.parsedProperties="string"==typeof e?JSON.parse(e):e||[]}componentWillLoad(){this.watchPropHandler(this.sideBarProperties)}setExpandedPropertie(e){const i=this.parsedProperties.findIndex((i=>i.id===e));if(-1!==i){const e=[...this.parsedProperties];e[i]={...e[i],expandedMenu:!e[i].expandedMenu},this.parsedProperties=e}}onItemClick(e){this.onIndexChanged.emit(e),e.subItems&&e.subItems.length>0&&this.setExpandedPropertie(e.id)}onSubItemClick(e){this.onIndexChanged.emit(e)}render(){return t("div",{key:"9f79e6370ff61c6278a8238b0dc92881832f9b8f",class:"main-sidebar-container"},this.parsedProperties.map((e=>[t("div",{class:{"sidebar-option":!0,"sidebar-active-option":!!e.active,"sidebar-default-option":!e.active},onClick:()=>this.onItemClick(e)},t("dropi-icon",{name:e.icon||"Cube",iconWidth:"20px",iconHeight:"20px",color:e.active?"Primary-Primary-500":"Gray-Gray-500"}),t("span",null,e.text),e.subItems&&e.subItems.length>0&&t("dropi-icon",{class:{arrow:!0,"arrow-expanded":!!e.expandedMenu},name:"Dropdown-down",iconWidth:"20px",iconHeight:"20px",color:e.active?"Primary-Primary-500":"Gray-Gray-500"})),e.subItems&&e.subItems.length>0&&e.subItems.map((i=>t("div",{class:{"sidebar-sub-item":!0,"sidebar-expanded":!!e.expandedMenu,"sidebar-sub-item-default":!i.active,"sidebar-sub-item-active":!!i.active},onClick:e=>{e.stopPropagation(),this.onSubItemClick(i)}},i.text)))])))}static get watchers(){return{sideBarProperties:[{watchPropHandler:0}]}}static get style(){return":host{display:block}.main-sidebar-container{margin-top:20px}.sidebar-option{height:45px;display:flex;align-items:center;position:relative;font-weight:var(--font-weight-medium, 500);gap:var(--Size-3, 12px);padding:var(--Size-3, 12px);font-size:var(--font-size-s, 12px);border-radius:var(--Border-1, 4px);min-width:147px;cursor:pointer;user-select:none}.sidebar-option .arrow{position:absolute;right:17px;transition:transform 0.3s ease}.sidebar-option .arrow-expanded{transform:rotate(180deg)}.sidebar-default-option{color:var(--Gray-Gray-500, #68738f)}.sidebar-active-option{color:var(--Primary-Primary-500, #f49a3d);background-color:#fef8f1}.sidebar-sub-item{overflow:hidden;max-height:0;height:auto;font-weight:var(--font-weight-medium, 500);gap:var(--Size-3, 12px);font-size:var(--font-size-s, 12px);cursor:pointer;opacity:0;padding:0 var(--Size-3, 12px) 0 var(--Size-8, 32px);transition:max-height 0.3s ease-out,     opacity 0.3s ease-out,     padding 0.3s ease-out;user-select:none}.sidebar-sub-item.sidebar-expanded{max-height:200px;opacity:1;padding:var(--Size-3, 12px) var(--Size-3, 12px) var(--Size-3, 12px) var(--Size-8, 32px)}.sidebar-sub-item-default{color:var(--Gray-Gray-500, #68738f)}.sidebar-sub-item-active{color:var(--Primary-Primary-500, #f49a3d)}.space-between{justify-content:space-between}"}},[513,"dropi-sidebar",{sideBarProperties:[1025,"side-bar-properties"],parsedProperties:[32]},void 0,{sideBarProperties:[{watchPropHandler:0}]}]);function n(){"undefined"!=typeof customElements&&["dropi-sidebar","dropi-icon"].forEach((i=>{switch(i){case"dropi-sidebar":customElements.get(e(i))||customElements.define(e(i),o);break;case"dropi-icon":customElements.get(e(i))||s()}}))}n();const d=o,p=n;export{d as DropiSidebar,p 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-B9rJd-Rf.js";const o=i(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiIndexChange=a(this,"dropiIndexChange")}sideBarProperties=[];dropiIndexChange;parsedProperties=[];watchPropHandler(e){this.parsedProperties="string"==typeof e?JSON.parse(e):e||[]}componentWillLoad(){this.watchPropHandler(this.sideBarProperties)}setExpandedPropertie(e){const i=this.parsedProperties.findIndex((i=>i.id===e));if(-1!==i){const e=[...this.parsedProperties];e[i]={...e[i],expandedMenu:!e[i].expandedMenu},this.parsedProperties=e}}onItemClick(e){this.dropiIndexChange.emit(e),e.subItems&&e.subItems.length>0&&this.setExpandedPropertie(e.id)}onSubItemClick(e){this.dropiIndexChange.emit(e)}render(){return t("div",{key:"3e45416a116488871747c54c14cbb73ecf1d9a4d",class:"main-sidebar-container"},this.parsedProperties.map((e=>[t("div",{class:{"sidebar-option":!0,"sidebar-active-option":!!e.active,"sidebar-default-option":!e.active},onClick:()=>this.onItemClick(e)},t("dropi-icon",{name:e.icon||"Cube",iconWidth:"20px",iconHeight:"20px",color:e.active?"Primary-Primary-500":"Gray-Gray-500"}),t("span",null,e.text),e.subItems&&e.subItems.length>0&&t("dropi-icon",{class:{arrow:!0,"arrow-expanded":!!e.expandedMenu},name:"Dropdown-down",iconWidth:"20px",iconHeight:"20px",color:e.active?"Primary-Primary-500":"Gray-Gray-500"})),e.subItems&&e.subItems.length>0&&e.subItems.map((i=>t("div",{class:{"sidebar-sub-item":!0,"sidebar-expanded":!!e.expandedMenu,"sidebar-sub-item-default":!i.active,"sidebar-sub-item-active":!!i.active},onClick:e=>{e.stopPropagation(),this.onSubItemClick(i)}},i.text)))])))}static get watchers(){return{sideBarProperties:[{watchPropHandler:0}]}}static get style(){return":host{display:block}.main-sidebar-container{margin-top:20px}.sidebar-option{height:45px;display:flex;align-items:center;position:relative;font-weight:var(--font-weight-medium, 500);gap:var(--Size-3, 12px);padding:var(--Size-3, 12px);font-size:var(--font-size-s, 12px);border-radius:var(--Border-1, 4px);min-width:147px;cursor:pointer;user-select:none}.sidebar-option .arrow{position:absolute;right:17px;transition:transform 0.3s ease}.sidebar-option .arrow-expanded{transform:rotate(180deg)}.sidebar-default-option{color:var(--Gray-Gray-500, #68738f)}.sidebar-active-option{color:var(--Primary-Primary-500, #f49a3d);background-color:#fef8f1}.sidebar-sub-item{overflow:hidden;max-height:0;height:auto;font-weight:var(--font-weight-medium, 500);gap:var(--Size-3, 12px);font-size:var(--font-size-s, 12px);cursor:pointer;opacity:0;padding:0 var(--Size-3, 12px) 0 var(--Size-8, 32px);transition:max-height 0.3s ease-out,     opacity 0.3s ease-out,     padding 0.3s ease-out;user-select:none}.sidebar-sub-item.sidebar-expanded{max-height:200px;opacity:1;padding:var(--Size-3, 12px) var(--Size-3, 12px) var(--Size-3, 12px) var(--Size-8, 32px)}.sidebar-sub-item-default{color:var(--Gray-Gray-500, #68738f)}.sidebar-sub-item-active{color:var(--Primary-Primary-500, #f49a3d)}.space-between{justify-content:space-between}"}},[513,"dropi-sidebar",{sideBarProperties:[1025,"side-bar-properties"],parsedProperties:[32]},void 0,{sideBarProperties:[{watchPropHandler:0}]}]);function n(){"undefined"!=typeof customElements&&["dropi-sidebar","dropi-icon"].forEach((i=>{switch(i){case"dropi-sidebar":customElements.get(e(i))||customElements.define(e(i),o);break;case"dropi-icon":customElements.get(e(i))||s()}}))}n();const d=o,p=n;export{d as DropiSidebar,p as defineCustomElement}

package/dist/components/dropi-steps.js

@@ -1 +1 @@
-import{t as e,p as r,H as t,h as s}from"./index.js";import{d as i}from"./p-BDYn1JDe.js";const p=r(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}stepsCount=3;showNumberOfStep=!0;currentStep=0;stepLabels=[];state="pending";get parsedLabels(){if("string"==typeof this.stepLabels)try{return JSON.parse(this.stepLabels)}catch{return[]}return this.stepLabels||[]}stepState(e){return e<this.currentStep?"completed":e===this.currentStep?"focus":"pending"}render(){const e=this.parsedLabels,r=Array.from({length:this.stepsCount},((e,r)=>r+1));return s("div",{key:"35c28210675370e76f16e2525fdf785b6205ec78",class:"stepper"},r.map((r=>{const t=this.stepState(r),i=e[r-1],p=r===this.stepsCount;return s("div",{class:"stepper__step",key:r},s("div",{class:"stepper__circle-wrap"},s("div",{class:{stepper__circle:!0,["stepper__circle--"+t]:!0}},"completed"===t?s("dropi-icon",{name:"Check",iconWidth:"12px",iconHeight:"12px",color:"Neutral-White"}):this.showNumberOfStep?s("span",null,r):null),!p&&s("div",{class:{stepper__line:!0,"stepper__line--done":"completed"===t}})),i&&s("div",{class:"stepper__label"},i.title&&s("span",{class:"stepper__title"},i.title),i.description&&s("span",{class:"stepper__desc"},i.description)))})))}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.stepper{display:flex;align-items:flex-start;width:100%}.stepper__step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.stepper__circle-wrap{display:flex;align-items:center;width:100%;position:relative}.stepper__circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);flex-shrink:0;z-index:1;transition:background 0.2s, border-color 0.2s}.stepper__circle--pending{background:var(--Neutral-White, #ffffff);border:2px solid var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-400, #858ea6)}.stepper__circle--focus{background:var(--Neutral-White, #ffffff);border:2px solid var(--Primary-Primary-500, #f49a3d);color:var(--Primary-Primary-500, #f49a3d)}.stepper__circle--completed{background:var(--Primary-Primary-500, #f49a3d);border:2px solid var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #ffffff)}.stepper__line{flex:1;height:2px;background:var(--Gray-Gray-200, #c3c9d9);transition:background 0.2s}.stepper__line--done{background:var(--Primary-Primary-500, #f49a3d)}.stepper__label{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:var(--Size-2, 8px);text-align:center;padding:0 4px}.stepper__title{font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d)}.stepper__desc{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #69738c)}"}},[513,"dropi-steps",{stepsCount:[2,"steps-count"],showNumberOfStep:[4,"show-number-of-step"],currentStep:[2,"current-step"],stepLabels:[1,"step-labels"],state:[1]}]);function a(){"undefined"!=typeof customElements&&["dropi-steps","dropi-icon"].forEach((r=>{switch(r){case"dropi-steps":customElements.get(e(r))||customElements.define(e(r),p);break;case"dropi-icon":customElements.get(e(r))||i()}}))}a();const o=p,n=a;export{o as DropiSteps,n as defineCustomElement}
+import{t as e,p as r,H as t,h as s}from"./index.js";import{d as i}from"./p-B9rJd-Rf.js";const p=r(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}stepsCount=3;showNumberOfStep=!0;currentStep=0;stepLabels=[];state="pending";get parsedLabels(){if("string"==typeof this.stepLabels)try{return JSON.parse(this.stepLabels)}catch{return[]}return this.stepLabels||[]}stepState(e){return e<this.currentStep?"completed":e===this.currentStep?"focus":"pending"}render(){const e=this.parsedLabels,r=Array.from({length:this.stepsCount},((e,r)=>r+1));return s("div",{key:"35c28210675370e76f16e2525fdf785b6205ec78",class:"stepper"},r.map((r=>{const t=this.stepState(r),i=e[r-1],p=r===this.stepsCount;return s("div",{class:"stepper__step",key:r},s("div",{class:"stepper__circle-wrap"},s("div",{class:{stepper__circle:!0,["stepper__circle--"+t]:!0}},"completed"===t?s("dropi-icon",{name:"Check",iconWidth:"12px",iconHeight:"12px",color:"Neutral-White"}):this.showNumberOfStep?s("span",null,r):null),!p&&s("div",{class:{stepper__line:!0,"stepper__line--done":"completed"===t}})),i&&s("div",{class:"stepper__label"},i.title&&s("span",{class:"stepper__title"},i.title),i.description&&s("span",{class:"stepper__desc"},i.description)))})))}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.stepper{display:flex;align-items:flex-start;width:100%}.stepper__step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.stepper__circle-wrap{display:flex;align-items:center;width:100%;position:relative}.stepper__circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);flex-shrink:0;z-index:1;transition:background 0.2s, border-color 0.2s}.stepper__circle--pending{background:var(--Neutral-White, #ffffff);border:2px solid var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-400, #858ea6)}.stepper__circle--focus{background:var(--Neutral-White, #ffffff);border:2px solid var(--Primary-Primary-500, #f49a3d);color:var(--Primary-Primary-500, #f49a3d)}.stepper__circle--completed{background:var(--Primary-Primary-500, #f49a3d);border:2px solid var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #ffffff)}.stepper__line{flex:1;height:2px;background:var(--Gray-Gray-200, #c3c9d9);transition:background 0.2s}.stepper__line--done{background:var(--Primary-Primary-500, #f49a3d)}.stepper__label{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:var(--Size-2, 8px);text-align:center;padding:0 4px}.stepper__title{font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d)}.stepper__desc{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #69738c)}"}},[513,"dropi-steps",{stepsCount:[2,"steps-count"],showNumberOfStep:[4,"show-number-of-step"],currentStep:[2,"current-step"],stepLabels:[1,"step-labels"],state:[1]}]);function a(){"undefined"!=typeof customElements&&["dropi-steps","dropi-icon"].forEach((r=>{switch(r){case"dropi-steps":customElements.get(e(r))||customElements.define(e(r),p);break;case"dropi-icon":customElements.get(e(r))||i()}}))}a();const o=p,n=a;export{o as DropiSteps,n as defineCustomElement}

package/dist/components/dropi-switch.js

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