@bobbykim/mcl-forms 0.9.8 → 0.9.10

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.
Files changed (4) hide show
  1. package/dist/index.d.ts +140 -135
  2. package/dist/mcl-forms.js +2486 -1034
  3. package/dist/mcl-forms.umd.cjs +2 -2
  4. package/package.json +3 -3
package/dist/mcl-forms.umd.cjs CHANGED
@@ -1,2 +1,2 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode('.switch[data-v-07d209bd]{width:var(--switch-width);height:var(--switch-height)}.slider[data-v-07d209bd]:before{content:"";height:var(--slider-size);width:var(--slider-size);left:var(--gutter-size);bottom:var(--gutter-size)}input:checked+.slider[data-v-07d209bd]:before{-webkit-transform:translateX(var(--slider-size));-ms-transform:translateX(var(--slider-size));transform:translate(var(--slider-size))}.options-enter-active[data-v-f80afd47],.options-leave-active[data-v-f80afd47]{opacity:1;transition:opacity .3s linear,transform .3s linear}.options-enter-from[data-v-f80afd47],.options-leave-to[data-v-f80afd47]{opacity:0;transform:translateY(-10px)}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
2
- (function(L,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("@bobbykim/manguito-theme"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["exports","vue","@bobbykim/manguito-theme","@vueuse/core"],t):(L=typeof globalThis<"u"?globalThis:L||self,t(L.MclForms={},L.Vue,L.ManguitoTheme,L.core))})(this,function(L,t,x,Ge){"use strict";const We=["for"],qe=t.defineComponent({__name:"MclFormGroup",props:{labelFor:{},textColor:{default:"dark-3"},textSize:{default:"md"},textBold:{type:Boolean,default:!1},label:{}},setup(e){const o=e;t.useSlots();const n=t.computed(()=>{const{textColor:l,textSize:r,textBold:s}=o,i=[x("TEXTCOLOR",l),x("BODYTEXT",r)];return s&&i.push("font-bold"),i.join(" ")});return(l,r)=>(t.openBlock(),t.createElementBlock("div",null,[t.createElementVNode("label",{for:l.labelFor,class:"inline-block"},[t.renderSlot(l.$slots,"label",{},()=>[t.createElementVNode("p",{class:t.normalizeClass(["mb-2xs",n.value])},t.toDisplayString(l.label),3)])],8,We),t.renderSlot(l.$slots,"default")]))}}),Ue={class:"shrink-0 my-3xs ml-3xs mr-xs"},Ke=["id","required","accept"],Xe=t.defineComponent({__name:"MclInputFile",props:t.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 o=e,n=t.useModel(e,"modelValue"),l=t.ref(),r=t.ref(0),s=()=>{l.value.click()},i=u=>{const d=u.target.files[0];n.value=d},c=()=>{n.value=null,r.value++},h=t.computed(()=>{const{rounded:u,displayBorder:d,borderColor:g,displayShadow:w,bgColor:k}=o,b=[x("BGCOLOR",k)];return u&&b.push("rounded-md"),d&&(b.push("border-2"),b.push(x("BORDER",g))),w&&b.push("shadow-md"),b.join(" ")}),f=t.computed(()=>{const{textColor:u}=o;return[x("TEXTCOLOR",u)].join(" ")}),p=t.computed(()=>{const{buttonColor:u,buttonTextColor:d,rounded:g}=o,w=[x("BGCOLOR",u),x("TEXTCOLOR",d)];return g&&w.push("rounded-l-md"),w.join(" ")}),a=t.computed(()=>{const{buttonColor:u,rounded:d}=o,g=[x("BGCOLOR",u)];return d&&g.push("rounded-r-md"),g.join(" ")});return(u,d)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["flex items-center overflow-hidden",h.value])},[t.createElementVNode("div",Ue,[t.createElementVNode("button",{class:t.normalizeClass(["px-xs py-2xs hover:bg-opacity-70 transition-all duration-200 ease-linear max-w-full",p.value]),onClick:s},t.toDisplayString(u.buttonText),3)]),(t.openBlock(),t.createElementBlock("input",{type:"file",id:u.id,ref_key:"inputRef",ref:l,class:t.normalizeClass(["file:hidden w-full bg-transparent",[f.value]]),required:u.isRequired,accept:u.accept,key:r.value,onChange:i},null,42,Ke)),u.displayClear?(t.openBlock(),t.createElementBlock("div",{key:0,class:"self-stretch my-3xs mr-3xs",onClick:c},[t.createElementVNode("button",{class:t.normalizeClass(["px-xs py-2xs h-full flex items-center hover:bg-opacity-70 transition-all duration-200 ease-linear",[a.value]]),"aria-label":"clear"},[(t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",class:t.normalizeClass(["h-xs",t.unref(x)("SVGFILL",u.buttonTextColor)])},d[0]||(d[0]=[t.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)])):t.createCommentVNode("",!0)],2))}}),Ye={class:"flex items-center"},Je=["id","value","checked"],Qe=t.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:o}){const n=e,l=t.ref(),r=o,s=()=>{var p;(p=l.value)==null||p.click()},i=t.computed(()=>{const{radioSize:p}=n;return p==="sm"?"h-xs w-xs":p==="lg"?"h-md w-md":"h-sm w-sm"}),c=t.computed(()=>{const{radioSize:p}=n;return p==="sm"?"peer-checked:before:h-2xs peer-checked:before:w-2xs":p==="lg"?"peer-checked:before:h-xs peer-checked:before:w-xs":"peer-checked:before:h-[12px] peer-checked:before:w-[12px]"}),h=t.computed(()=>{const{bgColor:p,checkedColor:a,displayShadow:u}=n,d=[x("BGCOLOR",p),x("BEFOREBG",a)];return u&&d.push("drop-shadow-md"),d.join(" ")}),f=p=>{const a=p.target.value;r("change",p,a)};return(p,a)=>(t.openBlock(),t.createElementBlock("div",Ye,[t.createElementVNode("input",{id:p.id,type:"radio",class:"appearance-none peer",ref_key:"radioRef",ref:l,value:p.value,checked:p.checked,onChange:f},null,40,Je),t.createElementVNode("span",{class:t.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",[i.value,c.value,h.value]]),onClick:s},null,2)]))}}),Ze=["id"],et=t.defineComponent({__name:"MclInputSwitch",props:t.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 o=e,n=t.useModel(e,"modelValue"),l=t.ref(),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"},s=()=>{var h;(h=l.value)==null||h.click()},i=t.computed(()=>o.switchSize==="sm"?{"--switch-width":"30px","--switch-height":"17px","--slider-size":"13px","--gutter-size":"2px"}:o.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=t.computed(()=>{const{sliderColor:h,onColor:f,offColor:p,rounded:a}=o,u=[x("BGCOLOR",p),x("BEFOREBG",h),r[f]];return a&&u.push("rounded-full before:rounded-full"),u.join(" ")});return(h,f)=>(t.openBlock(),t.createElementBlock("div",{class:"switch relative",style:t.normalizeStyle(i.value),onClick:s},[t.withDirectives(t.createElementVNode("input",{id:h.id,class:"hidden peer/input","onUpdate:modelValue":f[0]||(f[0]=p=>n.value=p),ref_key:"inputRef",ref:l,type:"checkbox"},null,8,Ze),[[t.vModelCheckbox,n.value]]),t.createElementVNode("span",{class:t.normalizeClass(["slider absolute inset-0 cursor-pointer transition-all duration-300 before:absolute before:transition-all before:duration-300",c.value])},null,2)],4))}}),Be=(e,o)=>{const n=e.__vccOpts||e;for(const[l,r]of o)n[l]=r;return n},tt=Be(et,[["__scopeId","data-v-07d209bd"]]),Re=t.defineComponent({__name:"InputHighlight",props:{color:{default:"primary"},rounded:{type:Boolean,default:!1},offset:{default:1}},setup(e){const o=e,n={1:"-top-1",2.5:"-top-2.5"},l=t.computed(()=>{const r=[x("BEFOREBG",o.color)];return o.rounded&&r.push("rounded-b-md"),r.push(n[o.offset]),r.join(" ")});return(r,s)=>(t.openBlock(),t.createElementBlock("div",{class:t.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",l.value])},null,2))}}),ot=["id","type","placeholder","required","minlength","maxlength","pattern"],nt={class:"peer-valid/validation:hidden peer-inavlid/validation:block ml-3xs"},lt={class:"text-xs text-danger"},rt=t.defineComponent({__name:"MclInputText",props:t.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 o=e,n=t.useModel(e,"modelValue"),l=t.computed(()=>{const{bgColor:r,displayBorder:s,borderColor:i,displayHighlight:c,displayShadow:h,rounded:f,textcolor:p}=o,a=[x("BGCOLOR",r),x("TEXTCOLOR",p)];return s&&(a.push("border-2"),a.push(x("BORDER",i))),c||(a.push("focus:ring-4 ring-offset-2 transition-all duration-300 ease-linear"),a.push(x("FOCUSRING",i))),h&&a.push("shadow-md"),f&&a.push("rounded-md"),a.join(" ")});return(r,s)=>(t.openBlock(),t.createElementBlock("div",null,[t.withDirectives(t.createElementVNode("input",{id:r.id,type:r.type,class:t.normalizeClass(["w-full p-2xs outline-none peer peer/validation",l.value]),"onUpdate:modelValue":s[0]||(s[0]=i=>n.value=i),placeholder:r.placeholder,required:r.required,minlength:r.minLength,maxlength:r.maxLength,pattern:r.pattern},null,10,ot),[[t.vModelDynamic,n.value]]),r.displayHighlight?(t.openBlock(),t.createBlock(Re,{key:0,color:r.highlightColor,rounded:r.rounded},null,8,["color","rounded"])):t.createCommentVNode("",!0),t.createElementVNode("div",nt,[t.renderSlot(r.$slots,"invalid-feedback",{},()=>[t.createElementVNode("span",lt,t.toDisplayString(r.invalidFeedback),1)])])]))}}),oe=Math.min,G=Math.max,ne=Math.round,le=Math.floor,z=e=>({x:e,y:e}),it={left:"right",right:"left",bottom:"top",top:"bottom"},st={start:"end",end:"start"};function ve(e,o,n){return G(e,oe(o,n))}function re(e,o){return typeof e=="function"?e(o):e}function W(e){return e.split("-")[0]}function ie(e){return e.split("-")[1]}function Oe(e){return e==="x"?"y":"x"}function Ee(e){return e==="y"?"height":"width"}function q(e){return["top","bottom"].includes(W(e))?"y":"x"}function Se(e){return Oe(q(e))}function at(e,o,n){n===void 0&&(n=!1);const l=ie(e),r=Se(e),s=Ee(r);let i=r==="x"?l===(n?"end":"start")?"right":"left":l==="start"?"bottom":"top";return o.reference[s]>o.floating[s]&&(i=se(i)),[i,se(i)]}function ct(e){const o=se(e);return[he(e),o,he(o)]}function he(e){return e.replace(/start|end/g,o=>st[o])}function dt(e,o,n){const l=["left","right"],r=["right","left"],s=["top","bottom"],i=["bottom","top"];switch(e){case"top":case"bottom":return n?o?r:l:o?l:r;case"left":case"right":return o?s:i;default:return[]}}function ft(e,o,n,l){const r=ie(e);let s=dt(W(e),n==="start",l);return r&&(s=s.map(i=>i+"-"+r),o&&(s=s.concat(s.map(he)))),s}function se(e){return e.replace(/left|right|bottom|top/g,o=>it[o])}function ut(e){return{top:0,right:0,bottom:0,left:0,...e}}function pt(e){return typeof e!="number"?ut(e):{top:e,right:e,bottom:e,left:e}}function ae(e){const{x:o,y:n,width:l,height:r}=e;return{width:l,height:r,top:n,left:o,right:o+l,bottom:n+r,x:o,y:n}}function Ve(e,o,n){let{reference:l,floating:r}=e;const s=q(o),i=Se(o),c=Ee(i),h=W(o),f=s==="y",p=l.x+l.width/2-r.width/2,a=l.y+l.height/2-r.height/2,u=l[c]/2-r[c]/2;let d;switch(h){case"top":d={x:p,y:l.y-r.height};break;case"bottom":d={x:p,y:l.y+l.height};break;case"right":d={x:l.x+l.width,y:a};break;case"left":d={x:l.x-r.width,y:a};break;default:d={x:l.x,y:l.y}}switch(ie(o)){case"start":d[i]-=u*(n&&f?-1:1);break;case"end":d[i]+=u*(n&&f?-1:1);break}return d}const ht=async(e,o,n)=>{const{placement:l="bottom",strategy:r="absolute",middleware:s=[],platform:i}=n,c=s.filter(Boolean),h=await(i.isRTL==null?void 0:i.isRTL(o));let f=await i.getElementRects({reference:e,floating:o,strategy:r}),{x:p,y:a}=Ve(f,l,h),u=l,d={},g=0;for(let w=0;w<c.length;w++){const{name:k,fn:b}=c[w],{x:C,y:R,data:E,reset:O}=await b({x:p,y:a,initialPlacement:l,placement:u,strategy:r,middlewareData:d,rects:f,platform:i,elements:{reference:e,floating:o}});p=C??p,a=R??a,d={...d,[k]:{...d[k],...E}},O&&g<=50&&(g++,typeof O=="object"&&(O.placement&&(u=O.placement),O.rects&&(f=O.rects===!0?await i.getElementRects({reference:e,floating:o,strategy:r}):O.rects),{x:p,y:a}=Ve(f,u,h)),w=-1)}return{x:p,y:a,placement:u,strategy:r,middlewareData:d}};async function Le(e,o){var n;o===void 0&&(o={});const{x:l,y:r,platform:s,rects:i,elements:c,strategy:h}=e,{boundary:f="clippingAncestors",rootBoundary:p="viewport",elementContext:a="floating",altBoundary:u=!1,padding:d=0}=re(o,e),g=pt(d),k=c[u?a==="floating"?"reference":"floating":a],b=ae(await s.getClippingRect({element:(n=await(s.isElement==null?void 0:s.isElement(k)))==null||n?k:k.contextElement||await(s.getDocumentElement==null?void 0:s.getDocumentElement(c.floating)),boundary:f,rootBoundary:p,strategy:h})),C=a==="floating"?{x:l,y:r,width:i.floating.width,height:i.floating.height}:i.reference,R=await(s.getOffsetParent==null?void 0:s.getOffsetParent(c.floating)),E=await(s.isElement==null?void 0:s.isElement(R))?await(s.getScale==null?void 0:s.getScale(R))||{x:1,y:1}:{x:1,y:1},O=ae(s.convertOffsetParentRelativeRectToViewportRelativeRect?await s.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:C,offsetParent:R,strategy:h}):C);return{top:(b.top-O.top+g.top)/E.y,bottom:(O.bottom-b.bottom+g.bottom)/E.y,left:(b.left-O.left+g.left)/E.x,right:(O.right-b.right+g.right)/E.x}}const mt=function(e){return e===void 0&&(e={}),{name:"flip",options:e,async fn(o){var n,l;const{placement:r,middlewareData:s,rects:i,initialPlacement:c,platform:h,elements:f}=o,{mainAxis:p=!0,crossAxis:a=!0,fallbackPlacements:u,fallbackStrategy:d="bestFit",fallbackAxisSideDirection:g="none",flipAlignment:w=!0,...k}=re(e,o);if((n=s.arrow)!=null&&n.alignmentOffset)return{};const b=W(r),C=q(c),R=W(c)===c,E=await(h.isRTL==null?void 0:h.isRTL(f.floating)),O=u||(R||!w?[se(c)]:ct(c)),$=g!=="none";!u&&$&&O.push(...ft(c,w,g,E));const v=[c,...O],A=await Le(o,k),I=[];let H=((l=s.flip)==null?void 0:l.overflows)||[];if(p&&I.push(A[b]),a){const _=at(r,i,E);I.push(A[_[0]],A[_[1]])}if(H=[...H,{placement:r,overflows:I}],!I.every(_=>_<=0)){var j,te;const _=(((j=s.flip)==null?void 0:j.index)||0)+1,m=v[_];if(m){var ue;const B=a==="alignment"?C!==q(m):!1,S=((ue=H[0])==null?void 0:ue.overflows[0])>0;if(!B||S)return{data:{index:_,overflows:H},reset:{placement:m}}}let y=(te=H.filter(B=>B.overflows[0]<=0).sort((B,S)=>B.overflows[1]-S.overflows[1])[0])==null?void 0:te.placement;if(!y)switch(d){case"bestFit":{var pe;const B=(pe=H.filter(S=>{if($){const V=q(S.placement);return V===C||V==="y"}return!0}).map(S=>[S.placement,S.overflows.filter(V=>V>0).reduce((V,Ce)=>V+Ce,0)]).sort((S,V)=>S[1]-V[1])[0])==null?void 0:pe[0];B&&(y=B);break}case"initialPlacement":y=c;break}if(r!==y)return{reset:{placement:y}}}return{}}}};async function gt(e,o){const{placement:n,platform:l,elements:r}=e,s=await(l.isRTL==null?void 0:l.isRTL(r.floating)),i=W(n),c=ie(n),h=q(n)==="y",f=["left","top"].includes(i)?-1:1,p=s&&h?-1:1,a=re(o,e);let{mainAxis:u,crossAxis:d,alignmentAxis:g}=typeof a=="number"?{mainAxis:a,crossAxis:0,alignmentAxis:null}:{mainAxis:a.mainAxis||0,crossAxis:a.crossAxis||0,alignmentAxis:a.alignmentAxis};return c&&typeof g=="number"&&(d=c==="end"?g*-1:g),h?{x:d*p,y:u*f}:{x:u*f,y:d*p}}const bt=function(e){return e===void 0&&(e=0),{name:"offset",options:e,async fn(o){var n,l;const{x:r,y:s,placement:i,middlewareData:c}=o,h=await gt(o,e);return i===((n=c.offset)==null?void 0:n.placement)&&(l=c.arrow)!=null&&l.alignmentOffset?{}:{x:r+h.x,y:s+h.y,data:{...h,placement:i}}}}},yt=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(o){const{x:n,y:l,placement:r}=o,{mainAxis:s=!0,crossAxis:i=!1,limiter:c={fn:k=>{let{x:b,y:C}=k;return{x:b,y:C}}},...h}=re(e,o),f={x:n,y:l},p=await Le(o,h),a=q(W(r)),u=Oe(a);let d=f[u],g=f[a];if(s){const k=u==="y"?"top":"left",b=u==="y"?"bottom":"right",C=d+p[k],R=d-p[b];d=ve(C,d,R)}if(i){const k=a==="y"?"top":"left",b=a==="y"?"bottom":"right",C=g+p[k],R=g-p[b];g=ve(C,g,R)}const w=c.fn({...o,[u]:d,[a]:g});return{...w,data:{x:w.x-n,y:w.y-l,enabled:{[u]:s,[a]:i}}}}}};function ce(){return typeof window<"u"}function U(e){return me(e)?(e.nodeName||"").toLowerCase():"#document"}function M(e){var o;return(e==null||(o=e.ownerDocument)==null?void 0:o.defaultView)||window}function F(e){var o;return(o=(me(e)?e.ownerDocument:e.document)||window.document)==null?void 0:o.documentElement}function me(e){return ce()?e instanceof Node||e instanceof M(e).Node:!1}function T(e){return ce()?e instanceof Element||e instanceof M(e).Element:!1}function N(e){return ce()?e instanceof HTMLElement||e instanceof M(e).HTMLElement:!1}function Ae(e){return!ce()||typeof ShadowRoot>"u"?!1:e instanceof ShadowRoot||e instanceof M(e).ShadowRoot}function Q(e){const{overflow:o,overflowX:n,overflowY:l,display:r}=D(e);return/auto|scroll|overlay|hidden|clip/.test(o+l+n)&&!["inline","contents"].includes(r)}function wt(e){return["table","td","th"].includes(U(e))}function de(e){return[":popover-open",":modal"].some(o=>{try{return e.matches(o)}catch{return!1}})}function ge(e){const o=be(),n=T(e)?D(e):e;return["transform","translate","scale","rotate","perspective"].some(l=>n[l]?n[l]!=="none":!1)||(n.containerType?n.containerType!=="normal":!1)||!o&&(n.backdropFilter?n.backdropFilter!=="none":!1)||!o&&(n.filter?n.filter!=="none":!1)||["transform","translate","scale","rotate","perspective","filter"].some(l=>(n.willChange||"").includes(l))||["paint","layout","strict","content"].some(l=>(n.contain||"").includes(l))}function xt(e){let o=P(e);for(;N(o)&&!X(o);){if(ge(o))return o;if(de(o))return null;o=P(o)}return null}function be(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function X(e){return["html","body","#document"].includes(U(e))}function D(e){return M(e).getComputedStyle(e)}function fe(e){return T(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function P(e){if(U(e)==="html")return e;const o=e.assignedSlot||e.parentNode||Ae(e)&&e.host||F(e);return Ae(o)?o.host:o}function Me(e){const o=P(e);return X(o)?e.ownerDocument?e.ownerDocument.body:e.body:N(o)&&Q(o)?o:Me(o)}function Z(e,o,n){var l;o===void 0&&(o=[]),n===void 0&&(n=!0);const r=Me(e),s=r===((l=e.ownerDocument)==null?void 0:l.body),i=M(r);if(s){const c=ye(i);return o.concat(i,i.visualViewport||[],Q(r)?r:[],c&&n?Z(c):[])}return o.concat(r,Z(r,[],n))}function ye(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function Te(e){const o=D(e);let n=parseFloat(o.width)||0,l=parseFloat(o.height)||0;const r=N(e),s=r?e.offsetWidth:n,i=r?e.offsetHeight:l,c=ne(n)!==s||ne(l)!==i;return c&&(n=s,l=i),{width:n,height:l,$:c}}function we(e){return T(e)?e:e.contextElement}function Y(e){const o=we(e);if(!N(o))return z(1);const n=o.getBoundingClientRect(),{width:l,height:r,$:s}=Te(o);let i=(s?ne(n.width):n.width)/l,c=(s?ne(n.height):n.height)/r;return(!i||!Number.isFinite(i))&&(i=1),(!c||!Number.isFinite(c))&&(c=1),{x:i,y:c}}const kt=z(0);function De(e){const o=M(e);return!be()||!o.visualViewport?kt:{x:o.visualViewport.offsetLeft,y:o.visualViewport.offsetTop}}function Ct(e,o,n){return o===void 0&&(o=!1),!n||o&&n!==M(e)?!1:o}function K(e,o,n,l){o===void 0&&(o=!1),n===void 0&&(n=!1);const r=e.getBoundingClientRect(),s=we(e);let i=z(1);o&&(l?T(l)&&(i=Y(l)):i=Y(e));const c=Ct(s,n,l)?De(s):z(0);let h=(r.left+c.x)/i.x,f=(r.top+c.y)/i.y,p=r.width/i.x,a=r.height/i.y;if(s){const u=M(s),d=l&&T(l)?M(l):l;let g=u,w=ye(g);for(;w&&l&&d!==g;){const k=Y(w),b=w.getBoundingClientRect(),C=D(w),R=b.left+(w.clientLeft+parseFloat(C.paddingLeft))*k.x,E=b.top+(w.clientTop+parseFloat(C.paddingTop))*k.y;h*=k.x,f*=k.y,p*=k.x,a*=k.y,h+=R,f+=E,g=M(w),w=ye(g)}}return ae({width:p,height:a,x:h,y:f})}function xe(e,o){const n=fe(e).scrollLeft;return o?o.left+n:K(F(e)).left+n}function ze(e,o,n){n===void 0&&(n=!1);const l=e.getBoundingClientRect(),r=l.left+o.scrollLeft-(n?0:xe(e,l)),s=l.top+o.scrollTop;return{x:r,y:s}}function Bt(e){let{elements:o,rect:n,offsetParent:l,strategy:r}=e;const s=r==="fixed",i=F(l),c=o?de(o.floating):!1;if(l===i||c&&s)return n;let h={scrollLeft:0,scrollTop:0},f=z(1);const p=z(0),a=N(l);if((a||!a&&!s)&&((U(l)!=="body"||Q(i))&&(h=fe(l)),N(l))){const d=K(l);f=Y(l),p.x=d.x+l.clientLeft,p.y=d.y+l.clientTop}const u=i&&!a&&!s?ze(i,h,!0):z(0);return{width:n.width*f.x,height:n.height*f.y,x:n.x*f.x-h.scrollLeft*f.x+p.x+u.x,y:n.y*f.y-h.scrollTop*f.y+p.y+u.y}}function Rt(e){return Array.from(e.getClientRects())}function vt(e){const o=F(e),n=fe(e),l=e.ownerDocument.body,r=G(o.scrollWidth,o.clientWidth,l.scrollWidth,l.clientWidth),s=G(o.scrollHeight,o.clientHeight,l.scrollHeight,l.clientHeight);let i=-n.scrollLeft+xe(e);const c=-n.scrollTop;return D(l).direction==="rtl"&&(i+=G(o.clientWidth,l.clientWidth)-r),{width:r,height:s,x:i,y:c}}function Ot(e,o){const n=M(e),l=F(e),r=n.visualViewport;let s=l.clientWidth,i=l.clientHeight,c=0,h=0;if(r){s=r.width,i=r.height;const f=be();(!f||f&&o==="fixed")&&(c=r.offsetLeft,h=r.offsetTop)}return{width:s,height:i,x:c,y:h}}function Et(e,o){const n=K(e,!0,o==="fixed"),l=n.top+e.clientTop,r=n.left+e.clientLeft,s=N(e)?Y(e):z(1),i=e.clientWidth*s.x,c=e.clientHeight*s.y,h=r*s.x,f=l*s.y;return{width:i,height:c,x:h,y:f}}function Fe(e,o,n){let l;if(o==="viewport")l=Ot(e,n);else if(o==="document")l=vt(F(e));else if(T(o))l=Et(o,n);else{const r=De(e);l={x:o.x-r.x,y:o.y-r.y,width:o.width,height:o.height}}return ae(l)}function Ne(e,o){const n=P(e);return n===o||!T(n)||X(n)?!1:D(n).position==="fixed"||Ne(n,o)}function St(e,o){const n=o.get(e);if(n)return n;let l=Z(e,[],!1).filter(c=>T(c)&&U(c)!=="body"),r=null;const s=D(e).position==="fixed";let i=s?P(e):e;for(;T(i)&&!X(i);){const c=D(i),h=ge(i);!h&&c.position==="fixed"&&(r=null),(s?!h&&!r:!h&&c.position==="static"&&!!r&&["absolute","fixed"].includes(r.position)||Q(i)&&!h&&Ne(e,i))?l=l.filter(p=>p!==i):r=c,i=P(i)}return o.set(e,l),l}function Vt(e){let{element:o,boundary:n,rootBoundary:l,strategy:r}=e;const i=[...n==="clippingAncestors"?de(o)?[]:St(o,this._c):[].concat(n),l],c=i[0],h=i.reduce((f,p)=>{const a=Fe(o,p,r);return f.top=G(a.top,f.top),f.right=oe(a.right,f.right),f.bottom=oe(a.bottom,f.bottom),f.left=G(a.left,f.left),f},Fe(o,c,r));return{width:h.right-h.left,height:h.bottom-h.top,x:h.left,y:h.top}}function Lt(e){const{width:o,height:n}=Te(e);return{width:o,height:n}}function At(e,o,n){const l=N(o),r=F(o),s=n==="fixed",i=K(e,!0,s,o);let c={scrollLeft:0,scrollTop:0};const h=z(0);function f(){h.x=xe(r)}if(l||!l&&!s)if((U(o)!=="body"||Q(r))&&(c=fe(o)),l){const d=K(o,!0,s,o);h.x=d.x+o.clientLeft,h.y=d.y+o.clientTop}else r&&f();s&&!l&&r&&f();const p=r&&!l&&!s?ze(r,c):z(0),a=i.left+c.scrollLeft-h.x-p.x,u=i.top+c.scrollTop-h.y-p.y;return{x:a,y:u,width:i.width,height:i.height}}function ke(e){return D(e).position==="static"}function $e(e,o){if(!N(e)||D(e).position==="fixed")return null;if(o)return o(e);let n=e.offsetParent;return F(e)===n&&(n=n.ownerDocument.body),n}function Ie(e,o){const n=M(e);if(de(e))return n;if(!N(e)){let r=P(e);for(;r&&!X(r);){if(T(r)&&!ke(r))return r;r=P(r)}return n}let l=$e(e,o);for(;l&&wt(l)&&ke(l);)l=$e(l,o);return l&&X(l)&&ke(l)&&!ge(l)?n:l||xt(e)||n}const Mt=async function(e){const o=this.getOffsetParent||Ie,n=this.getDimensions,l=await n(e.floating);return{reference:At(e.reference,await o(e.floating),e.strategy),floating:{x:0,y:0,width:l.width,height:l.height}}};function Tt(e){return D(e).direction==="rtl"}const Dt={convertOffsetParentRelativeRectToViewportRelativeRect:Bt,getDocumentElement:F,getClippingRect:Vt,getOffsetParent:Ie,getElementRects:Mt,getClientRects:Rt,getDimensions:Lt,getScale:Y,isElement:T,isRTL:Tt};function _e(e,o){return e.x===o.x&&e.y===o.y&&e.width===o.width&&e.height===o.height}function zt(e,o){let n=null,l;const r=F(e);function s(){var c;clearTimeout(l),(c=n)==null||c.disconnect(),n=null}function i(c,h){c===void 0&&(c=!1),h===void 0&&(h=1),s();const f=e.getBoundingClientRect(),{left:p,top:a,width:u,height:d}=f;if(c||o(),!u||!d)return;const g=le(a),w=le(r.clientWidth-(p+u)),k=le(r.clientHeight-(a+d)),b=le(p),R={rootMargin:-g+"px "+-w+"px "+-k+"px "+-b+"px",threshold:G(0,oe(1,h))||1};let E=!0;function O($){const v=$[0].intersectionRatio;if(v!==h){if(!E)return i();v?i(!1,v):l=setTimeout(()=>{i(!1,1e-7)},1e3)}v===1&&!_e(f,e.getBoundingClientRect())&&i(),E=!1}try{n=new IntersectionObserver(O,{...R,root:r.ownerDocument})}catch{n=new IntersectionObserver(O,R)}n.observe(e)}return i(!0),s}function Ft(e,o,n,l){l===void 0&&(l={});const{ancestorScroll:r=!0,ancestorResize:s=!0,elementResize:i=typeof ResizeObserver=="function",layoutShift:c=typeof IntersectionObserver=="function",animationFrame:h=!1}=l,f=we(e),p=r||s?[...f?Z(f):[],...Z(o)]:[];p.forEach(b=>{r&&b.addEventListener("scroll",n,{passive:!0}),s&&b.addEventListener("resize",n)});const a=f&&c?zt(f,n):null;let u=-1,d=null;i&&(d=new ResizeObserver(b=>{let[C]=b;C&&C.target===f&&d&&(d.unobserve(o),cancelAnimationFrame(u),u=requestAnimationFrame(()=>{var R;(R=d)==null||R.observe(o)})),n()}),f&&!h&&d.observe(f),d.observe(o));let g,w=h?K(e):null;h&&k();function k(){const b=K(e);w&&!_e(w,b)&&n(),w=b,g=requestAnimationFrame(k)}return n(),()=>{var b;p.forEach(C=>{r&&C.removeEventListener("scroll",n),s&&C.removeEventListener("resize",n)}),a==null||a(),(b=d)==null||b.disconnect(),d=null,h&&cancelAnimationFrame(g)}}const Nt=bt,$t=yt,It=mt,_t=(e,o,n)=>{const l=new Map,r={platform:Dt,...n},s={...r.platform,_c:l};return ht(e,o,{...r,platform:s})};function Pt(e){return e!=null&&typeof e=="object"&&"$el"in e}function Pe(e){if(Pt(e)){const o=e.$el;return me(o)&&U(o)==="#comment"?null:o}return e}function ee(e){return typeof e=="function"?e():t.unref(e)}function He(e){return typeof window>"u"?1:(e.ownerDocument.defaultView||window).devicePixelRatio||1}function je(e,o){const n=He(e);return Math.round(o*n)/n}function Ht(e,o,n){n===void 0&&(n={});const l=n.whileElementsMounted,r=t.computed(()=>{var v;return(v=ee(n.open))!=null?v:!0}),s=t.computed(()=>ee(n.middleware)),i=t.computed(()=>{var v;return(v=ee(n.placement))!=null?v:"bottom"}),c=t.computed(()=>{var v;return(v=ee(n.strategy))!=null?v:"absolute"}),h=t.computed(()=>{var v;return(v=ee(n.transform))!=null?v:!0}),f=t.computed(()=>Pe(e.value)),p=t.computed(()=>Pe(o.value)),a=t.ref(0),u=t.ref(0),d=t.ref(c.value),g=t.ref(i.value),w=t.shallowRef({}),k=t.ref(!1),b=t.computed(()=>{const v={position:d.value,left:"0",top:"0"};if(!p.value)return v;const A=je(p.value,a.value),I=je(p.value,u.value);return h.value?{...v,transform:"translate("+A+"px, "+I+"px)",...He(p.value)>=1.5&&{willChange:"transform"}}:{position:d.value,left:A+"px",top:I+"px"}});let C;function R(){if(f.value==null||p.value==null)return;const v=r.value;_t(f.value,p.value,{middleware:s.value,placement:i.value,strategy:c.value}).then(A=>{a.value=A.x,u.value=A.y,d.value=A.strategy,g.value=A.placement,w.value=A.middlewareData,k.value=v!==!1})}function E(){typeof C=="function"&&(C(),C=void 0)}function O(){if(E(),l===void 0){R();return}if(f.value!=null&&p.value!=null){C=l(f.value,p.value,R);return}}function $(){r.value||(k.value=!1)}return t.watch([s,i,c,r],R,{flush:"sync"}),t.watch([f,p],O,{flush:"sync"}),t.watch(r,$,{flush:"sync"}),t.getCurrentScope()&&t.onScopeDispose(E),{x:t.shallowReadonly(a),y:t.shallowReadonly(u),strategy:t.shallowReadonly(d),placement:t.shallowReadonly(g),middlewareData:t.shallowReadonly(w),isPositioned:t.shallowReadonly(k),floatingStyles:b,update:R}}const jt=["id","placeholder","aria-expanded"],Gt=["onClick","onMouseenter"],Wt=Be(t.defineComponent({__name:"MclSelect",props:t.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:t.mergeModels(["open","close","clear","changed","select"],["update:modelValue"]),setup(e,{emit:o}){const n=e;t.useSlots();const l=o,r=t.useModel(e,"modelValue"),s=t.ref(),i=t.ref(),c=t.ref(),h=t.ref([]),f=t.ref(null),p=t.ref(),a=t.ref(!1),u=t.ref(""),d=t.ref(0),g=()=>{a.value=!0},w=()=>{var m;u.value="",a.value=!1,f.value=null,(m=i.value)==null||m.blur(),r.value=""},k=()=>{a.value=!1,d.value=0},b=()=>{var m;a.value=!a.value,d.value=0,a.value===!0&&((m=i.value)==null||m.focus())},C=m=>{m.preventDefault(),u.value!==""&&(u.value=""),d.value=0,r.value="",l("clear")},R=(m,y)=>{h.value[y]=m},E=m=>{m.style.pointerEvents="none"},O=m=>{m.style.pointerEvents="auto"},$=m=>{d.value=m},v=(m,y)=>{m.preventDefault(),u.value=typeof y=="string"?y:y.text;const B=typeof y=="string"?y:y.value;r.value=B,a.value=!1,l("select",B)},A=t.computed(()=>{const{bgColor:m,displayBorder:y,borderColor:B,displayHighlight:S,displayShadow:V,rounded:Ce,textcolor:Jt}=n,J=[x("BGCOLOR",m),x("TEXTCOLOR",Jt)];return y&&(J.push("border-2"),J.push(x("BORDER",B))),S||J.push("ring-offset-2 transition-all duration-300 ease-linear"),V&&J.push("shadow-md"),Ce&&J.push("rounded-md"),J.join(" ")}),I=t.computed(()=>{const{highlightColor:m,rounded:y}=n,B=[x("BEFOREBG",m)];return y&&B.push("rounded-b-md"),B.join(" ")}),H=t.computed(()=>{const{displayHighlight:m,bgColor:y,borderColor:B,rounded:S}=n,V=[x("BGCOLOR",y),x("BORDER",B)];return m||V.push("mt-2xs"),S&&V.push("rounded-md"),V.join(" ")}),j=t.computed(()=>u.value===""?n.options:n.options.filter(y=>{const B=new RegExp(`${u.value}`,"gi");return typeof y=="string"?y.match(B):y.text.match(B)})),te=m=>{a.value&&(m==="up"&&d.value>0&&d.value--,m==="down"&&d.value<j.value.length-1&&d.value++)},ue=()=>{if(!a.value)return;const m=j.value[d.value];let y;typeof m=="string"?(u.value=m,y=m):(u.value=m.text,y=m.value),r.value=y,a.value=!1,l("select",y)},pe=t.computed(()=>({width:`${p.value}px`})),{floatingStyles:_}=Ht(s,c,{whileElementsMounted:Ft,strategy:"absolute",open:a,transform:!1,placement:"bottom",middleware:[It(),Nt(-2.2),$t()]});return Ge.useResizeObserver(s,()=>{s.value&&(p.value=s.value.clientWidth)}),t.watch(a,m=>{l(m===!0?"open":"close")}),t.watch(r,m=>{if(m===null){a.value=!1,f.value=null;return}l("changed",m)}),t.watch(d,()=>{f.value=h.value[d.value],f.value&&f.value.scrollIntoView&&f.value.scrollIntoView({block:"nearest"})}),(m,y)=>t.withDirectives((t.openBlock(),t.createElementBlock("div",{onKeyup:[t.withKeys(w,["esc"]),y[1]||(y[1]=t.withKeys(B=>te("down"),["down"])),y[2]||(y[2]=t.withKeys(B=>te("up"),["up"])),t.withKeys(ue,["enter"])],ref_key:"componentRef",ref:s,class:"relative"},[t.createElementVNode("div",{class:t.normalizeClass(["p-2xs flex relative gap-3xs",[!m.displayHighlight&&a.value&&t.unref(x)("RINGCOLOR",m.borderColor)+" ring-4",A.value]])},[t.withDirectives(t.createElementVNode("input",{id:m.id,type:"text",class:"w-full bg-transparent outline-none","onUpdate:modelValue":y[0]||(y[0]=B=>u.value=B),ref_key:"inputBox",ref:i,role:"combobox",autocomplete:"off",placeholder:m.placeholder,"aria-autocomplete":"list","aria-expanded":a.value,onFocus:g},null,40,jt),[[t.vModelText,u.value]]),t.createElementVNode("div",{class:t.normalizeClass(["flex items-center px-3xs",[u.value===""?"hidden cursor-text":"block cursor-pointer"]]),onClick:C},[(t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",class:t.normalizeClass(["h-xs opacity-70",[t.unref(x)("SVGFILL",m.iconColor)]])},y[3]||(y[3]=[t.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),t.createElementVNode("div",{class:"flex items-center px-3xs",onClick:b},[(t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",class:t.normalizeClass(["h-xs",[a.value?"rotate-180":"rotate-0","transition-transform duration-300 ease-in",t.unref(x)("SVGFILL",m.iconColor)]])},y[4]||(y[4]=[t.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),m.displayHighlight?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.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 -top-1",[a.value?"before:w-full":"before:w-0",I.value]])},null,2)):t.createCommentVNode("",!0),t.createVNode(t.Transition,{name:"options",onBeforeLeave:E,onEnter:O},{default:t.withCtx(()=>[a.value?(t.openBlock(),t.createElementBlock("ul",{key:0,class:t.normalizeClass([[H.value],"max-h-[200px] overflow-y-auto border-2"]),style:t.normalizeStyle({...pe.value,...t.unref(_)}),role:"listbox",ref_key:"dropdownRef",ref:c},[j.value.length>0?t.renderSlot(m.$slots,"dropdown",{key:0,optionClick:v,options:j.value,activeIndex:d.value,setRef:R,hover:$},()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(j.value,(B,S)=>(t.openBlock(),t.createElementBlock("li",{key:S,class:t.normalizeClass(["p-2xs cursor-pointer",[d.value===S&&t.unref(x)("BGCOLOR",m.highlightColor)]]),role:"option",ref_for:!0,ref:V=>R(V,S),onClick:V=>v(V,B),onMouseenter:V=>$(S)},t.toDisplayString(typeof B=="string"?B:B.text),43,Gt))),128))],!0):t.renderSlot(m.$slots,"no-match",{key:1},()=>[t.createElementVNode("li",{class:t.normalizeClass(["p-2xs cursor-pointer",[t.unref(x)("HVBGCOLOR",m.selectColor)]])},[t.createElementVNode("span",null,t.toDisplayString(m.invalidFeedback),1)],2)],!0)],6)):t.createCommentVNode("",!0)]),_:3})],32)),[[t.unref(x.vClickOutside),k]])}}),[["__scopeId","data-v-f80afd47"]]),qt=["id","placeholder","required","rows"],Ut=t.defineComponent({__name:"MclTextArea",props:t.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 o=e,n=t.useModel(e,"modelValue"),l=t.computed(()=>{const{bgColor:r,displayBorder:s,borderColor:i,displayHighlight:c,displayShadow:h,rounded:f,textcolor:p}=o,a=[x("BGCOLOR",r),x("TEXTCOLOR",p)];return s&&(a.push("border-2"),a.push(x("BORDER",i))),c||(a.push("focus:ring-4 ring-offset-2 transition-all duration-300 ease-linear"),a.push(x("FOCUSRING",i))),h&&a.push("shadow-md"),f&&a.push("rounded-md"),a.join(" ")});return(r,s)=>(t.openBlock(),t.createElementBlock("div",null,[t.withDirectives(t.createElementVNode("textarea",{id:r.id,class:t.normalizeClass(["w-full p-2xs outline-none input__text peer",l.value]),"onUpdate:modelValue":s[0]||(s[0]=i=>n.value=i),placeholder:r.placeholder,required:r.required,rows:r.rows},null,10,qt),[[t.vModelText,n.value]]),r.displayHighlight?(t.openBlock(),t.createBlock(Re,{key:0,color:r.highlightColor,rounded:r.rounded,offset:2.5},null,8,["color","rounded"])):t.createCommentVNode("",!0)]))}}),Kt={class:"relative"},Xt=["id","value","checked"],Yt=t.defineComponent({__name:"MclCheckbox",props:t.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:t.mergeModels(["checkbox-click"],["update:modelValue"]),setup(e,{emit:o}){const n={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"},l={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"},r=e,s=t.useModel(e,"modelValue"),i=t.ref(),c=o,h=()=>{var u;(u=i.value)==null||u.click()},f=u=>{var g;const d=u.target.value;c("checkbox-click",u,i.value.checked,(g=i.value)!=null&&g.checked?d:"")},p=t.computed(()=>{const{inputSize:u}=r;return u==="sm"?"h-xs w-xs before:h-2xs before:w-2xs":u==="lg"?"h-md w-md before:h-xs before:w-xs":"h-sm w-sm before:w-[12px] before:h-[12px]"}),a=t.computed(()=>{const{bgColor:u,borderColor:d,displayShadow:g,rounded:w,checkedBgColor:k,checkColor:b}=r,C=[x("BGCOLOR",u),x("BORDER",d),l[b],n[k]];return g&&C.push("drop-shadow-md"),w&&C.push("rounded-md before:rounded-[3px]"),C.join(" ")});return(u,d)=>(t.openBlock(),t.createElementBlock("div",Kt,[t.withDirectives(t.createElementVNode("input",{id:u.id,ref_key:"checkboxRef",ref:i,type:"checkbox",value:u.value,checked:u.checked,"onUpdate:modelValue":d[0]||(d[0]=g=>s.value=g),class:"appearance-none peer/input",onChange:f},null,40,Xt),[[t.vModelCheckbox,s.value]]),t.createElementVNode("span",{class:t.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",[a.value,p.value]]),onClick:h},null,2)]))}});L.MclCheckbox=Yt,L.MclFormGroup=qe,L.MclInputFile=Xe,L.MclInputRadio=Qe,L.MclInputSwitch=tt,L.MclInputText=rt,L.MclSelect=Wt,L.MclTextArea=Ut,Object.defineProperty(L,Symbol.toStringTag,{value:"Module"})});
1
+ (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.switch[data-v-07d209bd]{width:var(--switch-width);height:var(--switch-height)}.slider[data-v-07d209bd]:before{content:"";height:var(--slider-size);width:var(--slider-size);left:var(--gutter-size);bottom:var(--gutter-size)}input:checked+.slider[data-v-07d209bd]:before{-webkit-transform:translateX(var(--slider-size));-ms-transform:translateX(var(--slider-size));transform:translate(var(--slider-size))}.options-enter-active[data-v-ce479436],.options-leave-active[data-v-ce479436]{opacity:1;transition:opacity .3s linear,transform .3s linear}.options-enter-from[data-v-ce479436],.options-leave-to[data-v-ce479436]{opacity:0;transform:translateY(-10px)}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
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"})}));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bobbykim/mcl-forms",
3
- "version": "0.9.8",
3
+ "version": "0.9.10",
4
4
  "description": "form group components based on manguito-theme",
5
5
  "type": "module",
6
6
  "files": [
@@ -33,7 +33,7 @@
33
33
  },
34
34
  "license": "MIT",
35
35
  "dependencies": {
36
- "@bobbykim/manguito-theme": "0.28.1",
36
+ "@bobbykim/manguito-theme": "0.28.3",
37
37
  "@floating-ui/vue": "^1.1.5",
38
38
  "@vueuse/core": "^12.0.0",
39
39
  "vue": "^3.5.13"
@@ -47,5 +47,5 @@
47
47
  "vite-plugin-dts": "^4.3.0",
48
48
  "vue-tsc": "^2.1.10"
49
49
  },
50
- "gitHead": "9ffea0493c49e2c7df51c45e3c2f72d256663048"
50
+ "gitHead": "fc1830324e5a409b68bbb2b39280fe0b3cf3673a"
51
51
  }