@dropi/ui 0.1.36 → 0.1.41

package/dist/dropi-ui/p-5fb33ae4.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,a as e,h as r}from"./p-D5SAM1O2.js";const s=class{constructor(e){t(this,e),this.onChangeSelect=i(this,"onChangeSelect",7),this.onClear=i(this,"onClear",7),this.onSearch=i(this,"onSearch",7),this.scrolledToEnd=i(this,"scrolledToEnd",7),this.onKeyEnter=i(this,"onKeyEnter",7),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="";selectProperties=null;isOpen=!1;_selectedOption=null;multiSelected=[];filteredOptions=[];searchTerm="";dropdownStyle={top:"0px",left:"0px",width:"0px"};onChangeSelect;onClear;onSearch;scrolledToEnd;onKeyEnter;componentWillLoad(){this.selectProperties&&this.selectPropertiesChanged(this.selectProperties),this.normalizeOptions(),this.filteredOptions=[...this.options],this.applyDefaultSelection()}selectPropertiesChanged(t){t&&(void 0!==t.label&&(this.label=t.label),void 0!==t.placeholder&&(this.placeholder=t.placeholder),void 0!==t.options&&(this.options=t.options),void 0!==t.showObligatory&&(this.showObligatory=t.showObligatory),void 0!==t.textHelper&&(this.textHelper=t.textHelper),void 0!==t.searchEnabled&&(this.searchEnabled=t.searchEnabled),void 0!==t.multiSelect&&(this.multiSelect=t.multiSelect),void 0!==t.dropdownType&&(this.dropdownType=t.dropdownType),void 0!==t.hasError&&(this.hasError=t.hasError),void 0!==t.errorText&&(this.errorText=t.errorText),void 0!==t.radioOptions&&(this.radioOptions=t.radioOptions),void 0!==t.preIcon&&(this.preIcon=t.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(t){this.options=[]}}else this.options=[]}defaultChanged(t){this.applyDefaultSelection(t)}valueChanged(t){this._selectedOption=t,this.internals.setFormValue(t?String(t.id):"")}async setById(t){const i=this.options.find((i=>i.id===t||String(i.id)===String(t)));i&&this.selectOption(i)}async setByLabel(t){const i=this.options.find((i=>i.label===t));i&&this.selectOption(i)}async clearSelection(){this._selectedOption=null,this.multiSelected=[],this.internals.setFormValue(""),this.onClear.emit()}async resetMultiSelect(t){this.multiSelected=[],this.internals.setFormValue("")}handleOutsideClick(t){this.isOpen&&!t.composedPath().includes(this.el)&&this.closeDropdown()}applyDefaultSelection(t){const i=t??this.defaultSelectedId;if(""===i||null==i)return;const e=this.flatOptions().find((t=>t.id===i||String(t.id)===String(i)));e&&(this._selectedOption=e,this.internals.setFormValue(String(e.id)))}flatOptions(){return this.options?.length?"category"in this.options[0]?this.options.flatMap((t=>t.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((t=>t.label)).join(", "):this.placeholder:this._selectedOption?this.showCountryFlags&&this._selectedOption.shortLabel?this._selectedOption.shortLabel:this._selectedOption.label:this.placeholder}openDropdown(){if(this.disabled)return;const t=this.buttonRef.getBoundingClientRect(),i=window.innerHeight;this.dropdownStyle={top:`${i-t.bottom>=250?t.bottom+4:t.top-250-4}px`,left:`${t.left}px`,width:`${t.width}px`},this.isOpen=!0,this.searchEnabled&&setTimeout((()=>{const t=this.el.shadowRoot?.querySelector(".search-input");t?.focus()}),50)}closeDropdown(){this.isOpen=!1,this.searchTerm="",this.filteredOptions=[...this.options]}toggleDropdown(){this.isOpen?this.closeDropdown():this.openDropdown()}selectOption(t){if(!t.disabled)if(this.multiSelect){const i=this.multiSelected.findIndex((i=>i.id===t.id));this.multiSelected=i>=0?this.multiSelected.filter((i=>i.id!==t.id)):[...this.multiSelected,t],this.internals.setFormValue(this.multiSelected.map((t=>t.id)).join(",")),this.onChangeSelect.emit([...this.multiSelected])}else this._selectedOption=t,this.internals.setFormValue(String(t.id)),this.onChangeSelect.emit(t),this.closeDropdown()}isOptionChecked(t){return this.multiSelected.some((i=>i.id===t.id))}handleSearch(t){this.searchTerm=t,this.onSearch.emit(t);const i=t.toLowerCase().trim();this.filteredOptions=i?this.isGrouped?this.options.map((t=>({...t,options:t.options.filter((t=>t.label.toLowerCase().includes(i)))}))).filter((t=>t.options.length>0)):this.options.filter((t=>t.label.toLowerCase().includes(i))):[...this.options]}handleScroll(t){const i=t.target;clearTimeout(this.scrollDebounce),this.scrollDebounce=setTimeout((()=>{if(!i)return;const t=i.scrollHeight-i.scrollTop-i.clientHeight,e=Math.min(50,i.clientHeight/2);i.scrollTop<this.lastScrollTop&&(this.hasEmittedScrollEnd=!1),this.lastScrollTop=i.scrollTop,t<=e&&!this.hasEmittedScrollEnd&&(this.scrolledToEnd.emit(),this.hasEmittedScrollEnd=!0,setTimeout((()=>{this.hasEmittedScrollEnd=!1}),1e3))}),100)}renderTrigger(){const t=this.disabled?"Gray-Gray-300":this.dropdownType?"Gray-Gray-600":"Gray-Gray-400",i=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:t=>this.buttonRef=t,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,width:"20px",height:"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",width:i,height:i,color:t}))}renderOption(t){const i=this.multiSelect?this.isOptionChecked(t):this._selectedOption?.id===t.id;return r("li",{key:t.id},r("button",{type:"button",class:{option:!0,"option-radio":this.radioOptions,"option-with-flag":this.showCountryFlags&&!!t.countryCode,"disabled-option":!!t.disabled,"selected-option":i},disabled:t.disabled,onClick:()=>this.selectOption(t)},this.multiSelect&&r("span",{class:{"multi-checkbox":!0,checked:i}},i&&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:i}},i&&r("div",{class:"circle"})),!this.radioOptions&&t.preIcon&&r("dropi-icon",{name:t.preIcon,width:"20px",height:"20px",color:"Gray-Gray-500"}),this.radioOptions&&t.imageUrl&&!t.isFallback&&r("img",{class:"option-image",src:t.imageUrl,alt:"",onError:()=>{t.isFallback=!0,this.options=[...this.options]}}),this.radioOptions&&t.isFallback&&r("span",{class:"option-image-fallback"},t.label.charAt(0).toUpperCase()),this.showCountryFlags&&t.countryCode&&r("span",{class:"flag-placeholder"},t.countryCode),this.radioOptions?r("div",{class:"labels-container"},r("span",{class:"elipsis"},t.label),t.secondLabel&&r("span",{class:"option-second-label"},t.secondLabel)):r("span",{class:"elipsis"},this.showCountryFlags&&t.shortLabel?t.shortLabel:t.label)))}renderDropdown(){return this.isOpen?r("ul",{class:`select-dropdown-overlay ${this.overlayClass}`,style:this.dropdownStyle,onScroll:t=>this.handleScroll(t)},this.searchEnabled&&r("li",{class:"sticky-search"},r("div",{class:"search-wrapper"},r("dropi-icon",{name:"Search",width:"16px",height:"16px",color:"Gray-Gray-400"}),r("input",{class:"search-input",type:"text",placeholder:this.placeHolderSearch,value:this.searchTerm,onInput:t=>this.handleSearch(t.target.value),onKeyDown:t=>{"Enter"===t.key&&this.onKeyEnter.emit(t)}}),this.searchTerm&&r("button",{type:"button",class:"search-clear",onClick:()=>this.handleSearch("")},r("dropi-icon",{name:"Close",width:"14px",height:"14px",color:"Gray-Gray-400"})))),this.isGrouped&&this.filteredOptions.map((t=>[r("li",{class:"option-group-title"},t.category),...t.options.map((t=>r("li",{key:t.id},r("button",{type:"button",class:{option:!0,"option-group":!0,"disabled-option":!!t.disabled},disabled:t.disabled,onClick:()=>this.selectOption(t)},t.preIcon&&r("dropi-icon",{name:t.preIcon,width:"20px",height:"20px",color:"Gray-Gray-500"}),r("span",{class:"elipsis"},t.label)))))])),!this.isGrouped&&this.filteredOptions.map((t=>this.renderOption(t))),0===this.filteredOptions.length&&r("li",{class:"no-results"},"Sin resultados")):null}render(){return r("div",{key:"932cad965441a784f51d6b82ffc5a100cf438fb6",class:"custom-select"},!this.dropdownType&&this.label&&r("label",{key:"1c46242dcbd7862b32a36e2132bc4689b3c95aab",class:{"disabled-label":this.disabled}},this.label,this.showObligatory&&!this.disabled&&r("span",{key:"79e2df6ae0a55c4e51ff7354486903d58bdb7d36",class:"asterisk"}," *")),r("div",{key:"d4a48dcc513b5ae7171598709b0d00c3ffd7f42b",class:"dropdown-container"},this.dropdownType&&this.label&&r("div",{key:"f9d8b6f87dcc8438c00ec04edabe10ebb2cceb79",class:"left-label"},this.label),this.renderTrigger()),this.textHelper&&!this.hasError&&r("div",{key:"e8cc2e4ccb3a5919fe30411003153bfe6434b0d0",class:"select-helper"},r("span",{key:"2fe857a4efac70882ec58835534bb22739c4fb26"},this.textHelper)),this.hasError&&this.errorText&&r("div",{key:"e357992bf4a391052fe3a8444b24777292f71bf0",class:"select-helper-error"},r("dropi-icon",{key:"9a32ef1f5ae2ccf18996bdc451e5de4e2c923a0a",name:"Warning-circle",width:"12px",height:"12px",color:"Error-Error-500"}),r("span",{key:"919259f76022b34162f680234a3c1cf93492666b"},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}]}}};s.style=":host{display:block;width:100%;text-align:left}*,*::before,*::after{box-sizing:border-box}.custom-select{position:relative;width:100%}.custom-select label{display:block;font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-600, #475066)}.disabled-label{color:var(--Gray-Gray-400, #858ea6) !important}.asterisk{color:var(--Error-Error-500, #f46a6b)}.dropdown-container{display:flex;align-items:center;gap:4px}.left-label{color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-m, 14px);white-space:nowrap}.select-button{box-sizing:border-box;width:100%;height:40px;padding:0 0.75rem;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);color:var(--Gray-Gray-500, #69738c);font-size:var(--font-size-s, 12px);font-family:inherit;display:flex;justify-content:space-between;align-items:center;text-align:left;cursor:pointer;transition:border-color 0.2s ease;gap:8px}.select-button:focus{outline:none;border-color:var(--Info-Info-500, #50a5f1)}.select-button:disabled{border-color:var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-400, #858ea6);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed}.select-completed{border-color:var(--Gray-Gray-400, #858ea6);color:var(--Gray-Gray-600, #475066)}.select-button-error{border-color:var(--Error-Error-500, #f46a6b) !important}.no-border{border:none !important;color:var(--Gray-Gray-600, #475066);padding:var(--Size-4, 16px);background-color:transparent !important;gap:var(--Size-2, 8px)}.no-border:disabled{background-color:transparent !important}.button-content{display:flex;align-items:center;gap:8px;overflow:hidden;flex:1;min-width:0}.elipsis{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-dropdown-overlay{position:fixed;max-height:250px;overflow-y:auto;list-style:none;padding:var(--Size-4, 16px) var(--Size-4, 16px) var(--Size-3, 12px);margin:0;border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);box-shadow:0px 8px 24px rgba(0, 0, 0, 0.12);z-index:9999;animation:dropdown-open 120ms ease-out}@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{s as dropi_select}

