UNPKG

vue-material-adapter

Version:

Vue 3 wrapper arround Material Components for the Web

1 lines 137 kB
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("vue"),Fe=require("@material/form-field/foundation.js"),zt=require("@material/banner/index.js"),le=require("@material/dom/focus-trap.js"),P=require("@material/dom/events.js"),D=require("@material/dom/ponyfill.js"),Kt=require("@material/ripple/index.js"),Xt=require("@material/ripple/util.js"),Pe=require("@material/animation/index.js"),Gt=require("@material/checkbox/foundation.js"),He=require("@material/chips/action/index.js"),Yt=require("@material/chips/chip-set/index.js"),Qt=require("@material/dom/announce.js"),Zt=require("@material/chips/chip/foundation.js"),Jt=require("@material/circular-progress/foundation.js"),$=require("@material/data-table/index.js"),qe=require("@material/dialog/foundation.js"),en=require("@material/dialog/util.js"),je=require("@material/drawer/dismissible/foundation.js"),tn=require("@material/drawer/modal/foundation.js"),nn=require("@material/drawer/util.js"),on=require("@material/list/foundation.js"),an=require("@material/floating-label/foundation.js"),Ue=require("@material/icon-button/foundation.js"),ln=require("@material/line-ripple/foundation.js"),sn=require("@material/linear-progress/foundation.js"),N=require("@material/list/index.js"),rn=require("@material/animation/util.js"),We=require("@material/menu-surface/foundation.js"),ze=require("@material/menu/foundation.js"),Ke=require("@material/notched-outline/foundation.js"),cn=require("@material/radio/foundation.js"),dn=require("@material/segmented-button/segment/index.js"),un=require("@material/segmented-button/index.js"),Xe=require("@material/select/foundation.js"),mn=require("@material/select/helper-text/foundation.js"),Ge=require("@material/select/icon/foundation.js"),H=require("@material/slider"),Ye=require("@material/snackbar/foundation.js"),Qe=require("@material/switch/index.js"),Ze=require("@material/tab-bar/foundation.js"),pn=require("@material/tab-indicator/fading-foundation.js"),vn=require("@material/tab-indicator/foundation.js"),hn=require("@material/tab-indicator/sliding-foundation.js"),fn=require("@material/tab-scroller/foundation.js"),gn=require("@material/tab-scroller/util.js"),bn=require("@material/tab/foundation.js"),Cn=require("@material/textfield/character-counter/foundation.js"),yn=require("@material/textfield/helper-text/foundation.js"),Je=require("@material/textfield/icon/foundation.js"),En=require("@material/textfield/foundation.js"),U=require("@material/tooltip"),_n=require("@material/top-app-bar/fixed/foundation.js"),Sn=require("@material/top-app-bar/short/foundation.js"),et=require("@material/top-app-bar/standard/foundation.js");function wn(e){return e&&e.__esModule?e:{default:e}}function se(e){if(e&&e.__esModule)return e;var o=Object.create(null);return e&&Object.keys(e).forEach(function(n){if(n!=="default"){var a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(o,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}}),o.default=e,Object.freeze(o)}var re=se(en),An=se(nn),xn=se(gn),tt=wn(bn);function T(e){return{version:"__VERSION__",install:o=>{for(const[n,a]of Object.entries(e)){const s=n.replace(/([\da-z])([A-Z])/g,"$1-$2").toLowerCase(),[i,...l]=s.split("-"),r=["mdc",...l].join("-"),h=["mcw",...l].join("-");o._context.components[h]||(o.component(h,a),o.component(r,a))}},components:e}}function R(e,o,n,a=!1){if(e){o=o.toLowerCase();const s=typeof CustomEvent=="function"?new CustomEvent(o,{detail:n,bubbles:a}):kn(o,a,n);e.dispatchEvent(s)}}const kn=(e,o,n)=>document.createEvent("CustomEvent").initCustomEvent(e,o,!1,n),W={name:"custom-link",props:{tag:String,to:[String,Object]},setup(e,{slots:o,attrs:n}){return()=>{var a;const{to:s,href:i,tag:l}=e,r=t.resolveDynamicComponent("router-link");if(s&&r){const g=l!=null?l:"a";return t.h(r,{custom:!0,...n,to:s},{default:m=>{var E;return t.h(g,{...n,onClick:b=>{b.__itemId=n.itemId,m.navigate(b)}},(E=o.default)==null?void 0:E.call(o))}})}const h=i?"a":l!=null?l:"a",u=i?"button":h==="button"?void 0:"button",c=(a=o.default)==null?void 0:a.call(o);return t.h(h,{...n,role:u},{default:()=>c})}}};var ie={props:{activate:Function,deactivate:Function,alignEnd:Boolean,forId:String},inheritAttrs:!1,setup(e,{slots:o,attrs:n}){const a=t.ref();let s;const i=!!o.label,l=t.computed(()=>({"mdc-form-field":i,"mdc-form-field--align-end":i&&e.alignEnd}));return t.onMounted(()=>{e.hasLabel&&(s=new Fe.MDCFormFieldFoundation({registerInteractionHandler:(r,h)=>{a.value.addEventListener(r,h)},deregisterInteractionHandler:(r,h)=>{a.value.removeEventListener(r,h)},activateInputRipple:()=>{e==null||e.activate()},deactivateInputRipple:()=>{e==null||e.deactivate()}}),s.init())}),t.onBeforeUnmount(()=>{s==null||s.destroy()}),()=>{var r,h;const u={};if(n.class)for(const c of n.class.split(" "))u[c]=1;return i?t.h("div",{class:{...l.value,...u}},[(r=o.default)==null?void 0:r.call(o),t.h("label",{for:e.forId,ref:a},[(h=o.label)==null?void 0:h.call(o)])]):o.default()}}},Y={inheritAttrs:!1,props:{isTouch:Boolean},setup(e,{slots:o}){return()=>e.isTouch?t.h("div",{class:"mdc-touch-target-wrapper"},[o.default()]):o.default()}},In=Object.freeze({__proto__:null,BasePlugin:T,emitCustomEvent:R,CustomLink:W,formFieldWrapper:ie,touchWrapper:Y}),ce={inheritAttrs:!1,props:{fixed:Boolean},setup(){return{}}};const Bn={key:0,class:"mdc-banner__fixed"};function Tn(e,o,n,a,s,i){return n.fixed?(t.openBlock(),t.createElementBlock("div",Bn,[t.renderSlot(e.$slots,"default",t.normalizeProps(t.guardReactiveProps(e.$attrs)))])):t.renderSlot(e.$slots,"default",t.normalizeProps(t.mergeProps({key:1},e.$attrs)))}ce.render=Tn,ce.__file="src/banner/banner-content.vue";const $n=(e,o)=>new le.FocusTrap(e,o);var de={name:"mcw-banner",props:{centered:Boolean,modelValue:Boolean,text:String,primaryAction:String,secondaryAction:String,mobile:Boolean,fixed:Boolean,disableAutoClose:Boolean,icon:{type:String,default:()=>""}},components:{bannerContent:ce},setup(e,{emit:o}){const n=t.reactive({classes:{"mdc-banner--centered":e.centered,"mdc-banner--mobile-stacked":e.mobile},styles:{},root:void 0,contentEl:void 0,primaryActionEl:void 0});let a,s;const i=c=>{c?a.open():a.close(c)},l=c=>{a.close(c)},r=c=>{c==1?a.handleSecondaryActionClick(e.disableAutoClose):a.handlePrimaryActionClick(e.disableAutoClose)},h={addClass:c=>{n.classes={...n.classes,[c]:!0},n.root.classList.add(c)},getContentHeight:()=>n.contentEl.offsetHeight,notifyClosed:c=>{o("mdcbanner:closed",{reason:c})},notifyClosing:c=>{o("update:modelValue",!1),o("mdcbanner:closing",{reason:c})},notifyOpened:()=>o("mdcbanner:opened",{}),notifyOpening:()=>{o("mdcbanner:opening",{})},notifyActionClicked:c=>{o("mdcbanner:actionclicked",{action:c})},releaseFocus:()=>{s.releaseFocus()},removeClass:c=>{const{[c]:g,...m}=n.classes;n.classes=m},setStyleProperty:(c,g)=>n.styles={...n.styles,[c]:g},trapFocus:()=>{s.trapFocus()}},u=t.computed(()=>!!e.icon);return t.watch(()=>e.modelValue,c=>{i(c)}),t.onMounted(()=>{s=$n(n.root,{initialFocusEl:n.primaryActionEl}),a=new zt.MDCBannerFoundation(h),a.init()}),t.onBeforeUnmount(()=>{a==null||a.destroy()}),{...t.toRefs(n),onContentClick:r,haveIcon:u,close:l}}};const Vn={class:"mdc-banner__content",role:"alertdialog","aria-live":"assertive",ref:"contentEl"},Nn={class:"mdc-banner__graphic-text-wrapper"},Ln={key:0,class:"mdc-banner__graphic",role:"img",alt:""},Rn={class:"material-icons mdc-banner__icon"},On={class:"mdc-banner__text"},Dn={class:"mdc-banner__actions"},Mn=t.createElementVNode("div",{class:"mdc-button__ripple"},null,-1),Fn={class:"mdc-button__label"},Pn=t.createElementVNode("div",{class:"mdc-button__ripple"},null,-1),Hn={class:"mdc-button__label"};function qn(e,o,n,a,s,i){const l=t.resolveComponent("banner-content");return t.openBlock(),t.createElementBlock("div",{ref:"root",class:t.normalizeClass(["mdc-banner",e.classes]),role:"banner",style:t.normalizeStyle(e.styles)},[t.createVNode(l,{fixed:e.fixed},{default:t.withCtx(()=>[t.createElementVNode("div",Vn,[t.createElementVNode("div",Nn,[e.haveIcon?(t.openBlock(),t.createElementBlock("div",Ln,[t.createElementVNode("i",Rn,t.toDisplayString(e.icon),1)])):t.createCommentVNode("v-if",!0),t.createElementVNode("div",On,t.toDisplayString(e.text),1)]),t.createElementVNode("div",Dn,[e.secondaryAction?(t.openBlock(),t.createElementBlock("button",{key:0,type:"button",class:"mdc-button mdc-banner__secondary-action",onClick:o[0]||(o[0]=t.withModifiers(r=>e.onContentClick(1),["stop"]))},[Mn,t.createElementVNode("div",Fn,t.toDisplayString(e.secondaryAction),1)])):t.createCommentVNode("v-if",!0),t.createElementVNode("button",{type:"button",class:"mdc-button mdc-banner__primary-action",ref:"primaryActionEl",onClick:o[1]||(o[1]=t.withModifiers(r=>e.onContentClick(0),["stop"]))},[Pn,t.createElementVNode("div",Hn,t.toDisplayString(e.primaryAction),1)],512)])],512)]),_:1},8,["fixed"])],6)}de.render=qn,de.__file="src/banner/banner.vue";var nt=T({mcwBanner:de});class ot extends Kt.MDCRippleFoundation{constructor(o,n,{unbounded:a=!1,...s}={}){var i;const l=(i=o.$el)!=null?i:o;super({addClass:r=>{n?n.classes={...n.classes,[r]:!0}:l.classList.add(r)},browserSupportsCssVars:()=>Xt.supportsCssVariables(window),computeBoundingRect:()=>l.getBoundingClientRect(),containsEventTarget:r=>l.contains(r),deregisterDocumentInteractionHandler:(r,h)=>document.documentElement.removeEventListener(r,h,P.applyPassive()),deregisterInteractionHandler:(r,h)=>l.removeEventListener(r,h,P.applyPassive()),deregisterResizeHandler:r=>window.removeEventListener("resize",r),getWindowPageOffset:()=>({x:window.pageXOffset,y:window.pageYOffset}),isSurfaceActive:()=>D.matches(l,":active"),isSurfaceDisabled:()=>!1,isUnbounded:()=>this.unbounded_,registerDocumentInteractionHandler:(r,h)=>document.documentElement.addEventListener(r,h,P.applyPassive()),registerInteractionHandler:(r,h)=>{l.addEventListener(r,h,P.applyPassive())},registerResizeHandler:r=>window.addEventListener("resize",r),removeClass:r=>{if(n){const{[r]:h,...u}=n.classes;n.classes=u}else l.classList.remove(r)},updateCssVariable:(r,h)=>{n?n.styles={...n.styles,[r]:h}:l.style.setProperty(r,h)},...s}),this.unbounded_=a}get unbounded(){return this.unbounded_}set unbounded(o){this.unbounded_=Boolean(o),this.setUnbounded(this.unbounded_)}}function M(e,o){const n=t.ref(),a=t.shallowReactive({classes:{},styles:{}}),s=()=>{var l;return(l=n.value)==null?void 0:l.activate()},i=()=>{var l;return(l=n.value)==null?void 0:l.deactivate()};return t.onMounted(()=>{n.value=new ot(e.value,a,o),n.value.init()}),t.onBeforeUnmount(()=>{n.value.destroy()}),{...t.toRefs(a),activate:s,deactivate:i}}var Q=t.defineComponent({name:"mcw-button",props:{raised:Boolean,unelevated:Boolean,outlined:Boolean,icon:String,trailingIcon:String,isTouch:Boolean},components:{CustomLink:W},setup(e,{slots:o}){const n=t.ref(),{classes:a,styles:s}=M(n),i=t.computed(()=>{var h;return(h=o.icon)!=null?h:e.icon}),l=t.computed(()=>{var h;return(h=o.trailingIcon)!=null?h:e.trailingIcon}),r=t.computed(()=>({...a.value,"mdc-button":!0,"mdc-button--raised":e.raised,"mdc-button--unelevated":e.unelevated&&!e.raised,"mdc-button--outlined":e.outlined,"mdc-button--icon-leading":i.value,"mdc-button--icon-trailing":l.value}));return{styles:s,classes:r,root:n,haveIcon:i,haveTrailingIcon:l}}});const jn=t.createElementVNode("div",{class:"mdc-button__ripple"},null,-1),Un={key:0,class:"mdc-button__touch"},Wn=t.createElementVNode("span",{class:"mdc-button__focus-ring"},null,-1),zn={class:"material-icons mdc-button__icon","aria-hidden":"true"},Kn={class:"mdc-button__label"},Xn={class:"material-icons mdc-button__icon","aria-hidden":"true"};function Gn(e,o,n,a,s,i){const l=t.resolveComponent("custom-link");return t.openBlock(),t.createBlock(l,{ref:"root",class:t.normalizeClass(e.classes),style:t.normalizeStyle(e.styles),tag:"button"},{default:t.withCtx(()=>[jn,e.isTouch?(t.openBlock(),t.createElementBlock("span",Un)):t.createCommentVNode("v-if",!0),Wn,e.haveIcon?t.renderSlot(e.$slots,"icon",{key:1},()=>[t.createElementVNode("i",zn,t.toDisplayString(e.icon),1)]):t.createCommentVNode("v-if",!0),t.createElementVNode("span",Kn,[t.renderSlot(e.$slots,"default")]),e.haveTrailingIcon?t.renderSlot(e.$slots,"trailingIcon",{key:2},()=>[t.createElementVNode("i",Xn,t.toDisplayString(e.trailingIcon),1)]):t.createCommentVNode("v-if",!0)]),_:3},8,["class","style"])}Q.render=Gn,Q.__file="src/button/button.vue";var at=T({mcwButton:Q}),Yn={name:"mcw-card-action-buttons",setup(e,{slots:o}){return()=>{var n;return t.h("div",{class:["mdc-card__action-buttons"]},[(n=o.default)==null?void 0:n.call(o)])}}},Qn={name:"mcw-card-action-icons",setup(e,{slots:o}){return()=>{var n;return t.h("div",{class:["mdc-card__action-icons"]},[(n=o.default)==null?void 0:n.call(o)])}}},Zn={name:"mcw-card-actions",props:{fullBleed:Boolean},setup(e,{slots:o}){return()=>{var n;return t.h("section",{class:[{"mdc-card__actions":1,"mdc-card__actions--full-bleed":e.fullBleed}]},(n=o.default)==null?void 0:n.call(o))}}},Jn={name:"mcw-card-media",props:{src:String,square:{type:Boolean,default(){return!1}},wide:{type:Boolean,default(){return!1}},contentClass:String},setup(e,{slots:o}){return()=>{var n;const a=[],s=(n=o.default)==null?void 0:n.call(o);return s&&a.push(t.h("div",{class:["mdc-card__media-content",e.contentClass]},s)),t.h("section",{class:{"mdc-card__media":1,"mdc-card__media--square":e.square,"mdc-card__media--16-9":e.wide&&!e.square},style:{backgroundImage:`url(${e.src})`}},a)}}},eo={name:"mcw-card-primary-action",setup(e,{slots:o}){const n=t.ref(),{classes:a,styles:s}=M(n),i=t.computed(()=>({...a.value,"mdc-card__primary-action":1}));return()=>t.h(W,{ref:n,class:i.value,style:s,tabindex:"0"},()=>[o.default(),t.h("div",{class:"mdc-card__ripple"})])}},to={name:"mcw-card",props:{outlined:Boolean},setup(e,{attrs:o,slots:n}){return()=>{var a;const{outlined:s}=e;return t.h("div",{class:[{"mdc-card":1,"mdc-card--outlined":s}],...o},(a=n.default)==null?void 0:a.call(n))}}},lt=T({mcwCard:to,mcwCardPrimaryAction:eo,mcwCardMedia:Jn,mcwCardActions:Zn,mcwCardActionButtons:Yn,mcwCardActionIcons:Qn}),no={props:{activate:Function,deactivate:Function,alignEnd:Boolean,checkboxId:String},inheritAttrs:!1,setup(e,{slots:o}){const n=t.ref();let a;const s=!!o.label,i=t.computed(()=>({"mdc-form-field":s,"mdc-form-field--align-end":s&&e.alignEnd}));return t.onMounted(()=>{e.hasLabel&&(a=new Fe.MDCFormFieldFoundation({registerInteractionHandler:(l,r)=>{n.value.addEventListener(l,r)},deregisterInteractionHandler:(l,r)=>{n.value.removeEventListener(l,r)},activateInputRipple:()=>{e==null||e.activate()},deactivateInputRipple:()=>{e==null||e.deactivate()}}),a.init())}),t.onBeforeUnmount(()=>{a==null||a.destroy()}),()=>{var l,r;return s?t.h("div",{class:{"mdc-checkbox-wrapper":1,...i.value}},[(l=o.default)==null?void 0:l.call(o),t.h("label",{for:e.checkboxId,ref:n},[(r=o.label)==null?void 0:r.call(o)])]):o.default()}}};const st=["checked","indeterminate"];let oo=0;var ue={name:"mcw-checkbox",props:{modelValue:{type:[Boolean,Array],default:()=>!1},indeterminate:{type:Boolean,default:()=>!1},disabled:Boolean,label:String,alignEnd:Boolean,value:{type:[String,Number],default(){return"on"}},name:String},inheritAttrs:!1,setup(e,{emit:o,slots:n}){const a=t.reactive({classes:{"mdc-checkbox":1},control:void 0,labelEl:void 0,root:void 0});let s;const i=`__mcw-checkbox-${oo++}`,{classes:l,styles:r,activate:h,deactivate:u}=M(t.toRef(a,"root"),{isUnbounded:()=>!0,isSurfaceActive:()=>D.matches(a.control,":active"),registerInteractionHandler:(d,v)=>{a.control.addEventListener(d,v,P.applyPassive())},deregisterInteractionHandler:(d,v)=>{a.control.removeEventListener(d,v,P.applyPassive())},computeBoundingRect:()=>a.root.getBoundingClientRect()}),c=t.computed(()=>({...l.value,...a.classes})),g=t.computed(()=>!!(e.label||n.default)),m=({target:{indeterminate:d,checked:v}})=>{if(o("update:indeterminate",d),Array.isArray(e.modelValue)){const p=e.modelValue.indexOf(e.value);v?p<0&&o("update:modelValue",[...e.modelValue,e.value]):p>-1&&o("update:modelValue",[...e.modelValue.slice(0,p),...e.modelValue.slice(p+1)])}else R(a.root,"mdccheckbox:change",{},!0),o("update:modelValue",v)},E=()=>a.control.checked,b={addClass:d=>a.classes={...a.classes,[d]:!0},forceLayout:()=>a.root.offsetWidth,hasNativeControl:()=>!0,isAttachedToDOM:()=>!0,isChecked:()=>a.control.checked,isIndeterminate:()=>a.control.indeterminate,removeClass:d=>{const{[d]:v,...p}=a.classes;a.classes=p},removeNativeControlAttr:d=>{a.control.removeAttribute(d)},setNativeControlAttr:(d,v)=>{a.control.setAttribute(d,v)},setNativeControlDisabled:d=>a.control.disabled=d},C=()=>s.handleAnimationEnd(),f=d=>{a.control.checked=Array.isArray(d)?d.includes(e.value):d},y=d=>{a.control&&(a.control.indeterminate=d)},k=()=>{const d=a.control,v=Object.getPrototypeOf(d);for(const p of st){const S=Object.getOwnPropertyDescriptor(v,p);if(rt(S)){const V={get:S.get,set:O=>{S.set.call(d,O),s.handleChange()},configurable:S.configurable,enumerable:S.enumerable};Object.defineProperty(d,p,V)}}},B=()=>{const d=a.control,v=Object.getPrototypeOf(d);for(const p of st){const S=Object.getOwnPropertyDescriptor(v,p);rt(S)&&Object.defineProperty(d,p,S)}};t.watch(()=>e.disabled,(d,v)=>{d!=v&&(s==null||s.setDisabled(d))}),t.watch(()=>e.modelValue,(d,v)=>{d!=v&&f(d)}),t.watch(()=>e.indeterminate,(d,v)=>{d!=v&&y(d)});const I={setIndeterminate:y,isChecked:E,setChecked:f,isIndeterminate:()=>a.control.indeterminate};return t.onMounted(()=>{s=new Gt.MDCCheckboxFoundation(b),a.root.addEventListener(Pe.getCorrectEventName(window,"animationend"),C),a.root.__checkboxHelpers=I,k(),s.init(),f(e.modelValue),s.setDisabled(e.disabled),y(e.indeterminate)}),t.onBeforeUnmount(()=>{a.root.removeEventListener(Pe.getCorrectEventName(window,"animationend"),C),B(),s.destroy()}),{...t.toRefs(a),rootClasses:c,onChange:m,styles:r,hasLabel:g,setChecked:f,setIndeterminate:y,isChecked:E,checkboxId:i,activate:h,deactivate:u}},components:{checkboxContent:no}};function rt(e){return!!e&&typeof e.set=="function"}const ao=["id","name","value"],lo=t.createElementVNode("div",{class:"mdc-checkbox__background"},[t.createElementVNode("svg",{class:"mdc-checkbox__checkmark",viewBox:"0 0 24 24"},[t.createElementVNode("path",{class:"mdc-checkbox__checkmark-path",fill:"none",d:"M1.73,12.91 8.1,19.28 22.79,4.59"})]),t.createElementVNode("div",{class:"mdc-checkbox__mixedmark"})],-1),so=t.createElementVNode("div",{class:"mdc-checkbox__ripple"},null,-1),ro=t.createElementVNode("div",{class:"mdc-checkbox__focus-ring"},null,-1);function io(e,o,n,a,s,i){const l=t.resolveComponent("checkbox-content");return t.openBlock(),t.createBlock(l,{activate:e.activate,deactivate:e.deactivate,checkboxId:e.checkboxId},t.createSlots({default:t.withCtx(()=>[t.createElementVNode("div",t.mergeProps({ref:"root",class:e.rootClasses,style:e.styles},e.$attrs),[t.createElementVNode("input",{id:e.checkboxId,ref:"control",name:e.name,value:e.value,type:"checkbox",class:"mdc-checkbox__native-control",onChange:o[0]||(o[0]=(...r)=>e.onChange&&e.onChange(...r))},null,40,ao),lo,so,ro],16)]),_:2},[e.hasLabel?{name:"label",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"default",{},()=>[t.createTextVNode(t.toDisplayString(e.label),1)])]),key:"0"}:void 0]),1032,["activate","deactivate","checkboxId"])}ue.render=io,ue.__file="src/checkbox/checkbox.vue";var it=T({mcwCheckbox:ue}),me={props:{primary:{type:Boolean},trailingAction:{type:Boolean},icon:{type:String},presentational:{type:Boolean}},setup(e){const o=t.reactive({rippleEl:void 0,root:void 0}),{classes:n,styles:a}=M(t.toRef(o,"root"),{unbounded:!0,computeBoundingRect:()=>o.rippleEl.getBoundingClientRect()}),s=t.inject("registerAction"),i=t.inject("mcwChipSet"),l=t.computed(()=>({...n.value,...o.classes,"mdc-evolution-chip__action--presentational":e.presentational}));let r;const h=i.role==="listbox",u={emitEvent:(I,d)=>{R(o.root,I,d,!0)},focus:()=>{o.root.focus()},getAttribute:I=>o.root.getAttribute(I),getElementID:()=>o.root.id,removeAttribute:I=>{o.root.removeAttribute(I)},setAttribute:(I,d)=>{o.root.setAttribute(I,d)}},c=I=>{r.setDisabled(I)},g=()=>r.isDisabled(),m=I=>{r.setFocus(I)},E=()=>r.isFocusable(),b=I=>{r.setSelected(I)},C=()=>r.isSelected(),f=()=>r.isSelectable(),y=()=>r.actionType(),k=()=>{r.handleClick()},B=I=>r.handleKeydown(I);return t.onMounted(()=>{r=e.primary?new He.MDCChipPrimaryActionFoundation(u):new He.MDCChipTrailingActionFoundation(u),r.init(),s(t.getCurrentInstance().ctx)}),{...t.toRefs(o),classes:l,styles:a,setDisabled:c,isDisabled:g,setFocus:m,isFocusable:E,setSelected:b,isSelected:C,isSelectable:f,actionType:y,isFilter:h,handleClick:k,handleKeydown:B}}};const co={ref:"rippleEl",class:"mdc-evolution-chip__ripple mdc-evolution-chip__ripple--primary"},uo={class:"mdc-evolution-chip__graphic"},mo={key:0,class:"mdc-evolution-chip__icon mdc-evolution-chip__icon--primary material-icons"},po=t.createElementVNode("span",{class:"mdc-evolution-chip__checkmark"},[t.createElementVNode("svg",{class:"mdc-evolution-chip__checkmark-svg",viewBox:"-2 -3 30 30"},[t.createElementVNode("path",{class:"mdc-evolution-chip__checkmark-path",fill:"none",stroke:"black",d:"M1.73,12.91 8.1,19.28 22.79,4.59"})])],-1),vo=t.createElementVNode("span",{class:"mdc-evolution-chip__text-label"},"Chip label",-1),ho={ref:"rippleEl",class:"mdc-evolution-chip__ripple mdc-evolution-chip__ripple--primary"},fo={key:0,class:"mdc-evolution-chip__graphic"},go={class:"mdc-evolution-chip__icon mdc-evolution-chip__icon--primary material-icons"},bo={class:"mdc-evolution-chip__text-label"},Co={ref:"rippleEl",class:"mdc-evolution-chip__ripple mdc-evolution-chip__ripple--trailing"},yo={class:"mdc-evolution-chip__icon mdc-evolution-chip__icon--trailing material-icons"};function Eo(e,o,n,a,s,i){return e.primary?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[e.isFilter?(t.openBlock(),t.createElementBlock("span",{key:0,ref:"root",class:"mdc-evolution-chip__action mdc-evolution-chip__action--primary",role:"option","aria-selected":"false",tabindex:"0",onClick:o[0]||(o[0]=(...l)=>e.handleClick&&e.handleClick(...l)),onKeydown:o[1]||(o[1]=(...l)=>e.handleKeydown&&e.handleKeydown(...l))},[t.createElementVNode("span",co,null,512),t.createElementVNode("span",uo,[e.icon?(t.openBlock(),t.createElementBlock("span",mo,t.toDisplayString(e.icon),1)):t.createCommentVNode("v-if",!0),t.createCommentVNode(" optional "),po]),vo],544)):(t.openBlock(),t.createElementBlock("button",{key:1,ref:"root",class:t.normalizeClass(["mdc-evolution-chip__action mdc-evolution-chip__action--primary",e.classes]),style:t.normalizeStyle(e.styles),type:"button",tabindex:"0"},[t.createElementVNode("span",ho,null,512),e.icon?(t.openBlock(),t.createElementBlock("span",fo,[t.createElementVNode("span",go,t.toDisplayString(e.icon),1)])):t.createCommentVNode("v-if",!0),t.createElementVNode("span",bo,[t.renderSlot(e.$slots,"default")])],6))],64)):(t.openBlock(),t.createElementBlock("button",{key:1,ref:"root",class:"mdc-evolution-chip__action mdc-evolution-chip__action--trailing",type:"button",tabindex:"-1","data-mdc-deletable":"true",onClick:o[2]||(o[2]=(...l)=>e.handleClick&&e.handleClick(...l)),onKeydown:o[3]||(o[3]=(...l)=>e.handleKeydown&&e.handleKeydown(...l))},[t.createElementVNode("span",Co,null,512),t.createElementVNode("span",yo,[t.renderSlot(e.$slots,"default")])],544))}me.render=Eo,me.__file="src/chips/chip-action.vue";var pe={name:"mcw-chip-checkmark",setup(){const e=t.ref(0),o=t.ref();return t.onMounted(()=>e.value=o.value.getBoundingClientRect().height),{width:e,root:o}}};const _o={ref:"root",class:"mdc-chip__checkmark"},So=t.createElementVNode("svg",{class:"mdc-chip__checkmark-svg",viewBox:"-2 -3 30 30"},[t.createElementVNode("path",{class:"mdc-chip__checkmark-path",fill:"none",stroke:"black",d:"M1.73,12.91 8.1,19.28 22.79,4.59"})],-1),wo=[So];function Ao(e,o,n,a,s,i){return t.openBlock(),t.createElementBlock("span",_o,wo,512)}pe.render=Ao,pe.__file="src/chips/chip-checkmark.vue";var ve={name:"mcw-chip-set",props:{multiSelectable:{type:Boolean},orientation:{type:String,default:()=>"horizontal"},overflow:{type:Boolean},role:{type:String,default:()=>"grid"}},setup(e){const o=t.reactive({classes:{"mdc-evolution-chip-set--overflow":e.overflow},myListeners:{},attrs:{},root:void 0});let n;const a=[];e.role=="listbox"&&(o.attrs["aria-orientation"]=e.orientation,e.multiSelectable&&(o.attrs["aria-multiselectable"]="true")),t.provide("registerChip",c=>{a.push(c)});const s=c=>c>-1&&c<a.length,i={announceMessage:c=>{Qt.announce(c)},emitEvent:(c,g)=>{R(o.root,c,g,!0)},getAttribute:c=>o.root.getAttribute(c),getChipActionsAtIndex:c=>s(c)?a[c].getActions():[],getChipCount:()=>a.length,getChipIdAtIndex:c=>s(c)?a[c].getElementID():"",getChipIndexById:c=>a.findIndex(g=>g.getElementID()===c),isChipFocusableAtIndex:(c,g)=>s(c)?a[c].isActionFocusable(g):!1,isChipSelectableAtIndex:(c,g)=>s(c)?a[c].isActionSelectable(g):!1,isChipSelectedAtIndex:(c,g)=>s(c)?a.value[c].isActionSelected(g):!1,removeChipAtIndex:c=>{!s(c)||(a[c].remove(),a.splice(c,1))},setChipFocusAtIndex:(c,g,m)=>{!s(c)||a[c].setActionFocus(g,m)},setChipSelectedAtIndex:(c,g,m)=>{!s(c)||a[c].setActionSelected(g,m)},startChipAnimationAtIndex:(c,g)=>{!s(c)||a[c].startAnimation(g)}};t.provide("mcwChipSet",{role:e.role,singleSelection:!e.multiSelectable});const l=c=>{n.handleChipAnimation(c)},r=c=>{n.handleChipInteraction(c)},h=c=>n.handleChipNavigation(c),u=c=>{!s(c)||(a[c].remove(),a.splice(c,1))};return t.onMounted(()=>{n=new Yt.MDCChipSetFoundation(i),n.init()}),t.onBeforeUnmount(()=>{n.destroy()}),{...t.toRefs(o),handleChipAnimation:l,handleChipInteraction:r,handleChipNavigation:h,removeChip:u}}};const xo=["role"],ko={class:"mdc-evolution-chip-set__chips",role:"presentation"};function Io(e,o,n,a,s,i){return t.openBlock(),t.createElementBlock("span",t.mergeProps({ref:"root",class:["mdc-evolution-chip-set",e.classes],role:e.role,"onMdcchip:animation":o[0]||(o[0]=(...l)=>e.handleChipAnimation&&e.handleChipAnimation(...l)),"onMdcchip:interaction":o[1]||(o[1]=(...l)=>e.handleChipInteraction&&e.handleChipInteraction(...l)),"onMdcchip:navigation":o[2]||(o[2]=(...l)=>e.handleChipNavigation&&e.handleChipNavigation(...l))},e.attrs),[t.createElementVNode("span",ko,[t.renderSlot(e.$slots,"default")])],16,xo)}ve.render=Io,ve.__file="src/chips/chip-set.vue";let Bo=0;var he={name:"mcw-chip",props:{leadingIcon:[String],trailingIcon:[String],avatar:{type:Boolean},shouldRemoveOnTrailingIconClick:{type:Boolean,default(){return!0}},disabled:{type:Boolean},selected:{type:Boolean},presentational:{type:Boolean}},setup(e,{slots:o}){const n=t.reactive({classes:{"mdc-evolution-chip--disabled":e.disabled,"mdc-evolution-chip--selected":e.selected},leadingClasses:{"mdc-chip__icon":1,"mdc-chip__icon--leading":1,"material-icons":1},styles:{},myListeners:{},root:void 0,checkmarkEl:void 0,trailingAction:void 0}),a=t.inject("registerChip"),s=t.inject("mcwChipSet"),i=Bo++;let l;const r=new Map;t.provide("registerAction",A=>{r.set(A.actionType(),A)});const h={addClass:A=>n.classes={...n.classes,[A]:!0},emitEvent:(A,_)=>{R(n.root,A,_,!0)},getActions:()=>{const A=[];for(const[_]of r)A.push(_);return A},getAttribute:A=>n.root.getAttribute(A),getElementID:()=>n.root.id,getOffsetWidth:()=>n.root.offsetWidth,hasClass:A=>n.root.classList.contains(A),isActionSelectable:A=>{const _=r.get(A);return _?_.isSelectable():!1},isActionSelected:A=>{const _=r.get(A);return _?_.isSelected():!1},isActionFocusable:A=>{const _=r.get(A);return _?_.isFocusable():!1},isActionDisabled:A=>{const _=r.get(A);return _?_.isDisabled():!1},isRTL:()=>window.getComputedStyle(n.root).getPropertyValue("direction")==="rtl",removeClass:A=>{const{[A]:_,...L}=n.classes;n.classes=L},setActionDisabled:(A,_)=>{const L=r.get(A);L&&L.setDisabled(_)},setActionFocus:(A,_)=>{const L=r.get(A);L&&L.setFocus(_)},setActionSelected:(A,_)=>{const L=r.get(A);L&&L.setSelected(_)},setStyleProperty:(A,_)=>n.styles={...n.styles,[A]:_}},u=t.computed(()=>{const A=o["leading-icon"];return A&&A[0]||!!e.leadingIcon}),c=t.computed(()=>{const A=o["trailing-icon"];return A&&A[0]||!!e.trailingIcon}),g=t.computed(()=>({...n.classes,"mdc-evolution-chip--with-trailing-action":c.value,"mdc-evolution-chip--with-primary-graphic":u.value||s.role==="listbox","mdc-evolution-chip--with-primary-icon":u.value,"mdc-evolution-chip--selectable":s.role==="listbox","mdc-evolution-chip--filter":s.role==="listbox","mdc-evolution-chip--with-avatar":e.avatar})),m=()=>{n.root.parentNode!==null&&n.root.remove()},E=()=>l.getActions(),b=()=>l.getElementID(),C=()=>l.isDisabled(),f=A=>{l.setDisabled(A)},y=A=>l.isActionFocusable(A),k=A=>l.isActionSelectable(A),B=A=>l.isActionSelected(A),I=(A,_)=>{l.setActionFocus(A,_)},d=(A,_)=>{l.setActionSelected(A,_)},v=A=>{l.startAnimation(A)};a(t.getCurrentInstance().ctx);const p=A=>{l.handleActionInteraction(A)},S=A=>{l.handleActionNavigation(A)},V=A=>{l.handleAnimationEnd(A)},O=A=>{l.handleTransitionEnd(A)};return t.onMounted(()=>{l=new Zt.MDCChipFoundation(h),l.init()}),t.onBeforeUnmount(()=>{l.destroy()}),{...t.toRefs(n),classes:g,id:i,remove:m,getActions:E,getElementID:b,isDisabled:C,setDisabled:f,isActionFocusable:y,isActionSelectable:k,isActionSelected:B,setActionFocus:I,setActionSelected:d,startAnimation:v,hasleadingIcon:u,hasTrailingAction:c,handleAnimationEnd:V,handleActionInteraction:p,handleActionNavigation:S,handleTransitionEnd:O}}};const To={class:"mdc-evolotion-chip__cell mdc-evolution-chip__cell--primary",role:"gridcell"},$o={key:0,class:"mdc-evolution-chip__cell mdc-evolution-chip__cell--trailing",role:"gridcell"};function Vo(e,o,n,a,s,i){const l=t.resolveComponent("mcw-chip-action");return t.openBlock(),t.createElementBlock("span",{ref:"root",class:t.normalizeClass(["mdc-evolution-chip",e.classes]),role:"row","onMdcchipaction:interaction":o[0]||(o[0]=(...r)=>e.handleActionInteraction&&e.handleActionInteraction(...r)),"onMdcchipaction:navigation":o[1]||(o[1]=(...r)=>e.handleActionNavigation&&e.handleActionNavigation(...r)),onAnimationend:o[2]||(o[2]=(...r)=>e.handleAnimationEnd&&e.handleAnimationEnd(...r)),onTransitionend:o[3]||(o[3]=(...r)=>e.handleTransitionEnd&&e.handleTransitionEnd(...r))},[t.createElementVNode("span",To,[t.createVNode(l,{primary:"",icon:e.leadingIcon,presentational:e.presentational},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["icon","presentational"])]),e.hasTrailingAction?(t.openBlock(),t.createElementBlock("span",$o,[t.createVNode(l,{"trailing-action":""},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.trailingIcon),1)]),_:1})])):t.createCommentVNode("v-if",!0)],34)}he.render=Vo,he.__file="src/chips/chip.vue";var ct=T({mcwChip:he,mcwChipSet:ve,mcwChipCheckmark:pe,mcwChipAction:me});const No={type:[Number,String],validator(e){return Number(e)>=0&&Number(e)<=1}};var fe={name:"mcw-circular-progress",props:{open:{type:Boolean,default:!0},indeterminate:Boolean,medium:Boolean,progress:No,tag:{type:String,default:"div"},label:{type:String},fourColor:Boolean},setup(e){const o=t.reactive({classes:{"mdc-circular-progress":1,"mdc-circular-progress--medium":e.medium,"mdc-circular-progress--large":!e.medium},rootAttrs:e.medium?{style:{width:"36px",height:"36px"}}:{style:{width:"48px",height:"48px"}},circleAttrs:ge(e.medium,!1),trackAttrs:Lo(e.medium),indeterminateAttrs:ge(e.medium,!0),viewbox:e.medium?"0 0 36 36":"0 0 48 48",root:void 0});let n;const a={addClass:r=>{o.classes={...o.classes,[r]:!0}},getDeterminateCircleAttribute:r=>o.circleAttrs[r],hasClass:r=>o.root.classList.contains(r),removeClass:r=>{const{[r]:h,...u}=o.classes;o.classes=u},removeAttribute:r=>{const{[r]:h,...u}=o.rootAttrs;o.rootAttrs=u},setAttribute:(r,h)=>{o.rootAttrs={...o.rootAttrs,[r]:h}},setDeterminateCircleAttribute:(r,h)=>o.circleAttrs={...o.circleAttrs,[r]:h}},s=t.computed(()=>({role:"progressbar","aria-valuemin":"0","aria-valuemax":"1","aria-label":e.label,...o.rootAttrs}));t.watch(()=>e.open,r=>{r?n.open():n.close()}),t.watch(()=>e.progress,r=>{n.setProgress(Number(r))}),t.watch(()=>e.indeterminate,r=>{n.setDeterminate(!r)});const i=r=>e.fourColor?`mdc-circular-progress__color-${r}`:void 0,l=Array.from({length:e.fourColor?4:1},(r,h)=>h+1);return t.onMounted(()=>{n=new Jt.MDCCircularProgressFoundation(a),n.init(),n.setProgress(Number(e.progress)),n.setDeterminate(!e.indeterminate),e.open?n.open():n.close()}),t.onBeforeUnmount(()=>n.destroy()),{...t.toRefs(o),rootAttributes:s,colors:l,colorClass:i}}};function ge(e=!1,o=!0){return e?{cx:"16",cy:"16",r:"12.5","stroke-dasharray":"78.54","stroke-dashoffset":o?"39.27":"78.54","stroke-width":"3"}:{cx:"24",cy:"24",r:"18","stroke-dasharray":"113.097","stroke-dashoffset":o?"56.549":"113.097","stroke-width":"4"}}function Lo(e=!1){const{["stroke-dasharray"]:o,["stroke-dashoffset"]:n,...a}=ge(e);return a}const Ro={class:"mdc-circular-progress__determinate-container"},Oo=["viewBox"],Do={class:"mdc-circular-progress__indeterminate-container"},Mo={class:"mdc-circular-progress__circle-clipper mdc-circular-progress__circle-left"},Fo=["viewBox"],Po={class:"mdc-circular-progress__gap-patch"},Ho=["viewBox"],qo={class:"mdc-circular-progress__circle-clipper mdc-circular-progress__circle-right"},jo=["viewBox"];function Uo(e,o,n,a,s,i){return t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createCommentVNode("must be no space between divs"),t.createCommentVNode(" prettier-ignore "),t.createElementVNode("div",t.mergeProps({ref:"root",class:e.classes,role:"progressbar"},e.rootAttributes),[t.createElementVNode("div",Ro,[(t.openBlock(),t.createElementBlock("svg",{class:"mdc-circular-progress__determinate-circle-graphic",viewBox:e.viewbox,xmlns:"http://www.w3.org/2000/svg"},[t.createElementVNode("circle",t.mergeProps({class:"mdc-circular-progress__determinate-track"},e.trackAttrs),null,16),t.createElementVNode("circle",t.mergeProps({class:"mdc-circular-progress__determinate-circle"},e.circleAttrs),null,16)],8,Oo))]),t.createElementVNode("div",Do,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.colors,l=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["mdc-circular-progress__spinner-layer",e.colorClass(l)]),key:l},[t.createElementVNode("div",Mo,[(t.openBlock(),t.createElementBlock("svg",{class:"mdc-circular-progress__indeterminate-circle-graphic",viewBox:e.viewbox,xmlns:"http://www.w3.org/2000/svg"},[t.createElementVNode("circle",t.normalizeProps(t.guardReactiveProps(e.indeterminateAttrs)),null,16)],8,Fo)),t.createCommentVNode("must be no space between divs")]),t.createElementVNode("div",Po,[(t.openBlock(),t.createElementBlock("svg",{class:"mdc-circular-progress__indeterminate-circle-graphic",viewBox:e.viewbox,xmlns:"http://www.w3.org/2000/svg"},[t.createElementVNode("circle",t.normalizeProps(t.guardReactiveProps(e.indeterminateAttrs)),null,16)],8,Ho))]),t.createElementVNode("div",qo,[(t.openBlock(),t.createElementBlock("svg",{class:"mdc-circular-progress__indeterminate-circle-graphic",viewBox:e.viewbox,xmlns:"http://www.w3.org/2000/svg"},[t.createElementVNode("circle",t.normalizeProps(t.guardReactiveProps(e.indeterminateAttrs)),null,16)],8,jo))])],2))),128))])],16)],2112)}fe.render=Uo,fe.__file="src/circular-progress/circular-progress.vue";var dt=T({mcwCircularProgress:fe});const Wo=e=>{switch(e){case $.SortValue.ASCENDING:return $.messages.SORTED_IN_ASCENDING;case $.SortValue.DESCENDING:return $.messages.SORTED_IN_DESCENDING;default:return""}};var zo={name:"mcw-data-table",props:{sticky:{type:Boolean}},setup(e,{emit:o,expose:n,slots:a}){const s=t.reactive({classes:{"mdc-data-table":!0,"mdc-data-table--sticky-header":e.sticky}}),i=t.ref();let l,r,h=[],u,c;const g=()=>l.getRows(),m=()=>l.layout(),E=v=>g()[v],b=()=>l.getSelectedRowIds(),C=()=>[...i.value.querySelectorAll($.selectors.HEADER_CELL)],f=v=>E(v).getAttribute($.dataAttributes.ROW_ID),y={addClass:v=>s.classes={...s.classes,[v]:!0},removeClass:v=>{const{[v]:p,...S}=s.classes;s.classes=S},getHeaderCellElements:()=>C(),getHeaderCellCount:()=>C().length,getAttributeByHeaderCellIndex:(v,p)=>C()[v].getAttribute(p),setAttributeByHeaderCellIndex:(v,p,S)=>C()[v].setAttribute(p,S),setClassNameByHeaderCellIndex:(v,p)=>C()[v].classList.add(p),removeClassNameByHeaderCellIndex:(v,p)=>C()[v].classList.remove(p),notifySortAction:v=>{o("mdc-data-table:sorted",{data:v},!0)},getTableContainerHeight:()=>{const v=i.value.querySelector`.${$.cssClasses.CONTAINER}`;if(!v)throw new Error("MDCDataTable: Table container element not found.");return v.getBoundingClientRect().height},getTableHeaderHeight:()=>{const v=i.value.querySelector($.selectors.HEADER_ROW);if(!v)throw new Error("MDCDataTable: Table header element not found.");return v.getBoundingClientRect().height},setProgressIndicatorStyles:v=>{const p=i.value.querySelector($.selectors.PROGRESS_INDICATOR);if(!p)throw new Error("MDCDataTable: Progress indicator element not found.");Object.assign(p.style,v)},addClassAtRowIndex:(v,p)=>g()[v].classList.add(p),getRowCount:()=>g().length,getRowElements:()=>[...i.value.querySelectorAll($.selectors.ROW)],getRowIdAtIndex:v=>g()[v].getAttribute($.dataAttributes.ROW_ID),getRowIndexByChildElement:v=>g().indexOf(D.closest(v,$.selectors.ROW)),getSelectedRowCount:()=>i.value.querySelectorAll($.selectors.ROW_SELECTED).length,isCheckboxAtRowIndexChecked:v=>h[v].isChecked(),isHeaderRowCheckboxChecked:()=>c.isChecked(),isRowsSelectable:()=>!!i.value.querySelector($.selectors.ROW_CHECKBOX),notifyRowSelectionChanged:v=>{o("mdcdatatable:rowselectionchanged",{row:E(v.rowIndex),rowId:f(v.rowIndex),rowIndex:v.rowIndex,selected:v.selected})},notifySelectedAll:()=>o("mdcdatatable:selectedall",{}),notifyUnselectedAll:()=>o("mdcdatatable:unselectedall",{}),registerHeaderRowCheckbox:()=>{c=i.value.querySelector($.selectors.HEADER_ROW_CHECKBOX).__checkboxHelpers},registerRowCheckboxes:()=>{h=[];for(const v of g()){const p=v.querySelector($.selectors.ROW_CHECKBOX).__checkboxHelpers;h.push(p)}},removeClassAtRowIndex:(v,p)=>g()[v].classList.remove(p),setAttributeAtRowIndex:(v,p,S)=>g()[v].setAttribute(p,S),setHeaderRowCheckboxChecked:v=>c.setChecked(v),setHeaderRowCheckboxIndeterminate:v=>c.setIndeterminate(v),setRowCheckboxCheckedAtIndex:(v,p)=>h[v].setChecked(p),setSortStatusLabelByHeaderCellIndex:(v,p)=>{const S=C()[v].querySelector($.selectors.SORT_STATUS_LABEL);!S||(S.textContent=Wo(p))}},k=v=>{const p=D.closest(v.target,$.selectors.HEADER_CELL_WITH_SORT);if(!p)return;const S=p.getAttribute($.dataAttributes.COLUMN_ID),V=C().indexOf(p);V!==-1&&l.handleSortAction({columnId:S,columnIndex:V,headerCell:p})},B=()=>l.handleHeaderRowCheckboxChange(),I=v=>l.handleRowCheckboxChange(v),d=v=>{const p=D.closest(v.target,$.selectors.ROW);!p||l.handleRowClick({rowId:Ko(p),row:p})};return t.onMounted(()=>{r=i.value.querySelector(`.${$.cssClasses.HEADER_ROW}`),r.addEventListener("mdccheckbox:change",B),r.addEventListener("click",k),u=i.value.querySelector(`.${$.cssClasses.CONTENT}`),u.addEventListener("click",d),u.addEventListener("mdccheckbox:change",I),l=new $.MDCDataTableFoundation(y),l.init(),m()}),t.onBeforeUnmount(()=>{r.removeEventListener("mdccheckbox:change",B),r.removeEventListener("click",k),u.removeEventListener("mdccheckbox:change",I),u.removeEventListener("click",d),l.destroy()}),n({getSelectedRowIds:b,layout:m}),()=>t.h("div",{ref:i,class:s.classes},[t.h("div",{class:"mdc-data-table__table-container"},[a.default()])])}};function Ko(e){return e.getAttribute($.dataAttributes.ROW_ID)}var ut=T({mcwDataTable:zo}),Xo={name:"mcw-dialog-button",props:{action:String,isDefault:Boolean,isInitialFocus:Boolean},setup(e,{attrs:o,slots:n}){return()=>t.h(t.resolveComponent("mcw-button"),{...o,class:["mdc-button","mdc-dialog__button"],"data-mdc-dialog-action":e.action,"data-mdc-dialog-button-default":e.isDefault,"data-mdc-dialog-initial-focus":e.isInitialFocus},{default:()=>{var a;return(a=n.default)==null?void 0:a.call(n)}})}},Go={name:"mcw-dialog-content",props:{tag:{type:String,default(){return"div"}}},setup(e,{slots:o}){return()=>{var n;return t.h(e.tag,{class:["mdc-dialog__content"]},(n=o.default)==null?void 0:n.call(o))}}},Yo={name:"mcw-dialog-footer",props:{tag:{type:String,default(){return"div"}}},setup(e,{slots:o}){return()=>{var n;return t.h(e.tag,{class:["mdc-dialog__actions"]},(n=o.default)==null?void 0:n.call(o))}}},Qo={name:"mcw-dialog-title",props:{tag:{type:String,default(){return"h2"}}},setup(e,{slots:o}){return()=>{var n;return t.h(e.tag,{class:["mdc-dialog__title"]},(n=o.default)==null?void 0:n.call(o))}}};const{cssClasses:Zo,strings:q}=qe.MDCDialogFoundation,mt=["resize","orientationchange"],pt=e=>e?e.querySelector(`[${q.INITIAL_FOCUS_ATTRIBUTE}="true"]`)||e.querySelector(`[${q.INITIAL_FOCUS_ATTRIBUTE}]`):void 0,Jo=(e,o)=>new le.FocusTrap(e,o);var be={name:"mcw-dialog",components:{mcwButton:Q},props:{autoStackButtons:Boolean,escapeKeyAction:String,scrollable:Boolean,modelValue:Boolean,role:String,scrimClickAction:{type:String,default:"close"},tag:{type:String,default:"div"},ariaLabelledby:String,ariaDescribedby:String},setup(e,{emit:o}){const n=t.reactive({classes:{"mdc-dialog":1},styles:{},container:void 0,root:void 0});let a,s,i,l,r;const h=()=>{a.layout()},u=b=>{a.handleDocumentKeydown(b)},c=b=>{a.handleClick(b)},g=b=>{a.handleKeydown(b)},m=b=>{b?(n.container&&(l=re.createFocusTrapInstance(n.root,Jo,pt(n.root)||void 0)),a.open()):a.close()},E={addClass:b=>n.classes={...n.classes,[b]:!0},removeClass:b=>{const{[b]:C,...f}=n.classes;n.classes=f},hasClass:b=>n.root.classList.contains(b),addBodyClass:b=>document.body.classList.add(b),removeBodyClass:b=>document.body.classList.remove(b),eventTargetMatches:(b,C)=>D.matches(b,C),trapFocus:()=>l==null?void 0:l.trapFocus(),releaseFocus:()=>l==null?void 0:l.releaseFocus(),getInitialFocusEl:()=>pt(n.root),isContentScrollable:()=>re.isScrollable(s),areButtonsStacked:()=>re.areTopsMisaligned(i),getActionFromEvent:b=>{const C=D.closest(b.target,`[${q.ACTION_ATTRIBUTE}]`);return C==null?void 0:C.getAttribute(q.ACTION_ATTRIBUTE)},clickDefaultButton:()=>{r&&!r.disabled&&r.click()},reverseButtons:()=>{const b=i;return b&&b.reverse().forEach(C=>{var f;return(f=C.parentElement)==null?void 0:f.appendChild(C)})},notifyOpening:()=>{o("mdcdialog:opening",{});for(const b of mt)window.addEventListener(b,h);document.addEventListener("keydown",u)},notifyOpened:()=>o("mdcdialog:opened",{}),notifyClosing:b=>{o("update:modelValue",!1),o("mdcdialog:closing",b?{action:b}:{});for(const C of mt)window.removeEventListener(C,h);document.removeEventListener("keydown",u)},notifyClosed:b=>{o("mdcdialog:closed",b?{action:b}:{})}};return t.watch(()=>e.modelValue,b=>{m(b)}),t.onMounted(()=>{const{modelValue:b,autoStackButtons:C,escapeKeyAction:f,scrimClickAction:y}=e;if(i=Array.prototype.slice.call(n.root.querySelectorAll(Zo.BUTTON)),r=n.root.querySelector(`[${q.BUTTON_DEFAULT_ATTRIBUTE}]`),!n.root.querySelector(q.CONTAINER_SELECTOR))throw new Error(`Dialog component requires a ${q.CONTAINER_SELECTOR} container element`);s=n.root.querySelector(q.CONTENT_SELECTOR),a=new qe.MDCDialogFoundation(E),a.init(),C||a.setAutoStackButtons(C),typeof f=="string"&&a.setEscapeKeyAction(f),typeof y=="string"&&a.setScrimClickAction(y),m(b)}),t.onBeforeUnmount(()=>{a.destroy()}),{...t.toRefs(n),handleLayout:h,handleDocumentKeyDown:u,onKeydown:g,onClick:c}}};const ea={ref:"container",class:"mdc-dialog__container"},ta=["aria-labelledby","aria-describedby"],na=t.createElementVNode("div",{class:"mdc-dialog__scrim"},null,-1);function oa(e,o,n,a,s,i){return t.openBlock(),t.createElementBlock("div",{ref:"root",class:t.normalizeClass(e.classes),style:t.normalizeStyle(e.styles),onClick:o[0]||(o[0]=(...l)=>e.onClick&&e.onClick(...l)),onKeydown:o[1]||(o[1]=(...l)=>e.onKeydown&&e.onKeydown(...l))},[t.createElementVNode("div",ea,[t.createElementVNode("div",{ref:"surface",class:"mdc-dialog__surface",role:"alertdialog","aria-modal":"true","aria-labelledby":e.ariaLabelledby,"aria-describedby":e.ariaDescribedby},[t.renderSlot(e.$slots,"default")],8,ta)],512),na],38)}be.render=oa,be.__file="src/dialog/dialog.vue";var vt=T({mcwDialog:be,mcwDialogTitle:Qo,mcwDialogFooter:Yo,mcwDialogButton:Xo,mcwDialogContent:Go});const{strings:ht,cssClasses:aa}=je.MDCDismissibleDrawerFoundation,la=(e,o)=>new le.FocusTrap(e,o);var Ce={name:"mcw-drawer",props:{modelValue:Boolean,modal:Boolean,dismissible:Boolean,toolbarSpacer:Boolean},setup(e,{emit:o}){const n=t.reactive({classes:{"mdc-drawer":1,"mdc-drawer--modal":e.modal,"mdc-drawer--dismissible":e.dismissible&&!e.modal},drawer:void 0}),a=()=>r.open(),s=()=>r.close(),i=()=>r.isOpen()?r.close():r.open(),l=()=>r.isOpen();let r,h,u;const c=()=>r.handleScrimClick(),g=f=>r.handleKeydown(f),m=f=>r.handleTransitionEnd(f),E=f=>o("update:modelValue",f),b=()=>e.modal&&s(),C={addClass:f=>n.classes={...n.classes,[f]:!0},removeClass:f=>{const{[f]:y,...k}=n.classes;n.classes=k},hasClass:f=>!!n.classes[f],elementHasClass:(f,y)=>f.classList.contains(y),saveFocus:()=>{u=document.activeElement},restoreFocus:()=>{(u==null?void 0:u.focus)&&n.drawer.contains(document.activeElement)&&u.focus()},focusActiveNavigationItem:()=>{const f=n.drawer.querySelector(`.${on.MDCListFoundation.cssClasses.LIST_ITEM_ACTIVATED_CLASS}`);f&&f.focus()},notifyClose:()=>{R(n.drawer,ht.CLOSE_EVENT,{},!0),o("update:modelValue",!1),o("close")},notifyOpen:()=>{R(n.drawer,ht.OPEN_EVENT,{},!0),o("update:modelValue",!0),o("open")},trapFocus:()=>h.trapFocus(),releaseFocus:()=>h.releaseFocus()};return t.watch(()=>e.modelValue,f=>{f?r==null||r.open():r==null||r.close()}),t.onMounted(()=>{const{DISMISSIBLE:f,MODAL:y}=aa;if(e.dismissible)r=new je.MDCDismissibleDrawerFoundation(C);else if(e.modal)r=new tn.MDCModalDrawerFoundation(C);else throw new Error(`mcwDrawer: Failed to instantiate component. Supported variants are ${f} and ${y}.`);r.init(),e.modal&&(h=An.createFocusTrapInstance(n.drawer,la))}),t.onBeforeUnmount(()=>{r.close(),r.destroy(),r=void 0}),{...t.toRefs(n),onChange:E,show:a,close:s,toggle:i,isOpen:l,onListAction:b,handleScrimClick:c,handleKeydown:g,handleTransitionEnd:m}}};const sa={class:"mdc-drawer__content"},ra={key:1,class:"drawer-wrapper"},ia={class:"mdc-drawer__content"};function ca(e,o,n,a,s,i){const l=t.resolveComponent("mcw-list");return e.modal?(t.openBlock(),t.createElementBlock("div",ra,[t.createElementVNode("aside",{ref:"drawer",class:t.normalizeClass(e.classes),onKeydown:o[2]||(o[2]=(...r)=>e.handleKeydown&&e.handleKeydown(...r)),onTransitionend:o[3]||(o[3]=(...r)=>e.handleTransitionEnd&&e.handleTransitionEnd(...r))},[t.renderSlot(e.$slots,"header"),t.createElementVNode("div",ia,[t.createVNode(l,{"wrap-focus":!0,tag:"nav","multi-selectable":!1,"selected-index":0,role:"menu","onMdclist:action":e.onListAction},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["onMdclist:action"])])],34),e.modal?(t.openBlock(),t.createElementBlock("div",{key:0,class:"mdc-drawer-scrim",onClick:o[4]||(o[4]=(...r)=>e.handleScrimClick&&e.handleScrimClick(...r))})):t.createCommentVNode("v-if",!0)])):(t.openBlock(),t.createElementBlock("aside",{key:0,ref:"drawer",class:t.normalizeClass(e.classes),onKeydown:o[0]||(o[0]=(...r)=>e.handleKeydown&&e.handleKeydown(...r)),onTransitionend:o[1]||(o[1]=(...r)=>e.handleTransitionEnd&&e.handleTransitionEnd(...r))},[t.renderSlot(e.$slots,"header"),t.createElementVNode("div",sa,[t.createVNode(l,{"wrap-focus":!0,tag:"nav","onMdclist:action":e.onListAction,"multi-selectable":!1,"selected-index":0,role:"menu"},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["onMdclist:action"])])],34))}Ce.render=ca,Ce.__file="src/drawer/drawer.vue";var ft=T({mcwDrawer:Ce}),ye={name:"mcw-fab",props:{icon:String,mini:Boolean,exited:Boolean,label:String,isTouch:Boolean},inheritAttrs:!1,components:{CustomLink:W,touchWrapper:Y},setup(e,{slots:o}){const n=t.ref(),a=t.reactive({classes:{"mdc-fab":1,"mdc-fab--mini":e.mini,"mdc-fab--extended":e.label||o.default,"mdc-fab--exited":e.exited}}),{classes:s,styles:i}=M(n),l=t.computed(()=>({...s.value,...a.classes}));return t.watch(()=>e.icon,r=>{a.classes={...a.classes,"material-icons":r}}),t.watch(()=>e.mini,r=>{a.classes={...a.classes,"mdc-fab--mini":r}}),t.watch(()=>e.exited,r=>{a.classes={...a.classes,"mdc-fab--exited":r}}),{...t.toRefs(a),classes:l,root:n,styles:i}}};const da=t.createElementVNode("div",{class:"mdc-fab__ripple"},null,-1),ua=t.createElementVNode("div",{class:"mdc-fab__focus-ring"},null,-1),ma={class:"mdc-fab__icon material-icons"},pa={class:"mdc-fab__label"};function va(e,o,n,a,s,i){const l=t.resolveComponent("custom-link"),r=t.resolveComponent("touch-wrapper");return t.openBlock(),t.createBlock(r,{isTouch:e.isTouch},{default:t.withCtx(()=>[t.createVNode(l,t.mergeProps({ref:"root",class:e.classes,style:e.styles,tag:"button"},e.$attrs),{default:t.withCtx(()=>[da,ua,t.renderSlot(e.$slots,"icon",{},()=>[t.createElementVNode("span",ma,t.toDisplayString(e.icon),1)]),t.createElementVNode("span",pa,[t.renderSlot(e.$slots,"default",{},()=>[t.createTextVNode(t.toDisplayString(e.label),1)])])]),_:3},16,["class","style"])]),_:3},8,["isTouch"])}ye.render=va,ye.__file="src/fab/fab.vue";var gt=T({mcwFAB:ye}),K={name:"mcw-floating-label",props:{required:{type:Boolean}},setup(e,{slots:o,expose:n}){const a=t.reactive({labelClasses:{"mdc-floating-label":!0,"mdc-floating-label--required":e.required}});let s;const i=t.ref(),l={addClass:g=>a.labelClasses={...a.labelClasses,[g]:!0},removeClass:g=>{const{[g]:m,...E}=a.labelClasses;a.labelClasses=E},getWidth:()=>i.value.scrollWidth,registerInteractionHandler:(g,m)=>{i.value.addEventListener(g,m)},deregisterInteractionHandler:(g,m)=>{i.value.removeEventListener(g,m)}},r=()=>s.getWidth(),h=g=>s.setRequired(g),u=g=>{s.float(g)},c=g=>{s.shake(g)};return t.onMounted(()=>{s=new an.MDCFloatingLabelFoundation(l),s.init()}),t.onBeforeUnmount(()=>{s.destroy()}),n({getWidth:r,float:u,shake:c,setRequired:h}),()=>t.h("span",{ref:i,class:a.labelClasses},[o.default()])}},bt=T({mcwFloatingLabel:K}),Ee={name:"mcw-icon-button",inheritAttrs:!1,props:{modelValue:Boolean,disabled:Boolean,isTouch:Boolean},setup(e,{emit:o,