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