@luis-angel-martin-dzul/input-styles 0.0.8 → 0.0.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/input-yuc.es.js +1 -1
- package/dist/input-yuc.umd.js +1 -1
- package/package.json +1 -1
package/dist/input-yuc.es.js
CHANGED
|
@@ -11387,7 +11387,7 @@ const Y$ = /* @__PURE__ */ Pe(C$, [["render", L$], ["__scopeId", "data-v-cd7ea14
|
|
|
11387
11387
|
},
|
|
11388
11388
|
onBlur(e) {
|
|
11389
11389
|
if (this.isFocused = !1, this.modelValue === "" || this.modelValue === "." || this.modelValue === "-") {
|
|
11390
|
-
this.$emit("update:modelValue", "");
|
|
11390
|
+
this.$emit("update:modelValue", ""), this.$emit("blur", e);
|
|
11391
11391
|
return;
|
|
11392
11392
|
}
|
|
11393
11393
|
let t = Number(this.modelValue);
|
package/dist/input-yuc.umd.js
CHANGED
|
@@ -565,4 +565,4 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
565
565
|
<div class="alert-close">×</div>
|
|
566
566
|
`,i.querySelector(".alert-close").addEventListener("click",()=>{Ke.remove(i)}),Ke.container.appendChild(i),setTimeout(()=>i.classList.add("show"),10),o>0&&setTimeout(()=>Ke.remove(i),o)}static success(t,n=""){this.#e(t,n,this.type.success)}static error(t,n=""){this.#e(t,n,this.type.error)}static warning(t,n=""){this.#e(t,n,this.type.warning)}static info(t,n=""){this.#e(t,n,this.type.info)}static neutral(t,n=""){this.#e(t,n,this.type.neutral)}static ensureContainer(){this.container||(this.container=document.createElement("div"),this.container.className="alert-container",document.body.appendChild(this.container))}static remove(t){t.classList.add("hide"),setTimeout(()=>t.remove(),250)}}class Y{static overlay=null;static dialogBox=null;static isOpen=!1;static#e(t,n=""){Y.isOpen&&Y.finish(!0),Y.isOpen=!0,Y.overlay=document.createElement("div"),Y.overlay.className="dialog-overlay",Y.dialogBox=document.createElement("div"),Y.dialogBox.className="dialog-box";const r=`
|
|
567
567
|
<div class="dialog-title">${t}</div>
|
|
568
|
-
<div class="dialog-description">${n}</div>`;Y.dialogBox.innerHTML=r,Y.overlay.appendChild(Y.dialogBox),document.body.appendChild(Y.overlay),setTimeout(()=>Y.overlay.classList.add("show"),10),document.addEventListener("keydown",Y.#t)}static#t(t){Y.isOpen&&t.key==="Escape"&&(Y.dialogBox.classList.add("dialog-shake"),setTimeout(()=>{Y.dialogBox?.classList.remove("dialog-shake")},250))}static confirm(t,n=""){Y.#e(t,n);const r={_onAccept:null,_onCancel:null,onAccept(o){return this._onAccept=o,this},onCancel(o){return this._onCancel=o,this},show(){return this._renderButtons(),this},_renderButtons(){const o=document.createElement("div");o.className="dialog-buttons";const i=document.createElement("button");i.className="dialog-btn dialog-btn-cancel",i.textContent="Cancelar";const s=document.createElement("button");s.className="dialog-btn dialog-btn-accept",s.textContent="Aceptar",i.addEventListener("click",()=>{Y.finish(),this._onCancel&&this._onCancel()}),s.addEventListener("click",()=>{Y.finish(),this._onAccept&&this._onAccept()}),o.appendChild(i),o.appendChild(s),Y.dialogBox.appendChild(o)}};return r._renderButtons(),r}static info(t,n=""){Y.#e(t,n);const r={_onConfirm:null,onConfirm(o){return this._onConfirm=o,this},show(){return this._renderButton(),this},_renderButton(){const o=document.createElement("div");o.className="dialog-buttons";const i=document.createElement("button");i.className="dialog-btn dialog-btn-accept",i.textContent="Aceptar",i.addEventListener("click",()=>{Y.finish(),this._onConfirm&&this._onConfirm()}),o.appendChild(i),Y.dialogBox.appendChild(o)}};return r._renderButton(),r}static loading(t,n=""){Y.#e(t,"");const r=Y.dialogBox.querySelector(".dialog-title");r&&r.remove();const o=Y.dialogBox.querySelector(".dialog-description");o&&o.remove(),Y.dialogBox.style.paddingTop="1rem",Y.dialogBox.style.paddingBottom="1rem";const i=document.createElement("div");i.className="dialog-loading-layout";const s=document.createElement("div");s.className="dialog-loading-icon";const l=document.createElement("div");l.className="dialog-loading-spinner",s.appendChild(l);const c=document.createElement("div");c.className="dialog-loading-texts";const u=t&&t.trim()!=="",d=n&&n.trim()!=="";if(u){const f=document.createElement("div");f.className="dialog-loading-title",f.textContent=t,c.appendChild(f)}if(d){const f=document.createElement("div");f.className="dialog-loading-message",f.textContent=n,c.appendChild(f)}return(u&&!d||!u&&d)&&(c.style.justifyContent="center"),i.appendChild(s),i.appendChild(c),Y.dialogBox.appendChild(i),{close:()=>Y.finish(),updateTitle:f=>{const p=c.querySelector(".dialog-loading-title");if(p)p.textContent=f;else if(f){const h=document.createElement("div");h.className="dialog-loading-title",h.textContent=f,c.insertBefore(h,c.firstChild),c.style.justifyContent="flex-start"}},updateMessage:f=>{const p=c.querySelector(".dialog-loading-message");if(p)p.textContent=f;else if(f){const h=document.createElement("div");h.className="dialog-loading-message",h.textContent=f,c.appendChild(h),c.style.justifyContent="flex-start"}}}}static finish(t=!1){return new Promise(n=>{if(!Y.isOpen||!Y.overlay)return n();if(Y.isOpen=!1,t){try{Y.overlay.remove()}catch{}return Y.overlay=null,Y.dialogBox=null,document.removeEventListener("keydown",Y.#t),n()}Y.overlay.classList.remove("show"),setTimeout(()=>{try{Y.overlay.remove()}catch{}Y.overlay=null,Y.dialogBox=null,document.removeEventListener("keydown",Y.#t),n()},200)})}}const me=(e,t)=>{const n=e.__vccOpts||e;for(const[r,o]of t)n[r]=o;return n},vE={name:"InputDateStyle",props:{modelValue:[String,Date],label:{type:String,default:""},description:{type:String,default:""},min:{type:String,default:"1900-01-01"},max:{type:String,default:"2100-12-31"},disabledDates:{type:[Array,Object],default:()=>[]},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},validate:{type:Boolean,default:null},mclass:{type:String,default:null}},data(){return{uuid:Le.getUUID(),localDate:"dd/mm/aaaa",activeSection:"day",dayDigits:"",monthDigits:"",yearDigits:"",sectionSelected:!1,localDateTime:"",showPicker:!1,pickerValue:null,dropdownPosition:"bottom",selectAttr:{highlight:{color:"#C2995C",fillMode:"solid",contentStyle:{backgroundColor:"#60A5FA",color:"white",fontWeight:"bold"}}}}},computed:{model:{get(){return this.modelValue},set(e){this.$emit("update:modelValue",e),this.$emit("change",e)}},minDateObj(){if(!this.min)return null;const[e,t,n]=this.min.split("-").map(Number);return new Date(e,t-1,n,12,0,0)},maxDateObj(){if(!this.max)return null;const[e,t,n]=this.max.split("-").map(Number);return new Date(e,t-1,n,12,0,0)},labelClass(){return C.inputLabelClass(this.disabled)},inputClass(){return[this.mclass,C.INPUT_BASE,C.inputValidateClass(this.validate)]},descriptionClass(){return C.inputDescriptionClass(this.validate)},requiredClass(){return C.REQUIRED_ASTERISK},iconStaticClass(){return[C.ICON_SIZE_STATIC,C.ICON_STATIC]}},watch:{modelValue:{immediate:!0,handler(e){if(!e){this.localDate="dd/mm/aaaa",this.dayDigits="",this.monthDigits="",this.yearDigits="",this.pickerValue=null;return}const t=this.parseLocalDate(e);if(isNaN(t))return;this.pickerValue=t;const n=s=>String(s).padStart(2,"0"),r=n(t.getDate()),o=n(t.getMonth()+1),i=t.getFullYear();this.localDate=`${r}/${o}/${i}`}}},methods:{emitBlur(e){this.$emit("blur",e)},emitValue(){let e="";const[t,n,r]=this.localDate.split("/");if(/^\d{2}$/.test(t)&&/^\d{2}$/.test(n)&&/^\d{4}$/.test(r)){const i=this.getMaxDay(n,r),s=Number(t),l=Number(n);l>=1&&l<=12&&s>=1&&s<=i?e=`${r}-${n}-${t}`:e=""}else e="";this.model=e,this.pickerValue=this.parseLocalDate(e)},calculateDropdownPosition(){const e=this.$refs.dateTimeContainer;if(!e)return;const t=e.getBoundingClientRect(),n=window.innerHeight-t.bottom,r=t.top,o=320;this.dropdownPosition=n<o&&r>n?"top":"bottom"},togglePicker(){this.disabled||(this.modelValue?this.pickerValue=this.parseLocalDate(this.modelValue):this.pickerValue=new Date,this.calculateDropdownPosition(),this.showPicker=!this.showPicker)},onPick(e){if(!e){this.localDate="dd/mm/aaaa",this.dayDigits="",this.monthDigits="",this.yearDigits="",this.pickerValue=null,this.model="",this.showPicker=!1;return}if(!(e instanceof Date))return;this.pickerValue=e;const t=i=>String(i).padStart(2,"0"),n=e.getFullYear(),r=t(e.getMonth()+1),o=t(e.getDate());t(e.getHours()),t(e.getMinutes()),this.localDate=`${o}/${r}/${n}`,this.model=`${n}-${r}-${o}`},initMask(){if(!this.localDate||this.localDate===""||this.localDate==="dd/mm/aaaa"){this.localDate="dd/mm/aaaa",this.dayDigits="",this.monthDigits="",this.yearDigits="",this.activeSection="day",this.$nextTick(()=>{this.$el.querySelector("input").setSelectionRange(0,2)});return}const e=this.localDate.split("/");e.length===3&&(this.dayDigits=e[0].replace(/\D/g,""),this.monthDigits=e[1].replace(/\D/g,""),this.yearDigits=e[2].replace(/\D/g,""))},handleSectionSelect(e){const t=e.target,n=t.selectionStart;n<=2?(this.activeSection="day",t.setSelectionRange(0,2)):n<=5?(this.activeSection="month",t.setSelectionRange(3,5)):(this.activeSection="year",t.setSelectionRange(6,10)),this.sectionSelected=!0},handleDateKeydown(e){if(e.key==="Backspace"||e.key==="Delete"){e.preventDefault();const s=e.target.selectionStart;if(e.key==="Backspace"&&(s===3||s===6)||e.key==="Delete"&&(s===2||s===5)){e.preventDefault();return}this.activeSection==="day"&&(this.dayDigits=""),this.activeSection==="month"&&(this.monthDigits=""),this.activeSection==="year"&&(this.yearDigits="");const l=this.dayDigits.padEnd(2,"d"),c=this.monthDigits.padEnd(2,"m"),u=this.yearDigits.padEnd(4,"a");this.localDate=`${l}/${c}/${u}`,this.$nextTick(()=>{const d=this.$el.querySelector("input");this.activeSection==="day"&&d.setSelectionRange(0,2),this.activeSection==="month"&&d.setSelectionRange(3,5),this.activeSection==="year"&&d.setSelectionRange(6,10)});return}if(["Tab","ArrowLeft","ArrowRight","Home","End"].includes(e.key))return;if(!/^[0-9]$/.test(e.key)){e.preventDefault();return}if(e.preventDefault(),this.sectionSelected&&(this.activeSection==="day"&&(this.dayDigits=""),this.activeSection==="month"&&(this.monthDigits=""),this.activeSection==="year"&&(this.yearDigits=""),this.sectionSelected=!1),this.activeSection==="day"){if(this.dayDigits+=e.key,this.dayDigits=this.dayDigits.slice(-2),this.dayDigits.length===2){const i=this.getMaxDay(this.monthDigits,this.yearDigits);let s=Number(this.dayDigits);s<1&&(s=1),s>i&&(s=i),this.dayDigits=String(s).padStart(2,"0"),this.activeSection="month"}}else if(this.activeSection==="month"){if(this.monthDigits+=e.key,this.monthDigits=this.monthDigits.slice(-2),this.monthDigits.length===2){let i=Number(this.monthDigits);i<1&&(i=1),i>12&&(i=12),this.monthDigits=String(i).padStart(2,"0"),this.activeSection="year"}}else if(this.activeSection==="year"&&(this.yearDigits+=e.key,this.yearDigits=this.yearDigits.slice(-4),this.yearDigits.length===4)){const i=this.getMaxDay(this.monthDigits,this.yearDigits);Number(this.dayDigits)>i&&(this.dayDigits=String(i).padStart(2,"0"))}const n=this.dayDigits.padEnd(2,"d"),r=this.monthDigits.padEnd(2,"m"),o=this.yearDigits.padEnd(4,"a");this.localDate=`${n}/${r}/${o}`,this.$nextTick(()=>{const i=this.$el.querySelector("input");this.activeSection==="month"?i.setSelectionRange(3,5):this.activeSection==="year"&&i.setSelectionRange(6,10)})},handleCursorMove(e){const n=e.target.selectionStart;n<=2?this.activeSection="day":n<=5?this.activeSection="month":this.activeSection="year"},getMaxDay(e,t){return e=Number(e),t=Number(t)||new Date().getFullYear(),e?new Date(t,e,0).getDate():31},handleClickOutside(e){this.$refs.dateTimeContainer&&!this.$refs.dateTimeContainer.contains(e.target)&&(this.showPicker=!1)},parseLocalDate(e){if(!e)return null;const[t,n]=e.split("T");if(!t)return null;const[r,o,i]=t.split("-").map(Number);if(!n)return new Date(r,o-1,i,12,0,0);const s=n.split(".")[0],[l=0,c=0]=s.split(":").map(Number);return new Date(r,o-1,i,l,c,0)}},mounted(){document.addEventListener("click",this.handleClickOutside)},beforeUnmount(){document.removeEventListener("click",this.handleClickOutside)}},bE={class:"w-full",ref:"dateTimeContainer"},wE=["for"],kE={class:"relative"},CE=["id"];function DE(e,t,n,r,o,i){const s=a.resolveComponent("font-awesome-icon"),l=a.resolveComponent("VDatePicker");return a.openBlock(),a.createElementBlock("div",bE,[a.createElementVNode("label",{class:a.normalizeClass(i.labelClass),for:o.uuid},[a.createTextVNode(a.toDisplayString(n.label)+" ",1),n.required?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.requiredClass)},"*",2)):a.createCommentVNode("",!0)],10,wE),a.createElementVNode("div",kE,[a.withDirectives(a.createElementVNode("input",a.mergeProps({id:o.uuid,type:"text",inputmode:"numeric",maxlength:"10","onUpdate:modelValue":t[0]||(t[0]=c=>o.localDate=c)},{disabled:n.disabled,required:n.required},{onFocus:t[1]||(t[1]=(...c)=>i.initMask&&i.initMask(...c)),onMouseup:t[2]||(t[2]=(...c)=>i.handleSectionSelect&&i.handleSectionSelect(...c)),onPaste:t[3]||(t[3]=a.withModifiers(()=>{},["prevent"])),onKeydown:t[4]||(t[4]=(...c)=>i.handleDateKeydown&&i.handleDateKeydown(...c)),onKeyup:t[5]||(t[5]=(...c)=>i.handleCursorMove&&i.handleCursorMove(...c)),onBlur:t[6]||(t[6]=(...c)=>i.emitValue&&i.emitValue(...c)),class:i.inputClass}),null,16,CE),[[a.vModelText,o.localDate]]),a.createElementVNode("span",{onClick:t[7]||(t[7]=(...c)=>i.togglePicker&&i.togglePicker(...c)),class:a.normalizeClass(["absolute right-3 top-1/2 -translate-y-1/2",n.disabled?"cursor-not-allowed":"cursor-pointer"])},[a.createVNode(s,{icon:"fa-solid fa-calendar",class:a.normalizeClass(i.iconStaticClass)},null,8,["class"])],2),o.showPicker?(a.openBlock(),a.createElementBlock("div",{key:0,class:a.normalizeClass(["absolute z-20 left-0",o.dropdownPosition==="top"?"bottom-full":"top-full"])},[a.createVNode(l,{modelValue:o.pickerValue,"onUpdate:modelValue":[t[8]||(t[8]=c=>o.pickerValue=c),i.onPick],mode:"date",is24hr:!0,"minute-increment":1,"min-date":i.minDateObj,"max-date":i.maxDateObj,"disabled-dates":n.disabledDates,"is-required":!1,"select-attribute":o.selectAttr,class:"shadow-lg rounded-lg border border-gray-200"},null,8,["modelValue","min-date","max-date","disabled-dates","select-attribute","onUpdate:modelValue"])],2)):a.createCommentVNode("",!0)]),n.description?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.descriptionClass)},a.toDisplayString(n.description),3)):a.createCommentVNode("",!0)],512)}const Jc=me(vE,[["render",DE],["__scopeId","data-v-2f7f0f95"]]),_E={name:"InputTimeStyle",props:{modelValue:String,label:{type:String,default:""},description:{type:String,default:""},min:{type:String,default:null},max:{type:String,default:null},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},validate:{type:Boolean,default:null},is24h:{type:Boolean,default:!1},mclass:{type:String,default:null}},data(){return{uuid:Le.getUUID(),localTime:"",showPicker:!1,dropdownPosition:"bottom",hourRefs:{},minuteRefs:{},selectedHour:null,selectedMinute:null,selectedPeriod:"AM"}},computed:{labelClass(){return C.inputLabelClass(this.disabled)},inputClass(){return[this.mclass,C.INPUT_BASE,"pr-10",C.inputValidateClass(this.validate)]},descriptionClass(){return C.inputDescriptionClass(this.validate)},requiredClass(){return C.REQUIRED_ASTERISK},iconStaticClass(){return[C.ICON_SIZE_STATIC,C.ICON_STATIC]},pickerWrapperClass(){return[C.TIME_PICKER_WRAPPER.replace("top-full",""),this.dropdownPosition==="top"?"bottom-full":"top-full"]},pickerContainerClass(){return C.TIME_PICKER_CONTAINER},pickerColumnClass(){return C.TIME_PICKER_COLUMN},pickerAmpmColumnClass(){return C.TIME_PICKER_AMPM_COLUMN},pickerColumnLabelClass(){return C.TIME_PICKER_COLUMN_LABEL},pickerItemClass(){return C.TIME_PICKER_ITEM}},watch:{modelValue:{immediate:!0,handler(e){if(this.localTime=e||"",!e)return;const[t,n]=e.split(":");let r=parseInt(t);this.is24h?this.selectedHour=t:(this.selectedPeriod=r>=12?"PM":"AM",r=r%12,r===0&&(r=12),this.selectedHour=String(r).padStart(2,"0")),this.selectedMinute=n}}},methods:{itemActiveClass(e){return C.timePickerItemClass(e)},selectHour(e){this.selectedHour=e,this.updateFromPicker()},selectMinute(e){this.selectedMinute=e,this.updateFromPicker()},selectPeriod(e){this.selectedPeriod=e,this.updateFromPicker()},applyTime(){if(!this.selectedHour||this.selectedMinute===null)return;let e=parseInt(this.selectedHour);this.is24h||(this.selectedPeriod==="PM"&&e<12&&(e+=12),this.selectedPeriod==="AM"&&e===12&&(e=0));const t=String(e).padStart(2,"0")+":"+this.selectedMinute;this.localTime=t,this.updateValue(t),this.showPicker=!1},setHourRef(e,t){e&&(this.hourRefs[t]=e)},setMinuteRef(e,t){e&&(this.minuteRefs[t]=e)},scrollToSelected(){this.$nextTick(()=>{this.selectedHour&&this.hourRefs[this.selectedHour]&&this.hourRefs[this.selectedHour].scrollIntoView({block:"center",behavior:"smooth"}),this.selectedMinute&&this.minuteRefs[this.selectedMinute]&&this.minuteRefs[this.selectedMinute].scrollIntoView({block:"center",behavior:"smooth"})})},calculateDropdownPosition(){const e=this.$refs.timeContainer;if(!e)return;const t=e.getBoundingClientRect(),n=window.innerHeight-t.bottom,r=t.top,o=220;this.dropdownPosition=n<o&&r>n?"top":"bottom"},togglePicker(){this.disabled||(this.calculateDropdownPosition(),this.showPicker=!this.showPicker,this.showPicker&&this.scrollToSelected())},handleClickOutside(e){this.$refs.timeContainer&&!this.$refs.timeContainer.contains(e.target)&&(this.showPicker=!1)},formatHour(e){return this.is24h?String(e-1).padStart(2,"0"):e===1?"12":String(e-1).padStart(2,"0")},updateFromPicker(){if(!this.selectedHour||this.selectedMinute===null)return;let e=parseInt(this.selectedHour);this.is24h||(this.selectedPeriod==="PM"&&e<12&&(e+=12),this.selectedPeriod==="AM"&&e===12&&(e=0));const t=String(e).padStart(2,"0")+":"+this.selectedMinute;this.localTime=t,this.updateValue(t)},updateValue(e,t=!1){this.$emit("update:modelValue",e),this.$emit("change",e),t&&this.$emit("blur",e)}},mounted(){document.addEventListener("click",this.handleClickOutside)},beforeUnmount(){document.removeEventListener("click",this.handleClickOutside)}},SE={class:"w-full",ref:"timeContainer"},xE=["for"],EE={class:"relative"},PE=["id","disabled","required"],$E={class:"flex gap-2"},NE={class:"flex-1"},ME=["onClick"],AE={class:"flex-1"},IE=["onClick"],TE={key:0,class:"flex-1"},OE=["onClick"];function BE(e,t,n,r,o,i){const s=a.resolveComponent("font-awesome-icon");return a.openBlock(),a.createElementBlock("div",SE,[a.createElementVNode("label",{class:a.normalizeClass(i.labelClass),for:o.uuid},[a.createTextVNode(a.toDisplayString(n.label)+" ",1),n.required?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.requiredClass)},"*",2)):a.createCommentVNode("",!0)],10,xE),a.createElementVNode("div",EE,[a.withDirectives(a.createElementVNode("input",{id:o.uuid,type:"time","onUpdate:modelValue":t[0]||(t[0]=l=>o.localTime=l),disabled:n.disabled,required:n.required,onBlur:t[1]||(t[1]=l=>i.updateValue(o.localTime,!0)),class:a.normalizeClass(i.inputClass)},null,42,PE),[[a.vModelText,o.localTime]]),a.createElementVNode("span",{onClick:t[2]||(t[2]=(...l)=>i.togglePicker&&i.togglePicker(...l)),class:a.normalizeClass(["absolute right-3 top-1/2 -translate-y-1/2",n.disabled?"cursor-not-allowed":"cursor-pointer"])},[a.createVNode(s,{icon:"fa-solid fa-clock",class:a.normalizeClass(i.iconStaticClass)},null,8,["class"])],2),o.showPicker?(a.openBlock(),a.createElementBlock("div",{key:0,class:a.normalizeClass(i.pickerWrapperClass)},[a.createElementVNode("div",{class:a.normalizeClass(i.pickerContainerClass)},[a.createElementVNode("div",$E,[a.createElementVNode("div",NE,[a.createElementVNode("label",{class:a.normalizeClass(i.pickerColumnLabelClass)}," Hora ",2),a.createElementVNode("div",{class:a.normalizeClass(i.pickerColumnClass)},[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(n.is24h?24:12,l=>(a.openBlock(),a.createElementBlock("div",{key:"h"+l,ref_for:!0,ref:c=>i.setHourRef(c,i.formatHour(l)),onClick:c=>i.selectHour(i.formatHour(l)),class:a.normalizeClass([i.pickerItemClass,i.itemActiveClass(o.selectedHour===i.formatHour(l))])},a.toDisplayString(i.formatHour(l)),11,ME))),128))],2)]),a.createElementVNode("div",AE,[a.createElementVNode("label",{class:a.normalizeClass(i.pickerColumnLabelClass)},"Minuto",2),a.createElementVNode("div",{class:a.normalizeClass(i.pickerColumnClass)},[(a.openBlock(),a.createElementBlock(a.Fragment,null,a.renderList(60,l=>a.createElementVNode("div",{key:"m"+l,ref_for:!0,ref:c=>i.setMinuteRef(c,String(l-1).padStart(2,"0")),onClick:c=>i.selectMinute(String(l-1).padStart(2,"0")),class:a.normalizeClass([i.pickerItemClass,i.itemActiveClass(o.selectedMinute===String(l-1).padStart(2,"0"))])},a.toDisplayString(String(l-1).padStart(2,"0")),11,IE)),64))],2)]),n.is24h?a.createCommentVNode("",!0):(a.openBlock(),a.createElementBlock("div",TE,[a.createElementVNode("label",{class:a.normalizeClass(i.pickerColumnLabelClass)}," AM/PM ",2),a.createElementVNode("div",{class:a.normalizeClass(i.pickerAmpmColumnClass)},[(a.openBlock(),a.createElementBlock(a.Fragment,null,a.renderList(["AM","PM"],l=>a.createElementVNode("div",{key:l,onClick:c=>i.selectPeriod(l),class:a.normalizeClass([i.pickerItemClass,i.itemActiveClass(o.selectedPeriod===l)])},a.toDisplayString(l),11,OE)),64))],2)]))])],2)],2)):a.createCommentVNode("",!0)]),n.description?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.descriptionClass)},a.toDisplayString(n.description),3)):a.createCommentVNode("",!0)],512)}const Qc=me(_E,[["render",BE],["__scopeId","data-v-cd7ea14f"]]),LE={name:"InputNumberStyle",props:{modelValue:{type:[String,Number],default:""},label:{type:String,default:""},description:{type:String,default:""},placeholder:{type:String,default:""},numeric:{type:String,default:null},min:{type:String,default:null},max:{type:String,default:null},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},validate:{type:Boolean,default:null},mclass:{type:String,default:null}},data(){return{uuid:Le.getUUID(),isFocused:!1}},computed:{effectiveDigits(){if(this.numeric){const[e]=this.numeric.split(",");return e?.trim()||"10"}return"10"},effectiveDecimals(){if(this.numeric){const[,e]=this.numeric.split(",");return e?.trim()??"2"}return"2"},allowNegative(){return this.min===null||Number(this.min)<0},model:{get(){return this.modelValue},set(e){this.$emit("update:modelValue",e),this.$emit("change",e)}},displayValue(){if(this.isFocused)return this.modelValue?.toString()??"";if(this.modelValue===""||this.modelValue===null)return"";const e=Number(this.modelValue);return isNaN(e)?"":e.toLocaleString("en-US",{minimumFractionDigits:Number(this.effectiveDecimals),maximumFractionDigits:Number(this.effectiveDecimals)})},labelClass(){return C.inputLabelClass(this.disabled)},inputClass(){return[this.mclass,C.INPUT_BASE,C.inputValidateClass(this.validate)]},descriptionClass(){return C.inputDescriptionClass(this.validate)},requiredClass(){return C.REQUIRED_ASTERISK}},methods:{onKeyDown(e){const t=["Backspace","Delete","Tab","Escape","Enter","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"];if((e.ctrlKey||e.metaKey)&&["a","c","v","x","z"].includes(e.key.toLowerCase())||t.includes(e.key))return;const n=e.target.value,r=e.target.selectionStart,o=e.target.selectionStart!==e.target.selectionEnd;if(e.key==="-"){if(!this.allowNegative){e.preventDefault();return}(r!==0||n.startsWith("-"))&&e.preventDefault();return}const i=n.startsWith("-")?n.slice(1):n,[s="",l=""]=i.split("."),c=i.includes(".");if(e.key>="0"&&e.key<="9"){const u=n.startsWith("-")?r-1:r;if(!c||u<=s.length){!o&&s.length>=Number(this.effectiveDigits)&&e.preventDefault();return}if(c&&u>s.length){!o&&l.length>=Number(this.effectiveDecimals)&&e.preventDefault();return}}if(e.key==="."){(Number(this.effectiveDecimals)===0||c)&&e.preventDefault();return}e.preventDefault()},onInput(e){const t=e.target.value,n=this.allowNegative&&t.startsWith("-");if(n&&t==="-"){this.$emit("update:modelValue","-");return}let r=t.replace(/[^0-9.]/g,"");const[o,i=""]=r.split("."),s=i?`${o}.${i}`:o;this.$emit("update:modelValue",n?`-${s}`:s)},onPaste(e){const t=e.clipboardData.getData("text"),n=this.allowNegative&&t.trimStart().startsWith("-");let r=t.replace(/[^0-9.]/g,""),[o,i=""]=r.split(".");if(o.length>Number(this.effectiveDigits)||i.length>Number(this.effectiveDecimals))return;const s=i?`${o}.${i}`:o;this.$emit("update:modelValue",n&&s!==""?`-${s}`:s)},onBlur(e){if(this.isFocused=!1,this.modelValue===""||this.modelValue==="."||this.modelValue==="-"){this.$emit("update:modelValue","");return}let t=Number(this.modelValue);if(isNaN(t))return;const n=this.min!==null?Number(this.min):null,r=this.max!==null?Number(this.max):null;n!==null&&t<n&&(t=n),r!==null&&t>r&&(t=r),this.$emit("update:modelValue",t.toFixed(Number(this.effectiveDecimals))),this.$emit("blur",e)}}},VE={class:"w-full"},YE=["for"],FE=["id","value","placeholder","min","max"];function RE(e,t,n,r,o,i){return a.openBlock(),a.createElementBlock("div",VE,[a.createElementVNode("label",{class:a.normalizeClass(i.labelClass),for:o.uuid},[a.createTextVNode(a.toDisplayString(n.label)+" ",1),n.required?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.requiredClass)},"*",2)):a.createCommentVNode("",!0)],10,YE),a.withDirectives(a.createElementVNode("input",a.mergeProps({id:o.uuid,type:"text",value:i.displayValue,placeholder:n.placeholder,onFocus:t[0]||(t[0]=s=>o.isFocused=!0),onBlur:t[1]||(t[1]=(...s)=>i.onBlur&&i.onBlur(...s)),onKeydown:t[2]||(t[2]=(...s)=>i.onKeyDown&&i.onKeyDown(...s)),onInput:t[3]||(t[3]=(...s)=>i.onInput&&i.onInput(...s)),onPaste:t[4]||(t[4]=a.withModifiers((...s)=>i.onPaste&&i.onPaste(...s),["prevent"])),min:n.min?Number(n.min):null,max:n.max?Number(n.max):null},{disabled:n.disabled,required:n.required},{"onUpdate:modelValue":t[5]||(t[5]=s=>i.model=s),class:[i.inputClass,"text-right"],inputmode:"decimal"}),null,16,FE),[[a.vModelText,i.model]]),n.description?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.descriptionClass)},a.toDisplayString(n.description),3)):a.createCommentVNode("",!0)])}const eu=me(LE,[["render",RE]]),zE={name:"InputPasswordStyle",props:{modelValue:{type:[String,Number],default:""},label:{type:String,default:""},description:{type:String,default:""},placeholder:{type:String,default:""},maxlength:{type:String,default:null},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},validate:{type:Boolean,default:null},mclass:{type:String,default:null}},data(){return{uuid:Le.getUUID(),showPassword:!1}},computed:{model:{get(){return this.modelValue},set(e){this.$emit("update:modelValue",e),this.$emit("change",e)}},labelClass(){return C.inputLabelClass(this.disabled)},inputClass(){return[this.mclass,C.INPUT_BASE,C.inputValidateClass(this.validate),"pr-10"]},descriptionClass(){return C.inputDescriptionClass(this.validate)},requiredClass(){return C.REQUIRED_ASTERISK},iconStaticClass(){return[C.ICON_SIZE_STATIC,C.ICON_STATIC]}},methods:{emitBlur(e){this.$emit("blur",e)},togglePassword(){this.disabled||(this.showPassword=!this.showPassword)}}},jE={class:"w-full"},WE=["for"],HE={class:"relative"},UE=["id","type","maxlength","placeholder"];function KE(e,t,n,r,o,i){const s=a.resolveComponent("font-awesome-icon");return a.openBlock(),a.createElementBlock("div",jE,[a.createElementVNode("label",{class:a.normalizeClass(i.labelClass),for:o.uuid},[a.createTextVNode(a.toDisplayString(n.label)+" ",1),n.required?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.requiredClass)},"*",2)):a.createCommentVNode("",!0)],10,WE),a.createElementVNode("div",HE,[a.withDirectives(a.createElementVNode("input",a.mergeProps({id:o.uuid,type:o.showPassword?"text":"password",maxlength:n.maxlength?Number(n.maxlength):null,placeholder:n.placeholder},{disabled:n.disabled,required:n.required},{onBlur:t[0]||(t[0]=(...l)=>i.emitBlur&&i.emitBlur(...l)),"onUpdate:modelValue":t[1]||(t[1]=l=>i.model=l),class:i.inputClass}),null,16,UE),[[a.vModelDynamic,i.model]]),a.createElementVNode("span",{onClick:t[2]||(t[2]=(...l)=>i.togglePassword&&i.togglePassword(...l)),class:a.normalizeClass(["absolute right-3 top-1/2 -translate-y-1/2",n.disabled?"cursor-not-allowed":"cursor-pointer"])},[o.showPassword?a.createCommentVNode("",!0):(a.openBlock(),a.createBlock(s,{key:0,icon:"fa-solid fa-eye",class:a.normalizeClass(i.iconStaticClass),title:"Mostrar contraseña"},null,8,["class"])),o.showPassword?(a.openBlock(),a.createBlock(s,{key:1,icon:"fa-solid fa-eye-slash",class:a.normalizeClass(i.iconStaticClass),title:"Ocultar contraseña"},null,8,["class"])):a.createCommentVNode("",!0)],2)]),n.description?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.descriptionClass)},a.toDisplayString(n.description),3)):a.createCommentVNode("",!0)])}const tu=me(zE,[["render",KE]]),qE={name:"InputTextStyle",props:{modelValue:{type:[String,Number],default:""},label:{type:String,default:""},description:{type:String,default:""},placeholder:{type:String,default:""},type:{type:String,default:"text",validator(e){return["text","email","search","tel","url","number"].includes(e)}},maxlength:{type:String,default:null},minlength:{type:String,default:null},min:{type:String,default:null},max:{type:String,default:null},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},validate:{type:Boolean,default:null},mclass:{type:String,default:null}},computed:{model:{get(){return this.modelValue},set(e){this.$emit("update:modelValue",e),this.$emit("change",e)}},labelClass(){return C.inputLabelClass(this.disabled)},inputClass(){return[this.mclass,C.INPUT_BASE,C.inputValidateClass(this.validate)]},descriptionClass(){return C.inputDescriptionClass(this.validate)},requiredClass(){return C.REQUIRED_ASTERISK}},data(){return{uuid:Le.getUUID()}},methods:{emitBlur(e){if(this.type==="number"&&(this.min!==null||this.max!==null)){let t=Number(this.modelValue);if(!isNaN(t)&&this.modelValue!==""){const n=this.min!==null?Number(this.min):null,r=this.max!==null?Number(this.max):null;n!==null&&t<n&&(t=n),r!==null&&t>r&&(t=r),this.$emit("update:modelValue",t)}}this.$emit("blur",e)}}},GE={class:"w-full"},ZE=["for"],XE=["id","type","placeholder","maxlength","minlength"];function JE(e,t,n,r,o,i){return a.openBlock(),a.createElementBlock("div",GE,[a.createElementVNode("label",{class:a.normalizeClass(i.labelClass),for:o.uuid},[a.createTextVNode(a.toDisplayString(n.label)+" ",1),n.required?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.requiredClass)},"*",2)):a.createCommentVNode("",!0)],10,ZE),a.withDirectives(a.createElementVNode("input",a.mergeProps({id:o.uuid,type:n.type,placeholder:n.placeholder,maxlength:n.maxlength?Number(n.maxlength):null,minlength:n.minlength?Number(n.minlength):null},{disabled:n.disabled,required:n.required},{onBlur:t[0]||(t[0]=(...s)=>i.emitBlur&&i.emitBlur(...s)),"onUpdate:modelValue":t[1]||(t[1]=s=>i.model=s),class:i.inputClass}),null,16,XE),[[a.vModelDynamic,i.model]]),n.description?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.descriptionClass)},a.toDisplayString(n.description),3)):a.createCommentVNode("",!0)])}const nu=me(qE,[["render",JE]]),QE={name:"InputCheckStyle",props:{modelValue:{type:Boolean,default:!1},label:{type:String,default:""},description:{type:String,default:""},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},validate:{type:Boolean,default:null},mclass:{type:String,default:null}},data(){return{uuid:Le.getUUID(),registry:C}},computed:{model:{get(){return this.modelValue},set(e){this.$emit("update:modelValue",e),this.$emit("change",e)}},labelClass(){return C.inputCheckLabelClass(this.disabled)},inputBoxClass(){return[this.mclass,C.CHECK_BOX_BASE,C.checkBoxClass(this.model,this.disabled)]},descriptionClass(){return C.inputDescriptionClass(this.validate,!1)},requiredClass(){return C.REQUIRED_ASTERISK}},methods:{emitBlur(e){this.$emit("blur",e)}}},e3={class:"inline-block"},t3={class:"flex items-center gap-2 cursor-pointer select-none"},n3=["id"];function r3(e,t,n,r,o,i){const s=a.resolveComponent("font-awesome-icon");return a.openBlock(),a.createElementBlock("div",e3,[a.createElementVNode("label",t3,[a.withDirectives(a.createElementVNode("input",a.mergeProps({id:o.uuid,type:"checkbox"},{disabled:n.disabled,required:n.required},{onBlur:t[0]||(t[0]=(...l)=>i.emitBlur&&i.emitBlur(...l)),"onUpdate:modelValue":t[1]||(t[1]=l=>i.model=l),class:"peer hidden"}),null,16,n3),[[a.vModelCheckbox,i.model]]),a.createElementVNode("span",{class:a.normalizeClass(i.inputBoxClass)},[i.model?(a.openBlock(),a.createBlock(s,{key:0,icon:"fa-solid fa-check",class:a.normalizeClass([o.registry.ICON_SIZE_STATIC,"text-white"])},null,8,["class"])):a.createCommentVNode("",!0)],2),n.label?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.labelClass)},[a.createTextVNode(a.toDisplayString(n.label)+" ",1),n.required?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.requiredClass)},"*",2)):a.createCommentVNode("",!0)],2)):a.createCommentVNode("",!0)]),n.description?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.descriptionClass)},a.toDisplayString(n.description),3)):a.createCommentVNode("",!0)])}const ru=me(QE,[["render",r3]]),a3={name:"InputRadioStyle",props:{modelValue:{type:Boolean,default:!1},label:{type:String,default:""},description:{type:String,default:""},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},validate:{type:Boolean,default:null},mclass:{type:String,default:null}},computed:{model:{get(){return this.modelValue},set(e){this.$emit("update:modelValue",e),this.$emit("change",e)}},labelClass(){return C.inputCheckLabelClass(this.disabled)},inputRadioClass(){return[this.mclass,C.RADIO_BASE,C.radioClass(this.model,this.disabled)]},descriptionClass(){return C.inputDescriptionClass(this.validate,!1)},requiredClass(){return C.REQUIRED_ASTERISK}},data(){return{uuid:Le.getUUID()}},methods:{emitBlur(e){this.$emit("blur",e)}}},i3={class:"inline-block"},o3={class:"flex items-center gap-2 cursor-pointer select-none"},s3=["id"];function l3(e,t,n,r,o,i){return a.openBlock(),a.createElementBlock("div",i3,[a.createElementVNode("label",o3,[a.withDirectives(a.createElementVNode("input",a.mergeProps({id:o.uuid,type:"checkbox"},{disabled:n.disabled,required:n.required},{onBlur:t[0]||(t[0]=(...s)=>i.emitBlur&&i.emitBlur(...s)),"onUpdate:modelValue":t[1]||(t[1]=s=>i.model=s),class:"peer hidden"}),null,16,s3),[[a.vModelCheckbox,i.model]]),a.createElementVNode("span",{class:a.normalizeClass(i.inputRadioClass)},null,2),n.label?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.labelClass)},[a.createTextVNode(a.toDisplayString(n.label)+" ",1),n.required?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.requiredClass)},"*",2)):a.createCommentVNode("",!0)],2)):a.createCommentVNode("",!0)]),n.description?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.descriptionClass)},a.toDisplayString(n.description),3)):a.createCommentVNode("",!0)])}const au=me(a3,[["render",l3]]),c3={name:"InputSwitchStyle",props:{modelValue:{type:Boolean,default:!1},label:{type:String,default:""},description:{type:String,default:""},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},validate:{type:Boolean,default:null},mclass:{type:String,default:null}},computed:{model:{get(){return this.modelValue},set(e){this.$emit("update:modelValue",e),this.$emit("change",e)}},labelClass(){return C.inputCheckLabelClass(this.disabled)},inputRadioClass(){return[this.mclass,C.SWITCH_BASE,C.switchClass(this.model,this.disabled)]},inputRadioMinClass(){return["absolute w-3 h-3 rounded-full transition-all duration-200 ease-in-out",C.switchDotClass(this.model,this.disabled)]},descriptionClass(){return C.inputDescriptionClass(this.validate,!1)},requiredClass(){return C.REQUIRED_ASTERISK}},data(){return{uuid:Le.getUUID()}},methods:{emitBlur(e){this.$emit("blur",e)}}},u3={class:"inline-block"},d3={class:"flex items-center gap-2 cursor-pointer select-none"},f3=["id"];function m3(e,t,n,r,o,i){return a.openBlock(),a.createElementBlock("div",u3,[a.createElementVNode("label",d3,[a.withDirectives(a.createElementVNode("input",a.mergeProps({id:o.uuid,type:"checkbox"},{disabled:n.disabled,required:n.required},{onBlur:t[0]||(t[0]=(...s)=>i.emitBlur&&i.emitBlur(...s)),"onUpdate:modelValue":t[1]||(t[1]=s=>i.model=s),class:"peer hidden"}),null,16,f3),[[a.vModelCheckbox,i.model]]),a.createElementVNode("span",{class:a.normalizeClass(i.inputRadioClass)},[a.createElementVNode("span",{class:a.normalizeClass(i.inputRadioMinClass)},null,2)],2),n.label?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.labelClass)},[a.createTextVNode(a.toDisplayString(n.label)+" ",1),n.required?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.requiredClass)},"*",2)):a.createCommentVNode("",!0)],2)):a.createCommentVNode("",!0)]),n.description?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.descriptionClass)},a.toDisplayString(n.description),3)):a.createCommentVNode("",!0)])}const iu=me(c3,[["render",m3]]),h3={name:"ButtonStyle",emits:["click"],props:{type:{type:String,default:"button",validator:e=>["button","submit"].includes(e)},class:{type:String,default:""},disabled:{type:Boolean,default:!1},delay:{type:String,default:"1.5"}},data(){return{internalDisabled:!1}},computed:{isDisabled(){return this.disabled||this.internalDisabled},buttonClasses(){return[this.class]}},methods:{handleClick(e){this.isDisabled||(this.$emit("click",e),this.internalDisabled=!0,setTimeout(()=>{this.internalDisabled=!1},1e3*Number(this.delay)))}}},p3=["type","disabled"];function g3(e,t,n,r,o,i){return a.openBlock(),a.createElementBlock("button",{type:n.type,onClick:t[0]||(t[0]=(...s)=>i.handleClick&&i.handleClick(...s)),disabled:i.isDisabled,class:a.normalizeClass(i.buttonClasses)},[a.renderSlot(e.$slots,"default")],10,p3)}const ou=me(h3,[["render",g3]]),y3={name:"InputFileDownloadStyle",props:{modelValue:{type:File,default:null},disabled:{type:Boolean,default:!1},delay:{type:String,default:"1.5"},state:{type:String,default:"download",validator(e){return["download","loader","complete"].includes(e)}}},data(){return{internalDisabled:!1}},computed:{model:{get(){return this.modelValue},set(e){this.$emit("update:modelValue",e),this.$emit("change",e)}},isDisabled(){return this.disabled||this.internalDisabled},buttonClass(){return[C.FILE_BUTTON_BASE,this.isDisabled?C.FILE_BUTTON_DISABLED:C.FILE_BUTTON_ACTIVE]},iconClass(){return["w-10 h-10 flex items-center justify-center rounded-full",this.isDisabled?C.FILE_ICON_BG_DISABLED:this.state==="complete"?C.FILE_ICON_BG_COMPLETE:C.FILE_ICON_BG]}},methods:{handleClick(){this.isDisabled||(this.internalDisabled=!0,setTimeout(()=>{this.internalDisabled=!1},1e3*Number(this.delay)))}}},v3={class:"inline-block"},b3=["disabled"],w3={class:"hidden sm:flex flex-col text-left leading-tight"},k3={key:0,class:"text-sm font-bold"},C3={key:1,class:"text-sm font-bold"},D3={key:2,class:"text-sm font-bold"};function _3(e,t,n,r,o,i){const s=a.resolveComponent("font-awesome-icon");return a.openBlock(),a.createElementBlock("div",v3,[a.createElementVNode("button",{type:"button",onClick:t[0]||(t[0]=(...l)=>i.handleClick&&i.handleClick(...l)),disabled:i.isDisabled,class:a.normalizeClass(i.buttonClass)},[a.createElementVNode("span",{class:a.normalizeClass(i.iconClass)},[n.state==="download"?(a.openBlock(),a.createBlock(s,{key:0,icon:"fa-solid fa-cloud-arrow-down",class:"w-5 h-5 text-white"})):a.createCommentVNode("",!0),n.state==="loader"?(a.openBlock(),a.createBlock(s,{key:1,icon:"fa-solid fa-spinner",class:"w-5 h-5 text-white animate-spin"})):a.createCommentVNode("",!0),n.state==="complete"?(a.openBlock(),a.createBlock(s,{key:2,icon:"fa-solid fa-check",class:"w-5 h-5 text-white"})):a.createCommentVNode("",!0)],2),a.createElementVNode("div",w3,[n.state==="download"?(a.openBlock(),a.createElementBlock("span",k3,"Descargar")):a.createCommentVNode("",!0),n.state==="loader"?(a.openBlock(),a.createElementBlock("span",C3,"Descargando")):a.createCommentVNode("",!0),n.state==="complete"?(a.openBlock(),a.createElementBlock("span",D3,"Descargado")):a.createCommentVNode("",!0)])],10,b3)])}const su=me(y3,[["render",_3]]),S3={name:"InputFileUploadStyle",props:{modelValue:{type:File,default:null},disabled:{type:Boolean,default:!1},delay:{type:String,default:"1.5"},formats:{type:Array,default:()=>[]},maxSizeMB:{type:[String,Number],default:5},state:{type:String,default:"uphold",validator(e){return["uphold","loader"].includes(e)}}},data(){return{internalDisabled:!1,description:""}},computed:{model:{get(){return this.modelValue},set(e){this.$emit("update:modelValue",e),this.$emit("change",e)}},isDisabled(){return this.disabled||this.internalDisabled},formatsText(){return this.formats.length?this.formats.join(", "):"Todos"},acceptFormats(){return this.formats.map(e=>`.${e}`).join(",")},descriptionClass(){return["block w-full text-sm text-right",this.validate===!1?"text-red-500":this.validate===!0?"text-emerald-500":"text-gray-500"]},buttonClass(){return[C.FILE_BUTTON_BASE,this.isDisabled?C.FILE_BUTTON_DISABLED:C.FILE_BUTTON_ACTIVE]},iconClass(){return["w-10 h-10 flex items-center justify-center rounded-full",this.isDisabled?C.FILE_ICON_BG_DISABLED:C.FILE_ICON_BG]}},methods:{handleClick(){this.isDisabled||(this.$refs.fileInput.click(),this.internalDisabled=!0,setTimeout(()=>{this.internalDisabled=!1},1e3*Number(this.delay)))},onFileSelected(e){this.description="",this.validate=null;const t=e.target.files[0];if(!t)return;const n=t.size/1024/1024,r=t.name.split(".").pop().toLowerCase();if(n>Number(this.maxSizeMB)){this.description=`El archivo supera los ${this.maxSizeMB}MB`,this.validate=!1,this.model=null,e.target.value="";return}if(this.formats.length&&!this.formats.includes(r)){this.description=`Formato no permitido: .${r}`,this.validate=!1,this.model=null,e.target.value="";return}this.model=t,this.description=t.name,this.validate=!0}}},x3={class:"inline-block"},E3=["accept","disabled"],P3={class:"block text-xs text-gray-500 mb-1"},$3={class:"font-bold text-gray-600 uppercase"},N3=["disabled"],M3={class:"hidden sm:flex flex-col text-left leading-tight"},A3={class:"text-xs font-bold text-gray-500"};function I3(e,t,n,r,o,i){const s=a.resolveComponent("font-awesome-icon");return a.openBlock(),a.createElementBlock("div",x3,[a.createElementVNode("input",{ref:"fileInput",type:"file",class:"hidden",accept:i.acceptFormats,disabled:i.isDisabled,onChange:t[0]||(t[0]=(...l)=>i.onFileSelected&&i.onFileSelected(...l))},null,40,E3),a.createElementVNode("span",P3,[t[2]||(t[2]=a.createTextVNode(" Formatos permitidos: ",-1)),a.createElementVNode("span",$3,a.toDisplayString(`${i.formatsText}.`),1)]),a.createElementVNode("button",{type:"button",onClick:t[1]||(t[1]=(...l)=>i.handleClick&&i.handleClick(...l)),disabled:i.isDisabled,class:a.normalizeClass(i.buttonClass)},[a.createElementVNode("span",{class:a.normalizeClass(i.iconClass)},[n.state==="uphold"?(a.openBlock(),a.createBlock(s,{key:0,icon:"fa-solid fa-cloud-arrow-up",class:"w-5 h-5 text-white"})):a.createCommentVNode("",!0),n.state==="loader"?(a.openBlock(),a.createBlock(s,{key:1,icon:"fa-solid fa-spinner",class:"w-5 h-5 text-white animate-spin"})):a.createCommentVNode("",!0)],2),a.createElementVNode("div",M3,[t[3]||(t[3]=a.createElementVNode("span",{class:"text-sm font-bold"},"Adjuntar",-1)),a.createElementVNode("span",A3,a.toDisplayString(`Max ${n.maxSizeMB} MB`),1)])],10,N3),o.description?(a.openBlock(),a.createElementBlock("p",{key:0,class:a.normalizeClass(i.descriptionClass)},a.toDisplayString(o.description),3)):a.createCommentVNode("",!0)])}const lu=me(S3,[["render",I3]]),T3={name:"LoaderStyle",props:{message:{type:String,default:"Cargando..."}},computed:{arcStroke(){return C.LOADER_ARC_STROKE},messageClass(){return C.LOADER_MESSAGE}}},O3={class:"flex flex-col items-center justify-center gap-3"},B3={class:"relative w-16 h-16"},L3={class:"absolute inset-0 w-full h-full animate-spin",viewBox:"0 0 100 100"},V3=["stroke"];function Y3(e,t,n,r,o,i){return a.openBlock(),a.createElementBlock("div",O3,[a.createElementVNode("div",B3,[t[0]||(t[0]=a.createElementVNode("svg",{class:"w-full h-full",viewBox:"0 0 100 100"},[a.createElementVNode("circle",{cx:"50",cy:"50",r:"45",stroke:"#E5E7EB","stroke-width":"8",fill:"none"})],-1)),(a.openBlock(),a.createElementBlock("svg",L3,[a.createElementVNode("circle",{cx:"50",cy:"50",r:"45",stroke:i.arcStroke,"stroke-width":"8",fill:"none","stroke-linecap":"round","stroke-dasharray":"70 213"},null,8,V3)]))]),a.createElementVNode("div",{class:a.normalizeClass(i.messageClass)},a.toDisplayString(n.message),3)])}const cu=me(T3,[["render",Y3]]),F3={name:"ModalStyle",props:{modelValue:{type:Boolean,default:!1},title:{type:String,default:"Sin titulo asignado"},size:{type:String,default:"lg",validator:e=>["sm","md","lg","xl","2xl","3xl","4xl","5xl","full"].includes(e)},showCloseButton:{type:Boolean,default:!0},closeOnEscape:{type:Boolean,default:!0},closeOnOverlayClick:{type:Boolean,default:!0}},emits:["update:modelValue"],computed:{sizeClass(){const e={sm:"max-w-sm",md:"max-w-md",lg:"max-w-lg",xl:"max-w-xl","2xl":"max-w-2xl","3xl":"max-w-3xl","4xl":"max-w-4xl","5xl":"max-w-5xl",full:"max-w-[95%] h-[90vh]"};return e[this.size]||e.md}},watch:{modelValue:{handler(e){this.toggleBodyScroll(e)},immediate:!0}},mounted(){this.closeOnEscape&&window.addEventListener("keydown",this.handleKeydown)},beforeUnmount(){this.closeOnEscape&&window.removeEventListener("keydown",this.handleKeydown),this.toggleBodyScroll(!1)},methods:{toggleBodyScroll(e){if(e){const t=window.innerWidth-document.documentElement.clientWidth;document.body.style.overflow="hidden",document.body.style.paddingRight=`${t}px`}else document.body.style.overflow="",document.body.style.paddingRight=""},handleKeydown(e){e.key==="Escape"&&this.modelValue&&this.closeOnEscape&&this.handleClose()},handleClose(){this.$emit("update:modelValue",!1)},close(){this.handleClose()}}},R3={key:0,class:"fixed inset-0 bg-black/30 backdrop-blur-xs flex items-center justify-center z-100 p-4 select-none"},z3={class:"p-4 border-b border-gray-200 flex items-center justify-between gap-2"},j3=["title"],W3={class:"p-4 overflow-y-auto flex-1"},H3={key:0,class:"p-4 border-t border-gray-200"};function U3(e,t,n,r,o,i){const s=a.resolveComponent("font-awesome-icon");return a.openBlock(),a.createBlock(a.Teleport,{to:"body"},[a.createVNode(a.Transition,{"enter-active-class":"transition-opacity duration-300","leave-active-class":"transition-opacity duration-300","enter-from-class":"opacity-0","leave-to-class":"opacity-0"},{default:a.withCtx(()=>[n.modelValue?(a.openBlock(),a.createElementBlock("div",R3,[a.createVNode(a.Transition,{"enter-active-class":"transition duration-300","leave-active-class":"transition duration-300","enter-from-class":"opacity-0 scale-95","leave-to-class":"opacity-0 scale-95"},{default:a.withCtx(()=>[n.modelValue?(a.openBlock(),a.createElementBlock("div",{key:0,class:a.normalizeClass(["bg-white rounded-lg shadow-2xl max-h-[90vh] flex flex-col w-full",i.sizeClass]),onClick:t[1]||(t[1]=a.withModifiers(()=>{},["stop"]))},[a.createElementVNode("div",z3,[a.renderSlot(e.$slots,"title",{},()=>[a.createElementVNode("h3",{class:"text-lg font-semibold text-gray-700 flex-1 min-w-0 truncate",title:n.title},a.toDisplayString(n.title),9,j3)]),n.showCloseButton?(a.openBlock(),a.createElementBlock("button",{key:0,onClick:t[0]||(t[0]=(...l)=>i.handleClose&&i.handleClose(...l)),type:"button",class:"text-gray-400 hover:text-gray-600 transition-colors px-1.5 py-1 rounded-lg hover:bg-gray-100 shrink-0 cursor-pointer"},[a.createVNode(s,{icon:"fa-solid fa-xmark"})])):a.createCommentVNode("",!0)]),a.createElementVNode("div",W3,[a.renderSlot(e.$slots,"default",{close:i.handleClose})]),e.$slots.footer?(a.openBlock(),a.createElementBlock("div",H3,[a.renderSlot(e.$slots,"footer",{close:i.handleClose})])):a.createCommentVNode("",!0)],2)):a.createCommentVNode("",!0)]),_:3})])):a.createCommentVNode("",!0)]),_:3})])}const uu=me(F3,[["render",U3]]),K3={name:"SelectStyle",props:{modelValue:[String,Number,Object],returnValue:{type:String,default:"value",validator(e){return["value","text","object"].includes(e)}},label:{type:String,default:""},description:{type:String,default:""},list:{type:Array,default:()=>[]},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},validate:{type:Boolean,default:null},mclass:{type:String,default:null}},data(){return{uuid:Le.getUUID(),open:!1,selected:null,dropdownPosition:"bottom",highlightedIndex:-1,searchBuffer:"",searchTimeout:null}},computed:{model:{get(){return this.modelValue},set(e){this.$emit("update:modelValue",e),this.$emit("change",e)}},selectedText(){const e=this.list.find(t=>t.value===this.selected);return e?e.text:"- Seleccione una opción"},labelClass(){return C.inputLabelClass(this.disabled)},inputClass(){return this.disabled?[this.mclass,C.SELECT_DISABLED]:[this.mclass,C.INPUT_BASE,"cursor-pointer",C.inputValidateClass(this.validate),this.validate!==null?"pr-10":null]},descriptionClass(){return C.inputDescriptionClass(this.validate)},dropdownClass(){return[C.SELECT_DROPDOWN,this.dropdownPosition==="top"?"bottom-full":"top-full"]},emptyClass(){return C.SELECT_EMPTY},requiredClass(){return C.REQUIRED_ASTERISK},iconStaticClass(){return[C.ICON_SIZE_STATIC,C.ICON_STATIC]}},watch:{modelValue:{immediate:!0,handler(e){this.syncSelected(e)}},list:{immediate:!0,handler(){this.syncSelected(this.modelValue)}},open(e,t){e===!0&&(this.calculateDropdownPosition(),this.scrollToHighlighted()),t===!0&&e===!1&&this.$emit("blur")},highlightedIndex(){this.scrollToHighlighted(!1)}},methods:{getOptionClass(e,t){return[C.SELECT_OPTION_BASE,C.selectOptionClass(e.value===this.selected,this.highlightedIndex===t)]},calculateDropdownPosition(){const e=this.$refs.selectContainer;if(!e)return;const t=e.getBoundingClientRect(),n=window.innerHeight-t.bottom,r=t.top,o=220;this.dropdownPosition=n<o&&r>n?"top":"bottom"},scrollToHighlighted(e=!1){this.$nextTick(()=>{const t=this.$refs.optionsList;if(!t||this.highlightedIndex<0)return;const n=t.children[this.highlightedIndex];n&&(e?t.scrollTop=n.offsetTop-t.clientHeight/2+n.offsetHeight/2:n.scrollIntoView({block:"nearest",behavior:"smooth"}))})},toggleOptions(){if(!this.disabled&&(this.open=!this.open,this.open)){const e=this.list.findIndex(t=>t.value===this.selected);this.highlightedIndex=e>=0?e:0}},selectOption(e){this.selected=e.value,this.open=!1,this.returnValue==="value"?(this.$emit("update:modelValue",e.value),this.$emit("change",e.value)):this.returnValue==="text"?(this.$emit("update:modelValue",e.text),this.$emit("change",e.text)):this.returnValue==="object"&&(this.$emit("update:modelValue",e),this.$emit("change",e))},handleClickOutside(e){this.$refs.selectContainer&&!this.$refs.selectContainer.contains(e.target)&&(this.open=!1)},handleKeydown(e){if(this.disabled)return;const t=this.list.length-1;switch(e.key){case"ArrowDown":e.preventDefault(),this.open?this.highlightedIndex=this.highlightedIndex<t?this.highlightedIndex+1:0:(this.open=!0,this.highlightedIndex=0);break;case"ArrowUp":e.preventDefault(),this.open&&(this.highlightedIndex=this.highlightedIndex>0?this.highlightedIndex-1:t);break;case"Enter":e.preventDefault(),this.open&&this.highlightedIndex>=0?this.selectOption(this.list[this.highlightedIndex]):this.open=!0;break;case"Escape":this.open=!1;break;default:this.handleTypeSearch(e.key)}},handleTypeSearch(e){if(e.length!==1)return;clearTimeout(this.searchTimeout),this.searchBuffer+=e.toLowerCase();const t=this.searchBuffer;let n=this.list.findIndex(r=>r.text.toLowerCase().startsWith(t));n===-1&&(n=this.list.findIndex(r=>r.text.toLowerCase().includes(t))),n!==-1&&(this.highlightedIndex=n,this.open=!0,this.scrollToHighlighted(!0)),this.searchTimeout=setTimeout(()=>{this.searchBuffer=""},1e3)},syncSelected(e){if(e==null){this.selected=null;return}if(this.returnValue==="value"){const t=this.list.find(n=>n.value==e);this.selected=t?t.value:null}if(this.returnValue==="text"){const t=this.list.find(n=>n.text==e);this.selected=t?t.value:null}this.returnValue==="object"&&(this.selected=e?.value??null)}},mounted(){document.addEventListener("click",this.handleClickOutside)},beforeUnmount(){document.removeEventListener("click",this.handleClickOutside)}},q3={class:"w-full",ref:"selectContainer"},G3=["for"],Z3={class:"relative"},X3=["id","value"],J3=["onClick"];function Q3(e,t,n,r,o,i){const s=a.resolveComponent("font-awesome-icon");return a.openBlock(),a.createElementBlock("div",q3,[a.createElementVNode("label",{class:a.normalizeClass(i.labelClass),for:o.uuid},[a.createTextVNode(a.toDisplayString(n.label)+" ",1),n.required?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.requiredClass)},"*",2)):a.createCommentVNode("",!0)],10,G3),a.createElementVNode("div",Z3,[a.createElementVNode("div",{class:"relative",onClick:t[1]||(t[1]=(...l)=>i.toggleOptions&&i.toggleOptions(...l))},[a.createElementVNode("input",{type:"text",id:o.uuid,readonly:"",value:i.selectedText,class:a.normalizeClass(i.inputClass),onKeydown:t[0]||(t[0]=(...l)=>i.handleKeydown&&i.handleKeydown(...l))},null,42,X3),a.createVNode(s,{icon:"fa-solid fa-chevron-down",class:a.normalizeClass([i.iconStaticClass,"absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none"])},null,8,["class"])]),o.open&&!n.disabled?(a.openBlock(),a.createElementBlock("ul",{key:0,ref:"optionsList",class:a.normalizeClass(i.dropdownClass)},[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(n.list,(l,c)=>(a.openBlock(),a.createElementBlock("li",{key:c,onClick:u=>i.selectOption(l),class:a.normalizeClass(i.getOptionClass(l,c))},a.toDisplayString(l.text),11,J3))),128)),n.list.length===0?(a.openBlock(),a.createElementBlock("li",{key:0,class:a.normalizeClass(i.emptyClass)},"Sin registros",2)):a.createCommentVNode("",!0)],2)):a.createCommentVNode("",!0),a.createElementVNode("span",{onClick:t[2]||(t[2]=(...l)=>i.toggleOptions&&i.toggleOptions(...l)),class:a.normalizeClass(["absolute right-3 top-1/2 -translate-y-1/2",n.disabled?"cursor-not-allowed":"cursor-pointer"])},null,2)]),n.description?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.descriptionClass)},a.toDisplayString(n.description),3)):a.createCommentVNode("",!0)],512)}const du=me(K3,[["render",Q3]]),eP={name:"TextAreaStyle",props:{modelValue:{type:String,default:""},label:{type:String,default:""},description:{type:String,default:""},placeholder:{type:String,default:""},row:{type:String,default:"3"},maxlength:{type:String,default:null},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},validate:{type:Boolean,default:null},mclass:{type:String,default:null}},computed:{model:{get(){return this.modelValue},set(e){this.$emit("update:modelValue",e)}},labelClass(){return C.inputLabelClass(this.disabled)},inputClass(){return[this.mclass,C.INPUT_BASE,C.inputValidateClass(this.validate)]},descriptionClass(){return C.inputDescriptionClass(this.validate)},requiredClass(){return C.REQUIRED_ASTERISK}},data(){return{uuid:Le.getUUID()}},methods:{emitBlur(e){this.$emit("blur",e)}}},tP={class:"w-full"},nP=["for"],rP=["id","placeholder","maxlength","rows"];function aP(e,t,n,r,o,i){return a.openBlock(),a.createElementBlock("div",tP,[a.createElementVNode("label",{class:a.normalizeClass(i.labelClass),for:o.uuid},[a.createTextVNode(a.toDisplayString(n.label)+" ",1),n.required?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.requiredClass)},"*",2)):a.createCommentVNode("",!0)],10,nP),a.withDirectives(a.createElementVNode("textarea",a.mergeProps({"onUpdate:modelValue":t[0]||(t[0]=s=>i.model=s),id:o.uuid,placeholder:n.placeholder},{disabled:n.disabled,required:n.required},{onBlur:t[1]||(t[1]=(...s)=>i.emitBlur&&i.emitBlur(...s)),maxlength:n.maxlength?Number(n.maxlength):null,rows:Number(n.row),class:[i.inputClass,"resize-none"]}),null,16,rP),[[a.vModelText,i.model]]),n.description?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.descriptionClass)},a.toDisplayString(n.description),3)):a.createCommentVNode("",!0)])}const fu=me(eP,[["render",aP]]),iP={name:"PaginationStyle",props:{totalPages:{type:Number,default:0},actualPage:{type:Number,default:1},records:{type:Number,default:0},limit:{type:Number,default:0},summary:{type:Boolean,default:!1}},computed:{start(){return(this.actualPage-1)*this.limit+1},end(){return Math.min(this.actualPage*this.limit,this.records)},navPrevClass(){return C.PAGINATION_NAV_PREV},navNextClass(){return C.PAGINATION_NAV_NEXT},summaryClass(){return C.PAGINATION_SUMMARY},visiblePages(){return this.totalPages<=7?Array.from({length:this.totalPages},(e,t)=>t+1):this.actualPage<=4?[1,2,3,4,"...",this.totalPages-2,this.totalPages-1,this.totalPages]:this.actualPage>=this.totalPages-3?[1,2,3,"...",this.totalPages-3,this.totalPages-2,this.totalPages-1,this.totalPages]:[1,"...",this.actualPage-1,this.actualPage,this.actualPage+1,"...",this.totalPages]}},methods:{getPageClass(e,t){return C.paginationPageClass(e,this.actualPage,t)},beforePage(){this.actualPage!==1&&this.$emit("page",this.actualPage-1)},nextPage(){this.actualPage!==this.totalPages&&this.$emit("page",this.actualPage+1)},currentPage(e){this.$emit("page",e)}}},oP={class:"flex flex-col items-center justify-center text-gray-700"},sP={class:"flex justify-center text-xs"},lP=["disabled"],cP=["onClick","disabled"],uP=["disabled"];function dP(e,t,n,r,o,i){return a.openBlock(),a.createElementBlock("div",oP,[a.createElementVNode("div",sP,[a.createElementVNode("button",{type:"button",disabled:n.actualPage===1,onClick:t[0]||(t[0]=s=>i.beforePage()),class:a.normalizeClass(i.navPrevClass)}," Anterior ",10,lP),(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(i.visiblePages,(s,l)=>(a.openBlock(),a.createElementBlock("button",{key:l,onClick:c=>s!=="..."&&i.currentPage(s),disabled:s==="...",class:a.normalizeClass(i.getPageClass(s,l))},a.toDisplayString(s),11,cP))),128)),a.createElementVNode("button",{type:"button",disabled:n.actualPage===n.totalPages,onClick:t[1]||(t[1]=s=>i.nextPage()),class:a.normalizeClass(i.navNextClass)}," Siguiente ",10,uP)]),n.summary?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.summaryClass)},a.toDisplayString(`Mostrando ${i.start} - ${i.end} de ${n.records}`),3)):a.createCommentVNode("",!0)])}const mu=me(iP,[["render",dP]]),fP=[Ke,Y,Jc,Qc,eu,tu,nu,ru,au,iu,ou,su,lu,cu,uu,du,fu,mu],mP={install(e,t={}){t.styles&&Xc(t.styles),e.use(ID),e.component("font-awesome-icon",p4),fP.forEach(n=>{e.component(n.name,n)}),e.config.globalProperties.$utilstyle=Le,e.config.globalProperties.$alertstyle=Ke,e.config.globalProperties.$dialogstyle=Y}};J.AlertStyle=Ke,J.ButtonStyle=ou,J.DialogStyle=Y,J.InputCheckStyle=ru,J.InputDateStyle=Jc,J.InputFileDownloadStyle=su,J.InputFileUploadStyle=lu,J.InputNumberStyle=eu,J.InputPasswordStyle=tu,J.InputRadioStyle=au,J.InputSwitchStyle=iu,J.InputTextStyle=nu,J.InputTimeStyle=Qc,J.LoaderStyle=cu,J.ModalStyle=uu,J.PaginationStyle=mu,J.SelectStyle=du,J.TextAreaStyle=fu,J.configureStyles=Xc,J.default=mP,Object.defineProperties(J,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
|
|
568
|
+
<div class="dialog-description">${n}</div>`;Y.dialogBox.innerHTML=r,Y.overlay.appendChild(Y.dialogBox),document.body.appendChild(Y.overlay),setTimeout(()=>Y.overlay.classList.add("show"),10),document.addEventListener("keydown",Y.#t)}static#t(t){Y.isOpen&&t.key==="Escape"&&(Y.dialogBox.classList.add("dialog-shake"),setTimeout(()=>{Y.dialogBox?.classList.remove("dialog-shake")},250))}static confirm(t,n=""){Y.#e(t,n);const r={_onAccept:null,_onCancel:null,onAccept(o){return this._onAccept=o,this},onCancel(o){return this._onCancel=o,this},show(){return this._renderButtons(),this},_renderButtons(){const o=document.createElement("div");o.className="dialog-buttons";const i=document.createElement("button");i.className="dialog-btn dialog-btn-cancel",i.textContent="Cancelar";const s=document.createElement("button");s.className="dialog-btn dialog-btn-accept",s.textContent="Aceptar",i.addEventListener("click",()=>{Y.finish(),this._onCancel&&this._onCancel()}),s.addEventListener("click",()=>{Y.finish(),this._onAccept&&this._onAccept()}),o.appendChild(i),o.appendChild(s),Y.dialogBox.appendChild(o)}};return r._renderButtons(),r}static info(t,n=""){Y.#e(t,n);const r={_onConfirm:null,onConfirm(o){return this._onConfirm=o,this},show(){return this._renderButton(),this},_renderButton(){const o=document.createElement("div");o.className="dialog-buttons";const i=document.createElement("button");i.className="dialog-btn dialog-btn-accept",i.textContent="Aceptar",i.addEventListener("click",()=>{Y.finish(),this._onConfirm&&this._onConfirm()}),o.appendChild(i),Y.dialogBox.appendChild(o)}};return r._renderButton(),r}static loading(t,n=""){Y.#e(t,"");const r=Y.dialogBox.querySelector(".dialog-title");r&&r.remove();const o=Y.dialogBox.querySelector(".dialog-description");o&&o.remove(),Y.dialogBox.style.paddingTop="1rem",Y.dialogBox.style.paddingBottom="1rem";const i=document.createElement("div");i.className="dialog-loading-layout";const s=document.createElement("div");s.className="dialog-loading-icon";const l=document.createElement("div");l.className="dialog-loading-spinner",s.appendChild(l);const c=document.createElement("div");c.className="dialog-loading-texts";const u=t&&t.trim()!=="",d=n&&n.trim()!=="";if(u){const f=document.createElement("div");f.className="dialog-loading-title",f.textContent=t,c.appendChild(f)}if(d){const f=document.createElement("div");f.className="dialog-loading-message",f.textContent=n,c.appendChild(f)}return(u&&!d||!u&&d)&&(c.style.justifyContent="center"),i.appendChild(s),i.appendChild(c),Y.dialogBox.appendChild(i),{close:()=>Y.finish(),updateTitle:f=>{const p=c.querySelector(".dialog-loading-title");if(p)p.textContent=f;else if(f){const h=document.createElement("div");h.className="dialog-loading-title",h.textContent=f,c.insertBefore(h,c.firstChild),c.style.justifyContent="flex-start"}},updateMessage:f=>{const p=c.querySelector(".dialog-loading-message");if(p)p.textContent=f;else if(f){const h=document.createElement("div");h.className="dialog-loading-message",h.textContent=f,c.appendChild(h),c.style.justifyContent="flex-start"}}}}static finish(t=!1){return new Promise(n=>{if(!Y.isOpen||!Y.overlay)return n();if(Y.isOpen=!1,t){try{Y.overlay.remove()}catch{}return Y.overlay=null,Y.dialogBox=null,document.removeEventListener("keydown",Y.#t),n()}Y.overlay.classList.remove("show"),setTimeout(()=>{try{Y.overlay.remove()}catch{}Y.overlay=null,Y.dialogBox=null,document.removeEventListener("keydown",Y.#t),n()},200)})}}const me=(e,t)=>{const n=e.__vccOpts||e;for(const[r,o]of t)n[r]=o;return n},vE={name:"InputDateStyle",props:{modelValue:[String,Date],label:{type:String,default:""},description:{type:String,default:""},min:{type:String,default:"1900-01-01"},max:{type:String,default:"2100-12-31"},disabledDates:{type:[Array,Object],default:()=>[]},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},validate:{type:Boolean,default:null},mclass:{type:String,default:null}},data(){return{uuid:Le.getUUID(),localDate:"dd/mm/aaaa",activeSection:"day",dayDigits:"",monthDigits:"",yearDigits:"",sectionSelected:!1,localDateTime:"",showPicker:!1,pickerValue:null,dropdownPosition:"bottom",selectAttr:{highlight:{color:"#C2995C",fillMode:"solid",contentStyle:{backgroundColor:"#60A5FA",color:"white",fontWeight:"bold"}}}}},computed:{model:{get(){return this.modelValue},set(e){this.$emit("update:modelValue",e),this.$emit("change",e)}},minDateObj(){if(!this.min)return null;const[e,t,n]=this.min.split("-").map(Number);return new Date(e,t-1,n,12,0,0)},maxDateObj(){if(!this.max)return null;const[e,t,n]=this.max.split("-").map(Number);return new Date(e,t-1,n,12,0,0)},labelClass(){return C.inputLabelClass(this.disabled)},inputClass(){return[this.mclass,C.INPUT_BASE,C.inputValidateClass(this.validate)]},descriptionClass(){return C.inputDescriptionClass(this.validate)},requiredClass(){return C.REQUIRED_ASTERISK},iconStaticClass(){return[C.ICON_SIZE_STATIC,C.ICON_STATIC]}},watch:{modelValue:{immediate:!0,handler(e){if(!e){this.localDate="dd/mm/aaaa",this.dayDigits="",this.monthDigits="",this.yearDigits="",this.pickerValue=null;return}const t=this.parseLocalDate(e);if(isNaN(t))return;this.pickerValue=t;const n=s=>String(s).padStart(2,"0"),r=n(t.getDate()),o=n(t.getMonth()+1),i=t.getFullYear();this.localDate=`${r}/${o}/${i}`}}},methods:{emitBlur(e){this.$emit("blur",e)},emitValue(){let e="";const[t,n,r]=this.localDate.split("/");if(/^\d{2}$/.test(t)&&/^\d{2}$/.test(n)&&/^\d{4}$/.test(r)){const i=this.getMaxDay(n,r),s=Number(t),l=Number(n);l>=1&&l<=12&&s>=1&&s<=i?e=`${r}-${n}-${t}`:e=""}else e="";this.model=e,this.pickerValue=this.parseLocalDate(e)},calculateDropdownPosition(){const e=this.$refs.dateTimeContainer;if(!e)return;const t=e.getBoundingClientRect(),n=window.innerHeight-t.bottom,r=t.top,o=320;this.dropdownPosition=n<o&&r>n?"top":"bottom"},togglePicker(){this.disabled||(this.modelValue?this.pickerValue=this.parseLocalDate(this.modelValue):this.pickerValue=new Date,this.calculateDropdownPosition(),this.showPicker=!this.showPicker)},onPick(e){if(!e){this.localDate="dd/mm/aaaa",this.dayDigits="",this.monthDigits="",this.yearDigits="",this.pickerValue=null,this.model="",this.showPicker=!1;return}if(!(e instanceof Date))return;this.pickerValue=e;const t=i=>String(i).padStart(2,"0"),n=e.getFullYear(),r=t(e.getMonth()+1),o=t(e.getDate());t(e.getHours()),t(e.getMinutes()),this.localDate=`${o}/${r}/${n}`,this.model=`${n}-${r}-${o}`},initMask(){if(!this.localDate||this.localDate===""||this.localDate==="dd/mm/aaaa"){this.localDate="dd/mm/aaaa",this.dayDigits="",this.monthDigits="",this.yearDigits="",this.activeSection="day",this.$nextTick(()=>{this.$el.querySelector("input").setSelectionRange(0,2)});return}const e=this.localDate.split("/");e.length===3&&(this.dayDigits=e[0].replace(/\D/g,""),this.monthDigits=e[1].replace(/\D/g,""),this.yearDigits=e[2].replace(/\D/g,""))},handleSectionSelect(e){const t=e.target,n=t.selectionStart;n<=2?(this.activeSection="day",t.setSelectionRange(0,2)):n<=5?(this.activeSection="month",t.setSelectionRange(3,5)):(this.activeSection="year",t.setSelectionRange(6,10)),this.sectionSelected=!0},handleDateKeydown(e){if(e.key==="Backspace"||e.key==="Delete"){e.preventDefault();const s=e.target.selectionStart;if(e.key==="Backspace"&&(s===3||s===6)||e.key==="Delete"&&(s===2||s===5)){e.preventDefault();return}this.activeSection==="day"&&(this.dayDigits=""),this.activeSection==="month"&&(this.monthDigits=""),this.activeSection==="year"&&(this.yearDigits="");const l=this.dayDigits.padEnd(2,"d"),c=this.monthDigits.padEnd(2,"m"),u=this.yearDigits.padEnd(4,"a");this.localDate=`${l}/${c}/${u}`,this.$nextTick(()=>{const d=this.$el.querySelector("input");this.activeSection==="day"&&d.setSelectionRange(0,2),this.activeSection==="month"&&d.setSelectionRange(3,5),this.activeSection==="year"&&d.setSelectionRange(6,10)});return}if(["Tab","ArrowLeft","ArrowRight","Home","End"].includes(e.key))return;if(!/^[0-9]$/.test(e.key)){e.preventDefault();return}if(e.preventDefault(),this.sectionSelected&&(this.activeSection==="day"&&(this.dayDigits=""),this.activeSection==="month"&&(this.monthDigits=""),this.activeSection==="year"&&(this.yearDigits=""),this.sectionSelected=!1),this.activeSection==="day"){if(this.dayDigits+=e.key,this.dayDigits=this.dayDigits.slice(-2),this.dayDigits.length===2){const i=this.getMaxDay(this.monthDigits,this.yearDigits);let s=Number(this.dayDigits);s<1&&(s=1),s>i&&(s=i),this.dayDigits=String(s).padStart(2,"0"),this.activeSection="month"}}else if(this.activeSection==="month"){if(this.monthDigits+=e.key,this.monthDigits=this.monthDigits.slice(-2),this.monthDigits.length===2){let i=Number(this.monthDigits);i<1&&(i=1),i>12&&(i=12),this.monthDigits=String(i).padStart(2,"0"),this.activeSection="year"}}else if(this.activeSection==="year"&&(this.yearDigits+=e.key,this.yearDigits=this.yearDigits.slice(-4),this.yearDigits.length===4)){const i=this.getMaxDay(this.monthDigits,this.yearDigits);Number(this.dayDigits)>i&&(this.dayDigits=String(i).padStart(2,"0"))}const n=this.dayDigits.padEnd(2,"d"),r=this.monthDigits.padEnd(2,"m"),o=this.yearDigits.padEnd(4,"a");this.localDate=`${n}/${r}/${o}`,this.$nextTick(()=>{const i=this.$el.querySelector("input");this.activeSection==="month"?i.setSelectionRange(3,5):this.activeSection==="year"&&i.setSelectionRange(6,10)})},handleCursorMove(e){const n=e.target.selectionStart;n<=2?this.activeSection="day":n<=5?this.activeSection="month":this.activeSection="year"},getMaxDay(e,t){return e=Number(e),t=Number(t)||new Date().getFullYear(),e?new Date(t,e,0).getDate():31},handleClickOutside(e){this.$refs.dateTimeContainer&&!this.$refs.dateTimeContainer.contains(e.target)&&(this.showPicker=!1)},parseLocalDate(e){if(!e)return null;const[t,n]=e.split("T");if(!t)return null;const[r,o,i]=t.split("-").map(Number);if(!n)return new Date(r,o-1,i,12,0,0);const s=n.split(".")[0],[l=0,c=0]=s.split(":").map(Number);return new Date(r,o-1,i,l,c,0)}},mounted(){document.addEventListener("click",this.handleClickOutside)},beforeUnmount(){document.removeEventListener("click",this.handleClickOutside)}},bE={class:"w-full",ref:"dateTimeContainer"},wE=["for"],kE={class:"relative"},CE=["id"];function DE(e,t,n,r,o,i){const s=a.resolveComponent("font-awesome-icon"),l=a.resolveComponent("VDatePicker");return a.openBlock(),a.createElementBlock("div",bE,[a.createElementVNode("label",{class:a.normalizeClass(i.labelClass),for:o.uuid},[a.createTextVNode(a.toDisplayString(n.label)+" ",1),n.required?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.requiredClass)},"*",2)):a.createCommentVNode("",!0)],10,wE),a.createElementVNode("div",kE,[a.withDirectives(a.createElementVNode("input",a.mergeProps({id:o.uuid,type:"text",inputmode:"numeric",maxlength:"10","onUpdate:modelValue":t[0]||(t[0]=c=>o.localDate=c)},{disabled:n.disabled,required:n.required},{onFocus:t[1]||(t[1]=(...c)=>i.initMask&&i.initMask(...c)),onMouseup:t[2]||(t[2]=(...c)=>i.handleSectionSelect&&i.handleSectionSelect(...c)),onPaste:t[3]||(t[3]=a.withModifiers(()=>{},["prevent"])),onKeydown:t[4]||(t[4]=(...c)=>i.handleDateKeydown&&i.handleDateKeydown(...c)),onKeyup:t[5]||(t[5]=(...c)=>i.handleCursorMove&&i.handleCursorMove(...c)),onBlur:t[6]||(t[6]=(...c)=>i.emitValue&&i.emitValue(...c)),class:i.inputClass}),null,16,CE),[[a.vModelText,o.localDate]]),a.createElementVNode("span",{onClick:t[7]||(t[7]=(...c)=>i.togglePicker&&i.togglePicker(...c)),class:a.normalizeClass(["absolute right-3 top-1/2 -translate-y-1/2",n.disabled?"cursor-not-allowed":"cursor-pointer"])},[a.createVNode(s,{icon:"fa-solid fa-calendar",class:a.normalizeClass(i.iconStaticClass)},null,8,["class"])],2),o.showPicker?(a.openBlock(),a.createElementBlock("div",{key:0,class:a.normalizeClass(["absolute z-20 left-0",o.dropdownPosition==="top"?"bottom-full":"top-full"])},[a.createVNode(l,{modelValue:o.pickerValue,"onUpdate:modelValue":[t[8]||(t[8]=c=>o.pickerValue=c),i.onPick],mode:"date",is24hr:!0,"minute-increment":1,"min-date":i.minDateObj,"max-date":i.maxDateObj,"disabled-dates":n.disabledDates,"is-required":!1,"select-attribute":o.selectAttr,class:"shadow-lg rounded-lg border border-gray-200"},null,8,["modelValue","min-date","max-date","disabled-dates","select-attribute","onUpdate:modelValue"])],2)):a.createCommentVNode("",!0)]),n.description?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.descriptionClass)},a.toDisplayString(n.description),3)):a.createCommentVNode("",!0)],512)}const Jc=me(vE,[["render",DE],["__scopeId","data-v-2f7f0f95"]]),_E={name:"InputTimeStyle",props:{modelValue:String,label:{type:String,default:""},description:{type:String,default:""},min:{type:String,default:null},max:{type:String,default:null},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},validate:{type:Boolean,default:null},is24h:{type:Boolean,default:!1},mclass:{type:String,default:null}},data(){return{uuid:Le.getUUID(),localTime:"",showPicker:!1,dropdownPosition:"bottom",hourRefs:{},minuteRefs:{},selectedHour:null,selectedMinute:null,selectedPeriod:"AM"}},computed:{labelClass(){return C.inputLabelClass(this.disabled)},inputClass(){return[this.mclass,C.INPUT_BASE,"pr-10",C.inputValidateClass(this.validate)]},descriptionClass(){return C.inputDescriptionClass(this.validate)},requiredClass(){return C.REQUIRED_ASTERISK},iconStaticClass(){return[C.ICON_SIZE_STATIC,C.ICON_STATIC]},pickerWrapperClass(){return[C.TIME_PICKER_WRAPPER.replace("top-full",""),this.dropdownPosition==="top"?"bottom-full":"top-full"]},pickerContainerClass(){return C.TIME_PICKER_CONTAINER},pickerColumnClass(){return C.TIME_PICKER_COLUMN},pickerAmpmColumnClass(){return C.TIME_PICKER_AMPM_COLUMN},pickerColumnLabelClass(){return C.TIME_PICKER_COLUMN_LABEL},pickerItemClass(){return C.TIME_PICKER_ITEM}},watch:{modelValue:{immediate:!0,handler(e){if(this.localTime=e||"",!e)return;const[t,n]=e.split(":");let r=parseInt(t);this.is24h?this.selectedHour=t:(this.selectedPeriod=r>=12?"PM":"AM",r=r%12,r===0&&(r=12),this.selectedHour=String(r).padStart(2,"0")),this.selectedMinute=n}}},methods:{itemActiveClass(e){return C.timePickerItemClass(e)},selectHour(e){this.selectedHour=e,this.updateFromPicker()},selectMinute(e){this.selectedMinute=e,this.updateFromPicker()},selectPeriod(e){this.selectedPeriod=e,this.updateFromPicker()},applyTime(){if(!this.selectedHour||this.selectedMinute===null)return;let e=parseInt(this.selectedHour);this.is24h||(this.selectedPeriod==="PM"&&e<12&&(e+=12),this.selectedPeriod==="AM"&&e===12&&(e=0));const t=String(e).padStart(2,"0")+":"+this.selectedMinute;this.localTime=t,this.updateValue(t),this.showPicker=!1},setHourRef(e,t){e&&(this.hourRefs[t]=e)},setMinuteRef(e,t){e&&(this.minuteRefs[t]=e)},scrollToSelected(){this.$nextTick(()=>{this.selectedHour&&this.hourRefs[this.selectedHour]&&this.hourRefs[this.selectedHour].scrollIntoView({block:"center",behavior:"smooth"}),this.selectedMinute&&this.minuteRefs[this.selectedMinute]&&this.minuteRefs[this.selectedMinute].scrollIntoView({block:"center",behavior:"smooth"})})},calculateDropdownPosition(){const e=this.$refs.timeContainer;if(!e)return;const t=e.getBoundingClientRect(),n=window.innerHeight-t.bottom,r=t.top,o=220;this.dropdownPosition=n<o&&r>n?"top":"bottom"},togglePicker(){this.disabled||(this.calculateDropdownPosition(),this.showPicker=!this.showPicker,this.showPicker&&this.scrollToSelected())},handleClickOutside(e){this.$refs.timeContainer&&!this.$refs.timeContainer.contains(e.target)&&(this.showPicker=!1)},formatHour(e){return this.is24h?String(e-1).padStart(2,"0"):e===1?"12":String(e-1).padStart(2,"0")},updateFromPicker(){if(!this.selectedHour||this.selectedMinute===null)return;let e=parseInt(this.selectedHour);this.is24h||(this.selectedPeriod==="PM"&&e<12&&(e+=12),this.selectedPeriod==="AM"&&e===12&&(e=0));const t=String(e).padStart(2,"0")+":"+this.selectedMinute;this.localTime=t,this.updateValue(t)},updateValue(e,t=!1){this.$emit("update:modelValue",e),this.$emit("change",e),t&&this.$emit("blur",e)}},mounted(){document.addEventListener("click",this.handleClickOutside)},beforeUnmount(){document.removeEventListener("click",this.handleClickOutside)}},SE={class:"w-full",ref:"timeContainer"},xE=["for"],EE={class:"relative"},PE=["id","disabled","required"],$E={class:"flex gap-2"},NE={class:"flex-1"},ME=["onClick"],AE={class:"flex-1"},IE=["onClick"],TE={key:0,class:"flex-1"},OE=["onClick"];function BE(e,t,n,r,o,i){const s=a.resolveComponent("font-awesome-icon");return a.openBlock(),a.createElementBlock("div",SE,[a.createElementVNode("label",{class:a.normalizeClass(i.labelClass),for:o.uuid},[a.createTextVNode(a.toDisplayString(n.label)+" ",1),n.required?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.requiredClass)},"*",2)):a.createCommentVNode("",!0)],10,xE),a.createElementVNode("div",EE,[a.withDirectives(a.createElementVNode("input",{id:o.uuid,type:"time","onUpdate:modelValue":t[0]||(t[0]=l=>o.localTime=l),disabled:n.disabled,required:n.required,onBlur:t[1]||(t[1]=l=>i.updateValue(o.localTime,!0)),class:a.normalizeClass(i.inputClass)},null,42,PE),[[a.vModelText,o.localTime]]),a.createElementVNode("span",{onClick:t[2]||(t[2]=(...l)=>i.togglePicker&&i.togglePicker(...l)),class:a.normalizeClass(["absolute right-3 top-1/2 -translate-y-1/2",n.disabled?"cursor-not-allowed":"cursor-pointer"])},[a.createVNode(s,{icon:"fa-solid fa-clock",class:a.normalizeClass(i.iconStaticClass)},null,8,["class"])],2),o.showPicker?(a.openBlock(),a.createElementBlock("div",{key:0,class:a.normalizeClass(i.pickerWrapperClass)},[a.createElementVNode("div",{class:a.normalizeClass(i.pickerContainerClass)},[a.createElementVNode("div",$E,[a.createElementVNode("div",NE,[a.createElementVNode("label",{class:a.normalizeClass(i.pickerColumnLabelClass)}," Hora ",2),a.createElementVNode("div",{class:a.normalizeClass(i.pickerColumnClass)},[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(n.is24h?24:12,l=>(a.openBlock(),a.createElementBlock("div",{key:"h"+l,ref_for:!0,ref:c=>i.setHourRef(c,i.formatHour(l)),onClick:c=>i.selectHour(i.formatHour(l)),class:a.normalizeClass([i.pickerItemClass,i.itemActiveClass(o.selectedHour===i.formatHour(l))])},a.toDisplayString(i.formatHour(l)),11,ME))),128))],2)]),a.createElementVNode("div",AE,[a.createElementVNode("label",{class:a.normalizeClass(i.pickerColumnLabelClass)},"Minuto",2),a.createElementVNode("div",{class:a.normalizeClass(i.pickerColumnClass)},[(a.openBlock(),a.createElementBlock(a.Fragment,null,a.renderList(60,l=>a.createElementVNode("div",{key:"m"+l,ref_for:!0,ref:c=>i.setMinuteRef(c,String(l-1).padStart(2,"0")),onClick:c=>i.selectMinute(String(l-1).padStart(2,"0")),class:a.normalizeClass([i.pickerItemClass,i.itemActiveClass(o.selectedMinute===String(l-1).padStart(2,"0"))])},a.toDisplayString(String(l-1).padStart(2,"0")),11,IE)),64))],2)]),n.is24h?a.createCommentVNode("",!0):(a.openBlock(),a.createElementBlock("div",TE,[a.createElementVNode("label",{class:a.normalizeClass(i.pickerColumnLabelClass)}," AM/PM ",2),a.createElementVNode("div",{class:a.normalizeClass(i.pickerAmpmColumnClass)},[(a.openBlock(),a.createElementBlock(a.Fragment,null,a.renderList(["AM","PM"],l=>a.createElementVNode("div",{key:l,onClick:c=>i.selectPeriod(l),class:a.normalizeClass([i.pickerItemClass,i.itemActiveClass(o.selectedPeriod===l)])},a.toDisplayString(l),11,OE)),64))],2)]))])],2)],2)):a.createCommentVNode("",!0)]),n.description?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.descriptionClass)},a.toDisplayString(n.description),3)):a.createCommentVNode("",!0)],512)}const Qc=me(_E,[["render",BE],["__scopeId","data-v-cd7ea14f"]]),LE={name:"InputNumberStyle",props:{modelValue:{type:[String,Number],default:""},label:{type:String,default:""},description:{type:String,default:""},placeholder:{type:String,default:""},numeric:{type:String,default:null},min:{type:String,default:null},max:{type:String,default:null},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},validate:{type:Boolean,default:null},mclass:{type:String,default:null}},data(){return{uuid:Le.getUUID(),isFocused:!1}},computed:{effectiveDigits(){if(this.numeric){const[e]=this.numeric.split(",");return e?.trim()||"10"}return"10"},effectiveDecimals(){if(this.numeric){const[,e]=this.numeric.split(",");return e?.trim()??"2"}return"2"},allowNegative(){return this.min===null||Number(this.min)<0},model:{get(){return this.modelValue},set(e){this.$emit("update:modelValue",e),this.$emit("change",e)}},displayValue(){if(this.isFocused)return this.modelValue?.toString()??"";if(this.modelValue===""||this.modelValue===null)return"";const e=Number(this.modelValue);return isNaN(e)?"":e.toLocaleString("en-US",{minimumFractionDigits:Number(this.effectiveDecimals),maximumFractionDigits:Number(this.effectiveDecimals)})},labelClass(){return C.inputLabelClass(this.disabled)},inputClass(){return[this.mclass,C.INPUT_BASE,C.inputValidateClass(this.validate)]},descriptionClass(){return C.inputDescriptionClass(this.validate)},requiredClass(){return C.REQUIRED_ASTERISK}},methods:{onKeyDown(e){const t=["Backspace","Delete","Tab","Escape","Enter","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"];if((e.ctrlKey||e.metaKey)&&["a","c","v","x","z"].includes(e.key.toLowerCase())||t.includes(e.key))return;const n=e.target.value,r=e.target.selectionStart,o=e.target.selectionStart!==e.target.selectionEnd;if(e.key==="-"){if(!this.allowNegative){e.preventDefault();return}(r!==0||n.startsWith("-"))&&e.preventDefault();return}const i=n.startsWith("-")?n.slice(1):n,[s="",l=""]=i.split("."),c=i.includes(".");if(e.key>="0"&&e.key<="9"){const u=n.startsWith("-")?r-1:r;if(!c||u<=s.length){!o&&s.length>=Number(this.effectiveDigits)&&e.preventDefault();return}if(c&&u>s.length){!o&&l.length>=Number(this.effectiveDecimals)&&e.preventDefault();return}}if(e.key==="."){(Number(this.effectiveDecimals)===0||c)&&e.preventDefault();return}e.preventDefault()},onInput(e){const t=e.target.value,n=this.allowNegative&&t.startsWith("-");if(n&&t==="-"){this.$emit("update:modelValue","-");return}let r=t.replace(/[^0-9.]/g,"");const[o,i=""]=r.split("."),s=i?`${o}.${i}`:o;this.$emit("update:modelValue",n?`-${s}`:s)},onPaste(e){const t=e.clipboardData.getData("text"),n=this.allowNegative&&t.trimStart().startsWith("-");let r=t.replace(/[^0-9.]/g,""),[o,i=""]=r.split(".");if(o.length>Number(this.effectiveDigits)||i.length>Number(this.effectiveDecimals))return;const s=i?`${o}.${i}`:o;this.$emit("update:modelValue",n&&s!==""?`-${s}`:s)},onBlur(e){if(this.isFocused=!1,this.modelValue===""||this.modelValue==="."||this.modelValue==="-"){this.$emit("update:modelValue",""),this.$emit("blur",e);return}let t=Number(this.modelValue);if(isNaN(t))return;const n=this.min!==null?Number(this.min):null,r=this.max!==null?Number(this.max):null;n!==null&&t<n&&(t=n),r!==null&&t>r&&(t=r),this.$emit("update:modelValue",t.toFixed(Number(this.effectiveDecimals))),this.$emit("blur",e)}}},VE={class:"w-full"},YE=["for"],FE=["id","value","placeholder","min","max"];function RE(e,t,n,r,o,i){return a.openBlock(),a.createElementBlock("div",VE,[a.createElementVNode("label",{class:a.normalizeClass(i.labelClass),for:o.uuid},[a.createTextVNode(a.toDisplayString(n.label)+" ",1),n.required?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.requiredClass)},"*",2)):a.createCommentVNode("",!0)],10,YE),a.withDirectives(a.createElementVNode("input",a.mergeProps({id:o.uuid,type:"text",value:i.displayValue,placeholder:n.placeholder,onFocus:t[0]||(t[0]=s=>o.isFocused=!0),onBlur:t[1]||(t[1]=(...s)=>i.onBlur&&i.onBlur(...s)),onKeydown:t[2]||(t[2]=(...s)=>i.onKeyDown&&i.onKeyDown(...s)),onInput:t[3]||(t[3]=(...s)=>i.onInput&&i.onInput(...s)),onPaste:t[4]||(t[4]=a.withModifiers((...s)=>i.onPaste&&i.onPaste(...s),["prevent"])),min:n.min?Number(n.min):null,max:n.max?Number(n.max):null},{disabled:n.disabled,required:n.required},{"onUpdate:modelValue":t[5]||(t[5]=s=>i.model=s),class:[i.inputClass,"text-right"],inputmode:"decimal"}),null,16,FE),[[a.vModelText,i.model]]),n.description?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.descriptionClass)},a.toDisplayString(n.description),3)):a.createCommentVNode("",!0)])}const eu=me(LE,[["render",RE]]),zE={name:"InputPasswordStyle",props:{modelValue:{type:[String,Number],default:""},label:{type:String,default:""},description:{type:String,default:""},placeholder:{type:String,default:""},maxlength:{type:String,default:null},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},validate:{type:Boolean,default:null},mclass:{type:String,default:null}},data(){return{uuid:Le.getUUID(),showPassword:!1}},computed:{model:{get(){return this.modelValue},set(e){this.$emit("update:modelValue",e),this.$emit("change",e)}},labelClass(){return C.inputLabelClass(this.disabled)},inputClass(){return[this.mclass,C.INPUT_BASE,C.inputValidateClass(this.validate),"pr-10"]},descriptionClass(){return C.inputDescriptionClass(this.validate)},requiredClass(){return C.REQUIRED_ASTERISK},iconStaticClass(){return[C.ICON_SIZE_STATIC,C.ICON_STATIC]}},methods:{emitBlur(e){this.$emit("blur",e)},togglePassword(){this.disabled||(this.showPassword=!this.showPassword)}}},jE={class:"w-full"},WE=["for"],HE={class:"relative"},UE=["id","type","maxlength","placeholder"];function KE(e,t,n,r,o,i){const s=a.resolveComponent("font-awesome-icon");return a.openBlock(),a.createElementBlock("div",jE,[a.createElementVNode("label",{class:a.normalizeClass(i.labelClass),for:o.uuid},[a.createTextVNode(a.toDisplayString(n.label)+" ",1),n.required?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.requiredClass)},"*",2)):a.createCommentVNode("",!0)],10,WE),a.createElementVNode("div",HE,[a.withDirectives(a.createElementVNode("input",a.mergeProps({id:o.uuid,type:o.showPassword?"text":"password",maxlength:n.maxlength?Number(n.maxlength):null,placeholder:n.placeholder},{disabled:n.disabled,required:n.required},{onBlur:t[0]||(t[0]=(...l)=>i.emitBlur&&i.emitBlur(...l)),"onUpdate:modelValue":t[1]||(t[1]=l=>i.model=l),class:i.inputClass}),null,16,UE),[[a.vModelDynamic,i.model]]),a.createElementVNode("span",{onClick:t[2]||(t[2]=(...l)=>i.togglePassword&&i.togglePassword(...l)),class:a.normalizeClass(["absolute right-3 top-1/2 -translate-y-1/2",n.disabled?"cursor-not-allowed":"cursor-pointer"])},[o.showPassword?a.createCommentVNode("",!0):(a.openBlock(),a.createBlock(s,{key:0,icon:"fa-solid fa-eye",class:a.normalizeClass(i.iconStaticClass),title:"Mostrar contraseña"},null,8,["class"])),o.showPassword?(a.openBlock(),a.createBlock(s,{key:1,icon:"fa-solid fa-eye-slash",class:a.normalizeClass(i.iconStaticClass),title:"Ocultar contraseña"},null,8,["class"])):a.createCommentVNode("",!0)],2)]),n.description?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.descriptionClass)},a.toDisplayString(n.description),3)):a.createCommentVNode("",!0)])}const tu=me(zE,[["render",KE]]),qE={name:"InputTextStyle",props:{modelValue:{type:[String,Number],default:""},label:{type:String,default:""},description:{type:String,default:""},placeholder:{type:String,default:""},type:{type:String,default:"text",validator(e){return["text","email","search","tel","url","number"].includes(e)}},maxlength:{type:String,default:null},minlength:{type:String,default:null},min:{type:String,default:null},max:{type:String,default:null},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},validate:{type:Boolean,default:null},mclass:{type:String,default:null}},computed:{model:{get(){return this.modelValue},set(e){this.$emit("update:modelValue",e),this.$emit("change",e)}},labelClass(){return C.inputLabelClass(this.disabled)},inputClass(){return[this.mclass,C.INPUT_BASE,C.inputValidateClass(this.validate)]},descriptionClass(){return C.inputDescriptionClass(this.validate)},requiredClass(){return C.REQUIRED_ASTERISK}},data(){return{uuid:Le.getUUID()}},methods:{emitBlur(e){if(this.type==="number"&&(this.min!==null||this.max!==null)){let t=Number(this.modelValue);if(!isNaN(t)&&this.modelValue!==""){const n=this.min!==null?Number(this.min):null,r=this.max!==null?Number(this.max):null;n!==null&&t<n&&(t=n),r!==null&&t>r&&(t=r),this.$emit("update:modelValue",t)}}this.$emit("blur",e)}}},GE={class:"w-full"},ZE=["for"],XE=["id","type","placeholder","maxlength","minlength"];function JE(e,t,n,r,o,i){return a.openBlock(),a.createElementBlock("div",GE,[a.createElementVNode("label",{class:a.normalizeClass(i.labelClass),for:o.uuid},[a.createTextVNode(a.toDisplayString(n.label)+" ",1),n.required?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.requiredClass)},"*",2)):a.createCommentVNode("",!0)],10,ZE),a.withDirectives(a.createElementVNode("input",a.mergeProps({id:o.uuid,type:n.type,placeholder:n.placeholder,maxlength:n.maxlength?Number(n.maxlength):null,minlength:n.minlength?Number(n.minlength):null},{disabled:n.disabled,required:n.required},{onBlur:t[0]||(t[0]=(...s)=>i.emitBlur&&i.emitBlur(...s)),"onUpdate:modelValue":t[1]||(t[1]=s=>i.model=s),class:i.inputClass}),null,16,XE),[[a.vModelDynamic,i.model]]),n.description?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.descriptionClass)},a.toDisplayString(n.description),3)):a.createCommentVNode("",!0)])}const nu=me(qE,[["render",JE]]),QE={name:"InputCheckStyle",props:{modelValue:{type:Boolean,default:!1},label:{type:String,default:""},description:{type:String,default:""},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},validate:{type:Boolean,default:null},mclass:{type:String,default:null}},data(){return{uuid:Le.getUUID(),registry:C}},computed:{model:{get(){return this.modelValue},set(e){this.$emit("update:modelValue",e),this.$emit("change",e)}},labelClass(){return C.inputCheckLabelClass(this.disabled)},inputBoxClass(){return[this.mclass,C.CHECK_BOX_BASE,C.checkBoxClass(this.model,this.disabled)]},descriptionClass(){return C.inputDescriptionClass(this.validate,!1)},requiredClass(){return C.REQUIRED_ASTERISK}},methods:{emitBlur(e){this.$emit("blur",e)}}},e3={class:"inline-block"},t3={class:"flex items-center gap-2 cursor-pointer select-none"},n3=["id"];function r3(e,t,n,r,o,i){const s=a.resolveComponent("font-awesome-icon");return a.openBlock(),a.createElementBlock("div",e3,[a.createElementVNode("label",t3,[a.withDirectives(a.createElementVNode("input",a.mergeProps({id:o.uuid,type:"checkbox"},{disabled:n.disabled,required:n.required},{onBlur:t[0]||(t[0]=(...l)=>i.emitBlur&&i.emitBlur(...l)),"onUpdate:modelValue":t[1]||(t[1]=l=>i.model=l),class:"peer hidden"}),null,16,n3),[[a.vModelCheckbox,i.model]]),a.createElementVNode("span",{class:a.normalizeClass(i.inputBoxClass)},[i.model?(a.openBlock(),a.createBlock(s,{key:0,icon:"fa-solid fa-check",class:a.normalizeClass([o.registry.ICON_SIZE_STATIC,"text-white"])},null,8,["class"])):a.createCommentVNode("",!0)],2),n.label?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.labelClass)},[a.createTextVNode(a.toDisplayString(n.label)+" ",1),n.required?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.requiredClass)},"*",2)):a.createCommentVNode("",!0)],2)):a.createCommentVNode("",!0)]),n.description?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.descriptionClass)},a.toDisplayString(n.description),3)):a.createCommentVNode("",!0)])}const ru=me(QE,[["render",r3]]),a3={name:"InputRadioStyle",props:{modelValue:{type:Boolean,default:!1},label:{type:String,default:""},description:{type:String,default:""},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},validate:{type:Boolean,default:null},mclass:{type:String,default:null}},computed:{model:{get(){return this.modelValue},set(e){this.$emit("update:modelValue",e),this.$emit("change",e)}},labelClass(){return C.inputCheckLabelClass(this.disabled)},inputRadioClass(){return[this.mclass,C.RADIO_BASE,C.radioClass(this.model,this.disabled)]},descriptionClass(){return C.inputDescriptionClass(this.validate,!1)},requiredClass(){return C.REQUIRED_ASTERISK}},data(){return{uuid:Le.getUUID()}},methods:{emitBlur(e){this.$emit("blur",e)}}},i3={class:"inline-block"},o3={class:"flex items-center gap-2 cursor-pointer select-none"},s3=["id"];function l3(e,t,n,r,o,i){return a.openBlock(),a.createElementBlock("div",i3,[a.createElementVNode("label",o3,[a.withDirectives(a.createElementVNode("input",a.mergeProps({id:o.uuid,type:"checkbox"},{disabled:n.disabled,required:n.required},{onBlur:t[0]||(t[0]=(...s)=>i.emitBlur&&i.emitBlur(...s)),"onUpdate:modelValue":t[1]||(t[1]=s=>i.model=s),class:"peer hidden"}),null,16,s3),[[a.vModelCheckbox,i.model]]),a.createElementVNode("span",{class:a.normalizeClass(i.inputRadioClass)},null,2),n.label?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.labelClass)},[a.createTextVNode(a.toDisplayString(n.label)+" ",1),n.required?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.requiredClass)},"*",2)):a.createCommentVNode("",!0)],2)):a.createCommentVNode("",!0)]),n.description?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.descriptionClass)},a.toDisplayString(n.description),3)):a.createCommentVNode("",!0)])}const au=me(a3,[["render",l3]]),c3={name:"InputSwitchStyle",props:{modelValue:{type:Boolean,default:!1},label:{type:String,default:""},description:{type:String,default:""},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},validate:{type:Boolean,default:null},mclass:{type:String,default:null}},computed:{model:{get(){return this.modelValue},set(e){this.$emit("update:modelValue",e),this.$emit("change",e)}},labelClass(){return C.inputCheckLabelClass(this.disabled)},inputRadioClass(){return[this.mclass,C.SWITCH_BASE,C.switchClass(this.model,this.disabled)]},inputRadioMinClass(){return["absolute w-3 h-3 rounded-full transition-all duration-200 ease-in-out",C.switchDotClass(this.model,this.disabled)]},descriptionClass(){return C.inputDescriptionClass(this.validate,!1)},requiredClass(){return C.REQUIRED_ASTERISK}},data(){return{uuid:Le.getUUID()}},methods:{emitBlur(e){this.$emit("blur",e)}}},u3={class:"inline-block"},d3={class:"flex items-center gap-2 cursor-pointer select-none"},f3=["id"];function m3(e,t,n,r,o,i){return a.openBlock(),a.createElementBlock("div",u3,[a.createElementVNode("label",d3,[a.withDirectives(a.createElementVNode("input",a.mergeProps({id:o.uuid,type:"checkbox"},{disabled:n.disabled,required:n.required},{onBlur:t[0]||(t[0]=(...s)=>i.emitBlur&&i.emitBlur(...s)),"onUpdate:modelValue":t[1]||(t[1]=s=>i.model=s),class:"peer hidden"}),null,16,f3),[[a.vModelCheckbox,i.model]]),a.createElementVNode("span",{class:a.normalizeClass(i.inputRadioClass)},[a.createElementVNode("span",{class:a.normalizeClass(i.inputRadioMinClass)},null,2)],2),n.label?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.labelClass)},[a.createTextVNode(a.toDisplayString(n.label)+" ",1),n.required?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.requiredClass)},"*",2)):a.createCommentVNode("",!0)],2)):a.createCommentVNode("",!0)]),n.description?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.descriptionClass)},a.toDisplayString(n.description),3)):a.createCommentVNode("",!0)])}const iu=me(c3,[["render",m3]]),h3={name:"ButtonStyle",emits:["click"],props:{type:{type:String,default:"button",validator:e=>["button","submit"].includes(e)},class:{type:String,default:""},disabled:{type:Boolean,default:!1},delay:{type:String,default:"1.5"}},data(){return{internalDisabled:!1}},computed:{isDisabled(){return this.disabled||this.internalDisabled},buttonClasses(){return[this.class]}},methods:{handleClick(e){this.isDisabled||(this.$emit("click",e),this.internalDisabled=!0,setTimeout(()=>{this.internalDisabled=!1},1e3*Number(this.delay)))}}},p3=["type","disabled"];function g3(e,t,n,r,o,i){return a.openBlock(),a.createElementBlock("button",{type:n.type,onClick:t[0]||(t[0]=(...s)=>i.handleClick&&i.handleClick(...s)),disabled:i.isDisabled,class:a.normalizeClass(i.buttonClasses)},[a.renderSlot(e.$slots,"default")],10,p3)}const ou=me(h3,[["render",g3]]),y3={name:"InputFileDownloadStyle",props:{modelValue:{type:File,default:null},disabled:{type:Boolean,default:!1},delay:{type:String,default:"1.5"},state:{type:String,default:"download",validator(e){return["download","loader","complete"].includes(e)}}},data(){return{internalDisabled:!1}},computed:{model:{get(){return this.modelValue},set(e){this.$emit("update:modelValue",e),this.$emit("change",e)}},isDisabled(){return this.disabled||this.internalDisabled},buttonClass(){return[C.FILE_BUTTON_BASE,this.isDisabled?C.FILE_BUTTON_DISABLED:C.FILE_BUTTON_ACTIVE]},iconClass(){return["w-10 h-10 flex items-center justify-center rounded-full",this.isDisabled?C.FILE_ICON_BG_DISABLED:this.state==="complete"?C.FILE_ICON_BG_COMPLETE:C.FILE_ICON_BG]}},methods:{handleClick(){this.isDisabled||(this.internalDisabled=!0,setTimeout(()=>{this.internalDisabled=!1},1e3*Number(this.delay)))}}},v3={class:"inline-block"},b3=["disabled"],w3={class:"hidden sm:flex flex-col text-left leading-tight"},k3={key:0,class:"text-sm font-bold"},C3={key:1,class:"text-sm font-bold"},D3={key:2,class:"text-sm font-bold"};function _3(e,t,n,r,o,i){const s=a.resolveComponent("font-awesome-icon");return a.openBlock(),a.createElementBlock("div",v3,[a.createElementVNode("button",{type:"button",onClick:t[0]||(t[0]=(...l)=>i.handleClick&&i.handleClick(...l)),disabled:i.isDisabled,class:a.normalizeClass(i.buttonClass)},[a.createElementVNode("span",{class:a.normalizeClass(i.iconClass)},[n.state==="download"?(a.openBlock(),a.createBlock(s,{key:0,icon:"fa-solid fa-cloud-arrow-down",class:"w-5 h-5 text-white"})):a.createCommentVNode("",!0),n.state==="loader"?(a.openBlock(),a.createBlock(s,{key:1,icon:"fa-solid fa-spinner",class:"w-5 h-5 text-white animate-spin"})):a.createCommentVNode("",!0),n.state==="complete"?(a.openBlock(),a.createBlock(s,{key:2,icon:"fa-solid fa-check",class:"w-5 h-5 text-white"})):a.createCommentVNode("",!0)],2),a.createElementVNode("div",w3,[n.state==="download"?(a.openBlock(),a.createElementBlock("span",k3,"Descargar")):a.createCommentVNode("",!0),n.state==="loader"?(a.openBlock(),a.createElementBlock("span",C3,"Descargando")):a.createCommentVNode("",!0),n.state==="complete"?(a.openBlock(),a.createElementBlock("span",D3,"Descargado")):a.createCommentVNode("",!0)])],10,b3)])}const su=me(y3,[["render",_3]]),S3={name:"InputFileUploadStyle",props:{modelValue:{type:File,default:null},disabled:{type:Boolean,default:!1},delay:{type:String,default:"1.5"},formats:{type:Array,default:()=>[]},maxSizeMB:{type:[String,Number],default:5},state:{type:String,default:"uphold",validator(e){return["uphold","loader"].includes(e)}}},data(){return{internalDisabled:!1,description:""}},computed:{model:{get(){return this.modelValue},set(e){this.$emit("update:modelValue",e),this.$emit("change",e)}},isDisabled(){return this.disabled||this.internalDisabled},formatsText(){return this.formats.length?this.formats.join(", "):"Todos"},acceptFormats(){return this.formats.map(e=>`.${e}`).join(",")},descriptionClass(){return["block w-full text-sm text-right",this.validate===!1?"text-red-500":this.validate===!0?"text-emerald-500":"text-gray-500"]},buttonClass(){return[C.FILE_BUTTON_BASE,this.isDisabled?C.FILE_BUTTON_DISABLED:C.FILE_BUTTON_ACTIVE]},iconClass(){return["w-10 h-10 flex items-center justify-center rounded-full",this.isDisabled?C.FILE_ICON_BG_DISABLED:C.FILE_ICON_BG]}},methods:{handleClick(){this.isDisabled||(this.$refs.fileInput.click(),this.internalDisabled=!0,setTimeout(()=>{this.internalDisabled=!1},1e3*Number(this.delay)))},onFileSelected(e){this.description="",this.validate=null;const t=e.target.files[0];if(!t)return;const n=t.size/1024/1024,r=t.name.split(".").pop().toLowerCase();if(n>Number(this.maxSizeMB)){this.description=`El archivo supera los ${this.maxSizeMB}MB`,this.validate=!1,this.model=null,e.target.value="";return}if(this.formats.length&&!this.formats.includes(r)){this.description=`Formato no permitido: .${r}`,this.validate=!1,this.model=null,e.target.value="";return}this.model=t,this.description=t.name,this.validate=!0}}},x3={class:"inline-block"},E3=["accept","disabled"],P3={class:"block text-xs text-gray-500 mb-1"},$3={class:"font-bold text-gray-600 uppercase"},N3=["disabled"],M3={class:"hidden sm:flex flex-col text-left leading-tight"},A3={class:"text-xs font-bold text-gray-500"};function I3(e,t,n,r,o,i){const s=a.resolveComponent("font-awesome-icon");return a.openBlock(),a.createElementBlock("div",x3,[a.createElementVNode("input",{ref:"fileInput",type:"file",class:"hidden",accept:i.acceptFormats,disabled:i.isDisabled,onChange:t[0]||(t[0]=(...l)=>i.onFileSelected&&i.onFileSelected(...l))},null,40,E3),a.createElementVNode("span",P3,[t[2]||(t[2]=a.createTextVNode(" Formatos permitidos: ",-1)),a.createElementVNode("span",$3,a.toDisplayString(`${i.formatsText}.`),1)]),a.createElementVNode("button",{type:"button",onClick:t[1]||(t[1]=(...l)=>i.handleClick&&i.handleClick(...l)),disabled:i.isDisabled,class:a.normalizeClass(i.buttonClass)},[a.createElementVNode("span",{class:a.normalizeClass(i.iconClass)},[n.state==="uphold"?(a.openBlock(),a.createBlock(s,{key:0,icon:"fa-solid fa-cloud-arrow-up",class:"w-5 h-5 text-white"})):a.createCommentVNode("",!0),n.state==="loader"?(a.openBlock(),a.createBlock(s,{key:1,icon:"fa-solid fa-spinner",class:"w-5 h-5 text-white animate-spin"})):a.createCommentVNode("",!0)],2),a.createElementVNode("div",M3,[t[3]||(t[3]=a.createElementVNode("span",{class:"text-sm font-bold"},"Adjuntar",-1)),a.createElementVNode("span",A3,a.toDisplayString(`Max ${n.maxSizeMB} MB`),1)])],10,N3),o.description?(a.openBlock(),a.createElementBlock("p",{key:0,class:a.normalizeClass(i.descriptionClass)},a.toDisplayString(o.description),3)):a.createCommentVNode("",!0)])}const lu=me(S3,[["render",I3]]),T3={name:"LoaderStyle",props:{message:{type:String,default:"Cargando..."}},computed:{arcStroke(){return C.LOADER_ARC_STROKE},messageClass(){return C.LOADER_MESSAGE}}},O3={class:"flex flex-col items-center justify-center gap-3"},B3={class:"relative w-16 h-16"},L3={class:"absolute inset-0 w-full h-full animate-spin",viewBox:"0 0 100 100"},V3=["stroke"];function Y3(e,t,n,r,o,i){return a.openBlock(),a.createElementBlock("div",O3,[a.createElementVNode("div",B3,[t[0]||(t[0]=a.createElementVNode("svg",{class:"w-full h-full",viewBox:"0 0 100 100"},[a.createElementVNode("circle",{cx:"50",cy:"50",r:"45",stroke:"#E5E7EB","stroke-width":"8",fill:"none"})],-1)),(a.openBlock(),a.createElementBlock("svg",L3,[a.createElementVNode("circle",{cx:"50",cy:"50",r:"45",stroke:i.arcStroke,"stroke-width":"8",fill:"none","stroke-linecap":"round","stroke-dasharray":"70 213"},null,8,V3)]))]),a.createElementVNode("div",{class:a.normalizeClass(i.messageClass)},a.toDisplayString(n.message),3)])}const cu=me(T3,[["render",Y3]]),F3={name:"ModalStyle",props:{modelValue:{type:Boolean,default:!1},title:{type:String,default:"Sin titulo asignado"},size:{type:String,default:"lg",validator:e=>["sm","md","lg","xl","2xl","3xl","4xl","5xl","full"].includes(e)},showCloseButton:{type:Boolean,default:!0},closeOnEscape:{type:Boolean,default:!0},closeOnOverlayClick:{type:Boolean,default:!0}},emits:["update:modelValue"],computed:{sizeClass(){const e={sm:"max-w-sm",md:"max-w-md",lg:"max-w-lg",xl:"max-w-xl","2xl":"max-w-2xl","3xl":"max-w-3xl","4xl":"max-w-4xl","5xl":"max-w-5xl",full:"max-w-[95%] h-[90vh]"};return e[this.size]||e.md}},watch:{modelValue:{handler(e){this.toggleBodyScroll(e)},immediate:!0}},mounted(){this.closeOnEscape&&window.addEventListener("keydown",this.handleKeydown)},beforeUnmount(){this.closeOnEscape&&window.removeEventListener("keydown",this.handleKeydown),this.toggleBodyScroll(!1)},methods:{toggleBodyScroll(e){if(e){const t=window.innerWidth-document.documentElement.clientWidth;document.body.style.overflow="hidden",document.body.style.paddingRight=`${t}px`}else document.body.style.overflow="",document.body.style.paddingRight=""},handleKeydown(e){e.key==="Escape"&&this.modelValue&&this.closeOnEscape&&this.handleClose()},handleClose(){this.$emit("update:modelValue",!1)},close(){this.handleClose()}}},R3={key:0,class:"fixed inset-0 bg-black/30 backdrop-blur-xs flex items-center justify-center z-100 p-4 select-none"},z3={class:"p-4 border-b border-gray-200 flex items-center justify-between gap-2"},j3=["title"],W3={class:"p-4 overflow-y-auto flex-1"},H3={key:0,class:"p-4 border-t border-gray-200"};function U3(e,t,n,r,o,i){const s=a.resolveComponent("font-awesome-icon");return a.openBlock(),a.createBlock(a.Teleport,{to:"body"},[a.createVNode(a.Transition,{"enter-active-class":"transition-opacity duration-300","leave-active-class":"transition-opacity duration-300","enter-from-class":"opacity-0","leave-to-class":"opacity-0"},{default:a.withCtx(()=>[n.modelValue?(a.openBlock(),a.createElementBlock("div",R3,[a.createVNode(a.Transition,{"enter-active-class":"transition duration-300","leave-active-class":"transition duration-300","enter-from-class":"opacity-0 scale-95","leave-to-class":"opacity-0 scale-95"},{default:a.withCtx(()=>[n.modelValue?(a.openBlock(),a.createElementBlock("div",{key:0,class:a.normalizeClass(["bg-white rounded-lg shadow-2xl max-h-[90vh] flex flex-col w-full",i.sizeClass]),onClick:t[1]||(t[1]=a.withModifiers(()=>{},["stop"]))},[a.createElementVNode("div",z3,[a.renderSlot(e.$slots,"title",{},()=>[a.createElementVNode("h3",{class:"text-lg font-semibold text-gray-700 flex-1 min-w-0 truncate",title:n.title},a.toDisplayString(n.title),9,j3)]),n.showCloseButton?(a.openBlock(),a.createElementBlock("button",{key:0,onClick:t[0]||(t[0]=(...l)=>i.handleClose&&i.handleClose(...l)),type:"button",class:"text-gray-400 hover:text-gray-600 transition-colors px-1.5 py-1 rounded-lg hover:bg-gray-100 shrink-0 cursor-pointer"},[a.createVNode(s,{icon:"fa-solid fa-xmark"})])):a.createCommentVNode("",!0)]),a.createElementVNode("div",W3,[a.renderSlot(e.$slots,"default",{close:i.handleClose})]),e.$slots.footer?(a.openBlock(),a.createElementBlock("div",H3,[a.renderSlot(e.$slots,"footer",{close:i.handleClose})])):a.createCommentVNode("",!0)],2)):a.createCommentVNode("",!0)]),_:3})])):a.createCommentVNode("",!0)]),_:3})])}const uu=me(F3,[["render",U3]]),K3={name:"SelectStyle",props:{modelValue:[String,Number,Object],returnValue:{type:String,default:"value",validator(e){return["value","text","object"].includes(e)}},label:{type:String,default:""},description:{type:String,default:""},list:{type:Array,default:()=>[]},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},validate:{type:Boolean,default:null},mclass:{type:String,default:null}},data(){return{uuid:Le.getUUID(),open:!1,selected:null,dropdownPosition:"bottom",highlightedIndex:-1,searchBuffer:"",searchTimeout:null}},computed:{model:{get(){return this.modelValue},set(e){this.$emit("update:modelValue",e),this.$emit("change",e)}},selectedText(){const e=this.list.find(t=>t.value===this.selected);return e?e.text:"- Seleccione una opción"},labelClass(){return C.inputLabelClass(this.disabled)},inputClass(){return this.disabled?[this.mclass,C.SELECT_DISABLED]:[this.mclass,C.INPUT_BASE,"cursor-pointer",C.inputValidateClass(this.validate),this.validate!==null?"pr-10":null]},descriptionClass(){return C.inputDescriptionClass(this.validate)},dropdownClass(){return[C.SELECT_DROPDOWN,this.dropdownPosition==="top"?"bottom-full":"top-full"]},emptyClass(){return C.SELECT_EMPTY},requiredClass(){return C.REQUIRED_ASTERISK},iconStaticClass(){return[C.ICON_SIZE_STATIC,C.ICON_STATIC]}},watch:{modelValue:{immediate:!0,handler(e){this.syncSelected(e)}},list:{immediate:!0,handler(){this.syncSelected(this.modelValue)}},open(e,t){e===!0&&(this.calculateDropdownPosition(),this.scrollToHighlighted()),t===!0&&e===!1&&this.$emit("blur")},highlightedIndex(){this.scrollToHighlighted(!1)}},methods:{getOptionClass(e,t){return[C.SELECT_OPTION_BASE,C.selectOptionClass(e.value===this.selected,this.highlightedIndex===t)]},calculateDropdownPosition(){const e=this.$refs.selectContainer;if(!e)return;const t=e.getBoundingClientRect(),n=window.innerHeight-t.bottom,r=t.top,o=220;this.dropdownPosition=n<o&&r>n?"top":"bottom"},scrollToHighlighted(e=!1){this.$nextTick(()=>{const t=this.$refs.optionsList;if(!t||this.highlightedIndex<0)return;const n=t.children[this.highlightedIndex];n&&(e?t.scrollTop=n.offsetTop-t.clientHeight/2+n.offsetHeight/2:n.scrollIntoView({block:"nearest",behavior:"smooth"}))})},toggleOptions(){if(!this.disabled&&(this.open=!this.open,this.open)){const e=this.list.findIndex(t=>t.value===this.selected);this.highlightedIndex=e>=0?e:0}},selectOption(e){this.selected=e.value,this.open=!1,this.returnValue==="value"?(this.$emit("update:modelValue",e.value),this.$emit("change",e.value)):this.returnValue==="text"?(this.$emit("update:modelValue",e.text),this.$emit("change",e.text)):this.returnValue==="object"&&(this.$emit("update:modelValue",e),this.$emit("change",e))},handleClickOutside(e){this.$refs.selectContainer&&!this.$refs.selectContainer.contains(e.target)&&(this.open=!1)},handleKeydown(e){if(this.disabled)return;const t=this.list.length-1;switch(e.key){case"ArrowDown":e.preventDefault(),this.open?this.highlightedIndex=this.highlightedIndex<t?this.highlightedIndex+1:0:(this.open=!0,this.highlightedIndex=0);break;case"ArrowUp":e.preventDefault(),this.open&&(this.highlightedIndex=this.highlightedIndex>0?this.highlightedIndex-1:t);break;case"Enter":e.preventDefault(),this.open&&this.highlightedIndex>=0?this.selectOption(this.list[this.highlightedIndex]):this.open=!0;break;case"Escape":this.open=!1;break;default:this.handleTypeSearch(e.key)}},handleTypeSearch(e){if(e.length!==1)return;clearTimeout(this.searchTimeout),this.searchBuffer+=e.toLowerCase();const t=this.searchBuffer;let n=this.list.findIndex(r=>r.text.toLowerCase().startsWith(t));n===-1&&(n=this.list.findIndex(r=>r.text.toLowerCase().includes(t))),n!==-1&&(this.highlightedIndex=n,this.open=!0,this.scrollToHighlighted(!0)),this.searchTimeout=setTimeout(()=>{this.searchBuffer=""},1e3)},syncSelected(e){if(e==null){this.selected=null;return}if(this.returnValue==="value"){const t=this.list.find(n=>n.value==e);this.selected=t?t.value:null}if(this.returnValue==="text"){const t=this.list.find(n=>n.text==e);this.selected=t?t.value:null}this.returnValue==="object"&&(this.selected=e?.value??null)}},mounted(){document.addEventListener("click",this.handleClickOutside)},beforeUnmount(){document.removeEventListener("click",this.handleClickOutside)}},q3={class:"w-full",ref:"selectContainer"},G3=["for"],Z3={class:"relative"},X3=["id","value"],J3=["onClick"];function Q3(e,t,n,r,o,i){const s=a.resolveComponent("font-awesome-icon");return a.openBlock(),a.createElementBlock("div",q3,[a.createElementVNode("label",{class:a.normalizeClass(i.labelClass),for:o.uuid},[a.createTextVNode(a.toDisplayString(n.label)+" ",1),n.required?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.requiredClass)},"*",2)):a.createCommentVNode("",!0)],10,G3),a.createElementVNode("div",Z3,[a.createElementVNode("div",{class:"relative",onClick:t[1]||(t[1]=(...l)=>i.toggleOptions&&i.toggleOptions(...l))},[a.createElementVNode("input",{type:"text",id:o.uuid,readonly:"",value:i.selectedText,class:a.normalizeClass(i.inputClass),onKeydown:t[0]||(t[0]=(...l)=>i.handleKeydown&&i.handleKeydown(...l))},null,42,X3),a.createVNode(s,{icon:"fa-solid fa-chevron-down",class:a.normalizeClass([i.iconStaticClass,"absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none"])},null,8,["class"])]),o.open&&!n.disabled?(a.openBlock(),a.createElementBlock("ul",{key:0,ref:"optionsList",class:a.normalizeClass(i.dropdownClass)},[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(n.list,(l,c)=>(a.openBlock(),a.createElementBlock("li",{key:c,onClick:u=>i.selectOption(l),class:a.normalizeClass(i.getOptionClass(l,c))},a.toDisplayString(l.text),11,J3))),128)),n.list.length===0?(a.openBlock(),a.createElementBlock("li",{key:0,class:a.normalizeClass(i.emptyClass)},"Sin registros",2)):a.createCommentVNode("",!0)],2)):a.createCommentVNode("",!0),a.createElementVNode("span",{onClick:t[2]||(t[2]=(...l)=>i.toggleOptions&&i.toggleOptions(...l)),class:a.normalizeClass(["absolute right-3 top-1/2 -translate-y-1/2",n.disabled?"cursor-not-allowed":"cursor-pointer"])},null,2)]),n.description?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.descriptionClass)},a.toDisplayString(n.description),3)):a.createCommentVNode("",!0)],512)}const du=me(K3,[["render",Q3]]),eP={name:"TextAreaStyle",props:{modelValue:{type:String,default:""},label:{type:String,default:""},description:{type:String,default:""},placeholder:{type:String,default:""},row:{type:String,default:"3"},maxlength:{type:String,default:null},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},validate:{type:Boolean,default:null},mclass:{type:String,default:null}},computed:{model:{get(){return this.modelValue},set(e){this.$emit("update:modelValue",e)}},labelClass(){return C.inputLabelClass(this.disabled)},inputClass(){return[this.mclass,C.INPUT_BASE,C.inputValidateClass(this.validate)]},descriptionClass(){return C.inputDescriptionClass(this.validate)},requiredClass(){return C.REQUIRED_ASTERISK}},data(){return{uuid:Le.getUUID()}},methods:{emitBlur(e){this.$emit("blur",e)}}},tP={class:"w-full"},nP=["for"],rP=["id","placeholder","maxlength","rows"];function aP(e,t,n,r,o,i){return a.openBlock(),a.createElementBlock("div",tP,[a.createElementVNode("label",{class:a.normalizeClass(i.labelClass),for:o.uuid},[a.createTextVNode(a.toDisplayString(n.label)+" ",1),n.required?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.requiredClass)},"*",2)):a.createCommentVNode("",!0)],10,nP),a.withDirectives(a.createElementVNode("textarea",a.mergeProps({"onUpdate:modelValue":t[0]||(t[0]=s=>i.model=s),id:o.uuid,placeholder:n.placeholder},{disabled:n.disabled,required:n.required},{onBlur:t[1]||(t[1]=(...s)=>i.emitBlur&&i.emitBlur(...s)),maxlength:n.maxlength?Number(n.maxlength):null,rows:Number(n.row),class:[i.inputClass,"resize-none"]}),null,16,rP),[[a.vModelText,i.model]]),n.description?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.descriptionClass)},a.toDisplayString(n.description),3)):a.createCommentVNode("",!0)])}const fu=me(eP,[["render",aP]]),iP={name:"PaginationStyle",props:{totalPages:{type:Number,default:0},actualPage:{type:Number,default:1},records:{type:Number,default:0},limit:{type:Number,default:0},summary:{type:Boolean,default:!1}},computed:{start(){return(this.actualPage-1)*this.limit+1},end(){return Math.min(this.actualPage*this.limit,this.records)},navPrevClass(){return C.PAGINATION_NAV_PREV},navNextClass(){return C.PAGINATION_NAV_NEXT},summaryClass(){return C.PAGINATION_SUMMARY},visiblePages(){return this.totalPages<=7?Array.from({length:this.totalPages},(e,t)=>t+1):this.actualPage<=4?[1,2,3,4,"...",this.totalPages-2,this.totalPages-1,this.totalPages]:this.actualPage>=this.totalPages-3?[1,2,3,"...",this.totalPages-3,this.totalPages-2,this.totalPages-1,this.totalPages]:[1,"...",this.actualPage-1,this.actualPage,this.actualPage+1,"...",this.totalPages]}},methods:{getPageClass(e,t){return C.paginationPageClass(e,this.actualPage,t)},beforePage(){this.actualPage!==1&&this.$emit("page",this.actualPage-1)},nextPage(){this.actualPage!==this.totalPages&&this.$emit("page",this.actualPage+1)},currentPage(e){this.$emit("page",e)}}},oP={class:"flex flex-col items-center justify-center text-gray-700"},sP={class:"flex justify-center text-xs"},lP=["disabled"],cP=["onClick","disabled"],uP=["disabled"];function dP(e,t,n,r,o,i){return a.openBlock(),a.createElementBlock("div",oP,[a.createElementVNode("div",sP,[a.createElementVNode("button",{type:"button",disabled:n.actualPage===1,onClick:t[0]||(t[0]=s=>i.beforePage()),class:a.normalizeClass(i.navPrevClass)}," Anterior ",10,lP),(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(i.visiblePages,(s,l)=>(a.openBlock(),a.createElementBlock("button",{key:l,onClick:c=>s!=="..."&&i.currentPage(s),disabled:s==="...",class:a.normalizeClass(i.getPageClass(s,l))},a.toDisplayString(s),11,cP))),128)),a.createElementVNode("button",{type:"button",disabled:n.actualPage===n.totalPages,onClick:t[1]||(t[1]=s=>i.nextPage()),class:a.normalizeClass(i.navNextClass)}," Siguiente ",10,uP)]),n.summary?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(i.summaryClass)},a.toDisplayString(`Mostrando ${i.start} - ${i.end} de ${n.records}`),3)):a.createCommentVNode("",!0)])}const mu=me(iP,[["render",dP]]),fP=[Ke,Y,Jc,Qc,eu,tu,nu,ru,au,iu,ou,su,lu,cu,uu,du,fu,mu],mP={install(e,t={}){t.styles&&Xc(t.styles),e.use(ID),e.component("font-awesome-icon",p4),fP.forEach(n=>{e.component(n.name,n)}),e.config.globalProperties.$utilstyle=Le,e.config.globalProperties.$alertstyle=Ke,e.config.globalProperties.$dialogstyle=Y}};J.AlertStyle=Ke,J.ButtonStyle=ou,J.DialogStyle=Y,J.InputCheckStyle=ru,J.InputDateStyle=Jc,J.InputFileDownloadStyle=su,J.InputFileUploadStyle=lu,J.InputNumberStyle=eu,J.InputPasswordStyle=tu,J.InputRadioStyle=au,J.InputSwitchStyle=iu,J.InputTextStyle=nu,J.InputTimeStyle=Qc,J.LoaderStyle=cu,J.ModalStyle=uu,J.PaginationStyle=mu,J.SelectStyle=du,J.TextAreaStyle=fu,J.configureStyles=Xc,J.default=mP,Object.defineProperties(J,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@luis-angel-martin-dzul/input-styles",
|
|
3
3
|
"description": "Librería de inputs y componentes Vue para desarrollos",
|
|
4
4
|
"private": false,
|
|
5
|
-
"version": "0.0.
|
|
5
|
+
"version": "0.0.11",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "dist/input-yuc.umd.js",
|
|
8
8
|
"module": "dist/input-yuc.es.js",
|