@dropi/ui 0.1.41 → 0.1.43

package/dist/dropi-ui/p-6a148627.entry.js

@@ -0,0 +1 @@
+import{r as i,c as t,a as r,h as s}from"./p-a2fb4CHk.js";const e=class{constructor(r){i(this,r),this.dropiPageChange=t(this,"dropiPageChange"),this.dropiPage=t(this,"dropiPage")}get el(){return r(this)}value=[];page=0;numVisible=1;numScroll=1;orientation="horizontal";showNavigators=!0;showIndicators=!0;autoplayInterval=0;circular=!1;parsedValue=[];internalPage=0;isAnimating=!1;totalPages=0;itemsContainer;timer;dropiPageChange;dropiPage;handleValue(i){this.parsedValue="string"==typeof i?JSON.parse(i):i||[],this.updateTotalPages(),this.updateTransform()}handlePage(i){this.internalPage=i,this.updateTransform()}componentWillLoad(){if(!this.value||Array.isArray(this.value)&&0===this.value.length){const i=this.el.getAttribute("value");i&&(this.value=i)}this.handleValue(this.value),this.internalPage=this.page}componentDidLoad(){this.updateTransform(),this.autoplayInterval>0&&this.startAutoplay(),window.addEventListener("resize",this.onResize)}disconnectedCallback(){this.stopAutoplay(),window.removeEventListener("resize",this.onResize)}onResize=()=>{this.updateTotalPages(),this.updateTransform()};startAutoplay(){this.timer=setInterval((()=>this.navForward()),this.autoplayInterval)}stopAutoplay(){this.timer&&clearInterval(this.timer)}updateTotalPages(){this.totalPages=!this.parsedValue.length||this.parsedValue.length<=this.numVisible?1:Math.ceil((this.parsedValue.length-this.numVisible)/this.numScroll)+1}updateTransform(){if(!this.itemsContainer)return;const i="vertical"===this.orientation?"translateY":"translateX",t=this.itemsContainer.querySelector(".dropi-carousel-item");if(!t)return;const r="vertical"===this.orientation?t.offsetHeight:t.offsetWidth,s=this.internalPage*this.numScroll,e=Math.max(0,this.parsedValue.length-this.numVisible),a=Math.min(s,e);this.itemsContainer.style.transform=`${i}(${-a*r}px)`}navForward=i=>{i&&i.preventDefault(),(this.circular||this.internalPage<this.totalPages-1)&&(this.isAnimating=!0,this.internalPage=(this.internalPage+1)%this.totalPages,this.page=this.internalPage,this.updateTransform(),this.dropiPageChange.emit(this.internalPage),setTimeout((()=>this.isAnimating=!1),500))};navBackward=i=>{i&&i.preventDefault(),(this.circular||this.internalPage>0)&&(this.isAnimating=!0,this.internalPage=(this.internalPage-1+this.totalPages)%this.totalPages,this.page=this.internalPage,this.updateTransform(),this.dropiPageChange.emit(this.internalPage),setTimeout((()=>this.isAnimating=!1),500))};onDotClick(i){this.isAnimating=!0,this.internalPage=i,this.page=this.internalPage,this.updateTransform(),this.dropiPageChange.emit(this.internalPage),setTimeout((()=>this.isAnimating=!1),500)}render(){const i=this.parsedValue;if(!i.length)return null;const t=100/this.numVisible+"%";return s("div",{class:{"dropi-carousel-container":!0,vertical:"vertical"===this.orientation}},s("div",{class:"dropi-carousel-content"},this.showNavigators&&i.length>this.numVisible&&s("button",{class:"dropi-carousel-nav dropi-carousel-prev",disabled:!this.circular&&0===this.internalPage,onClick:i=>this.navBackward(i),"aria-label":"Anterior"},s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},s("path",{d:"M14.659 17.5a.833.833 0 0 1-.589-.244l-4.43-4.431a.833.833 0 0 1 0-1.178l4.43-4.431a.834.834 0 0 1 1.179 1.178L11.42 12.25l3.83 3.829a.833.833 0 0 1-.59 1.421Z",fill:"#475066"}))),s("div",{class:"dropi-carousel-items-content"},s("div",{class:"dropi-carousel-items-container",ref:i=>this.itemsContainer=i,style:{transition:this.isAnimating?"transform 0.5s ease":"none"}},i.map(((i,r)=>s("div",{class:"dropi-carousel-item",style:{flex:`0 0 ${t}`}},"string"==typeof i?s("img",{src:i,alt:`Slide ${r+1}`}):s("slot",{name:`item-${r}`})))))),this.showNavigators&&i.length>this.numVisible&&s("button",{class:"dropi-carousel-nav dropi-carousel-next",disabled:!this.circular&&this.internalPage>=this.totalPages-1,onClick:i=>this.navForward(i),"aria-label":"Siguiente"},s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},s("path",{d:"M9.341 17.5a.833.833 0 0 0 .589-.244l4.43-4.431a.833.833 0 0 0 0-1.178l-4.43-4.431a.834.834 0 0 0-1.179 1.178l3.83 3.829-3.83 3.829a.833.833 0 0 0 .59 1.421Z",fill:"#475066"})))),this.showIndicators&&this.totalPages>1&&s("ul",{class:"dropi-carousel-indicators"},Array.from({length:this.totalPages}).map(((i,t)=>s("li",{class:{active:t===this.internalPage},onClick:()=>this.onDotClick(t)},s("button",{type:"button","aria-label":`Página ${t+1}`}))))))}static get watchers(){return{value:[{handleValue:0}],page:[{handlePage:0}]}}};e.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.dropi-carousel-container{display:flex;flex-direction:column;position:relative;width:100%;max-width:100%;overflow:hidden;padding:0 var(--Size-4)}.dropi-carousel-content{display:flex;align-items:center;position:relative;padding:1rem 0;width:100%}.dropi-carousel-items-content{overflow:hidden;flex:1;padding:0;width:100%;max-width:100%}.dropi-carousel-items-container{display:flex;padding-bottom:var(--Size-3);will-change:transform}.dropi-carousel-item{flex:0 0 auto;padding:0 0.5rem;box-sizing:border-box}.dropi-carousel-item>*{width:100%;box-sizing:border-box;display:block}.dropi-carousel-nav{display:flex;width:40px;height:40px;justify-content:center;align-items:center;cursor:pointer;transition:all 0.2s;flex-shrink:0;z-index:1;border-radius:var(--Border-5);background:var(--Neutral-White, #fff);box-shadow:var(--Shadow-medium);border:none;appearance:none;padding:0}.dropi-carousel-nav:hover{background:var(--Gray-Gray-50)}.dropi-carousel-nav:disabled{opacity:0.4;cursor:not-allowed;box-shadow:none}.dropi-carousel-prev{margin-right:1rem}.dropi-carousel-next{margin-left:1rem}.dropi-carousel-indicators{display:flex;justify-content:center;gap:0.5rem;list-style:none;padding:1rem 0 0 0;margin:0}.dropi-carousel-indicators li{cursor:pointer}.dropi-carousel-indicators li button{width:1rem;height:1rem;border-radius:50%;border:1px solid var(--Gray-Gray-100, #eceef4);background:var(--Neutral-White, #fff);cursor:pointer;transition:all 0.2s;padding:0}.dropi-carousel-indicators li.active button{background:var(--Primary-Primary-500);border-color:var(--Primary-Primary-500)}.dropi-carousel-indicators li:hover button{background:var(--Gray-Gray-200)}.vertical .dropi-carousel-content{flex-direction:column}.vertical .dropi-carousel-items-container{flex-direction:column}.vertical .dropi-carousel-prev{margin:0 0 1rem 0}.vertical .dropi-carousel-next{margin:1rem 0 0 0}@media (max-width: 768px){.dropi-carousel-container{padding:0}.dropi-carousel-item{padding:0 0.25rem}}";export{e as dropi_carousel}

package/dist/dropi-ui/p-6a51f80c.entry.js

@@ -0,0 +1 @@
+import{r as e,c as r,h as t}from"./p-B-h7fjQz.js";const i=class{constructor(t){e(this,t),this.stepClick=r(this,"stepClick")}steps=[];currentStep=1;clickable=!1;showCheckIcon=!0;stepClick;get parsedSteps(){if("string"==typeof this.steps)try{return JSON.parse(this.steps)}catch{return[]}return this.steps||[]}resolveState(e,r){if(r.state)return r.state;const t=e+1;return t<this.currentStep?"completed":t===this.currentStep?"current":"pending"}render(){const e=this.parsedSteps;return t("div",{key:"9b0e19a21eaa78b51d82994747604623f9431d56",class:"vertical-steps"},e.map(((r,i)=>{const s=this.resolveState(i,r),a=i===e.length-1,c=this.clickable&&"completed"===s;return t("div",{class:{"v-step":!0,"v-step--clickable":c},key:i,onClick:()=>c&&this.stepClick.emit(i+1)},t("div",{class:"v-step__indicator"},t("div",{class:{"v-step__circle":!0,[`v-step__circle--${s}`]:!0}},"completed"===s&&this.showCheckIcon?t("dropi-icon",{name:"Check",iconWidth:"12px",iconHeight:"12px",color:"Neutral-White"}):t("span",{class:"v-step__number"},i+1)),!a&&t("div",{class:{"v-step__line":!0,"v-step__line--done":"completed"===s}})),t("span",{class:{"v-step__label":!0,[`v-step__label--${s}`]:!0}},r.label))})))}};i.style=":host{display:block}*,*::before,*::after{box-sizing:border-box}.vertical-steps{display:flex;flex-direction:column}.v-step{display:flex;align-items:flex-start;gap:var(--Size-3, 12px)}.v-step--clickable{cursor:pointer}.v-step__indicator{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.v-step__circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.2s, border-color 0.2s}.v-step__circle--pending{background:var(--Neutral-White, #ffffff);border:2px solid var(--Gray-Gray-200, #c3c9d9)}.v-step__circle--current{background:var(--Neutral-White, #ffffff);border:2px solid var(--Primary-Primary-500, #f49a3d)}.v-step__circle--completed{background:var(--Primary-Primary-500, #f49a3d);border:2px solid var(--Primary-Primary-500, #f49a3d)}.v-step__number{font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-500, #69738c)}.v-step__circle--current .v-step__number{color:var(--Primary-Primary-500, #f49a3d)}.v-step__line{flex:1;width:2px;min-height:24px;background:var(--Gray-Gray-200, #c3c9d9);margin:4px 0;transition:background 0.2s}.v-step__line--done{background:var(--Primary-Primary-500, #f49a3d)}.v-step__label{padding-top:4px;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066);line-height:1.4}.v-step__label--current{color:var(--Gray-Gray-800, #1f2433);font-weight:var(--font-weight-bold, 700)}.v-step__label--completed{color:var(--Gray-Gray-500, #69738c)}";export{i as dropi_vertical_steps}

package/dist/dropi-ui/p-6b925a36.entry.js

@@ -0,0 +1 @@
+import{r as e,c as i,h as t}from"./p-a2fb4CHk.js";const a=class{constructor(t){e(this,t),this.dropiInput=i(this,"dropiInput"),this.dropiBlur=i(this,"dropiBlur"),this.dropiKeyEnter=i(this,"dropiKeyEnter"),this.dropiChange=i(this,"dropiChange"),this.dropiClear=i(this,"dropiClear"),this.dropiModelChange=i(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((i=>String(i[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((i=>i[this.dataName]===e[this.dataName]))}selectOption(e){this.multipleSelectModel?this.selected=this.isSelected(e)?this.selected.filter((i=>i[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 t("div",{key:"594b15b4b31044f4a02376dc773ea36da893d773",class:"search-wrap"},this.label&&t("label",{key:"297a989441ad892715b09421f9a53618851c1b52",class:"search-label"},this.label),t("div",{key:"6bbaf4ea5c1bc6ff831626117fccde647e68ba19",class:`search-input-row search-input-row--${this.type}`},this.showIcon&&t("dropi-icon",{key:"e94c3a3895a14e950a018023d5d7a281a230abae",class:"search-icon",name:"Search",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-400"}),t("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&&t("button",{key:"e2fd7c3d5fee45a83f030589f58d4fee9f3af69c",class:"search-clear",onClick:()=>this.handleClear(),"aria-label":"Limpiar"},t("dropi-icon",{key:"a530b0adb83d76b205cd2b22792f14229950836e",name:"Close-small",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-400"}))),e&&t("div",{key:"8c062d43dccb41c84b2a599ed6d1a5e049a75b65",class:`search-dropdown search-dropdown--${this.position}`,style:{"--dropdown-height":`${this.heightOverlay}px`}},0===this.filtered.length?t("div",{class:"search-no-results"},"Sin resultados"):this.filtered.map(((e,i)=>t("div",{class:{"search-option":!0,"search-option--selected":this.isSelected(e)},key:i,onMouseDown:i=>{i.preventDefault(),this.selectOption(e)}},this.multipleSelectModel&&t("dropi-checkbox",{checked:this.isSelected(e)}),t("span",{class:"search-option__label"},e[this.dataName]))))))}static get watchers(){return{dataToSearch:[{optionsChanged:0}]}}};a.style=":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}";export{a as dropi_search}

package/dist/dropi-ui/p-6c45c910.entry.js

@@ -0,0 +1 @@
+import{r as t,h as e}from"./p-B-h7fjQz.js";const i=class{constructor(e){t(this,e)}position="top-right";life=3e3;items=[];idCounter=0;async show(t){console.log("DropiToast show() called with:",t);const e=t.id??"t"+ ++this.idCounter,i={msg:{...t,id:e,closable:t.closable??!0},leaving:!1};this.items=[...this.items||[],i];const o=void 0!==t.life?t.life:this.life;o>0&&(i.timer=setTimeout((()=>this.remove(e)),o))}async clear(){(this.items||[]).forEach((t=>{t.timer&&clearTimeout(t.timer)})),this.items=[]}remove(t){this.items=this.items.map((e=>e.msg.id===t?{...e,leaving:!0}:e)),setTimeout((()=>{this.items=this.items.filter((e=>e.msg.id!==t))}),320)}lottieMap={success:"/assets/lottie-files/success.json",error:"/assets/lottie-files/failure.json",warn:"/assets/lottie-files/warning.json",info:"/assets/lottie-files/question.json"};getLottieHtml(t){return`<lottie-player src="${this.lottieMap[t]}" background="transparent" speed="1" loop autoplay></lottie-player>`}render(){return e("div",{key:"962972e53e84a968b538feb28c2588f9051276ff",class:`toast-container toast-container--${this.position}`},(this.items??[]).map((t=>e("div",{key:t.msg.id,class:{"toast-wrapper":!0,"toast-wrapper--leaving":t.leaving}},e("div",{class:`toast toast--${t.msg.severity}`},e("div",{class:"toast-content"},e("div",{class:"lottie-img"},e("div",{class:"lottie-player-container",innerHTML:this.getLottieHtml(t.msg.severity)})),e("div",{class:"info-container"},e("p",{class:"title"},t.msg.summary),t.msg.detail&&e("p",{class:"description"},t.msg.detail))),t.msg.closable&&e("button",{class:"toast-close",onClick:()=>this.remove(t.msg.id)},e("dropi-icon",{name:"Close-small",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-400"})))))))}};i.style=":host{display:contents}*,*::before,*::after{box-sizing:border-box}.toast-container{position:fixed;z-index:var(--dropi-z-index-toast, 12000);display:flex;flex-direction:column;gap:8px;max-width:380px;width:100%;pointer-events:none}.toast-container--top-right{top:80px;right:0;padding:var(--Size-2, 8px)}.toast-container--top-left{top:80px;left:0;padding:var(--Size-2, 8px)}.toast-container--bottom-right{bottom:24px;right:0;padding:var(--Size-2, 8px);flex-direction:column-reverse}.toast-container--bottom-left{bottom:24px;left:0;padding:var(--Size-2, 8px);flex-direction:column-reverse}.toast-container--top-center{top:80px;left:50%;transform:translateX(-50%);padding:var(--Size-2, 8px)}.toast-container--bottom-center{bottom:24px;left:50%;transform:translateX(-50%);padding:var(--Size-2, 8px);flex-direction:column-reverse}.toast-wrapper{pointer-events:auto;animation:toast-in 0.28s ease;transition:opacity 0.28s ease, transform 0.28s ease, max-height 0.32s ease;overflow:hidden;max-height:200px}.toast-wrapper--leaving{opacity:0;transform:translateX(20px);max-height:0;pointer-events:none}@keyframes toast-in{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.toast{position:relative;display:flex;align-items:flex-start;border-radius:var(--Border-2,8px);background:var(--Neutral-White, #ffffff);box-shadow:0.5px -1px 7px 0px rgba(0, 0, 0, 0.06), 0px 4px 20px 0px rgba(0, 0, 0, 0.12);border-left:var(--Size-2, 8px) solid;overflow:hidden;min-width:300px}.toast--success{border-color:var(--Success-Success-500,#34c38f)}.toast--error{border-color:var(--Error-Error-500,#f46a6b)}.toast--warn{border-color:var(--Warning-Warning-500,#f1b44c)}.toast--info{border-color:var(--Info-Info-500,#50a5f1)}.toast-content{display:flex;flex-direction:row;align-items:flex-start;padding:var(--Size-5) var(--Size-5) var(--Size-5) calc(var(--Size-5) - var(--Size-2, 8px));gap:var(--Size-4, 16px)}.lottie-img{width:50px;height:50px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.lottie-player-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;align-items:center;justify-content:center}lottie-player{width:100%;height:100%;display:block}.info-container{flex:1;min-width:0;align-self:center;display:flex;flex-direction:column;gap:var(--Size-1, 4px)}.title{margin:0;font-size:var(--font-size-l,18px);font-weight:var(--font-weight-bold,700);color:var(--Gray-Gray-700,#32394d);line-height:1.1;text-align:left;max-width:250px}.description{margin:0;font-size:var(--font-size-s,14px);color:var(--Gray-Gray-500, #69738c);line-height:1.4;text-align:left;max-width:250px}.toast-close{position:absolute;top:18px;right:10px;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-close:hover{opacity:0.7}";export{i as dropi_toast}

package/dist/dropi-ui/p-6cb6cfe0.entry.js

@@ -0,0 +1 @@
+import{r,c as e,h as t}from"./p-a2fb4CHk.js";const a=class{constructor(t){r(this,t),this.dropiInput=e(this,"dropiInput"),this.dropiChange=e(this,"dropiChange"),this.dropiFocus=e(this,"dropiFocus"),this.dropiBlur=e(this,"dropiBlur"),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals)}internals;id="";name="";label="";placeholder="";value="";maxLength;minLength=0;rows=4;resize="vertical";disabled=!1;required=!1;showObligatoryAsterisk=!1;textHelper="";hasError=!1;textAreaProperties=null;textAreaPropertiesChanged(r){r&&(void 0!==r.id&&(this.id=r.id),void 0!==r.label&&(this.label=r.label),void 0!==r.placeholder&&(this.placeholder=r.placeholder),void 0!==r.maxLength&&(this.maxLength=r.maxLength),void 0!==r.minLength&&(this.minLength=r.minLength),void 0!==r.textHelper&&(this.textHelper=r.textHelper),void 0!==r.rows&&(this.rows=r.rows),void 0!==r.resize&&(this.resize=r.resize))}touched=!1;dropiInput;dropiChange;dropiFocus;dropiBlur;valueChanged(r){this.internals.setFormValue(r)}componentWillLoad(){this.internals.setFormValue(this.value??""),this.textAreaProperties&&this.textAreaPropertiesChanged(this.textAreaProperties)}handleInput(r){const e=r.target.value;this.value=e,this.internals.setFormValue(e),this.dropiInput.emit(e)}handleBlur(){this.touched=!0,this.dropiChange.emit(this.value),this.dropiBlur.emit()}get resolvedId(){return this.id||this.label}get isInvalid(){return this.hasError&&this.touched}get charCount(){return this.value?.length??0}render(){const r=this.textHelper||this.isInvalid;return t("div",{key:"cd317dd0e813d6ce6ae659b56ddac00fa822e68e",class:"textarea-wrapper"},this.label&&t("label",{key:"220344751b55843a6d1ee3a8188b53e8d0fc5d34",htmlFor:this.resolvedId,style:{color:this.disabled?"var(--Gray-Gray-400)":"var(--Gray-Gray-600)"}},this.label,this.required&&this.showObligatoryAsterisk&&!this.disabled&&t("span",{key:"3ddb9f3adac61fa8990f81e16ae6334de8552849",class:"asterisk"}," *")),t("div",{key:"1a6d603bd7cfe7e6b37fd20c4dad6c7bc2bf0278",class:"textarea-container"},t("textarea",{key:"3eb838fece4e03cc68be9e01eeb1e02709a926f9",id:this.resolvedId,class:{"form-control":!0,"Body-M-Regular":!0,"form-control-valid":!this.isInvalid&&this.touched&&!!this.value,"form-control-invalid":this.isInvalid},rows:this.rows,placeholder:this.placeholder,maxLength:this.maxLength,minLength:this.minLength,disabled:this.disabled,required:this.required,style:{resize:this.resize},onInput:r=>this.handleInput(r),onFocus:()=>this.dropiFocus.emit(),onBlur:()=>this.handleBlur()},this.value),this.maxLength>0&&t("div",{key:"49dfd2cb7fe373769a945c405e58e7716e9489f2",class:"char-counter"},this.charCount,"/",this.maxLength)),r&&t("div",{key:"e1388e815c35baab42466029ae17914da28c9294",class:"form-control-helper"},this.isInvalid&&t("dropi-icon",{key:"39aebce7cca327e9c535ce918d053eb5f106f734",name:"Warning-circle",iconWidth:"12px",iconHeight:"12px",color:"Error-Error-500"}),t("span",{key:"ae255ca0db1e35e0069ef8b68fa901bced14ba8a",class:{"invalid-color":this.isInvalid},style:{color:this.disabled?"var(--Gray-Gray-400)":void 0}},this.textHelper)))}static get formAssociated(){return!0}static get watchers(){return{textAreaProperties:[{textAreaPropertiesChanged:0}],value:[{valueChanged:0}]}}};a.style=":host{display:flex;flex-direction:column;width:100%}*,*::before,*::after{box-sizing:border-box}.textarea-wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:4px}.textarea-wrapper label{font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-600, #475066)}.asterisk{color:var(--Error-Error-500, #f46a6b)}.textarea-container{position:relative;display:flex;flex-direction:column}textarea.form-control{box-sizing:border-box;width:100%;flex:1;overflow:auto;padding:var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);background:var(--Neutral-White, #ffffff);transition:border-color 0.3s ease-in-out;outline:none;appearance:none}textarea.form-control:focus{border-color:var(--Info-Info-500, #50a5f1)}textarea.form-control:focus::placeholder{color:var(--Gray-Gray-400, #858ea6)}textarea.form-control-valid{border-color:var(--Gray-Gray-400, #858ea6) !important;color:var(--Gray-Gray-600, #475066)}textarea.form-control-invalid{border-color:var(--Error-Error-500, #f46a6b) !important;color:var(--Gray-Gray-600, #475066)}textarea.form-control:disabled{border-color:var(--Gray-Gray-200, #c3c9d9) !important;color:var(--Gray-Gray-400, #858ea6);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed}.char-counter{position:absolute;bottom:10px;right:16px;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #69738c);pointer-events:none}.form-control-helper{display:flex;gap:4px;align-items:center}.form-control-helper span{display:block;color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px)}.invalid-color{color:var(--Error-Error-500, #f46a6b) !important}";export{a as dropi_text_area}

package/dist/dropi-ui/p-6dbce3d3.entry.js

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

package/dist/dropi-ui/p-6ef4affd.entry.js

@@ -0,0 +1 @@
+import{r as i,c as e,h as a}from"./p-B-h7fjQz.js";const t=class{constructor(a){i(this,a),this.dropiImageClick=e(this,"dropiImageClick")}label="";images=[];width="88px";height="88px";dropiImageClick;get parsedImages(){if("string"==typeof this.images)try{return JSON.parse(this.images)}catch{return[]}return this.images||[]}handleError(i){i.target.src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4OCA4OCI+PHJlY3Qgd2lkdGg9Ijg4IiBoZWlnaHQ9Ijg4IiBmaWxsPSIjZjdmOGZhIi8+PHRleHQgeD0iNDQiIHk9IjQ4IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmaWxsPSIjYzNjOWQ5IiBmb250LXNpemU9IjEyIj5TaW4gaW1hZ2VuPC90ZXh0Pjwvc3ZnPg=="}render(){const i=this.parsedImages;return a("div",{key:"aefd44eab41f586a8a5bf4bbc1675b6c9cc67124",class:"miniature"},this.label&&a("span",{key:"f61ea53ad1dfa354a93781877e0f02c120e0f445",class:"miniature__label"},this.label),a("div",{key:"fbde49689bed4e93c63cab97e787e6d877a7fcb2",class:"miniature__grid"},i.map(((e,t)=>a("div",{class:"miniature__item",style:{width:this.width,height:this.height},key:t,onClick:()=>this.dropiImageClick.emit({images:i,index:t})},a("img",{src:e,alt:`imagen ${t+1}`,loading:"lazy",onError:i=>this.handleError(i)}),a("div",{class:"miniature__zoom"},a("dropi-icon",{name:"Search",iconWidth:"16px",iconHeight:"16px",color:"Neutral-White"})))))))}};t.style=":host{display:block}*,*::before,*::after{box-sizing:border-box}.miniature__label{display:block;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066);margin-bottom:var(--Size-2, 8px)}.miniature__grid{display:flex;flex-wrap:wrap;gap:var(--Size-2, 8px)}.miniature__item{position:relative;border-radius:var(--Border-2, 8px);overflow:hidden;cursor:pointer;flex-shrink:0}.miniature__item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.2s}.miniature__zoom{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.35);opacity:0;transition:opacity 0.2s}.miniature__item:hover img{transform:scale(1.05)}.miniature__item:hover .miniature__zoom{opacity:1}";export{t as dropi_image_miniature}

package/dist/dropi-ui/p-70f75e92.entry.js

@@ -0,0 +1 @@
+import{r as e,c as i,h as t}from"./p-a2fb4CHk.js";const a=class{constructor(t){e(this,t),this.dropiProductClick=i(this,"dropiProductClick"),this.dropiFavoriteChange=i(this,"dropiFavoriteChange"),this.dropiAddProduct=i(this,"dropiAddProduct"),this.dropiSupplierClick=i(this,"dropiSupplierClick")}image="";productName="";salePrice=0;suggestedPrice=0;currency="$";supplier="";category="";stock=0;supplierCategory="";showFavorite=!0;isFavorite=!1;showAddButton=!0;dropiProductClick;dropiFavoriteChange;dropiAddProduct;dropiSupplierClick;formatPrice(e){return null==e?"0":e.toLocaleString("es-CO")}get inStock(){return this.stock>0}getStockColor(){return 0===this.stock?"var(--Error-Error-500, #f46a6b)":this.stock<=10?"var(--Warning-Warning-500, #f59e0b)":"var(--Success-Success-500, #0abb87)"}render(){return t("div",{key:"bd67c2f626d145c0190edaa978bcff11da562a2e",class:"dropi-card-product",onClick:()=>this.dropiProductClick.emit()},t("div",{key:"0691cfaeaea0083710d88afd3b1c7f39edbd21a3",class:"product-image-container"},t("div",{key:"c46136fac8aa08985f06b82a66cb4cb83f6edb29",class:"product-image"},t("img",{key:"a7fe5b836e7b8924dc5a142fd8fa491c8e8af1a6",src:this.image||"",alt:this.productName,onError:e=>{e.target.src="./assets/utils/no-image.jpg"},class:this.image?"":"error-img"}),this.showFavorite&&t("button",{key:"ae2750db9cab79f1c7a74f7cba7e8d562b62f6d3",class:{"favorite-button":!0,"favorite-active":this.isFavorite},onClick:e=>{e.stopPropagation(),this.isFavorite=!this.isFavorite,this.dropiFavoriteChange.emit(this.isFavorite)},"aria-label":"Favorito"},t("dropi-icon",{key:"7dff218a9d0371e2ce1207a8ae7b6a82eb7b0bcf",name:this.isFavorite?"Heart-solid":"Heart",iconWidth:"18px",iconHeight:"18px",color:this.isFavorite?"#fff":"#858ea6"})))),t("div",{key:"0edac76d415f14b4e4d864180639f37ff2459beb",class:"product-info"},this.supplierCategory&&t("dropi-ilustration-icon",{key:"bfddcffc4d4b983c79541e874b5222b5a0f8eba9",class:"supplier-insignia",type:"insignia",stateInsignia:this.supplierCategory,tagProduct:!0}),t("div",{key:"203f8882d1e0659cede292448fef61d8f64ea273",class:"product-header"},this.category&&t("span",{key:"955044f7f67046fe4224c95189b13b29425c37bf",class:"category"},this.category),t("div",{key:"0e4fedb00bbbd1fc8cf4f61ee1fb2e74a5b4659d",class:"stock-info"},t("span",{key:"66945b084a7a36223133ca1427a01d665de01807",class:"stock-label"},"Stock:"),t("span",{key:"55148dddc68ddf1548d0b4bd38886004aa4844bf",class:"stock-value",style:{color:this.getStockColor()}},0===this.stock?"Agotado":this.stock))),t("h3",{key:"e7e3a1fde434e8bd7c666e2b451622883246eed3",class:"product-name"},this.productName),this.supplier&&t("div",{key:"bcf9012e7144c4dd030c95feaec639b2c040cc28",class:"supplier-info"},t("span",{key:"b0e72d6619e9a48d63b0b046e5dd14c736f74d6d",class:"supplier-label"},"Proveedor:"),t("span",{key:"23fd858350a111c276b92f4b81d4cff6136eb2f3",class:"supplier-name",onClick:e=>{e.stopPropagation(),this.dropiSupplierClick.emit()}},this.supplier)),t("div",{key:"ab4404c6fdc27e6c68622466afa27c8d3820cecd",class:"price-container"},t("div",{key:"11b80655d665384e5d959b3c30d8eac26f22b261",class:"price-item"},t("span",{key:"4a39439a08626dfea0ae3e2f8d33d67f19fa225e",class:"price-label"},"Precio proveedor"),t("span",{key:"8f6c99ea5c7b1dede1cb999667e457c16fe663ac",class:"price-value"},this.currency," ",this.formatPrice(this.salePrice))),t("div",{key:"c5cc6b1a77bb9553a0c2870af9e17dd5965836b1",class:"price-item"},t("span",{key:"4f003453fa555866cc12b74787a04d6643beacdf",class:"price-label"},"Precio sugerido"),t("span",{key:"da1c6366b4442461b28669a29c131bce98d476bb",class:"price-value"},this.currency," ",this.formatPrice(this.suggestedPrice))))),t("div",{key:"d0d4e4d7aea9650cfaefb4aa7b99b8ad8e9f1c9c",class:"separator"}),this.showAddButton&&t("div",{key:"ee9629d58b3afad70ed10ed74c3e239d918588c2",class:{"action-button":!0,"action-button--disabled":!this.inStock},onClick:e=>{e.stopPropagation(),this.inStock&&this.dropiAddProduct.emit()}},t("dropi-icon",{key:"dd589e75562d642c13532192b43826c6de0fdf4a",name:"Shopping-cart-arrow-rigth",iconWidth:"20px",iconHeight:"20px",color:"#f49a3d"}),t("span",{key:"c5f4fb38333d01e639a6c58842942f05b58cbe21",class:"button-text"},"Enviar a cliente")))}};a.style=":host{display:block;font-family:'Inter', sans-serif}*,*::before,*::after{box-sizing:border-box}.dropi-card-product{position:relative;background:#ffffff;border-radius:8px;overflow:hidden;transition:all 0.2s ease-in-out;cursor:pointer;display:flex;flex-direction:column;height:100%;box-sizing:border-box;width:100%;max-width:450px;box-shadow:none}.product-image-container{padding:4px;flex-shrink:0}.product-image{position:relative;width:100%;aspect-ratio:1;border-radius:8px;border:1px solid #c3c9d9;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa}.product-image img{width:100%;height:100%;object-fit:cover;border-radius:8px}.product-image img.error-img{object-fit:contain}.favorite-button{position:absolute;bottom:5px;right:6px;border-radius:8px;padding:12px;cursor:pointer;transition:all 0.2s ease-in-out;z-index:2;display:flex;align-items:center;justify-content:center;width:42px;height:40px;background:#ffffff;border:1px solid #858ea6}.favorite-button.favorite-active{background:var(--Primary-Primary-500, #f49a3d);border:1px solid var(--Primary-Primary-500, #f49a3d)}.product-info{position:relative;padding:8px;display:flex;flex-direction:column;gap:4px;flex:1;justify-content:space-between}.supplier-insignia{position:absolute;top:-24px;left:0px}.product-header{display:flex;justify-content:space-between;align-items:center;width:100%;height:26px}.category{color:#69738c;font-family:'Inter', sans-serif;font-size:12px;font-weight:400;line-height:1.5;flex:1}.stock-info{display:flex;align-items:center;gap:2px;font-family:'Inter', sans-serif;font-size:12px;font-weight:400;line-height:1.5}.stock-label{color:#69738c}.stock-value{font-weight:500}.product-name{color:#32394d;font-family:'Inter', sans-serif;font-size:16px;font-weight:500;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.supplier-info{font-family:'Inter', sans-serif;font-size:12px;line-height:1.2}.supplier-label{color:#69738c;font-weight:400}.supplier-name{color:#50a5f1;font-weight:400;margin-left:4px;cursor:pointer}.price-container{display:flex;gap:8px;margin-top:4px}.price-item{flex:1;display:flex;flex-direction:column}.price-label{color:#69738c;font-family:'Inter', sans-serif;font-size:12px;font-weight:400;line-height:1.5;height:18px;min-width:max-content}.price-value{color:#32394d;font-family:'Inter', sans-serif;font-size:14px;font-weight:700;line-height:1.1;margin-top:2px}.separator{height:1px;background:#e6eaf2;margin:0;flex-shrink:0}.action-button{background:#ffffff;border:none;border-top:1px solid #e6eaf2;padding:12px;cursor:pointer;transition:all 0.2s ease-in-out;display:flex;align-items:center;justify-content:center;gap:8px;height:40px;flex-shrink:0}.action-button--disabled{opacity:0.3;cursor:not-allowed}.button-text{font-family:'Inter', sans-serif;font-size:14px;font-weight:700;line-height:1.1;color:#f49a3d;text-align:center;white-space:nowrap}";export{a as dropi_card_product}

package/dist/dropi-ui/p-7140309a.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,h as i}from"./p-a2fb4CHk.js";const a=class{constructor(i){t(this,i),this.dropiSort=e(this,"dropiSort"),this.dropiSelection=e(this,"dropiSelection"),this.dropiRowClick=e(this,"dropiRowClick"),this.dropiSearch=e(this,"dropiSearch"),this.dropiPageChange=e(this,"dropiPageChange"),this.dropiPageSizeChange=e(this,"dropiPageSizeChange"),this.dropiAction=e(this,"dropiAction"),this.dropiRowsSelected=e(this,"dropiRowsSelected"),this.dropiActionClick=e(this,"dropiActionClick"),this.dropiPageChangeAngular=e(this,"dropiPageChangeAngular"),this.dropiSizeChangeAngular=e(this,"dropiSizeChangeAngular"),this.dropiSortChangeAngular=e(this,"dropiSortChangeAngular"),this.dropiSearchChangeAngular=e(this,"dropiSearchChangeAngular"),this.expandChildren=e(this,"expandChildren")}columns=[];rows=[];showCheckbox=!1;loading=!1;emptyMessage="No hay datos disponibles";tableTitle="";showSearch=!1;showColumnSelector=!1;showPaginator=!1;pageSizes=[5,10,25,50];currentPage=1;totalPages=1;rowActions=[];headers=[];data=[];selectedRowIds=null;childData=[];visibleRowsChildrens=[];dropiTableConfiguration=null;dropiTableBackendParams=null;isCursorPagination=!1;parsedColumns=[];parsedRows=[];parsedPageSizes=[5,10,25,50];parsedRowActions=[];sortKey="";sortDir=null;sortAsc=!0;selectedKeys=new Set;searchTerm="";pageSize=5;showColumnMenu=!1;hiddenColumns=new Set;openActionRow=-1;dropiSort;dropiSelection;dropiRowClick;dropiSearch;dropiPageChange;dropiPageSizeChange;dropiAction;dropiRowsSelected;dropiActionClick;dropiPageChangeAngular;dropiSizeChangeAngular;dropiSortChangeAngular;dropiSearchChangeAngular;expandChildren;columnsChanged(t){this.parsedColumns="string"==typeof t?JSON.parse(t):t||[]}rowsChanged(t){this.parsedRows="string"==typeof t?JSON.parse(t):t||[],this.selectedKeys=new Set}pageSizesChanged(t){this.parsedPageSizes="string"==typeof t?JSON.parse(t):t||[5,10,25,50],this.pageSize=this.parsedPageSizes[0]??5}rowActionsChanged(t){this.parsedRowActions="string"==typeof t?JSON.parse(t):t||[]}headersChanged(t){const e="string"==typeof t?JSON.parse(t):t||[];e.length>0&&(this.parsedColumns=e)}dataChanged(t){const e="string"==typeof t?JSON.parse(t):t||[];e.length>0&&(this.parsedRows=e,this.selectedKeys=new Set)}componentWillLoad(){if(null==this.data&&null==this.rows&&null==this.headers&&null==this.columns)return;const t=(Array.isArray(this.headers)?this.headers:[]).length?this.headers:this.columns,e=(Array.isArray(this.data)?this.data:[]).length?this.data:this.rows;this.columnsChanged(t),this.rowsChanged(e),this.pageSizesChanged(this.pageSizes),this.rowActionsChanged(this.rowActions)}get visibleColumns(){const t=this.hiddenColumns??new Set;return(this.parsedColumns??[]).filter((e=>!t.has(e.key)))}get filteredRows(){if(!this.searchTerm)return this.parsedRows;const t=this.searchTerm.toLowerCase();return this.parsedRows.filter((e=>Object.values(e).some((e=>String(e??"").toLowerCase().includes(t)))))}get sortedRows(){const t=this.filteredRows;if(!this.sortKey||!this.sortDir)return t;const e=this.sortKey,i="asc"===this.sortDir?1:-1;return[...t].sort(((t,a)=>{const r=t[e]??"",o=a[e]??"";return r<o?-i:r>o?i:0}))}get pagedRows(){if(!this.showPaginator)return this.sortedRows;const t=(this.currentPage-1)*this.pageSize;return this.sortedRows.slice(t,t+this.pageSize)}handleSort(t){t.sortable&&(this.sortKey===t.key?(this.sortDir="asc"===this.sortDir?"desc":"desc"===this.sortDir?null:"asc",this.sortAsc="desc"!==this.sortDir,null===this.sortDir&&(this.sortKey="")):(this.sortKey=t.key,this.sortDir="asc",this.sortAsc=!0),this.dropiSort.emit({key:this.sortKey,dir:this.sortDir}),this.dropiSortChangeAngular.emit({key:this.sortKey,dir:this.sortDir}))}toggleRow(t){const e=new Set(this.selectedKeys);e.has(t)?e.delete(t):e.add(t),this.selectedKeys=e;const i=Array.from(e);this.dropiSelection.emit(i),this.dropiRowsSelected.emit(i.map((t=>this.pagedRows[t])))}toggleAll(t){this.selectedKeys=t?new Set(this.pagedRows.map(((t,e)=>e))):new Set;const e=Array.from(this.selectedKeys);this.dropiSelection.emit(e),this.dropiRowsSelected.emit(e.map((t=>this.pagedRows[t])))}renderCellValue(t){if(null==t)return"—";if("object"==typeof t&&t.type)switch(t.type){case"tag":return i("dropi-tag",{type:"secondary",state:t.typeTag,text:t.value});case"date":return i("div",{class:"date-label"},i("span",null,new Date(t.value).toLocaleDateString("es-CO")),!t.hideTime&&i("span",null,new Date(t.value).toLocaleTimeString("es-CO",{hour:"2-digit",minute:"2-digit"})));case"country":return i("div",{class:"flag-container"},t.flag&&i("dropi-country-flags",{width:"24",height:"24",country:t.flag,style:{display:"inline-flex"}}),i("span",null,t.value));case"textIcon":return i("div",{class:"text-icon-label"},i("dropi-icon",{name:t.icon,iconWidth:"24px",iconHeight:"24px",color:t.iconColor||"Gray-Gray-500"}),t.value&&i("span",null,t.value));case"status":return i("div",{class:"status-label"},i("div",{class:"status-dot"},i("div",{class:`dot dot-${(t.status||"").toLowerCase()}`}),i("span",{class:"status-text"},t.status)),t.value&&i("span",{class:"status-description"},t.value));case"image":return i("div",{class:"image-label"},i("div",{class:"img-container"},i("img",{src:t.imageUrl,alt:t.value})),i("span",null,t.value));case"textWrap":return i("div",{class:"text-wrap-label",style:{maxWidth:t.maxWidth||"220px"}},t.value);default:return i("span",{class:"table-labels"},String(t.value??"—"))}return i("span",{class:"table-labels"},String(t))}render(){if(void 0===this.parsedRows)return null;const t=this.pagedRows,e=t.length>0&&this.selectedKeys.size===t.length,a=this.parsedRowActions.length>0,r=this.visibleColumns;return i("div",{class:"table-container"},(this.showSearch||this.showColumnSelector||this.tableTitle)&&i("div",{class:"search-container"},this.tableTitle&&i("div",{class:"table-title Body-L-Bold"},this.tableTitle),i("div",{class:"search-actions"+(this.showSearch?"":" only-filter")},this.showSearch&&i("dropi-input",{placeholder:"Buscar",value:this.searchTerm,onDropiInput:t=>{this.searchTerm=t.detail,this.dropiSearch.emit(t.detail),this.dropiSearchChangeAngular.emit(t.detail)}}),this.showColumnSelector&&i("div",{class:"table-tools"},i("div",{class:"column-selector-container"},i("button",{class:"column-selector-btn",onClick:()=>this.showColumnMenu=!this.showColumnMenu},i("dropi-icon",{name:"list-table",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-500"})),this.showColumnMenu&&i("div",{class:"column-selector-menu"},this.parsedColumns.map((t=>i("div",{class:"column-selector-option",onClick:()=>{const e=new Set(this.hiddenColumns);e.has(t.key)?e.delete(t.key):e.add(t.key),this.hiddenColumns=e}},i("dropi-checkbox",{checked:!this.hiddenColumns.has(t.key)}),i("span",null,t.label)))),i("div",{class:"column-selector-footer"},i("div",{class:"column-selector-all",onClick:()=>{this.hiddenColumns=0===this.hiddenColumns.size?new Set(this.parsedColumns.map((t=>t.key))):new Set}},i("dropi-checkbox",{checked:0===this.hiddenColumns.size}),i("span",null,"Mostrar / Ocultar todo")))))))),i("div",{class:"table-wrapper"+(a?" has-sticky-actions":"")},i("table",{class:"custom-table"+(this.showCheckbox?" has-checkbox":"")},i("thead",null,i("tr",null,this.showCheckbox&&i("th",{class:"checkbox-header"},i("dropi-checkbox",{checked:e,onDropiChange:t=>this.toggleAll(t.detail)})),r.map((t=>i("th",{class:{sortable:!!t.sortable,"low-opacity":!!t.disabledColumn,"highlight-column":!!t.highlightColumn},style:{textAlign:t.align||"center",minWidth:t.minWidth,maxWidth:t.maxWidth},onClick:()=>this.handleSort(t)},i("div",{class:"headers-container"+("left"===t.align?" align-left":"right"===t.align?" align-right":"")},i("div",{class:"headers"+("left"===t.align?" align-left":"right"===t.align?" align-right":"")},i("span",null,t.label),t.sortable&&i("div",{class:"order-icons"},i("dropi-icon",{name:"Caret-up",iconWidth:"12px",iconHeight:"12px",color:this.sortAsc?"Gray-Gray-500":"Gray-Gray-200"}),i("dropi-icon",{name:"Caret-down",iconWidth:"12px",iconHeight:"12px",color:this.sortAsc?"Gray-Gray-200":"Gray-Gray-500"}))))))),a&&i("th",{class:"actions-header actions"},"Acciones"))),i("tbody",null,this.loading?Array.from({length:5}).map((()=>i("tr",{class:"table-row"},this.showCheckbox&&i("td",null,i("div",{class:"skeleton skeleton--sm"})),r.map((()=>i("td",null,i("div",{class:"skeleton"})))),a&&i("td",null)))):0===t.length?i("tr",null,i("td",{colSpan:r.length+(this.showCheckbox?1:0)+(a?1:0)},i("div",{class:"empty-table"},i("div",{class:"empty-message-container"},this.emptyMessage)))):t.map(((t,e)=>i("tr",{class:"table-row",onClick:()=>this.dropiRowClick.emit({row:t,index:e})},this.showCheckbox&&i("td",{onClick:t=>t.stopPropagation()},i("dropi-checkbox",{checked:this.selectedKeys.has(e),onDropiChange:()=>this.toggleRow(e)})),r.map((e=>i("td",{class:{"low-opacity":!!e.disabledColumn,"highlight-column":!!e.highlightColumn},style:{minWidth:e.minWidth,maxWidth:e.maxWidth,overflow:e.maxWidth?"hidden":void 0}},i("div",{class:"cell-content",style:{textAlign:e.align||"center"}},this.renderCellValue(t[e.key]))))),a&&i("td",{class:"action-button actions",onClick:t=>t.stopPropagation()},this.parsedRowActions.length>3?i("div",{style:{display:"flex",justifyContent:"center",width:"100%"}},i("dropi-icon",{class:"action-icon",name:"Menu-dots-vertical",iconWidth:"24px",iconHeight:"24px",color:"Gray-Gray-500",onClick:()=>this.openActionRow=this.openActionRow===e?-1:e}),this.openActionRow===e&&i("div",{class:"actions-menu"},this.parsedRowActions.map((e=>i("div",{class:"action-item",onClick:()=>{this.openActionRow=-1,this.dropiAction.emit({row:t,action:e}),this.dropiActionClick.emit({row:t,action:e})}},i("dropi-icon",{name:e.icon,iconWidth:"20px",iconHeight:"20px",color:e.iconColor||"Gray-Gray-500"}),e.label))))):i("div",{class:"short-actions"},this.parsedRowActions.map((e=>i("dropi-icon",{class:"action-icon",name:e.icon,iconWidth:"24px",iconHeight:"24px",color:e.iconColor||"Gray-Gray-500",onClick:()=>{this.dropiAction.emit({row:t,action:e}),this.dropiActionClick.emit({row:t,action:e})}}))))))))))),this.showPaginator&&i("div",{class:"pagination"},i("div",{class:"page-size-selector"},i("label",null,"Mostrar"),i("select",{onChange:t=>{this.pageSize=Number(t.target.value),this.currentPage=1,this.dropiPageSizeChange.emit(this.pageSize),this.dropiSizeChangeAngular.emit(this.pageSize)}},this.parsedPageSizes.map((t=>i("option",{value:t,selected:this.pageSize===t},t))))),i("dropi-paginator",{totalPages:this.totalPages,currentPage:this.currentPage,onDropiPageChange:t=>{this.currentPage=t.detail,this.dropiPageChange.emit(t.detail),this.dropiPageChangeAngular.emit(t.detail)}})))}static get watchers(){return{columns:[{columnsChanged:0}],rows:[{rowsChanged:0}],pageSizes:[{pageSizesChanged:0}],rowActions:[{rowActionsChanged:0}],headers:[{headersChanged:0}],data:[{dataChanged:0}]}}};a.style=":host{display:block;width:100%;min-width:0}*,*::before,*::after{box-sizing:border-box}.table-container{width:100%;min-width:0;border-radius:var(--Border-3);padding:0 var(--Size-4) var(--Size-4) var(--Size-4);background-color:var(--Neutral-White)}.search-container{margin-block:var(--Size-5);display:flex;flex-direction:column;gap:var(--Size-4)}.table-title{padding-block:var(--Size-2);font-size:var(--font-size-m);font-weight:var(--font-weight-bold);color:var(--Gray-Gray-700);margin:0}.search-actions{display:flex;align-items:flex-end;gap:var(--Size-3);width:100%}.search-actions dropi-input{flex:1}.search-actions.only-filter{justify-content:flex-end}.table-tools{display:flex;justify-content:flex-end}.column-selector-container{position:relative}.column-selector-btn{min-width:40px;width:40px;height:40px;padding:0;border:1px solid var(--Gray-Gray-200);border-radius:var(--Border-2);background:var(--Neutral-White);cursor:pointer;display:flex;align-items:center;justify-content:center}.column-selector-btn:hover{background:var(--Gray-Gray-50)}.column-selector-menu{position:absolute;top:calc(100% + 8px);right:0;width:min(320px, 88vw);border:1px solid var(--Gray-Gray-200);border-radius:var(--Border-2);background:var(--Neutral-White);box-shadow:var(--Shadow-medium);z-index:20;padding:var(--Size-1)}.column-selector-footer{border-top:1px solid var(--Gray-Gray-100);margin-top:var(--Size-1);padding:var(--Size-2) var(--Size-4);display:flex;align-items:center}.column-selector-all{display:inline-flex;align-items:center;gap:var(--Size-2);color:var(--Gray-Gray-700);font-size:var(--font-size-s);cursor:pointer;user-select:none}.column-selector-option{display:flex;align-items:center;gap:var(--Size-2);padding:var(--Size-2) var(--Size-3);font-size:var(--font-size-s);color:var(--Gray-Gray-700);cursor:pointer;border-radius:var(--Border-1)}.column-selector-option:hover{background:var(--Gray-Gray-50)}.table-wrapper{overflow-x:auto;width:100%;position:relative}.table-wrapper.has-sticky-actions{width:100%}.table-wrapper::-webkit-scrollbar{height:6px}.table-wrapper::-webkit-scrollbar-track{background:transparent}.table-wrapper::-webkit-scrollbar-thumb{background:var(--Gray-Gray-200, #c3c9d9);border-radius:3px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--Gray-Gray-400, #858ea6)}.custom-table{width:100%;border-collapse:collapse}.custom-table th,.custom-table td{position:relative;padding:var(--Size-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--Gray-Gray-700)}.custom-table th::after,.custom-table td::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--Gray-Gray-100)}.custom-table th{height:55px;user-select:none}.custom-table th.sortable{cursor:pointer}.custom-table td{height:80px;min-width:100px;font-weight:var(--font-weight-regular);font-size:var(--font-size-s)}.headers-container{display:flex;flex-direction:column;align-items:center;gap:var(--Size-1)}.headers-container.align-left{align-items:flex-start}.headers-container.align-right{align-items:flex-end}.headers{display:flex;flex-wrap:nowrap;justify-content:space-around;align-items:center;gap:4px}.headers span{font-weight:var(--font-weight-bold);color:var(--Gray-Gray-600);font-size:var(--font-size-xs);text-align:center}.headers.align-left span{text-align:left}.headers.align-right span{text-align:right}.order-icons{display:flex;flex-direction:column}.order-icons dropi-icon{height:6px;display:flex}.checkbox-header{width:fit-content;min-width:fit-content;max-width:fit-content;text-align:center;padding:var(--Size-3) !important}.custom-table.has-checkbox td:first-child{width:fit-content;min-width:fit-content;max-width:fit-content;text-align:center;padding:8px !important}.table-row:hover{background-color:var(--Gray-Gray-50);transition:background-color 0.3s ease}.table-row:hover td:last-child{background-color:var(--Gray-Gray-50);transition:background-color 0.3s ease}.table-row.sub-row td:first-child{padding-left:2rem !important}.cell-content{display:inline-block;width:100%;text-align:left}td.actions,th.actions{position:sticky;right:0;z-index:2;background-color:var(--Neutral-White);width:120px;min-width:120px;max-width:120px;text-align:center}td.actions{vertical-align:middle}td.actions>div{display:flex !important;justify-content:center !important;align-items:center !important;width:100%;height:100%}.table-row:hover td.actions{background-color:var(--Gray-Gray-50);transition:background-color 0.3s ease}.actions-header{width:100%;text-align:center;user-select:none}.short-actions{display:flex;gap:var(--Size-2);align-items:center;justify-content:center}.action-icon{cursor:pointer}.action-button{position:relative}.actions-menu{position:absolute;top:0;right:80px;padding:var(--Size-2);border-radius:var(--Border-2);background-color:var(--Neutral-White);box-shadow:var(--Shadow-medium);z-index:10;animation:fadeIn 0.3s ease-in-out forwards}.action-item{padding:var(--Size-2);font-size:var(--font-size-xs);color:var(--Gray-Gray-600);height:45px;width:190px;display:flex;gap:var(--Size-4);align-items:center;justify-content:left;cursor:pointer;border-radius:var(--Border-1)}.action-item:hover{background-color:var(--Gray-Gray-50)}.table-labels{color:var(--Gray-Gray-600);font-weight:var(--font-weight-regular);font-size:var(--font-size-s);white-space:nowrap}.table-labels.multiline{white-space:pre;line-height:1.6}.text-wrap-label{color:var(--Gray-Gray-600);font-weight:var(--font-weight-regular);font-size:var(--font-size-s);white-space:normal;word-break:break-word;overflow-wrap:break-word;line-height:1.5}.date-label{display:inline-flex;flex-direction:column}.date-label span{font-weight:var(--font-weight-regular);color:var(--Gray-Gray-600);white-space:nowrap;font-size:var(--font-size-s)}.flag-container{display:inline-flex;align-items:center;gap:var(--Size-3)}.flag-container span{color:var(--Gray-Gray-600);font-weight:var(--font-weight-regular);font-size:var(--font-size-s)}.text-icon-label{display:inline-flex;flex-wrap:nowrap;gap:var(--Size-2);align-items:center}.text-icon-label span{color:var(--Gray-Gray-600);font-weight:var(--font-weight-regular);font-size:var(--font-size-s)}.image-label{display:inline-flex;flex-direction:column;justify-content:center}.img-container{display:flex;width:24px;padding-bottom:var(--Size-1);align-items:center}.img-container img{border-radius:60px;height:24px;width:24px;object-fit:cover}.container-cell{display:inline-flex;flex-direction:column}.status-label{display:inline-flex;flex-direction:column;gap:var(--Size-1)}.status-dot{display:flex;gap:var(--Size-2);align-items:center}.status-text{font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);color:var(--Gray-Gray-700)}.status-description{font-weight:var(--font-weight-regular);font-size:var(--font-size-s);color:var(--Gray-Gray-600)}.dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.dot-low{background-color:var(--Success-Success-500)}.dot-medium{background-color:var(--Warning-Warning-500)}.dot-high{background-color:var(--Error-Error-500)}.low-opacity{opacity:0.5}.highlight-column{background:var(--Primary-Primary-50)}.text-link-label{display:flex;flex-wrap:nowrap;white-space:nowrap;gap:var(--Size-1)}.text-link-label span{color:var(--Gray-Gray-600);font-weight:var(--font-weight-regular);font-size:var(--font-size-s)}.text-link-label a{color:var(--Info-Info-500);font-weight:var(--font-weight-regular);font-size:var(--font-size-s)}.empty-table{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:400px}.empty-message-container{display:flex;width:420px;padding:var(--Size-4);flex-direction:column;align-items:center;gap:var(--Size-4);text-align:center;color:var(--Gray-Gray-500);font-size:var(--font-size-s)}.pagination{margin-top:var(--Size-4);display:flex;justify-content:space-between;align-items:center}.page-size-selector{display:flex;gap:5px;align-items:baseline}.page-size-selector label{font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);color:var(--Gray-Gray-700)}.page-size-selector select{width:fit-content;height:29px;border-radius:var(--Border-2);padding:var(--Size-1);border:1px solid var(--Gray-Gray-200);color:var(--Gray-Gray-500);background:var(--Neutral-White);font-size:var(--font-size-xs);cursor:pointer}.total-results{font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);color:var(--Gray-Gray-600)}.skeleton{height:14px;background:linear-gradient(90deg, var(--Gray-Gray-100) 25%, var(--Gray-Gray-50) 50%, var(--Gray-Gray-100) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--Border-1)}.skeleton--sm{width:20px}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.search-actions{flex-direction:column;align-items:stretch}.column-selector-menu{left:0;right:0;width:100%;max-height:45vh;overflow-y:auto}.pagination{flex-direction:column;align-items:center;gap:var(--Size-3)}td.actions,th.actions{width:60px;min-width:60px}.table-wrapper.has-sticky-actions{width:calc(100% - 60px)}}";export{a as dropi_table}

package/dist/dropi-ui/p-721ef2b1.entry.js

@@ -0,0 +1 @@
+import{r as e,a as o,h as a}from"./p-B-h7fjQz.js";const i=class{constructor(o){e(this,o)}get el(){return o(this)}sectionTitle="";index;open=!1;disabled=!1;preIcon="";contentHeight="0px";contentRef;openChanged(e){this.updateHeight(e)}componentDidLoad(){this.updateHeight(this.open)}updateHeight(e){this.contentRef&&(this.contentHeight=e?`${this.contentRef.scrollHeight}px`:"0px")}handleToggle(){this.disabled||(this.el.closest("dropi-accordion"),this.open=!this.open,setTimeout((()=>this.updateHeight(this.open)),0))}render(){return a("div",{key:"98de1df9b82f0e4e5e72702b7eaca12c0ed92586",class:{"accordion-item":!0,"accordion-item--open":this.open,"accordion-item--disabled":this.disabled}},a("button",{key:"bd5c3e6ea29feb33e5280908c98929369dc7377e",class:"accordion-header",onClick:()=>this.handleToggle(),"aria-expanded":String(this.open),disabled:this.disabled},a("span",{key:"ced161eb1187d50b7eb2002081cd3fc008c9a16f",class:"accordion-header-left"},this.preIcon&&a("dropi-icon",{key:"09a157623f0978153b57e85a79d7beeca3faf9ab",name:this.preIcon,iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-600"}),a("span",{key:"649617f263370d1314e3145c07a3a29ce5c807b5",class:"accordion-title"},this.sectionTitle)),a("span",{key:"d99e3933a40ffa4b1da8091a8b6d767011f1bf6f",class:{"accordion-chevron":!0,"accordion-chevron--open":this.open}},a("dropi-icon",{key:"3d12ae988429fea2612c0c32c12cd81a486ad255",name:"Dropdown-down",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-500"}))),a("div",{key:"cedff4803c6fa83ae9dc5cb3ce68f48150cdef67",class:"accordion-body",style:{maxHeight:this.contentHeight},ref:e=>this.contentRef=e},a("div",{key:"a37dd42bf39cf08479d847286860e78a1d80a233",class:"accordion-content"},a("slot",{key:"d797eac747716be1af2a6addbefe583be4a816b1"}))))}static get watchers(){return{open:[{openChanged:0}]}}};i.style=":host{display:block;border-bottom:1px solid var(--Gray-Gray-100)}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px;background:white;border:none;cursor:pointer;text-align:left}.accordion-header-left{display:flex;align-items:center;gap:8px}.accordion-title{font-size:var(--font-size-m);font-weight:var(--font-weight-semibold);color:var(--Gray-Gray-700)}.accordion-chevron{transition:transform 0.3s ease}.accordion-chevron--open{transform:rotate(180deg)}.accordion-body{overflow:hidden;transition:max-height 0.3s ease-out}.accordion-content{padding:0 16px 16px 16px}";export{i as dropi_accordion_item}

package/dist/dropi-ui/p-72c6e0c4.entry.js

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

package/dist/dropi-ui/p-72ec96d0.entry.js

@@ -0,0 +1 @@
+import{r as a,c as r,h as e}from"./p-a2fb4CHk.js";const i=class{constructor(e){a(this,e),this.clickLoadItem=r(this,"clickLoadItem"),this.dropiNotificationsClick=r(this,"dropiNotificationsClick"),this.dropiUserClick=r(this,"dropiUserClick"),this.dropiMenuToggle=r(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 e("nav",{key:"15c337396dbe445ac7a13d7e0f2d99f88b4de439",class:"navbar"},e("div",{key:"922a217dfe53f3f34dd6746033996bcd71dadfb2",class:"navbar__left"},this.showMenuToggle&&e("button",{key:"db80ad1fd6f47807196c81ae60bf9cea8bb16e77",class:"navbar__menu-btn",onClick:()=>this.dropiMenuToggle.emit(),"aria-label":"Menú"},e("dropi-icon",{key:"eca18144260cb6471a19f78f7ce75254ba5a138e",name:"Menu",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-700"})),this.logoUrl&&e("img",{key:"374ea8553605f289c413882c757eda70054ba71d",class:"navbar__logo",src:this.logoUrl,alt:this.logoAlt}),this.title&&e("span",{key:"8e2abceb591c0de10ca99d2090fea7a0da792a7b",class:"navbar__title"},this.title)),a.length>0&&e("ul",{key:"fd26fc64ea3325ddc439a802ab56e69b329020dd",class:"navbar__items"},a.map((a=>e("li",null,e("button",{class:{navbar__item:!0,"navbar__item--active":a.id===this.activeId},onClick:()=>this.clickLoadItem.emit(a),type:"button"},a.icon&&e("dropi-icon",{name:a.icon,iconWidth:"16px",iconHeight:"16px",color:a.id===this.activeId?"Primary-Primary-500":"Gray-Gray-600"}),e("span",null,a.name?.value||a.label),null!=a.badge&&"0"!==String(a.badge)&&e("span",{class:"navbar__badge"},a.badge)))))),e("div",{key:"51a6532caac773ea7236e95b0aa5ee9ee052db4a",class:"navbar__right"},e("button",{key:"309b47a8fa074e7d47632a95490c5ba0d2950745",class:"navbar__icon-btn",onClick:()=>this.dropiNotificationsClick.emit(),"aria-label":"Notificaciones"},e("dropi-icon",{key:"2a970ae36fdd4e42d9fbab5d8ebb61a1d14d54c8",name:"Bell",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-600"}),this.notifications>0&&e("span",{key:"67412b6d3c7689f78cca15e91a1e8e3ee88152a2",class:"navbar__notif-badge"},this.notifications>99?"99+":this.notifications)),e("button",{key:"38cc70fdc1c204b06b62c54a23f4b8c76647fd6b",class:"navbar__user-btn",onClick:()=>this.dropiUserClick.emit(),type:"button"},this.userAvatar?e("img",{class:"navbar__avatar",src:this.userAvatar,alt:this.userName}):e("div",{class:"navbar__avatar-placeholder"},this.userName?this.userName[0].toUpperCase():"?"),this.userName&&e("span",{key:"1f2cfe4bddef60d31751c24c3f02cace2f07d6dd",class:"navbar__user-name"},this.userName),e("dropi-icon",{key:"520aff19c56964eefb3b1f59646c19df779c7e47",name:"Arrow-Down-2",iconWidth:"12px",iconHeight:"12px",color:"Gray-Gray-400"}))))}};i.style=":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}";export{i as dropi_navbar}

package/dist/dropi-ui/p-7450d195.entry.js

@@ -0,0 +1 @@
+import{r as t,c as a,h as i}from"./p-a2fb4CHk.js";const r=class{constructor(i){t(this,i),this.dropiInput=a(this,"dropiInput"),this.dropiChange=a(this,"dropiChange"),this.dropiFocus=a(this,"dropiFocus"),this.dropiBlur=a(this,"dropiBlur"),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals)}internals;inputId="";name="";label="";placeholder=" ";value="";maxLength;disabled=!1;required=!1;showObligatoryAsterisk=!0;fixedLabel=!1;inputMode="text";passwordInput=!1;isMoneyInput=!1;isThousandSeparator=!1;isNumericInput=!1;allowDecimals=!1;isLettersOnly=!1;icon="";iconColor="Gray-Gray-400";hasError=!1;textHelper="";showHelperOnlyOnError=!1;inputProperties=null;showPassword=!1;touched=!1;dropiInput;dropiChange;dropiFocus;dropiBlur;inputPropertiesChanged(t){t&&(void 0!==t.id&&(this.inputId=t.id),void 0!==t.inputId&&(this.inputId=t.inputId),void 0!==t.label&&(this.label=t.label),void 0!==t.placeholder&&(this.placeholder=t.placeholder),void 0!==t.maxLength&&(this.maxLength=t.maxLength),void 0!==t.textHelper&&(this.textHelper=t.textHelper),void 0!==t.passwordInput&&(this.passwordInput=t.passwordInput),void 0!==t.isPasswordInput&&(this.passwordInput=t.isPasswordInput),void 0!==t.icon&&(this.icon=t.icon),void 0!==t.iconColor&&(this.iconColor=t.iconColor),void 0!==t.isMoneyInput&&(this.isMoneyInput=t.isMoneyInput),void 0!==t.showObligatoryAsterisk&&(this.showObligatoryAsterisk=t.showObligatoryAsterisk),void 0!==t.isNumericInput&&(this.isNumericInput=t.isNumericInput),void 0!==t.allowDecimals&&(this.allowDecimals=t.allowDecimals),void 0!==t.isThousandSeparator&&(this.isThousandSeparator=t.isThousandSeparator),void 0!==t.showHelperOnlyOnError&&(this.showHelperOnlyOnError=t.showHelperOnlyOnError),void 0!==t.isLettersOnly&&(this.isLettersOnly=t.isLettersOnly),void 0!==t.inputMode&&(this.inputMode=t.inputMode))}valueChanged(t){this.internals.setFormValue(t)}disabledChanged(t){this.internals.setValidity(t?{customError:!0}:{},t?"Field is disabled":"")}componentWillLoad(){this.internals.setFormValue(this.value??""),this.inputProperties&&this.inputPropertiesChanged(this.inputProperties)}handleInput(t){let a=t.target.value;this.isNumericInput&&(a=this.filterNumbers(a)),this.isLettersOnly&&(a=this.filterLetters(a)),(this.isMoneyInput||this.isThousandSeparator)&&(a=this.formatThousands(a,this.isMoneyInput)),this.value=a,this.internals.setFormValue(a),this.dropiInput.emit(a)}handleKeyDown(t){(this.isNumericInput||this.isMoneyInput||this.isThousandSeparator)&&!this.isAllowedNumberKey(t)&&t.preventDefault(),this.isLettersOnly&&!this.isAllowedLetterKey(t)&&t.preventDefault()}handleFocus(){this.dropiFocus.emit()}handleBlur(){this.touched=!0,this.dropiChange.emit(this.value),this.dropiBlur.emit()}togglePassword(){this.disabled||(this.showPassword=!this.showPassword)}filterNumbers(t){return t.replace(this.allowDecimals?/[^0-9.]/g:/[^0-9]/g,"")}filterLetters(t){return t.replace(/[^a-zA-ZáéíóúÁÉÍÓÚñÑüÜ\s]/g,"")}isAllowedNumberKey(t){return!!(["Backspace","Delete","ArrowLeft","ArrowRight","Tab","Enter","Home","End"].includes(t.key)||t.ctrlKey||t.metaKey||/^[0-9]$/.test(t.key)||this.allowDecimals&&"."===t.key)}isAllowedLetterKey(t){return!!["Backspace","Delete","ArrowLeft","ArrowRight","Tab","Enter","Home","End"," "].includes(t.key)||!(!t.ctrlKey&&!t.metaKey)||/^[a-zA-ZáéíóúÁÉÍÓÚñÑüÜ]$/.test(t.key)}formatThousands(t,a){const i=t.replace(/[^0-9.]/g,""),[r,e]=i.split("."),o=r.replace(/\B(?=(\d{3})+(?!\d))/g,","),s=void 0!==e?`${o}.${e}`:o;return a?`$${s}`:s}get resolvedId(){return this.inputId||this.label}get inputType(){return this.passwordInput?this.showPassword?"text":"password":"text"}get showHelper(){return!!this.textHelper&&(!this.showHelperOnlyOnError||this.hasError&&this.touched)}get isInvalid(){return this.hasError&&this.touched}render(){const t=this.required&&this.showObligatoryAsterisk&&!this.disabled,a=!!this.icon;return i("div",{key:"36a33fdb7048e3ba43dae3c2d3d71c9f69643cac",class:{"fixed-label-container":this.fixedLabel}},this.fixedLabel&&i("div",{key:"699adfe37d662ed328cd13fdad428e857b70f01d",class:"input-label Body-S-Regular"},this.label,t&&i("span",{key:"b2d6f4757cdb50eacfb7879e4a878e30adf5235d",class:"asterisk"}," *")),i("div",{key:"dc080fc5d0ab12f0eadf7e1bb30cae5539f76640",class:"form-group"},i("div",{key:"cf228d5e4c7e0a04735d38ba239a2b989f5247ca",class:{"input-container":!0,"input-container--has-icon":a}},a&&i("dropi-icon",{key:"049e396ea1f2f11625de73bc074c0e0aecea96ab",class:"icon-input",name:this.icon,color:this.iconColor,iconWidth:"20px",iconHeight:"20px",style:{width:"20px",height:"20px"}}),this.passwordInput&&i("dropi-icon",{key:"544316f6e7a284acf65d3a2b7fb3a2654c80d95b",class:"icon-input-password",name:this.showPassword?"Eye":"Eye-crossed",iconWidth:"20px",iconHeight:"20px",style:{width:"20px",height:"20px"},color:"Gray-Gray-500",onClick:()=>this.togglePassword()}),i("input",{key:"6d23ac748d0768d6eea0eb347bde7b13d8f20321",id:this.resolvedId,class:{"form-control":!0,"form-control-valid":!this.isInvalid&&this.touched&&!!this.value,"form-control-invalid":this.isInvalid,"padding-icon":a,"text-password":this.passwordInput&&!this.showPassword,"fixed-label-input":this.fixedLabel},type:this.inputType,value:this.value,placeholder:this.fixedLabel?this.placeholder:" ",disabled:this.disabled,required:this.required,maxLength:this.maxLength,inputMode:this.inputMode,"data-cy":void 0,onInput:t=>this.handleInput(t),onKeyDown:t=>this.handleKeyDown(t),onFocus:()=>this.handleFocus(),onBlur:()=>this.handleBlur()}),!this.fixedLabel&&i("label",{key:"8f26c9430cbc1c6b55286d62c2a350724dd0101f",class:"Body-S-Regular label-bottom",htmlFor:this.resolvedId},this.label,t&&i("span",{key:"95d953c160cf22457b0e1d6265b8137a24d4092b",class:"asterisk"}," *")),this.showHelper&&i("div",{key:"ad3d4b5230fd32e97c661c64deadf97830caa550",class:"form-control-helper"},this.isInvalid&&i("dropi-icon",{key:"7c28120d1cc46ccd288948b1d2d9e5cc24521af7",name:"Warning-circle",iconWidth:"12px",iconHeight:"12px",color:"Error-Error-500"}),i("span",{key:"40eb1eedd2a204975aed61fcd24ccadd26d8aaef",class:{"disabled-helper":this.disabled,"invalid-color":this.isInvalid}},this.textHelper)))))}static get formAssociated(){return!0}static get watchers(){return{inputProperties:[{inputPropertiesChanged:0}],value:[{valueChanged:0}],disabled:[{disabledChanged:0}]}}};r.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.fixed-label-container{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:8px}.input-label{color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-regular, 400);text-align:left}.asterisk{color:var(--Error-Error-500, #f46a6b)}.form-group{position:relative;width:100%}.input-container{position:relative}.icon-input{position:absolute;top:50%;left:12px;transform:translateY(-50%);z-index:1;display:flex;align-items:center;justify-content:center}.icon-input-password{position:absolute;top:50%;right:13px;transform:translateY(-50%);cursor:pointer;z-index:1;display:flex;align-items:center;justify-content:center}.form-control{box-sizing:border-box;width:100%;padding:var(--Size-2, 8px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);transition:border-color 0.3s ease-in-out;height:40px;outline:none;appearance:none;text-align:left}.form-control::placeholder{color:transparent;transition:color 0.2s ease-in-out}.form-control:focus::placeholder,.fixed-label-input::placeholder{color:var(--Gray-Gray-400, #858ea6)}.form-control:focus{border-color:var(--Info-Info-500, #50a5f1)}.form-control-valid{border-color:var(--Gray-Gray-400, #858ea6) !important;color:var(--Gray-Gray-600, #475066)}.form-control-invalid{border-color:var(--Error-Error-500, #f46a6b) !important;color:var(--Gray-Gray-600, #475066)}.form-control:disabled{border-color:var(--Gray-Gray-200, #c3c9d9) !important;color:var(--Gray-Gray-400, #858ea6);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed}.padding-icon{padding-left:40px}.input-container--has-icon label.label-bottom{left:40px}.input-container--has-icon .form-control:focus+label.label-bottom,.input-container--has-icon .form-control:not(:placeholder-shown)+label.label-bottom{left:0}.text-password{-webkit-text-security:disc;text-security:disc}label.label-bottom{position:absolute;font-weight:var(--font-weight-regular, 400);top:10px;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-500, #69738c);left:10px;transition:all 0.2s ease-in-out;pointer-events:none;overflow:hidden;width:90%;white-space:nowrap}.form-control:focus+label.label-bottom,.form-control:not(:placeholder-shown)+label.label-bottom{top:-22px;left:0;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066);width:unset}.form-control:disabled+label.label-bottom{color:var(--Gray-Gray-400, #858ea6)}.form-control-helper{display:flex;position:absolute;top:100%;left:0;gap:4px;align-items:center;margin-top:4px}.form-control-helper span{display:block;color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px)}.invalid-color{color:var(--Error-Error-500, #f46a6b) !important}.disabled-helper{color:var(--Gray-Gray-400, #858ea6) !important}.disabled-helper{color:var(--Gray-Gray-400, #858ea6) !important}";const e=class{constructor(i){t(this,i),this.dropiPageChange=a(this,"dropiPageChange")}totalPages=1;currentPage=1;disabled=!1;maxVisiblePages=8;isNotTotalPages=!1;noLabels=!1;dropiPageChange;get pageNumbers(){const t=this.totalPages,a=this.currentPage,i=this.maxVisiblePages;if(t<=i)return Array.from({length:t},((t,a)=>a+1));const r=Math.floor(i/2);let e=Math.max(1,a-r),o=Math.min(t,e+i-1);o-e<i-1&&(e=Math.max(1,o-i+1));const s=[];e>1&&(s.push(1),e>2&&s.push("..."));for(let t=e;t<=o;t++)s.push(t);return o<t&&(o<t-1&&s.push("..."),s.push(t)),s}goTo(t){this.disabled||t<1||t>this.totalPages||t===this.currentPage||(this.currentPage=t,this.dropiPageChange.emit(this.currentPage))}render(){const t=this.pageNumbers,a=this.currentPage<=1,r=this.currentPage>=this.totalPages;return i("div",{key:"af6614df5a241ef536b6723d30bde12c8a6f474f",class:"paginator"},i("div",{key:"8b5405baa717a36042fc03ca2e68370799c01ff7",class:"paginator-pages"},!a&&!this.noLabels&&i("button",{key:"c340304b29d658ef9eaa8105a91540660c829048",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(1),"aria-label":"Primera página",disabled:this.disabled},i("dropi-icon",{key:"3adfc1508cbcedbb91f99e467db2270c40a4ac83",name:"Arrow-double-small-left",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"})),!a&&i("button",{key:"5936642c4b9e5b72546229996fbc72fe973e6f5f",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(this.currentPage-1),"aria-label":"Anterior",disabled:this.disabled},i("dropi-icon",{key:"c9f7eb1c0c27a738ee31e859617964fc75e514cc",name:"Dropdown-left",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"}),!this.noLabels&&i("span",{key:"5d448a9a6536c90c56fafd700e7c5998a85d6fdf",class:"paginator-label"},"Anterior")),t.map(((t,a)=>"..."===t?i("span",{class:"paginator-ellipsis",key:`e${a}`},"…"):i("button",{key:t,class:{"paginator-btn":!0,"paginator-btn--active":t===this.currentPage},onClick:()=>this.goTo(t),"aria-current":t===this.currentPage?"page":void 0,disabled:this.disabled},t))),!r&&i("button",{key:"1a43d8dde37cdbc40527eb1c66bc5001a64cf59f",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(this.currentPage+1),"aria-label":"Siguiente",disabled:this.disabled},!this.noLabels&&i("span",{key:"f76ccd791d02b25d78c509341b73e1c1bca0b986",class:"paginator-label"},"Siguiente"),i("dropi-icon",{key:"822a3a7e4ac651e00c469b565e300a7efcc5614b",name:"Dropdown-Right",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"})),!r&&!this.noLabels&&i("button",{key:"2b4f7435f9083ab9c4d9ce81be5c259eda830e4a",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(this.totalPages),"aria-label":"Última página",disabled:this.disabled},i("dropi-icon",{key:"63ab5568c44ed3cbda917842defe4dc4254bb3f1",name:"Arrow-double-small-right",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"}))))}};e.style=":host{display:block}*,*::before,*::after{box-sizing:border-box}.paginator{display:flex;align-items:center;justify-content:flex-end;gap:var(--Size-4, 16px);flex-wrap:wrap}.paginator-pages{display:flex;align-items:center;gap:var(--Size-1, 4px)}.paginator-btn{width:32px;height:32px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-s, 12px);font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.15s ease}.paginator-btn:hover:not(:disabled){background:var(--Gray-Gray-50, #f7f8fa)}.paginator-btn:disabled{opacity:0.4;cursor:not-allowed}.paginator-btn--active{background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #ffffff);font-weight:var(--font-weight-bold, 700)}.paginator-btn--active:hover{background:var(--Primary-Primary-500, #f49a3d)}.paginator-btn--arrow{width:auto;padding:0 var(--Size-2, 8px);border-radius:var(--Border-1, 4px);gap:4px}.paginator-btn--arrow:hover:not(:disabled){background:var(--Gray-Gray-50, #f7f8fa)}.paginator-label{font-size:var(--font-size-s, 12px);color:inherit}.paginator-ellipsis{color:var(--Gray-Gray-400, #858ea6);padding:0 4px;font-size:var(--font-size-s, 12px);display:flex;align-items:center}.paginator-size{display:flex;align-items:center;gap:var(--Size-2, 8px)}.paginator-size-label{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-500, #69738c)}.paginator-size-select{height:32px;padding:0 var(--Size-2, 8px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-1, 4px);background:var(--Neutral-White, #ffffff);color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-s, 12px);font-family:inherit;cursor:pointer;outline:none}";const o=class{constructor(a){t(this,a)}variant="tag";type="primary";state="default";showIcon=!1;icon="";text="";colorMap={default:"Primary-Primary",success:"Success-Success",info:"Info-Info",warning:"Warning-Warning",error:"Error-Error",legacy:"Gray-Gray"};propsChanged(){}get bgColor(){const t=this.colorMap[this.state];return"primary"===this.type?`var(--${t}-500)`:`var(--${t}${"default"===this.state||"legacy"===this.state?"-100":"-50"})`}get textColor(){return"dot"===this.variant?"secondary"===this.type?"var(--Gray-Gray-500)":"var(--Gray-Gray-700)":"primary"===this.type&&"tag"===this.variant?"var(--Neutral-White)":`var(--${this.colorMap[this.state]}${"default"===this.state?"-500":"-700"})`}get dotColor(){return`var(--${this.colorMap[this.state]}-500)`}get iconColor(){return"primary"===this.type?"Neutral-White":`${this.colorMap[this.state]}${"default"===this.state?"-500":"-700"}`}get hasContent(){return"string"==typeof this.text&&this.text.trim().length>0}render(){return i("div",{key:"907c6317f1304cfa137a70d9b7bdabf4c2dfadc0",class:"container-chips"},i("div",{key:"636a4a5d712c9f77089a4d20a399c1b895e02442",class:{tags:!0,"icon-only":this.showIcon&&!this.hasContent,"dot-variant":"dot"===this.variant,"text-variant":"text"===this.variant},style:{backgroundColor:"dot"===this.variant||"text"===this.variant?"transparent":this.bgColor,color:this.textColor}},"dot"===this.variant&&i("div",{key:"0b9cf11c1fad08f4f282ec00b48fd1ca5af0dd4b",class:"dot-indicator",style:{backgroundColor:this.dotColor}}),"tag"===this.variant&&this.showIcon&&this.icon&&i("dropi-icon",{key:"a91aff55385e0e23f70ae334d2567904223c0945",class:"file-icon",name:this.icon,iconWidth:"16px",iconHeight:"16px",color:this.iconColor}),this.hasContent&&i("span",{key:"7c88edd401d87f55a504c340865a090bc7135119"},this.text)))}static get watchers(){return{type:[{propsChanged:0}],state:[{propsChanged:0}],variant:[{propsChanged:0}]}}};o.style=":host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.container-chips{display:inline-block}.tags{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:4px;border-radius:var(--Border-5, 9999px);overflow:hidden;text-align:center;text-overflow:ellipsis;font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-medium, 500);line-height:var(--Size-5, 24px);animation:fade-in 200ms ease-out}.tags.dot-variant,.tags.text-variant{padding:0;gap:8px;background-color:transparent !important;line-height:normal}.dot-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}@keyframes fade-in{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}";export{r as dropi_input,e as dropi_paginator,o as dropi_tag}

package/dist/dropi-ui/p-754aed1c.entry.js

@@ -0,0 +1 @@
+import{r as a,c as r,h as e}from"./p-a2fb4CHk.js";const i=class{constructor(e){a(this,e),this.clickLoadItem=r(this,"clickLoadItem"),this.dropiNotificationsClick=r(this,"dropiNotificationsClick"),this.dropiUserClick=r(this,"dropiUserClick"),this.dropiMenuToggle=r(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 e("nav",{key:"83ec218a7545739c65d8f1f61197b429b0e7d407",class:"navbar"},e("div",{key:"e40038630c33a280f3c231b3dd26643f1c853ea3",class:"navbar__left"},this.showMenuToggle&&e("button",{key:"0ecbae684b9324c48cd01a6081fd1951b3ba7cf8",class:"navbar__menu-btn",onClick:()=>this.dropiMenuToggle.emit(),"aria-label":"Menú"},e("dropi-icon",{key:"9edea72a4508a984be2e6785f3f0fa6abe0625c4",name:"Menu",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-700"})),this.logoUrl&&e("img",{key:"b8cd9896736d505dad05b8df5f10928d40f250dd",class:"navbar__logo",src:this.logoUrl,alt:this.logoAlt}),this.title&&e("span",{key:"4e5dae851fe28f1bc913d7a5d4d42a2413342635",class:"navbar__title"},this.title)),a.length>0&&e("ul",{key:"b951cc880b8aaf718b85403e3420d73ac976aa60",class:"navbar__items"},a.map((a=>e("li",null,e("button",{class:{navbar__item:!0,"navbar__item--active":a.id===this.activeId},onClick:()=>this.clickLoadItem.emit(a),type:"button"},a.icon&&e("dropi-icon",{name:a.icon,iconWidth:"16px",iconHeight:"16px",color:a.id===this.activeId?"Primary-Primary-500":"Gray-Gray-600"}),e("span",null,a.name?.value||a.label),null!=a.badge&&"0"!==String(a.badge)&&e("span",{class:"navbar__badge"},a.badge)))))),e("div",{key:"8fe68f93af722982bac11890b106a35a292b3d98",class:"navbar__right"},e("button",{key:"a4d0ff928dca2502384cd21e0bc852cacc895a30",class:"navbar__icon-btn",onClick:()=>this.dropiNotificationsClick.emit(),"aria-label":"Notificaciones"},e("dropi-icon",{key:"41007746a151c27059d41db7c4672a2b551882d1",name:"Bell",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-600"}),this.notifications>0&&e("span",{key:"a0e5c6c9f8e2aaf3e67cc22bdff2ae65472b7cb5",class:"navbar__notif-badge"},this.notifications>99?"99+":this.notifications)),e("button",{key:"e1996f9e1fa922cd03a4e9c5721f5be838a941d3",class:"navbar__user-btn",onClick:()=>this.dropiUserClick.emit(),type:"button"},this.userAvatar?e("img",{class:"navbar__avatar",src:this.userAvatar,alt:this.userName}):e("div",{class:"navbar__avatar-placeholder"},this.userName?this.userName[0].toUpperCase():"?"),this.userName&&e("span",{key:"d539c8f456564aa8d3a29e9d2e2ed6250241f411",class:"navbar__user-name"},this.userName),e("dropi-icon",{key:"d32cba548201f28a051142e889f6de207a4e67d2",name:"Arrow-Down-2",iconWidth:"12px",iconHeight:"12px",color:"Gray-Gray-400"}))))}};i.style=":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}";export{i as dropi_navbar}

package/dist/dropi-ui/p-7664b8f9.entry.js

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

package/dist/dropi-ui/p-76fa02a1.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,h as a}from"./p-a2fb4CHk.js";const e=class{constructor(a){t(this,a),this.dropiInput=i(this,"dropiInput"),this.dropiChange=i(this,"dropiChange"),this.dropiFocus=i(this,"dropiFocus"),this.dropiBlur=i(this,"dropiBlur"),a.$hostElement$["s-ei"]?this.internals=a.$hostElement$["s-ei"]:(this.internals=a.$hostElement$.attachInternals(),a.$hostElement$["s-ei"]=this.internals)}internals;inputId="";name="";label="";placeholder=" ";value="";maxLength;disabled=!1;required=!1;showObligatoryAsterisk=!0;fixedLabel=!1;inputMode="text";passwordInput=!1;isMoneyInput=!1;isThousandSeparator=!1;isNumericInput=!1;allowDecimals=!1;isLettersOnly=!1;icon="";iconColor="Gray-Gray-400";hasError=!1;textHelper="";showHelperOnlyOnError=!1;inputProperties=null;showPassword=!1;touched=!1;dropiInput;dropiChange;dropiFocus;dropiBlur;inputPropertiesChanged(t){t&&(void 0!==t.id&&(this.inputId=t.id),void 0!==t.inputId&&(this.inputId=t.inputId),void 0!==t.label&&(this.label=t.label),void 0!==t.placeholder&&(this.placeholder=t.placeholder),void 0!==t.maxLength&&(this.maxLength=t.maxLength),void 0!==t.textHelper&&(this.textHelper=t.textHelper),void 0!==t.passwordInput&&(this.passwordInput=t.passwordInput),void 0!==t.isPasswordInput&&(this.passwordInput=t.isPasswordInput),void 0!==t.icon&&(this.icon=t.icon),void 0!==t.iconColor&&(this.iconColor=t.iconColor),void 0!==t.isMoneyInput&&(this.isMoneyInput=t.isMoneyInput),void 0!==t.showObligatoryAsterisk&&(this.showObligatoryAsterisk=t.showObligatoryAsterisk),void 0!==t.isNumericInput&&(this.isNumericInput=t.isNumericInput),void 0!==t.allowDecimals&&(this.allowDecimals=t.allowDecimals),void 0!==t.isThousandSeparator&&(this.isThousandSeparator=t.isThousandSeparator),void 0!==t.showHelperOnlyOnError&&(this.showHelperOnlyOnError=t.showHelperOnlyOnError),void 0!==t.isLettersOnly&&(this.isLettersOnly=t.isLettersOnly),void 0!==t.inputMode&&(this.inputMode=t.inputMode))}valueChanged(t){this.internals.setFormValue(t)}disabledChanged(t){this.internals.setValidity(t?{customError:!0}:{},t?"Field is disabled":"")}componentWillLoad(){this.internals.setFormValue(this.value??""),this.inputProperties&&this.inputPropertiesChanged(this.inputProperties)}handleInput(t){let i=t.target.value;this.isNumericInput&&(i=this.filterNumbers(i)),this.isLettersOnly&&(i=this.filterLetters(i)),(this.isMoneyInput||this.isThousandSeparator)&&(i=this.formatThousands(i,this.isMoneyInput)),this.value=i,this.internals.setFormValue(i),this.dropiInput.emit(i)}handleKeyDown(t){(this.isNumericInput||this.isMoneyInput||this.isThousandSeparator)&&!this.isAllowedNumberKey(t)&&t.preventDefault(),this.isLettersOnly&&!this.isAllowedLetterKey(t)&&t.preventDefault()}handleFocus(){this.dropiFocus.emit()}handleBlur(){this.touched=!0,this.dropiChange.emit(this.value),this.dropiBlur.emit()}togglePassword(){this.disabled||(this.showPassword=!this.showPassword)}filterNumbers(t){return t.replace(this.allowDecimals?/[^0-9.]/g:/[^0-9]/g,"")}filterLetters(t){return t.replace(/[^a-zA-ZáéíóúÁÉÍÓÚñÑüÜ\s]/g,"")}isAllowedNumberKey(t){return!!(["Backspace","Delete","ArrowLeft","ArrowRight","Tab","Enter","Home","End"].includes(t.key)||t.ctrlKey||t.metaKey||/^[0-9]$/.test(t.key)||this.allowDecimals&&"."===t.key)}isAllowedLetterKey(t){return!!["Backspace","Delete","ArrowLeft","ArrowRight","Tab","Enter","Home","End"," "].includes(t.key)||!(!t.ctrlKey&&!t.metaKey)||/^[a-zA-ZáéíóúÁÉÍÓÚñÑüÜ]$/.test(t.key)}formatThousands(t,i){const a=t.replace(/[^0-9.]/g,""),[e,r]=a.split("."),o=e.replace(/\B(?=(\d{3})+(?!\d))/g,","),s=void 0!==r?`${o}.${r}`:o;return i?`$${s}`:s}get resolvedId(){return this.inputId||this.label}get inputType(){return this.passwordInput?this.showPassword?"text":"password":"text"}get showHelper(){return!!this.textHelper&&(!this.showHelperOnlyOnError||this.hasError&&this.touched)}get isInvalid(){return this.hasError&&this.touched}render(){const t=this.required&&this.showObligatoryAsterisk&&!this.disabled,i=!!this.icon;return a("div",{key:"36a33fdb7048e3ba43dae3c2d3d71c9f69643cac",class:{"fixed-label-container":this.fixedLabel}},this.fixedLabel&&a("div",{key:"699adfe37d662ed328cd13fdad428e857b70f01d",class:"input-label Body-S-Regular"},this.label,t&&a("span",{key:"b2d6f4757cdb50eacfb7879e4a878e30adf5235d",class:"asterisk"}," *")),a("div",{key:"dc080fc5d0ab12f0eadf7e1bb30cae5539f76640",class:"form-group"},a("div",{key:"cf228d5e4c7e0a04735d38ba239a2b989f5247ca",class:{"input-container":!0,"input-container--has-icon":i}},i&&a("dropi-icon",{key:"049e396ea1f2f11625de73bc074c0e0aecea96ab",class:"icon-input",name:this.icon,color:this.iconColor,iconWidth:"20px",iconHeight:"20px",style:{width:"20px",height:"20px"}}),this.passwordInput&&a("dropi-icon",{key:"544316f6e7a284acf65d3a2b7fb3a2654c80d95b",class:"icon-input-password",name:this.showPassword?"Eye":"Eye-crossed",iconWidth:"20px",iconHeight:"20px",style:{width:"20px",height:"20px"},color:"Gray-Gray-500",onClick:()=>this.togglePassword()}),a("input",{key:"6d23ac748d0768d6eea0eb347bde7b13d8f20321",id:this.resolvedId,class:{"form-control":!0,"form-control-valid":!this.isInvalid&&this.touched&&!!this.value,"form-control-invalid":this.isInvalid,"padding-icon":i,"text-password":this.passwordInput&&!this.showPassword,"fixed-label-input":this.fixedLabel},type:this.inputType,value:this.value,placeholder:this.fixedLabel?this.placeholder:" ",disabled:this.disabled,required:this.required,maxLength:this.maxLength,inputMode:this.inputMode,"data-cy":void 0,onInput:t=>this.handleInput(t),onKeyDown:t=>this.handleKeyDown(t),onFocus:()=>this.handleFocus(),onBlur:()=>this.handleBlur()}),!this.fixedLabel&&a("label",{key:"8f26c9430cbc1c6b55286d62c2a350724dd0101f",class:"Body-S-Regular label-bottom",htmlFor:this.resolvedId},this.label,t&&a("span",{key:"95d953c160cf22457b0e1d6265b8137a24d4092b",class:"asterisk"}," *")),this.showHelper&&a("div",{key:"ad3d4b5230fd32e97c661c64deadf97830caa550",class:"form-control-helper"},this.isInvalid&&a("dropi-icon",{key:"7c28120d1cc46ccd288948b1d2d9e5cc24521af7",name:"Warning-circle",iconWidth:"12px",iconHeight:"12px",color:"Error-Error-500"}),a("span",{key:"40eb1eedd2a204975aed61fcd24ccadd26d8aaef",class:{"disabled-helper":this.disabled,"invalid-color":this.isInvalid}},this.textHelper)))))}static get formAssociated(){return!0}static get watchers(){return{inputProperties:[{inputPropertiesChanged:0}],value:[{valueChanged:0}],disabled:[{disabledChanged:0}]}}};e.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.fixed-label-container{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:8px}.input-label{color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-regular, 400);text-align:left}.asterisk{color:var(--Error-Error-500, #f46a6b)}.form-group{position:relative;width:100%}.input-container{position:relative}.icon-input{position:absolute;top:50%;left:12px;transform:translateY(-50%);z-index:1;display:flex;align-items:center;justify-content:center}.icon-input-password{position:absolute;top:50%;right:13px;transform:translateY(-50%);cursor:pointer;z-index:1;display:flex;align-items:center;justify-content:center}.form-control{box-sizing:border-box;width:100%;padding:var(--Size-2, 8px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);transition:border-color 0.3s ease-in-out;height:40px;outline:none;appearance:none;text-align:left}.form-control::placeholder{color:transparent;transition:color 0.2s ease-in-out}.form-control:focus::placeholder,.fixed-label-input::placeholder{color:var(--Gray-Gray-400, #858ea6)}.form-control:focus{border-color:var(--Info-Info-500, #50a5f1)}.form-control-valid{border-color:var(--Gray-Gray-400, #858ea6) !important;color:var(--Gray-Gray-600, #475066)}.form-control-invalid{border-color:var(--Error-Error-500, #f46a6b) !important;color:var(--Gray-Gray-600, #475066)}.form-control:disabled{border-color:var(--Gray-Gray-200, #c3c9d9) !important;color:var(--Gray-Gray-400, #858ea6);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed}.padding-icon{padding-left:40px}.input-container--has-icon label.label-bottom{left:40px}.input-container--has-icon .form-control:focus+label.label-bottom,.input-container--has-icon .form-control:not(:placeholder-shown)+label.label-bottom{left:0}.text-password{-webkit-text-security:disc;text-security:disc}label.label-bottom{position:absolute;font-weight:var(--font-weight-regular, 400);top:10px;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-500, #69738c);left:10px;transition:all 0.2s ease-in-out;pointer-events:none;overflow:hidden;width:90%;white-space:nowrap}.form-control:focus+label.label-bottom,.form-control:not(:placeholder-shown)+label.label-bottom{top:-22px;left:0;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066);width:unset}.form-control:disabled+label.label-bottom{color:var(--Gray-Gray-400, #858ea6)}.form-control-helper{display:flex;position:absolute;top:100%;left:0;gap:4px;align-items:center;margin-top:4px}.form-control-helper span{display:block;color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px)}.invalid-color{color:var(--Error-Error-500, #f46a6b) !important}.disabled-helper{color:var(--Gray-Gray-400, #858ea6) !important}.disabled-helper{color:var(--Gray-Gray-400, #858ea6) !important}";const r=class{constructor(a){t(this,a),this.dropiPageChange=i(this,"dropiPageChange")}totalPages=1;currentPage=1;disabled=!1;maxVisiblePages=8;isNotTotalPages=!1;noLabels=!1;dropiPageChange;get pageNumbers(){const t=this.totalPages,i=this.currentPage,a=this.maxVisiblePages;if(t<=a)return Array.from({length:t},((t,i)=>i+1));const e=Math.floor(a/2);let r=Math.max(1,i-e),o=Math.min(t,r+a-1);o-r<a-1&&(r=Math.max(1,o-a+1));const s=[];r>1&&(s.push(1),r>2&&s.push("..."));for(let t=r;t<=o;t++)s.push(t);return o<t&&(o<t-1&&s.push("..."),s.push(t)),s}goTo(t){this.disabled||t<1||t>this.totalPages||t===this.currentPage||(this.currentPage=t,this.dropiPageChange.emit(this.currentPage))}render(){const t=this.pageNumbers,i=this.currentPage<=1,e=this.currentPage>=this.totalPages;return a("div",{key:"af6614df5a241ef536b6723d30bde12c8a6f474f",class:"paginator"},a("div",{key:"8b5405baa717a36042fc03ca2e68370799c01ff7",class:"paginator-pages"},!i&&!this.noLabels&&a("button",{key:"c340304b29d658ef9eaa8105a91540660c829048",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(1),"aria-label":"Primera página",disabled:this.disabled},a("dropi-icon",{key:"3adfc1508cbcedbb91f99e467db2270c40a4ac83",name:"Arrow-double-small-left",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"})),!i&&a("button",{key:"5936642c4b9e5b72546229996fbc72fe973e6f5f",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(this.currentPage-1),"aria-label":"Anterior",disabled:this.disabled},a("dropi-icon",{key:"c9f7eb1c0c27a738ee31e859617964fc75e514cc",name:"Dropdown-left",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"}),!this.noLabels&&a("span",{key:"5d448a9a6536c90c56fafd700e7c5998a85d6fdf",class:"paginator-label"},"Anterior")),t.map(((t,i)=>"..."===t?a("span",{class:"paginator-ellipsis",key:`e${i}`},"…"):a("button",{key:t,class:{"paginator-btn":!0,"paginator-btn--active":t===this.currentPage},onClick:()=>this.goTo(t),"aria-current":t===this.currentPage?"page":void 0,disabled:this.disabled},t))),!e&&a("button",{key:"1a43d8dde37cdbc40527eb1c66bc5001a64cf59f",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(this.currentPage+1),"aria-label":"Siguiente",disabled:this.disabled},!this.noLabels&&a("span",{key:"f76ccd791d02b25d78c509341b73e1c1bca0b986",class:"paginator-label"},"Siguiente"),a("dropi-icon",{key:"822a3a7e4ac651e00c469b565e300a7efcc5614b",name:"Dropdown-Right",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"})),!e&&!this.noLabels&&a("button",{key:"2b4f7435f9083ab9c4d9ce81be5c259eda830e4a",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(this.totalPages),"aria-label":"Última página",disabled:this.disabled},a("dropi-icon",{key:"63ab5568c44ed3cbda917842defe4dc4254bb3f1",name:"Arrow-double-small-right",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"}))))}};r.style=":host{display:block}*,*::before,*::after{box-sizing:border-box}.paginator{display:flex;align-items:center;justify-content:flex-end;gap:var(--Size-4, 16px);flex-wrap:wrap}.paginator-pages{display:flex;align-items:center;gap:var(--Size-1, 4px)}.paginator-btn{width:32px;height:32px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-s, 12px);font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.15s ease}.paginator-btn:hover:not(:disabled){background:var(--Gray-Gray-50, #f7f8fa)}.paginator-btn:disabled{opacity:0.4;cursor:not-allowed}.paginator-btn--active{background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #ffffff);font-weight:var(--font-weight-bold, 700)}.paginator-btn--active:hover{background:var(--Primary-Primary-500, #f49a3d)}.paginator-btn--arrow{width:auto;padding:0 var(--Size-2, 8px);border-radius:var(--Border-1, 4px);gap:4px}.paginator-btn--arrow:hover:not(:disabled){background:var(--Gray-Gray-50, #f7f8fa)}.paginator-label{font-size:var(--font-size-s, 12px);color:inherit}.paginator-ellipsis{color:var(--Gray-Gray-400, #858ea6);padding:0 4px;font-size:var(--font-size-s, 12px);display:flex;align-items:center}.paginator-size{display:flex;align-items:center;gap:var(--Size-2, 8px)}.paginator-size-label{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-500, #69738c)}.paginator-size-select{height:32px;padding:0 var(--Size-2, 8px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-1, 4px);background:var(--Neutral-White, #ffffff);color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-s, 12px);font-family:inherit;cursor:pointer;outline:none}";const o=class{constructor(i){t(this,i)}variant="tag";type="primary";state="default";showIcon=!1;icon="";text="";colorMap={default:"Primary-Primary",success:"Success-Success",info:"Info-Info",warning:"Warning-Warning",error:"Error-Error",legacy:"Gray-Gray"};propsChanged(){}get bgColor(){const t=this.colorMap[this.state];return"primary"===this.type?`var(--${t}-500)`:`var(--${t}${"default"===this.state||"legacy"===this.state?"-100":"-50"})`}get textColor(){return"text"===this.variant?this.dotColor:"dot"===this.variant||this.showIcon?"var(--Gray-Gray-500)":"primary"===this.type?"var(--Neutral-White)":`var(--${this.colorMap[this.state]}${"default"===this.state?"-500":"-700"})`}get dotColor(){return`var(--${this.colorMap[this.state]}-500)`}get fontWeight(){return"secondary"!==this.type||this.showIcon?"500":"300"}get iconColor(){return"primary"===this.type?"Neutral-White":`${this.colorMap[this.state]}${"default"===this.state?"-500":"-700"}`}get hasContent(){return"string"==typeof this.text&&this.text.trim().length>0}render(){return a("div",{key:"6a50111c0057b7ef3380dde9f639e9409b7fbea9",class:"container-chips"},a("div",{key:"f2f78c3682aa2e8bef5f3f1b43a1729cae8ae293",class:{tags:!0,"icon-only":this.showIcon&&!this.hasContent,"dot-variant":"dot"===this.variant,"text-variant":"text"===this.variant},style:{backgroundColor:"dot"===this.variant||"text"===this.variant?"transparent":this.bgColor,color:this.textColor,fontWeight:this.fontWeight}},"dot"===this.variant&&a("div",{key:"5364569230575b79b1160e06cc29046220bdf198",class:"dot-indicator",style:{backgroundColor:this.dotColor}}),this.showIcon&&this.icon&&a("dropi-icon",{key:"8ea74f9ad58e7892405e3e748289b71456945de6",class:"file-icon",name:this.icon,iconWidth:"16px",iconHeight:"16px",color:"dot"===this.variant?"Gray-Gray-500":this.iconColor}),this.hasContent&&a("span",{key:"99409549735fd48cf0a40e411f1f236716e53939"},this.text)))}static get watchers(){return{type:[{propsChanged:0}],state:[{propsChanged:0}],variant:[{propsChanged:0}]}}};o.style=":host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.container-chips{display:flex;align-items:center;justify-content:center}.tags{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:4px;border-radius:var(--Border-5, 9999px);overflow:hidden;text-align:center;text-overflow:ellipsis;font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-medium, 500);line-height:var(--Size-5, 24px);animation:fade-in 200ms ease-out}.tags.dot-variant,.tags.text-variant{padding:0;gap:8px;background-color:transparent !important;line-height:normal}.dot-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}@keyframes fade-in{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}";export{e as dropi_input,r as dropi_paginator,o as dropi_tag}

package/dist/dropi-ui/p-770b0195.entry.js

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

package/dist/dropi-ui/p-774aab1a.entry.js

@@ -0,0 +1 @@
+import{r as o,h as t}from"./p-B-h7fjQz.js";const e=class{constructor(t){o(this,t)}text="";outlined=!1;render(){return t("div",{key:"1c580849e5fdfc99ecfedc7c14508dfd50b789c9",class:{"tooltip-simple":!0,"tooltip-simple--outlined":this.outlined}},t("slot",{key:"8881e587966e67408a725e36a5a45828755e10a6"}),this.text&&t("div",{key:"f4f1c4a1d47e3324fe4d9af25d46342c4c650a0f",class:"tooltip-simple-bubble"},this.text))}};e.style=":host{display:inline-block;position:relative}.tooltip-simple-bubble{position:absolute;background:var(--Gray-Gray-800, #1e293b);color:white;padding:4px 8px;border-radius:4px;font-size:12px;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:8px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.2s;z-index:var(--dropi-z-index-overlay, 11000)}:host(:hover) .tooltip-simple-bubble{opacity:1}.tooltip-simple--outlined .tooltip-simple-bubble{border:1px solid var(--Gray-Gray-300);background:white;color:var(--Gray-Gray-800)}";export{e as dropi_tooltip}

package/dist/dropi-ui/p-7822b081.entry.js

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

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

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

package/dist/dropi-ui/p-78aa7fb3.entry.js

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

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

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

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

@@ -0,0 +1 @@
+import{r as t,c as i,h as a}from"./p-B-h7fjQz.js";const e=class{constructor(a){t(this,a),this.dropiInput=i(this,"dropiInput"),this.dropiChange=i(this,"dropiChange"),this.dropiFocus=i(this,"dropiFocus"),this.dropiBlur=i(this,"dropiBlur"),a.$hostElement$["s-ei"]?this.internals=a.$hostElement$["s-ei"]:(this.internals=a.$hostElement$.attachInternals(),a.$hostElement$["s-ei"]=this.internals)}internals;inputId="";name="";label="";placeholder=" ";value="";maxLength;disabled=!1;required=!1;showObligatoryAsterisk=!0;fixedLabel=!1;inputMode="text";passwordInput=!1;isMoneyInput=!1;isThousandSeparator=!1;isNumericInput=!1;allowDecimals=!1;isLettersOnly=!1;icon="";iconColor="Gray-Gray-400";hasError=!1;textHelper="";showHelperOnlyOnError=!1;inputProperties=null;showPassword=!1;touched=!1;dropiInput;dropiChange;dropiFocus;dropiBlur;inputPropertiesChanged(t){t&&(void 0!==t.id&&(this.inputId=t.id),void 0!==t.inputId&&(this.inputId=t.inputId),void 0!==t.label&&(this.label=t.label),void 0!==t.placeholder&&(this.placeholder=t.placeholder),void 0!==t.maxLength&&(this.maxLength=t.maxLength),void 0!==t.textHelper&&(this.textHelper=t.textHelper),void 0!==t.passwordInput&&(this.passwordInput=t.passwordInput),void 0!==t.isPasswordInput&&(this.passwordInput=t.isPasswordInput),void 0!==t.icon&&(this.icon=t.icon),void 0!==t.iconColor&&(this.iconColor=t.iconColor),void 0!==t.isMoneyInput&&(this.isMoneyInput=t.isMoneyInput),void 0!==t.showObligatoryAsterisk&&(this.showObligatoryAsterisk=t.showObligatoryAsterisk),void 0!==t.isNumericInput&&(this.isNumericInput=t.isNumericInput),void 0!==t.allowDecimals&&(this.allowDecimals=t.allowDecimals),void 0!==t.isThousandSeparator&&(this.isThousandSeparator=t.isThousandSeparator),void 0!==t.showHelperOnlyOnError&&(this.showHelperOnlyOnError=t.showHelperOnlyOnError),void 0!==t.isLettersOnly&&(this.isLettersOnly=t.isLettersOnly),void 0!==t.inputMode&&(this.inputMode=t.inputMode))}valueChanged(t){this.internals.setFormValue(t)}disabledChanged(t){this.internals.setValidity(t?{customError:!0}:{},t?"Field is disabled":"")}componentWillLoad(){this.internals.setFormValue(this.value??""),this.inputProperties&&this.inputPropertiesChanged(this.inputProperties)}handleInput(t){let i=t.target.value;this.isNumericInput&&(i=this.filterNumbers(i)),this.isLettersOnly&&(i=this.filterLetters(i)),(this.isMoneyInput||this.isThousandSeparator)&&(i=this.formatThousands(i,this.isMoneyInput)),this.value=i,this.internals.setFormValue(i),this.dropiInput.emit(i)}handleKeyDown(t){(this.isNumericInput||this.isMoneyInput||this.isThousandSeparator)&&!this.isAllowedNumberKey(t)&&t.preventDefault(),this.isLettersOnly&&!this.isAllowedLetterKey(t)&&t.preventDefault()}handleFocus(){this.dropiFocus.emit()}handleBlur(){this.touched=!0,this.dropiChange.emit(this.value),this.dropiBlur.emit()}togglePassword(){this.disabled||(this.showPassword=!this.showPassword)}filterNumbers(t){return t.replace(this.allowDecimals?/[^0-9.]/g:/[^0-9]/g,"")}filterLetters(t){return t.replace(/[^a-zA-ZáéíóúÁÉÍÓÚñÑüÜ\s]/g,"")}isAllowedNumberKey(t){return!!(["Backspace","Delete","ArrowLeft","ArrowRight","Tab","Enter","Home","End"].includes(t.key)||t.ctrlKey||t.metaKey||/^[0-9]$/.test(t.key)||this.allowDecimals&&"."===t.key)}isAllowedLetterKey(t){return!!["Backspace","Delete","ArrowLeft","ArrowRight","Tab","Enter","Home","End"," "].includes(t.key)||!(!t.ctrlKey&&!t.metaKey)||/^[a-zA-ZáéíóúÁÉÍÓÚñÑüÜ]$/.test(t.key)}formatThousands(t,i){const a=t.replace(/[^0-9.]/g,""),[e,r]=a.split("."),o=e.replace(/\B(?=(\d{3})+(?!\d))/g,","),s=void 0!==r?`${o}.${r}`:o;return i?`$${s}`:s}get resolvedId(){return this.inputId||this.label}get inputType(){return this.passwordInput?this.showPassword?"text":"password":"text"}get showHelper(){return!!this.textHelper&&(!this.showHelperOnlyOnError||this.hasError&&this.touched)}get isInvalid(){return this.hasError&&this.touched}render(){const t=this.required&&this.showObligatoryAsterisk&&!this.disabled,i=!!this.icon;return a("div",{key:"36a33fdb7048e3ba43dae3c2d3d71c9f69643cac",class:{"fixed-label-container":this.fixedLabel}},this.fixedLabel&&a("div",{key:"699adfe37d662ed328cd13fdad428e857b70f01d",class:"input-label Body-S-Regular"},this.label,t&&a("span",{key:"b2d6f4757cdb50eacfb7879e4a878e30adf5235d",class:"asterisk"}," *")),a("div",{key:"dc080fc5d0ab12f0eadf7e1bb30cae5539f76640",class:"form-group"},a("div",{key:"cf228d5e4c7e0a04735d38ba239a2b989f5247ca",class:{"input-container":!0,"input-container--has-icon":i}},i&&a("dropi-icon",{key:"049e396ea1f2f11625de73bc074c0e0aecea96ab",class:"icon-input",name:this.icon,color:this.iconColor,iconWidth:"20px",iconHeight:"20px",style:{width:"20px",height:"20px"}}),this.passwordInput&&a("dropi-icon",{key:"544316f6e7a284acf65d3a2b7fb3a2654c80d95b",class:"icon-input-password",name:this.showPassword?"Eye":"Eye-crossed",iconWidth:"20px",iconHeight:"20px",style:{width:"20px",height:"20px"},color:"Gray-Gray-500",onClick:()=>this.togglePassword()}),a("input",{key:"6d23ac748d0768d6eea0eb347bde7b13d8f20321",id:this.resolvedId,class:{"form-control":!0,"form-control-valid":!this.isInvalid&&this.touched&&!!this.value,"form-control-invalid":this.isInvalid,"padding-icon":i,"text-password":this.passwordInput&&!this.showPassword,"fixed-label-input":this.fixedLabel},type:this.inputType,value:this.value,placeholder:this.fixedLabel?this.placeholder:" ",disabled:this.disabled,required:this.required,maxLength:this.maxLength,inputMode:this.inputMode,"data-cy":void 0,onInput:t=>this.handleInput(t),onKeyDown:t=>this.handleKeyDown(t),onFocus:()=>this.handleFocus(),onBlur:()=>this.handleBlur()}),!this.fixedLabel&&a("label",{key:"8f26c9430cbc1c6b55286d62c2a350724dd0101f",class:"Body-S-Regular label-bottom",htmlFor:this.resolvedId},this.label,t&&a("span",{key:"95d953c160cf22457b0e1d6265b8137a24d4092b",class:"asterisk"}," *")),this.showHelper&&a("div",{key:"ad3d4b5230fd32e97c661c64deadf97830caa550",class:"form-control-helper"},this.isInvalid&&a("dropi-icon",{key:"7c28120d1cc46ccd288948b1d2d9e5cc24521af7",name:"Warning-circle",iconWidth:"12px",iconHeight:"12px",color:"Error-Error-500"}),a("span",{key:"40eb1eedd2a204975aed61fcd24ccadd26d8aaef",class:{"disabled-helper":this.disabled,"invalid-color":this.isInvalid}},this.textHelper)))))}static get formAssociated(){return!0}static get watchers(){return{inputProperties:[{inputPropertiesChanged:0}],value:[{valueChanged:0}],disabled:[{disabledChanged:0}]}}};e.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.fixed-label-container{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:8px}.input-label{color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-regular, 400);text-align:left}.asterisk{color:var(--Error-Error-500, #f46a6b)}.form-group{position:relative;width:100%}.input-container{position:relative}.icon-input{position:absolute;top:50%;left:12px;transform:translateY(-50%);z-index:1;display:flex;align-items:center;justify-content:center}.icon-input-password{position:absolute;top:50%;right:13px;transform:translateY(-50%);cursor:pointer;z-index:1;display:flex;align-items:center;justify-content:center}.form-control{box-sizing:border-box;width:100%;padding:var(--Size-2, 8px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);transition:border-color 0.3s ease-in-out;height:40px;outline:none;appearance:none;text-align:left}.form-control::placeholder{color:transparent;transition:color 0.2s ease-in-out}.form-control:focus::placeholder,.fixed-label-input::placeholder{color:var(--Gray-Gray-400, #858ea6)}.form-control:focus{border-color:var(--Info-Info-500, #50a5f1)}.form-control-valid{border-color:var(--Gray-Gray-400, #858ea6) !important;color:var(--Gray-Gray-600, #475066)}.form-control-invalid{border-color:var(--Error-Error-500, #f46a6b) !important;color:var(--Gray-Gray-600, #475066)}.form-control:disabled{border-color:var(--Gray-Gray-200, #c3c9d9) !important;color:var(--Gray-Gray-400, #858ea6);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed}.padding-icon{padding-left:40px}.input-container--has-icon label.label-bottom{left:40px}.input-container--has-icon .form-control:focus+label.label-bottom,.input-container--has-icon .form-control:not(:placeholder-shown)+label.label-bottom{left:0}.text-password{-webkit-text-security:disc;text-security:disc}label.label-bottom{position:absolute;font-weight:var(--font-weight-regular, 400);top:10px;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-500, #69738c);left:10px;transition:all 0.2s ease-in-out;pointer-events:none;overflow:hidden;width:90%;white-space:nowrap}.form-control:focus+label.label-bottom,.form-control:not(:placeholder-shown)+label.label-bottom{top:-22px;left:0;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066);width:unset}.form-control:disabled+label.label-bottom{color:var(--Gray-Gray-400, #858ea6)}.form-control-helper{display:flex;position:absolute;top:100%;left:0;gap:4px;align-items:center;margin-top:4px}.form-control-helper span{display:block;color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px)}.invalid-color{color:var(--Error-Error-500, #f46a6b) !important}.disabled-helper{color:var(--Gray-Gray-400, #858ea6) !important}.disabled-helper{color:var(--Gray-Gray-400, #858ea6) !important}";const r=class{constructor(a){t(this,a),this.dropiPageChange=i(this,"dropiPageChange")}totalPages=1;currentPage=1;disabled=!1;maxVisiblePages=8;isNotTotalPages=!1;noLabels=!1;dropiPageChange;get pageNumbers(){const t=this.totalPages,i=this.currentPage,a=this.maxVisiblePages;if(t<=a)return Array.from({length:t},((t,i)=>i+1));const e=Math.floor(a/2);let r=Math.max(1,i-e),o=Math.min(t,r+a-1);o-r<a-1&&(r=Math.max(1,o-a+1));const s=[];r>1&&(s.push(1),r>2&&s.push("..."));for(let t=r;t<=o;t++)s.push(t);return o<t&&(o<t-1&&s.push("..."),s.push(t)),s}goTo(t){this.disabled||t<1||t>this.totalPages||t===this.currentPage||(this.currentPage=t,this.dropiPageChange.emit(this.currentPage))}render(){const t=this.pageNumbers,i=this.currentPage<=1,e=this.currentPage>=this.totalPages;return a("div",{key:"af6614df5a241ef536b6723d30bde12c8a6f474f",class:"paginator"},a("div",{key:"8b5405baa717a36042fc03ca2e68370799c01ff7",class:"paginator-pages"},!i&&!this.noLabels&&a("button",{key:"c340304b29d658ef9eaa8105a91540660c829048",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(1),"aria-label":"Primera página",disabled:this.disabled},a("dropi-icon",{key:"3adfc1508cbcedbb91f99e467db2270c40a4ac83",name:"Arrow-double-small-left",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"})),!i&&a("button",{key:"5936642c4b9e5b72546229996fbc72fe973e6f5f",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(this.currentPage-1),"aria-label":"Anterior",disabled:this.disabled},a("dropi-icon",{key:"c9f7eb1c0c27a738ee31e859617964fc75e514cc",name:"Dropdown-left",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"}),!this.noLabels&&a("span",{key:"5d448a9a6536c90c56fafd700e7c5998a85d6fdf",class:"paginator-label"},"Anterior")),t.map(((t,i)=>"..."===t?a("span",{class:"paginator-ellipsis",key:`e${i}`},"…"):a("button",{key:t,class:{"paginator-btn":!0,"paginator-btn--active":t===this.currentPage},onClick:()=>this.goTo(t),"aria-current":t===this.currentPage?"page":void 0,disabled:this.disabled},t))),!e&&a("button",{key:"1a43d8dde37cdbc40527eb1c66bc5001a64cf59f",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(this.currentPage+1),"aria-label":"Siguiente",disabled:this.disabled},!this.noLabels&&a("span",{key:"f76ccd791d02b25d78c509341b73e1c1bca0b986",class:"paginator-label"},"Siguiente"),a("dropi-icon",{key:"822a3a7e4ac651e00c469b565e300a7efcc5614b",name:"Dropdown-Right",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"})),!e&&!this.noLabels&&a("button",{key:"2b4f7435f9083ab9c4d9ce81be5c259eda830e4a",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(this.totalPages),"aria-label":"Última página",disabled:this.disabled},a("dropi-icon",{key:"63ab5568c44ed3cbda917842defe4dc4254bb3f1",name:"Arrow-double-small-right",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"}))))}};r.style=":host{display:block}*,*::before,*::after{box-sizing:border-box}.paginator{display:flex;align-items:center;justify-content:flex-end;gap:var(--Size-4, 16px);flex-wrap:wrap}.paginator-pages{display:flex;align-items:center;gap:var(--Size-1, 4px)}.paginator-btn{width:32px;height:32px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-s, 12px);font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.15s ease}.paginator-btn:hover:not(:disabled){background:var(--Gray-Gray-50, #f7f8fa)}.paginator-btn:disabled{opacity:0.4;cursor:not-allowed}.paginator-btn--active{background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #ffffff);font-weight:var(--font-weight-bold, 700)}.paginator-btn--active:hover{background:var(--Primary-Primary-500, #f49a3d)}.paginator-btn--arrow{width:auto;padding:0 var(--Size-2, 8px);border-radius:var(--Border-1, 4px);gap:4px}.paginator-btn--arrow:hover:not(:disabled){background:var(--Gray-Gray-50, #f7f8fa)}.paginator-label{font-size:var(--font-size-s, 12px);color:inherit}.paginator-ellipsis{color:var(--Gray-Gray-400, #858ea6);padding:0 4px;font-size:var(--font-size-s, 12px);display:flex;align-items:center}.paginator-size{display:flex;align-items:center;gap:var(--Size-2, 8px)}.paginator-size-label{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-500, #69738c)}.paginator-size-select{height:32px;padding:0 var(--Size-2, 8px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-1, 4px);background:var(--Neutral-White, #ffffff);color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-s, 12px);font-family:inherit;cursor:pointer;outline:none}";const o=class{constructor(i){t(this,i)}variant="tag";type="primary";state="default";showIcon=!1;icon="";text="";colorMap={default:"Primary-Primary",success:"Success-Success",info:"Info-Info",warning:"Warning-Warning",error:"Error-Error",legacy:"Gray-Gray"};propsChanged(){}get bgColor(){const t=this.colorMap[this.state];return"primary"===this.type?`var(--${t}-500)`:`var(--${t}${"default"===this.state||"legacy"===this.state?"-100":"-50"})`}get textColor(){return"text"===this.variant?this.dotColor:"dot"===this.variant||this.showIcon?"var(--Gray-Gray-500)":"primary"===this.type?"var(--Neutral-White)":`var(--${this.colorMap[this.state]}${"default"===this.state?"-500":"-700"})`}get dotColor(){return`var(--${this.colorMap[this.state]}-500)`}get fontWeight(){return"secondary"!==this.type||this.showIcon?"500":"300"}get iconColor(){return"primary"===this.type?"Neutral-White":`${this.colorMap[this.state]}${"default"===this.state?"-500":"-700"}`}get hasContent(){return"string"==typeof this.text&&this.text.trim().length>0}render(){return a("div",{key:"6a50111c0057b7ef3380dde9f639e9409b7fbea9",class:"container-chips"},a("div",{key:"f2f78c3682aa2e8bef5f3f1b43a1729cae8ae293",class:{tags:!0,"icon-only":this.showIcon&&!this.hasContent,"dot-variant":"dot"===this.variant,"text-variant":"text"===this.variant},style:{backgroundColor:"dot"===this.variant||"text"===this.variant?"transparent":this.bgColor,color:this.textColor,fontWeight:this.fontWeight}},"dot"===this.variant&&a("div",{key:"5364569230575b79b1160e06cc29046220bdf198",class:"dot-indicator",style:{backgroundColor:this.dotColor}}),this.showIcon&&this.icon&&a("dropi-icon",{key:"8ea74f9ad58e7892405e3e748289b71456945de6",class:"file-icon",name:this.icon,iconWidth:"16px",iconHeight:"16px",color:"dot"===this.variant?"Gray-Gray-500":this.iconColor}),this.hasContent&&a("span",{key:"99409549735fd48cf0a40e411f1f236716e53939"},this.text)))}static get watchers(){return{type:[{propsChanged:0}],state:[{propsChanged:0}],variant:[{propsChanged:0}]}}};o.style=":host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.container-chips{display:flex;align-items:center;justify-content:center}.tags{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:4px;border-radius:var(--Border-5, 9999px);overflow:hidden;text-align:center;text-overflow:ellipsis;font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-medium, 500);line-height:var(--lineheight-large, 150%);animation:fade-in 200ms ease-out}.tags.dot-variant,.tags.text-variant{padding:0;gap:8px;background-color:transparent !important;line-height:normal}.dot-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}@keyframes fade-in{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}";export{e as dropi_input,r as dropi_paginator,o as dropi_tag}

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

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

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

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

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

@@ -0,0 +1 @@
+import{r as t,h as r}from"./p-a2fb4CHk.js";const a=class{constructor(r){t(this,r)}label="VARIABLE";render(){return r("div",{key:"6d27b4fc40c66e6bfd8400e4727aa9a9c2e8dc8c",class:"type-variation"},this.label)}};a.style=":host{display:inline-block}.type-variation{border-radius:4px;background:var(--Warning-Warning-500);padding:2px 6px;font-size:var(--font-size-xs);color:var(--Neutral-White);text-transform:capitalize;font-weight:var(--font-weight-regular);width:fit-content}";export{a as dropi_tag_type_product}

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

@@ -0,0 +1 @@
+import{r as e,h as t}from"./p-B-h7fjQz.js";const a=class{constructor(t){e(this,t)}state;stateText={pending:"Pendiente",active:"Activo",canceled:"Cancelado",frozen:"Congelado"};renderIcon(){return"active"===this.state?t("svg",{width:"17",height:"17",viewBox:"0 0 17 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M11.5444 5.87067L12.5389 6.88004L8.43554 10.9225C8.16142 11.1966 7.80087 11.3333 7.43892 11.3333C7.07696 11.3333 6.71287 11.1952 6.43592 10.919L4.46533 9.00929L5.45204 7.99142L7.43042 9.90887L11.5444 5.87067ZM17 8.5C17 13.187 13.187 17 8.5 17C3.81296 17 0 13.187 0 8.5C0 3.81296 3.81296 0 8.5 0C13.187 0 17 3.81296 17 8.5ZM15.5833 8.5C15.5833 4.59425 12.4057 1.41667 8.5 1.41667C4.59425 1.41667 1.41667 4.59425 1.41667 8.5C1.41667 12.4057 4.59425 15.5833 8.5 15.5833C12.4057 15.5833 15.5833 12.4057 15.5833 8.5Z",fill:"currentColor"})):"pending"===this.state?t("svg",{width:"17",height:"17",viewBox:"0 0 17 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M8.5 17C3.81296 17 0 13.187 0 8.5C0 3.81296 3.81296 0 8.5 0C13.187 0 17 3.81296 17 8.5C17 13.187 13.187 17 8.5 17ZM8.5 1.41667C4.59425 1.41667 1.41667 4.59425 1.41667 8.5C1.41667 12.4057 4.59425 15.5833 8.5 15.5833C12.4057 15.5833 15.5833 12.4057 15.5833 8.5C15.5833 4.59425 12.4057 1.41667 8.5 1.41667ZM9.20833 8.5V4.25C9.20833 3.859 8.891 3.54167 8.5 3.54167C8.109 3.54167 7.79167 3.859 7.79167 4.25V7.79167H5.66667C5.27567 7.79167 4.95833 8.109 4.95833 8.5C4.95833 8.891 5.27567 9.20833 5.66667 9.20833H8.5C8.891 9.20833 9.20833 8.891 9.20833 8.5Z",fill:"currentColor"})):"canceled"===this.state?t("svg",{width:"12",height:"14",viewBox:"0 0 14 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.5497 4.86859V5.76046C12.1075 6.00391 12.5823 6.40464 12.916 6.91364C13.2497 7.42264 13.4279 8.01785 13.4287 8.62648V12.3844C13.4277 13.2146 13.0974 14.0106 12.5103 14.5976C11.9233 15.1847 11.1273 15.515 10.2971 15.516H4.03392C3.20368 15.515 2.40773 15.1847 1.82066 14.5976C1.23359 14.0106 0.903338 13.2146 0.902344 12.3844V8.62648C0.903144 8.01785 1.08129 7.42264 1.41498 6.91364C1.74868 6.40464 2.22347 6.00391 2.78129 5.76046V4.86859C2.78129 3.70582 3.2432 2.59068 4.0654 1.76848C4.8876 0.946282 6.00274 0.484375 7.1655 0.484375C8.32827 0.484375 9.44341 0.946282 10.2656 1.76848C11.0878 2.59068 11.5497 3.70582 11.5497 4.86859ZM4.95114 2.65422C4.36386 3.24151 4.03392 4.03804 4.03392 4.86859V5.4949H10.2971V4.86859C10.2971 4.03804 9.96715 3.24151 9.37986 2.65422C8.79258 2.06694 7.99605 1.73701 7.1655 1.73701C6.33496 1.73701 5.53843 2.06694 4.95114 2.65422ZM11.6257 13.713C11.9781 13.3606 12.176 12.8827 12.176 12.3844V8.62648C12.176 8.12815 11.9781 7.65023 11.6257 7.29786C11.2733 6.94549 10.7954 6.74753 10.2971 6.74753H4.03392C3.53559 6.74753 3.05768 6.94549 2.70531 7.29786C2.35294 7.65023 2.15498 8.12815 2.15498 8.62648V12.3844C2.15498 12.8827 2.35294 13.3606 2.70531 13.713C3.05768 14.0654 3.53559 14.2633 4.03392 14.2633H10.2971C10.7954 14.2633 11.2733 14.0654 11.6257 13.713ZM6.72263 9.43615C6.84009 9.31869 6.99939 9.25271 7.1655 9.25271C7.33161 9.25271 7.49092 9.31869 7.60837 9.43615C7.72583 9.55361 7.79182 9.71291 7.79182 9.87902V11.1317C7.79182 11.2978 7.72583 11.4571 7.60837 11.5745C7.49092 11.692 7.33161 11.758 7.1655 11.758C6.99939 11.758 6.84009 11.692 6.72263 11.5745C6.60517 11.4571 6.53919 11.2978 6.53919 11.1317V9.87902C6.53919 9.71291 6.60517 9.55361 6.72263 9.43615Z",fill:"currentColor"})):null}render(){return t("div",{key:"b4cae2eac2f963a641ca23e27b33899469b2b370",class:`tag-state ${this.state}`},this.renderIcon(),t("p",{key:"64a2504a1844f2cb9397878ca305aa183b0609a5"},this.stateText[this.state]))}};a.style=":host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.tag-state{border-radius:12px;padding:2px 10px;display:flex;align-items:center;gap:4px}.tag-state svg{width:13px}.tag-state p{font-size:13px;font-weight:var(--font-weight-medium);line-height:20px;margin:0;padding:0}.tag-state.active{background:var(--Success-Success-50, #e7f8f3);color:var(--Success-Success-500, #0abb87)}.tag-state.pending{color:var(--Orange-orange-500, #f49a3d);background:var(--Orange-orange-50, #fef5ec)}.tag-state.canceled,.tag-state.frozen{color:var(--Gray-Gray-500, #69738c);background:var(--Gray-Gray-50, #f7f8fa)}";export{a as dropi_badge}