@mozaic-ds/vue 1.0.0-beta.7 → 1.0.0-beta.8
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/mozaic-vue.css +1 -1
- package/dist/mozaic-vue.d.ts +298 -115
- package/dist/mozaic-vue.js +860 -531
- package/dist/mozaic-vue.js.map +1 -1
- package/dist/mozaic-vue.umd.cjs +1 -1
- package/dist/mozaic-vue.umd.cjs.map +1 -1
- package/package.json +2 -2
- package/src/components/divider/MDivider.spec.ts +57 -0
- package/src/components/divider/MDivider.stories.ts +64 -0
- package/src/components/divider/MDivider.vue +56 -0
- package/src/components/pagination/MPagination.spec.ts +123 -0
- package/src/components/pagination/MPagination.stories.ts +83 -0
- package/src/components/pagination/MPagination.vue +140 -0
- package/src/components/tabs/MTabs.stories.ts +104 -0
- package/src/components/tabs/MTabs.vue +113 -0
- package/src/components/tabs/Mtabs.spec.ts +154 -0
- package/src/components/tag/MTag.spec.ts +107 -0
- package/src/components/tag/MTag.stories.ts +75 -0
- package/src/components/tag/MTag.vue +154 -0
- package/src/main.ts +4 -0
package/dist/mozaic-vue.umd.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(function(_,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(_=typeof globalThis<"u"?globalThis:_||self,e(_.MozaicVue={},_.Vue))})(this,function(_,e){"use strict";const C={key:0,class:"mc-link__icon","aria-hidden":"true"},E={class:"mc-link__label"},N={key:1,class:"mc-link__icon","aria-hidden":"true"},M=e.defineComponent({__name:"MLink",props:{iconPosition:{default:"left"},appearance:{default:"standard"},size:{default:"s"},href:{default:void 0},target:{default:void 0},inline:{type:Boolean},router:{type:Boolean}},setup(l){const a=l,n=e.computed(()=>({[`mc-link--${a.appearance}`]:a.appearance&&a.appearance!="standard",[`mc-link--${a.size}`]:a.size&&a.size!="s","mc-link--inline":a.inline,"mc-link--stand-alone":!a.inline}));return(t,s)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.router?"router-link":"a"),{class:e.normalizeClass(["mc-link",n.value]),href:t.href,target:t.target,to:t.router?t.href:void 0},{default:e.withCtx(()=>[t.$slots.icon&&t.iconPosition=="left"?(e.openBlock(),e.createElementBlock("span",C,[e.renderSlot(t.$slots,"icon",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("span",E,[e.renderSlot(t.$slots,"default",{},void 0,!0)]),t.$slots.icon&&t.iconPosition=="right"?(e.openBlock(),e.createElementBlock("span",N,[e.renderSlot(t.$slots,"icon",{},void 0,!0)])):e.createCommentVNode("",!0)]),_:3},8,["class","href","target","to"]))}}),p=(l,a)=>{const n=l.__vccOpts||l;for(const[t,s]of a)n[t]=s;return n},k=p(M,[["__scopeId","data-v-df607c25"]]),w={class:"mc-breadcrumb__container"},I=p(e.defineComponent({__name:"MBreadcrumb",props:{appearance:{},links:{}},setup(l){const a=l,n=e.computed(()=>({[`mc-breadcrumb--${a.appearance}`]:a.appearance&&a.appearance!="standard"})),t=s=>{var o;return s===(((o=a.links)==null?void 0:o.length)??0)-1};return(s,o)=>(e.openBlock(),e.createElementBlock("nav",{class:e.normalizeClass(["mc-breadcrumb",n.value]),"aria-label":"Breadcrumb"},[e.createElementVNode("ul",w,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.links,(r,i)=>(e.openBlock(),e.createElementBlock("li",{class:"mc-breadcrumb__item",key:`breadcrumb-${i}`},[e.createVNode(k,{href:r.href,router:r.router,appearance:s.appearance,inline:"",class:e.normalizeClass({"mc-breadcrumb__current":t(i)}),"aria-current":t(i)?"page":void 0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.label),1)]),_:2},1032,["href","router","appearance","class","aria-current"])]))),128))])],2))}}),[["__scopeId","data-v-09df4905"]]),S={class:"mc-loader__spinner"},z=["viewBox"],L=["r"],T={key:0,class:"mc-loader__text",role:"status"},B=p(e.defineComponent({__name:"MLoader",props:{appearance:{default:"standard"},size:{default:"m"},text:{}},setup(l){const a=l,n=e.computed(()=>({[`mc-loader--${a.size}`]:a.size&&a.size!=="m",[`mc-loader--${a.appearance}`]:a.appearance&&a.appearance!=="standard"})),t=e.computed(()=>{let o;switch(a.size){case"s":o="0 0 24 24";break;case"l":o="0 0 64 64";break;default:o="0 0 32 32"}return o}),s=e.computed(()=>{let o;switch(a.size){case"s":o=6;break;case"l":o=19;break;default:o=9}return o});return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["mc-loader",n.value])},[e.createElementVNode("span",S,[(e.openBlock(),e.createElementBlock("svg",{class:"mc-loader__icon",xmlns:"http://www.w3.org/2000/svg",viewBox:t.value,"aria-hidden":"true"},[e.createElementVNode("circle",{class:"mc-loader__path",cx:"50%",cy:"50%",r:s.value},null,8,L)],8,z))]),o.text?(e.openBlock(),e.createElementBlock("p",T,e.toDisplayString(o.text),1)):e.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-56c66912"]]),D=["disabled","type"],O={key:0,class:"mc-button__icon"},j={key:1,class:"mc-button__icon",style:{position:"absolute"}},P={key:2,class:"mc-button__icon"},q={key:4,class:"mc-button__icon"},h=p(e.defineComponent({__name:"MButton",props:{appearance:{default:"standard"},size:{default:"m"},disabled:{type:Boolean},ghost:{type:Boolean},outlined:{type:Boolean},iconPosition:{},type:{default:"button"},isLoading:{type:Boolean}},setup(l){const a=l,n=e.computed(()=>({[`mc-button--${a.appearance}`]:a.appearance&&a.appearance!="standard",[`mc-button--${a.size}`]:a.size&&a.size!="m","mc-button--ghost":a.ghost,"mc-button--outlined":a.outlined,"mc-button--icon-only":a.iconPosition=="only"}));return(t,s)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["mc-button",n.value]),disabled:t.disabled,type:t.type},[t.$slots.icon&&t.iconPosition=="left"&&!t.isLoading?(e.openBlock(),e.createElementBlock("span",O,[e.renderSlot(t.$slots,"icon",{},void 0,!0)])):e.createCommentVNode("",!0),t.isLoading?(e.openBlock(),e.createElementBlock("span",j,[e.createVNode(B,{style:{color:"currentColor"},size:"s"})])):e.createCommentVNode("",!0),t.$slots.icon&&t.iconPosition=="only"?(e.openBlock(),e.createElementBlock("span",P,[e.renderSlot(t.$slots,"icon",{},void 0,!0)])):(e.openBlock(),e.createElementBlock("span",{key:3,class:"mc-button__label",style:e.normalizeStyle({visibility:t.isLoading?"hidden":"visible"})},[e.renderSlot(t.$slots,"default",{},()=>[s[0]||(s[0]=e.createTextVNode("Button Label"))],!0)],4)),t.$slots.icon&&t.iconPosition=="right"&&!t.isLoading?(e.openBlock(),e.createElementBlock("span",q,[e.renderSlot(t.$slots,"icon",{},void 0,!0)])):e.createCommentVNode("",!0)],10,D))}}),[["__scopeId","data-v-f4f43ab6"]]),Z={class:"mc-checkbox"},F=["id","name","checked","indeterminate","disabled","aria-invalid"],G=["for"],$=p(e.defineComponent({__name:"MCheckbox",props:{id:{},name:{},label:{},modelValue:{type:Boolean},indeterminate:{type:Boolean},isInvalid:{type:Boolean},disabled:{type:Boolean}},emits:["update:modelValue"],setup(l,{emit:a}){const n=l,t=e.computed(()=>({"is-invalid":n.isInvalid})),s=a;return(o,r)=>(e.openBlock(),e.createElementBlock("div",Z,[e.createElementVNode("input",e.mergeProps({id:o.id,type:"checkbox",class:["mc-checkbox__input",t.value],name:o.name,checked:o.modelValue,indeterminate:o.indeterminate,disabled:o.disabled,"aria-invalid":o.isInvalid},o.$attrs,{onChange:r[0]||(r[0]=i=>s("update:modelValue",i.target.checked))}),null,16,F),o.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:o.id,class:"mc-checkbox__label"},e.toDisplayString(o.label),9,G)):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-37fd0a35"]]),R=p(e.defineComponent({__name:"MCheckboxGroup",props:{name:{},modelValue:{},options:{},inline:{type:Boolean}},emits:["update:modelValue"],setup(l,{emit:a}){const n=l,t=e.ref([]);e.watch(()=>n.modelValue,d=>{t.value=d||[]},{immediate:!0});const s=(d,c)=>{let m=[...t.value];d&&!m.includes(c)?m.push(c):m=m.filter(u=>u!==c),i("update:modelValue",m),t.value=m},o=e.computed(()=>({"mc-field__container--inline":n.inline})),r=e.computed(()=>({"mc-field__container--inline__item":n.inline})),i=a;return(d,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["mc-field__container",o.value])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.options,m=>(e.openBlock(),e.createBlock($,{id:m.id,key:m.id,label:m.label,"is-invalid":m.isInvalid,name:d.name,class:e.normalizeClass(["mc-field__item",r.value]),"model-value":d.modelValue?d.modelValue.includes(m.value):void 0,disabled:m.disabled,"onUpdate:modelValue":u=>s(u,m.value)},null,8,["id","label","is-invalid","name","class","model-value","disabled","onUpdate:modelValue"]))),128))],2))}}),[["__scopeId","data-v-8ee4699f"]]),U={class:"mc-field"},A=["for"],H={key:0,class:"mc-field__requirement"},Q=["id"],W={class:"mc-field__content"},J=["id"],K=p(e.defineComponent({__name:"MField",props:{id:{},label:{},requirementText:{},helpText:{},helpId:{},isValid:{type:Boolean},isInvalid:{type:Boolean},messageId:{},message:{}},setup(l){const a=l,n=e.computed(()=>({"is-valid":a.isValid,"is-invalid":a.isInvalid}));return(t,s)=>(e.openBlock(),e.createElementBlock("div",U,[e.createElementVNode("label",{class:"mc-field__label",for:t.id},[e.createTextVNode(e.toDisplayString(t.label)+" ",1),t.requirementText?(e.openBlock(),e.createElementBlock("span",H,"("+e.toDisplayString(t.requirementText)+")",1)):e.createCommentVNode("",!0)],8,A),t.helpId&&t.helpText?(e.openBlock(),e.createElementBlock("span",{key:0,id:t.helpId,class:"mc-field__help"},e.toDisplayString(t.helpText),9,Q)):e.createCommentVNode("",!0),e.createElementVNode("div",W,[e.renderSlot(t.$slots,"default",{},void 0,!0)]),(t.isValid||t.isInvalid)&&t.message?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(["mc-field__validation-message",n.value]),id:t.messageId},e.toDisplayString(t.message),11,J)):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-ead078c4"]]),X={class:"mc-field--group"},Y=["for"],x={key:0,class:"mc-field__requirement"},v={key:0,class:"mc-field__help"},ee={class:"mc-field__content"},te=p(e.defineComponent({__name:"MFieldGroup",props:{id:{},legend:{},requirementText:{},helpText:{},isValid:{type:Boolean},isInvalid:{type:Boolean},message:{}},setup(l){const a=l,n=e.computed(()=>({"is-valid":a.isValid,"is-invalid":a.isInvalid}));return(t,s)=>(e.openBlock(),e.createElementBlock("fieldset",X,[e.createElementVNode("legend",{class:"mc-field__legend",for:t.id},[e.createTextVNode(e.toDisplayString(t.legend)+" ",1),t.requirementText?(e.openBlock(),e.createElementBlock("span",x,"("+e.toDisplayString(t.requirementText)+")",1)):e.createCommentVNode("",!0)],8,Y),t.helpText?(e.openBlock(),e.createElementBlock("span",v,e.toDisplayString(t.helpText),1)):e.createCommentVNode("",!0),e.createElementVNode("div",ee,[e.renderSlot(t.$slots,"default",{},void 0,!0)]),(t.isValid||t.isInvalid)&&t.message?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(["mc-field__validation-message",n.value])},e.toDisplayString(t.message),3)):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-fc0c08dc"]]),ae=["disabled","type"],oe={class:"mc-button__icon"},ne=p(e.defineComponent({__name:"MIconButton",props:{appearance:{default:"standard"},size:{default:"m"},disabled:{type:Boolean},ghost:{type:Boolean},outlined:{type:Boolean},type:{default:"button"}},setup(l){const a=l,n=e.computed(()=>({[`mc-button--${a.appearance}`]:a.appearance&&a.appearance!="standard",[`mc-button--${a.size}`]:a.size&&a.size!="m","mc-button--ghost":a.ghost,"mc-button--outlined":a.outlined}));return(t,s)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["mc-button mc-button--icon-button",n.value]),disabled:t.disabled,type:t.type},[e.createElementVNode("span",oe,[e.renderSlot(t.$slots,"icon",{},void 0,!0)])],10,ae))}}),[["__scopeId","data-v-abf78562"]]),le=p(e.defineComponent({__name:"MNumberBadge",props:{label:{},appearance:{default:"standard"},size:{default:"s"}},setup(l){const a=l,n=e.computed(()=>({[`mc-number-badge--${a.appearance}`]:a.appearance&&a.appearance!="standard",[`mc-number-badge--${a.size}`]:a.size&&a.size!="s"}));return(t,s)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(["mc-number-badge",n.value])},e.toDisplayString(t.label),3))}}),[["__scopeId","data-v-7e6acb92"]]),se=["aria-labelledby"],ie=p(e.defineComponent({__name:"MOverlay",props:{isVisible:{type:Boolean},dialogLabel:{}},setup(l){return(a,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["mc-overlay",{"is-visible":a.isVisible}])},[e.createElementVNode("div",{role:"dialog",tabindex:"-1","aria-labelledby":a.dialogLabel},[e.renderSlot(a.$slots,"default",{},void 0,!0)],8,se)],2))}}),[["__scopeId","data-v-db90fdb3"]]),ce={name:"CrossCircleFilled24",props:{color:{type:String,default:"currentColor"}}},re={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"};function de(l,a,n,t,s,o){return e.openBlock(),e.createElementBlock("svg",re,a[0]||(a[0]=[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2ZM8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z"},null,-1)]))}const y=p(ce,[["render",de]]),me=["id","type","name","placeholder","disabled","aria-invalid","readonly"],pe={key:0,class:"mc-controls-options"},_e={class:"mc-controls-options__label"},ue=p(e.defineComponent({__name:"MPasswordInput",props:{id:{},name:{},modelValue:{},placeholder:{},isInvalid:{type:Boolean},disabled:{type:Boolean},readonly:{type:Boolean},isClearable:{type:Boolean},clearLabel:{default:"Clear content"},buttonLabel:{default:()=>({show:"Show",hide:"Hide"})}},emits:["update:modelValue"],setup(l,{emit:a}){const n=l,t=e.computed(()=>({"is-invalid":n.isInvalid})),s=e.ref(n.modelValue),o=e.ref(!1),r=()=>{s.value="",m("update:modelValue","")},i=()=>{o.value=!o.value},d=e.computed(()=>o.value?"text":"password"),c=e.computed(()=>o.value?"true":"false"),m=a;return(u,f)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["mc-password-input mc-text-input",t.value])},[e.withDirectives(e.createElementVNode("input",e.mergeProps({class:"mc-password-input__control mc-text-input__control","onUpdate:modelValue":f[0]||(f[0]=b=>s.value=b),id:u.id,type:d.value,name:u.name,placeholder:u.placeholder,disabled:u.disabled,"aria-invalid":u.isInvalid,readonly:u.readonly},u.$attrs,{onInput:f[1]||(f[1]=b=>m("update:modelValue",b.target.value))}),null,16,me),[[e.vModelDynamic,s.value]]),u.isClearable&&s.value?(e.openBlock(),e.createElementBlock("div",pe,[e.createElementVNode("button",{class:"mc-controls-options__button",onClick:r},[e.createVNode(y,{class:"mc-controls-options__icon","aria-hidden":"true"}),e.createElementVNode("span",_e,e.toDisplayString(u.clearLabel),1)])])):e.createCommentVNode("",!0),e.createVNode(h,{ref:"button",role:"switch","aria-checked":c.value,disabled:u.disabled,onClick:i,size:"s",ghost:""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.value?u.buttonLabel.hide:u.buttonLabel.show),1)]),_:1},8,["aria-checked","disabled"])],2))}}),[["__scopeId","data-v-a5164b59"]]),fe={name:"More24",props:{color:{type:String,default:"currentColor"}}},be={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"};function ke(l,a,n,t,s,o){return e.openBlock(),e.createElementBlock("svg",be,a[0]||(a[0]=[e.createElementVNode("g",{"clip-path":"url(#a)"},[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M13 5a1 1 0 1 0-2 0v6H5a1 1 0 1 0 0 2h6v6a1 1 0 1 0 2 0v-6h6a1 1 0 1 0 0-2h-6V5Z"})],-1),e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"a"},[e.createElementVNode("rect",{width:"24",height:"24",fill:"#fff"})])],-1)]))}const Be=p(fe,[["render",ke]]),he={name:"Less24",props:{color:{type:String,default:"currentColor"}}},$e={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"};function ye(l,a,n,t,s,o){return e.openBlock(),e.createElementBlock("svg",$e,a[0]||(a[0]=[e.createElementVNode("g",{"clip-path":"url(#a)"},[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M6 12a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1Z"})],-1),e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"a"},[e.createElementVNode("rect",{width:"24",height:"24",fill:"#fff"})])],-1)]))}const ge=p(he,[["render",ye]]),Ve=["id","name","disabled","min","max","step","readonly","aria-invalid","aria-valuemin","aria-valuemax","aria-valuenow"],Ce=["aria-controls","disabled"],Ee={class:"mc-quantity-selector__icon"},Ne={class:"mc-quantity-selector__label"},Me=["aria-controls","disabled"],we={class:"mc-quantity-selector__icon"},Ie={class:"mc-quantity-selector__label"},Se=p(e.defineComponent({__name:"MQuantitySelector",props:{id:{},name:{default:"quantity-selector-input"},modelValue:{default:1},isInvalid:{type:Boolean},disabled:{type:Boolean},size:{default:"m"},min:{default:1},max:{default:100},step:{default:1},readonly:{type:Boolean},incrementlabel:{default:"Increment"},decrementLabel:{default:"Decrement"}},emits:["update:modelValue"],setup(l,{emit:a}){const n=l,t=e.ref(n.modelValue);e.watch(t,c=>{c!==n.modelValue&&d("update:modelValue",c)});const s=e.computed(()=>({[`mc-quantity-selector--${n.size}`]:n.size&&n.size!="m","is-invalid":n.isInvalid})),o=()=>{t.value+n.step<=n.max?t.value+=n.step:t.value=n.max},r=()=>{t.value-n.step>n.min?t.value-=n.step:t.value=n.min},i=c=>{t.value=c,t.value>n.max&&(t.value=n.max),t.value<=n.min&&(t.value=n.min),d("update:modelValue",t.value)},d=a;return(c,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["mc-quantity-selector",s.value])},[e.withDirectives(e.createElementVNode("input",e.mergeProps({id:c.id,"onUpdate:modelValue":m[0]||(m[0]=u=>t.value=u),class:"mc-quantity-selector__control",type:"number",name:c.name,disabled:c.disabled,min:c.min,max:c.max,step:c.step,readonly:c.readonly,"aria-invalid":c.isInvalid,"aria-valuemin":c.min,"aria-valuemax":c.max,"aria-valuenow":t.value},c.$attrs,{onChange:m[1]||(m[1]=u=>i(Number(u.target.value)))}),null,16,Ve),[[e.vModelText,t.value]]),c.readonly?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,type:"button","aria-controls":c.id,class:"mc-quantity-selector__button mc-quantity-selector__button--increase",tabindex:"-1",disabled:c.disabled||t.value===c.max,onClick:o},[e.createElementVNode("span",Ee,[e.createVNode(Be)]),e.createElementVNode("span",Ne,e.toDisplayString(c.incrementlabel),1)],8,Ce)),c.readonly?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:1,type:"button","aria-controls":c.id,class:"mc-quantity-selector__button mc-quantity-selector__button--decrease",tabindex:"-1",disabled:c.disabled||t.value===c.min,onClick:r},[e.createElementVNode("span",we,[e.createVNode(ge)]),e.createElementVNode("span",Ie,e.toDisplayString(c.decrementLabel),1)],8,Me))],2))}}),[["__scopeId","data-v-a732650a"]]),ze={class:"mc-radio"},Le=["id","name","checked","disabled","aria-invalid"],Te=["for"],g=p(e.defineComponent({__name:"MRadio",props:{id:{},name:{},label:{},modelValue:{type:Boolean},isInvalid:{type:Boolean},disabled:{type:Boolean}},emits:["update:modelValue"],setup(l,{emit:a}){const n=l,t=e.computed(()=>({"is-invalid":n.isInvalid})),s=a;return(o,r)=>(e.openBlock(),e.createElementBlock("div",ze,[e.createElementVNode("input",e.mergeProps({id:o.id,type:"radio",class:["mc-radio__input",t.value],name:o.name,checked:o.modelValue,disabled:o.disabled,"aria-invalid":o.isInvalid},o.$attrs,{onChange:r[0]||(r[0]=i=>s("update:modelValue",i.target.checked))}),null,16,Le),o.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:o.id,class:"mc-radio__label"},e.toDisplayString(o.label),9,Te)):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-da78938c"]]),De=p(e.defineComponent({__name:"MRadioGroup",props:{name:{},modelValue:{},options:{},isInvalid:{type:Boolean},inline:{type:Boolean}},emits:["update:modelValue"],setup(l,{emit:a}){const n=l,t=e.computed(()=>({"mc-field__container--inline":n.inline})),s=e.computed(()=>({"mc-field__container--inline__item":n.inline})),o=a;return(r,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["mc-field__container",t.value])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.options,d=>(e.openBlock(),e.createBlock(g,{id:d.id,key:d.id,label:d.label,"is-invalid":r.isInvalid,name:r.name,class:e.normalizeClass(["mc-field__item",s.value]),"model-value":r.modelValue===d.value,disabled:d.disabled,"onUpdate:modelValue":c=>c?o("update:modelValue",d.value):null},null,8,["id","label","is-invalid","name","class","model-value","disabled","onUpdate:modelValue"]))),128))],2))}}),[["__scopeId","data-v-d2f5e103"]]),Oe=["id","name","value","disabled"],je={key:0,value:"",disabled:""},Pe=["value","disabled"],qe=p(e.defineComponent({__name:"MSelect",props:{id:{},name:{},options:{},modelValue:{},placeholder:{},isInvalid:{type:Boolean},disabled:{type:Boolean},size:{default:"m"},readonly:{type:Boolean}},emits:["update:modelValue"],setup(l,{emit:a}){const n=l,t=e.computed(()=>({[`mc-select--${n.size}`]:n.size&&n.size!="m","mc-select--readonly":n.readonly,"is-invalid":n.isInvalid})),s=a;return(o,r)=>(e.openBlock(),e.createElementBlock("select",e.mergeProps({id:o.id,class:["mc-select",t.value],name:o.name,value:o.modelValue,disabled:o.disabled},o.$attrs,{onChange:r[0]||(r[0]=i=>s("update:modelValue",i.target.value))}),[o.placeholder?(e.openBlock(),e.createElementBlock("option",je," -- "+e.toDisplayString(o.placeholder)+" -- ",1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.options,(i,d)=>(e.openBlock(),e.createElementBlock("option",e.mergeProps({key:d,value:i.value},{ref_for:!0},i.attributes,{disabled:i.disabled}),e.toDisplayString(i.text),17,Pe))),128))],16,Oe))}}),[["__scopeId","data-v-68c735e4"]]),Ze=p(e.defineComponent({__name:"MStatusDot",props:{status:{default:"info"},size:{}},setup(l){const a=l,n=e.computed(()=>({[`mc-status-dot--${a.status}`]:a.status&&a.status!="info",[`mc-status-dot--${a.size}`]:a.size&&a.size!="m"}));return(t,s)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(["mc-status-dot",n.value])},null,2))}}),[["__scopeId","data-v-417b563f"]]),Fe={class:"mc-status-badge__label"},Ge=p(e.defineComponent({__name:"MStatusBadge",props:{label:{},status:{default:"info"}},setup(l){const a=l,n=e.computed(()=>({[`mc-status-badge--${a.status}`]:a.status&&a.status!="info"}));return(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["mc-status-badge",n.value])},[e.createVNode(Ze,{status:t.status},null,8,["status"]),e.createElementVNode("span",Fe,e.toDisplayString(t.label),1)],2))}}),[["__scopeId","data-v-3e437a03"]]),Re={name:"Cross20",props:{color:{type:String,default:"currentColor"}}},Ue={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20"};function Ae(l,a,n,t,s,o){return e.openBlock(),e.createElementBlock("svg",Ue,a[0]||(a[0]=[e.createElementVNode("g",{"clip-path":"url(#a)"},[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M16.364 4.697a.75.75 0 1 0-1.061-1.06L10 8.938 4.697 3.636a.75.75 0 0 0-1.06 1.06L8.938 10l-5.303 5.303a.75.75 0 0 0 1.061 1.06L10 11.06l5.303 5.303a.75.75 0 0 0 1.06-1.06L11.062 10l5.303-5.303Z"})],-1),e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"a"},[e.createElementVNode("rect",{width:"20",height:"20",fill:"#fff"})])],-1)]))}const He=p(Re,[["render",Ae]]),Qe={name:"InfoCircle32",props:{color:{type:String,default:"currentColor"}}},We={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"};function Je(l,a,n,t,s,o){return e.openBlock(),e.createElementBlock("svg",We,a[0]||(a[0]=[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M16 5C9.925 5 5 9.925 5 16s4.925 11 11 11 11-4.925 11-11S22.075 5 16 5ZM3 16C3 8.82 8.82 3 16 3s13 5.82 13 13-5.82 13-13 13S3 23.18 3 16Zm13-2.333a1 1 0 0 1 1 1v6.666a1 1 0 1 1-2 0v-6.666a1 1 0 0 1 1-1ZM16 12a1.333 1.333 0 1 0 0-2.667A1.333 1.333 0 0 0 16 12Z"},null,-1)]))}const Ke=p(Qe,[["render",Je]]),Xe={name:"WarningCircle32",props:{color:{type:String,default:"currentColor"}}},Ye={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"};function xe(l,a,n,t,s,o){return e.openBlock(),e.createElementBlock("svg",Ye,a[0]||(a[0]=[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M16 5C9.925 5 5 9.925 5 16s4.925 11 11 11 11-4.925 11-11S22.075 5 16 5ZM3 16C3 8.82 8.82 3 16 3s13 5.82 13 13-5.82 13-13 13S3 23.18 3 16Zm13-6.333a1 1 0 0 1 1 1v6.666a1 1 0 1 1-2 0v-6.666a1 1 0 0 1 1-1Zm0 13A1.333 1.333 0 1 0 16 20a1.333 1.333 0 0 0 0 2.667Z"},null,-1)]))}const ve=p(Xe,[["render",xe]]),et={name:"CrossCircle32",props:{color:{type:String,default:"currentColor"}}},tt={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"};function at(l,a,n,t,s,o){return e.openBlock(),e.createElementBlock("svg",tt,a[0]||(a[0]=[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M5 16C5 9.925 9.925 5 16 5s11 4.925 11 11-4.925 11-11 11S5 22.075 5 16ZM16 3C8.82 3 3 8.82 3 16s5.82 13 13 13 13-5.82 13-13S23.18 3 16 3Zm-3.293 8.293a1 1 0 0 0-1.414 1.414L14.586 16l-3.293 3.293a1 1 0 0 0 1.414 1.414L16 17.414l3.293 3.293a1 1 0 0 0 1.414-1.414L17.414 16l3.293-3.293a1 1 0 0 0-1.414-1.414L16 14.586l-3.293-3.293Z"},null,-1)]))}const ot=p(et,[["render",at]]),nt={name:"CheckCircle32",props:{color:{type:String,default:"currentColor"}}},lt={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"};function st(l,a,n,t,s,o){return e.openBlock(),e.createElementBlock("svg",lt,a[0]||(a[0]=[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M5 16C5 9.925 9.925 5 16 5s11 4.925 11 11-4.925 11-11 11S5 22.075 5 16ZM16 3C8.82 3 3 8.82 3 16s5.82 13 13 13 13-5.82 13-13S23.18 3 16 3Zm6.707 10.374a1 1 0 0 0-1.414-1.414l-6.626 6.626-3.293-3.293a1 1 0 0 0-1.414 1.414l4 4a1 1 0 0 0 1.414 0l7.333-7.333Z"},null,-1)]))}const it=p(nt,[["render",st]]),ct={class:"mc-status-notification__content"},rt={class:"mc-status-notification__title"},dt={class:"mc-status-notification__message"},mt={key:0,class:"mc-status-notification__footer"},pt=p(e.defineComponent({__name:"MStatusNotification",props:{title:{},description:{},status:{default:"info"},closable:{type:Boolean}},emits:["close"],setup(l,{emit:a}){const n=l,t=e.computed(()=>({[`mc-status-notification--${n.status}`]:n.status&&n.status!="info"})),s=e.computed(()=>{switch(n.status){case"success":return it;case"warning":return ve;case"error":return ot;case"info":default:return Ke}}),o=a;return(r,i)=>(e.openBlock(),e.createElementBlock("section",{class:e.normalizeClass(["mc-status-notification",t.value]),role:"status"},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.value),{class:"mc-status-notification__icon","aria-hidden":"true"})),e.createElementVNode("div",ct,[e.createElementVNode("h2",rt,e.toDisplayString(r.title),1),e.createElementVNode("p",dt,e.toDisplayString(r.description),1),r.$slots.footer?(e.openBlock(),e.createElementBlock("div",mt,[e.renderSlot(r.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)]),r.closable?(e.openBlock(),e.createElementBlock("button",{key:0,class:"mc-status-notification-closable__close",onClick:i[0]||(i[0]=d=>o("close"))},[e.createVNode(He,{class:"mc-status-notification-closable__icon","aria-hidden":"true"}),i[1]||(i[1]=e.createElementVNode("span",{class:"mc-status-notification-closable__text"},"Close",-1))])):e.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-d6e3be16"]]),_t=["id","aria-invalid","value","name","placeholder","disabled","minlength","maxlength","rows","readonly"],ut=p(e.defineComponent({__name:"MTextArea",props:{id:{},name:{},modelValue:{},placeholder:{},isInvalid:{type:Boolean},disabled:{type:Boolean},rows:{default:2},minLength:{},maxLength:{},readonly:{type:Boolean}},emits:["update:modelValue"],setup(l,{emit:a}){const n=l,t=e.computed(()=>({"is-invalid":n.isInvalid})),s=a;return(o,r)=>(e.openBlock(),e.createElementBlock("textarea",e.mergeProps({id:o.id,class:["mc-textarea",t.value],"aria-invalid":o.isInvalid,value:o.modelValue,name:o.name,placeholder:o.placeholder,disabled:o.disabled,minlength:o.minLength,maxlength:o.maxLength,rows:o.rows,readonly:o.readonly},o.$attrs,{onInput:r[0]||(r[0]=i=>s("update:modelValue",i.target.value))}),null,16,_t))}}),[["__scopeId","data-v-8184b69c"]]),ft={key:0,class:"mc-text-input__icon"},bt=["id","value","type","name","placeholder","disabled","aria-invalid","readonly"],kt={key:1,class:"mc-controls-options"},Bt=p(e.defineComponent({__name:"MTextInput",props:{id:{},name:{},modelValue:{},placeholder:{},inputType:{default:"text"},isInvalid:{type:Boolean},disabled:{type:Boolean},size:{default:"m"},readonly:{type:Boolean},isClearable:{type:Boolean},clearLabel:{default:"clear content"}},emits:["update:modelValue"],setup(l,{emit:a}){const n=l,t=e.computed(()=>({[`mc-text-input--${n.size}`]:n.size&&n.size!="m","is-invalid":n.isInvalid})),s=e.ref(n.modelValue),o=()=>{s.value="",r("update:modelValue","")},r=a;return(i,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["mc-text-input",t.value])},[i.$slots.icon?(e.openBlock(),e.createElementBlock("span",ft,[e.renderSlot(i.$slots,"icon",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:i.id,class:"mc-text-input__control",value:s.value,type:i.inputType,name:i.name,placeholder:i.placeholder,disabled:i.disabled,"aria-invalid":i.isInvalid,readonly:i.readonly},i.$attrs,{onInput:d[0]||(d[0]=c=>r("update:modelValue",c.target.value))}),null,16,bt),i.isClearable&&s.value?(e.openBlock(),e.createElementBlock("div",kt,[e.createElementVNode("button",{type:"button",class:"mc-controls-options__button",onClick:o},[e.createVNode(y,{class:"mc-controls-options__icon","aria-hidden":"true"}),d[1]||(d[1]=e.createElementVNode("span",{class:"mc-controls-options__label"},"{clearLabel}",-1))])])):e.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-38f67338"]]),ht=["for"],$t=["id","name","checked","disabled"],yt=["for"],V=p(e.defineComponent({__name:"MToggle",props:{id:{},name:{},label:{},modelValue:{type:Boolean},size:{default:"s"},disabled:{type:Boolean}},emits:["update:modelValue"],setup(l,{emit:a}){const n=l,t=e.computed(()=>({[`mc-toggle--${n.size}`]:n.size&&n.size!="s"})),s=a;return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["mc-toggle",t.value])},[e.createElementVNode("label",{class:"mc-toggle__container",for:o.id},[e.createElementVNode("input",e.mergeProps({id:o.id,type:"checkbox",class:"mc-toggle__input",name:o.name,checked:o.modelValue,disabled:o.disabled},o.$attrs,{onChange:r[0]||(r[0]=i=>s("update:modelValue",i.target.checked))}),null,16,$t),o.label?(e.openBlock(),e.createElementBlock("span",{key:0,for:o.id,class:"mc-toggle__label"},e.toDisplayString(o.label),9,yt)):e.createCommentVNode("",!0)],8,ht)],2))}}),[["__scopeId","data-v-5be734e7"]]),gt=p(e.defineComponent({__name:"MToggleGroup",props:{name:{},modelValue:{},options:{},inline:{type:Boolean}},emits:["update:modelValue"],setup(l,{emit:a}){const n=l,t=e.ref([]);e.watch(()=>n.modelValue,d=>{t.value=d||[]},{immediate:!0});const s=(d,c)=>{let m=[...t.value];d&&!m.includes(c)?m.push(c):m=m.filter(u=>u!==c),i("update:modelValue",m),t.value=m},o=e.computed(()=>({"mc-field__container--inline":n.inline})),r=e.computed(()=>({"mc-field__container--inline__item":n.inline})),i=a;return(d,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(o.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.options,m=>(e.openBlock(),e.createBlock(V,{id:m.id,key:m.id,label:m.label,"is-invalid":m.isInvalid,name:d.name,class:e.normalizeClass(r.value),"model-value":d.modelValue?d.modelValue.includes(m.value):void 0,disabled:m.disabled,"onUpdate:modelValue":u=>s(u,m.value)},null,8,["id","label","is-invalid","name","class","model-value","disabled","onUpdate:modelValue"]))),128))],2))}}),[["__scopeId","data-v-c6b10172"]]);_.MBreadcrumb=I,_.MButton=h,_.MCheckbox=$,_.MCheckboxGroup=R,_.MField=K,_.MFieldGroup=te,_.MIconButton=ne,_.MLink=k,_.MLoader=B,_.MNumberBadge=le,_.MOverlay=ie,_.MPasswordInput=ue,_.MQuantitySelector=Se,_.MRadio=g,_.MRadioGroup=De,_.MSelect=qe,_.MStatusBadge=Ge,_.MStatusNotification=pt,_.MTextArea=ut,_.MTextInput=Bt,_.MToggle=V,_.MToggleGroup=gt,Object.defineProperty(_,Symbol.toStringTag,{value:"Module"})});
|
|
1
|
+
(function(u,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(u=typeof globalThis<"u"?globalThis:u||self,e(u.MozaicVue={},u.Vue))})(this,function(u,e){"use strict";const I={key:0,class:"mc-link__icon","aria-hidden":"true"},S={class:"mc-link__label"},L={key:1,class:"mc-link__icon","aria-hidden":"true"},T=e.defineComponent({__name:"MLink",props:{iconPosition:{default:"left"},appearance:{default:"standard"},size:{default:"s"},href:{default:void 0},target:{default:void 0},inline:{type:Boolean},router:{type:Boolean}},setup(s){const a=s,l=e.computed(()=>({[`mc-link--${a.appearance}`]:a.appearance&&a.appearance!="standard",[`mc-link--${a.size}`]:a.size&&a.size!="s","mc-link--inline":a.inline,"mc-link--stand-alone":!a.inline}));return(t,n)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.router?"router-link":"a"),{class:e.normalizeClass(["mc-link",l.value]),href:t.href,target:t.target,to:t.router?t.href:void 0},{default:e.withCtx(()=>[t.$slots.icon&&t.iconPosition=="left"?(e.openBlock(),e.createElementBlock("span",I,[e.renderSlot(t.$slots,"icon",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("span",S,[e.renderSlot(t.$slots,"default",{},void 0,!0)]),t.$slots.icon&&t.iconPosition=="right"?(e.openBlock(),e.createElementBlock("span",L,[e.renderSlot(t.$slots,"icon",{},void 0,!0)])):e.createCommentVNode("",!0)]),_:3},8,["class","href","target","to"]))}}),_=(s,a)=>{const l=s.__vccOpts||s;for(const[t,n]of a)l[t]=n;return l},g=_(T,[["__scopeId","data-v-df607c25"]]),D={class:"mc-breadcrumb__container"},P=_(e.defineComponent({__name:"MBreadcrumb",props:{appearance:{},links:{}},setup(s){const a=s,l=e.computed(()=>({[`mc-breadcrumb--${a.appearance}`]:a.appearance&&a.appearance!="standard"})),t=n=>{var o;return n===(((o=a.links)==null?void 0:o.length)??0)-1};return(n,o)=>(e.openBlock(),e.createElementBlock("nav",{class:e.normalizeClass(["mc-breadcrumb",l.value]),"aria-label":"Breadcrumb"},[e.createElementVNode("ul",D,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.links,(c,r)=>(e.openBlock(),e.createElementBlock("li",{class:"mc-breadcrumb__item",key:`breadcrumb-${r}`},[e.createVNode(g,{href:c.href,router:c.router,appearance:n.appearance,inline:"",class:e.normalizeClass({"mc-breadcrumb__current":t(r)}),"aria-current":t(r)?"page":void 0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(c.label),1)]),_:2},1032,["href","router","appearance","class","aria-current"])]))),128))])],2))}}),[["__scopeId","data-v-09df4905"]]),j={class:"mc-loader__spinner"},O=["viewBox"],q=["r"],Z={key:0,class:"mc-loader__text",role:"status"},$=_(e.defineComponent({__name:"MLoader",props:{appearance:{default:"standard"},size:{default:"m"},text:{}},setup(s){const a=s,l=e.computed(()=>({[`mc-loader--${a.size}`]:a.size&&a.size!=="m",[`mc-loader--${a.appearance}`]:a.appearance&&a.appearance!=="standard"})),t=e.computed(()=>{let o;switch(a.size){case"s":o="0 0 24 24";break;case"l":o="0 0 64 64";break;default:o="0 0 32 32"}return o}),n=e.computed(()=>{let o;switch(a.size){case"s":o=6;break;case"l":o=19;break;default:o=9}return o});return(o,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["mc-loader",l.value])},[e.createElementVNode("span",j,[(e.openBlock(),e.createElementBlock("svg",{class:"mc-loader__icon",xmlns:"http://www.w3.org/2000/svg",viewBox:t.value,"aria-hidden":"true"},[e.createElementVNode("circle",{class:"mc-loader__path",cx:"50%",cy:"50%",r:n.value},null,8,q)],8,O))]),o.text?(e.openBlock(),e.createElementBlock("p",Z,e.toDisplayString(o.text),1)):e.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-56c66912"]]),F=["disabled","type"],G={key:0,class:"mc-button__icon"},R={key:1,class:"mc-button__icon",style:{position:"absolute"}},U={key:2,class:"mc-button__icon"},A={key:4,class:"mc-button__icon"},k=_(e.defineComponent({__name:"MButton",props:{appearance:{default:"standard"},size:{default:"m"},disabled:{type:Boolean},ghost:{type:Boolean},outlined:{type:Boolean},iconPosition:{},type:{default:"button"},isLoading:{type:Boolean}},setup(s){const a=s,l=e.computed(()=>({[`mc-button--${a.appearance}`]:a.appearance&&a.appearance!="standard",[`mc-button--${a.size}`]:a.size&&a.size!="m","mc-button--ghost":a.ghost,"mc-button--outlined":a.outlined,"mc-button--icon-only":a.iconPosition=="only"}));return(t,n)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["mc-button",l.value]),disabled:t.disabled,type:t.type},[t.$slots.icon&&t.iconPosition=="left"&&!t.isLoading?(e.openBlock(),e.createElementBlock("span",G,[e.renderSlot(t.$slots,"icon",{},void 0,!0)])):e.createCommentVNode("",!0),t.isLoading?(e.openBlock(),e.createElementBlock("span",R,[e.createVNode($,{style:{color:"currentColor"},size:"s"})])):e.createCommentVNode("",!0),t.$slots.icon&&t.iconPosition=="only"?(e.openBlock(),e.createElementBlock("span",U,[e.renderSlot(t.$slots,"icon",{},void 0,!0)])):(e.openBlock(),e.createElementBlock("span",{key:3,class:"mc-button__label",style:e.normalizeStyle({visibility:t.isLoading?"hidden":"visible"})},[e.renderSlot(t.$slots,"default",{},()=>[n[0]||(n[0]=e.createTextVNode("Button Label"))],!0)],4)),t.$slots.icon&&t.iconPosition=="right"&&!t.isLoading?(e.openBlock(),e.createElementBlock("span",A,[e.renderSlot(t.$slots,"icon",{},void 0,!0)])):e.createCommentVNode("",!0)],10,F))}}),[["__scopeId","data-v-f4f43ab6"]]),H={class:"mc-checkbox"},Q=["id","name","checked","indeterminate","disabled","aria-invalid"],W=["for"],y=_(e.defineComponent({__name:"MCheckbox",props:{id:{},name:{},label:{},modelValue:{type:Boolean},indeterminate:{type:Boolean},isInvalid:{type:Boolean},disabled:{type:Boolean}},emits:["update:modelValue"],setup(s,{emit:a}){const l=s,t=e.computed(()=>({"is-invalid":l.isInvalid})),n=a;return(o,c)=>(e.openBlock(),e.createElementBlock("div",H,[e.createElementVNode("input",e.mergeProps({id:o.id,type:"checkbox",class:["mc-checkbox__input",t.value],name:o.name,checked:o.modelValue,indeterminate:o.indeterminate,disabled:o.disabled,"aria-invalid":o.isInvalid},o.$attrs,{onChange:c[0]||(c[0]=r=>n("update:modelValue",r.target.checked))}),null,16,Q),o.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:o.id,class:"mc-checkbox__label"},e.toDisplayString(o.label),9,W)):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-37fd0a35"]]),J=_(e.defineComponent({__name:"MCheckboxGroup",props:{name:{},modelValue:{},options:{},inline:{type:Boolean}},emits:["update:modelValue"],setup(s,{emit:a}){const l=s,t=e.ref([]);e.watch(()=>l.modelValue,d=>{t.value=d||[]},{immediate:!0});const n=(d,m)=>{let i=[...t.value];d&&!i.includes(m)?i.push(m):i=i.filter(p=>p!==m),r("update:modelValue",i),t.value=i},o=e.computed(()=>({"mc-field__container--inline":l.inline})),c=e.computed(()=>({"mc-field__container--inline__item":l.inline})),r=a;return(d,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["mc-field__container",o.value])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.options,i=>(e.openBlock(),e.createBlock(y,{id:i.id,key:i.id,label:i.label,"is-invalid":i.isInvalid,name:d.name,class:e.normalizeClass(["mc-field__item",c.value]),"model-value":d.modelValue?d.modelValue.includes(i.value):void 0,disabled:i.disabled,"onUpdate:modelValue":p=>n(p,i.value)},null,8,["id","label","is-invalid","name","class","model-value","disabled","onUpdate:modelValue"]))),128))],2))}}),[["__scopeId","data-v-8ee4699f"]]),K={class:"mc-divider"},V=_(e.defineComponent({__name:"MDivider",props:{orientation:{default:"horizontal"},style:{default:"primary"},size:{default:"s"}},setup(s){const a=s,l=e.computed(()=>({[`mc-divider-${a.orientation}`]:a.orientation,[`mc-divider-horizontal--${a.style}`]:a.style&&a.style!="primary",[`mc-divider-horizontal--${a.size}`]:a.size&&a.size!="s"}));return(t,n)=>(e.openBlock(),e.createElementBlock("div",K,[e.createElementVNode("div",{class:e.normalizeClass(l.value)},null,2),e.renderSlot(t.$slots,"default",{},void 0,!0)]))}}),[["__scopeId","data-v-b2b223a3"]]),X={class:"mc-field"},Y=["for"],x={key:0,class:"mc-field__requirement"},v=["id"],ee={class:"mc-field__content"},te=["id"],ae=_(e.defineComponent({__name:"MField",props:{id:{},label:{},requirementText:{},helpText:{},helpId:{},isValid:{type:Boolean},isInvalid:{type:Boolean},messageId:{},message:{}},setup(s){const a=s,l=e.computed(()=>({"is-valid":a.isValid,"is-invalid":a.isInvalid}));return(t,n)=>(e.openBlock(),e.createElementBlock("div",X,[e.createElementVNode("label",{class:"mc-field__label",for:t.id},[e.createTextVNode(e.toDisplayString(t.label)+" ",1),t.requirementText?(e.openBlock(),e.createElementBlock("span",x,"("+e.toDisplayString(t.requirementText)+")",1)):e.createCommentVNode("",!0)],8,Y),t.helpId&&t.helpText?(e.openBlock(),e.createElementBlock("span",{key:0,id:t.helpId,class:"mc-field__help"},e.toDisplayString(t.helpText),9,v)):e.createCommentVNode("",!0),e.createElementVNode("div",ee,[e.renderSlot(t.$slots,"default",{},void 0,!0)]),(t.isValid||t.isInvalid)&&t.message?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(["mc-field__validation-message",l.value]),id:t.messageId},e.toDisplayString(t.message),11,te)):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-ead078c4"]]),oe={class:"mc-field--group"},le=["for"],ne={key:0,class:"mc-field__requirement"},se={key:0,class:"mc-field__help"},ie={class:"mc-field__content"},ce=_(e.defineComponent({__name:"MFieldGroup",props:{id:{},legend:{},requirementText:{},helpText:{},isValid:{type:Boolean},isInvalid:{type:Boolean},message:{}},setup(s){const a=s,l=e.computed(()=>({"is-valid":a.isValid,"is-invalid":a.isInvalid}));return(t,n)=>(e.openBlock(),e.createElementBlock("fieldset",oe,[e.createElementVNode("legend",{class:"mc-field__legend",for:t.id},[e.createTextVNode(e.toDisplayString(t.legend)+" ",1),t.requirementText?(e.openBlock(),e.createElementBlock("span",ne,"("+e.toDisplayString(t.requirementText)+")",1)):e.createCommentVNode("",!0)],8,le),t.helpText?(e.openBlock(),e.createElementBlock("span",se,e.toDisplayString(t.helpText),1)):e.createCommentVNode("",!0),e.createElementVNode("div",ie,[e.renderSlot(t.$slots,"default",{},void 0,!0)]),(t.isValid||t.isInvalid)&&t.message?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(["mc-field__validation-message",l.value])},e.toDisplayString(t.message),3)):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-fc0c08dc"]]),re=["disabled","type"],de={class:"mc-button__icon"},B=_(e.defineComponent({__name:"MIconButton",props:{appearance:{default:"standard"},size:{default:"m"},disabled:{type:Boolean},ghost:{type:Boolean},outlined:{type:Boolean},type:{default:"button"}},setup(s){const a=s,l=e.computed(()=>({[`mc-button--${a.appearance}`]:a.appearance&&a.appearance!="standard",[`mc-button--${a.size}`]:a.size&&a.size!="m","mc-button--ghost":a.ghost,"mc-button--outlined":a.outlined}));return(t,n)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["mc-button mc-button--icon-button",l.value]),disabled:t.disabled,type:t.type},[e.createElementVNode("span",de,[e.renderSlot(t.$slots,"icon",{},void 0,!0)])],10,re))}}),[["__scopeId","data-v-abf78562"]]),C=_(e.defineComponent({__name:"MNumberBadge",props:{label:{},appearance:{default:"standard"},size:{default:"s"}},setup(s){const a=s,l=e.computed(()=>({[`mc-number-badge--${a.appearance}`]:a.appearance&&a.appearance!="standard",[`mc-number-badge--${a.size}`]:a.size&&a.size!="s"}));return(t,n)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(["mc-number-badge",l.value])},e.toDisplayString(t.label),3))}}),[["__scopeId","data-v-7e6acb92"]]),me=["aria-labelledby"],pe=_(e.defineComponent({__name:"MOverlay",props:{isVisible:{type:Boolean},dialogLabel:{}},setup(s){return(a,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["mc-overlay",{"is-visible":a.isVisible}])},[e.createElementVNode("div",{role:"dialog",tabindex:"-1","aria-labelledby":a.dialogLabel},[e.renderSlot(a.$slots,"default",{},void 0,!0)],8,me)],2))}}),[["__scopeId","data-v-db90fdb3"]]),_e=["id","name","value","disabled"],ue={key:0,value:"",disabled:""},be=["value","disabled"],E=_(e.defineComponent({__name:"MSelect",props:{id:{},name:{},options:{},modelValue:{},placeholder:{},isInvalid:{type:Boolean},disabled:{type:Boolean},size:{default:"m"},readonly:{type:Boolean}},emits:["update:modelValue"],setup(s,{emit:a}){const l=s,t=e.computed(()=>({[`mc-select--${l.size}`]:l.size&&l.size!="m","mc-select--readonly":l.readonly,"is-invalid":l.isInvalid})),n=a;return(o,c)=>(e.openBlock(),e.createElementBlock("select",e.mergeProps({id:o.id,class:["mc-select",t.value],name:o.name,value:o.modelValue,disabled:o.disabled},o.$attrs,{onChange:c[0]||(c[0]=r=>n("update:modelValue",r.target.value))}),[o.placeholder?(e.openBlock(),e.createElementBlock("option",ue," -- "+e.toDisplayString(o.placeholder)+" -- ",1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.options,(r,d)=>(e.openBlock(),e.createElementBlock("option",e.mergeProps({key:d,value:r.value},{ref_for:!0},r.attributes,{disabled:r.disabled}),e.toDisplayString(r.text),17,be))),128))],16,_e))}}),[["__scopeId","data-v-68c735e4"]]),fe={name:"ChevronLeft24",props:{color:{type:String,default:"currentColor"}}},ke={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"};function Be(s,a,l,t,n,o){return e.openBlock(),e.createElementBlock("svg",ke,a[0]||(a[0]=[e.createElementVNode("g",{"clip-path":"url(#a)"},[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M15.207 6.293a1 1 0 0 1 0 1.414L10.914 12l4.293 4.293a1 1 0 0 1-1.414 1.414l-5-5a1 1 0 0 1 0-1.414l5-5a1 1 0 0 1 1.414 0Z"})],-1),e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"a"},[e.createElementVNode("rect",{width:"24",height:"24",fill:"#fff"})])],-1)]))}const N=_(fe,[["render",Be]]),he={name:"ChevronRight24",props:{color:{type:String,default:"currentColor"}}},ge={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"};function $e(s,a,l,t,n,o){return e.openBlock(),e.createElementBlock("svg",ge,a[0]||(a[0]=[e.createElementVNode("g",{"clip-path":"url(#a)"},[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M8.793 6.293a1 1 0 0 1 1.414 0l5 5a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414-1.414L13.086 12 8.793 7.707a1 1 0 0 1 0-1.414Z"})],-1),e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"a"},[e.createElementVNode("rect",{width:"24",height:"24",fill:"#fff"})])],-1)]))}const M=_(he,[["render",$e]]),ye={class:"mc-pagination",role:"navigation","aria-label":"pagination"},Ve={key:2,class:"mc-pagination__field"},Ce={key:3,class:"mc-pagination__label","aria-current":"page"},Ee=_(e.defineComponent({__name:"MPagination",props:{id:{},modelValue:{},compact:{type:Boolean},options:{},selectLabel:{}},emits:["update:modelValue"],setup(s,{emit:a}){const l=s,t=a,n=e.ref(l.modelValue);e.watch(n,i=>{i!==l.modelValue&&t("update:modelValue",i)});const o=e.computed(()=>l.options.findIndex(i=>i.value===n.value)),c=e.computed(()=>o.value===0),r=e.computed(()=>o.value===l.options.length-1),d=()=>{const i=l.options.findIndex(p=>p.value===n.value);i>0&&(n.value=l.options[i-1].value,t("update:modelValue",l.options[i-1].value))},m=()=>{const i=l.options.findIndex(p=>p.value===n.value);i<l.options.length-1&&(n.value=l.options[i+1].value,t("update:modelValue",l.options[i+1].value))};return(i,p)=>{var f;return e.openBlock(),e.createElementBlock("nav",ye,[i.compact?(e.openBlock(),e.createBlock(B,{key:1,outlined:"","aria-label":"Previous page",disabled:c.value,onClick:d},{icon:e.withCtx(()=>[e.createVNode(N)]),_:1},8,["disabled"])):(e.openBlock(),e.createBlock(k,{key:0,"icon-position":"only","aria-label":"Previous page",disabled:c.value,onClick:d},{icon:e.withCtx(()=>[e.createVNode(N)]),_:1},8,["disabled"])),i.compact?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Ve,[e.createVNode(E,{class:"mc-pagination__select",id:i.id,modelValue:n.value,"onUpdate:modelValue":[p[0]||(p[0]=b=>n.value=b),p[1]||(p[1]=b=>t("update:modelValue",Number(b)))],options:i.options,"aria-label":i.selectLabel},null,8,["id","modelValue","options","aria-label"])])),i.compact?(e.openBlock(),e.createElementBlock("span",Ce,e.toDisplayString((f=i.options.find(b=>b.value===n.value))==null?void 0:f.text),1)):e.createCommentVNode("",!0),i.compact?(e.openBlock(),e.createBlock(B,{key:5,outlined:"","aria-label":"Next page",disabled:r.value,onClick:m},{icon:e.withCtx(()=>[e.createVNode(M)]),_:1},8,["disabled"])):(e.openBlock(),e.createBlock(k,{key:4,"icon-position":"only","aria-label":"Next page",disabled:r.value,onClick:m},{icon:e.withCtx(()=>[e.createVNode(M)]),_:1},8,["disabled"]))])}}}),[["__scopeId","data-v-f959ec90"]]),Ne={name:"CrossCircleFilled24",props:{color:{type:String,default:"currentColor"}}},Me={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"};function we(s,a,l,t,n,o){return e.openBlock(),e.createElementBlock("svg",Me,a[0]||(a[0]=[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2ZM8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z"},null,-1)]))}const h=_(Ne,[["render",we]]),ze=["id","type","name","placeholder","disabled","aria-invalid","readonly"],Ie={key:0,class:"mc-controls-options"},Se={class:"mc-controls-options__label"},Le=_(e.defineComponent({__name:"MPasswordInput",props:{id:{},name:{},modelValue:{},placeholder:{},isInvalid:{type:Boolean},disabled:{type:Boolean},readonly:{type:Boolean},isClearable:{type:Boolean},clearLabel:{default:"Clear content"},buttonLabel:{default:()=>({show:"Show",hide:"Hide"})}},emits:["update:modelValue"],setup(s,{emit:a}){const l=s,t=e.computed(()=>({"is-invalid":l.isInvalid})),n=e.ref(l.modelValue),o=e.ref(!1),c=()=>{n.value="",i("update:modelValue","")},r=()=>{o.value=!o.value},d=e.computed(()=>o.value?"text":"password"),m=e.computed(()=>o.value?"true":"false"),i=a;return(p,f)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["mc-password-input mc-text-input",t.value])},[e.withDirectives(e.createElementVNode("input",e.mergeProps({class:"mc-password-input__control mc-text-input__control","onUpdate:modelValue":f[0]||(f[0]=b=>n.value=b),id:p.id,type:d.value,name:p.name,placeholder:p.placeholder,disabled:p.disabled,"aria-invalid":p.isInvalid,readonly:p.readonly},p.$attrs,{onInput:f[1]||(f[1]=b=>i("update:modelValue",b.target.value))}),null,16,ze),[[e.vModelDynamic,n.value]]),p.isClearable&&n.value?(e.openBlock(),e.createElementBlock("div",Ie,[e.createElementVNode("button",{class:"mc-controls-options__button",onClick:c},[e.createVNode(h,{class:"mc-controls-options__icon","aria-hidden":"true"}),e.createElementVNode("span",Se,e.toDisplayString(p.clearLabel),1)])])):e.createCommentVNode("",!0),e.createVNode(k,{ref:"button",role:"switch","aria-checked":m.value,disabled:p.disabled,onClick:r,size:"s",ghost:""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.value?p.buttonLabel.hide:p.buttonLabel.show),1)]),_:1},8,["aria-checked","disabled"])],2))}}),[["__scopeId","data-v-a5164b59"]]),Te={name:"More24",props:{color:{type:String,default:"currentColor"}}},De={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"};function Pe(s,a,l,t,n,o){return e.openBlock(),e.createElementBlock("svg",De,a[0]||(a[0]=[e.createElementVNode("g",{"clip-path":"url(#a)"},[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M13 5a1 1 0 1 0-2 0v6H5a1 1 0 1 0 0 2h6v6a1 1 0 1 0 2 0v-6h6a1 1 0 1 0 0-2h-6V5Z"})],-1),e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"a"},[e.createElementVNode("rect",{width:"24",height:"24",fill:"#fff"})])],-1)]))}const je=_(Te,[["render",Pe]]),Oe={name:"Less24",props:{color:{type:String,default:"currentColor"}}},qe={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"};function Ze(s,a,l,t,n,o){return e.openBlock(),e.createElementBlock("svg",qe,a[0]||(a[0]=[e.createElementVNode("g",{"clip-path":"url(#a)"},[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M6 12a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1Z"})],-1),e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"a"},[e.createElementVNode("rect",{width:"24",height:"24",fill:"#fff"})])],-1)]))}const Fe=_(Oe,[["render",Ze]]),Ge=["id","name","disabled","min","max","step","readonly","aria-invalid","aria-valuemin","aria-valuemax","aria-valuenow"],Re=["aria-controls","disabled"],Ue={class:"mc-quantity-selector__icon"},Ae={class:"mc-quantity-selector__label"},He=["aria-controls","disabled"],Qe={class:"mc-quantity-selector__icon"},We={class:"mc-quantity-selector__label"},Je=_(e.defineComponent({__name:"MQuantitySelector",props:{id:{},name:{default:"quantity-selector-input"},modelValue:{default:1},isInvalid:{type:Boolean},disabled:{type:Boolean},size:{default:"m"},min:{default:1},max:{default:100},step:{default:1},readonly:{type:Boolean},incrementlabel:{default:"Increment"},decrementLabel:{default:"Decrement"}},emits:["update:modelValue"],setup(s,{emit:a}){const l=s,t=e.ref(l.modelValue);e.watch(t,m=>{m!==l.modelValue&&d("update:modelValue",m)});const n=e.computed(()=>({[`mc-quantity-selector--${l.size}`]:l.size&&l.size!="m","is-invalid":l.isInvalid})),o=()=>{t.value+l.step<=l.max?t.value+=l.step:t.value=l.max},c=()=>{t.value-l.step>l.min?t.value-=l.step:t.value=l.min},r=m=>{t.value=m,t.value>l.max&&(t.value=l.max),t.value<=l.min&&(t.value=l.min),d("update:modelValue",t.value)},d=a;return(m,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["mc-quantity-selector",n.value])},[e.withDirectives(e.createElementVNode("input",e.mergeProps({id:m.id,"onUpdate:modelValue":i[0]||(i[0]=p=>t.value=p),class:"mc-quantity-selector__control",type:"number",name:m.name,disabled:m.disabled,min:m.min,max:m.max,step:m.step,readonly:m.readonly,"aria-invalid":m.isInvalid,"aria-valuemin":m.min,"aria-valuemax":m.max,"aria-valuenow":t.value},m.$attrs,{onChange:i[1]||(i[1]=p=>r(Number(p.target.value)))}),null,16,Ge),[[e.vModelText,t.value]]),m.readonly?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,type:"button","aria-controls":m.id,class:"mc-quantity-selector__button mc-quantity-selector__button--increase",tabindex:"-1",disabled:m.disabled||t.value===m.max,onClick:o},[e.createElementVNode("span",Ue,[e.createVNode(je)]),e.createElementVNode("span",Ae,e.toDisplayString(m.incrementlabel),1)],8,Re)),m.readonly?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:1,type:"button","aria-controls":m.id,class:"mc-quantity-selector__button mc-quantity-selector__button--decrease",tabindex:"-1",disabled:m.disabled||t.value===m.min,onClick:c},[e.createElementVNode("span",Qe,[e.createVNode(Fe)]),e.createElementVNode("span",We,e.toDisplayString(m.decrementLabel),1)],8,He))],2))}}),[["__scopeId","data-v-a732650a"]]),Ke={class:"mc-radio"},Xe=["id","name","checked","disabled","aria-invalid"],Ye=["for"],w=_(e.defineComponent({__name:"MRadio",props:{id:{},name:{},label:{},modelValue:{type:Boolean},isInvalid:{type:Boolean},disabled:{type:Boolean}},emits:["update:modelValue"],setup(s,{emit:a}){const l=s,t=e.computed(()=>({"is-invalid":l.isInvalid})),n=a;return(o,c)=>(e.openBlock(),e.createElementBlock("div",Ke,[e.createElementVNode("input",e.mergeProps({id:o.id,type:"radio",class:["mc-radio__input",t.value],name:o.name,checked:o.modelValue,disabled:o.disabled,"aria-invalid":o.isInvalid},o.$attrs,{onChange:c[0]||(c[0]=r=>n("update:modelValue",r.target.checked))}),null,16,Xe),o.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:o.id,class:"mc-radio__label"},e.toDisplayString(o.label),9,Ye)):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-da78938c"]]),xe=_(e.defineComponent({__name:"MRadioGroup",props:{name:{},modelValue:{},options:{},isInvalid:{type:Boolean},inline:{type:Boolean}},emits:["update:modelValue"],setup(s,{emit:a}){const l=s,t=e.computed(()=>({"mc-field__container--inline":l.inline})),n=e.computed(()=>({"mc-field__container--inline__item":l.inline})),o=a;return(c,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["mc-field__container",t.value])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.options,d=>(e.openBlock(),e.createBlock(w,{id:d.id,key:d.id,label:d.label,"is-invalid":c.isInvalid,name:c.name,class:e.normalizeClass(["mc-field__item",n.value]),"model-value":c.modelValue===d.value,disabled:d.disabled,"onUpdate:modelValue":m=>m?o("update:modelValue",d.value):null},null,8,["id","label","is-invalid","name","class","model-value","disabled","onUpdate:modelValue"]))),128))],2))}}),[["__scopeId","data-v-d2f5e103"]]),ve=_(e.defineComponent({__name:"MStatusDot",props:{status:{default:"info"},size:{}},setup(s){const a=s,l=e.computed(()=>({[`mc-status-dot--${a.status}`]:a.status&&a.status!="info",[`mc-status-dot--${a.size}`]:a.size&&a.size!="m"}));return(t,n)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(["mc-status-dot",l.value])},null,2))}}),[["__scopeId","data-v-417b563f"]]),et={class:"mc-status-badge__label"},tt=_(e.defineComponent({__name:"MStatusBadge",props:{label:{},status:{default:"info"}},setup(s){const a=s,l=e.computed(()=>({[`mc-status-badge--${a.status}`]:a.status&&a.status!="info"}));return(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["mc-status-badge",l.value])},[e.createVNode(ve,{status:t.status},null,8,["status"]),e.createElementVNode("span",et,e.toDisplayString(t.label),1)],2))}}),[["__scopeId","data-v-3e437a03"]]),at={name:"Cross20",props:{color:{type:String,default:"currentColor"}}},ot={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20"};function lt(s,a,l,t,n,o){return e.openBlock(),e.createElementBlock("svg",ot,a[0]||(a[0]=[e.createElementVNode("g",{"clip-path":"url(#a)"},[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M16.364 4.697a.75.75 0 1 0-1.061-1.06L10 8.938 4.697 3.636a.75.75 0 0 0-1.06 1.06L8.938 10l-5.303 5.303a.75.75 0 0 0 1.061 1.06L10 11.06l5.303 5.303a.75.75 0 0 0 1.06-1.06L11.062 10l5.303-5.303Z"})],-1),e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"a"},[e.createElementVNode("rect",{width:"20",height:"20",fill:"#fff"})])],-1)]))}const nt=_(at,[["render",lt]]),st={name:"InfoCircle32",props:{color:{type:String,default:"currentColor"}}},it={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"};function ct(s,a,l,t,n,o){return e.openBlock(),e.createElementBlock("svg",it,a[0]||(a[0]=[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M16 5C9.925 5 5 9.925 5 16s4.925 11 11 11 11-4.925 11-11S22.075 5 16 5ZM3 16C3 8.82 8.82 3 16 3s13 5.82 13 13-5.82 13-13 13S3 23.18 3 16Zm13-2.333a1 1 0 0 1 1 1v6.666a1 1 0 1 1-2 0v-6.666a1 1 0 0 1 1-1ZM16 12a1.333 1.333 0 1 0 0-2.667A1.333 1.333 0 0 0 16 12Z"},null,-1)]))}const rt=_(st,[["render",ct]]),dt={name:"WarningCircle32",props:{color:{type:String,default:"currentColor"}}},mt={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"};function pt(s,a,l,t,n,o){return e.openBlock(),e.createElementBlock("svg",mt,a[0]||(a[0]=[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M16 5C9.925 5 5 9.925 5 16s4.925 11 11 11 11-4.925 11-11S22.075 5 16 5ZM3 16C3 8.82 8.82 3 16 3s13 5.82 13 13-5.82 13-13 13S3 23.18 3 16Zm13-6.333a1 1 0 0 1 1 1v6.666a1 1 0 1 1-2 0v-6.666a1 1 0 0 1 1-1Zm0 13A1.333 1.333 0 1 0 16 20a1.333 1.333 0 0 0 0 2.667Z"},null,-1)]))}const _t=_(dt,[["render",pt]]),ut={name:"CrossCircle32",props:{color:{type:String,default:"currentColor"}}},bt={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"};function ft(s,a,l,t,n,o){return e.openBlock(),e.createElementBlock("svg",bt,a[0]||(a[0]=[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M5 16C5 9.925 9.925 5 16 5s11 4.925 11 11-4.925 11-11 11S5 22.075 5 16ZM16 3C8.82 3 3 8.82 3 16s5.82 13 13 13 13-5.82 13-13S23.18 3 16 3Zm-3.293 8.293a1 1 0 0 0-1.414 1.414L14.586 16l-3.293 3.293a1 1 0 0 0 1.414 1.414L16 17.414l3.293 3.293a1 1 0 0 0 1.414-1.414L17.414 16l3.293-3.293a1 1 0 0 0-1.414-1.414L16 14.586l-3.293-3.293Z"},null,-1)]))}const kt=_(ut,[["render",ft]]),Bt={name:"CheckCircle32",props:{color:{type:String,default:"currentColor"}}},ht={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"};function gt(s,a,l,t,n,o){return e.openBlock(),e.createElementBlock("svg",ht,a[0]||(a[0]=[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M5 16C5 9.925 9.925 5 16 5s11 4.925 11 11-4.925 11-11 11S5 22.075 5 16ZM16 3C8.82 3 3 8.82 3 16s5.82 13 13 13 13-5.82 13-13S23.18 3 16 3Zm6.707 10.374a1 1 0 0 0-1.414-1.414l-6.626 6.626-3.293-3.293a1 1 0 0 0-1.414 1.414l4 4a1 1 0 0 0 1.414 0l7.333-7.333Z"},null,-1)]))}const $t=_(Bt,[["render",gt]]),yt={class:"mc-status-notification__content"},Vt={class:"mc-status-notification__title"},Ct={class:"mc-status-notification__message"},Et={key:0,class:"mc-status-notification__footer"},Nt=_(e.defineComponent({__name:"MStatusNotification",props:{title:{},description:{},status:{default:"info"},closable:{type:Boolean}},emits:["close"],setup(s,{emit:a}){const l=s,t=e.computed(()=>({[`mc-status-notification--${l.status}`]:l.status&&l.status!="info"})),n=e.computed(()=>{switch(l.status){case"success":return $t;case"warning":return _t;case"error":return kt;case"info":default:return rt}}),o=a;return(c,r)=>(e.openBlock(),e.createElementBlock("section",{class:e.normalizeClass(["mc-status-notification",t.value]),role:"status"},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.value),{class:"mc-status-notification__icon","aria-hidden":"true"})),e.createElementVNode("div",yt,[e.createElementVNode("h2",Vt,e.toDisplayString(c.title),1),e.createElementVNode("p",Ct,e.toDisplayString(c.description),1),c.$slots.footer?(e.openBlock(),e.createElementBlock("div",Et,[e.renderSlot(c.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)]),c.closable?(e.openBlock(),e.createElementBlock("button",{key:0,class:"mc-status-notification-closable__close",onClick:r[0]||(r[0]=d=>o("close"))},[e.createVNode(nt,{class:"mc-status-notification-closable__icon","aria-hidden":"true"}),r[1]||(r[1]=e.createElementVNode("span",{class:"mc-status-notification-closable__text"},"Close",-1))])):e.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-d6e3be16"]]),Mt=["aria-label"],wt=["aria-selected","onClick"],zt={key:0,class:"mc-tabs__icon"},It={class:"mc-tabs__label"},St=_(e.defineComponent({__name:"MTabs",props:{description:{},divider:{type:Boolean,default:!0},centered:{type:Boolean},modelValue:{default:0},tabs:{}},emits:["update:modelValue"],setup(s,{emit:a}){const l=s,t=e.computed(()=>({"mc-tabs--centered":l.centered})),n=e.ref(l.modelValue),o=d=>{l.tabs[d].disabled||d!==n.value&&(n.value=d,r("update:modelValue",d))},c=d=>n.value===d,r=a;return(d,m)=>(e.openBlock(),e.createElementBlock("nav",{class:e.normalizeClass(["mc-tabs",t.value])},[e.createElementVNode("ul",{role:"tablist",class:"mc-tabs__list","aria-label":d.description},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.tabs,(i,p)=>(e.openBlock(),e.createElementBlock("li",{key:`tab-${p}`,role:"presentation",class:"mc-tabs__item"},[e.createElementVNode("button",{ref_for:!0,ref:"tab",role:"tab",class:e.normalizeClass(["mc-tabs__tab",{"mc-tabs__tab--selected":c(p),"mc-tabs__tab--disabled":i.disabled}]),"aria-selected":c(p),type:"button",onClick:f=>o(p)},[i.icon?(e.openBlock(),e.createElementBlock("span",zt,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.icon)))])):e.createCommentVNode("",!0),e.createElementVNode("div",It,[e.createElementVNode("span",null,e.toDisplayString(i.label),1)])],10,wt)]))),128))],8,Mt),d.divider?(e.openBlock(),e.createBlock(V,{key:0})):e.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-fcad128f"]]),Lt=["for"],Tt=["id","name","checked","disabled"],Dt={class:"mc-tag__label"},Pt=["disabled"],jt={class:"mc-tag__label"},Ot=["disabled"],qt={class:"mc-tag__label"},Zt={class:"mc-tag__label"},Ft={class:"mc-tag__label"},Gt=_(e.defineComponent({__name:"MTag",props:{type:{default:"informative"},size:{},id:{},name:{},label:{},modelValue:{type:Boolean},disabled:{type:Boolean},contextualisedNumber:{default:99},removableLabel:{}},emits:["update:modelValue","remove-tag"],setup(s,{emit:a}){const l=s,t=e.computed(()=>({[`mc-tag-${l.type}`]:l.type&&l.type!="informative",[`mc-tag--${l.size}`]:l.size&&l.size!="m"})),n=a;return(o,c)=>o.type==="selectable"?(e.openBlock(),e.createElementBlock("label",{key:0,for:o.id,class:e.normalizeClass(["mc-tag",t.value])},[e.createElementVNode("input",e.mergeProps({type:"checkbox",class:"mc-tag__input",id:o.id,name:o.name,checked:o.modelValue,disabled:o.disabled,onChange:c[0]||(c[0]=r=>n("update:modelValue",r.target.checked))},o.$attrs),null,16,Tt),e.createElementVNode("span",Dt,e.toDisplayString(o.label),1)],10,Lt)):o.type==="interactive"?(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,class:["mc-tag",t.value],type:"button",disabled:o.disabled},o.$attrs),[e.createElementVNode("span",jt,e.toDisplayString(o.label),1)],16,Pt)):o.type==="contextualised"?(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:2,class:["mc-tag",t.value],type:"button",disabled:o.disabled},o.$attrs),[e.createVNode(C,{appearance:"inverse",label:o.contextualisedNumber,size:o.size==="l"?"m":void 0},null,8,["label","size"]),e.createElementVNode("span",qt,e.toDisplayString(o.label),1)],16,Ot)):o.type==="removable"?(e.openBlock(),e.createElementBlock("span",e.mergeProps({key:3,class:["mc-tag",t.value]},o.$attrs),[e.createElementVNode("span",Zt,e.toDisplayString(o.label),1),e.createElementVNode("button",{class:"mc-tag-removable__remove",type:"button",onClick:c[1]||(c[1]=r=>o.id&&n("remove-tag",o.id))},[e.createVNode(h,{class:"mc-tag-removable__icon","aria-hidden":"true"}),c[2]||(c[2]=e.createElementVNode("span",{class:"mc-tag-removable__text"},"removableLabel",-1))])],16)):(e.openBlock(),e.createElementBlock("span",e.mergeProps({key:4,class:["mc-tag",t.value]},o.$attrs),[e.createElementVNode("span",Ft,e.toDisplayString(o.label),1)],16))}}),[["__scopeId","data-v-6a66ee2d"]]),Rt=["id","aria-invalid","value","name","placeholder","disabled","minlength","maxlength","rows","readonly"],Ut=_(e.defineComponent({__name:"MTextArea",props:{id:{},name:{},modelValue:{},placeholder:{},isInvalid:{type:Boolean},disabled:{type:Boolean},rows:{default:2},minLength:{},maxLength:{},readonly:{type:Boolean}},emits:["update:modelValue"],setup(s,{emit:a}){const l=s,t=e.computed(()=>({"is-invalid":l.isInvalid})),n=a;return(o,c)=>(e.openBlock(),e.createElementBlock("textarea",e.mergeProps({id:o.id,class:["mc-textarea",t.value],"aria-invalid":o.isInvalid,value:o.modelValue,name:o.name,placeholder:o.placeholder,disabled:o.disabled,minlength:o.minLength,maxlength:o.maxLength,rows:o.rows,readonly:o.readonly},o.$attrs,{onInput:c[0]||(c[0]=r=>n("update:modelValue",r.target.value))}),null,16,Rt))}}),[["__scopeId","data-v-8184b69c"]]),At={key:0,class:"mc-text-input__icon"},Ht=["id","value","type","name","placeholder","disabled","aria-invalid","readonly"],Qt={key:1,class:"mc-controls-options"},Wt=_(e.defineComponent({__name:"MTextInput",props:{id:{},name:{},modelValue:{},placeholder:{},inputType:{default:"text"},isInvalid:{type:Boolean},disabled:{type:Boolean},size:{default:"m"},readonly:{type:Boolean},isClearable:{type:Boolean},clearLabel:{default:"clear content"}},emits:["update:modelValue"],setup(s,{emit:a}){const l=s,t=e.computed(()=>({[`mc-text-input--${l.size}`]:l.size&&l.size!="m","is-invalid":l.isInvalid})),n=e.ref(l.modelValue),o=()=>{n.value="",c("update:modelValue","")},c=a;return(r,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["mc-text-input",t.value])},[r.$slots.icon?(e.openBlock(),e.createElementBlock("span",At,[e.renderSlot(r.$slots,"icon",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:r.id,class:"mc-text-input__control",value:n.value,type:r.inputType,name:r.name,placeholder:r.placeholder,disabled:r.disabled,"aria-invalid":r.isInvalid,readonly:r.readonly},r.$attrs,{onInput:d[0]||(d[0]=m=>c("update:modelValue",m.target.value))}),null,16,Ht),r.isClearable&&n.value?(e.openBlock(),e.createElementBlock("div",Qt,[e.createElementVNode("button",{type:"button",class:"mc-controls-options__button",onClick:o},[e.createVNode(h,{class:"mc-controls-options__icon","aria-hidden":"true"}),d[1]||(d[1]=e.createElementVNode("span",{class:"mc-controls-options__label"},"{clearLabel}",-1))])])):e.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-38f67338"]]),Jt=["for"],Kt=["id","name","checked","disabled"],Xt=["for"],z=_(e.defineComponent({__name:"MToggle",props:{id:{},name:{},label:{},modelValue:{type:Boolean},size:{default:"s"},disabled:{type:Boolean}},emits:["update:modelValue"],setup(s,{emit:a}){const l=s,t=e.computed(()=>({[`mc-toggle--${l.size}`]:l.size&&l.size!="s"})),n=a;return(o,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["mc-toggle",t.value])},[e.createElementVNode("label",{class:"mc-toggle__container",for:o.id},[e.createElementVNode("input",e.mergeProps({id:o.id,type:"checkbox",class:"mc-toggle__input",name:o.name,checked:o.modelValue,disabled:o.disabled},o.$attrs,{onChange:c[0]||(c[0]=r=>n("update:modelValue",r.target.checked))}),null,16,Kt),o.label?(e.openBlock(),e.createElementBlock("span",{key:0,for:o.id,class:"mc-toggle__label"},e.toDisplayString(o.label),9,Xt)):e.createCommentVNode("",!0)],8,Jt)],2))}}),[["__scopeId","data-v-5be734e7"]]),Yt=_(e.defineComponent({__name:"MToggleGroup",props:{name:{},modelValue:{},options:{},inline:{type:Boolean}},emits:["update:modelValue"],setup(s,{emit:a}){const l=s,t=e.ref([]);e.watch(()=>l.modelValue,d=>{t.value=d||[]},{immediate:!0});const n=(d,m)=>{let i=[...t.value];d&&!i.includes(m)?i.push(m):i=i.filter(p=>p!==m),r("update:modelValue",i),t.value=i},o=e.computed(()=>({"mc-field__container--inline":l.inline})),c=e.computed(()=>({"mc-field__container--inline__item":l.inline})),r=a;return(d,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(o.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.options,i=>(e.openBlock(),e.createBlock(z,{id:i.id,key:i.id,label:i.label,"is-invalid":i.isInvalid,name:d.name,class:e.normalizeClass(c.value),"model-value":d.modelValue?d.modelValue.includes(i.value):void 0,disabled:i.disabled,"onUpdate:modelValue":p=>n(p,i.value)},null,8,["id","label","is-invalid","name","class","model-value","disabled","onUpdate:modelValue"]))),128))],2))}}),[["__scopeId","data-v-c6b10172"]]);u.MBreadcrumb=P,u.MButton=k,u.MCheckbox=y,u.MCheckboxGroup=J,u.MDivider=V,u.MField=ae,u.MFieldGroup=ce,u.MIconButton=B,u.MLink=g,u.MLoader=$,u.MNumberBadge=C,u.MOverlay=pe,u.MPagination=Ee,u.MPasswordInput=Le,u.MQuantitySelector=Je,u.MRadio=w,u.MRadioGroup=xe,u.MSelect=E,u.MStatusBadge=tt,u.MStatusNotification=Nt,u.MTabs=St,u.MTag=Gt,u.MTextArea=Ut,u.MTextInput=Wt,u.MToggle=z,u.MToggleGroup=Yt,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});
|
|
2
2
|
//# sourceMappingURL=mozaic-vue.umd.cjs.map
|