package/dist/dropi-ui/p-665ef7ba.entry.js

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

package/dist/dropi-ui/p-66b80371.entry.js

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

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

@@ -1 +0,0 @@
-import{r as e,c as t,a as r,h as a}from"./p-D5SAM1O2.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(r){e(this,r),this.onChangeDate=t(this,"onChangeDate",7),this.onClosePanel=t(this,"onClosePanel",7),this.dropiRangeChange=t(this,"dropiRangeChange",7)}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 r(this)}handleDocClick(e){this.open&&!e.composedPath().includes(this.el)&&(this.open=!1)}onChangeDate;onClosePanel;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,r){return`${e}-${String(t+1).padStart(2,"0")}-${String(r).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,r=this.endDate||this.hoverDate;if(!t||!r)return!1;const[a,i]=t<=r?[t,r]:[r,t];return e>a&&e<i}selectDate(e){if(!this.isDisabled(e))return"range"!==this.selectionMode?(this.selectedDate=e,this.open=!1,void this.onChangeDate.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,r=new Date(e,t,1).getDay(),a=new Date(e,t+1,0).getDate(),i=new Date(e,t,0).getDate(),o=[];for(let a=r-1;a>=0;a--){const r=i-a;o.push({iso:this.toISO(0===t?e-1:e,0===t?11:t-1,r),day:r,currentMonth:!1})}for(let r=1;r<=a;r++)o.push({iso:this.toISO(e,t,r),day:r,currentMonth:!0});const n=42-o.length;for(let r=1;r<=n;r++)o.push({iso:this.toISO(11===t?e+1:e,11===t?0:t+1,r),day:r,currentMonth:!1});return o}render(){const e=this.buildDays(),t=(new Date).toISOString().slice(0,10);return a("div",{key:"ff426d80bb5bf05ca8b0c27773dee52f13cf4090",class:"dp-wrap"},this.label&&a("label",{key:"fc7ebd6f14227533288b02c95933f6d4833e3f51",class:"dp-label"},this.label),a("button",{key:"2fa9b1f3d2c9bfc4876724492a265ff0b29f8d23",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"},a("dropi-icon",{key:"51b6fed8a232d7d22494c0bdf9f17e8c6ae0dbbe",name:"Calendar",width:"16px",height:"16px",color:"Gray-Gray-400"}),a("span",{key:"ecbe872cd13efb112ef106f1dfde58cd745c124c",class:{"dp-trigger__value":!0,"dp-trigger__placeholder":!this.displayValue}},this.displayValue||this.placeholder),a("dropi-icon",{key:"6025abcf99d825dd885c9916f755c6b06e0657ed",name:"Arrow-Down-2",width:"12px",height:"12px",color:"Gray-Gray-400"})),this.open&&a("div",{key:"b46a2bd022bc6ec2edfdf07a8a21b010b56610a4",class:"dp-popup"},a("div",{key:"8aedcc47ab11c03bf8bc3309fc92ba3f83587520",class:"dp-nav"},a("button",{key:"e5a7f2a8edc8d33e08449713a976008b83108f36",class:"dp-nav__btn",onClick:()=>this.prevMonth(),type:"button"},a("dropi-icon",{key:"515211fe3c12cd2e9399bd8fad7c0dd84a4de3cd",name:"Arrow-Left-2",width:"16px",height:"16px",color:"Gray-Gray-600"})),a("span",{key:"0d5acefc9c8418749b4065d3bc92c8fb53744557",class:"dp-nav__title"},a("span",{key:"d4b68ef6a5c2885cf7cd05e7b49e47623b8c0d00"},i[this.viewMonth]),a("span",{key:"8aefcf2e7e383111994c58a743706d6d19607f65"},this.viewYear)),a("button",{key:"b7524552e5b05f592633bd6e16cdcda8659aeacf",class:"dp-nav__btn",onClick:()=>this.nextMonth(),type:"button"},a("dropi-icon",{key:"5e14a0dafb227ba6f2e90298005401050b55a3bb",name:"Arrow-Right-2",width:"16px",height:"16px",color:"Gray-Gray-600"}))),a("div",{key:"37d7428dc36bdc805fb60c36126a86509f3b1188",class:"dp-grid"},o.map((e=>a("div",{class:"dp-day-header"},e))),e.map((({iso:e,day:r,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),c=this.isDisabled(e);return a("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":c},type:"button",disabled:c,onClick:()=>this.selectDate(e),onMouseEnter:()=>{"range"===this.selectionMode&&this.startDate&&!this.endDate&&(this.hoverDate=e)},onMouseLeave:()=>this.hoverDate=""},r)}))),a("div",{key:"9a16f2d3aaffda303f2cf7c4d8045ad355eb3e88",class:"dp-footer"},a("button",{key:"2c236322d33b4dbc37e683c328bc2c17aa1422cf",class:"dp-footer__clear",type:"button",onClick:()=>{this.selectedDate="",this.startDate="",this.endDate="",this.open=!1}},"Limpiar"),a("button",{key:"a08afb2358819fc8c15c7949dc7e4cbdf14b52fb",class:"dp-footer__today",type:"button",onClick:()=>{"range"!==this.selectionMode?(this.selectedDate=t,this.open=!1,this.onChangeDate.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-7c0d2edf.entry.js

@@ -1 +0,0 @@
-import{r as e,c as i,h as t}from"./p-D5SAM1O2.js";const a=class{constructor(t){e(this,t),this.onProductClick=i(this,"onProductClick",7),this.changeFavorite=i(this,"changeFavorite",7),this.dropiAddProduct=i(this,"dropiAddProduct",7),this.dropiSupplierClick=i(this,"dropiSupplierClick",7)}image="";productName="";salePrice=0;suggestedPrice=0;currency="$";supplier="";category="";stock=0;supplierCategory="";showFavorite=!0;isFavorite=!1;showAddButton=!0;onProductClick;changeFavorite;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:"42990ea883dcd6cc72e1f62771f7b9554c36bdba",class:"dropi-card-product",onClick:()=>this.onProductClick.emit()},t("div",{key:"59295427ddc350ec3c70d7d1bd4803ffa6bf26b0",class:"product-image-container"},t("div",{key:"9d10e18f2eadf16f0c0b1b7cb7860d08f2ca778f",class:"product-image"},t("img",{key:"19f7af8eddcbea880d32ef30603d55bfe9337f17",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:"a6e13eea7c211fd772fe5ee7c13c7d475d54986c",class:{"favorite-button":!0,"favorite-active":this.isFavorite},onClick:e=>{e.stopPropagation(),this.isFavorite=!this.isFavorite,this.changeFavorite.emit(this.isFavorite)},"aria-label":"Favorito"},t("dropi-icon",{key:"0020aaa1beffedd0243c62f616dfeb6428ec63e5",name:this.isFavorite?"Heart-solid":"Heart",width:"18px",height:"18px",color:this.isFavorite?"#fff":"#858ea6"})))),t("div",{key:"390a04f46d8394deb0591969a04525f3687509a0",class:"product-info"},this.supplierCategory&&t("dropi-ilustration-icon",{key:"7fa320fcc36f6d4929197a2d88e59deb76d34ab0",class:"supplier-insignia",type:"insignia",stateInsignia:this.supplierCategory,tagProduct:!0}),t("div",{key:"67e922b0afc44b3f376db3b20a33d7cc0ae8e987",class:"product-header"},this.category&&t("span",{key:"421f39afc07922579610fe57abdfa37b4fa68586",class:"category"},this.category),t("div",{key:"e4ad1d38535bd876298efb6d819d3355ac6b7446",class:"stock-info"},t("span",{key:"5dbdabc282dbfaee4adec81668d38a909e04227d",class:"stock-label"},"Stock:"),t("span",{key:"f14a47956953779f4527404930b4a988ac5c5737",class:"stock-value",style:{color:this.getStockColor()}},0===this.stock?"Agotado":this.stock))),t("h3",{key:"4403e622316112df4075fafbbbbc17151d2e1b39",class:"product-name"},this.productName),this.supplier&&t("div",{key:"28554238023a313e1698847a5faccd17e9bbd750",class:"supplier-info"},t("span",{key:"e34245925f659f232050ad835cf83690b112d7d0",class:"supplier-label"},"Proveedor:"),t("span",{key:"cabf8743951095acf0c05dd6e48ee74140984773",class:"supplier-name",onClick:e=>{e.stopPropagation(),this.dropiSupplierClick.emit()}},this.supplier)),t("div",{key:"193982dc4aea14f337f64c9156d97f7c23d02db7",class:"price-container"},t("div",{key:"f2925c29fe4d5f9be2f92c501b92351e9a4f60e0",class:"price-item"},t("span",{key:"d0a8f99140d6ced64e19a69a2f198ba861cca017",class:"price-label"},"Precio proveedor"),t("span",{key:"6fa5b8b5cd1f6d6e7b2551bdceedf65e3cb0029d",class:"price-value"},this.currency," ",this.formatPrice(this.salePrice))),t("div",{key:"0a37ead7f660608ed6303c97893fdd9156b5bfad",class:"price-item"},t("span",{key:"8bb33b1b418fdbb79c31ed69ddfa2598f6450efd",class:"price-label"},"Precio sugerido"),t("span",{key:"2df4c30b299190461f0032a66cc8d281ce9c9dab",class:"price-value"},this.currency," ",this.formatPrice(this.suggestedPrice))))),t("div",{key:"91a8306e386ac8d0422a02d3b4bac2d96ba7bebc",class:"separator"}),this.showAddButton&&t("div",{key:"69fd0267e5388770f5067a23d4ddf2636867b030",class:{"action-button":!0,"action-button--disabled":!this.inStock},onClick:e=>{e.stopPropagation(),this.inStock&&this.dropiAddProduct.emit()}},t("dropi-icon",{key:"6e9a7333778b5a4e75bca612f7900909e9b52c80",name:"Shopping-cart-arrow-rigth",width:"20px",height:"20px",color:"#f49a3d"}),t("span",{key:"1f3eb20049a94cb74bef8c89f8773a831667dc7b",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-7eb27836.entry.js

@@ -1 +0,0 @@
-import{r,c as e,h as a}from"./p-D5SAM1O2.js";const t={success:"Check-circle",error:"Warning-circle",warning:"Warning-triangle",info:"Info"},i={success:"Success-Success-500",error:"Error-Error-500",warning:"Warning-Warning-500",info:"Info-Info-500"},o=class{constructor(a){r(this,a),this.onClose=e(this,"onClose",7),this.onButtonClick=e(this,"onButtonClick",7),this.onClickLink=e(this,"onClickLink",7)}message="";type="default";state="success";dismissable=!0;showButton=!1;buttonText="Close";anchorText="none";anchorUrl="none";showAlert=!0;textLink="";linkUrl="";clickedText="";onClose;onButtonClick;onClickLink;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:t[this.state],width:"18px",height:"18px",color:i[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.onClickLink.emit()}},this.anchorText)),a("div",{class:"alert__actions"},this.showButton&&this.buttonText&&"flag"!==this.type&&a("button",{class:"alert__btn",onClick:()=>this.onButtonClick.emit()},this.buttonText),this.dismissable&&a("button",{class:"alert__close",onClick:()=>{this.showAlert=!1,this.onClose.emit()},"aria-label":"Cerrar"},a("dropi-icon",{name:"Close-small",width:"18px",height:"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-8bf5d8ee.entry.js

@@ -1 +0,0 @@
-import{r as t,a as i,h as s}from"./p-D5SAM1O2.js";const e=class{constructor(i){t(this,i)}get el(){return i(this)}name="";width="24px";height="24px";color="currentColor";colorChanged(){this.applyColor()}componentWillLoad(){if(!this.el.style.width&&!this.el.style.height){const t=this.el.getAttribute("width")||"24px",i=this.el.getAttribute("height")||"24px";this.width=t,this.height=i}this.applyColor(),this.updateHostStyles()}componentDidUpdate(){this.updateHostStyles()}updateHostStyles(){this.el.style.width=this.width,this.el.style.height=this.height}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 s("svg",{key:"c705712bd21c4da94dcff8ce12b0c0b880681e95",width:this.width??"24px",height:this.height??"24px",class:{spin:"Spinner"===(this.name??"")},"aria-hidden":"true"},s("use",{key:"b02addb8203904ec059b3c92bd40b09e3c79622d",href:`/assets/icons/symbol/svg/sprite.css.svg#${this.name??""}`}))}static get watchers(){return{color:[{colorChanged:0}]}}};e.style=":host{display:inline-flex;align-items:center;justify-content:center;fill:var(--icon-fill, currentColor);width:24px;height:24px;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{e as dropi_icon}

package/dist/dropi-ui/p-9212f544.entry.js

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

package/dist/dropi-ui/p-955e52f8.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e}from"./p-D5SAM1O2.js";const r=class{constructor(e){t(this,e)}steps=[];get parsedSteps(){if("string"==typeof this.steps)try{return JSON.parse(this.steps)}catch{return[]}return this.steps||[]}render(){const t=this.parsedSteps;return e("div",{key:"0b43d3e673cda6f31476abcbc55ef2b6b9dbd7ac",class:"timeline"},t.map(((r,a)=>{const i=a===t.length-1;return e("div",{class:{"tl-step":!0,[`tl-step--${r.status}`]:!0},key:r.id||a},e("div",{class:"tl-step__marker"},e("div",{class:"tl-step__icon"},r.icon?e("dropi-icon",{name:r.icon,width:"16px",height:"16px",color:"done"===r.status?"Neutral-White":"active"===r.status?"Primary-Primary-500":"Gray-Gray-400"}):e("span",{class:"tl-step__dot"})),!i&&e("div",{class:"tl-step__line"})),e("div",{class:"tl-step__content"},e("span",{class:"tl-step__label"},r.label),r.subtitle&&e("span",{class:"tl-step__subtitle"},r.subtitle)))})))}};r.style=":host{display:block}*,*::before,*::after{box-sizing:border-box}.timeline{display:flex;flex-direction:column}.tl-step{display:flex;align-items:flex-start;gap:var(--Size-3, 12px)}.tl-step__marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.tl-step__icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background 0.2s, border-color 0.2s}.tl-step--pending .tl-step__icon{background:var(--Gray-Gray-100, #e6eaf2);border:2px solid var(--Gray-Gray-200, #c3c9d9)}.tl-step--active .tl-step__icon{background:var(--Neutral-White, #ffffff);border:2px solid var(--Primary-Primary-500, #f49a3d);box-shadow:0 0 0 4px var(--Primary-Primary-100, #fde9d0)}.tl-step--done .tl-step__icon{background:var(--Primary-Primary-500, #f49a3d);border:2px solid var(--Primary-Primary-500, #f49a3d)}.tl-step__dot{width:8px;height:8px;border-radius:50%;display:block}.tl-step--pending .tl-step__dot{background:var(--Gray-Gray-300, #a3abbf)}.tl-step--active .tl-step__dot{background:var(--Primary-Primary-500, #f49a3d)}.tl-step--done .tl-step__dot{background:var(--Neutral-White, #ffffff)}.tl-step__line{flex:1;width:2px;min-height:24px;margin:4px 0;background:var(--Gray-Gray-200, #c3c9d9)}.tl-step--done+.tl-step .tl-step__line,.tl-step--done .tl-step__line{background:var(--Primary-Primary-500, #f49a3d)}.tl-step__content{display:flex;flex-direction:column;gap:2px;padding-top:6px;padding-bottom:var(--Size-4, 16px)}.tl-step__label{font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d)}.tl-step--pending .tl-step__label{color:var(--Gray-Gray-400, #858ea6);font-weight:var(--font-weight-regular, 400)}.tl-step__subtitle{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #69738c)}";export{r as dropi_time_line}

package/dist/dropi-ui/p-976a15e3.entry.js

@@ -1 +0,0 @@
-import{r as e,c as s,h as i}from"./p-D5SAM1O2.js";const t=class{constructor(i){e(this,i),this.checkedValues=s(this,"checkedValues",7),this.onSearch=s(this,"onSearch",7)}options=[];showFilter=!0;filterPlaceholder="Search";showNotFound=!0;notFoundMessage="No related results found";multiSelect=!0;searchDelay=100;filterText="";selected=[];parsedOptions=[];checkedValues;onSearch;optionsChanged(e){this.parsedOptions="string"==typeof e?JSON.parse(e):e||[]}componentWillLoad(){this.optionsChanged(this.options)}get filtered(){if(!this.filterText)return this.parsedOptions;const e=this.filterText.toLowerCase();return this.parsedOptions.filter((s=>s.label?.toLowerCase().includes(e)))}toggle(e){this.selected=this.multiSelect?this.selected.includes(e)?this.selected.filter((s=>s!==e)):[...this.selected,e]:this.selected.includes(e)?[]:[e],this.checkedValues.emit(this.selected)}render(){const e=this.filtered;return i("div",{key:"a86957a361ddab935966496e85da0474d6c7618a",class:"csl"},this.showFilter&&i("div",{key:"c6e6d3c7386a788c0e3141ac77b78b597020e43d",class:"csl__search"},i("dropi-icon",{key:"02b8bbc778c1811f65f4cd07bfd0618a0c647573",name:"Search",width:"16px",height:"16px",color:"Gray-Gray-400"}),i("input",{key:"935768e39f732099837e2d3dc4791ab2f7f31273",class:"csl__search-input",type:"text",placeholder:this.filterPlaceholder,value:this.filterText,onInput:e=>{this.filterText=e.target.value,this.onSearch.emit(this.filterText)}}),this.filterText&&i("button",{key:"b93947ffd70113fc80e425dd0da04cce04ad3f27",class:"csl__clear",onClick:()=>{this.filterText="",this.onSearch.emit("")}},i("dropi-icon",{key:"b2e152f7276a914fc03664dabdb3574a2cbeb2c6",name:"Close-small",width:"14px",height:"14px",color:"Gray-Gray-400"}))),i("div",{key:"6010ffc9d6ff60dc444da1274609f2b15f69d4a8",class:"csl__list"},0===e.length&&this.showNotFound?i("div",{class:"csl__empty"},this.notFoundMessage):e.map((e=>{const s=this.selected.includes(e.id);return i("div",{class:"csl__item",key:e.id,onClick:()=>this.toggle(e.id)},i("dropi-checkbox",{checked:s}),e.icon&&i("img",{class:"csl__icon",src:e.icon,alt:e.label}),i("span",{class:"csl__label"},e.label))}))))}static get watchers(){return{options:[{optionsChanged:0}]}}};t.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.csl__search{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-2, 8px) var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);margin-bottom:var(--Size-2, 8px)}.csl__search-input{flex:1;border:none;outline:none;font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);background:transparent}.csl__clear{display:flex;background:none;border:none;padding:0;cursor:pointer}.csl__list{display:flex;flex-direction:column}.csl__item{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-2, 8px) var(--Size-3, 12px);cursor:pointer;border-radius:var(--Border-1, 4px);transition:background 0.15s}.csl__item:hover{background:var(--Gray-Gray-50, #f7f8fa)}.csl__icon{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.csl__label{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);flex:1}.csl__empty{padding:var(--Size-4, 16px);text-align:center;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-400, #858ea6)}";export{t as dropi_checkbox_selection_list}

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

@@ -1 +0,0 @@
-import{r as i,h as t}from"./p-D5SAM1O2.js";const e=class{constructor(t){i(this,t)}type="dropi";state="default";stateInsignia="verified";tagProduct=!1;insigniaIcons={verified:"assets/icons/ilustration/verified-new.svg",premium:"assets/icons/ilustration/premium-new.svg",exclusive:"assets/icons/ilustration/exclusive.svg"};getIconName(i){return{success:"Check-circle",error:"Cross-circle",info:"Info",warning:"Info"}[i]||"Info"}render(){return t("div",{key:"2f956eddb214de168aae134374512600867e77a8",class:"dropi-ilustration"},"dropi"===this.type&&t("figure",{key:"3d05624542d51f64cb6402fb958f039bc943afb7",class:"dropi-ilustration__image"},t("img",{key:"6fb383b378d989f675433c46710e246dc193f26b",src:`assets/icons/ilustration/${this.state&&"undefined"!==String(this.state)&&"null"!==String(this.state)?this.state:"default"}.svg`,alt:this.state??"default",onError:i=>{i.target.src="assets/icons/ilustration/default.svg"}})),"mb"===this.type&&t("figure",{key:"f66957ddbba9506d041ab1b2e8877872b25bdbf3",class:`dropi-ilustration__image-mb ${this.state}`},["success","error","info","warning"].includes(this.state)&&t("dropi-icon",{key:"2844c2707906bcba57835c1e7652c52769b504fe",name:this.getIconName(this.state),width:"24px",height:"24px",color:"Neutral-White"})),"insignia"===this.type&&t("figure",{key:"4c091e2f415d252ae3cdaa7b62b1e4788192ae6c",class:this.tagProduct?"dropi-ilustration-insignia-tag":"dropi-ilustration-insignia"},t("img",{key:"dc9e11b8ecf525dbfd0c8c147a64e12350c2b6d5",src:this.insigniaIcons[this.stateInsignia],alt:this.stateInsignia}),this.tagProduct&&t("p",{key:"0fa7f6fdd1bb9075d1ef2a09a6701b0b464a746b",class:`tag tag--${this.stateInsignia}`},t("span",{key:"dae1336fefa32471ebbc78f1bcdd0c9b1c89dcba",class:"Caption-S"},this.stateInsignia.charAt(0).toUpperCase()+this.stateInsignia.slice(1)))))}};e.style=":host{display:inline-flex}.dropi-ilustration{display:inline-flex;align-items:center;justify-content:center}.dropi-ilustration__image,.dropi-ilustration-insignia{margin:0;display:flex;align-items:center;justify-content:center}.dropi-ilustration__image img{max-width:100%;height:auto}.dropi-ilustration__image-mb{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin:0}.dropi-ilustration__image-mb.success{background:var(--Success-Success-500, #22c55e)}.dropi-ilustration__image-mb.error{background:var(--Error-Error-500, #ef4444)}.dropi-ilustration__image-mb.info{background:var(--Info-Info-500, #3b82f6)}.dropi-ilustration__image-mb.warning{background:url('assets/icons/ilustration/bg-warning.svg') no-repeat center;background-size:contain;border-radius:0}.dropi-ilustration-insignia-tag{display:flex;align-items:center;margin:0}.dropi-ilustration-insignia-tag img{position:relative;z-index:2;height:32px;width:auto}.tag{border-radius:32px;color:var(--Neutral-White, #ffffff);text-transform:capitalize;margin:0 0 0 -20px;display:flex;align-items:center;justify-content:flex-start}.tag span{color:var(--Neutral-White, #ffffff);padding:4px 8px 4px 18px;font-size:var(--font-size-xxs)}.tag--verified{background:linear-gradient(90deg, #ffc10d 41.3%, #ff6102 112.32%)}.tag--premium{background:linear-gradient(90deg, #ff6102 56.52%, #ffc10d 107.25%)}.tag--exclusive{background:linear-gradient(90deg, var(--Gray-900, #0e111a) 26.09%, #ff6102 116.67%)}";export{e as dropi_ilustration_icon}

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

@@ -1 +0,0 @@
-import{r,c as e,h as t}from"./p-D5SAM1O2.js";const o=class{constructor(t){r(this,t),this.dropiInput=e(this,"dropiInput",7),this.dropiChange=e(this,"dropiChange",7),this.dropiFocus=e(this,"dropiFocus",7),this.dropiBlur=e(this,"dropiBlur",7),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:"d2333346006f94a5582d49cb2f34237b8b97d039",class:"textarea-wrapper"},this.label&&t("label",{key:"0963e3d312bec5a96b4b3f8387c07ecfd97d6906",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:"1e9bfecb2669fe2c6cd8b74a153fe21bbf8053b9",class:"asterisk"}," *")),t("div",{key:"6ac5236d0cb7ec4322339048eb364b7c41bfea5e",class:"textarea-container"},t("textarea",{key:"94a18a7af80592659237d54e5897fcbd8b4aa47c",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:"e3271eeea7e85a64454c344986e36c85197f3782",class:"char-counter"},this.charCount,"/",this.maxLength)),r&&t("div",{key:"c4b83072b96e56b45b6afc8209f4d124cb6d6bf3",class:"form-control-helper"},this.isInvalid&&t("dropi-icon",{key:"98aef0a346f1ca3fe33cf9f2e6519f61aa787374",name:"Warning-circle",width:"12px",height:"12px",color:"Error-Error-500"}),t("span",{key:"f820d6043b390dc22d1b7ee1ee58dfd9a3fcd333",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}]}}};o.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{o as dropi_text_area}

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

@@ -1 +0,0 @@
-import{r as t,c as e,h as i}from"./p-D5SAM1O2.js";const a=class{constructor(i){t(this,i),this.dropiSort=e(this,"dropiSort",7),this.dropiSelection=e(this,"dropiSelection",7),this.dropiRowClick=e(this,"dropiRowClick",7),this.dropiSearch=e(this,"dropiSearch",7),this.dropiPageChange=e(this,"dropiPageChange",7),this.dropiPageSizeChange=e(this,"dropiPageSizeChange",7),this.dropiAction=e(this,"dropiAction",7),this.rowsSelected=e(this,"rowsSelected",7),this.actionClicked=e(this,"actionClicked",7),this.onPageChange=e(this,"onPageChange",7),this.onSizeChange=e(this,"onSizeChange",7),this.onSortChange=e(this,"onSortChange",7),this.onSearchChange=e(this,"onSearchChange",7),this.expandChildren=e(this,"expandChildren",7)}columns=[];rows=[];showCheckbox=!1;loading=!1;emptyMessage="No hay datos disponibles";title="";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;rowsSelected;actionClicked;onPageChange;onSizeChange;onSortChange;onSearchChange;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]??"",s=a[e]??"";return r<s?-i:r>s?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.onSortChange.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.rowsSelected.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.rowsSelected.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,width:"24px",height:"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.title)&&i("div",{class:"search-container"},this.title&&i("h3",{class:"table-title"},this.title),i("div",{class:"search-actions"+(this.showSearch?"":" only-filter")},this.showSearch&&i("dropi-input",{placeholder:"Buscar",value:this.searchTerm,onOnInput:t=>{this.searchTerm=t.detail,this.dropiSearch.emit(t.detail),this.onSearchChange.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",width:"20px",height:"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,onOnChange: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",width:"12px",height:"12px",color:this.sortAsc?"Gray-Gray-500":"Gray-Gray-200"}),i("dropi-icon",{name:"Caret-down",width:"12px",height:"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),onOnChange:()=>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",width:"24px",height:"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.actionClicked.emit({row:t,action:e})}},i("dropi-icon",{name:e.icon,width:"20px",height:"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,width:"24px",height:"24px",color:e.iconColor||"Gray-Gray-500",onClick:()=>{this.dropiAction.emit({row:t,action:e}),this.actionClicked.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.onSizeChange.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,onPageChange:t=>{this.currentPage=t.detail,this.dropiPageChange.emit(t.detail),this.onPageChange.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-af8e2157.entry.js

@@ -1 +0,0 @@
-import{r as e,c as r,h as a}from"./p-D5SAM1O2.js";const t=class{constructor(a){e(this,a),this.dropiClose=r(this,"dropiClose",7)}drawerTitle="";drawerIsOpen=!1;open=!1;position="right";size="";width="400px";height="50vh";headless=!1;closeOnBackdrop=!0;dropiClose;openChanged(e){this.open=e,this.drawerIsOpen=e,"undefined"!=typeof document&&(e?document.body.classList.add("dropi-modal-open"):document.body.classList.remove("dropi-modal-open"))}componentWillLoad(){this.drawerIsOpen&&(this.open=!0),this.open&&(this.drawerIsOpen=!0)}close(){this.open=!1,this.dropiClose.emit()}render(){const e=this.size?`drawer-panel--size-${this.size}`:"",r={};return this.size||("left"===this.position||"right"===this.position?r.width=this.width:r.height=this.height),a("div",{key:"7792ce8e001adf404aef387e35c5fb601f69b1e2",class:{"drawer-host":!0,"drawer-host--open":this.open}},a("div",{key:"186c33be6a7cd1e34e6d1f852219be91b24a15b9",class:"drawer-backdrop",onClick:()=>{this.closeOnBackdrop&&this.close()}}),a("div",{key:"3a48c465707125c2de1e369e70375689fe5ff9c1",class:`drawer-panel drawer-panel--${this.position}${e?" "+e:""}`,style:r,role:"dialog","aria-modal":"true"},a("div",{key:"840bb2933bc7e2264269bbadd5d9d61649fe58fe",class:{"drawer-header":!0,"drawer-header--headless":this.headless}},a("h3",{key:"bfd9c7db02e9db07ce32115ca6386a9840c61288",class:"drawer-header__title"},this.drawerTitle),a("button",{key:"6dc350e26f74d4e3aead7697bd2f5552e49e833c",class:"drawer-header__close",onClick:()=>this.close(),"aria-label":"Cerrar"},a("dropi-icon",{key:"fcc5331391009f97254db5f729c61631edc33d8c",name:"Close-small",width:"32px",height:"32px",color:"Gray-Gray-400"}))),a("div",{key:"e50ae31043bde759a79fbc9b4f734e06dc6c2a3f",class:"drawer-body"},a("slot",{key:"f1f0d7314b8bd7f6fd6fdec88a818963c1d5834f"})),a("div",{key:"b14833f885757bbcfa687b7b2ee1cf847301134b",class:"drawer-footer"},a("slot",{key:"5cba1759160a934c3b54166914a10b1335075151",name:"footer"}))))}static get watchers(){return{open:[{openChanged:0}],drawerIsOpen:[{openChanged:0}]}}};t.style=":host{display:contents;font-family:'Inter', sans-serif}*,*::before,*::after{box-sizing:border-box}.drawer-host{position:fixed;inset:0;z-index:1000;pointer-events:none;visibility:hidden}.drawer-host--open{pointer-events:all;visibility:visible}.drawer-backdrop{position:absolute;inset:0;background:rgba(0, 0, 0, 0.5);opacity:0;transition:opacity 0.25s}.drawer-host--open .drawer-backdrop{opacity:1}.drawer-panel{position:absolute;background:var(--Neutral-White, #ffffff);display:flex;flex-direction:column;transition:transform 0.25s ease;overflow:hidden;max-width:100%;min-width:auto}.drawer-panel--right{top:0;right:0;bottom:0;transform:translateX(100%);box-shadow:-4px 0 24px rgba(0, 0, 0, 0.12)}.drawer-host--open .drawer-panel--right{transform:translateX(0)}.drawer-panel--left{top:0;left:0;bottom:0;transform:translateX(-100%);box-shadow:4px 0 24px rgba(0, 0, 0, 0.12)}.drawer-host--open .drawer-panel--left{transform:translateX(0)}.drawer-panel--bottom{bottom:0;left:0;right:0;transform:translateY(100%);border-radius:var(--Border-2, 8px) var(--Border-2, 8px) 0 0;box-shadow:0 -4px 24px rgba(0, 0, 0, 0.12)}.drawer-host--open .drawer-panel--bottom{transform:translateY(0)}.drawer-panel--top{top:0;left:0;right:0;transform:translateY(-100%);border-radius:0 0 var(--Border-2, 8px) var(--Border-2, 8px);box-shadow:0 4px 24px rgba(0, 0, 0, 0.12)}.drawer-host--open .drawer-panel--top{transform:translateY(0)}.drawer-panel--size-m{width:550px}.drawer-panel--size-l{width:1137px}.drawer-panel--size-xl{width:1280px}.drawer-panel--size-xxl{width:1330px}.drawer-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:var(--Size-4, 16px) var(--Size-4, 16px) var(--Size-3, 12px);border-bottom:1px solid var(--Gray-Gray-100, #eceef4);flex-shrink:0}.drawer-header--headless{display:none}.drawer-header__title{color:var(--Gray-700, #32394d);font-family:Inter, sans-serif;font-size:24px;font-style:normal;font-weight:700;line-height:110%;margin:0}.drawer-header__close{width:var(--Size-6, 32px);height:var(--Size-6, 32px);background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--Gray-400, #858ea6);border-radius:var(--Border-1, 4px);transition:background 0.15s;flex-shrink:0}.drawer-header__close:hover{background:var(--Gray-Gray-50, #f7f8fa)}.drawer-body{flex:1;overflow-y:auto;padding:var(--Size-4, 16px);display:flex;flex-direction:column}.drawer-footer{display:none}";export{t as dropi_drawer}

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

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

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

@@ -1 +0,0 @@
-import{r as i,c as e,h as r}from"./p-D5SAM1O2.js";const a=class{constructor(r){i(this,r),this.onClose=e(this,"onClose",7)}customStyle="fill";type="icon";urlImg="";showIcon=!1;icon="";onClose;render(){return r("div",{key:"1d2faf302cc3eb832d55f46f98a7817fb616e4e1",class:{chip:!0,[`chip--${this.customStyle}`]:!0}},"avatar"===this.type&&this.urlImg&&r("img",{key:"3014d189c71a8d3bc23f11caf1181285c6b1b0ed",class:"chip__avatar",src:this.urlImg,alt:""}),"icon"===this.type&&this.icon&&r("dropi-icon",{key:"42c60e26f35e08582045833049d140c3aceaa11d",class:"chip__pre-icon",name:this.icon,width:"14px",height:"14px",color:"currentColor"}),r("span",{key:"474a4adfc086e20b2007f1b423f53b29454546be",class:"chip__text"},r("slot",{key:"3c3460ffc17a54b8446b63f7b7c7a76162bb5838"})),this.showIcon&&r("button",{key:"6da5b10c81f203dcd204c0fa93babbcab8aaba16",class:"chip__close",onClick:()=>this.onClose.emit(),"aria-label":"Eliminar"},r("dropi-icon",{key:"14ef2e91ede7847830b0e491fd844f9efa637f9a",name:"Cross-circle",width:"14px",height:"14px",color:"currentColor"})))}};a.style=":host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.chip{display:inline-flex;align-items:center;justify-content:center;gap:var(--Size-1, 4px);height:24px;padding:0 var(--Size-2, 8px);border-radius:var(--Border-2, 8px);font-size:var(--font-size-xs, 10px);font-family:inherit;width:fit-content;max-width:200px}.chip--filters{background:var(--Primary-Primary-50, #fff5eb);border:1px solid var(--Primary-Primary-200, #fbd4a3);color:var(--Primary-Primary-600, #d4872e)}.chip--fill{background:var(--Gray-Gray-100, #e6eaf2);border:1px solid transparent;color:var(--Gray-Gray-700, #32394d)}.chip__avatar{width:16px;height:16px;border-radius:50%;object-fit:cover;flex-shrink:0}.chip__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.chip__close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:none;border:none;padding:0;cursor:pointer;color:inherit;opacity:0.7;transition:opacity 0.15s}.chip__close:hover{opacity:1}";export{a as dropi_chips}

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

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

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

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

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

@@ -1 +0,0 @@
-import{r,c as e,h as a}from"./p-D5SAM1O2.js";const i=class{constructor(a){r(this,a),this.dropiNavigate=e(this,"dropiNavigate",7)}items=[];homeRoute="/";homeIconName="Home";lastItemClickable=!1;dropiNavigate;get parsedItems(){if("string"==typeof this.items)try{return JSON.parse(this.items)}catch{return[]}return this.items}render(){const r=this.parsedItems;return a("nav",{key:"c4546d7a0c7852e01f685176b5365f1e0082ad24",class:"breadcrumb","aria-label":"Breadcrumb"},a("div",{key:"924ab634ae4e71f6bd39a67b4b3889cdca20234d",class:"crumb-list"},a("div",{key:"e7b1b285bdd497a028a041ada1eb8b34f77384b0",class:"crumb-home"},a("a",{key:"9e288d5f5761daed20b35dbf056c7de9c2e7b8e3",href:this.homeRoute,class:"home-link","aria-label":"Inicio",onClick:r=>{r.preventDefault(),this.dropiNavigate.emit(this.homeRoute)}},a("dropi-icon",{key:"15210c5feb41fc5a8dd37f52eba1e5a211834f84",name:this.homeIconName,width:"16px",color:"Gray-Gray-500"})),r.length>0&&a("dropi-icon",{key:"5acd21133859ec42b078fd323f82b7bc13c7b359",name:"Dropdown-Right",width:"16px",color:"Gray-Gray-500"})),r.map(((e,i)=>{const o=i===r.length-1;return a("div",{class:"crumb",key:i},!o||this.lastItemClickable?a("a",{class:"crumb-link Body-S-Regular"+(e.disabled?" disabled":""),href:e.url||e.routerLink||"#",onClick:r=>{r.preventDefault(),e.disabled||this.dropiNavigate.emit(e)}},e.label):a("span",{class:"current Body-S-Regular","aria-current":"page"},e.label),!o&&a("dropi-icon",{name:"Dropdown-Right",width:"16px",height:"16px",color:"Gray-Gray-500"}))}))))}};i.style=":host{display:block}*,*::before,*::after{box-sizing:border-box}.breadcrumb{margin:0}.crumb-list{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.crumb-home{display:flex;padding-right:4px;align-items:center;gap:4px}.home-link{display:inline-flex;align-items:center;color:var(--Gray-Gray-500, #69738c);text-decoration:none;transition:color 0.2s ease}.home-link:hover{color:var(--Gray-Gray-700, #32394d)}.crumb{display:flex;padding:0 4px;align-items:center;gap:8px}.crumb-link{color:var(--Gray-Gray-500, #69738c);text-align:center;cursor:pointer;text-decoration:none;transition:color 0.2s ease;font-size:var(--font-size-s, 12px)}.crumb-link:hover{color:var(--Gray-Gray-700, #32394d);text-decoration:underline}.crumb-link.disabled{pointer-events:none;color:var(--Gray-Gray-300, #a1a8b8);cursor:not-allowed;text-decoration:none}.current{color:var(--Gray-Gray-700, #32394d);cursor:default;font-size:var(--font-size-s, 12px)}";export{i as dropi_breadcrumb}

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

@@ -1 +0,0 @@
-import{r as a,c as r,h as e}from"./p-D5SAM1O2.js";const i=class{constructor(e){a(this,e),this.clickLoadItem=r(this,"clickLoadItem",7),this.dropiNotificationsClick=r(this,"dropiNotificationsClick",7),this.dropiUserClick=r(this,"dropiUserClick",7),this.dropiMenuToggle=r(this,"dropiMenuToggle",7)}logoUrl="";logoAlt="Logo";data=[];title="";activeId="";userName="";userAvatar="";notifications=0;showMenuToggle=!0;clickLoadItem;dropiNotificationsClick;dropiUserClick;dropiMenuToggle;get parsedData(){const a=this.data;return"string"==typeof a?JSON.parse(a):a||[]}render(){const a=this.parsedData;return 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:"c35615cbfd5dc807def32957062ea25b059664b5",name:"Menu",width:"20px",height:"20px",color:"Gray-Gray-700"})),this.logoUrl&&e("img",{key:"ffc532e501bc7bc0a5625c865955a43c84857a58",class:"navbar__logo",src:this.logoUrl,alt:this.logoAlt}),this.title&&e("span",{key:"7fb10d4a5e42030a7701bf0933587ecdaf5ab20b",class:"navbar__title"},this.title)),a.length>0&&e("ul",{key:"338118e694ca0a46d94fee60211302efe8bbee51",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,width:"16px",height:"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:"f2ac52b78963fa9165b6614a7abaa6fe822b2a89",class:"navbar__right"},e("button",{key:"4e78c3fbc69899f8b1f0206dc27372c3c0d15c31",class:"navbar__icon-btn",onClick:()=>this.dropiNotificationsClick.emit(),"aria-label":"Notificaciones"},e("dropi-icon",{key:"a94bbd4aa73b7be9a735b31b92d882c53616f8e6",name:"Bell",width:"20px",height:"20px",color:"Gray-Gray-600"}),this.notifications>0&&e("span",{key:"c2157fca16e1c3f992562027d4dfeb348ef7ad23",class:"navbar__notif-badge"},this.notifications>99?"99+":this.notifications)),e("button",{key:"ba2cb25cda984ba8ea180ff8edb3d3ffc955ab27",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:"11b4c378a089644e63d6186fe40e31ca7b4ab924",class:"navbar__user-name"},this.userName),e("dropi-icon",{key:"c2a140081f5ad014b73d35f45476cc1ac41391b5",name:"Arrow-Down-2",width:"12px",height:"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-fa3d0267.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as i}from"./p-D5SAM1O2.js";const a=class{constructor(i){e(this,i),this.onChange=t(this,"onChange",7),this.onClick=t(this,"onClick",7)}title="title";description="Description";typeElement="dropdown";type="important";isChecked=!1;onChange;onClick;render(){return i("div",{key:"aa7548c223bf3238b7af10e52821e3ffd19fefca",class:"card-section"},i("div",{key:"6b0ed1e7f7c282b0f67277567a2fa1ffbab9d04e",class:"card-section__text"},"important"===this.type?i("h5",{class:"card-section__title card-section__title--important"},this.title):i("h6",{class:"card-section__title"},this.title),this.description&&i("p",{key:"f0c83d631d541d95c19e4a246634da56413a3de9",class:"card-section__desc"},this.description)),i("div",{key:"976d78401ab26872df88115ae0f0449bcd2faae9",class:"card-section__control"},"switch"===this.typeElement?i("dropi-switch",{isChecked:this.isChecked,onOnChange:e=>{this.isChecked=e.detail,this.onChange.emit(e.detail)}}):i("button",{class:"card-section__dropdown-btn",onClick:()=>this.onClick.emit(),"aria-label":"Expandir"},i("dropi-icon",{name:"Dropdown-down",width:"20px",height:"20px",color:"Gray-Gray-500"}))))}};a.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.card-section{display:flex;align-items:center;justify-content:space-between;gap:var(--Size-4, 16px);padding:var(--Size-3, 12px) var(--Size-4, 16px);background:var(--Neutral-White, #ffffff);border:1px solid var(--Gray-Gray-100, #e6eaf2);border-radius:var(--Border-2, 8px)}.card-section__text{flex:1}.card-section__title{margin:0 0 4px;font-family:inherit;font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-800, #1f2433)}h5.card-section__title{font-size:var(--font-size-m, 14px)}h6.card-section__title{font-size:var(--font-size-s, 12px)}.card-section__desc{margin:0;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #69738c)}.card-section__control{flex-shrink:0}.card-section__dropdown-btn{display:flex;align-items:center;background:none;border:none;padding:0;cursor:pointer}";export{a as dropi_card_section}