@bobbykim/mcl-forms 0.9.10 → 0.10.1
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/index.d.ts +46 -40
- package/dist/mcl-forms.js +2756 -2364
- package/dist/mcl-forms.umd.cjs +3 -2
- package/package.json +7 -8
package/dist/mcl-forms.umd.cjs
CHANGED
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var
|
|
2
|
-
(function(E,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("vue"),require("@bobbykim/manguito-theme"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["exports","vue","@bobbykim/manguito-theme","@vueuse/core"],r):(E=typeof globalThis<"u"?globalThis:E||self,r(E.MclForms={},E.Vue,E.ManguitoTheme,E.core))})(this,(function(E,r,k,Ke){"use strict";const Je=["for"],Qe=r.defineComponent({__name:"MclFormGroup",props:{labelFor:{},textColor:{default:"dark-3"},textSize:{default:"md"},textBold:{type:Boolean,default:!1},label:{}},setup(e){const t=e;r.useSlots();const l=r.computed(()=>{const{textColor:o,textSize:s,textBold:i}=t,a=[k("TEXTCOLOR",o),k("BODYTEXT",s)];return i&&a.push("font-bold"),a.join(" ")});return(o,s)=>(r.openBlock(),r.createElementBlock("div",null,[r.createElementVNode("label",{for:e.labelFor,class:"inline-block"},[r.renderSlot(o.$slots,"label",{},()=>[r.createElementVNode("p",{class:r.normalizeClass(["mb-2xs",l.value])},r.toDisplayString(e.label),3)])],8,Je),r.renderSlot(o.$slots,"default")]))}}),Ze={class:"shrink-0 my-3xs ml-3xs mr-xs"},et=["id","required","accept"],tt=r.defineComponent({__name:"MclInputFile",props:r.mergeModels({id:{},displayBorder:{type:Boolean,default:!1},borderColor:{default:"light-4"},rounded:{type:Boolean,default:!1},bgColor:{default:"light-1"},buttonText:{default:"Browse File"},buttonTextColor:{default:"dark-3"},buttonColor:{default:"light-4"},displayShadow:{type:Boolean,default:!0},textColor:{default:"black"},displayClear:{type:Boolean,default:!1},isRequired:{type:Boolean,default:!1},accept:{default:"image/jpg,image/jpeg,image/png"}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const t=e,l=r.useModel(e,"modelValue"),o=r.ref(),s=r.ref(0),i=()=>{o.value.click()},a=f=>{const d=f.target.files[0];l.value=d},c=()=>{l.value=null,s.value++},g=r.computed(()=>{const{rounded:f,displayBorder:d,borderColor:p,displayShadow:y,bgColor:C}=t,b=[k("BGCOLOR",C)];return f&&b.push("rounded-md"),d&&(b.push("border-2"),b.push(k("BORDER",p))),y&&b.push("shadow-md"),b.join(" ")}),u=r.computed(()=>{const{textColor:f}=t;return[k("TEXTCOLOR",f)].join(" ")}),h=r.computed(()=>{const{buttonColor:f,buttonTextColor:d,rounded:p}=t,y=[k("BGCOLOR",f),k("TEXTCOLOR",d)];return p&&y.push("rounded-l-md"),y.join(" ")}),n=r.computed(()=>{const{buttonColor:f,rounded:d}=t,p=[k("BGCOLOR",f)];return d&&p.push("rounded-r-md"),p.join(" ")});return(f,d)=>(r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass(["flex items-center overflow-hidden",g.value])},[r.createElementVNode("div",Ze,[r.createElementVNode("button",{class:r.normalizeClass(["px-xs py-2xs hover:bg-opacity-70 transition-all duration-200 ease-linear max-w-full",h.value]),onClick:i},r.toDisplayString(e.buttonText),3)]),(r.openBlock(),r.createElementBlock("input",{type:"file",id:e.id,ref_key:"inputRef",ref:o,class:r.normalizeClass(["file:hidden w-full bg-transparent",[u.value]]),required:e.isRequired,accept:e.accept,key:s.value,onChange:a},null,42,et)),e.displayClear?(r.openBlock(),r.createElementBlock("div",{key:0,class:"self-stretch my-3xs mr-3xs",onClick:c},[r.createElementVNode("button",{class:r.normalizeClass(["px-xs py-2xs h-full flex items-center hover:bg-opacity-70 transition-all duration-200 ease-linear",[n.value]]),"aria-label":"clear"},[(r.openBlock(),r.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",class:r.normalizeClass(["h-xs",r.unref(k)("SVGFILL",e.buttonTextColor)])},[...d[0]||(d[0]=[r.createElementVNode("path",{d:"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"},null,-1)])],2))],2)])):r.createCommentVNode("",!0)],2))}}),rt={class:"flex items-center"},lt=["id","value","checked"],ot=r.defineComponent({__name:"MclInputRadio",props:{id:{},radioSize:{default:"md"},bgColor:{default:"success"},checkedColor:{default:"light-1"},displayShadow:{type:Boolean,default:!1},value:{default:""},checked:{type:Boolean,default:!1}},emits:["change"],setup(e,{emit:t}){const l=e,o=r.ref(),s=t,i=()=>{o.value?.click()},a=r.computed(()=>{const{radioSize:h}=l;return h==="sm"?"h-xs w-xs":h==="lg"?"h-md w-md":"h-sm w-sm"}),c=r.computed(()=>{const{radioSize:h}=l;return h==="sm"?"peer-checked:before:h-2xs peer-checked:before:w-2xs":h==="lg"?"peer-checked:before:h-xs peer-checked:before:w-xs":"peer-checked:before:h-[12px] peer-checked:before:w-[12px]"}),g=r.computed(()=>{const{bgColor:h,checkedColor:n,displayShadow:f}=l,d=[k("BGCOLOR",h),k("BEFOREBG",n)];return f&&d.push("drop-shadow-md"),d.join(" ")}),u=h=>{const n=h.target.value;s("change",h,n)};return(h,n)=>(r.openBlock(),r.createElementBlock("div",rt,[r.createElementVNode("input",{id:e.id,type:"radio",class:"appearance-none peer",ref_key:"radioRef",ref:o,value:e.value,checked:e.checked,onChange:u},null,40,lt),r.createElementVNode("span",{class:r.normalizeClass(["rounded-full inline-block relative before:absolute before:rounded-full before:top-1/2 before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2",[a.value,c.value,g.value]]),onClick:i},null,2)]))}}),st=["id"],it=r.defineComponent({__name:"MclInputSwitch",props:r.mergeModels({id:{},sliderColor:{default:"light-1"},onColor:{default:"success"},offColor:{default:"dark-1"},switchSize:{default:"md"},rounded:{type:Boolean,default:!0}},{modelValue:{type:Boolean},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const t=e,l=r.useModel(e,"modelValue"),o=r.ref(),s={primary:"peer-checked/input:bg-primary",secondary:"peer-checked/input:bg-secondary",success:"peer-checked/input:bg-success",info:"peer-checked/input:bg-info",warning:"peer-checked/input:bg-warning",danger:"peer-checked/input:bg-danger","light-1":"peer-checked/input:bg-light-1","light-2":"peer-checked/input:bg-light-2","light-3":"peer-checked/input:bg-light-3","light-4":"peer-checked/input:bg-light-4","dark-1":"peer-checked/input:bg-dark-1","dark-2":"peer-checked/input:bg-dark-2","dark-3":"peer-checked/input:bg-dark-3","dark-4":"peer-checked/input:bg-dark-1",transparent:"peer-checked/input:bg-transparent",black:"peer-checked/input:bg-black",white:"peer-checked/input:bg-white"},i=()=>{o.value?.click()},a=r.computed(()=>t.switchSize==="sm"?{"--switch-width":"30px","--switch-height":"17px","--slider-size":"13px","--gutter-size":"2px"}:t.switchSize==="lg"?{"--switch-width":"60px","--switch-height":"34px","--slider-size":"26px","--gutter-size":"4px"}:{"--switch-width":"45px","--switch-height":"25.5px","--slider-size":"19.5px","--gutter-size":"3px"}),c=r.computed(()=>{const{sliderColor:g,onColor:u,offColor:h,rounded:n}=t,f=[k("BGCOLOR",h),k("BEFOREBG",g),s[u]];return n&&f.push("rounded-full before:rounded-full"),f.join(" ")});return(g,u)=>(r.openBlock(),r.createElementBlock("div",{class:"switch relative",style:r.normalizeStyle(a.value),onClick:i},[r.withDirectives(r.createElementVNode("input",{id:e.id,class:"hidden peer/input","onUpdate:modelValue":u[0]||(u[0]=h=>l.value=h),ref_key:"inputRef",ref:o,type:"checkbox"},null,8,st),[[r.vModelCheckbox,l.value]]),r.createElementVNode("span",{class:r.normalizeClass(["slider absolute inset-0 cursor-pointer transition-all duration-300 before:absolute before:transition-all before:duration-300",c.value])},null,2)],4))}}),Te=(e,t)=>{const l=e.__vccOpts||e;for(const[o,s]of t)l[o]=s;return l},at=Te(it,[["__scopeId","data-v-07d209bd"]]),Be=r.defineComponent({__name:"InputHighlight",props:{color:{default:"primary"},rounded:{type:Boolean,default:!1},offset:{default:1}},setup(e){const t=e,l={1:"-top-1",2.5:"-top-2.5"},o=r.computed(()=>{const s=[k("BEFOREBG",t.color)];return t.rounded&&s.push("rounded-b-md"),s.push(l[t.offset]),s.join(" ")});return(s,i)=>(r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass(["relative h-3xs overflow-hidden before:absolute before:bottom-0 before:left-0 before:h-full before:w-0 peer-focus:before:w-full before:transition-[width] before:duration-300 before:ease-linear",o.value])},null,2))}}),nt=["id","type","placeholder","required","minlength","maxlength","pattern"],ct={class:"peer-valid/validation:hidden peer-inavlid/validation:block ml-3xs"},dt={class:"text-xs text-danger"},ut=r.defineComponent({__name:"MclInputText",props:r.mergeModels({id:{},displayBorder:{type:Boolean,default:!1},borderColor:{default:"light-4"},rounded:{type:Boolean,default:!1},displayHighlight:{type:Boolean,default:!0},highlightColor:{default:"primary"},textcolor:{default:"black"},bgColor:{default:"light-1"},placeholder:{default:""},type:{default:"text"},displayShadow:{type:Boolean,default:!0},required:{type:Boolean,default:!1},invalidFeedback:{},minLength:{},maxLength:{},pattern:{}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const t=e,l=r.useModel(e,"modelValue"),o=r.computed(()=>{const{bgColor:s,displayBorder:i,borderColor:a,displayHighlight:c,displayShadow:g,rounded:u,textcolor:h}=t,n=[k("BGCOLOR",s),k("TEXTCOLOR",h)];return i&&(n.push("border-2"),n.push(k("BORDER",a))),c||(n.push("focus:ring-4 ring-offset-2 transition-all duration-300 ease-linear"),n.push(k("FOCUSRING",a))),g&&n.push("shadow-md"),u&&n.push("rounded-md"),n.join(" ")});return(s,i)=>(r.openBlock(),r.createElementBlock("div",null,[r.withDirectives(r.createElementVNode("input",{id:e.id,type:e.type,class:r.normalizeClass(["w-full p-2xs outline-none peer peer/validation",o.value]),"onUpdate:modelValue":i[0]||(i[0]=a=>l.value=a),placeholder:e.placeholder,required:e.required,minlength:e.minLength,maxlength:e.maxLength,pattern:e.pattern},null,10,nt),[[r.vModelDynamic,l.value]]),e.displayHighlight?(r.openBlock(),r.createBlock(Be,{key:0,color:e.highlightColor,rounded:e.rounded},null,8,["color","rounded"])):r.createCommentVNode("",!0),r.createElementVNode("div",ct,[r.renderSlot(s.$slots,"invalid-feedback",{},()=>[r.createElementVNode("span",dt,r.toDisplayString(e.invalidFeedback),1)])])]))}});let ht=class{bodyText={xs:"text-xs",sm:"text-sm",md:"text-md",lg:"text-lg",xl:"text-xl"};fontweight={light:"font-light",normal:"font-normal",bold:"font-bold"};textAlign={left:"text-left",center:"text-center",right:"text-right"}};class gt{borderWidth={1:"border-[1px]",2:"border-[2px]",3:"border-[3px]",4:"border-[4px]",5:"border-[5px]",6:"border-[6px]",7:"border-[7px]",8:"border-[8px]",9:"border-[9px]",10:"border-[10px]",11:"border-[11px]",12:"border-[12px]"};borderXWidth={1:"border-x-[1px]",2:"border-x-[2px]",3:"border-x-[3px]",4:"border-x-[4px]",5:"border-x-[5px]",6:"border-x-[6px]",7:"border-x-[7px]",8:"border-x-[8px]",9:"border-x-[9px]",10:"border-x-[10px]",11:"border-x-[11px]",12:"border-x-[12px]"};borderYWidth={1:"border-y-[1px]",2:"border-y-[2px]",3:"border-y-[3px]",4:"border-y-[4px]",5:"border-y-[5px]",6:"border-y-[6px]",7:"border-y-[7px]",8:"border-y-[8px]",9:"border-y-[9px]",10:"border-y-[10px]",11:"border-y-[11px]",12:"border-y-[12px]"};borderTopWidth={1:"border-t-[1px]",2:"border-t-[2px]",3:"border-t-[3px]",4:"border-t-[4px]",5:"border-t-[5px]",6:"border-t-[6px]",7:"border-t-[7px]",8:"border-t-[8px]",9:"border-t-[9px]",10:"border-t-[10px]",11:"border-t-[11px]",12:"border-t-[12px]"};borderBottomWidth={1:"border-b-[1px]",2:"border-b-[2px]",3:"border-b-[3px]",4:"border-b-[4px]",5:"border-b-[5px]",6:"border-b-[6px]",7:"border-b-[7px]",8:"border-b-[8px]",9:"border-b-[9px]",10:"border-b-[10px]",11:"border-b-[11px]",12:"border-b-[12px]"};borderLeftWidth={1:"border-l-[1px]",2:"border-l-[2px]",3:"border-l-[3px]",4:"border-l-[4px]",5:"border-l-[5px]",6:"border-l-[6px]",7:"border-l-[7px]",8:"border-l-[8px]",9:"border-l-[9px]",10:"border-l-[10px]",11:"border-l-[11px]",12:"border-l-[12px]"};borderRightWidth={1:"border-r-[1px]",2:"border-r-[2px]",3:"border-r-[3px]",4:"border-r-[4px]",5:"border-r-[5px]",6:"border-r-[6px]",7:"border-r-[7px]",8:"border-r-[8px]",9:"border-r-[9px]",10:"border-r-[10px]",11:"border-r-[11px]",12:"border-r-[12px]"}}class ft{bgColor={primary:"bg-primary",secondary:"bg-secondary",success:"bg-success",danger:"bg-danger",info:"bg-info",warning:"bg-warning","light-1":"bg-light-1","light-2":"bg-light-2","light-3":"bg-light-3","light-4":"bg-light-4","dark-1":"bg-dark-1","dark-2":"bg-dark-2","dark-3":"bg-dark-3","dark-4":"bg-dark-4",black:"bg-black",white:"bg-white",transparent:"bg-transparent"};hoverBgColor={primary:"hover:bg-primary",secondary:"hover:bg-secondary",success:"hover:bg-success",danger:"hover:bg-danger",info:"hover:bg-info",warning:"hover:bg-warning","light-1":"hover:bg-light-1","light-2":"hover:bg-light-2","light-3":"hover:bg-light-3","light-4":"hover:bg-light-4","dark-1":"hover:bg-dark-1","dark-2":"hover:bg-dark-2","dark-3":"hover:bg-dark-3","dark-4":"hover:bg-dark-4",black:"hover:bg-black",white:"hover:bg-white",transparent:"hover:bg-transparent"};focusBgColor={primary:"focus:bg-primary",secondary:"focus:bg-secondary",success:"focus:bg-success",danger:"focus:bg-danger",info:"focus:bg-info",warning:"focus:bg-warning","light-1":"focus:bg-light-1","light-2":"focus:bg-light-2","light-3":"focus:bg-light-3","light-4":"focus:bg-light-4","dark-1":"focus:bg-dark-1","dark-2":"focus:bg-dark-2","dark-3":"focus:bg-dark-3","dark-4":"focus:bg-dark-4",black:"focus:bg-black",white:"focus:bg-white",transparent:"focus:bg-transparent"};beforeBgColor={primary:"before:bg-primary",secondary:"before:bg-secondary",success:"before:bg-success",danger:"before:bg-danger",info:"before:bg-info",warning:"before:bg-warning","light-1":"before:bg-light-1","light-2":"before:bg-light-2","light-3":"before:bg-light-3","light-4":"before:bg-light-4","dark-1":"before:bg-dark-1","dark-2":"before:bg-dark-2","dark-3":"before:bg-dark-3","dark-4":"before:bg-dark-4",black:"before:bg-black",white:"before:bg-white",transparent:"before:bg-transparent"};afterBgColor={primary:"after:bg-primary",secondary:"after:bg-secondary",success:"after:bg-success",danger:"after:bg-danger",info:"after:bg-info",warning:"after:bg-warning","light-1":"after:bg-light-1","light-2":"after:bg-light-2","light-3":"after:bg-light-3","light-4":"after:bg-light-4","dark-1":"after:bg-dark-1","dark-2":"after:bg-dark-2","dark-3":"after:bg-dark-3","dark-4":"after:bg-dark-4",black:"after:bg-black",white:"after:bg-white",transparent:"after:bg-transparent"};bgActiveColor={primary:"active:bg-primary",secondary:"active:bg-secondary",success:"active:bg-success",danger:"active:bg-danger",info:"active:bg-info",warning:"active:bg-warning","light-1":"active:bg-light-1","light-2":"active:bg-light-2","light-3":"active:bg-light-3","light-4":"active:bg-light-4","dark-1":"active:bg-dark-1","dark-2":"active:bg-dark-2","dark-3":"active:bg-dark-3","dark-4":"active:bg-dark-4",black:"active:bg-black",white:"active:bg-white",transparent:"active:bg-transparent"};textColor={primary:"text-primary",secondary:"text-secondary",success:"text-success",danger:"text-danger",info:"text-info",warning:"text-warning","light-1":"text-light-1","light-2":"text-light-2","light-3":"text-light-3","light-4":"text-light-4","dark-1":"text-dark-1","dark-2":"text-dark-2","dark-3":"text-dark-3","dark-4":"text-dark-4",black:"text-black",white:"text-white",transparent:"text-transparent"};hoverTextColor={primary:"hover:text-primary",secondary:"hover:text-secondary",success:"hover:text-success",danger:"hover:text-danger",info:"hover:text-info",warning:"hover:text-warning","light-1":"hover:text-light-1","light-2":"hover:text-light-2","light-3":"hover:text-light-3","light-4":"hover:text-light-4","dark-1":"hover:text-dark-1","dark-2":"hover:text-dark-2","dark-3":"hover:text-dark-3","dark-4":"hover:text-dark-4",black:"hover:text-black",white:"hover:text-white",transparent:"hover:text-transparent"};focusTextColor={primary:"focus:text-primary",secondary:"focus:text-secondary",success:"focus:text-success",danger:"focus:text-danger",info:"focus:text-info",warning:"focus:text-warning","light-1":"focus:text-light-1","light-2":"focus:text-light-2","light-3":"focus:text-light-3","light-4":"focus:text-light-4","dark-1":"focus:text-dark-1","dark-2":"focus:text-dark-2","dark-3":"focus:text-dark-3","dark-4":"focus:text-dark-4",black:"focus:text-black",white:"focus:text-white",transparent:"focus:text-transparent"};disabledTextColor={primary:"disabled:text-primary",secondary:"disabled:text-secondary",success:"disabled:text-success",danger:"disabled:text-danger",info:"disabled:text-info",warning:"disabled:text-warning","light-1":"disabled:text-light-1","light-2":"disabled:text-light-2","light-3":"disabled:text-light-3","light-4":"disabled:text-light-4","dark-1":"disabled:text-dark-1","dark-2":"disabled:text-dark-2","dark-3":"disabled:text-dark-3","dark-4":"disabled:text-dark-4",black:"disabled:text-black",white:"disabled:text-white",transparent:"disabled:text-transparent"};svgFillColor={primary:"fill-primary",secondary:"fill-secondary",success:"fill-success",danger:"fill-danger",info:"fill-info",warning:"fill-warning","light-1":"fill-light-1","light-2":"fill-light-2","light-3":"fill-light-3","light-4":"fill-light-4","dark-1":"fill-dark-1","dark-2":"fill-dark-2","dark-3":"fill-dark-3","dark-4":"fill-dark-4",black:"fill-black",white:"fill-white",transparent:"fill-transparent"};ringColor={primary:"ring-primary",secondary:"ring-secondary",success:"ring-success",danger:"ring-danger",info:"ring-info",warning:"ring-warning","light-1":"ring-light-1","light-2":"ring-light-2","light-3":"ring-light-3","light-4":"ring-light-4","dark-1":"ring-dark-1","dark-2":"ring-dark-2","dark-3":"ring-dark-3","dark-4":"ring-dark-4",black:"ring-black",white:"ring-white",transparent:"ring-transparent"};ringFocusColor={primary:"focus:ring-primary",secondary:"focus:ring-secondary",success:"focus:ring-success",danger:"focus:ring-danger",info:"focus:ring-info",warning:"focus:ring-warning","light-1":"focus:ring-light-1","light-2":"focus:ring-light-2","light-3":"focus:ring-light-3","light-4":"focus:ring-light-4","dark-1":"focus:ring-dark-1","dark-2":"focus:ring-dark-2","dark-3":"focus:ring-dark-3","dark-4":"focus:ring-dark-4",black:"focus:ring-black",white:"focus:ring-white",transparent:"focus:ring-transparent"};ringActiveColor={primary:"active:ring-primary",secondary:"active:ring-secondary",success:"active:ring-success",danger:"active:ring-danger",info:"active:ring-info",warning:"active:ring-warning","light-1":"active:ring-light-1","light-2":"active:ring-light-2","light-3":"active:ring-light-3","light-4":"active:ring-light-4","dark-1":"active:ring-dark-1","dark-2":"active:ring-dark-2","dark-3":"active:ring-dark-3","dark-4":"active:ring-dark-4",black:"active:ring-black",white:"active:ring-white",transparent:"active:ring-transparent"};ringOffsetColor={primary:"ring-offset-primary",secondary:"ring-offset-secondary",success:"ring-offset-success",danger:"ring-offset-danger",info:"ring-offset-info",warning:"ring-offset-warning","light-1":"ring-offset-light-1","light-2":"ring-offset-light-2","light-3":"ring-offset-light-3","light-4":"ring-offset-light-4","dark-1":"ring-offset-dark-1","dark-2":"ring-offset-dark-2","dark-3":"ring-offset-dark-3","dark-4":"ring-offset-dark-4",black:"ring-offset-black",white:"ring-offset-white",transparent:"ring-offset-transparent"};outlineColor={primary:"outline-primary",secondary:"outline-secondary",success:"outline-success",danger:"outline-danger",info:"outline-info",warning:"outline-warning","light-1":"outline-light-1","light-2":"outline-light-2","light-3":"outline-light-3","light-4":"outline-light-4","dark-1":"outline-dark-1","dark-2":"outline-dark-2","dark-3":"outline-dark-3","dark-4":"outline-dark-4",black:"outline-black",white:"outline-white",transparent:"outline-transparent"};focusOutlineColor={primary:"focus:outline-primary",secondary:"focus:outline-secondary",success:"focus:outline-success",danger:"focus:outline-danger",info:"focus:outline-info",warning:"focus:outline-warning","light-1":"focus:outline-light-1","light-2":"focus:outline-light-2","light-3":"focus:outline-light-3","light-4":"focus:outline-light-4","dark-1":"focus:outline-dark-1","dark-2":"focus:outline-dark-2","dark-3":"focus:outline-dark-3","dark-4":"focus:outline-dark-4",black:"focus:outline-black",white:"focus:outline-white",transparent:"focus:outline-transparent"};activeOutlineColor={primary:"active:outline-primary",secondary:"active:outline-secondary",success:"active:outline-success",danger:"active:outline-danger",info:"active:outline-info",warning:"active:outline-warning","light-1":"active:outline-light-1","light-2":"active:outline-light-2","light-3":"active:outline-light-3","light-4":"active:outline-light-4","dark-1":"active:outline-dark-1","dark-2":"active:outline-dark-2","dark-3":"active:outline-dark-3","dark-4":"active:outline-dark-4",black:"active:outline-black",white:"active:outline-white",transparent:"active:outline-transparent"};btnColor={primary:"btn-primary",secondary:"btn-secondary",success:"btn-success",danger:"btn-danger",info:"btn-info",warning:"btn-warning","light-1":"btn-light-1","light-2":"btn-light-2","light-3":"btn-light-3","light-4":"btn-light-4","dark-1":"btn-dark-1","dark-2":"btn-dark-2","dark-3":"btn-dark-3","dark-4":"btn-dark-4",black:"btn-black",white:"btn-white",transparent:"btn-transparent"};listColor={primary:"mcl-list-primary",secondary:"mcl-list-secondary",success:"mcl-list-success",danger:"mcl-list-danger",info:"mcl-list-info",warning:"mcl-list-warning","light-1":"mcl-list-light-1","light-2":"mcl-list-light-2","light-3":"mcl-list-light-3","light-4":"mcl-list-light-4","dark-1":"mcl-list-dark-1","dark-2":"mcl-list-dark-2","dark-3":"mcl-list-dark-3","dark-4":"mcl-list-dark-4",black:"mcl-list-black",white:"mcl-list-white",transparent:"mcl-list-transparent"};borderColor={primary:"border-primary",secondary:"border-secondary",success:"border-success",danger:"border-danger",info:"border-info",warning:"border-warning","light-1":"border-light-1","light-2":"border-light-2","light-3":"border-light-3","light-4":"border-light-4","dark-1":"border-dark-1","dark-2":"border-dark-2","dark-3":"border-dark-3","dark-4":"border-dark-4",black:"border-black",white:"border-white",transparent:"border-transparent"};borderXColor={primary:"border-x-primary",secondary:"border-x-secondary",success:"border-x-success",danger:"border-x-danger",info:"border-x-info",warning:"border-x-warning","light-1":"border-x-light-1","light-2":"border-x-light-2","light-3":"border-x-light-3","light-4":"border-x-light-4","dark-1":"border-x-dark-1","dark-2":"border-x-dark-2","dark-3":"border-x-dark-3","dark-4":"border-x-dark-4",black:"border-x-black",white:"border-x-white",transparent:"border-x-transparent"};borderYColor={primary:"border-y-primary",secondary:"border-y-secondary",success:"border-y-success",danger:"border-y-danger",info:"border-y-info",warning:"border-y-warning","light-1":"border-y-light-1","light-2":"border-y-light-2","light-3":"border-y-light-3","light-4":"border-y-light-4","dark-1":"border-y-dark-1","dark-2":"border-y-dark-2","dark-3":"border-y-dark-3","dark-4":"border-y-dark-4",black:"border-y-black",white:"border-y-white",transparent:"border-y-transparent"};borderTopColor={primary:"border-t-primary",secondary:"border-t-secondary",success:"border-t-success",danger:"border-t-danger",info:"border-t-info",warning:"border-t-warning","light-1":"border-t-light-1","light-2":"border-t-light-2","light-3":"border-t-light-3","light-4":"border-t-light-4","dark-1":"border-t-dark-1","dark-2":"border-t-dark-2","dark-3":"border-t-dark-3","dark-4":"border-t-dark-4",black:"border-t-black",white:"border-t-white",transparent:"border-t-transparent"};borderBottomColor={primary:"border-b-primary",secondary:"border-b-secondary",success:"border-b-success",danger:"border-b-danger",info:"border-b-info",warning:"border-b-warning","light-1":"border-b-light-1","light-2":"border-b-light-2","light-3":"border-b-light-3","light-4":"border-b-light-4","dark-1":"border-b-dark-1","dark-2":"border-b-dark-2","dark-3":"border-b-dark-3","dark-4":"border-b-dark-4",black:"border-b-black",white:"border-b-white",transparent:"border-b-transparent"};borderLeftColor={primary:"border-l-primary",secondary:"border-l-secondary",success:"border-l-success",danger:"border-l-danger",info:"border-l-info",warning:"border-l-warning","light-1":"border-l-light-1","light-2":"border-l-light-2","light-3":"border-l-light-3","light-4":"border-l-light-4","dark-1":"border-l-dark-1","dark-2":"border-l-dark-2","dark-3":"border-l-dark-3","dark-4":"border-l-dark-4",black:"border-l-black",white:"border-l-white",transparent:"border-l-transparent"};borderRightColor={primary:"border-r-primary",secondary:"border-r-secondary",success:"border-r-success",danger:"border-r-danger",info:"border-r-info",warning:"border-r-warning","light-1":"border-r-light-1","light-2":"border-r-light-2","light-3":"border-r-light-3","light-4":"border-r-light-4","dark-1":"border-r-dark-1","dark-2":"border-r-dark-2","dark-3":"border-r-dark-3","dark-4":"border-r-dark-4",black:"border-r-black",white:"border-r-white",transparent:"border-r-transparent"}}class pt{heading1={sm:"h1-sm",md:"h1-md",lg:"h1-lg",xl:"h1-xl"};heading2={sm:"h2-sm",md:"h2-md",lg:"h2-lg",xl:"h2-xl"};heading3={sm:"h3-sm",md:"h3-md",lg:"h3-lg",xl:"h3-xl"};heading4={sm:"h4-sm",md:"h4-md",lg:"h4-lg",xl:"h4-xl"}}class bt{backgroundOpacity={10:"bg-opacity-10",20:"bg-opacity-20",30:"bg-opacity-30",40:"bg-opacity-40",50:"bg-opacity-50",60:"bg-opacity-60",70:"bg-opacity-70",80:"bg-opacity-80",90:"bg-opacity-90",100:"bg-opacity-100"};opacity={10:"opacity-10",20:"opacity-20",30:"opacity-30",40:"opacity-40",50:"opacity-50",60:"opacity-60",70:"opacity-70",80:"opacity-80",90:"opacity-90",100:"opacity-100"};outlineOpacity={10:"outline-opacity-10",20:"outline-opacity-20",30:"outline-opacity-30",40:"outline-opacity-40",50:"outline-opacity-50",60:"outline-opacity-60",70:"outline-opacity-70",80:"outline-opacity-80",90:"outline-opacity-90",100:"outline-opacity-100"}}class mt{margin={0:"m-0","3xs":"m-3xs","2xs":"m-2xs",xs:"m-xs",sm:"m-sm",md:"m-md",lg:"m-lg",xl:"m-xl","2xl":"m-2xl","3xl":"m-3xl"};marginX={0:"mx-0","3xs":"mx-3xs","2xs":"mx-2xs",xs:"mx-xs",sm:"mx-sm",md:"mx-md",lg:"mx-lg",xl:"mx-xl","2xl":"mx-2xl","3xl":"mx-3xl"};marginY={0:"my-0","3xs":"my-3xs","2xs":"my-2xs",xs:"my-xs",sm:"my-sm",md:"my-md",lg:"my-lg",xl:"my-xl","2xl":"my-2xl","3xl":"my-3xl"};marginTop={0:"mt-0","3xs":"mt-3xs","2xs":"mt-2xs",xs:"mt-xs",sm:"mt-sm",md:"mt-md",lg:"mt-lg",xl:"mt-xl","2xl":"mt-2xl","3xl":"mt-3xl"};marginBottom={0:"mb-0","3xs":"mb-3xs","2xs":"mb-2xs",xs:"mb-xs",sm:"mb-sm",md:"mb-md",lg:"mb-lg",xl:"mb-xl","2xl":"mb-2xl","3xl":"mb-3xl"};marginLeft={0:"ml-0","3xs":"ml-3xs","2xs":"ml-2xs",xs:"ml-xs",sm:"ml-sm",md:"ml-md",lg:"ml-lg",xl:"ml-xl","2xl":"ml-2xl","3xl":"ml-3xl"};marginRight={0:"mr-0","3xs":"mr-3xs","2xs":"mr-2xs",xs:"mr-xs",sm:"mr-sm",md:"mr-md",lg:"mr-lg",xl:"mr-xl","2xl":"mr-2xl","3xl":"mr-3xl"};padding={0:"p-0","3xs":"p-3xs","2xs":"p-2xs",xs:"p-xs",sm:"p-sm",md:"p-md",lg:"p-lg",xl:"p-xl","2xl":"p-2xl","3xl":"p-3xl"};paddingX={0:"px-0","3xs":"px-3xs","2xs":"px-2xs",xs:"px-xs",sm:"px-sm",md:"px-md",lg:"px-lg",xl:"px-xl","2xl":"px-2xl","3xl":"px-3xl"};paddingY={0:"py-0","3xs":"py-3xs","2xs":"py-2xs",xs:"py-xs",sm:"py-sm",md:"py-md",lg:"py-lg",xl:"py-xl","2xl":"py-2xl","3xl":"py-3xl"};paddingTop={0:"pt-0","3xs":"pt-3xs","2xs":"pt-2xs",xs:"pt-xs",sm:"pt-sm",md:"pt-md",lg:"pt-lg",xl:"pt-xl","2xl":"pt-2xl","3xl":"pt-3xl"};paddingBottom={0:"pb-0","3xs":"pb-3xs","2xs":"pb-2xs",xs:"pb-xs",sm:"pb-sm",md:"pb-md",lg:"pb-lg",xl:"pb-xl","2xl":"pb-2xl","3xl":"pb-3xl"};paddingLeft={0:"pl-0","3xs":"pl-3xs","2xs":"pl-2xs",xs:"pl-xs",sm:"pl-sm",md:"pl-md",lg:"pl-lg",xl:"pl-xl","2xl":"pl-2xl","3xl":"pl-3xl"};paddingRight={0:"pr-0","3xs":"pr-3xs","2xs":"pr-2xs",xs:"pr-xs",sm:"pr-sm",md:"pr-md",lg:"pr-lg",xl:"pr-xl","2xl":"pr-2xl","3xl":"pr-3xl"};gap={0:"gap-0","3xs":"gap-3xs","2xs":"gap-2xs",xs:"gap-xs",sm:"gap-sm",md:"gap-md",lg:"gap-lg",xl:"gap-xl","2xl":"gap-2xl","3xl":"gap-3xl"}}class xt{classType;constructor(t){this.classType=t}validateColorType(t){return typeof t!="string"||!/(primary|secondary|success|info|warning|danger|light-1|light-2|light-3|light-4|dark-1|dark-2|dark-3|dark-4|black|white|transparent)/.test(t)?!1:z.colorType.includes(this.classType)}validateSpaceType(t){return typeof t!="string"||!/(0|3xs|2xs|xs|sm|md|lg|xl|2xl|3xl)/.test(t)?!1:z.spacingType.includes(this.classType)}validateHeadingTextSizeType(t){return typeof t!="string"||!/(sm|md|lg|xl)/.test(t)?!1:z.headingSizeType.includes(this.classType)}validateBodyTextSizeType(t){return typeof t!="string"||!/(xs|sm|md|lg|xl)/.test(t)?!1:z.textType.includes(this.classType)}validateFontWeightType(t){return typeof t!="string"||!/(light|normal|bold)/.test(t)?!1:z.fontWeightType.includes(this.classType)}validateOpacityType(t){return typeof t!="number"||!/\b(0|[1-9]0|100)\b/.test(t.toString())?!1:z.scaleType.includes(this.classType)}validateRangeType(t){return typeof t!="number"||!/\b([1-9]|1[0-2])\b/.test(t.toString())?!1:z.borderWidthType.includes(this.classType)}validateAlignment(t){return typeof t!="string"||!/(left|center|right)/.test(t)?!1:z.textAlignType.includes(this.classType)}}const z={colorType:["BGCOLOR","BEFOREBG","AFTERBG","HVBGCOLOR","FCBGCOLOR","ACTIVEBG","TEXTCOLOR","HVTEXTCOLOR","FCTEXTCOLOR","DISABLEDTEXTCOLOR","SVGFILL","RINGCOLOR","FOCUSRING","ACTIVERING","OUTLINE","FOCUSOUTLINE","ACTIVEOUTLINE","OFFSETRING","BTNCOLOR","LISTCOLOR","BORDER","BORDERX","BORDERY","BORDERT","BORDERB","BORDERL","BORDERR"],textType:["BODYTEXT"],fontWeightType:["FONTWEIGHT"],textAlignType:["TEXTALIGN"],headingSizeType:["H1","H2","H3","H4"],borderWidthType:["BORDERW","BORDERXW","BORDERYW","BORDERTW","BORDERBW","BORDERLW","BORDERRW"],scaleType:["BGOPACITY","OPACITY","OUTLINEOPACITY"],spacingType:["MARGIN","MARGINX","MARGINY","MARGINT","MARGINB","MARGINL","MARGINR","PADDING","PADDINGX","PADDINGY","PADDINGT","PADDINGB","PADDINGL","PADDINGR","GAP"]};let yt=class{classType;classValue;colorClass;headingSizeClass;borderWidthClass;opacityClass;spacingClass;textClass;validator;constructor(t,l){this.classType=t,this.classValue=l,this.colorClass=new ft,this.headingSizeClass=new pt,this.borderWidthClass=new gt,this.opacityClass=new bt,this.spacingClass=new mt,this.textClass=new ht,this.validator=new xt(t)}generateClass(){switch(this.classType){case"BGCOLOR":return this.getBgColorClass();case"HVBGCOLOR":return this.getHoverBgColorClass();case"FCBGCOLOR":return this.getFocusBgColorClass();case"BEFOREBG":return this.getBeforeBgColorClass();case"AFTERBG":return this.getAfterBgColorClass();case"ACTIVEBG":return this.getActiveBgColorClass();case"TEXTCOLOR":return this.getTextColorClass();case"HVTEXTCOLOR":return this.getHoverTextColorClass();case"FCTEXTCOLOR":return this.getFocusTextColorClass();case"DISABLEDTEXTCOLOR":return this.getDisabledTextColorClass();case"SVGFILL":return this.getSvgFillColorClass();case"RINGCOLOR":return this.getRingColorClass();case"FOCUSRING":return this.getFocusRingColorClass();case"ACTIVERING":return this.getActiveRingColorClass();case"OFFSETRING":return this.getRingOffsetColorClass();case"OUTLINE":return this.getOutlineColorClass();case"FOCUSOUTLINE":return this.getFocusOutlineColorClass();case"ACTIVEOUTLINE":return this.getActiveOutlineColorClass();case"BTNCOLOR":return this.getBtnColorClass();case"LISTCOLOR":return this.getListColorClass();case"BORDER":return this.getBorderColorClass();case"BORDERX":return this.getBorderXColorClass();case"BORDERY":return this.getBorderYColorClass();case"BORDERT":return this.getBorderTopColorClass();case"BORDERB":return this.getBorderBottomColorClass();case"BORDERL":return this.getBorderLeftColorClass();case"BORDERR":return this.getBorderRightColorClass();case"H1":return this.getH1Class();case"H2":return this.getH2Class();case"H3":return this.getH3Class();case"H4":return this.getH4Class();case"BODYTEXT":return this.getBodyTextSizeClass();case"FONTWEIGHT":return this.getFontWeightClass();case"TEXTALIGN":return this.getTextAlignClass();case"BORDERW":return this.getBorderWidthClass();case"BORDERXW":return this.getBorderXWidthClass();case"BORDERYW":return this.getBorderYWidthClass();case"BORDERTW":return this.getBorderTopWidthClass();case"BORDERBW":return this.getBorderBottomWidthClass();case"BORDERLW":return this.getBorderLeftWidthClass();case"BORDERRW":return this.getBorderRightWidthClass();case"OPACITY":return this.getOpacityClass();case"BGOPACITY":return this.getBgOpacityClass();case"OUTLINEOPACITY":return this.getOutlineOpacityClass();case"MARGIN":return this.getMarginClass();case"MARGINX":return this.getMarginXClass();case"MARGINY":return this.getMarginYClass();case"MARGINT":return this.getMarginTopClass();case"MARGINB":return this.getMarginBottomClass();case"MARGINL":return this.getMarginLeftClass();case"MARGINR":return this.getMarginRightClass();case"PADDING":return this.getPaddingClass();case"PADDINGX":return this.getPaddingXClass();case"PADDINGY":return this.getPaddingYClass();case"PADDINGT":return this.getPaddingTopClass();case"PADDINGB":return this.getPaddingBottomClass();case"PADDINGL":return this.getPaddingLeftClass();case"PADDINGR":return this.getPaddingRightClass();case"GAP":return this.getGapClass();default:return" "}}getBgColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.bgColor[this.classValue]:" "}getHoverBgColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.hoverBgColor[this.classValue]:" "}getFocusBgColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.focusBgColor[this.classValue]:" "}getBeforeBgColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.beforeBgColor[this.classValue]:" "}getAfterBgColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.afterBgColor[this.classValue]:" "}getActiveBgColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.bgActiveColor[this.classValue]:" "}getTextColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.textColor[this.classValue]:" "}getHoverTextColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.hoverTextColor[this.classValue]:" "}getFocusTextColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.focusTextColor[this.classValue]:" "}getDisabledTextColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.disabledTextColor[this.classValue]:" "}getSvgFillColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.svgFillColor[this.classValue]:" "}getRingColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.ringColor[this.classValue]:" "}getFocusRingColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.ringFocusColor[this.classValue]:" "}getActiveRingColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.ringActiveColor[this.classValue]:" "}getRingOffsetColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.ringOffsetColor[this.classValue]:" "}getOutlineColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.outlineColor[this.classValue]:" "}getFocusOutlineColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.focusOutlineColor[this.classValue]:" "}getActiveOutlineColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.activeOutlineColor[this.classValue]:" "}getBtnColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.btnColor[this.classValue]:" "}getListColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.listColor[this.classValue]:" "}getBorderColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.borderColor[this.classValue]:" "}getBorderXColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.borderXColor[this.classValue]:" "}getBorderYColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.borderYColor[this.classValue]:" "}getBorderTopColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.borderTopColor[this.classValue]:" "}getBorderBottomColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.borderBottomColor[this.classValue]:" "}getBorderLeftColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.borderLeftColor[this.classValue]:" "}getBorderRightColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.borderRightColor[this.classValue]:" "}getH1Class(){return this.validator.validateHeadingTextSizeType(this.classValue)?this.headingSizeClass.heading1[this.classValue]:" "}getH2Class(){return this.validator.validateHeadingTextSizeType(this.classValue)?this.headingSizeClass.heading2[this.classValue]:" "}getH3Class(){return this.validator.validateHeadingTextSizeType(this.classValue)?this.headingSizeClass.heading3[this.classValue]:" "}getH4Class(){return this.validator.validateHeadingTextSizeType(this.classValue)?this.headingSizeClass.heading4[this.classValue]:" "}getBodyTextSizeClass(){return this.validator.validateBodyTextSizeType(this.classValue)?this.textClass.bodyText[this.classValue]:" "}getFontWeightClass(){return this.validator.validateFontWeightType(this.classValue)?this.textClass.fontweight[this.classValue]:" "}getTextAlignClass(){return this.validator.validateAlignment(this.classValue)?this.textClass.textAlign[this.classValue]:" "}getBorderWidthClass(){return this.validator.validateRangeType(this.classValue)?this.borderWidthClass.borderWidth[this.classValue]:" "}getBorderXWidthClass(){return this.validator.validateRangeType(this.classValue)?this.borderWidthClass.borderXWidth[this.classValue]:" "}getBorderYWidthClass(){return this.validator.validateRangeType(this.classValue)?this.borderWidthClass.borderYWidth[this.classValue]:" "}getBorderTopWidthClass(){return this.validator.validateRangeType(this.classValue)?this.borderWidthClass.borderTopWidth[this.classValue]:" "}getBorderBottomWidthClass(){return this.validator.validateRangeType(this.classValue)?this.borderWidthClass.borderBottomWidth[this.classValue]:" "}getBorderLeftWidthClass(){return this.validator.validateRangeType(this.classValue)?this.borderWidthClass.borderLeftWidth[this.classValue]:" "}getBorderRightWidthClass(){return this.validator.validateRangeType(this.classValue)?this.borderWidthClass.borderRightWidth[this.classValue]:" "}getOpacityClass(){return this.validator.validateOpacityType(this.classValue)?this.opacityClass.opacity[this.classValue]:" "}getBgOpacityClass(){return this.validator.validateOpacityType(this.classValue)?this.opacityClass.backgroundOpacity[this.classValue]:" "}getOutlineOpacityClass(){return this.validator.validateOpacityType(this.classValue)?this.opacityClass.outlineOpacity[this.classValue]:" "}getMarginClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.margin[this.classValue]:" "}getMarginXClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.marginX[this.classValue]:" "}getMarginYClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.marginY[this.classValue]:" "}getMarginTopClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.marginTop[this.classValue]:" "}getMarginBottomClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.marginBottom[this.classValue]:" "}getMarginLeftClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.marginLeft[this.classValue]:" "}getMarginRightClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.marginRight[this.classValue]:" "}getPaddingClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.padding[this.classValue]:" "}getPaddingXClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.paddingX[this.classValue]:" "}getPaddingYClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.paddingY[this.classValue]:" "}getPaddingTopClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.paddingTop[this.classValue]:" "}getPaddingBottomClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.paddingBottom[this.classValue]:" "}getPaddingLeftClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.paddingLeft[this.classValue]:" "}getPaddingRightClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.paddingRight[this.classValue]:" "}getGapClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.gap[this.classValue]:" "}};const Re=(e,t)=>new yt(e,t).generateClass(),Ct=(e,t,l)=>!t||!(t instanceof Node)||e===t||e.contains(t)?!1:l?.length?!l.some(o=>o===t||o.contains(t)):!0,oe=e=>typeof e.value=="function"?{handler:e.value,events:["click"]}:{handler:e.value.handler,events:e.value.events||["click"],excludeElements:e.value.excludeElements},Oe=(e,t,l)=>o=>{Ct(e,o.target,l)&&t(o)},kt={mounted(e,t){const{handler:l,events:o,excludeElements:s}=oe(t);e.__ClickOutsideHandler=Oe(e,l,s),o.forEach(i=>{document.addEventListener(i,e.__ClickOutsideHandler,!0)})},updated(e,t){e.__ClickOutsideHandler&&oe({...t,value:t.oldValue}).events.forEach(i=>{document.removeEventListener(i,e.__ClickOutsideHandler,!0)});const{handler:l,events:o,excludeElements:s}=oe(t);e.__ClickOutsideHandler=Oe(e,l,s),o.forEach(i=>{document.addEventListener(i,e.__ClickOutsideHandler,!0)})},unmounted(e,t){if(e.__ClickOutsideHandler){const{events:l}=oe(t);l.forEach(o=>{document.removeEventListener(o,e.__ClickOutsideHandler,!0)}),delete e.__ClickOutsideHandler}}},Ve={left:"tooltip-left",top:"tooltip-top",bottom:"tooltip-bottom",right:"tooltip-right"};r.defineComponent({name:"Tooltip",props:{direction:{type:String,default:"right"},color:{type:String,default:"dark-3"},textColor:{type:String,default:"white"},width:{type:[Number,String],default:80},customClass:{type:String,default:""},title:{type:String,required:!0}},setup(e){const t="invisible opacity-0 group-hover:visible group-hover:opacity-100 z-[100] tooltip",l=r.computed(()=>[Re("BGCOLOR",e.color),Re("TEXTCOLOR",e.textColor)].join(" ")),o=r.computed(()=>({width:`${e.width}px`})),s=r.computed(()=>Ve[e.direction]||Ve.right),i=r.computed(()=>[t,s.value,l.value,e.customClass]);return()=>r.h("div",{class:i.value,role:"tooltip",innerHTML:e.title,style:[o.value]})}});const se=Math.min,j=Math.max,ie=Math.round,ae=Math.floor,N=e=>({x:e,y:e}),wt={left:"right",right:"left",bottom:"top",top:"bottom"},vt={start:"end",end:"start"};function Ee(e,t,l){return j(e,se(t,l))}function ne(e,t){return typeof e=="function"?e(t):e}function U(e){return e.split("-")[0]}function ce(e){return e.split("-")[1]}function Se(e){return e==="x"?"y":"x"}function Le(e){return e==="y"?"height":"width"}const Tt=new Set(["top","bottom"]);function H(e){return Tt.has(U(e))?"y":"x"}function Ae(e){return Se(H(e))}function Bt(e,t,l){l===void 0&&(l=!1);const o=ce(e),s=Ae(e),i=Le(s);let a=s==="x"?o===(l?"end":"start")?"right":"left":o==="start"?"bottom":"top";return t.reference[i]>t.floating[i]&&(a=de(a)),[a,de(a)]}function Rt(e){const t=de(e);return[me(e),t,me(t)]}function me(e){return e.replace(/start|end/g,t=>vt[t])}const De=["left","right"],Me=["right","left"],Ot=["top","bottom"],Vt=["bottom","top"];function Et(e,t,l){switch(e){case"top":case"bottom":return l?t?Me:De:t?De:Me;case"left":case"right":return t?Ot:Vt;default:return[]}}function St(e,t,l,o){const s=ce(e);let i=Et(U(e),l==="start",o);return s&&(i=i.map(a=>a+"-"+s),t&&(i=i.concat(i.map(me)))),i}function de(e){return e.replace(/left|right|bottom|top/g,t=>wt[t])}function Lt(e){return{top:0,right:0,bottom:0,left:0,...e}}function At(e){return typeof e!="number"?Lt(e):{top:e,right:e,bottom:e,left:e}}function ue(e){const{x:t,y:l,width:o,height:s}=e;return{width:o,height:s,top:l,left:t,right:t+o,bottom:l+s,x:t,y:l}}function Ie(e,t,l){let{reference:o,floating:s}=e;const i=H(t),a=Ae(t),c=Le(a),g=U(t),u=i==="y",h=o.x+o.width/2-s.width/2,n=o.y+o.height/2-s.height/2,f=o[c]/2-s[c]/2;let d;switch(g){case"top":d={x:h,y:o.y-s.height};break;case"bottom":d={x:h,y:o.y+o.height};break;case"right":d={x:o.x+o.width,y:n};break;case"left":d={x:o.x-s.width,y:n};break;default:d={x:o.x,y:o.y}}switch(ce(t)){case"start":d[a]-=f*(l&&u?-1:1);break;case"end":d[a]+=f*(l&&u?-1:1);break}return d}async function Dt(e,t){var l;t===void 0&&(t={});const{x:o,y:s,platform:i,rects:a,elements:c,strategy:g}=e,{boundary:u="clippingAncestors",rootBoundary:h="viewport",elementContext:n="floating",altBoundary:f=!1,padding:d=0}=ne(t,e),p=At(d),C=c[f?n==="floating"?"reference":"floating":n],b=ue(await i.getClippingRect({element:(l=await(i.isElement==null?void 0:i.isElement(C)))==null||l?C:C.contextElement||await(i.getDocumentElement==null?void 0:i.getDocumentElement(c.floating)),boundary:u,rootBoundary:h,strategy:g})),w=n==="floating"?{x:o,y:s,width:a.floating.width,height:a.floating.height}:a.reference,T=await(i.getOffsetParent==null?void 0:i.getOffsetParent(c.floating)),R=await(i.isElement==null?void 0:i.isElement(T))?await(i.getScale==null?void 0:i.getScale(T))||{x:1,y:1}:{x:1,y:1},S=ue(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:w,offsetParent:T,strategy:g}):w);return{top:(b.top-S.top+p.top)/R.y,bottom:(S.bottom-b.bottom+p.bottom)/R.y,left:(b.left-S.left+p.left)/R.x,right:(S.right-b.right+p.right)/R.x}}const Mt=async(e,t,l)=>{const{placement:o="bottom",strategy:s="absolute",middleware:i=[],platform:a}=l,c=i.filter(Boolean),g=await(a.isRTL==null?void 0:a.isRTL(t));let u=await a.getElementRects({reference:e,floating:t,strategy:s}),{x:h,y:n}=Ie(u,o,g),f=o,d={},p=0;for(let C=0;C<c.length;C++){var y;const{name:b,fn:w}=c[C],{x:T,y:R,data:S,reset:O}=await w({x:h,y:n,initialPlacement:o,placement:f,strategy:s,middlewareData:d,rects:u,platform:{...a,detectOverflow:(y=a.detectOverflow)!=null?y:Dt},elements:{reference:e,floating:t}});h=T??h,n=R??n,d={...d,[b]:{...d[b],...S}},O&&p<=50&&(p++,typeof O=="object"&&(O.placement&&(f=O.placement),O.rects&&(u=O.rects===!0?await a.getElementRects({reference:e,floating:t,strategy:s}):O.rects),{x:h,y:n}=Ie(u,f,g)),C=-1)}return{x:h,y:n,placement:f,strategy:s,middlewareData:d}},It=function(e){return e===void 0&&(e={}),{name:"flip",options:e,async fn(t){var l,o;const{placement:s,middlewareData:i,rects:a,initialPlacement:c,platform:g,elements:u}=t,{mainAxis:h=!0,crossAxis:n=!0,fallbackPlacements:f,fallbackStrategy:d="bestFit",fallbackAxisSideDirection:p="none",flipAlignment:y=!0,...C}=ne(e,t);if((l=i.arrow)!=null&&l.alignmentOffset)return{};const b=U(s),w=H(c),T=U(c)===c,R=await(g.isRTL==null?void 0:g.isRTL(u.floating)),S=f||(T||!y?[de(c)]:Rt(c)),O=p!=="none";!f&&O&&S.push(...St(c,y,p,R));const B=[c,...S],L=await g.detectOverflow(t,C),W=[];let $=((o=i.flip)==null?void 0:o.overflows)||[];if(h&&W.push(L[b]),n){const P=Bt(s,a,R);W.push(L[P[0]],L[P[1]])}if($=[...$,{placement:s,overflows:W}],!W.every(P=>P<=0)){var Y,re;const P=(((Y=i.flip)==null?void 0:Y.index)||0)+1,le=B[P];if(le&&(!(n==="alignment"?w!==H(le):!1)||$.every(v=>H(v.placement)===w?v.overflows[0]>0:!0)))return{data:{index:P,overflows:$},reset:{placement:le}};let x=(re=$.filter(m=>m.overflows[0]<=0).sort((m,v)=>m.overflows[1]-v.overflows[1])[0])==null?void 0:re.placement;if(!x)switch(d){case"bestFit":{var be;const m=(be=$.filter(v=>{if(O){const V=H(v.placement);return V===w||V==="y"}return!0}).map(v=>[v.placement,v.overflows.filter(V=>V>0).reduce((V,D)=>V+D,0)]).sort((v,V)=>v[1]-V[1])[0])==null?void 0:be[0];m&&(x=m);break}case"initialPlacement":x=c;break}if(s!==x)return{reset:{placement:x}}}return{}}}},Nt=new Set(["left","top"]);async function Ft(e,t){const{placement:l,platform:o,elements:s}=e,i=await(o.isRTL==null?void 0:o.isRTL(s.floating)),a=U(l),c=ce(l),g=H(l)==="y",u=Nt.has(a)?-1:1,h=i&&g?-1:1,n=ne(t,e);let{mainAxis:f,crossAxis:d,alignmentAxis:p}=typeof n=="number"?{mainAxis:n,crossAxis:0,alignmentAxis:null}:{mainAxis:n.mainAxis||0,crossAxis:n.crossAxis||0,alignmentAxis:n.alignmentAxis};return c&&typeof p=="number"&&(d=c==="end"?p*-1:p),g?{x:d*h,y:f*u}:{x:f*u,y:d*h}}const Gt=function(e){return e===void 0&&(e=0),{name:"offset",options:e,async fn(t){var l,o;const{x:s,y:i,placement:a,middlewareData:c}=t,g=await Ft(t,e);return a===((l=c.offset)==null?void 0:l.placement)&&(o=c.arrow)!=null&&o.alignmentOffset?{}:{x:s+g.x,y:i+g.y,data:{...g,placement:a}}}}},Wt=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(t){const{x:l,y:o,placement:s,platform:i}=t,{mainAxis:a=!0,crossAxis:c=!1,limiter:g={fn:b=>{let{x:w,y:T}=b;return{x:w,y:T}}},...u}=ne(e,t),h={x:l,y:o},n=await i.detectOverflow(t,u),f=H(U(s)),d=Se(f);let p=h[d],y=h[f];if(a){const b=d==="y"?"top":"left",w=d==="y"?"bottom":"right",T=p+n[b],R=p-n[w];p=Ee(T,p,R)}if(c){const b=f==="y"?"top":"left",w=f==="y"?"bottom":"right",T=y+n[b],R=y-n[w];y=Ee(T,y,R)}const C=g.fn({...t,[d]:p,[f]:y});return{...C,data:{x:C.x-l,y:C.y-o,enabled:{[d]:a,[f]:c}}}}}};function he(){return typeof window<"u"}function q(e){return xe(e)?(e.nodeName||"").toLowerCase():"#document"}function A(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function F(e){var t;return(t=(xe(e)?e.ownerDocument:e.document)||window.document)==null?void 0:t.documentElement}function xe(e){return he()?e instanceof Node||e instanceof A(e).Node:!1}function M(e){return he()?e instanceof Element||e instanceof A(e).Element:!1}function G(e){return he()?e instanceof HTMLElement||e instanceof A(e).HTMLElement:!1}function Ne(e){return!he()||typeof ShadowRoot>"u"?!1:e instanceof ShadowRoot||e instanceof A(e).ShadowRoot}const Pt=new Set(["inline","contents"]);function Z(e){const{overflow:t,overflowX:l,overflowY:o,display:s}=I(e);return/auto|scroll|overlay|hidden|clip/.test(t+o+l)&&!Pt.has(s)}const zt=new Set(["table","td","th"]);function Ht(e){return zt.has(q(e))}const Xt=[":popover-open",":modal"];function ge(e){return Xt.some(t=>{try{return e.matches(t)}catch{return!1}})}const $t=["transform","translate","scale","rotate","perspective"],Yt=["transform","translate","scale","rotate","perspective","filter"],jt=["paint","layout","strict","content"];function ye(e){const t=Ce(),l=M(e)?I(e):e;return $t.some(o=>l[o]?l[o]!=="none":!1)||(l.containerType?l.containerType!=="normal":!1)||!t&&(l.backdropFilter?l.backdropFilter!=="none":!1)||!t&&(l.filter?l.filter!=="none":!1)||Yt.some(o=>(l.willChange||"").includes(o))||jt.some(o=>(l.contain||"").includes(o))}function Ut(e){let t=X(e);for(;G(t)&&!K(t);){if(ye(t))return t;if(ge(t))return null;t=X(t)}return null}function Ce(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}const qt=new Set(["html","body","#document"]);function K(e){return qt.has(q(e))}function I(e){return A(e).getComputedStyle(e)}function fe(e){return M(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function X(e){if(q(e)==="html")return e;const t=e.assignedSlot||e.parentNode||Ne(e)&&e.host||F(e);return Ne(t)?t.host:t}function Fe(e){const t=X(e);return K(t)?e.ownerDocument?e.ownerDocument.body:e.body:G(t)&&Z(t)?t:Fe(t)}function ee(e,t,l){var o;t===void 0&&(t=[]),l===void 0&&(l=!0);const s=Fe(e),i=s===((o=e.ownerDocument)==null?void 0:o.body),a=A(s);if(i){const c=ke(a);return t.concat(a,a.visualViewport||[],Z(s)?s:[],c&&l?ee(c):[])}return t.concat(s,ee(s,[],l))}function ke(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function Ge(e){const t=I(e);let l=parseFloat(t.width)||0,o=parseFloat(t.height)||0;const s=G(e),i=s?e.offsetWidth:l,a=s?e.offsetHeight:o,c=ie(l)!==i||ie(o)!==a;return c&&(l=i,o=a),{width:l,height:o,$:c}}function we(e){return M(e)?e:e.contextElement}function J(e){const t=we(e);if(!G(t))return N(1);const l=t.getBoundingClientRect(),{width:o,height:s,$:i}=Ge(t);let a=(i?ie(l.width):l.width)/o,c=(i?ie(l.height):l.height)/s;return(!a||!Number.isFinite(a))&&(a=1),(!c||!Number.isFinite(c))&&(c=1),{x:a,y:c}}const _t=N(0);function We(e){const t=A(e);return!Ce()||!t.visualViewport?_t:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function Kt(e,t,l){return t===void 0&&(t=!1),!l||t&&l!==A(e)?!1:t}function _(e,t,l,o){t===void 0&&(t=!1),l===void 0&&(l=!1);const s=e.getBoundingClientRect(),i=we(e);let a=N(1);t&&(o?M(o)&&(a=J(o)):a=J(e));const c=Kt(i,l,o)?We(i):N(0);let g=(s.left+c.x)/a.x,u=(s.top+c.y)/a.y,h=s.width/a.x,n=s.height/a.y;if(i){const f=A(i),d=o&&M(o)?A(o):o;let p=f,y=ke(p);for(;y&&o&&d!==p;){const C=J(y),b=y.getBoundingClientRect(),w=I(y),T=b.left+(y.clientLeft+parseFloat(w.paddingLeft))*C.x,R=b.top+(y.clientTop+parseFloat(w.paddingTop))*C.y;g*=C.x,u*=C.y,h*=C.x,n*=C.y,g+=T,u+=R,p=A(y),y=ke(p)}}return ue({width:h,height:n,x:g,y:u})}function pe(e,t){const l=fe(e).scrollLeft;return t?t.left+l:_(F(e)).left+l}function Pe(e,t){const l=e.getBoundingClientRect(),o=l.left+t.scrollLeft-pe(e,l),s=l.top+t.scrollTop;return{x:o,y:s}}function Jt(e){let{elements:t,rect:l,offsetParent:o,strategy:s}=e;const i=s==="fixed",a=F(o),c=t?ge(t.floating):!1;if(o===a||c&&i)return l;let g={scrollLeft:0,scrollTop:0},u=N(1);const h=N(0),n=G(o);if((n||!n&&!i)&&((q(o)!=="body"||Z(a))&&(g=fe(o)),G(o))){const d=_(o);u=J(o),h.x=d.x+o.clientLeft,h.y=d.y+o.clientTop}const f=a&&!n&&!i?Pe(a,g):N(0);return{width:l.width*u.x,height:l.height*u.y,x:l.x*u.x-g.scrollLeft*u.x+h.x+f.x,y:l.y*u.y-g.scrollTop*u.y+h.y+f.y}}function Qt(e){return Array.from(e.getClientRects())}function Zt(e){const t=F(e),l=fe(e),o=e.ownerDocument.body,s=j(t.scrollWidth,t.clientWidth,o.scrollWidth,o.clientWidth),i=j(t.scrollHeight,t.clientHeight,o.scrollHeight,o.clientHeight);let a=-l.scrollLeft+pe(e);const c=-l.scrollTop;return I(o).direction==="rtl"&&(a+=j(t.clientWidth,o.clientWidth)-s),{width:s,height:i,x:a,y:c}}const ze=25;function er(e,t){const l=A(e),o=F(e),s=l.visualViewport;let i=o.clientWidth,a=o.clientHeight,c=0,g=0;if(s){i=s.width,a=s.height;const h=Ce();(!h||h&&t==="fixed")&&(c=s.offsetLeft,g=s.offsetTop)}const u=pe(o);if(u<=0){const h=o.ownerDocument,n=h.body,f=getComputedStyle(n),d=h.compatMode==="CSS1Compat"&&parseFloat(f.marginLeft)+parseFloat(f.marginRight)||0,p=Math.abs(o.clientWidth-n.clientWidth-d);p<=ze&&(i-=p)}else u<=ze&&(i+=u);return{width:i,height:a,x:c,y:g}}const tr=new Set(["absolute","fixed"]);function rr(e,t){const l=_(e,!0,t==="fixed"),o=l.top+e.clientTop,s=l.left+e.clientLeft,i=G(e)?J(e):N(1),a=e.clientWidth*i.x,c=e.clientHeight*i.y,g=s*i.x,u=o*i.y;return{width:a,height:c,x:g,y:u}}function He(e,t,l){let o;if(t==="viewport")o=er(e,l);else if(t==="document")o=Zt(F(e));else if(M(t))o=rr(t,l);else{const s=We(e);o={x:t.x-s.x,y:t.y-s.y,width:t.width,height:t.height}}return ue(o)}function Xe(e,t){const l=X(e);return l===t||!M(l)||K(l)?!1:I(l).position==="fixed"||Xe(l,t)}function lr(e,t){const l=t.get(e);if(l)return l;let o=ee(e,[],!1).filter(c=>M(c)&&q(c)!=="body"),s=null;const i=I(e).position==="fixed";let a=i?X(e):e;for(;M(a)&&!K(a);){const c=I(a),g=ye(a);!g&&c.position==="fixed"&&(s=null),(i?!g&&!s:!g&&c.position==="static"&&!!s&&tr.has(s.position)||Z(a)&&!g&&Xe(e,a))?o=o.filter(h=>h!==a):s=c,a=X(a)}return t.set(e,o),o}function or(e){let{element:t,boundary:l,rootBoundary:o,strategy:s}=e;const a=[...l==="clippingAncestors"?ge(t)?[]:lr(t,this._c):[].concat(l),o],c=a[0],g=a.reduce((u,h)=>{const n=He(t,h,s);return u.top=j(n.top,u.top),u.right=se(n.right,u.right),u.bottom=se(n.bottom,u.bottom),u.left=j(n.left,u.left),u},He(t,c,s));return{width:g.right-g.left,height:g.bottom-g.top,x:g.left,y:g.top}}function sr(e){const{width:t,height:l}=Ge(e);return{width:t,height:l}}function ir(e,t,l){const o=G(t),s=F(t),i=l==="fixed",a=_(e,!0,i,t);let c={scrollLeft:0,scrollTop:0};const g=N(0);function u(){g.x=pe(s)}if(o||!o&&!i)if((q(t)!=="body"||Z(s))&&(c=fe(t)),o){const d=_(t,!0,i,t);g.x=d.x+t.clientLeft,g.y=d.y+t.clientTop}else s&&u();i&&!o&&s&&u();const h=s&&!o&&!i?Pe(s,c):N(0),n=a.left+c.scrollLeft-g.x-h.x,f=a.top+c.scrollTop-g.y-h.y;return{x:n,y:f,width:a.width,height:a.height}}function ve(e){return I(e).position==="static"}function $e(e,t){if(!G(e)||I(e).position==="fixed")return null;if(t)return t(e);let l=e.offsetParent;return F(e)===l&&(l=l.ownerDocument.body),l}function Ye(e,t){const l=A(e);if(ge(e))return l;if(!G(e)){let s=X(e);for(;s&&!K(s);){if(M(s)&&!ve(s))return s;s=X(s)}return l}let o=$e(e,t);for(;o&&Ht(o)&&ve(o);)o=$e(o,t);return o&&K(o)&&ve(o)&&!ye(o)?l:o||Ut(e)||l}const ar=async function(e){const t=this.getOffsetParent||Ye,l=this.getDimensions,o=await l(e.floating);return{reference:ir(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function nr(e){return I(e).direction==="rtl"}const cr={convertOffsetParentRelativeRectToViewportRelativeRect:Jt,getDocumentElement:F,getClippingRect:or,getOffsetParent:Ye,getElementRects:ar,getClientRects:Qt,getDimensions:sr,getScale:J,isElement:M,isRTL:nr};function je(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function dr(e,t){let l=null,o;const s=F(e);function i(){var c;clearTimeout(o),(c=l)==null||c.disconnect(),l=null}function a(c,g){c===void 0&&(c=!1),g===void 0&&(g=1),i();const u=e.getBoundingClientRect(),{left:h,top:n,width:f,height:d}=u;if(c||t(),!f||!d)return;const p=ae(n),y=ae(s.clientWidth-(h+f)),C=ae(s.clientHeight-(n+d)),b=ae(h),T={rootMargin:-p+"px "+-y+"px "+-C+"px "+-b+"px",threshold:j(0,se(1,g))||1};let R=!0;function S(O){const B=O[0].intersectionRatio;if(B!==g){if(!R)return a();B?a(!1,B):o=setTimeout(()=>{a(!1,1e-7)},1e3)}B===1&&!je(u,e.getBoundingClientRect())&&a(),R=!1}try{l=new IntersectionObserver(S,{...T,root:s.ownerDocument})}catch{l=new IntersectionObserver(S,T)}l.observe(e)}return a(!0),i}function ur(e,t,l,o){o===void 0&&(o={});const{ancestorScroll:s=!0,ancestorResize:i=!0,elementResize:a=typeof ResizeObserver=="function",layoutShift:c=typeof IntersectionObserver=="function",animationFrame:g=!1}=o,u=we(e),h=s||i?[...u?ee(u):[],...ee(t)]:[];h.forEach(b=>{s&&b.addEventListener("scroll",l,{passive:!0}),i&&b.addEventListener("resize",l)});const n=u&&c?dr(u,l):null;let f=-1,d=null;a&&(d=new ResizeObserver(b=>{let[w]=b;w&&w.target===u&&d&&(d.unobserve(t),cancelAnimationFrame(f),f=requestAnimationFrame(()=>{var T;(T=d)==null||T.observe(t)})),l()}),u&&!g&&d.observe(u),d.observe(t));let p,y=g?_(e):null;g&&C();function C(){const b=_(e);y&&!je(y,b)&&l(),y=b,p=requestAnimationFrame(C)}return l(),()=>{var b;h.forEach(w=>{s&&w.removeEventListener("scroll",l),i&&w.removeEventListener("resize",l)}),n?.(),(b=d)==null||b.disconnect(),d=null,g&&cancelAnimationFrame(p)}}const hr=Gt,gr=Wt,fr=It,pr=(e,t,l)=>{const o=new Map,s={platform:cr,...l},i={...s.platform,_c:o};return Mt(e,t,{...s,platform:i})};function br(e){return e!=null&&typeof e=="object"&&"$el"in e}function Ue(e){if(br(e)){const t=e.$el;return xe(t)&&q(t)==="#comment"?null:t}return e}function te(e){return typeof e=="function"?e():r.unref(e)}function qe(e){return typeof window>"u"?1:(e.ownerDocument.defaultView||window).devicePixelRatio||1}function _e(e,t){const l=qe(e);return Math.round(t*l)/l}function mr(e,t,l){l===void 0&&(l={});const o=l.whileElementsMounted,s=r.computed(()=>{var B;return(B=te(l.open))!=null?B:!0}),i=r.computed(()=>te(l.middleware)),a=r.computed(()=>{var B;return(B=te(l.placement))!=null?B:"bottom"}),c=r.computed(()=>{var B;return(B=te(l.strategy))!=null?B:"absolute"}),g=r.computed(()=>{var B;return(B=te(l.transform))!=null?B:!0}),u=r.computed(()=>Ue(e.value)),h=r.computed(()=>Ue(t.value)),n=r.ref(0),f=r.ref(0),d=r.ref(c.value),p=r.ref(a.value),y=r.shallowRef({}),C=r.ref(!1),b=r.computed(()=>{const B={position:d.value,left:"0",top:"0"};if(!h.value)return B;const L=_e(h.value,n.value),W=_e(h.value,f.value);return g.value?{...B,transform:"translate("+L+"px, "+W+"px)",...qe(h.value)>=1.5&&{willChange:"transform"}}:{position:d.value,left:L+"px",top:W+"px"}});let w;function T(){if(u.value==null||h.value==null)return;const B=s.value;pr(u.value,h.value,{middleware:i.value,placement:a.value,strategy:c.value}).then(L=>{n.value=L.x,f.value=L.y,d.value=L.strategy,p.value=L.placement,y.value=L.middlewareData,C.value=B!==!1})}function R(){typeof w=="function"&&(w(),w=void 0)}function S(){if(R(),o===void 0){T();return}if(u.value!=null&&h.value!=null){w=o(u.value,h.value,T);return}}function O(){s.value||(C.value=!1)}return r.watch([i,a,c,s],T,{flush:"sync"}),r.watch([u,h],S,{flush:"sync"}),r.watch(s,O,{flush:"sync"}),r.getCurrentScope()&&r.onScopeDispose(R),{x:r.shallowReadonly(n),y:r.shallowReadonly(f),strategy:r.shallowReadonly(d),placement:r.shallowReadonly(p),middlewareData:r.shallowReadonly(y),isPositioned:r.shallowReadonly(C),floatingStyles:b,update:T}}const xr=["id","placeholder","aria-expanded"],yr=["onClick","onMouseenter"],Cr=Te(r.defineComponent({__name:"MclSelect",props:r.mergeModels({id:{},displayBorder:{type:Boolean,default:!1},borderColor:{default:"light-4"},rounded:{type:Boolean,default:!1},displayHighlight:{type:Boolean,default:!0},highlightColor:{default:"primary"},textcolor:{default:"black"},bgColor:{default:"light-1"},iconColor:{default:"dark-4"},placeholder:{default:""},displayShadow:{type:Boolean,default:!0},required:{type:Boolean,default:!1},options:{},selectColor:{default:"primary"},invalidFeedback:{default:"No match."}},{modelValue:{default:null},modelModifiers:{}}),emits:r.mergeModels(["open","close","clear","changed","select"],["update:modelValue"]),setup(e,{emit:t}){const l=e;r.useSlots();const o=t,s=r.useModel(e,"modelValue"),i=r.ref(),a=r.ref(),c=r.ref(),g=r.ref([]),u=r.ref(null),h=r.ref(),n=r.ref(!1),f=r.ref(""),d=r.ref(0),p=()=>{n.value=!0},y=()=>{f.value="",n.value=!1,u.value=null,a.value?.blur(),s.value=""},C=()=>{n.value=!1,d.value=0},b=()=>{n.value=!n.value,d.value=0,n.value===!0&&a.value?.focus()},w=x=>{x.preventDefault(),f.value!==""&&(f.value=""),d.value=0,s.value="",o("clear")},T=(x,m)=>{g.value[m]=x},R=x=>{x.style.pointerEvents="none"},S=x=>{x.style.pointerEvents="auto"},O=x=>{d.value=x},B=(x,m)=>{x.preventDefault(),f.value=typeof m=="string"?m:m.text;const v=typeof m=="string"?m:m.value;s.value=v,n.value=!1,o("select",v)},L=r.computed(()=>{const{bgColor:x,displayBorder:m,borderColor:v,displayHighlight:V,displayShadow:D,rounded:Rr,textcolor:Or}=l,Q=[k("BGCOLOR",x),k("TEXTCOLOR",Or)];return m&&(Q.push("border-2"),Q.push(k("BORDER",v))),V||Q.push("ring-offset-2 transition-all duration-300 ease-linear"),D&&Q.push("shadow-md"),Rr&&Q.push("rounded-md"),Q.join(" ")}),W=r.computed(()=>{const{highlightColor:x,rounded:m}=l,v=[k("BEFOREBG",x)];return m&&v.push("rounded-b-md"),v.join(" ")}),$=r.computed(()=>{const{displayHighlight:x,bgColor:m,borderColor:v,rounded:V}=l,D=[k("BGCOLOR",m),k("BORDER",v)];return x||D.push("mt-2xs"),V&&D.push("rounded-md"),D.join(" ")}),Y=r.computed(()=>f.value===""?l.options:l.options.filter(m=>{const v=new RegExp(`${f.value}`,"gi");return typeof m=="string"?m.match(v):m.text.match(v)})),re=x=>{n.value&&(x==="up"&&d.value>0&&d.value--,x==="down"&&d.value<Y.value.length-1&&d.value++)},be=()=>{if(!n.value)return;const x=Y.value[d.value];let m;typeof x=="string"?(f.value=x,m=x):(f.value=x.text,m=x.value),s.value=m,n.value=!1,o("select",m)},P=r.computed(()=>({width:`${h.value}px`})),{floatingStyles:le}=mr(i,c,{whileElementsMounted:ur,strategy:"absolute",open:n,transform:!1,placement:"bottom",middleware:[fr(),hr(-2.2),gr()]});return Ke.useResizeObserver(i,()=>{i.value&&(h.value=i.value.clientWidth)}),r.watch(n,x=>{o(x===!0?"open":"close")}),r.watch(s,x=>{if(x===null){n.value=!1,u.value=null;return}o("changed",x)}),r.watch(d,()=>{u.value=g.value[d.value],u.value&&u.value.scrollIntoView&&u.value.scrollIntoView({block:"nearest"})}),(x,m)=>r.withDirectives((r.openBlock(),r.createElementBlock("div",{onKeyup:[r.withKeys(y,["esc"]),m[1]||(m[1]=r.withKeys(v=>re("down"),["down"])),m[2]||(m[2]=r.withKeys(v=>re("up"),["up"])),r.withKeys(be,["enter"])],ref_key:"componentRef",ref:i,class:"relative"},[r.createElementVNode("div",{class:r.normalizeClass(["p-2xs gap-3xs relative flex",[!e.displayHighlight&&n.value&&r.unref(k)("RINGCOLOR",e.borderColor)+" ring-4",L.value]])},[r.withDirectives(r.createElementVNode("input",{id:e.id,type:"text",class:"w-full bg-transparent outline-none","onUpdate:modelValue":m[0]||(m[0]=v=>f.value=v),ref_key:"inputBox",ref:a,role:"combobox",autocomplete:"off",placeholder:e.placeholder,"aria-autocomplete":"list","aria-expanded":n.value,onFocus:p},null,40,xr),[[r.vModelText,f.value]]),r.createElementVNode("div",{class:r.normalizeClass(["px-3xs flex items-center",[f.value===""?"hidden cursor-text":"block cursor-pointer"]]),onClick:w},[(r.openBlock(),r.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",class:r.normalizeClass(["h-xs opacity-70",[r.unref(k)("SVGFILL",e.iconColor)]])},[...m[3]||(m[3]=[r.createElementVNode("path",{d:"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"},null,-1)])],2))],2),r.createElementVNode("div",{class:"px-3xs flex items-center",onClick:b},[(r.openBlock(),r.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",class:r.normalizeClass(["h-xs",[n.value?"rotate-180":"rotate-0","transition-transform duration-300 ease-in",r.unref(k)("SVGFILL",e.iconColor)]])},[...m[4]||(m[4]=[r.createElementVNode("path",{d:"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"},null,-1)])],2))])],2),e.displayHighlight?(r.openBlock(),r.createElementBlock("div",{key:0,class:r.normalizeClass(["h-3xs relative -top-1 overflow-hidden before:absolute before:bottom-0 before:left-0 before:h-full before:w-0 before:transition-[width] before:duration-300 before:ease-linear",[n.value?"before:w-full":"before:w-0",W.value]])},null,2)):r.createCommentVNode("",!0),r.createVNode(r.Transition,{name:"options",onBeforeLeave:R,onEnter:S},{default:r.withCtx(()=>[n.value?(r.openBlock(),r.createElementBlock("ul",{key:0,class:r.normalizeClass([[$.value],"max-h-50 overflow-y-auto border-2"]),style:r.normalizeStyle({...P.value,...r.unref(le)}),role:"listbox",ref_key:"dropdownRef",ref:c},[Y.value.length>0?r.renderSlot(x.$slots,"dropdown",{key:0,optionClick:B,options:Y.value,activeIndex:d.value,setRef:T,hover:O},()=>[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(Y.value,(v,V)=>(r.openBlock(),r.createElementBlock("li",{key:V,class:r.normalizeClass(["p-2xs cursor-pointer",[d.value===V&&r.unref(k)("BGCOLOR",e.highlightColor)]]),role:"option",ref_for:!0,ref:D=>T(D,V),onClick:D=>B(D,v),onMouseenter:D=>O(V)},r.toDisplayString(typeof v=="string"?v:v.text),43,yr))),128))],!0):r.renderSlot(x.$slots,"no-match",{key:1},()=>[r.createElementVNode("li",{class:r.normalizeClass(["p-2xs cursor-pointer",[r.unref(k)("HVBGCOLOR",e.selectColor)]])},[r.createElementVNode("span",null,r.toDisplayString(e.invalidFeedback),1)],2)],!0)],6)):r.createCommentVNode("",!0)]),_:3})],32)),[[r.unref(kt),C]])}}),[["__scopeId","data-v-ce479436"]]),kr=["id","placeholder","required","rows"],wr=r.defineComponent({__name:"MclTextArea",props:r.mergeModels({id:{},displayBorder:{type:Boolean,default:!1},borderColor:{default:"light-4"},rounded:{type:Boolean,default:!1},displayHighlight:{type:Boolean,default:!0},highlightColor:{default:"primary"},bgColor:{default:"light-1"},textcolor:{default:"black"},placeholder:{default:""},displayShadow:{type:Boolean,default:!0},required:{type:Boolean,default:!1},rows:{default:5}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const t=e,l=r.useModel(e,"modelValue"),o=r.computed(()=>{const{bgColor:s,displayBorder:i,borderColor:a,displayHighlight:c,displayShadow:g,rounded:u,textcolor:h}=t,n=[k("BGCOLOR",s),k("TEXTCOLOR",h)];return i&&(n.push("border-2"),n.push(k("BORDER",a))),c||(n.push("focus:ring-4 ring-offset-2 transition-all duration-300 ease-linear"),n.push(k("FOCUSRING",a))),g&&n.push("shadow-md"),u&&n.push("rounded-md"),n.join(" ")});return(s,i)=>(r.openBlock(),r.createElementBlock("div",null,[r.withDirectives(r.createElementVNode("textarea",{id:e.id,class:r.normalizeClass(["w-full p-2xs outline-none input__text peer",o.value]),"onUpdate:modelValue":i[0]||(i[0]=a=>l.value=a),placeholder:e.placeholder,required:e.required,rows:e.rows},null,10,kr),[[r.vModelText,l.value]]),e.displayHighlight?(r.openBlock(),r.createBlock(Be,{key:0,color:e.highlightColor,rounded:e.rounded,offset:2.5},null,8,["color","rounded"])):r.createCommentVNode("",!0)]))}}),vr={class:"relative"},Tr=["id","value","checked"],Br=r.defineComponent({__name:"MclCheckbox",props:r.mergeModels({id:{},inputSize:{default:"md"},bgColor:{default:"light-1"},checkedBgColor:{default:"warning"},checkColor:{default:"dark-3"},borderColor:{default:"dark-1"},displayShadow:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},value:{},checked:{type:Boolean,default:!1}},{modelValue:{type:Boolean},modelModifiers:{}}),emits:r.mergeModels(["checkbox-click"],["update:modelValue"]),setup(e,{emit:t}){const l={primary:"peer-checked/input:bg-primary",secondary:"peer-checked/input:bg-secondary",success:"peer-checked/input:bg-success",info:"peer-checked/input:bg-info",warning:"peer-checked/input:bg-warning",danger:"peer-checked/input:bg-danger","light-1":"peer-checked/input:bg-light-1","light-2":"peer-checked/input:bg-light-2","light-3":"peer-checked/input:bg-light-3","light-4":"peer-checked/input:bg-light-4","dark-1":"peer-checked/input:bg-dark-1","dark-2":"peer-checked/input:bg-dark-2","dark-3":"peer-checked/input:bg-dark-3","dark-4":"peer-checked/input:bg-dark-1",transparent:"peer-checked/input:bg-transparent",black:"peer-checked/input:bg-black",white:"peer-checked/input:bg-white"},o={primary:"before:bg-primary",secondary:"before:bg-secondary",success:"before:bg-success",info:"before:bg-info",warning:"before:bg-warning",danger:"before:bg-danger","light-1":"before:bg-light-1","light-2":"before:bg-light-2","light-3":"before:bg-light-3","light-4":"before:bg-light-4","dark-1":"before:bg-dark-1","dark-2":"before:bg-dark-2","dark-3":"before:bg-dark-3","dark-4":"before:bg-dark-1",transparent:"before:bg-transparent",black:"before:bg-black",white:"before:bg-white"},s=e,i=r.useModel(e,"modelValue"),a=r.ref(),c=t,g=()=>{a.value?.click()},u=f=>{const d=f.target.value;c("checkbox-click",f,a.value.checked,a.value?.checked?d:"")},h=r.computed(()=>{const{inputSize:f}=s;return f==="sm"?"h-xs w-xs before:h-2xs before:w-2xs":f==="lg"?"h-md w-md before:h-xs before:w-xs":"h-sm w-sm before:w-[12px] before:h-[12px]"}),n=r.computed(()=>{const{bgColor:f,borderColor:d,displayShadow:p,rounded:y,checkedBgColor:C,checkColor:b}=s,w=[k("BGCOLOR",f),k("BORDER",d),o[b],l[C]];return p&&w.push("drop-shadow-md"),y&&w.push("rounded-md before:rounded-[3px]"),w.join(" ")});return(f,d)=>(r.openBlock(),r.createElementBlock("div",vr,[r.withDirectives(r.createElementVNode("input",{id:e.id,ref_key:"checkboxRef",ref:a,type:"checkbox",value:e.value,checked:e.checked,"onUpdate:modelValue":d[0]||(d[0]=p=>i.value=p),class:"appearance-none peer/input",onChange:u},null,40,Tr),[[r.vModelCheckbox,i.value]]),r.createElementVNode("span",{class:r.normalizeClass(["relative border inline-block p-3xs hover:bg-opacity-60 peer-checked/input:hover:bg-opacity-60 before:opacity-0 peer-checked/input:before:opacity-100 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-1/2 before:-translate-x-1/2 transition-colors duration-200 ease-linear before:transition-opacity before:duration-200 before:ease-linar",[n.value,h.value]]),onClick:g},null,2)]))}});E.MclCheckbox=Br,E.MclFormGroup=Qe,E.MclInputFile=tt,E.MclInputRadio=ot,E.MclInputSwitch=at,E.MclInputText=ut,E.MclSelect=Cr,E.MclTextArea=wr,Object.defineProperty(E,Symbol.toStringTag,{value:"Module"})}));
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode('.switch[data-v-64ca2f25]{width:var(--switch-width);height:var(--switch-height)}.slider[data-v-64ca2f25]:before{content:"";height:var(--slider-size);width:var(--slider-size);left:var(--gutter-size);bottom:var(--gutter-size)}input:checked+.slider[data-v-64ca2f25]:before{-webkit-transform:translateX(var(--slider-size));-ms-transform:translateX(var(--slider-size));transform:translate(var(--slider-size))}.options-enter-active[data-v-dba14247],.options-leave-active[data-v-dba14247]{opacity:1;transition:opacity .3s linear,transform .3s linear}.options-enter-from[data-v-dba14247],.options-leave-to[data-v-dba14247]{opacity:0;transform:translateY(-10px)}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
|
|
2
|
+
(function(q,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vue"),require("@bobbykim/manguito-theme"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["exports","vue","@bobbykim/manguito-theme","@vueuse/core"],a):(q=typeof globalThis<"u"?globalThis:q||self,a(q.MclForms={},q.Vue,q.ManguitoTheme,q.core))})(this,(function(q,a,R,nn){"use strict";const on=["for"],an=a.defineComponent({__name:"MclFormGroup",props:{labelFor:{},textColor:{default:"dark-3"},textSize:{default:"md"},textBold:{type:Boolean,default:!1},label:{}},setup(e){const t=e;a.useSlots();const r=a.computed(()=>{const{textColor:n,textSize:l,textBold:i}=t,s=[R.generateClass.textColorVariant({color:n}),R.generateClass.bodyTextVariant({size:l})];return i&&s.push("font-bold"),s.join(" ")});return(n,l)=>(a.openBlock(),a.createElementBlock("div",null,[a.createElementVNode("label",{for:e.labelFor,class:"inline-block"},[a.renderSlot(n.$slots,"label",{},()=>[a.createElementVNode("p",{class:a.normalizeClass(["mb-2xs",r.value])},a.toDisplayString(e.label),3)])],8,on),a.renderSlot(n.$slots,"default")]))}}),ln={class:"my-3xs mr-xs ml-3xs shrink-0"},sn=["aria-controls"],cn=["id","required","accept"],dn=a.defineComponent({__name:"MclInputFile",props:a.mergeModels({id:{},showBorder:{type:Boolean,default:!1},borderColor:{default:"light-4"},rounded:{type:Boolean,default:!1},bgColor:{default:"light-1"},buttonText:{default:"Browse File"},buttonTextColor:{default:"dark-3"},buttonColor:{default:"light-4"},showShadow:{type:Boolean,default:!0},textColor:{default:"black"},showClear:{type:Boolean,default:!1},required:{type:Boolean,default:!1},accept:{default:"image/jpg,image/jpeg,image/png"}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const t=e,r=a.useModel(e,"modelValue"),n=a.ref(),l=a.ref(0),i=()=>{n.value.click()},s=p=>{const f=p.target.files[0];r.value=f},u=()=>{r.value=null,l.value++},m=a.computed(()=>{const{rounded:p,showBorder:f,borderColor:x,showShadow:C,bgColor:E}=t,w=[R.generateClass.bgColorVariant({color:E})];return p&&w.push("rounded-md"),f&&(w.push("border-2"),w.push(R.generateClass.borderColorVariant({color:x}))),C&&w.push("shadow-md"),w.join(" ")}),d=a.computed(()=>{const{textColor:p}=t;return[R.generateClass.textColorVariant({color:p})].join(" ")}),g=a.computed(()=>{const{buttonColor:p,buttonTextColor:f,rounded:x}=t,C=[R.generateClass.bgColorVariant({color:p}),R.generateClass.textColorVariant({color:f})];return x&&C.push("rounded-l-md"),C.join(" ")}),c=a.computed(()=>{const{buttonColor:p,rounded:f}=t,x=[R.generateClass.bgColorVariant({color:p})];return f&&x.push("rounded-r-md"),x.join(" ")});return(p,f)=>(a.openBlock(),a.createElementBlock("div",{class:a.normalizeClass(["flex items-center overflow-hidden",m.value])},[a.createElementVNode("div",ln,[a.createElementVNode("button",{type:"button","aria-controls":e.id,class:a.normalizeClass(["max-w-full px-xs py-2xs transition-all duration-200 ease-linear hover:bg-opacity-70",g.value]),onClick:i},a.toDisplayString(e.buttonText),11,sn)]),(a.openBlock(),a.createElementBlock("input",{type:"file",id:e.id,ref_key:"inputRef",ref:n,class:a.normalizeClass(["w-full bg-transparent file:hidden",[d.value]]),required:e.required,accept:e.accept,key:l.value,onChange:s},null,42,cn)),e.showClear?(a.openBlock(),a.createElementBlock("div",{key:0,class:"my-3xs mr-3xs self-stretch",onClick:u},[a.createElementVNode("button",{class:a.normalizeClass(["flex h-full items-center px-xs py-2xs transition-all duration-200 ease-linear hover:bg-opacity-70",[c.value]]),"aria-label":"clear"},[(a.openBlock(),a.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512","aria-hidden":"true",class:a.normalizeClass(["h-xs",a.unref(R.generateClass).svgFillColorVariant({color:e.buttonTextColor})])},[...f[0]||(f[0]=[a.createElementVNode("path",{d:"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"},null,-1)])],2))],2)])):a.createCommentVNode("",!0)],2))}}),un={class:"flex items-center"},fn=["id","value","checked"],gn=a.defineComponent({__name:"MclInputRadio",props:{id:{},radioSize:{default:"md"},bgColor:{default:"success"},checkedColor:{default:"light-1"},showShadow:{type:Boolean,default:!1},value:{default:""},checked:{type:Boolean,default:!1}},emits:["change"],setup(e,{emit:t}){const r=e,n=a.ref(),l=t,i=()=>{n.value?.click()},s=a.computed(()=>{const{radioSize:g}=r;return g==="sm"?"h-xs w-xs":g==="lg"?"h-md w-md":"h-sm w-sm"}),u=a.computed(()=>{const{radioSize:g}=r;return g==="sm"?"peer-checked:before:h-2xs peer-checked:before:w-2xs":g==="lg"?"peer-checked:before:h-xs peer-checked:before:w-xs":"peer-checked:before:h-[12px] peer-checked:before:w-[12px]"}),m=a.computed(()=>{const{bgColor:g,checkedColor:c,showShadow:p}=r,f=[R.generateClass.bgColorVariant({color:g}),R.generateClass.beforeBgColorVariant({color:c})];return p&&f.push("drop-shadow-md"),f.join(" ")}),d=g=>{const c=g.target.value;l("change",g,c)};return(g,c)=>(a.openBlock(),a.createElementBlock("div",un,[a.createElementVNode("input",{id:e.id,type:"radio",class:"peer appearance-none",ref_key:"radioRef",ref:n,value:e.value,checked:e.checked,onChange:d},null,40,fn),a.createElementVNode("span",{"aria-hidden":"true",class:a.normalizeClass(["relative inline-block rounded-full before:absolute before:top-1/2 before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-full",[s.value,u.value,m.value]]),onClick:i},null,2)]))}}),pn=["id","aria-checked"],mn=a.defineComponent({__name:"MclInputSwitch",props:a.mergeModels({id:{},sliderColor:{default:"light-1"},onColor:{default:"success"},offColor:{default:"dark-1"},switchSize:{default:"md"},rounded:{type:Boolean,default:!0}},{modelValue:{type:Boolean},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const t=e,r=a.useModel(e,"modelValue"),n=a.ref(),l={primary:"peer-checked/input:bg-primary",secondary:"peer-checked/input:bg-secondary",success:"peer-checked/input:bg-success",info:"peer-checked/input:bg-info",warning:"peer-checked/input:bg-warning",danger:"peer-checked/input:bg-danger","light-1":"peer-checked/input:bg-light-1","light-2":"peer-checked/input:bg-light-2","light-3":"peer-checked/input:bg-light-3","light-4":"peer-checked/input:bg-light-4","dark-1":"peer-checked/input:bg-dark-1","dark-2":"peer-checked/input:bg-dark-2","dark-3":"peer-checked/input:bg-dark-3","dark-4":"peer-checked/input:bg-dark-1",transparent:"peer-checked/input:bg-transparent",black:"peer-checked/input:bg-black",white:"peer-checked/input:bg-white"},i=()=>{n.value?.click()},s=a.computed(()=>t.switchSize==="sm"?{"--switch-width":"30px","--switch-height":"17px","--slider-size":"13px","--gutter-size":"2px"}:t.switchSize==="lg"?{"--switch-width":"60px","--switch-height":"34px","--slider-size":"26px","--gutter-size":"4px"}:{"--switch-width":"45px","--switch-height":"25.5px","--slider-size":"19.5px","--gutter-size":"3px"}),u=a.computed(()=>{const{sliderColor:m,onColor:d,offColor:g,rounded:c}=t,p=[R.generateClass.bgColorVariant({color:g}),R.generateClass.beforeBgColorVariant({color:m}),l[d]];return c&&p.push("rounded-full before:rounded-full"),p.join(" ")});return(m,d)=>(a.openBlock(),a.createElementBlock("div",{class:"switch relative",style:a.normalizeStyle(s.value),onClick:i},[a.withDirectives(a.createElementVNode("input",{id:e.id,class:"peer/input sr-only","onUpdate:modelValue":d[0]||(d[0]=g=>r.value=g),ref_key:"inputRef",ref:n,type:"checkbox",role:"switch","aria-checked":!!r.value},null,8,pn),[[a.vModelCheckbox,r.value]]),a.createElementVNode("span",{"aria-hidden":"true",class:a.normalizeClass(["slider absolute inset-0 cursor-pointer transition-all duration-300 before:absolute before:transition-all before:duration-300",u.value])},null,2)],4))}}),Gt=(e,t)=>{const r=e.__vccOpts||e;for(const[n,l]of t)r[n]=l;return r},hn=Gt(mn,[["__scopeId","data-v-64ca2f25"]]),qt=a.defineComponent({__name:"InputHighlight",props:{color:{default:"primary"},rounded:{type:Boolean,default:!1},offset:{default:1}},setup(e){const t=e,r={1:"-top-1",2.5:"-top-2.5"},n=a.computed(()=>{const l=[R.generateClass.beforeBgColorVariant({color:t.color})];return t.rounded&&l.push("rounded-b-md"),l.push(r[t.offset]),l.join(" ")});return(l,i)=>(a.openBlock(),a.createElementBlock("div",{class:a.normalizeClass(["relative h-3xs overflow-hidden before:absolute before:bottom-0 before:left-0 before:h-full before:w-0 before:transition-[width] before:duration-300 before:ease-linear peer-focus:before:w-full",n.value])},null,2))}}),bn=["id","type","placeholder","required","aria-invalid","aria-describedby","minlength","maxlength","pattern"],xn=["id"],yn={class:"text-xs text-danger"},kn=a.defineComponent({__name:"MclInputText",props:a.mergeModels({id:{},showBorder:{type:Boolean,default:!1},borderColor:{default:"light-4"},rounded:{type:Boolean,default:!1},showHighlight:{type:Boolean,default:!0},highlightColor:{default:"primary"},textColor:{default:"black"},bgColor:{default:"light-1"},placeholder:{default:""},type:{default:"text"},showShadow:{type:Boolean,default:!0},required:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},invalidFeedback:{},minLength:{},maxLength:{},pattern:{}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const t=e,r=a.useModel(e,"modelValue"),n=a.computed(()=>{const{bgColor:l,showBorder:i,borderColor:s,showHighlight:u,showShadow:m,rounded:d,textColor:g}=t,c=[R.generateClass.bgColorVariant({color:l}),R.generateClass.textColorVariant({color:g})];return i&&(c.push("border-2"),c.push(R.generateClass.borderColorVariant({color:s}))),u||(c.push("focus:ring-4 ring-offset-2 transition-all duration-300 ease-linear"),c.push(R.generateClass.focusRingColorVariant({color:s}))),m&&c.push("shadow-md"),d&&c.push("rounded-md"),c.join(" ")});return(l,i)=>(a.openBlock(),a.createElementBlock("div",null,[a.withDirectives(a.createElementVNode("input",{id:e.id,type:e.type,class:a.normalizeClass(["peer peer/validation w-full p-2xs outline-none",n.value]),"onUpdate:modelValue":i[0]||(i[0]=s=>r.value=s),placeholder:e.placeholder,required:e.required,"aria-invalid":e.invalid||void 0,"aria-describedby":e.invalid?`${e.id}-error`:void 0,minlength:e.minLength,maxlength:e.maxLength,pattern:e.pattern},null,10,bn),[[a.vModelDynamic,r.value]]),e.showHighlight?(a.openBlock(),a.createBlock(qt,{key:0,color:e.highlightColor,rounded:e.rounded},null,8,["color","rounded"])):a.createCommentVNode("",!0),a.createElementVNode("div",{id:`${e.id}-error`,role:"alert",class:"ml-3xs peer-valid/validation:hidden peer-invalid/validation:block"},[a.renderSlot(l.$slots,"invalid-feedback",{},()=>[a.createElementVNode("span",yn,a.toDisplayString(e.invalidFeedback),1)])],8,xn)]))}});function Yt(e){var t,r,n="";if(typeof e=="string"||typeof e=="number")n+=e;else if(typeof e=="object")if(Array.isArray(e)){var l=e.length;for(t=0;t<l;t++)e[t]&&(r=Yt(e[t]))&&(n&&(n+=" "),n+=r)}else for(r in e)e[r]&&(n&&(n+=" "),n+=r);return n}function wn(){for(var e,t,r=0,n="",l=arguments.length;r<l;r++)(e=arguments[r])&&(t=Yt(e))&&(n&&(n+=" "),n+=t);return n}const Xt=e=>typeof e=="boolean"?`${e}`:e===0?"0":e,Kt=wn,k=(e,t)=>r=>{var n;if(t?.variants==null)return Kt(e,r?.class,r?.className);const{variants:l,defaultVariants:i}=t,s=Object.keys(l).map(d=>{const g=r?.[d],c=i?.[d];if(g===null)return null;const p=Xt(g)||Xt(c);return l[d][p]}),u=r&&Object.entries(r).reduce((d,g)=>{let[c,p]=g;return p===void 0||(d[c]=p),d},{}),m=t==null||(n=t.compoundVariants)===null||n===void 0?void 0:n.reduce((d,g)=>{let{class:c,className:p,...f}=g;return Object.entries(f).every(x=>{let[C,E]=x;return Array.isArray(E)?E.includes({...i,...u}[C]):{...i,...u}[C]===E})?[...d,c,p]:d},[]);return Kt(e,s,m,r?.class,r?.className)},vn=k("",{variants:{color:{primary:"mcl-bg-primary",secondary:"mcl-bg-secondary",success:"mcl-bg-success",danger:"mcl-bg-danger",info:"mcl-bg-info",warning:"mcl-bg-warning","light-1":"mcl-bg-light-1","light-2":"mcl-bg-light-2","light-3":"mcl-bg-light-3","light-4":"mcl-bg-light-4","dark-1":"mcl-bg-dark-1","dark-2":"mcl-bg-dark-2","dark-3":"mcl-bg-dark-3","dark-4":"mcl-bg-dark-4",black:"mcl-bg-black",white:"mcl-bg-white",transparent:"mcl-bg-transparent"}}}),Cn=k("",{variants:{color:{primary:"hover:bg-primary",secondary:"hover:bg-secondary",success:"hover:bg-success",danger:"hover:bg-danger",info:"hover:bg-info",warning:"hover:bg-warning","light-1":"hover:bg-light-1","light-2":"hover:bg-light-2","light-3":"hover:bg-light-3","light-4":"hover:bg-light-4","dark-1":"hover:bg-dark-1","dark-2":"hover:bg-dark-2","dark-3":"hover:bg-dark-3","dark-4":"hover:bg-dark-4",black:"hover:bg-black",white:"hover:bg-white",transparent:"hover:bg-transparent"}}}),En=k("",{variants:{color:{primary:"focus:bg-primary",secondary:"focus:bg-secondary",success:"focus:bg-success",danger:"focus:bg-danger",info:"focus:bg-info",warning:"focus:bg-warning","light-1":"focus:bg-light-1","light-2":"focus:bg-light-2","light-3":"focus:bg-light-3","light-4":"focus:bg-light-4","dark-1":"focus:bg-dark-1","dark-2":"focus:bg-dark-2","dark-3":"focus:bg-dark-3","dark-4":"focus:bg-dark-4",black:"focus:bg-black",white:"focus:bg-white",transparent:"focus:bg-transparent"}}}),An=k("",{variants:{color:{primary:"before:bg-primary",secondary:"before:bg-secondary",success:"before:bg-success",danger:"before:bg-danger",info:"before:bg-info",warning:"before:bg-warning","light-1":"before:bg-light-1","light-2":"before:bg-light-2","light-3":"before:bg-light-3","light-4":"before:bg-light-4","dark-1":"before:bg-dark-1","dark-2":"before:bg-dark-2","dark-3":"before:bg-dark-3","dark-4":"before:bg-dark-4",black:"before:bg-black",white:"before:bg-white",transparent:"before:bg-transparent"}}}),Tn=k("",{variants:{color:{primary:"after:bg-primary",secondary:"after:bg-secondary",success:"after:bg-success",danger:"after:bg-danger",info:"after:bg-info",warning:"after:bg-warning","light-1":"after:bg-light-1","light-2":"after:bg-light-2","light-3":"after:bg-light-3","light-4":"after:bg-light-4","dark-1":"after:bg-dark-1","dark-2":"after:bg-dark-2","dark-3":"after:bg-dark-3","dark-4":"after:bg-dark-4",black:"after:bg-black",white:"after:bg-white",transparent:"after:bg-transparent"}}}),Sn=k("",{variants:{color:{primary:"active:bg-primary",secondary:"active:bg-secondary",success:"active:bg-success",danger:"active:bg-danger",info:"active:bg-info",warning:"active:bg-warning","light-1":"active:bg-light-1","light-2":"active:bg-light-2","light-3":"active:bg-light-3","light-4":"active:bg-light-4","dark-1":"active:bg-dark-1","dark-2":"active:bg-dark-2","dark-3":"active:bg-dark-3","dark-4":"active:bg-dark-4",black:"active:bg-black",white:"active:bg-white",transparent:"active:bg-transparent"}}}),Rn=k("",{variants:{color:{primary:"text-primary",secondary:"text-secondary",success:"text-success",danger:"text-danger",info:"text-info",warning:"text-warning","light-1":"text-light-1","light-2":"text-light-2","light-3":"text-light-3","light-4":"text-light-4","dark-1":"text-dark-1","dark-2":"text-dark-2","dark-3":"text-dark-3","dark-4":"text-dark-4",black:"text-black",white:"text-white",transparent:"text-transparent"}}}),On=k("",{variants:{color:{primary:"hover:text-primary",secondary:"hover:text-secondary",success:"hover:text-success",danger:"hover:text-danger",info:"hover:text-info",warning:"hover:text-warning","light-1":"hover:text-light-1","light-2":"hover:text-light-2","light-3":"hover:text-light-3","light-4":"hover:text-light-4","dark-1":"hover:text-dark-1","dark-2":"hover:text-dark-2","dark-3":"hover:text-dark-3","dark-4":"hover:text-dark-4",black:"hover:text-black",white:"hover:text-white",transparent:"hover:text-transparent"}}}),Nn=k("",{variants:{color:{primary:"focus:text-primary",secondary:"focus:text-secondary",success:"focus:text-success",danger:"focus:text-danger",info:"focus:text-info",warning:"focus:text-warning","light-1":"focus:text-light-1","light-2":"focus:text-light-2","light-3":"focus:text-light-3","light-4":"focus:text-light-4","dark-1":"focus:text-dark-1","dark-2":"focus:text-dark-2","dark-3":"focus:text-dark-3","dark-4":"focus:text-dark-4",black:"focus:text-black",white:"focus:text-white",transparent:"focus:text-transparent"}}}),Vn=k("",{variants:{color:{primary:"disabled:text-primary",secondary:"disabled:text-secondary",success:"disabled:text-success",danger:"disabled:text-danger",info:"disabled:text-info",warning:"disabled:text-warning","light-1":"disabled:text-light-1","light-2":"disabled:text-light-2","light-3":"disabled:text-light-3","light-4":"disabled:text-light-4","dark-1":"disabled:text-dark-1","dark-2":"disabled:text-dark-2","dark-3":"disabled:text-dark-3","dark-4":"disabled:text-dark-4",black:"disabled:text-black",white:"disabled:text-white",transparent:"disabled:text-transparent"}}}),Dn=k("",{variants:{color:{primary:"fill-primary",secondary:"fill-secondary",success:"fill-success",danger:"fill-danger",info:"fill-info",warning:"fill-warning","light-1":"fill-light-1","light-2":"fill-light-2","light-3":"fill-light-3","light-4":"fill-light-4","dark-1":"fill-dark-1","dark-2":"fill-dark-2","dark-3":"fill-dark-3","dark-4":"fill-dark-4",black:"fill-black",white:"fill-white",transparent:"fill-transparent"}}}),Ln=k("",{variants:{color:{primary:"ring-primary",secondary:"ring-secondary",success:"ring-success",danger:"ring-danger",info:"ring-info",warning:"ring-warning","light-1":"ring-light-1","light-2":"ring-light-2","light-3":"ring-light-3","light-4":"ring-light-4","dark-1":"ring-dark-1","dark-2":"ring-dark-2","dark-3":"ring-dark-3","dark-4":"ring-dark-4",black:"ring-black",white:"ring-white",transparent:"ring-transparent"}}}),_n=k("",{variants:{color:{primary:"focus:ring-primary",secondary:"focus:ring-secondary",success:"focus:ring-success",danger:"focus:ring-danger",info:"focus:ring-info",warning:"focus:ring-warning","light-1":"focus:ring-light-1","light-2":"focus:ring-light-2","light-3":"focus:ring-light-3","light-4":"focus:ring-light-4","dark-1":"focus:ring-dark-1","dark-2":"focus:ring-dark-2","dark-3":"focus:ring-dark-3","dark-4":"focus:ring-dark-4",black:"focus:ring-black",white:"focus:ring-white",transparent:"focus:ring-transparent"}}}),Bn=k("",{variants:{color:{primary:"active:ring-primary",secondary:"active:ring-secondary",success:"active:ring-success",danger:"active:ring-danger",info:"active:ring-info",warning:"active:ring-warning","light-1":"active:ring-light-1","light-2":"active:ring-light-2","light-3":"active:ring-light-3","light-4":"active:ring-light-4","dark-1":"active:ring-dark-1","dark-2":"active:ring-dark-2","dark-3":"active:ring-dark-3","dark-4":"active:ring-dark-4",black:"active:ring-black",white:"active:ring-white",transparent:"active:ring-transparent"}}}),Mn=k("",{variants:{color:{primary:"ring-offset-primary",secondary:"ring-offset-secondary",success:"ring-offset-success",danger:"ring-offset-danger",info:"ring-offset-info",warning:"ring-offset-warning","light-1":"ring-offset-light-1","light-2":"ring-offset-light-2","light-3":"ring-offset-light-3","light-4":"ring-offset-light-4","dark-1":"ring-offset-dark-1","dark-2":"ring-offset-dark-2","dark-3":"ring-offset-dark-3","dark-4":"ring-offset-dark-4",black:"ring-offset-black",white:"ring-offset-white",transparent:"ring-offset-transparent"}}}),In=k("",{variants:{color:{primary:"mcl-outline-primary",secondary:"mcl-outline-secondary",success:"mcl-outline-success",danger:"mcl-outline-danger",info:"mcl-outline-info",warning:"mcl-outline-warning","light-1":"mcl-outline-light-1","light-2":"mcl-outline-light-2","light-3":"mcl-outline-light-3","light-4":"mcl-outline-light-4","dark-1":"mcl-outline-dark-1","dark-2":"mcl-outline-dark-2","dark-3":"mcl-outline-dark-3","dark-4":"mcl-outline-dark-4",black:"mcl-outline-black",white:"mcl-outline-white",transparent:"mcl-outline-transparent"}}}),zn=k("",{variants:{color:{primary:"focus:mcl-outline-primary",secondary:"focus:mcl-outline-secondary",success:"focus:mcl-outline-success",danger:"focus:mcl-outline-danger",info:"focus:mcl-outline-info",warning:"focus:mcl-outline-warning","light-1":"focus:mcl-outline-light-1","light-2":"focus:mcl-outline-light-2","light-3":"focus:mcl-outline-light-3","light-4":"focus:mcl-outline-light-4","dark-1":"focus:mcl-outline-dark-1","dark-2":"focus:mcl-outline-dark-2","dark-3":"focus:mcl-outline-dark-3","dark-4":"focus:mcl-outline-dark-4",black:"focus:mcl-outline-black",white:"focus:mcl-outline-white",transparent:"focus:mcl-outline-transparent"}}}),Fn=k("",{variants:{color:{primary:"active:mcl-outline-primary",secondary:"active:mcl-outline-secondary",success:"active:mcl-outline-success",danger:"active:mcl-outline-danger",info:"active:mcl-outline-info",warning:"active:mcl-outline-warning","light-1":"active:mcl-outline-light-1","light-2":"active:mcl-outline-light-2","light-3":"active:mcl-outline-light-3","light-4":"active:mcl-outline-light-4","dark-1":"active:mcl-outline-dark-1","dark-2":"active:mcl-outline-dark-2","dark-3":"active:mcl-outline-dark-3","dark-4":"active:mcl-outline-dark-4",black:"active:mcl-outline-black",white:"active:mcl-outline-white",transparent:"active:mcl-outline-transparent"}}}),Pn=k("",{variants:{color:{primary:"btn-primary",secondary:"btn-secondary",success:"btn-success",danger:"btn-danger",info:"btn-info",warning:"btn-warning","light-1":"btn-light-1","light-2":"btn-light-2","light-3":"btn-light-3","light-4":"btn-light-4","dark-1":"btn-dark-1","dark-2":"btn-dark-2","dark-3":"btn-dark-3","dark-4":"btn-dark-4",black:"btn-black",white:"btn-white",transparent:"btn-transparent"}}}),Hn=k("",{variants:{color:{primary:"mcl-list-primary",secondary:"mcl-list-secondary",success:"mcl-list-success",danger:"mcl-list-danger",info:"mcl-list-info",warning:"mcl-list-warning","light-1":"mcl-list-light-1","light-2":"mcl-list-light-2","light-3":"mcl-list-light-3","light-4":"mcl-list-light-4","dark-1":"mcl-list-dark-1","dark-2":"mcl-list-dark-2","dark-3":"mcl-list-dark-3","dark-4":"mcl-list-dark-4",black:"mcl-list-black",white:"mcl-list-white",transparent:"mcl-list-transparent"}}}),$n=k("",{variants:{color:{primary:"border-primary",secondary:"border-secondary",success:"border-success",danger:"border-danger",info:"border-info",warning:"border-warning","light-1":"border-light-1","light-2":"border-light-2","light-3":"border-light-3","light-4":"border-light-4","dark-1":"border-dark-1","dark-2":"border-dark-2","dark-3":"border-dark-3","dark-4":"border-dark-4",black:"border-black",white:"border-white",transparent:"border-transparent"}}}),Un=k("",{variants:{color:{primary:"border-x-primary",secondary:"border-x-secondary",success:"border-x-success",danger:"border-x-danger",info:"border-x-info",warning:"border-x-warning","light-1":"border-x-light-1","light-2":"border-x-light-2","light-3":"border-x-light-3","light-4":"border-x-light-4","dark-1":"border-x-dark-1","dark-2":"border-x-dark-2","dark-3":"border-x-dark-3","dark-4":"border-x-dark-4",black:"border-x-black",white:"border-x-white",transparent:"border-x-transparent"}}}),Wn=k("",{variants:{color:{primary:"border-y-primary",secondary:"border-y-secondary",success:"border-y-success",danger:"border-y-danger",info:"border-y-info",warning:"border-y-warning","light-1":"border-y-light-1","light-2":"border-y-light-2","light-3":"border-y-light-3","light-4":"border-y-light-4","dark-1":"border-y-dark-1","dark-2":"border-y-dark-2","dark-3":"border-y-dark-3","dark-4":"border-y-dark-4",black:"border-y-black",white:"border-y-white",transparent:"border-y-transparent"}}}),jn=k("",{variants:{color:{primary:"border-t-primary",secondary:"border-t-secondary",success:"border-t-success",danger:"border-t-danger",info:"border-t-info",warning:"border-t-warning","light-1":"border-t-light-1","light-2":"border-t-light-2","light-3":"border-t-light-3","light-4":"border-t-light-4","dark-1":"border-t-dark-1","dark-2":"border-t-dark-2","dark-3":"border-t-dark-3","dark-4":"border-t-dark-4",black:"border-t-black",white:"border-t-white",transparent:"border-t-transparent"}}}),Gn=k("",{variants:{color:{primary:"border-b-primary",secondary:"border-b-secondary",success:"border-b-success",danger:"border-b-danger",info:"border-b-info",warning:"border-b-warning","light-1":"border-b-light-1","light-2":"border-b-light-2","light-3":"border-b-light-3","light-4":"border-b-light-4","dark-1":"border-b-dark-1","dark-2":"border-b-dark-2","dark-3":"border-b-dark-3","dark-4":"border-b-dark-4",black:"border-b-black",white:"border-b-white",transparent:"border-b-transparent"}}}),qn=k("",{variants:{color:{primary:"border-l-primary",secondary:"border-l-secondary",success:"border-l-success",danger:"border-l-danger",info:"border-l-info",warning:"border-l-warning","light-1":"border-l-light-1","light-2":"border-l-light-2","light-3":"border-l-light-3","light-4":"border-l-light-4","dark-1":"border-l-dark-1","dark-2":"border-l-dark-2","dark-3":"border-l-dark-3","dark-4":"border-l-dark-4",black:"border-l-black",white:"border-l-white",transparent:"border-l-transparent"}}}),Yn=k("",{variants:{color:{primary:"border-r-primary",secondary:"border-r-secondary",success:"border-r-success",danger:"border-r-danger",info:"border-r-info",warning:"border-r-warning","light-1":"border-r-light-1","light-2":"border-r-light-2","light-3":"border-r-light-3","light-4":"border-r-light-4","dark-1":"border-r-dark-1","dark-2":"border-r-dark-2","dark-3":"border-r-dark-3","dark-4":"border-r-dark-4",black:"border-r-black",white:"border-r-white",transparent:"border-r-transparent"}}}),Xn=k("",{variants:{size:{xs:"text-xs",sm:"text-sm",md:"text-md",lg:"text-lg",xl:"text-xl"}}}),Kn=k("",{variants:{weight:{light:"font-light",normal:"font-normal",bold:"font-bold"}}}),Zn=k("",{variants:{align:{left:"text-left",center:"text-center",right:"text-right"}}}),Jn=k("",{variants:{size:{sm:"h1-sm",md:"h1-md",lg:"h1-lg",xl:"h1-xl"}}}),Qn=k("",{variants:{size:{sm:"h2-sm",md:"h2-md",lg:"h2-lg",xl:"h2-xl"}}}),eo=k("",{variants:{size:{sm:"h3-sm",md:"h3-md",lg:"h3-lg",xl:"h3-xl"}}}),to=k("",{variants:{size:{sm:"h4-sm",md:"h4-md",lg:"h4-lg",xl:"h4-xl"}}}),ro={1:"border-[1px]",2:"border-[2px]",3:"border-[3px]",4:"border-[4px]",5:"border-[5px]",6:"border-[6px]",7:"border-[7px]",8:"border-[8px]",9:"border-[9px]",10:"border-[10px]",11:"border-[11px]",12:"border-[12px]"},no={1:"border-x-[1px]",2:"border-x-[2px]",3:"border-x-[3px]",4:"border-x-[4px]",5:"border-x-[5px]",6:"border-x-[6px]",7:"border-x-[7px]",8:"border-x-[8px]",9:"border-x-[9px]",10:"border-x-[10px]",11:"border-x-[11px]",12:"border-x-[12px]"},oo={1:"border-y-[1px]",2:"border-y-[2px]",3:"border-y-[3px]",4:"border-y-[4px]",5:"border-y-[5px]",6:"border-y-[6px]",7:"border-y-[7px]",8:"border-y-[8px]",9:"border-y-[9px]",10:"border-y-[10px]",11:"border-y-[11px]",12:"border-y-[12px]"},ao={1:"border-t-[1px]",2:"border-t-[2px]",3:"border-t-[3px]",4:"border-t-[4px]",5:"border-t-[5px]",6:"border-t-[6px]",7:"border-t-[7px]",8:"border-t-[8px]",9:"border-t-[9px]",10:"border-t-[10px]",11:"border-t-[11px]",12:"border-t-[12px]"},lo={1:"border-b-[1px]",2:"border-b-[2px]",3:"border-b-[3px]",4:"border-b-[4px]",5:"border-b-[5px]",6:"border-b-[6px]",7:"border-b-[7px]",8:"border-b-[8px]",9:"border-b-[9px]",10:"border-b-[10px]",11:"border-b-[11px]",12:"border-b-[12px]"},io={1:"border-l-[1px]",2:"border-l-[2px]",3:"border-l-[3px]",4:"border-l-[4px]",5:"border-l-[5px]",6:"border-l-[6px]",7:"border-l-[7px]",8:"border-l-[8px]",9:"border-l-[9px]",10:"border-l-[10px]",11:"border-l-[11px]",12:"border-l-[12px]"},so={1:"border-r-[1px]",2:"border-r-[2px]",3:"border-r-[3px]",4:"border-r-[4px]",5:"border-r-[5px]",6:"border-r-[6px]",7:"border-r-[7px]",8:"border-r-[8px]",9:"border-r-[9px]",10:"border-r-[10px]",11:"border-r-[11px]",12:"border-r-[12px]"},co=e=>ro[e.width]??"",uo=e=>no[e.width]??"",fo=e=>oo[e.width]??"",go=e=>ao[e.width]??"",po=e=>lo[e.width]??"",mo=e=>io[e.width]??"",ho=e=>so[e.width]??"",bo={10:"opacity-10",20:"opacity-20",30:"opacity-30",40:"opacity-40",50:"opacity-50",60:"opacity-60",70:"opacity-70",80:"opacity-80",90:"opacity-90",100:"opacity-100"},xo={10:"bg-opacity-10",20:"bg-opacity-20",30:"bg-opacity-30",40:"bg-opacity-40",50:"bg-opacity-50",60:"bg-opacity-60",70:"bg-opacity-70",80:"bg-opacity-80",90:"bg-opacity-90",100:"bg-opacity-100"},yo={10:"outline-opacity-10",20:"outline-opacity-20",30:"outline-opacity-30",40:"outline-opacity-40",50:"outline-opacity-50",60:"outline-opacity-60",70:"outline-opacity-70",80:"outline-opacity-80",90:"outline-opacity-90",100:"outline-opacity-100"},ko=e=>bo[e.opacity]??"",wo=e=>xo[e.opacity]??"",vo=e=>yo[e.opacity]??"",Co=k("",{variants:{spacing:{0:"m-0","3xs":"m-3xs","2xs":"m-2xs",xs:"m-xs",sm:"m-sm",md:"m-md",lg:"m-lg",xl:"m-xl","2xl":"m-2xl","3xl":"m-3xl"}}}),Eo=k("",{variants:{spacing:{0:"mx-0","3xs":"mx-3xs","2xs":"mx-2xs",xs:"mx-xs",sm:"mx-sm",md:"mx-md",lg:"mx-lg",xl:"mx-xl","2xl":"mx-2xl","3xl":"mx-3xl"}}}),Ao=k("",{variants:{spacing:{0:"my-0","3xs":"my-3xs","2xs":"my-2xs",xs:"my-xs",sm:"my-sm",md:"my-md",lg:"my-lg",xl:"my-xl","2xl":"my-2xl","3xl":"my-3xl"}}}),To=k("",{variants:{spacing:{0:"mt-0","3xs":"mt-3xs","2xs":"mt-2xs",xs:"mt-xs",sm:"mt-sm",md:"mt-md",lg:"mt-lg",xl:"mt-xl","2xl":"mt-2xl","3xl":"mt-3xl"}}}),So=k("",{variants:{spacing:{0:"mb-0","3xs":"mb-3xs","2xs":"mb-2xs",xs:"mb-xs",sm:"mb-sm",md:"mb-md",lg:"mb-lg",xl:"mb-xl","2xl":"mb-2xl","3xl":"mb-3xl"}}}),Ro=k("",{variants:{spacing:{0:"ml-0","3xs":"ml-3xs","2xs":"ml-2xs",xs:"ml-xs",sm:"ml-sm",md:"ml-md",lg:"ml-lg",xl:"ml-xl","2xl":"ml-2xl","3xl":"ml-3xl"}}}),Oo=k("",{variants:{spacing:{0:"mr-0","3xs":"mr-3xs","2xs":"mr-2xs",xs:"mr-xs",sm:"mr-sm",md:"mr-md",lg:"mr-lg",xl:"mr-xl","2xl":"mr-2xl","3xl":"mr-3xl"}}}),No=k("",{variants:{spacing:{0:"p-0","3xs":"p-3xs","2xs":"p-2xs",xs:"p-xs",sm:"p-sm",md:"p-md",lg:"p-lg",xl:"p-xl","2xl":"p-2xl","3xl":"p-3xl"}}}),Vo=k("",{variants:{spacing:{0:"px-0","3xs":"px-3xs","2xs":"px-2xs",xs:"px-xs",sm:"px-sm",md:"px-md",lg:"px-lg",xl:"px-xl","2xl":"px-2xl","3xl":"px-3xl"}}}),Do=k("",{variants:{spacing:{0:"py-0","3xs":"py-3xs","2xs":"py-2xs",xs:"py-xs",sm:"py-sm",md:"py-md",lg:"py-lg",xl:"py-xl","2xl":"py-2xl","3xl":"py-3xl"}}}),Lo=k("",{variants:{spacing:{0:"pt-0","3xs":"pt-3xs","2xs":"pt-2xs",xs:"pt-xs",sm:"pt-sm",md:"pt-md",lg:"pt-lg",xl:"pt-xl","2xl":"pt-2xl","3xl":"pt-3xl"}}}),_o=k("",{variants:{spacing:{0:"pb-0","3xs":"pb-3xs","2xs":"pb-2xs",xs:"pb-xs",sm:"pb-sm",md:"pb-md",lg:"pb-lg",xl:"pb-xl","2xl":"pb-2xl","3xl":"pb-3xl"}}}),Bo=k("",{variants:{spacing:{0:"pl-0","3xs":"pl-3xs","2xs":"pl-2xs",xs:"pl-xs",sm:"pl-sm",md:"pl-md",lg:"pl-lg",xl:"pl-xl","2xl":"pl-2xl","3xl":"pl-3xl"}}}),Mo=k("",{variants:{spacing:{0:"pr-0","3xs":"pr-3xs","2xs":"pr-2xs",xs:"pr-xs",sm:"pr-sm",md:"pr-md",lg:"pr-lg",xl:"pr-xl","2xl":"pr-2xl","3xl":"pr-3xl"}}}),Io=k("",{variants:{spacing:{0:"gap-0","3xs":"gap-3xs","2xs":"gap-2xs",xs:"gap-xs",sm:"gap-sm",md:"gap-md",lg:"gap-lg",xl:"gap-xl","2xl":"gap-2xl","3xl":"gap-3xl"}}}),Zt={bgColorVariant:vn,hoverBgColorVariant:Cn,focusBgColorVariant:En,beforeBgColorVariant:An,afterBgColorVariant:Tn,activeBgColorVariant:Sn,textColorVariant:Rn,hoverTextColorVariant:On,focusTextColorVariant:Nn,disabledTextColorVariant:Vn,svgFillColorVariant:Dn,ringColorVariant:Ln,focusRingColorVariant:_n,activeRingColorVariant:Bn,ringOffsetColorVariant:Mn,outlineColorVariant:In,focusOutlineColorVariant:zn,activeOutlineColorVariant:Fn,btnColorVariant:Pn,listColorVariant:Hn,borderColorVariant:$n,borderXColorVariant:Un,borderYColorVariant:Wn,borderTopColorVariant:jn,borderBottomColorVariant:Gn,borderLeftColorVariant:qn,borderRightColorVariant:Yn,bodyTextVariant:Xn,fontWeightVariant:Kn,textAlignVariant:Zn,h1Variant:Jn,h2Variant:Qn,h3Variant:eo,h4Variant:to,borderWidthVariant:co,borderXWidthVariant:uo,borderYWidthVariant:fo,borderTopWidthVariant:go,borderBottomWidthVariant:po,borderLeftWidthVariant:mo,borderRightWidthVariant:ho,opacityVariant:ko,bgOpacityVariant:wo,outlineOpacityVariant:vo,marginVariant:Co,marginXVariant:Eo,marginYVariant:Ao,marginTopVariant:To,marginBottomVariant:So,marginLeftVariant:Ro,marginRightVariant:Oo,paddingVariant:No,paddingXVariant:Vo,paddingYVariant:Do,paddingTopVariant:Lo,paddingBottomVariant:_o,paddingLeftVariant:Bo,paddingRightVariant:Mo,gapVariant:Io},zo=(e,t,r)=>!t||!(t instanceof Node)||e===t||e.contains(t)?!1:r?.length?!r.some(n=>n===t||n.contains(t)):!0,Qe=e=>typeof e.value=="function"?{handler:e.value,events:["click"]}:{handler:e.value.handler,events:e.value.events||["click"],excludeElements:e.value.excludeElements},Jt=(e,t,r)=>n=>{zo(e,n.target,r)&&t(n)},Fo={mounted(e,t){const{handler:r,events:n,excludeElements:l}=Qe(t);e.__ClickOutsideHandler=Jt(e,r,l),n.forEach(i=>{document.addEventListener(i,e.__ClickOutsideHandler,!0)})},updated(e,t){e.__ClickOutsideHandler&&Qe({...t,value:t.oldValue}).events.forEach(i=>{document.removeEventListener(i,e.__ClickOutsideHandler,!0)});const{handler:r,events:n,excludeElements:l}=Qe(t);e.__ClickOutsideHandler=Jt(e,r,l),n.forEach(i=>{document.addEventListener(i,e.__ClickOutsideHandler,!0)})},unmounted(e,t){if(e.__ClickOutsideHandler){const{events:r}=Qe(t);r.forEach(n=>{document.removeEventListener(n,e.__ClickOutsideHandler,!0)}),delete e.__ClickOutsideHandler}}},{entries:Qt,setPrototypeOf:er,isFrozen:Po,getPrototypeOf:Ho,getOwnPropertyDescriptor:$o}=Object;let{freeze:X,seal:re,create:De}=Object,{apply:yt,construct:kt}=typeof Reflect<"u"&&Reflect;X||(X=function(e){return e}),re||(re=function(e){return e}),yt||(yt=function(e,t){for(var r=arguments.length,n=new Array(r>2?r-2:0),l=2;l<r;l++)n[l-2]=arguments[l];return e.apply(t,n)}),kt||(kt=function(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];return new e(...r)});const He=P(Array.prototype.forEach),Uo=P(Array.prototype.lastIndexOf),tr=P(Array.prototype.pop),$e=P(Array.prototype.push),Wo=P(Array.prototype.splice),K=Array.isArray,Ue=P(String.prototype.toLowerCase),wt=P(String.prototype.toString),rr=P(String.prototype.match),Le=P(String.prototype.replace),nr=P(String.prototype.indexOf),jo=P(String.prototype.trim),Go=P(Number.prototype.toString),qo=P(Boolean.prototype.toString),or=typeof BigInt>"u"?null:P(BigInt.prototype.toString),ar=typeof Symbol>"u"?null:P(Symbol.prototype.toString),I=P(Object.prototype.hasOwnProperty),We=P(Object.prototype.toString),j=P(RegExp.prototype.test),et=Yo(TypeError);function P(e){return function(t){t instanceof RegExp&&(t.lastIndex=0);for(var r=arguments.length,n=new Array(r>1?r-1:0),l=1;l<r;l++)n[l-1]=arguments[l];return yt(e,t,n)}}function Yo(e){return function(){for(var t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];return kt(e,r)}}function A(e,t){let r=arguments.length>2&&arguments[2]!==void 0?arguments[2]:Ue;if(er&&er(e,null),!K(t))return e;let n=t.length;for(;n--;){let l=t[n];if(typeof l=="string"){const i=r(l);i!==l&&(Po(t)||(t[n]=i),l=i)}e[l]=!0}return e}function Xo(e){for(let t=0;t<e.length;t++)I(e,t)||(e[t]=null);return e}function J(e){const t=De(null);for(const[r,n]of Qt(e))I(e,r)&&(K(n)?t[r]=Xo(n):n&&typeof n=="object"&&n.constructor===Object?t[r]=J(n):t[r]=n);return t}function Ko(e){switch(typeof e){case"string":return e;case"number":return Go(e);case"boolean":return qo(e);case"bigint":return or?or(e):"0";case"symbol":return ar?ar(e):"Symbol()";case"undefined":return We(e);case"function":case"object":{if(e===null)return We(e);const t=e,r=_e(t,"toString");if(typeof r=="function"){const n=r(t);return typeof n=="string"?n:We(n)}return We(e)}default:return We(e)}}function _e(e,t){for(;e!==null;){const n=$o(e,t);if(n){if(n.get)return P(n.get);if(typeof n.value=="function")return P(n.value)}e=Ho(e)}function r(){return null}return r}function Zo(e){try{return j(e,""),!0}catch{return!1}}const lr=X(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","search","section","select","shadow","slot","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),vt=X(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","enterkeyhint","exportparts","filter","font","g","glyph","glyphref","hkern","image","inputmode","line","lineargradient","marker","mask","metadata","mpath","part","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),Ct=X(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),Jo=X(["animate","color-profile","cursor","discard","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),Et=X(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover","mprescripts"]),Qo=X(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),ir=X(["#text"]),sr=X(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","exportparts","face","for","headers","height","hidden","high","href","hreflang","id","inert","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","part","pattern","placeholder","playsinline","popover","popovertarget","popovertargetaction","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","slot","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","wrap","xmlns"]),At=X(["accent-height","accumulate","additive","alignment-baseline","amplitude","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","exponent","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","intercept","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","mask-type","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","slope","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","tablevalues","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),cr=X(["accent","accentunder","align","bevelled","close","columnalign","columnlines","columnspacing","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lquote","lspace","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),tt=X(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),ea=re(/\{\{[\w\W]*|[\w\W]*\}\}/gm),ta=re(/<%[\w\W]*|[\w\W]*%>/gm),ra=re(/\$\{[\w\W]*/gm),na=re(/^data-[\-\w.\u00B7-\uFFFF]+$/),oa=re(/^aria-[\-\w]+$/),dr=re(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),aa=re(/^(?:\w+script|data):/i),la=re(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),ur=re(/^html$/i),ia=re(/^[a-z][.\w]*(-[.\w]+)+$/i);var fr=Object.freeze({__proto__:null,ARIA_ATTR:oa,ATTR_WHITESPACE:la,CUSTOM_ELEMENT:ia,DATA_ATTR:na,DOCTYPE_NAME:ur,ERB_EXPR:ta,IS_ALLOWED_URI:dr,IS_SCRIPT_OR_DATA:aa,MUSTACHE_EXPR:ea,TMPLIT_EXPR:ra});const je={element:1,text:3,progressingInstruction:7,comment:8,document:9},sa=function(){return typeof window>"u"?null:window},ca=function(e,t){if(typeof e!="object"||typeof e.createPolicy!="function")return null;let r=null;const n="data-tt-policy-suffix";t&&t.hasAttribute(n)&&(r=t.getAttribute(n));const l="dompurify"+(r?"#"+r:"");try{return e.createPolicy(l,{createHTML(i){return i},createScriptURL(i){return i}})}catch{return console.warn("TrustedTypes policy "+l+" could not be created."),null}},gr=function(){return{afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]}};function pr(){let e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:sa();const t=o=>pr(o);if(t.version="3.4.2",t.removed=[],!e||!e.document||e.document.nodeType!==je.document||!e.Element)return t.isSupported=!1,t;let{document:r}=e;const n=r,l=n.currentScript,{DocumentFragment:i,HTMLTemplateElement:s,Node:u,Element:m,NodeFilter:d,NamedNodeMap:g=e.NamedNodeMap||e.MozNamedAttrMap,HTMLFormElement:c,DOMParser:p,trustedTypes:f}=e,x=m.prototype,C=_e(x,"cloneNode"),E=_e(x,"remove"),w=_e(x,"nextSibling"),S=_e(x,"childNodes"),O=_e(x,"parentNode");if(typeof s=="function"){const o=r.createElement("template");o.content&&o.content.ownerDocument&&(r=o.content.ownerDocument)}let T,z="";const{implementation:F,createNodeIterator:V,createDocumentFragment:Y,getElementsByTagName:ae}=r,{importNode:de}=n;let B=gr();t.isSupported=typeof Qt=="function"&&typeof O=="function"&&F&&F.createHTMLDocument!==void 0;const{MUSTACHE_EXPR:ue,ERB_EXPR:me,TMPLIT_EXPR:Q,DATA_ATTR:Se,ARIA_ATTR:he,IS_SCRIPT_OR_DATA:le,ATTR_WHITESPACE:y,CUSTOM_ELEMENT:v}=fr;let{IS_ALLOWED_URI:_}=fr,D=null;const te=A({},[...lr,...vt,...Ct,...Et,...ir]);let $=null;const gt=A({},[...sr,...At,...cr,...tt]);let L=Object.seal(De(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),Xe=null,pt=null;const we=Object.seal(De(null,{tagCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeCheck:{writable:!0,configurable:!1,enumerable:!0,value:null}}));let Ir=!0,Lt=!0,zr=!1,Fr=!0,Re=!1,Ke=!0,Oe=!1,_t=!1,Bt=!1,Ie=!1,mt=!1,ht=!1,Pr=!0,Hr=!1;const $r="user-content-";let Mt=!0,Ze=!1,ze={},fe=null;const It=A({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]);let Ur=null;const Wr=A({},["audio","video","img","source","image","track"]);let zt=null;const jr=A({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),bt="http://www.w3.org/1998/Math/MathML",xt="http://www.w3.org/2000/svg",ge="http://www.w3.org/1999/xhtml";let Fe=ge,Ft=!1,Pt=null;const hl=A({},[bt,xt,ge],wt);let Ht=A({},["mi","mo","mn","ms","mtext"]),$t=A({},["annotation-xml"]);const bl=A({},["title","style","font","a","script"]);let Je=null;const xl=["application/xhtml+xml","text/html"],yl="text/html";let U=null,Pe=null;const kl=r.createElement("form"),Gr=function(o){return o instanceof RegExp||o instanceof Function},Ut=function(){let o=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};if(Pe&&Pe===o)return;(!o||typeof o!="object")&&(o={}),o=J(o),Je=xl.indexOf(o.PARSER_MEDIA_TYPE)===-1?yl:o.PARSER_MEDIA_TYPE,U=Je==="application/xhtml+xml"?wt:Ue,D=I(o,"ALLOWED_TAGS")&&K(o.ALLOWED_TAGS)?A({},o.ALLOWED_TAGS,U):te,$=I(o,"ALLOWED_ATTR")&&K(o.ALLOWED_ATTR)?A({},o.ALLOWED_ATTR,U):gt,Pt=I(o,"ALLOWED_NAMESPACES")&&K(o.ALLOWED_NAMESPACES)?A({},o.ALLOWED_NAMESPACES,wt):hl,zt=I(o,"ADD_URI_SAFE_ATTR")&&K(o.ADD_URI_SAFE_ATTR)?A(J(jr),o.ADD_URI_SAFE_ATTR,U):jr,Ur=I(o,"ADD_DATA_URI_TAGS")&&K(o.ADD_DATA_URI_TAGS)?A(J(Wr),o.ADD_DATA_URI_TAGS,U):Wr,fe=I(o,"FORBID_CONTENTS")&&K(o.FORBID_CONTENTS)?A({},o.FORBID_CONTENTS,U):It,Xe=I(o,"FORBID_TAGS")&&K(o.FORBID_TAGS)?A({},o.FORBID_TAGS,U):J({}),pt=I(o,"FORBID_ATTR")&&K(o.FORBID_ATTR)?A({},o.FORBID_ATTR,U):J({}),ze=I(o,"USE_PROFILES")?o.USE_PROFILES&&typeof o.USE_PROFILES=="object"?J(o.USE_PROFILES):o.USE_PROFILES:!1,Ir=o.ALLOW_ARIA_ATTR!==!1,Lt=o.ALLOW_DATA_ATTR!==!1,zr=o.ALLOW_UNKNOWN_PROTOCOLS||!1,Fr=o.ALLOW_SELF_CLOSE_IN_ATTR!==!1,Re=o.SAFE_FOR_TEMPLATES||!1,Ke=o.SAFE_FOR_XML!==!1,Oe=o.WHOLE_DOCUMENT||!1,Ie=o.RETURN_DOM||!1,mt=o.RETURN_DOM_FRAGMENT||!1,ht=o.RETURN_TRUSTED_TYPE||!1,Bt=o.FORCE_BODY||!1,Pr=o.SANITIZE_DOM!==!1,Hr=o.SANITIZE_NAMED_PROPS||!1,Mt=o.KEEP_CONTENT!==!1,Ze=o.IN_PLACE||!1,_=Zo(o.ALLOWED_URI_REGEXP)?o.ALLOWED_URI_REGEXP:dr,Fe=typeof o.NAMESPACE=="string"?o.NAMESPACE:ge,Ht=I(o,"MATHML_TEXT_INTEGRATION_POINTS")&&o.MATHML_TEXT_INTEGRATION_POINTS&&typeof o.MATHML_TEXT_INTEGRATION_POINTS=="object"?J(o.MATHML_TEXT_INTEGRATION_POINTS):A({},["mi","mo","mn","ms","mtext"]),$t=I(o,"HTML_INTEGRATION_POINTS")&&o.HTML_INTEGRATION_POINTS&&typeof o.HTML_INTEGRATION_POINTS=="object"?J(o.HTML_INTEGRATION_POINTS):A({},["annotation-xml"]);const h=I(o,"CUSTOM_ELEMENT_HANDLING")&&o.CUSTOM_ELEMENT_HANDLING&&typeof o.CUSTOM_ELEMENT_HANDLING=="object"?J(o.CUSTOM_ELEMENT_HANDLING):De(null);if(L=De(null),I(h,"tagNameCheck")&&Gr(h.tagNameCheck)&&(L.tagNameCheck=h.tagNameCheck),I(h,"attributeNameCheck")&&Gr(h.attributeNameCheck)&&(L.attributeNameCheck=h.attributeNameCheck),I(h,"allowCustomizedBuiltInElements")&&typeof h.allowCustomizedBuiltInElements=="boolean"&&(L.allowCustomizedBuiltInElements=h.allowCustomizedBuiltInElements),Re&&(Lt=!1),mt&&(Ie=!0),ze&&(D=A({},ir),$=De(null),ze.html===!0&&(A(D,lr),A($,sr)),ze.svg===!0&&(A(D,vt),A($,At),A($,tt)),ze.svgFilters===!0&&(A(D,Ct),A($,At),A($,tt)),ze.mathMl===!0&&(A(D,Et),A($,cr),A($,tt))),we.tagCheck=null,we.attributeCheck=null,I(o,"ADD_TAGS")&&(typeof o.ADD_TAGS=="function"?we.tagCheck=o.ADD_TAGS:K(o.ADD_TAGS)&&(D===te&&(D=J(D)),A(D,o.ADD_TAGS,U))),I(o,"ADD_ATTR")&&(typeof o.ADD_ATTR=="function"?we.attributeCheck=o.ADD_ATTR:K(o.ADD_ATTR)&&($===gt&&($=J($)),A($,o.ADD_ATTR,U))),I(o,"ADD_URI_SAFE_ATTR")&&K(o.ADD_URI_SAFE_ATTR)&&A(zt,o.ADD_URI_SAFE_ATTR,U),I(o,"FORBID_CONTENTS")&&K(o.FORBID_CONTENTS)&&(fe===It&&(fe=J(fe)),A(fe,o.FORBID_CONTENTS,U)),I(o,"ADD_FORBID_CONTENTS")&&K(o.ADD_FORBID_CONTENTS)&&(fe===It&&(fe=J(fe)),A(fe,o.ADD_FORBID_CONTENTS,U)),Mt&&(D["#text"]=!0),Oe&&A(D,["html","head","body"]),D.table&&(A(D,["tbody"]),delete Xe.tbody),o.TRUSTED_TYPES_POLICY){if(typeof o.TRUSTED_TYPES_POLICY.createHTML!="function")throw et('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');if(typeof o.TRUSTED_TYPES_POLICY.createScriptURL!="function")throw et('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');T=o.TRUSTED_TYPES_POLICY,z=T.createHTML("")}else T===void 0&&(T=ca(f,l)),T!==null&&typeof z=="string"&&(z=T.createHTML(""));X&&X(o),Pe=o},qr=A({},[...vt,...Ct,...Jo]),Yr=A({},[...Et,...Qo]),wl=function(o){let h=O(o);(!h||!h.tagName)&&(h={namespaceURI:Fe,tagName:"template"});const b=Ue(o.tagName),N=Ue(h.tagName);return Pt[o.namespaceURI]?o.namespaceURI===xt?h.namespaceURI===ge?b==="svg":h.namespaceURI===bt?b==="svg"&&(N==="annotation-xml"||Ht[N]):!!qr[b]:o.namespaceURI===bt?h.namespaceURI===ge?b==="math":h.namespaceURI===xt?b==="math"&&$t[N]:!!Yr[b]:o.namespaceURI===ge?h.namespaceURI===xt&&!$t[N]||h.namespaceURI===bt&&!Ht[N]?!1:!Yr[b]&&(bl[b]||!qr[b]):!!(Je==="application/xhtml+xml"&&Pt[o.namespaceURI]):!1},Ne=function(o){$e(t.removed,{element:o});try{O(o).removeChild(o)}catch{E(o)}},Ve=function(o,h){try{$e(t.removed,{attribute:h.getAttributeNode(o),from:h})}catch{$e(t.removed,{attribute:null,from:h})}if(h.removeAttribute(o),o==="is")if(Ie||mt)try{Ne(h)}catch{}else try{h.setAttribute(o,"")}catch{}},Xr=function(o){let h=null,b=null;if(Bt)o="<remove></remove>"+o;else{const M=rr(o,/^[\r\n\t ]+/);b=M&&M[0]}Je==="application/xhtml+xml"&&Fe===ge&&(o='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+o+"</body></html>");const N=T?T.createHTML(o):o;if(Fe===ge)try{h=new p().parseFromString(N,Je)}catch{}if(!h||!h.documentElement){h=F.createDocument(Fe,"template",null);try{h.documentElement.innerHTML=Ft?z:N}catch{}}const G=h.body||h.documentElement;return o&&b&&G.insertBefore(r.createTextNode(b),G.childNodes[0]||null),Fe===ge?ae.call(h,Oe?"html":"body")[0]:Oe?h.documentElement:G},Kr=function(o){return V.call(o.ownerDocument||o,o,d.SHOW_ELEMENT|d.SHOW_COMMENT|d.SHOW_TEXT|d.SHOW_PROCESSING_INSTRUCTION|d.SHOW_CDATA_SECTION,null)},Wt=function(o){return o instanceof c&&(typeof o.nodeName!="string"||typeof o.textContent!="string"||typeof o.removeChild!="function"||!(o.attributes instanceof g)||typeof o.removeAttribute!="function"||typeof o.setAttribute!="function"||typeof o.namespaceURI!="string"||typeof o.insertBefore!="function"||typeof o.hasChildNodes!="function")},jt=function(o){return typeof u=="function"&&o instanceof u};function be(o,h,b){He(o,N=>{N.call(t,h,b,Pe)})}const Zr=function(o){let h=null;if(be(B.beforeSanitizeElements,o,null),Wt(o))return Ne(o),!0;const b=U(o.nodeName);if(be(B.uponSanitizeElement,o,{tagName:b,allowedTags:D}),Ke&&o.hasChildNodes()&&!jt(o.firstElementChild)&&j(/<[/\w!]/g,o.innerHTML)&&j(/<[/\w!]/g,o.textContent)||Ke&&o.namespaceURI===ge&&b==="style"&&jt(o.firstElementChild)||o.nodeType===je.progressingInstruction||Ke&&o.nodeType===je.comment&&j(/<[/\w]/g,o.data))return Ne(o),!0;if(Xe[b]||!(we.tagCheck instanceof Function&&we.tagCheck(b))&&!D[b]){if(!Xe[b]&&Qr(b)&&(L.tagNameCheck instanceof RegExp&&j(L.tagNameCheck,b)||L.tagNameCheck instanceof Function&&L.tagNameCheck(b)))return!1;if(Mt&&!fe[b]){const N=O(o)||o.parentNode,G=S(o)||o.childNodes;if(G&&N){const M=G.length;for(let xe=M-1;xe>=0;--xe){const pe=C(G[xe],!0);N.insertBefore(pe,w(o))}}}return Ne(o),!0}return o instanceof m&&!wl(o)||(b==="noscript"||b==="noembed"||b==="noframes")&&j(/<\/no(script|embed|frames)/i,o.innerHTML)?(Ne(o),!0):(Re&&o.nodeType===je.text&&(h=o.textContent,He([ue,me,Q],N=>{h=Le(h,N," ")}),o.textContent!==h&&($e(t.removed,{element:o.cloneNode()}),o.textContent=h)),be(B.afterSanitizeElements,o,null),!1)},Jr=function(o,h,b){if(pt[h]||Pr&&(h==="id"||h==="name")&&(b in r||b in kl))return!1;const N=$[h]||we.attributeCheck instanceof Function&&we.attributeCheck(h,o);if(!(Lt&&!pt[h]&&j(Se,h))&&!(Ir&&j(he,h))){if(!N||pt[h]){if(!(Qr(o)&&(L.tagNameCheck instanceof RegExp&&j(L.tagNameCheck,o)||L.tagNameCheck instanceof Function&&L.tagNameCheck(o))&&(L.attributeNameCheck instanceof RegExp&&j(L.attributeNameCheck,h)||L.attributeNameCheck instanceof Function&&L.attributeNameCheck(h,o))||h==="is"&&L.allowCustomizedBuiltInElements&&(L.tagNameCheck instanceof RegExp&&j(L.tagNameCheck,b)||L.tagNameCheck instanceof Function&&L.tagNameCheck(b))))return!1}else if(!zt[h]&&!j(_,Le(b,y,""))&&!((h==="src"||h==="xlink:href"||h==="href")&&o!=="script"&&nr(b,"data:")===0&&Ur[o])&&!(zr&&!j(le,Le(b,y,"")))&&b)return!1}return!0},vl=A({},["annotation-xml","color-profile","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","missing-glyph"]),Qr=function(o){return!vl[Ue(o)]&&j(v,o)},en=function(o){be(B.beforeSanitizeAttributes,o,null);const{attributes:h}=o;if(!h||Wt(o))return;const b={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:$,forceKeepAttr:void 0};let N=h.length;for(;N--;){const G=h[N],{name:M,namespaceURI:xe,value:pe}=G,Z=U(M),ve=pe;let W=M==="value"?ve:jo(ve);if(b.attrName=Z,b.attrValue=W,b.keepAttr=!0,b.forceKeepAttr=void 0,be(B.uponSanitizeAttribute,o,b),W=b.attrValue,Hr&&(Z==="id"||Z==="name")&&nr(W,$r)!==0&&(Ve(M,o),W=$r+W),Ke&&j(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i,W)){Ve(M,o);continue}if(Z==="attributename"&&rr(W,"href")){Ve(M,o);continue}if(b.forceKeepAttr)continue;if(!b.keepAttr){Ve(M,o);continue}if(!Fr&&j(/\/>/i,W)){Ve(M,o);continue}Re&&He([ue,me,Q],Cl=>{W=Le(W,Cl," ")});const rn=U(o.nodeName);if(!Jr(rn,Z,W)){Ve(M,o);continue}if(T&&typeof f=="object"&&typeof f.getAttributeType=="function"&&!xe)switch(f.getAttributeType(rn,Z)){case"TrustedHTML":{W=T.createHTML(W);break}case"TrustedScriptURL":{W=T.createScriptURL(W);break}}if(W!==ve)try{xe?o.setAttributeNS(xe,M,W):o.setAttribute(M,W),Wt(o)?Ne(o):tr(t.removed)}catch{Ve(M,o)}}be(B.afterSanitizeAttributes,o,null)},tn=function(o){let h=null;const b=Kr(o);for(be(B.beforeSanitizeShadowDOM,o,null);h=b.nextNode();)be(B.uponSanitizeShadowNode,h,null),Zr(h),en(h),h.content instanceof i&&tn(h.content);be(B.afterSanitizeShadowDOM,o,null)};return t.sanitize=function(o){let h=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},b=null,N=null,G=null,M=null;if(Ft=!o,Ft&&(o="<!-->"),typeof o!="string"&&!jt(o)&&(o=Ko(o),typeof o!="string"))throw et("dirty is not a string, aborting");if(!t.isSupported)return o;if(_t||Ut(h),t.removed=[],typeof o=="string"&&(Ze=!1),Ze){const Z=o.nodeName;if(typeof Z=="string"){const ve=U(Z);if(!D[ve]||Xe[ve])throw et("root node is forbidden and cannot be sanitized in-place")}}else if(o instanceof u)b=Xr("<!---->"),N=b.ownerDocument.importNode(o,!0),N.nodeType===je.element&&N.nodeName==="BODY"||N.nodeName==="HTML"?b=N:b.appendChild(N);else{if(!Ie&&!Re&&!Oe&&o.indexOf("<")===-1)return T&&ht?T.createHTML(o):o;if(b=Xr(o),!b)return Ie?null:ht?z:""}b&&Bt&&Ne(b.firstChild);const xe=Kr(Ze?o:b);for(;G=xe.nextNode();)Zr(G),en(G),G.content instanceof i&&tn(G.content);if(Ze)return o;if(Ie){if(Re){b.normalize();let Z=b.innerHTML;He([ue,me,Q],ve=>{Z=Le(Z,ve," ")}),b.innerHTML=Z}if(mt)for(M=Y.call(b.ownerDocument);b.firstChild;)M.appendChild(b.firstChild);else M=b;return($.shadowroot||$.shadowrootmode)&&(M=de.call(n,M,!0)),M}let pe=Oe?b.outerHTML:b.innerHTML;return Oe&&D["!doctype"]&&b.ownerDocument&&b.ownerDocument.doctype&&b.ownerDocument.doctype.name&&j(ur,b.ownerDocument.doctype.name)&&(pe="<!DOCTYPE "+b.ownerDocument.doctype.name+`>
|
|
3
|
+
`+pe),Re&&He([ue,me,Q],Z=>{pe=Le(pe,Z," ")}),T&&ht?T.createHTML(pe):pe},t.setConfig=function(){let o=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};Ut(o),_t=!0},t.clearConfig=function(){Pe=null,_t=!1},t.isValidAttribute=function(o,h,b){Pe||Ut({});const N=U(o),G=U(h);return Jr(N,G,b)},t.addHook=function(o,h){typeof h=="function"&&$e(B[o],h)},t.removeHook=function(o,h){if(h!==void 0){const b=Uo(B[o],h);return b===-1?void 0:Wo(B[o],b,1)[0]}return tr(B[o])},t.removeHooks=function(o){B[o]=[]},t.removeAllHooks=function(){B=gr()},t}var H=pr(),da=H;H.sanitize.bind(H),H.isSupported,H.addHook.bind(H),H.removeHook.bind(H),H.removeHooks.bind(H),H.removeAllHooks.bind(H),H.setConfig.bind(H),H.clearConfig.bind(H),H.isValidAttribute.bind(H),H.version,H.removed;const mr={left:"tooltip-left",top:"tooltip-top",bottom:"tooltip-bottom",right:"tooltip-right"};a.defineComponent({name:"Tooltip",props:{id:{type:String,default:void 0},direction:{type:String,default:"right"},color:{type:String,default:"dark-3"},textColor:{type:String,default:"white"},width:{type:[Number,String],default:80},customClass:{type:String,default:""},content:{type:String,required:!0}},setup(e){const t="invisible opacity-0 group-hover:visible group-hover:opacity-100 group-focus:visible group-focus:opacity-100 z-[100] tooltip",r=a.computed(()=>[Zt.bgColorVariant({color:e.color}),Zt.textColorVariant({color:e.textColor})].join(" ")),n=a.computed(()=>({width:`${e.width}px`})),l=a.computed(()=>mr[e.direction]||mr.right),i=a.computed(()=>[t,l.value,r.value,e.customClass]);return()=>a.h("div",{id:e.id,class:i.value,role:"tooltip",innerHTML:da.sanitize(e.content),style:[n.value]})}});const rt=Math.min,Ce=Math.max,nt=Math.round,ot=Math.floor,ie=e=>({x:e,y:e}),ua={left:"right",right:"left",bottom:"top",top:"bottom"},fa={start:"end",end:"start"};function hr(e,t,r){return Ce(e,rt(t,r))}function at(e,t){return typeof e=="function"?e(t):e}function Ee(e){return e.split("-")[0]}function lt(e){return e.split("-")[1]}function br(e){return e==="x"?"y":"x"}function xr(e){return e==="y"?"height":"width"}const ga=new Set(["top","bottom"]);function ye(e){return ga.has(Ee(e))?"y":"x"}function yr(e){return br(ye(e))}function pa(e,t,r){r===void 0&&(r=!1);const n=lt(e),l=yr(e),i=xr(l);let s=l==="x"?n===(r?"end":"start")?"right":"left":n==="start"?"bottom":"top";return t.reference[i]>t.floating[i]&&(s=it(s)),[s,it(s)]}function ma(e){const t=it(e);return[Tt(e),t,Tt(t)]}function Tt(e){return e.replace(/start|end/g,t=>fa[t])}const kr=["left","right"],wr=["right","left"],ha=["top","bottom"],ba=["bottom","top"];function xa(e,t,r){switch(e){case"top":case"bottom":return r?t?wr:kr:t?kr:wr;case"left":case"right":return t?ha:ba;default:return[]}}function ya(e,t,r,n){const l=lt(e);let i=xa(Ee(e),r==="start",n);return l&&(i=i.map(s=>s+"-"+l),t&&(i=i.concat(i.map(Tt)))),i}function it(e){return e.replace(/left|right|bottom|top/g,t=>ua[t])}function ka(e){return{top:0,right:0,bottom:0,left:0,...e}}function wa(e){return typeof e!="number"?ka(e):{top:e,right:e,bottom:e,left:e}}function st(e){const{x:t,y:r,width:n,height:l}=e;return{width:n,height:l,top:r,left:t,right:t+n,bottom:r+l,x:t,y:r}}function vr(e,t,r){let{reference:n,floating:l}=e;const i=ye(t),s=yr(t),u=xr(s),m=Ee(t),d=i==="y",g=n.x+n.width/2-l.width/2,c=n.y+n.height/2-l.height/2,p=n[u]/2-l[u]/2;let f;switch(m){case"top":f={x:g,y:n.y-l.height};break;case"bottom":f={x:g,y:n.y+n.height};break;case"right":f={x:n.x+n.width,y:c};break;case"left":f={x:n.x-l.width,y:c};break;default:f={x:n.x,y:n.y}}switch(lt(t)){case"start":f[s]-=p*(r&&d?-1:1);break;case"end":f[s]+=p*(r&&d?-1:1);break}return f}async function va(e,t){var r;t===void 0&&(t={});const{x:n,y:l,platform:i,rects:s,elements:u,strategy:m}=e,{boundary:d="clippingAncestors",rootBoundary:g="viewport",elementContext:c="floating",altBoundary:p=!1,padding:f=0}=at(t,e),x=wa(f),E=u[p?c==="floating"?"reference":"floating":c],w=st(await i.getClippingRect({element:(r=await(i.isElement==null?void 0:i.isElement(E)))==null||r?E:E.contextElement||await(i.getDocumentElement==null?void 0:i.getDocumentElement(u.floating)),boundary:d,rootBoundary:g,strategy:m})),S=c==="floating"?{x:n,y:l,width:s.floating.width,height:s.floating.height}:s.reference,O=await(i.getOffsetParent==null?void 0:i.getOffsetParent(u.floating)),T=await(i.isElement==null?void 0:i.isElement(O))?await(i.getScale==null?void 0:i.getScale(O))||{x:1,y:1}:{x:1,y:1},z=st(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:u,rect:S,offsetParent:O,strategy:m}):S);return{top:(w.top-z.top+x.top)/T.y,bottom:(z.bottom-w.bottom+x.bottom)/T.y,left:(w.left-z.left+x.left)/T.x,right:(z.right-w.right+x.right)/T.x}}const Ca=async(e,t,r)=>{const{placement:n="bottom",strategy:l="absolute",middleware:i=[],platform:s}=r,u=i.filter(Boolean),m=await(s.isRTL==null?void 0:s.isRTL(t));let d=await s.getElementRects({reference:e,floating:t,strategy:l}),{x:g,y:c}=vr(d,n,m),p=n,f={},x=0;for(let E=0;E<u.length;E++){var C;const{name:w,fn:S}=u[E],{x:O,y:T,data:z,reset:F}=await S({x:g,y:c,initialPlacement:n,placement:p,strategy:l,middlewareData:f,rects:d,platform:{...s,detectOverflow:(C=s.detectOverflow)!=null?C:va},elements:{reference:e,floating:t}});g=O??g,c=T??c,f={...f,[w]:{...f[w],...z}},F&&x<=50&&(x++,typeof F=="object"&&(F.placement&&(p=F.placement),F.rects&&(d=F.rects===!0?await s.getElementRects({reference:e,floating:t,strategy:l}):F.rects),{x:g,y:c}=vr(d,p,m)),E=-1)}return{x:g,y:c,placement:p,strategy:l,middlewareData:f}},Ea=function(e){return e===void 0&&(e={}),{name:"flip",options:e,async fn(t){var r,n;const{placement:l,middlewareData:i,rects:s,initialPlacement:u,platform:m,elements:d}=t,{mainAxis:g=!0,crossAxis:c=!0,fallbackPlacements:p,fallbackStrategy:f="bestFit",fallbackAxisSideDirection:x="none",flipAlignment:C=!0,...E}=at(e,t);if((r=i.arrow)!=null&&r.alignmentOffset)return{};const w=Ee(l),S=ye(u),O=Ee(u)===u,T=await(m.isRTL==null?void 0:m.isRTL(d.floating)),z=p||(O||!C?[it(u)]:ma(u)),F=x!=="none";!p&&F&&z.push(...ya(u,C,x,T));const V=[u,...z],Y=await m.detectOverflow(t,E),ae=[];let de=((n=i.flip)==null?void 0:n.overflows)||[];if(g&&ae.push(Y[w]),c){const Q=pa(l,s,T);ae.push(Y[Q[0]],Y[Q[1]])}if(de=[...de,{placement:l,overflows:ae}],!ae.every(Q=>Q<=0)){var B,ue;const Q=(((B=i.flip)==null?void 0:B.index)||0)+1,Se=V[Q];if(Se&&(!(c==="alignment"?S!==ye(Se):!1)||de.every(y=>ye(y.placement)===S?y.overflows[0]>0:!0)))return{data:{index:Q,overflows:de},reset:{placement:Se}};let he=(ue=de.filter(le=>le.overflows[0]<=0).sort((le,y)=>le.overflows[1]-y.overflows[1])[0])==null?void 0:ue.placement;if(!he)switch(f){case"bestFit":{var me;const le=(me=de.filter(y=>{if(F){const v=ye(y.placement);return v===S||v==="y"}return!0}).map(y=>[y.placement,y.overflows.filter(v=>v>0).reduce((v,_)=>v+_,0)]).sort((y,v)=>y[1]-v[1])[0])==null?void 0:me[0];le&&(he=le);break}case"initialPlacement":he=u;break}if(l!==he)return{reset:{placement:he}}}return{}}}},Aa=new Set(["left","top"]);async function Ta(e,t){const{placement:r,platform:n,elements:l}=e,i=await(n.isRTL==null?void 0:n.isRTL(l.floating)),s=Ee(r),u=lt(r),m=ye(r)==="y",d=Aa.has(s)?-1:1,g=i&&m?-1:1,c=at(t,e);let{mainAxis:p,crossAxis:f,alignmentAxis:x}=typeof c=="number"?{mainAxis:c,crossAxis:0,alignmentAxis:null}:{mainAxis:c.mainAxis||0,crossAxis:c.crossAxis||0,alignmentAxis:c.alignmentAxis};return u&&typeof x=="number"&&(f=u==="end"?x*-1:x),m?{x:f*g,y:p*d}:{x:p*d,y:f*g}}const Sa=function(e){return e===void 0&&(e=0),{name:"offset",options:e,async fn(t){var r,n;const{x:l,y:i,placement:s,middlewareData:u}=t,m=await Ta(t,e);return s===((r=u.offset)==null?void 0:r.placement)&&(n=u.arrow)!=null&&n.alignmentOffset?{}:{x:l+m.x,y:i+m.y,data:{...m,placement:s}}}}},Ra=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(t){const{x:r,y:n,placement:l,platform:i}=t,{mainAxis:s=!0,crossAxis:u=!1,limiter:m={fn:w=>{let{x:S,y:O}=w;return{x:S,y:O}}},...d}=at(e,t),g={x:r,y:n},c=await i.detectOverflow(t,d),p=ye(Ee(l)),f=br(p);let x=g[f],C=g[p];if(s){const w=f==="y"?"top":"left",S=f==="y"?"bottom":"right",O=x+c[w],T=x-c[S];x=hr(O,x,T)}if(u){const w=p==="y"?"top":"left",S=p==="y"?"bottom":"right",O=C+c[w],T=C-c[S];C=hr(O,C,T)}const E=m.fn({...t,[f]:x,[p]:C});return{...E,data:{x:E.x-r,y:E.y-n,enabled:{[f]:s,[p]:u}}}}}};function ct(){return typeof window<"u"}function Ae(e){return St(e)?(e.nodeName||"").toLowerCase():"#document"}function ee(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function se(e){var t;return(t=(St(e)?e.ownerDocument:e.document)||window.document)==null?void 0:t.documentElement}function St(e){return ct()?e instanceof Node||e instanceof ee(e).Node:!1}function ne(e){return ct()?e instanceof Element||e instanceof ee(e).Element:!1}function ce(e){return ct()?e instanceof HTMLElement||e instanceof ee(e).HTMLElement:!1}function Cr(e){return!ct()||typeof ShadowRoot>"u"?!1:e instanceof ShadowRoot||e instanceof ee(e).ShadowRoot}const Oa=new Set(["inline","contents"]);function Ge(e){const{overflow:t,overflowX:r,overflowY:n,display:l}=oe(e);return/auto|scroll|overlay|hidden|clip/.test(t+n+r)&&!Oa.has(l)}const Na=new Set(["table","td","th"]);function Va(e){return Na.has(Ae(e))}const Da=[":popover-open",":modal"];function dt(e){return Da.some(t=>{try{return e.matches(t)}catch{return!1}})}const La=["transform","translate","scale","rotate","perspective"],_a=["transform","translate","scale","rotate","perspective","filter"],Ba=["paint","layout","strict","content"];function Rt(e){const t=Ot(),r=ne(e)?oe(e):e;return La.some(n=>r[n]?r[n]!=="none":!1)||(r.containerType?r.containerType!=="normal":!1)||!t&&(r.backdropFilter?r.backdropFilter!=="none":!1)||!t&&(r.filter?r.filter!=="none":!1)||_a.some(n=>(r.willChange||"").includes(n))||Ba.some(n=>(r.contain||"").includes(n))}function Ma(e){let t=ke(e);for(;ce(t)&&!Be(t);){if(Rt(t))return t;if(dt(t))return null;t=ke(t)}return null}function Ot(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}const Ia=new Set(["html","body","#document"]);function Be(e){return Ia.has(Ae(e))}function oe(e){return ee(e).getComputedStyle(e)}function ut(e){return ne(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function ke(e){if(Ae(e)==="html")return e;const t=e.assignedSlot||e.parentNode||Cr(e)&&e.host||se(e);return Cr(t)?t.host:t}function Er(e){const t=ke(e);return Be(t)?e.ownerDocument?e.ownerDocument.body:e.body:ce(t)&&Ge(t)?t:Er(t)}function qe(e,t,r){var n;t===void 0&&(t=[]),r===void 0&&(r=!0);const l=Er(e),i=l===((n=e.ownerDocument)==null?void 0:n.body),s=ee(l);if(i){const u=Nt(s);return t.concat(s,s.visualViewport||[],Ge(l)?l:[],u&&r?qe(u):[])}return t.concat(l,qe(l,[],r))}function Nt(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function Ar(e){const t=oe(e);let r=parseFloat(t.width)||0,n=parseFloat(t.height)||0;const l=ce(e),i=l?e.offsetWidth:r,s=l?e.offsetHeight:n,u=nt(r)!==i||nt(n)!==s;return u&&(r=i,n=s),{width:r,height:n,$:u}}function Vt(e){return ne(e)?e:e.contextElement}function Me(e){const t=Vt(e);if(!ce(t))return ie(1);const r=t.getBoundingClientRect(),{width:n,height:l,$:i}=Ar(t);let s=(i?nt(r.width):r.width)/n,u=(i?nt(r.height):r.height)/l;return(!s||!Number.isFinite(s))&&(s=1),(!u||!Number.isFinite(u))&&(u=1),{x:s,y:u}}const za=ie(0);function Tr(e){const t=ee(e);return!Ot()||!t.visualViewport?za:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function Fa(e,t,r){return t===void 0&&(t=!1),!r||t&&r!==ee(e)?!1:t}function Te(e,t,r,n){t===void 0&&(t=!1),r===void 0&&(r=!1);const l=e.getBoundingClientRect(),i=Vt(e);let s=ie(1);t&&(n?ne(n)&&(s=Me(n)):s=Me(e));const u=Fa(i,r,n)?Tr(i):ie(0);let m=(l.left+u.x)/s.x,d=(l.top+u.y)/s.y,g=l.width/s.x,c=l.height/s.y;if(i){const p=ee(i),f=n&&ne(n)?ee(n):n;let x=p,C=Nt(x);for(;C&&n&&f!==x;){const E=Me(C),w=C.getBoundingClientRect(),S=oe(C),O=w.left+(C.clientLeft+parseFloat(S.paddingLeft))*E.x,T=w.top+(C.clientTop+parseFloat(S.paddingTop))*E.y;m*=E.x,d*=E.y,g*=E.x,c*=E.y,m+=O,d+=T,x=ee(C),C=Nt(x)}}return st({width:g,height:c,x:m,y:d})}function ft(e,t){const r=ut(e).scrollLeft;return t?t.left+r:Te(se(e)).left+r}function Sr(e,t){const r=e.getBoundingClientRect(),n=r.left+t.scrollLeft-ft(e,r),l=r.top+t.scrollTop;return{x:n,y:l}}function Pa(e){let{elements:t,rect:r,offsetParent:n,strategy:l}=e;const i=l==="fixed",s=se(n),u=t?dt(t.floating):!1;if(n===s||u&&i)return r;let m={scrollLeft:0,scrollTop:0},d=ie(1);const g=ie(0),c=ce(n);if((c||!c&&!i)&&((Ae(n)!=="body"||Ge(s))&&(m=ut(n)),ce(n))){const f=Te(n);d=Me(n),g.x=f.x+n.clientLeft,g.y=f.y+n.clientTop}const p=s&&!c&&!i?Sr(s,m):ie(0);return{width:r.width*d.x,height:r.height*d.y,x:r.x*d.x-m.scrollLeft*d.x+g.x+p.x,y:r.y*d.y-m.scrollTop*d.y+g.y+p.y}}function Ha(e){return Array.from(e.getClientRects())}function $a(e){const t=se(e),r=ut(e),n=e.ownerDocument.body,l=Ce(t.scrollWidth,t.clientWidth,n.scrollWidth,n.clientWidth),i=Ce(t.scrollHeight,t.clientHeight,n.scrollHeight,n.clientHeight);let s=-r.scrollLeft+ft(e);const u=-r.scrollTop;return oe(n).direction==="rtl"&&(s+=Ce(t.clientWidth,n.clientWidth)-l),{width:l,height:i,x:s,y:u}}const Rr=25;function Ua(e,t){const r=ee(e),n=se(e),l=r.visualViewport;let i=n.clientWidth,s=n.clientHeight,u=0,m=0;if(l){i=l.width,s=l.height;const g=Ot();(!g||g&&t==="fixed")&&(u=l.offsetLeft,m=l.offsetTop)}const d=ft(n);if(d<=0){const g=n.ownerDocument,c=g.body,p=getComputedStyle(c),f=g.compatMode==="CSS1Compat"&&parseFloat(p.marginLeft)+parseFloat(p.marginRight)||0,x=Math.abs(n.clientWidth-c.clientWidth-f);x<=Rr&&(i-=x)}else d<=Rr&&(i+=d);return{width:i,height:s,x:u,y:m}}const Wa=new Set(["absolute","fixed"]);function ja(e,t){const r=Te(e,!0,t==="fixed"),n=r.top+e.clientTop,l=r.left+e.clientLeft,i=ce(e)?Me(e):ie(1),s=e.clientWidth*i.x,u=e.clientHeight*i.y,m=l*i.x,d=n*i.y;return{width:s,height:u,x:m,y:d}}function Or(e,t,r){let n;if(t==="viewport")n=Ua(e,r);else if(t==="document")n=$a(se(e));else if(ne(t))n=ja(t,r);else{const l=Tr(e);n={x:t.x-l.x,y:t.y-l.y,width:t.width,height:t.height}}return st(n)}function Nr(e,t){const r=ke(e);return r===t||!ne(r)||Be(r)?!1:oe(r).position==="fixed"||Nr(r,t)}function Ga(e,t){const r=t.get(e);if(r)return r;let n=qe(e,[],!1).filter(u=>ne(u)&&Ae(u)!=="body"),l=null;const i=oe(e).position==="fixed";let s=i?ke(e):e;for(;ne(s)&&!Be(s);){const u=oe(s),m=Rt(s);!m&&u.position==="fixed"&&(l=null),(i?!m&&!l:!m&&u.position==="static"&&!!l&&Wa.has(l.position)||Ge(s)&&!m&&Nr(e,s))?n=n.filter(g=>g!==s):l=u,s=ke(s)}return t.set(e,n),n}function qa(e){let{element:t,boundary:r,rootBoundary:n,strategy:l}=e;const s=[...r==="clippingAncestors"?dt(t)?[]:Ga(t,this._c):[].concat(r),n],u=s[0],m=s.reduce((d,g)=>{const c=Or(t,g,l);return d.top=Ce(c.top,d.top),d.right=rt(c.right,d.right),d.bottom=rt(c.bottom,d.bottom),d.left=Ce(c.left,d.left),d},Or(t,u,l));return{width:m.right-m.left,height:m.bottom-m.top,x:m.left,y:m.top}}function Ya(e){const{width:t,height:r}=Ar(e);return{width:t,height:r}}function Xa(e,t,r){const n=ce(t),l=se(t),i=r==="fixed",s=Te(e,!0,i,t);let u={scrollLeft:0,scrollTop:0};const m=ie(0);function d(){m.x=ft(l)}if(n||!n&&!i)if((Ae(t)!=="body"||Ge(l))&&(u=ut(t)),n){const f=Te(t,!0,i,t);m.x=f.x+t.clientLeft,m.y=f.y+t.clientTop}else l&&d();i&&!n&&l&&d();const g=l&&!n&&!i?Sr(l,u):ie(0),c=s.left+u.scrollLeft-m.x-g.x,p=s.top+u.scrollTop-m.y-g.y;return{x:c,y:p,width:s.width,height:s.height}}function Dt(e){return oe(e).position==="static"}function Vr(e,t){if(!ce(e)||oe(e).position==="fixed")return null;if(t)return t(e);let r=e.offsetParent;return se(e)===r&&(r=r.ownerDocument.body),r}function Dr(e,t){const r=ee(e);if(dt(e))return r;if(!ce(e)){let l=ke(e);for(;l&&!Be(l);){if(ne(l)&&!Dt(l))return l;l=ke(l)}return r}let n=Vr(e,t);for(;n&&Va(n)&&Dt(n);)n=Vr(n,t);return n&&Be(n)&&Dt(n)&&!Rt(n)?r:n||Ma(e)||r}const Ka=async function(e){const t=this.getOffsetParent||Dr,r=this.getDimensions,n=await r(e.floating);return{reference:Xa(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:n.width,height:n.height}}};function Za(e){return oe(e).direction==="rtl"}const Ja={convertOffsetParentRelativeRectToViewportRelativeRect:Pa,getDocumentElement:se,getClippingRect:qa,getOffsetParent:Dr,getElementRects:Ka,getClientRects:Ha,getDimensions:Ya,getScale:Me,isElement:ne,isRTL:Za};function Lr(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function Qa(e,t){let r=null,n;const l=se(e);function i(){var u;clearTimeout(n),(u=r)==null||u.disconnect(),r=null}function s(u,m){u===void 0&&(u=!1),m===void 0&&(m=1),i();const d=e.getBoundingClientRect(),{left:g,top:c,width:p,height:f}=d;if(u||t(),!p||!f)return;const x=ot(c),C=ot(l.clientWidth-(g+p)),E=ot(l.clientHeight-(c+f)),w=ot(g),O={rootMargin:-x+"px "+-C+"px "+-E+"px "+-w+"px",threshold:Ce(0,rt(1,m))||1};let T=!0;function z(F){const V=F[0].intersectionRatio;if(V!==m){if(!T)return s();V?s(!1,V):n=setTimeout(()=>{s(!1,1e-7)},1e3)}V===1&&!Lr(d,e.getBoundingClientRect())&&s(),T=!1}try{r=new IntersectionObserver(z,{...O,root:l.ownerDocument})}catch{r=new IntersectionObserver(z,O)}r.observe(e)}return s(!0),i}function el(e,t,r,n){n===void 0&&(n={});const{ancestorScroll:l=!0,ancestorResize:i=!0,elementResize:s=typeof ResizeObserver=="function",layoutShift:u=typeof IntersectionObserver=="function",animationFrame:m=!1}=n,d=Vt(e),g=l||i?[...d?qe(d):[],...qe(t)]:[];g.forEach(w=>{l&&w.addEventListener("scroll",r,{passive:!0}),i&&w.addEventListener("resize",r)});const c=d&&u?Qa(d,r):null;let p=-1,f=null;s&&(f=new ResizeObserver(w=>{let[S]=w;S&&S.target===d&&f&&(f.unobserve(t),cancelAnimationFrame(p),p=requestAnimationFrame(()=>{var O;(O=f)==null||O.observe(t)})),r()}),d&&!m&&f.observe(d),f.observe(t));let x,C=m?Te(e):null;m&&E();function E(){const w=Te(e);C&&!Lr(C,w)&&r(),C=w,x=requestAnimationFrame(E)}return r(),()=>{var w;g.forEach(S=>{l&&S.removeEventListener("scroll",r),i&&S.removeEventListener("resize",r)}),c?.(),(w=f)==null||w.disconnect(),f=null,m&&cancelAnimationFrame(x)}}const tl=Sa,rl=Ra,nl=Ea,ol=(e,t,r)=>{const n=new Map,l={platform:Ja,...r},i={...l.platform,_c:n};return Ca(e,t,{...l,platform:i})};function al(e){return e!=null&&typeof e=="object"&&"$el"in e}function _r(e){if(al(e)){const t=e.$el;return St(t)&&Ae(t)==="#comment"?null:t}return e}function Ye(e){return typeof e=="function"?e():a.unref(e)}function Br(e){return typeof window>"u"?1:(e.ownerDocument.defaultView||window).devicePixelRatio||1}function Mr(e,t){const r=Br(e);return Math.round(t*r)/r}function ll(e,t,r){r===void 0&&(r={});const n=r.whileElementsMounted,l=a.computed(()=>{var V;return(V=Ye(r.open))!=null?V:!0}),i=a.computed(()=>Ye(r.middleware)),s=a.computed(()=>{var V;return(V=Ye(r.placement))!=null?V:"bottom"}),u=a.computed(()=>{var V;return(V=Ye(r.strategy))!=null?V:"absolute"}),m=a.computed(()=>{var V;return(V=Ye(r.transform))!=null?V:!0}),d=a.computed(()=>_r(e.value)),g=a.computed(()=>_r(t.value)),c=a.ref(0),p=a.ref(0),f=a.ref(u.value),x=a.ref(s.value),C=a.shallowRef({}),E=a.ref(!1),w=a.computed(()=>{const V={position:f.value,left:"0",top:"0"};if(!g.value)return V;const Y=Mr(g.value,c.value),ae=Mr(g.value,p.value);return m.value?{...V,transform:"translate("+Y+"px, "+ae+"px)",...Br(g.value)>=1.5&&{willChange:"transform"}}:{position:f.value,left:Y+"px",top:ae+"px"}});let S;function O(){if(d.value==null||g.value==null)return;const V=l.value;ol(d.value,g.value,{middleware:i.value,placement:s.value,strategy:u.value}).then(Y=>{c.value=Y.x,p.value=Y.y,f.value=Y.strategy,x.value=Y.placement,C.value=Y.middlewareData,E.value=V!==!1})}function T(){typeof S=="function"&&(S(),S=void 0)}function z(){if(T(),n===void 0){O();return}if(d.value!=null&&g.value!=null){S=n(d.value,g.value,O);return}}function F(){l.value||(E.value=!1)}return a.watch([i,s,u,l],O,{flush:"sync"}),a.watch([d,g],z,{flush:"sync"}),a.watch(l,F,{flush:"sync"}),a.getCurrentScope()&&a.onScopeDispose(T),{x:a.shallowReadonly(c),y:a.shallowReadonly(p),strategy:a.shallowReadonly(f),placement:a.shallowReadonly(x),middlewareData:a.shallowReadonly(C),isPositioned:a.shallowReadonly(E),floatingStyles:w,update:O}}const il=["id","placeholder","aria-expanded","aria-controls","aria-activedescendant","aria-invalid"],sl=["id"],cl=["id","aria-selected","onClick","onMouseenter"],dl=Gt(a.defineComponent({__name:"MclSelect",props:a.mergeModels({id:{},showBorder:{type:Boolean,default:!1},borderColor:{default:"light-4"},rounded:{type:Boolean,default:!1},showHighlight:{type:Boolean,default:!0},highlightColor:{default:"primary"},textColor:{default:"black"},bgColor:{default:"light-1"},iconColor:{default:"dark-4"},placeholder:{default:""},showShadow:{type:Boolean,default:!0},required:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},options:{},optionHoverColor:{default:"primary"},noMatchText:{default:"No match."}},{modelValue:{default:null},modelModifiers:{}}),emits:a.mergeModels(["open","close","clear","changed","select"],["update:modelValue"]),setup(e,{emit:t}){const r=e;a.useSlots();const n=t,l=a.useModel(e,"modelValue"),i=a.ref(),s=a.ref(),u=a.ref(),m=a.ref([]),d=a.ref(null),g=a.ref(),c=a.ref(!1),p=a.ref(""),f=a.ref(0),x=()=>{c.value=!0},C=()=>{p.value="",c.value=!1,d.value=null,s.value?.blur(),l.value=""},E=()=>{c.value=!1,f.value=0},w=()=>{c.value=!c.value,f.value=0,c.value===!0&&s.value?.focus()},S=y=>{y.preventDefault(),p.value!==""&&(p.value=""),f.value=0,l.value="",n("clear")},O=(y,v)=>{m.value[v]=y},T=y=>{y.style.pointerEvents="none"},z=y=>{y.style.pointerEvents="auto"},F=y=>{f.value=y},V=(y,v)=>{y.preventDefault(),p.value=typeof v=="string"?v:v.text;const _=typeof v=="string"?v:v.value;l.value=_,c.value=!1,n("select",_)},Y=a.computed(()=>{const{bgColor:y,showBorder:v,borderColor:_,showHighlight:D,showShadow:te,rounded:$,textColor:gt}=r,L=[R.generateClass.bgColorVariant({color:y}),R.generateClass.textColorVariant({color:gt})];return v&&(L.push("border-2"),L.push(R.generateClass.borderColorVariant({color:_}))),D||L.push("ring-offset-2 transition-all duration-300 ease-linear"),te&&L.push("shadow-md"),$&&L.push("rounded-md"),L.join(" ")}),ae=a.computed(()=>{const{highlightColor:y,rounded:v}=r,_=[R.generateClass.beforeBgColorVariant({color:y})];return v&&_.push("rounded-b-md"),_.join(" ")}),de=a.computed(()=>{const{showHighlight:y,bgColor:v,borderColor:_,rounded:D}=r,te=[R.generateClass.bgColorVariant({color:v}),R.generateClass.borderColorVariant({color:_})];return y||te.push("mt-2xs"),D&&te.push("rounded-md"),te.join(" ")}),B=a.computed(()=>p.value===""?r.options:r.options.filter(v=>{const _=new RegExp(`${p.value}`,"gi");return typeof v=="string"?v.match(_):v.text.match(_)})),ue=y=>{c.value&&(y==="up"&&f.value>0&&f.value--,y==="down"&&f.value<B.value.length-1&&f.value++)},me=()=>{if(!c.value)return;const y=B.value[f.value];let v;typeof y=="string"?(p.value=y,v=y):(p.value=y.text,v=y.value),l.value=v,c.value=!1,n("select",v)},Q=a.computed(()=>({width:`${g.value}px`})),Se=y=>l.value===null||l.value===""?!1:typeof y=="string"?y===l.value:y.value===l.value,he=a.computed(()=>c.value&&B.value.length>0?`${r.id}-option-${f.value}`:void 0),{floatingStyles:le}=ll(i,u,{whileElementsMounted:el,strategy:"absolute",open:c,transform:!1,placement:"bottom",middleware:[nl(),tl(-2.2),rl()]});return nn.useResizeObserver(i,()=>{i.value&&(g.value=i.value.clientWidth)}),a.watch(c,y=>{n(y===!0?"open":"close")}),a.watch(l,y=>{if(y===null){c.value=!1,d.value=null;return}n("changed",y)}),a.watch(f,()=>{d.value=m.value[f.value],d.value&&d.value.scrollIntoView&&d.value.scrollIntoView({block:"nearest"})}),(y,v)=>a.withDirectives((a.openBlock(),a.createElementBlock("div",{onKeyup:[a.withKeys(C,["esc"]),v[1]||(v[1]=a.withKeys(_=>ue("down"),["down"])),v[2]||(v[2]=a.withKeys(_=>ue("up"),["up"])),a.withKeys(me,["enter"])],ref_key:"componentRef",ref:i,class:"relative"},[a.createElementVNode("div",{class:a.normalizeClass(["relative flex gap-3xs p-2xs",[!e.showHighlight&&c.value&&a.unref(R.generateClass).ringColorVariant({color:e.borderColor})+" ring-4",Y.value]])},[a.withDirectives(a.createElementVNode("input",{id:e.id,type:"text",class:"w-full bg-transparent outline-none","onUpdate:modelValue":v[0]||(v[0]=_=>p.value=_),ref_key:"inputBox",ref:s,role:"combobox",autocomplete:"off",placeholder:e.placeholder,"aria-autocomplete":"list","aria-expanded":c.value,"aria-controls":`${e.id}-listbox`,"aria-activedescendant":he.value,"aria-invalid":e.invalid||void 0,onFocus:x},null,40,il),[[a.vModelText,p.value]]),a.createElementVNode("div",{class:a.normalizeClass(["flex items-center px-3xs",[p.value===""?"hidden cursor-text":"block cursor-pointer"]]),onClick:S},[(a.openBlock(),a.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",class:a.normalizeClass(["h-xs opacity-70",[a.unref(R.generateClass).svgFillColorVariant({color:e.iconColor})]])},[...v[3]||(v[3]=[a.createElementVNode("path",{d:"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"},null,-1)])],2))],2),a.createElementVNode("div",{class:"flex items-center px-3xs",onClick:w},[(a.openBlock(),a.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",class:a.normalizeClass(["h-xs",[c.value?"rotate-180":"rotate-0","transition-transform duration-300 ease-in",a.unref(R.generateClass).svgFillColorVariant({color:e.iconColor})]])},[...v[4]||(v[4]=[a.createElementVNode("path",{d:"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"},null,-1)])],2))])],2),e.showHighlight?(a.openBlock(),a.createElementBlock("div",{key:0,class:a.normalizeClass(["relative -top-1 h-3xs overflow-hidden before:absolute before:bottom-0 before:left-0 before:h-full before:w-0 before:transition-[width] before:duration-300 before:ease-linear",[c.value?"before:w-full":"before:w-0",ae.value]])},null,2)):a.createCommentVNode("",!0),a.createVNode(a.Transition,{name:"options",onBeforeLeave:T,onEnter:z},{default:a.withCtx(()=>[c.value?(a.openBlock(),a.createElementBlock("ul",{key:0,id:`${e.id}-listbox`,class:a.normalizeClass([[de.value],"max-h-50 overflow-y-auto border-2"]),style:a.normalizeStyle({...Q.value,...a.unref(le)}),role:"listbox",ref_key:"dropdownRef",ref:u},[B.value.length>0?a.renderSlot(y.$slots,"dropdown",{key:0,optionClick:V,options:B.value,activeIndex:f.value,setRef:O,hover:F},()=>[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(B.value,(_,D)=>(a.openBlock(),a.createElementBlock("li",{key:D,id:`${e.id}-option-${D}`,class:a.normalizeClass(["cursor-pointer p-2xs",[f.value===D&&a.unref(R.generateClass).bgColorVariant({color:e.highlightColor})]]),role:"option","aria-selected":Se(_),ref_for:!0,ref:te=>O(te,D),onClick:te=>V(te,_),onMouseenter:te=>F(D)},a.toDisplayString(typeof _=="string"?_:_.text),43,cl))),128))],!0):a.renderSlot(y.$slots,"no-match",{key:1},()=>[a.createElementVNode("li",{class:a.normalizeClass(["cursor-pointer p-2xs",[a.unref(R.generateClass).hoverBgColorVariant({color:e.optionHoverColor})]]),"aria-live":"polite"},[a.createElementVNode("span",null,a.toDisplayString(e.noMatchText),1)],2)],!0)],14,sl)):a.createCommentVNode("",!0)]),_:3})],32)),[[a.unref(Fo),E]])}}),[["__scopeId","data-v-dba14247"]]),ul=["id","placeholder","required","aria-invalid","rows"],fl=a.defineComponent({__name:"MclTextArea",props:a.mergeModels({id:{},showBorder:{type:Boolean,default:!1},borderColor:{default:"light-4"},rounded:{type:Boolean,default:!1},showHighlight:{type:Boolean,default:!0},highlightColor:{default:"primary"},bgColor:{default:"light-1"},textColor:{default:"black"},placeholder:{default:""},showShadow:{type:Boolean,default:!0},required:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},rows:{default:5}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const t=e,r=a.useModel(e,"modelValue"),n=a.computed(()=>{const{bgColor:l,showBorder:i,borderColor:s,showHighlight:u,showShadow:m,rounded:d,textColor:g}=t,c=[R.generateClass.bgColorVariant({color:l}),R.generateClass.textColorVariant({color:g})];return i&&(c.push("border-2"),c.push(R.generateClass.borderColorVariant({color:s}))),u||(c.push("focus:ring-4 ring-offset-2 transition-all duration-300 ease-linear"),c.push(R.generateClass.focusRingColorVariant({color:s}))),m&&c.push("shadow-md"),d&&c.push("rounded-md"),c.join(" ")});return(l,i)=>(a.openBlock(),a.createElementBlock("div",null,[a.withDirectives(a.createElementVNode("textarea",{id:e.id,class:a.normalizeClass(["input__text peer w-full p-2xs outline-none",n.value]),"onUpdate:modelValue":i[0]||(i[0]=s=>r.value=s),placeholder:e.placeholder,required:e.required,"aria-invalid":e.invalid||void 0,rows:e.rows},null,10,ul),[[a.vModelText,r.value]]),e.showHighlight?(a.openBlock(),a.createBlock(qt,{key:0,color:e.highlightColor,rounded:e.rounded,offset:2.5},null,8,["color","rounded"])):a.createCommentVNode("",!0)]))}}),gl={class:"relative"},pl=["id","value","checked"],ml=a.defineComponent({__name:"MclCheckbox",props:a.mergeModels({id:{},inputSize:{default:"md"},bgColor:{default:"light-1"},checkedBgColor:{default:"warning"},checkColor:{default:"dark-3"},borderColor:{default:"dark-1"},showShadow:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},value:{},checked:{type:Boolean,default:!1}},{modelValue:{type:Boolean},modelModifiers:{}}),emits:a.mergeModels(["checkbox-click"],["update:modelValue"]),setup(e,{emit:t}){const r={primary:"peer-checked/input:bg-primary",secondary:"peer-checked/input:bg-secondary",success:"peer-checked/input:bg-success",info:"peer-checked/input:bg-info",warning:"peer-checked/input:bg-warning",danger:"peer-checked/input:bg-danger","light-1":"peer-checked/input:bg-light-1","light-2":"peer-checked/input:bg-light-2","light-3":"peer-checked/input:bg-light-3","light-4":"peer-checked/input:bg-light-4","dark-1":"peer-checked/input:bg-dark-1","dark-2":"peer-checked/input:bg-dark-2","dark-3":"peer-checked/input:bg-dark-3","dark-4":"peer-checked/input:bg-dark-1",transparent:"peer-checked/input:bg-transparent",black:"peer-checked/input:bg-black",white:"peer-checked/input:bg-white"},n={primary:"before:bg-primary",secondary:"before:bg-secondary",success:"before:bg-success",info:"before:bg-info",warning:"before:bg-warning",danger:"before:bg-danger","light-1":"before:bg-light-1","light-2":"before:bg-light-2","light-3":"before:bg-light-3","light-4":"before:bg-light-4","dark-1":"before:bg-dark-1","dark-2":"before:bg-dark-2","dark-3":"before:bg-dark-3","dark-4":"before:bg-dark-1",transparent:"before:bg-transparent",black:"before:bg-black",white:"before:bg-white"},l=e,i=a.useModel(e,"modelValue"),s=a.ref(),u=t,m=()=>{s.value?.click()},d=p=>{const f=p.target.value;u("checkbox-click",p,s.value.checked,s.value?.checked?f:"")},g=a.computed(()=>{const{inputSize:p}=l;return p==="sm"?"h-xs w-xs before:h-2xs before:w-2xs":p==="lg"?"h-md w-md before:h-xs before:w-xs":"h-sm w-sm before:w-[12px] before:h-[12px]"}),c=a.computed(()=>{const{bgColor:p,borderColor:f,showShadow:x,rounded:C,checkedBgColor:E,checkColor:w}=l,S=[R.generateClass.bgColorVariant({color:p}),R.generateClass.borderColorVariant({color:f}),n[w],r[E]];return x&&S.push("drop-shadow-md"),C&&S.push("rounded-md before:rounded-[3px]"),S.join(" ")});return(p,f)=>(a.openBlock(),a.createElementBlock("div",gl,[a.withDirectives(a.createElementVNode("input",{id:e.id,ref_key:"checkboxRef",ref:s,type:"checkbox",value:e.value,checked:e.checked,"onUpdate:modelValue":f[0]||(f[0]=x=>i.value=x),class:"peer/input appearance-none",onChange:d},null,40,pl),[[a.vModelCheckbox,i.value]]),a.createElementVNode("span",{"aria-hidden":"true",class:a.normalizeClass(["before:ease-linar relative inline-block border p-3xs transition-colors duration-200 ease-linear before:absolute before:top-1/2 before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:opacity-0 before:transition-opacity before:duration-200 peer-checked/input:before:opacity-100 hover:bg-opacity-60 peer-checked/input:hover:bg-opacity-60",[c.value,g.value]]),onClick:m},null,2)]))}});q.MclCheckbox=ml,q.MclFormGroup=an,q.MclInputFile=dn,q.MclInputRadio=gn,q.MclInputSwitch=hn,q.MclInputText=kn,q.MclSelect=dl,q.MclTextArea=fl,Object.defineProperty(q,Symbol.toStringTag,{value:"Module"})}));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bobbykim/mcl-forms",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.10.1",
|
|
4
4
|
"description": "form group components based on manguito-theme",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
@@ -16,9 +16,6 @@
|
|
|
16
16
|
"require": "./dist/mcl-forms.umd.cjs"
|
|
17
17
|
}
|
|
18
18
|
},
|
|
19
|
-
"scripts": {
|
|
20
|
-
"build": "vite build"
|
|
21
|
-
},
|
|
22
19
|
"author": {
|
|
23
20
|
"name": "Bobby Kim",
|
|
24
21
|
"url": "https://www.devbobbykim.com/"
|
|
@@ -33,10 +30,10 @@
|
|
|
33
30
|
},
|
|
34
31
|
"license": "MIT",
|
|
35
32
|
"dependencies": {
|
|
36
|
-
"@bobbykim/manguito-theme": "0.28.3",
|
|
37
33
|
"@floating-ui/vue": "^1.1.5",
|
|
38
34
|
"@vueuse/core": "^12.0.0",
|
|
39
|
-
"vue": "^3.5.13"
|
|
35
|
+
"vue": "^3.5.13",
|
|
36
|
+
"@bobbykim/manguito-theme": "1.0.1"
|
|
40
37
|
},
|
|
41
38
|
"devDependencies": {
|
|
42
39
|
"@vitejs/plugin-vue": "^5.2.1",
|
|
@@ -47,5 +44,7 @@
|
|
|
47
44
|
"vite-plugin-dts": "^4.3.0",
|
|
48
45
|
"vue-tsc": "^2.1.10"
|
|
49
46
|
},
|
|
50
|
-
"
|
|
51
|
-
|
|
47
|
+
"scripts": {
|
|
48
|
+
"build": "vite build"
|
|
49
|
+
}
|
|
50
|
+
}
|