maz-ui 3.6.6 → 3.6.8

package/components/MazAvatar.mjs

@@ -361,7 +361,7 @@ const MazLazyImg = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data
 function injectStrict(key, fallback) {
   const resolved = inject(key, fallback);
   if (!resolved) {
-    throw new Error(`[maz-ui](injectStrict) Could not resolve ${key}`);
+    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${key}`);
   }
   return resolved;
 }

package/components/MazAvatar.umd.js

@@ -1,2 +1,2 @@
 (function(){"use strict";try{if(typeof document!="undefined"){var a=document.createElement("style");a.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-34f40819]{-webkit-animation:maz-spin-34f40819 1s linear infinite;animation:maz-spin-34f40819 1s linear infinite;fill:currentColor;margin:0!important}.m-spinner--normal[data-v-34f40819]{color:var(--maz-color-text)}.m-spinner--primary[data-v-34f40819]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-34f40819]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-34f40819]{color:var(--maz-color-info)}.m-spinner--warning[data-v-34f40819]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-34f40819]{color:var(--maz-color-danger)}.m-spinner--success[data-v-34f40819]{color:var(--maz-color-success)}.m-spinner--black[data-v-34f40819]{color:var(--maz-color-black)}.m-spinner--white[data-v-34f40819],.m-spinner--transparent[data-v-34f40819]{color:var(--maz-color-white)}.m-lazy-img-component[data-v-d5e9de6a]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;background-color:var(--maz-color-bg-lighter);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-lazy-img-component-loader[data-v-d5e9de6a]{position:absolute;top:0px;right:0px;bottom:0px;left:0px;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-lazy-img-component:not(.m-lazy-error,.m-lazy-no-photo) img[data-v-d5e9de6a]{height:100%;width:100%}.m-lazy-img-component.--height-full img[data-v-d5e9de6a]{max-height:100%!important;width:-webkit-min-content!important;width:-moz-min-content!important;width:min-content!important;max-width:-webkit-min-content!important;max-width:-moz-min-content!important;max-width:min-content!important}.m-lazy-img-component.m-lazy-loading .m-lazy-img-component-loader[data-v-d5e9de6a]{display:-webkit-box;display:-ms-flexbox;display:flex}.m-avatar[data-v-77b8160b]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-decoration-line:none!important}.m-avatar__caption[data-v-77b8160b]{margin-top:.5rem;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:1rem;line-height:1.5rem;font-weight:500;text-transform:capitalize}.m-avatar__initial[data-v-77b8160b]{text-transform:capitalize;color:var(--maz-color-white);font-size:1.5em}.m-avatar__wrapper[data-v-77b8160b]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:none;flex:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;border-radius:9999px;background-color:var(--maz-color-bg-lighter);height:3em;width:3em}.m-avatar__wrapper.--clickable .m-avatar__button[data-v-77b8160b]{position:absolute;top:0px;right:0px;bottom:0px;left:0px;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;border-radius:var(--maz-border-radius);border-style:none;background-color:transparent;opacity:0;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:scale(0);transform:scale(0)}.m-avatar__wrapper.--clickable .m-avatar__button__icon[data-v-77b8160b]{color:var(--maz-color-white);height:1em;width:1em}.m-avatar__wrapper.--clickable:not(.--square) .m-avatar__button[data-v-77b8160b]{border-radius:9999px}.m-avatar__wrapper.--clickable:hover .m-avatar__picture[data-v-77b8160b],.m-avatar__wrapper.--clickable:focus .m-avatar__picture[data-v-77b8160b]{-webkit-filter:blur(1.5px);filter:blur(1.5px)}.m-avatar__wrapper.--clickable:hover .m-avatar__button[data-v-77b8160b],.m-avatar__wrapper.--clickable:focus .m-avatar__button[data-v-77b8160b]{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}.m-avatar__wrapper.--bordered[data-v-77b8160b]{border-width:2px;border-style:solid;border-color:var(--maz-color-white)}.m-avatar__wrapper.--square[data-v-77b8160b]{border-radius:var(--maz-border-radius)}.m-avatar__wrapper.--has-shadow[data-v-77b8160b]{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.m-avatar__wrapper.--has-initial[data-v-77b8160b]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--maz-color-primary)}.m-avatar.--has-link[data-v-77b8160b]{cursor:pointer}")),document.head.appendChild(a)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-var __defProp=Object.defineProperty,__defNormalProp=(e,t,o)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,__publicField=(e,t,o)=>(__defNormalProp(e,"symbol"!=typeof t?t+"":t,o),o);!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).MazAvatar=t(e.Vue)}(this,(function(e){"use strict";const t={baseClass:"m-lazy-img",loadedClass:"m-lazy-loaded",loadingClass:"m-lazy-loading",errorClass:"m-lazy-error",noPhotoClass:"m-lazy-no-photo",noPhoto:!1,observerOnce:!0,loadOnce:!1,noUseErrorPhoto:!1,observerOptions:{threshold:.1}};class o{constructor(e={}){__publicField(this,"observers",[]),__publicField(this,"defaultOptions",t),__publicField(this,"options"),__publicField(this,"onImgLoadedCallback"),__publicField(this,"onImgErrorCallback"),__publicField(this,"hasImgLoaded",!1),this.options=this.buildOptions(e),this.onImgLoadedCallback=this.imageIsLoaded.bind(this),this.onImgErrorCallback=this.imageHasError.bind(this)}async loadErrorPhoto(){const{default:e}=await Promise.resolve().then((()=>f));return e}buildOptions(e){return{...this.defaultOptions,...e,observerOptions:{...this.defaultOptions.observerOptions,...e.observerOptions}}}removeClass(e,t){e.classList.remove(t)}addClass(e,t){e.classList.add(t)}removeAllStateClasses(e){this.removeClass(e,this.options.loadedClass),this.removeClass(e,this.options.loadingClass),this.removeClass(e,this.options.errorClass),this.removeClass(e,this.options.noPhotoClass)}setBaseClass(e){this.addClass(e,this.options.baseClass)}imageIsLoading(e){var t,o;this.addClass(e,this.options.loadingClass),null==(o=(t=this.options).onLoading)||o.call(t,e)}imageHasNoPhoto(e){this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.noPhotoClass),this.setDefaultPhoto(e)}imageIsLoaded(e){var t,o;this.hasImgLoaded=!0,this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.loadedClass),null==(o=(t=this.options).onLoaded)||o.call(t,e)}imageHasError(e,t){var o,a;console.warn("[maz-ui][MazLazyImg] Error while loading image",t),this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.errorClass),null==(a=(o=this.options).onError)||a.call(o,e),this.setDefaultPhoto(e)}getImageUrl(e,t){const o=this.getImgElement(e).getAttribute("data-src");if(o)return o;const a="object"==typeof t.value?t.value.src:t.value;return a||console.warn("[maz-ui][MazLazyImg] src url is not defined"),a}async setPictureSourceUrls(e){const t=e.querySelectorAll("source");if(t.length>0)for await(const o of t){const e=o.getAttribute("data-srcset");e?o.srcset=e:console.warn('[maz-ui][MazLazyImg] the "[data-srcset]" attribute is not provided on "<source />"')}else console.warn('[maz-ui][MazLazyImg] No "<source />" elements provided into the "<picture />" element'),this.imageHasError(e)}hasBgImgMode(e){return"bg-image"===e.arg}isPictureElement(e){return e instanceof HTMLPictureElement}getImgElement(e){return this.isPictureElement(e)?e.querySelector("img"):e}async setDefaultPhoto(e){if(this.options.noUseErrorPhoto)return;const t=this.options.errorPhoto??await this.loadErrorPhoto(),o=e.querySelectorAll("source");if(o.length>0)for await(const a of o)a.srcset=t;else this.setImgSrc(e,t)}addEventListenerToImg(e){const t=this.getImgElement(e);t.addEventListener("load",(()=>this.onImgLoadedCallback(e)),{once:!0}),t.addEventListener("error",(t=>this.onImgErrorCallback(e,t)),{once:!0})}async loadImage(e,t){if(this.imageIsLoading(e),this.isPictureElement(e))this.addEventListenerToImg(e),await this.setPictureSourceUrls(e);else{const o=this.getImageUrl(e,t);if(!o)return this.imageHasError(e);this.hasBgImgMode(t)?(e.style.backgroundImage=`url('${o}')`,this.imageIsLoaded(e)):(this.addEventListenerToImg(e),this.setImgSrc(e,o))}}setImgSrc(e,t){this.getImgElement(e).src=t}handleIntersectionObserver(e,t,o,a){var s,r;this.observers.push(a);for(const i of o)if(i.isIntersecting){if(null==(r=(s=this.options).onIntersecting)||r.call(s,i.target),this.options.observerOnce&&a.unobserve(e),this.options.loadOnce&&this.hasImgLoaded)return;this.loadImage(e,t)}}createObserver(e,t){const o=this.options.observerOptions;new IntersectionObserver(((o,a)=>{this.handleIntersectionObserver(e,t,o,a)}),o).observe(e)}async imageHandler(e,t,o){if("update"===o)for await(const a of this.observers)a.unobserve(e);window.IntersectionObserver?this.createObserver(e,t):this.loadImage(e,t)}async bindUpdateHandler(e,t,o){if(this.options.noPhoto)return this.imageHasNoPhoto(e);await this.imageHandler(e,t,o)}async add(e,t){if(this.hasBgImgMode(t)&&this.isPictureElement(e))throw new Error('[MazLazyImg] You can\'t use the "bg-image" mode with "<picture />" element');setTimeout((()=>this.setBaseClass(e)),0),e.getAttribute("src")||this.setImgSrc(e,"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"),await this.bindUpdateHandler(e,t,"bind")}async update(e,t){t.value!==t.oldValue&&(this.hasImgLoaded=!1,this.removeAllStateClasses(e),await this.bindUpdateHandler(e,t,"update"))}remove(e,t){this.hasImgLoaded=!1,this.hasBgImgMode(t)&&(e.style.backgroundImage=""),this.removeAllStateClasses(e);for(const o of this.observers)o.unobserve(e);this.observers=[]}}let a;const s={created(e,t){const s="object"==typeof t.value?t.value:{};a=new o(s),a.add(e,t)},updated(e,t){a.update(e,t)},unmounted(e,t){a.remove(e,t)}},r=["width","height"],i=[(t=>(e.pushScopeId("data-v-34f40819"),t=t(),e.popScopeId(),t))((()=>e.createElementVNode("path",{d:"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"},null,-1)))],n=(e,t)=>{const o=e.__vccOpts||e;for(const[a,s]of t)o[a]=s;return o},l=n(e.defineComponent({__name:"MazSpinner",props:{size:{type:String,default:"2em"},color:{type:String,default:"normal",validator:e=>["normal","info","white","success","warning","danger","primary","black","secondary","transparent"].includes(e)}},setup:t=>(o,a)=>(e.openBlock(),e.createElementBlock("svg",{width:t.size,height:t.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:e.normalizeClass(["m-spinner",`m-spinner--${t.color}`]),style:{"enable-background":"new 0 0 50 50"}},i,10,r))}),[["__scopeId","data-v-34f40819"]]),c=["data-srcset","media"],d={key:0,class:"m-lazy-img-component-loader"},u=n(e.defineComponent({__name:"MazLazyImg",props:{image:{type:[String,Object],default:void 0},noPhoto:{type:Boolean,default:!1},noLoader:{type:Boolean,default:!1},noObserverOnce:{type:Boolean,default:!1},loadOnce:{type:Boolean,default:!1},imageHeightFull:{type:Boolean,default:!1},observerOptions:{type:Object,default:null}},emits:["intersecting","loading","loaded","error"],setup(t){const o=t,a=e.computed((()=>{var e;return"string"==typeof o.image?[{srcset:o.image}]:null==(e=o.image)?void 0:e.sources}));return(o,r)=>e.withDirectives((e.openBlock(),e.createElementBlock("picture",{class:e.normalizeClass(["m-lazy-img-component",{"-use-loader":!t.noLoader,"--height-full":t.imageHeightFull}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(a),(({srcset:t,media:o},a)=>(e.openBlock(),e.createElementBlock("source",{key:a,"data-srcset":t,media:o},null,8,c)))),128)),e.createElementVNode("img",e.mergeProps(o.$attrs,{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"}),null,16),t.noLoader?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",d,[e.createVNode(l,{size:"2em"})])),e.renderSlot(o.$slots,"default",{},void 0,!0)],2)),[[e.unref(s),{noPhoto:t.noPhoto,observerOnce:!t.noObserverOnce,loadOnce:t.loadOnce,onIntersecting:e=>o.$emit("intersecting",e),onLoading:e=>o.$emit("loading",e),onLoaded:e=>o.$emit("loaded",e),onError:e=>o.$emit("error",e),observerOptions:t.observerOptions}]])}}),[["__scopeId","data-v-d5e9de6a"]]);const m=["innerHTML"],g=e.defineComponent({__name:"MazIcon",props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:e=>e}},emits:["loaded","unloaded","error"],setup(t,{emit:o}){const a=t,s={},r=e.ref(),i=e.ref(),n=()=>{try{return function(t,o){const a=e.inject(t,o);if(!a)throw new Error(`[maz-ui](injectStrict) Could not resolve ${t}`);return a}("mazIconPath")}catch{return}},l=e.computed((()=>a.path??n())),c=e.computed((()=>a.src?a.src:l.value?`${l.value}/${a.name}.svg`:`/${a.name}.svg`));e.onMounted((()=>{a.name||a.src||console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop')}));const d=e=>{const t={},o=e.attributes;if(!o)return t;for(let a=o.length-1;a>=0;a--)t[o[a].name]=o[a].value;return t},u=e=>{let t=e.cloneNode(!0);return t=a.transformSource(e),a.title&&((e,t)=>{const o=e.querySelectorAll("title");if(o.length>0)o[0].textContent=t;else{const o=document.createElementNS("http://www.w3.org/2000/svg","title");o.textContent=t,e.append(o)}})(t,a.title),e.innerHTML},g=e=>new Promise(((t,o)=>{const s=new XMLHttpRequest;s.open("GET",e,!0),s.addEventListener("load",(()=>{if(s.status>=200&&s.status<400)try{const e=new DOMParser;let r=e.parseFromString(s.responseText,"text/xml").querySelectorAll("svg")[0];r?(r=a.transformSource(r),t(r)):o(new Error('Loaded file is not valid SVG"'))}catch(e){o(e)}else o(new Error("Error loading SVG"))})),s.addEventListener("error",(()=>o())),s.send()}));return e.watchEffect((()=>(async t=>{s[t]||(s[t]=g(t));try{r.value=await s[t],await e.nextTick(),o("loaded",i.value)}catch(a){r.value&&(r.value=void 0,o("unloaded")),delete s[t],o("error",a)}})(c.value))),(o,a)=>{return r.value?(e.openBlock(),e.createElementBlock("svg",e.mergeProps({key:0,ref_key:"svgElem",ref:i,width:"1em",height:"1em"},{...d(r.value),...(s=o.$attrs,Object.keys(s).reduce(((e,t)=>(!1!==s[t]&&null!==s[t]&&void 0!==s[t]&&(e[t]=s[t]),e)),{}))},{style:`font-size: ${t.size}`,innerHTML:u(r.value)}),null,16,m)):e.createCommentVNode("",!0);var s}}}),p=["tabindex"],h={class:"m-avatar__initial"},v={key:0,class:"m-avatar__caption"},y=n(e.defineComponent({__name:"MazAvatar",props:{src:{type:String,default:void 0},caption:{type:String,default:void 0},href:{type:String,default:void 0},to:{type:Object,default:void 0},alt:{type:String,default:"avatar image"},target:{type:String,default:"_self"},size:{type:String,default:void 0},bordered:{type:Boolean,default:!1},clickable:{type:Boolean,default:!1},square:{type:Boolean,default:!1},noElevation:{type:Boolean,default:!1},showCaption:{type:Boolean,default:!1},imageHeightFull:{type:Boolean,default:!1},noLoader:{type:Boolean,default:!1},buttonColor:{type:String,default:"info",validator:e=>["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(e)}},emits:["click"],setup(t){const o=t,a=e.computed((()=>o.to?"RouterLink":o.href?"a":"div")),s=e.computed((()=>!!o.to||!!o.href));return(o,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(a)),e.mergeProps({style:{fontSize:t.size},class:["m-avatar",[{"--has-link":e.unref(s)}]]},o.$attrs,{href:t.href,to:t.to,target:e.unref(s)?t.target:void 0}),{default:e.withCtx((()=>[e.createElementVNode("div",{class:e.normalizeClass(["m-avatar__wrapper",{"--has-shadow":!t.noElevation,"--bordered":t.bordered,"--clickable":t.clickable,"--square":t.square,"--has-initial":!t.src&&t.caption}]),tabindex:t.clickable?0:-1,onKeydown:r[2]||(r[2]=e.withKeys((e=>t.clickable?o.$emit("click",e):void 0),["enter"]))},[t.src?(e.openBlock(),e.createBlock(u,{key:0,class:"m-avatar__picture maz-max-w-full",image:t.src,alt:t.alt,"image-height-full":"","no-loader":t.noLoader,onClick:r[0]||(r[0]=e=>t.clickable?o.$emit("click",e):null)},null,8,["image","alt","no-loader"])):e.createCommentVNode("",!0),t.caption&&!t.src?e.renderSlot(o.$slots,"round-text",{key:1},(()=>{var o;return[e.createElementVNode("span",h,e.toDisplayString(null==(o=t.caption)?void 0:o.charAt(0)),1)]}),!0):e.createCommentVNode("",!0),t.clickable?(e.openBlock(),e.createElementBlock("button",{key:2,type:"button",tabindex:"-1",class:"m-avatar__button",style:e.normalizeStyle({backgroundColor:t.src?`var(--maz-color-${t.buttonColor}-alpha)`:`var(--maz-color-${t.buttonColor})`}),onClick:r[1]||(r[1]=e=>o.$emit("click",e))},[e.renderSlot(o.$slots,"icon",{},(()=>[e.createVNode(g,{src:e.unref("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTE1LjIzMiA1LjIzMmwzLjUzNiAzLjUzNm0tMi4wMzYtNS4wMzZhMi41IDIuNSAwIDExMy41MzYgMy41MzZMNi41IDIxLjAzNkgzdi0zLjU3MkwxNi43MzIgMy43MzJ6Ii8+Cjwvc3ZnPgo="),class:"m-avatar__button__icon"},null,8,["src"])]),!0)],4)):e.createCommentVNode("",!0)],42,p),e.renderSlot(o.$slots,"caption",{},(()=>[t.showCaption&&t.caption?(e.openBlock(),e.createElementBlock("p",v,e.toDisplayString(t.caption),1)):e.createCommentVNode("",!0)]),!0)])),_:3},16,["style","class","href","to","target"]))}}),[["__scopeId","data-v-77b8160b"]]),f=Object.freeze(Object.defineProperty({__proto__:null,default:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjQ4cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjQ4cHgiIGZpbGw9IiNjZGNkY2QiPgogIDxnPgogICAgPHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0Ii8+CiAgICA8Zz4KICAgICAgPHBhdGggZD0iTTguOSw2LjA3TDcuNDgsNC42Nkw5LDNoNmwxLjgzLDJIMjBjMS4xLDAsMiwwLjksMiwydjEyYzAsMC4wNS0wLjAxLDAuMS0wLjAyLDAuMTZMMjAsMTcuMTdWN2gtNC4wNWwtMS44My0ySDkuODggTDguOSw2LjA3eiBNMjAuNDksMjMuMzFMMTguMTcsMjFINGMtMS4xLDAtMi0wLjktMi0yVjdjMC0wLjU5LDAuMjctMS4xMiwwLjY4LTEuNDlsLTItMkwyLjEsMi4xbDE5LjgsMTkuOEwyMC40OSwyMy4zMXogTTkuMTksMTIuMDJDOS4wOCwxMi4zMyw5LDEyLjY1LDksMTNjMCwxLjY2LDEuMzQsMywzLDNjMC4zNSwwLDAuNjctMC4wOCwwLjk4LTAuMTlMOS4xOSwxMi4wMnogTTE2LjE3LDE5bC0xLjY4LTEuNjggQzEzLjc2LDE3Ljc1LDEyLjkxLDE4LDEyLDE4Yy0yLjc2LDAtNS0yLjI0LTUtNWMwLTAuOTEsMC4yNS0xLjc2LDAuNjgtMi40OUw0LjE3LDdINHYxMkgxNi4xN3ogTTE0LjgxLDExLjk4bDIuMDcsMi4wNyBDMTYuOTYsMTMuNzEsMTcsMTMuMzYsMTcsMTNjMC0yLjc2LTIuMjQtNS01LTVjLTAuMzYsMC0wLjcxLDAuMDQtMS4wNiwwLjEybDIuMDcsMi4wN0MxMy44NSwxMC40OSwxNC41MSwxMS4xNSwxNC44MSwxMS45OHoiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg=="},Symbol.toStringTag,{value:"Module"}));return y}));
+var __defProp=Object.defineProperty,__defNormalProp=(e,t,o)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,__publicField=(e,t,o)=>(__defNormalProp(e,"symbol"!=typeof t?t+"":t,o),o);!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).MazAvatar=t(e.Vue)}(this,(function(e){"use strict";const t={baseClass:"m-lazy-img",loadedClass:"m-lazy-loaded",loadingClass:"m-lazy-loading",errorClass:"m-lazy-error",noPhotoClass:"m-lazy-no-photo",noPhoto:!1,observerOnce:!0,loadOnce:!1,noUseErrorPhoto:!1,observerOptions:{threshold:.1}};class o{constructor(e={}){__publicField(this,"observers",[]),__publicField(this,"defaultOptions",t),__publicField(this,"options"),__publicField(this,"onImgLoadedCallback"),__publicField(this,"onImgErrorCallback"),__publicField(this,"hasImgLoaded",!1),this.options=this.buildOptions(e),this.onImgLoadedCallback=this.imageIsLoaded.bind(this),this.onImgErrorCallback=this.imageHasError.bind(this)}async loadErrorPhoto(){const{default:e}=await Promise.resolve().then((()=>f));return e}buildOptions(e){return{...this.defaultOptions,...e,observerOptions:{...this.defaultOptions.observerOptions,...e.observerOptions}}}removeClass(e,t){e.classList.remove(t)}addClass(e,t){e.classList.add(t)}removeAllStateClasses(e){this.removeClass(e,this.options.loadedClass),this.removeClass(e,this.options.loadingClass),this.removeClass(e,this.options.errorClass),this.removeClass(e,this.options.noPhotoClass)}setBaseClass(e){this.addClass(e,this.options.baseClass)}imageIsLoading(e){var t,o;this.addClass(e,this.options.loadingClass),null==(o=(t=this.options).onLoading)||o.call(t,e)}imageHasNoPhoto(e){this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.noPhotoClass),this.setDefaultPhoto(e)}imageIsLoaded(e){var t,o;this.hasImgLoaded=!0,this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.loadedClass),null==(o=(t=this.options).onLoaded)||o.call(t,e)}imageHasError(e,t){var o,a;console.warn("[maz-ui][MazLazyImg] Error while loading image",t),this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.errorClass),null==(a=(o=this.options).onError)||a.call(o,e),this.setDefaultPhoto(e)}getImageUrl(e,t){const o=this.getImgElement(e).getAttribute("data-src");if(o)return o;const a="object"==typeof t.value?t.value.src:t.value;return a||console.warn("[maz-ui][MazLazyImg] src url is not defined"),a}async setPictureSourceUrls(e){const t=e.querySelectorAll("source");if(t.length>0)for await(const o of t){const e=o.getAttribute("data-srcset");e?o.srcset=e:console.warn('[maz-ui][MazLazyImg] the "[data-srcset]" attribute is not provided on "<source />"')}else console.warn('[maz-ui][MazLazyImg] No "<source />" elements provided into the "<picture />" element'),this.imageHasError(e)}hasBgImgMode(e){return"bg-image"===e.arg}isPictureElement(e){return e instanceof HTMLPictureElement}getImgElement(e){return this.isPictureElement(e)?e.querySelector("img"):e}async setDefaultPhoto(e){if(this.options.noUseErrorPhoto)return;const t=this.options.errorPhoto??await this.loadErrorPhoto(),o=e.querySelectorAll("source");if(o.length>0)for await(const a of o)a.srcset=t;else this.setImgSrc(e,t)}addEventListenerToImg(e){const t=this.getImgElement(e);t.addEventListener("load",(()=>this.onImgLoadedCallback(e)),{once:!0}),t.addEventListener("error",(t=>this.onImgErrorCallback(e,t)),{once:!0})}async loadImage(e,t){if(this.imageIsLoading(e),this.isPictureElement(e))this.addEventListenerToImg(e),await this.setPictureSourceUrls(e);else{const o=this.getImageUrl(e,t);if(!o)return this.imageHasError(e);this.hasBgImgMode(t)?(e.style.backgroundImage=`url('${o}')`,this.imageIsLoaded(e)):(this.addEventListenerToImg(e),this.setImgSrc(e,o))}}setImgSrc(e,t){this.getImgElement(e).src=t}handleIntersectionObserver(e,t,o,a){var s,r;this.observers.push(a);for(const i of o)if(i.isIntersecting){if(null==(r=(s=this.options).onIntersecting)||r.call(s,i.target),this.options.observerOnce&&a.unobserve(e),this.options.loadOnce&&this.hasImgLoaded)return;this.loadImage(e,t)}}createObserver(e,t){const o=this.options.observerOptions;new IntersectionObserver(((o,a)=>{this.handleIntersectionObserver(e,t,o,a)}),o).observe(e)}async imageHandler(e,t,o){if("update"===o)for await(const a of this.observers)a.unobserve(e);window.IntersectionObserver?this.createObserver(e,t):this.loadImage(e,t)}async bindUpdateHandler(e,t,o){if(this.options.noPhoto)return this.imageHasNoPhoto(e);await this.imageHandler(e,t,o)}async add(e,t){if(this.hasBgImgMode(t)&&this.isPictureElement(e))throw new Error('[MazLazyImg] You can\'t use the "bg-image" mode with "<picture />" element');setTimeout((()=>this.setBaseClass(e)),0),e.getAttribute("src")||this.setImgSrc(e,"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"),await this.bindUpdateHandler(e,t,"bind")}async update(e,t){t.value!==t.oldValue&&(this.hasImgLoaded=!1,this.removeAllStateClasses(e),await this.bindUpdateHandler(e,t,"update"))}remove(e,t){this.hasImgLoaded=!1,this.hasBgImgMode(t)&&(e.style.backgroundImage=""),this.removeAllStateClasses(e);for(const o of this.observers)o.unobserve(e);this.observers=[]}}let a;const s={created(e,t){const s="object"==typeof t.value?t.value:{};a=new o(s),a.add(e,t)},updated(e,t){a.update(e,t)},unmounted(e,t){a.remove(e,t)}},r=["width","height"],i=[(t=>(e.pushScopeId("data-v-34f40819"),t=t(),e.popScopeId(),t))((()=>e.createElementVNode("path",{d:"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"},null,-1)))],n=(e,t)=>{const o=e.__vccOpts||e;for(const[a,s]of t)o[a]=s;return o},l=n(e.defineComponent({__name:"MazSpinner",props:{size:{type:String,default:"2em"},color:{type:String,default:"normal",validator:e=>["normal","info","white","success","warning","danger","primary","black","secondary","transparent"].includes(e)}},setup:t=>(o,a)=>(e.openBlock(),e.createElementBlock("svg",{width:t.size,height:t.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:e.normalizeClass(["m-spinner",`m-spinner--${t.color}`]),style:{"enable-background":"new 0 0 50 50"}},i,10,r))}),[["__scopeId","data-v-34f40819"]]),c=["data-srcset","media"],d={key:0,class:"m-lazy-img-component-loader"},u=n(e.defineComponent({__name:"MazLazyImg",props:{image:{type:[String,Object],default:void 0},noPhoto:{type:Boolean,default:!1},noLoader:{type:Boolean,default:!1},noObserverOnce:{type:Boolean,default:!1},loadOnce:{type:Boolean,default:!1},imageHeightFull:{type:Boolean,default:!1},observerOptions:{type:Object,default:null}},emits:["intersecting","loading","loaded","error"],setup(t){const o=t,a=e.computed((()=>{var e;return"string"==typeof o.image?[{srcset:o.image}]:null==(e=o.image)?void 0:e.sources}));return(o,r)=>e.withDirectives((e.openBlock(),e.createElementBlock("picture",{class:e.normalizeClass(["m-lazy-img-component",{"-use-loader":!t.noLoader,"--height-full":t.imageHeightFull}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(a),(({srcset:t,media:o},a)=>(e.openBlock(),e.createElementBlock("source",{key:a,"data-srcset":t,media:o},null,8,c)))),128)),e.createElementVNode("img",e.mergeProps(o.$attrs,{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"}),null,16),t.noLoader?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",d,[e.createVNode(l,{size:"2em"})])),e.renderSlot(o.$slots,"default",{},void 0,!0)],2)),[[e.unref(s),{noPhoto:t.noPhoto,observerOnce:!t.noObserverOnce,loadOnce:t.loadOnce,onIntersecting:e=>o.$emit("intersecting",e),onLoading:e=>o.$emit("loading",e),onLoaded:e=>o.$emit("loaded",e),onError:e=>o.$emit("error",e),observerOptions:t.observerOptions}]])}}),[["__scopeId","data-v-d5e9de6a"]]);const m=["innerHTML"],g=e.defineComponent({__name:"MazIcon",props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:e=>e}},emits:["loaded","unloaded","error"],setup(t,{emit:o}){const a=t,s={},r=e.ref(),i=e.ref(),n=()=>{try{return function(t,o){const a=e.inject(t,o);if(!a)throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${t}`);return a}("mazIconPath")}catch{return}},l=e.computed((()=>a.path??n())),c=e.computed((()=>a.src?a.src:l.value?`${l.value}/${a.name}.svg`:`/${a.name}.svg`));e.onMounted((()=>{a.name||a.src||console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop')}));const d=e=>{const t={},o=e.attributes;if(!o)return t;for(let a=o.length-1;a>=0;a--)t[o[a].name]=o[a].value;return t},u=e=>{let t=e.cloneNode(!0);return t=a.transformSource(e),a.title&&((e,t)=>{const o=e.querySelectorAll("title");if(o.length>0)o[0].textContent=t;else{const o=document.createElementNS("http://www.w3.org/2000/svg","title");o.textContent=t,e.append(o)}})(t,a.title),e.innerHTML},g=e=>new Promise(((t,o)=>{const s=new XMLHttpRequest;s.open("GET",e,!0),s.addEventListener("load",(()=>{if(s.status>=200&&s.status<400)try{const e=new DOMParser;let r=e.parseFromString(s.responseText,"text/xml").querySelectorAll("svg")[0];r?(r=a.transformSource(r),t(r)):o(new Error('Loaded file is not valid SVG"'))}catch(e){o(e)}else o(new Error("Error loading SVG"))})),s.addEventListener("error",(()=>o())),s.send()}));return e.watchEffect((()=>(async t=>{s[t]||(s[t]=g(t));try{r.value=await s[t],await e.nextTick(),o("loaded",i.value)}catch(a){r.value&&(r.value=void 0,o("unloaded")),delete s[t],o("error",a)}})(c.value))),(o,a)=>{return r.value?(e.openBlock(),e.createElementBlock("svg",e.mergeProps({key:0,ref_key:"svgElem",ref:i,width:"1em",height:"1em"},{...d(r.value),...(s=o.$attrs,Object.keys(s).reduce(((e,t)=>(!1!==s[t]&&null!==s[t]&&void 0!==s[t]&&(e[t]=s[t]),e)),{}))},{style:`font-size: ${t.size}`,innerHTML:u(r.value)}),null,16,m)):e.createCommentVNode("",!0);var s}}}),p=["tabindex"],h={class:"m-avatar__initial"},v={key:0,class:"m-avatar__caption"},y=n(e.defineComponent({__name:"MazAvatar",props:{src:{type:String,default:void 0},caption:{type:String,default:void 0},href:{type:String,default:void 0},to:{type:Object,default:void 0},alt:{type:String,default:"avatar image"},target:{type:String,default:"_self"},size:{type:String,default:void 0},bordered:{type:Boolean,default:!1},clickable:{type:Boolean,default:!1},square:{type:Boolean,default:!1},noElevation:{type:Boolean,default:!1},showCaption:{type:Boolean,default:!1},imageHeightFull:{type:Boolean,default:!1},noLoader:{type:Boolean,default:!1},buttonColor:{type:String,default:"info",validator:e=>["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(e)}},emits:["click"],setup(t){const o=t,a=e.computed((()=>o.to?"RouterLink":o.href?"a":"div")),s=e.computed((()=>!!o.to||!!o.href));return(o,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(a)),e.mergeProps({style:{fontSize:t.size},class:["m-avatar",[{"--has-link":e.unref(s)}]]},o.$attrs,{href:t.href,to:t.to,target:e.unref(s)?t.target:void 0}),{default:e.withCtx((()=>[e.createElementVNode("div",{class:e.normalizeClass(["m-avatar__wrapper",{"--has-shadow":!t.noElevation,"--bordered":t.bordered,"--clickable":t.clickable,"--square":t.square,"--has-initial":!t.src&&t.caption}]),tabindex:t.clickable?0:-1,onKeydown:r[2]||(r[2]=e.withKeys((e=>t.clickable?o.$emit("click",e):void 0),["enter"]))},[t.src?(e.openBlock(),e.createBlock(u,{key:0,class:"m-avatar__picture maz-max-w-full",image:t.src,alt:t.alt,"image-height-full":"","no-loader":t.noLoader,onClick:r[0]||(r[0]=e=>t.clickable?o.$emit("click",e):null)},null,8,["image","alt","no-loader"])):e.createCommentVNode("",!0),t.caption&&!t.src?e.renderSlot(o.$slots,"round-text",{key:1},(()=>{var o;return[e.createElementVNode("span",h,e.toDisplayString(null==(o=t.caption)?void 0:o.charAt(0)),1)]}),!0):e.createCommentVNode("",!0),t.clickable?(e.openBlock(),e.createElementBlock("button",{key:2,type:"button",tabindex:"-1",class:"m-avatar__button",style:e.normalizeStyle({backgroundColor:t.src?`var(--maz-color-${t.buttonColor}-alpha)`:`var(--maz-color-${t.buttonColor})`}),onClick:r[1]||(r[1]=e=>o.$emit("click",e))},[e.renderSlot(o.$slots,"icon",{},(()=>[e.createVNode(g,{src:e.unref("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTE1LjIzMiA1LjIzMmwzLjUzNiAzLjUzNm0tMi4wMzYtNS4wMzZhMi41IDIuNSAwIDExMy41MzYgMy41MzZMNi41IDIxLjAzNkgzdi0zLjU3MkwxNi43MzIgMy43MzJ6Ii8+Cjwvc3ZnPgo="),class:"m-avatar__button__icon"},null,8,["src"])]),!0)],4)):e.createCommentVNode("",!0)],42,p),e.renderSlot(o.$slots,"caption",{},(()=>[t.showCaption&&t.caption?(e.openBlock(),e.createElementBlock("p",v,e.toDisplayString(t.caption),1)):e.createCommentVNode("",!0)]),!0)])),_:3},16,["style","class","href","to","target"]))}}),[["__scopeId","data-v-77b8160b"]]),f=Object.freeze(Object.defineProperty({__proto__:null,default:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjQ4cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjQ4cHgiIGZpbGw9IiNjZGNkY2QiPgogIDxnPgogICAgPHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0Ii8+CiAgICA8Zz4KICAgICAgPHBhdGggZD0iTTguOSw2LjA3TDcuNDgsNC42Nkw5LDNoNmwxLjgzLDJIMjBjMS4xLDAsMiwwLjksMiwydjEyYzAsMC4wNS0wLjAxLDAuMS0wLjAyLDAuMTZMMjAsMTcuMTdWN2gtNC4wNWwtMS44My0ySDkuODggTDguOSw2LjA3eiBNMjAuNDksMjMuMzFMMTguMTcsMjFINGMtMS4xLDAtMi0wLjktMi0yVjdjMC0wLjU5LDAuMjctMS4xMiwwLjY4LTEuNDlsLTItMkwyLjEsMi4xbDE5LjgsMTkuOEwyMC40OSwyMy4zMXogTTkuMTksMTIuMDJDOS4wOCwxMi4zMyw5LDEyLjY1LDksMTNjMCwxLjY2LDEuMzQsMywzLDNjMC4zNSwwLDAuNjctMC4wOCwwLjk4LTAuMTlMOS4xOSwxMi4wMnogTTE2LjE3LDE5bC0xLjY4LTEuNjggQzEzLjc2LDE3Ljc1LDEyLjkxLDE4LDEyLDE4Yy0yLjc2LDAtNS0yLjI0LTUtNWMwLTAuOTEsMC4yNS0xLjc2LDAuNjgtMi40OUw0LjE3LDdINHYxMkgxNi4xN3ogTTE0LjgxLDExLjk4bDIuMDcsMi4wNyBDMTYuOTYsMTMuNzEsMTcsMTMuMzYsMTcsMTNjMC0yLjc2LTIuMjQtNS01LTVjLTAuMzYsMC0wLjcxLDAuMDQtMS4wNiwwLjEybDIuMDcsMi4wN0MxMy44NSwxMC40OSwxNC41MSwxMS4xNSwxNC44MSwxMS45OHoiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg=="},Symbol.toStringTag,{value:"Module"}));return y}));

package/components/MazBackdrop.d.ts

@@ -38,6 +38,8 @@ declare const _default: import("vue").DefineComponent<{
     onBackdropClicked: () => void;
     close: () => void;
     present: import("vue").Ref<boolean>;
+    toggleModal: (value: boolean) => Promise<void>;
+    onKeyPress: (event: KeyboardEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "before-close" | "update:model-value")[], "close" | "open" | "before-close" | "update:model-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: BooleanConstructor;

package/components/MazBackdrop.mjs

@@ -1,10 +1,10 @@
 (function(){"use strict";try{if(typeof document!="undefined"){var t=document.createElement("style");t.appendChild(document.createTextNode("html.--backdrop-present{overflow-y:hidden;height:100vh}.m-backdrop.bottom-sheet-anim-enter-active,.m-backdrop.bottom-sheet-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content,.m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content{-webkit-transition:-webkit-transform ease-in-out .25s;transition:-webkit-transform ease-in-out .25s;transition:transform ease-in-out .25s;transition:transform ease-in-out .25s,-webkit-transform ease-in-out .25s;-webkit-transform:translateY(0);transform:translateY(0)}.m-backdrop.bottom-sheet-anim-enter-from,.m-backdrop.bottom-sheet-anim-leave-to{opacity:0}.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content,.m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content{-webkit-transform:translateY(100%);transform:translateY(100%)}.m-backdrop.modal-anim-enter-active,.m-backdrop.modal-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.modal-anim-enter-active .m-backdrop-content,.m-backdrop.modal-anim-leave-active .m-backdrop-content{-webkit-transition:-webkit-transform ease-in-out .25s;transition:-webkit-transform ease-in-out .25s;transition:transform ease-in-out .25s;transition:transform ease-in-out .25s,-webkit-transform ease-in-out .25s;-webkit-transform:translateY(0);transform:translateY(0)}.m-backdrop.modal-anim-enter-from,.m-backdrop.modal-anim-leave-to{opacity:0}.m-backdrop.modal-anim-enter-from .m-backdrop-content,.m-backdrop.modal-anim-leave-to .m-backdrop-content{-webkit-transform:translateY(-25px);transform:translateY(-25px)}.m-backdrop.backdrop-anim-enter-active,.m-backdrop.backdrop-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.backdrop-anim-enter-from,.m-backdrop.backdrop-anim-leave-to{opacity:0}.m-backdrop{position:fixed;top:0px;right:0px;bottom:0px;left:0px;z-index:1050;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.m-backdrop-overlay{-ms-touch-action:none;touch-action:none;position:absolute;top:0px;right:0px;bottom:0px;left:0px;background-color:var(--maz-bg-overlay)}.m-backdrop-overlay:not(.--disabled){cursor:pointer}.m-backdrop-content{position:relative;z-index:1}.m-backdrop-content:focus{outline:2px solid transparent;outline-offset:2px}.m-backdrop.--bottom-sheet .m-backdrop-content{position:absolute;bottom:0px;left:0px;right:0px}.m-backdrop.--fullscreen{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (min-width: 576px){.m-backdrop.--fullscreen{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.m-backdrop.--fullscreen.--center-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (min-width: 576px){.m-backdrop.--fullscreen.--center-top{padding-top:7rem}}.m-backdrop.--fullscreen .m-backdrop-content{position:relative;width:100%}@media (min-width: 576px){.m-backdrop.--fullscreen .m-backdrop-content{width:auto}}")),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import { defineComponent, ref, onMounted, watch, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, createElementBlock, normalizeClass, createElementVNode, withModifiers, mergeProps, renderSlot, createCommentVNode } from "vue";
+import { defineComponent, ref, watch, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, createElementBlock, normalizeClass, createElementVNode, withModifiers, mergeProps, renderSlot, createCommentVNode } from "vue";
 const MODAL_OPENED_CLASS = "--backdrop-present";
 const addClassToDocument = () => {
   document.documentElement.classList.add(MODAL_OPENED_CLASS);
 };
-const removeClassFromDocument = () => {
+const removeClassFromDocument = async () => {
   const backdropPresents = document.querySelector(".m-backdrop.--present");
   if (!backdropPresents) {
     document.documentElement.classList.remove(MODAL_OPENED_CLASS);
@@ -34,13 +34,13 @@ const _sfc_main = defineComponent({
     const close = () => {
       toggleModal(false);
     };
-    const toggleModal = async (show) => {
+    const toggleModal = async (value) => {
       var _a;
-      if (!show) {
+      if (!value) {
         emits("before-close");
         await ((_a = props.beforeClose) == null ? void 0 : _a.call(props));
       }
-      present.value = show;
+      present.value = value;
     };
     const onBackdropAnimationEnter = () => {
       emits("open");
@@ -48,6 +48,7 @@ const _sfc_main = defineComponent({
     const onBackdropAnimationLeave = () => {
       emits("update:model-value", false);
       emits("close");
+      removeClassAndEventToDocument();
     };
     const onBackdropClicked = () => {
       if (!props.persistent) {
@@ -67,10 +68,6 @@ const _sfc_main = defineComponent({
       document.removeEventListener("keyup", onKeyPress);
       removeClassFromDocument();
     };
-    onMounted(() => {
-      if (props.modelValue)
-        addClassAndEventToDocument();
-    });
     watch(
       () => props.modelValue,
       (value) => {
@@ -80,14 +77,17 @@ const _sfc_main = defineComponent({
         } else {
           removeClassAndEventToDocument();
         }
-      }
+      },
+      { immediate: true }
     );
     return {
       onBackdropAnimationEnter,
       onBackdropAnimationLeave,
       onBackdropClicked,
       close,
-      present
+      present,
+      toggleModal,
+      onKeyPress
     };
   }
 });

package/components/MazBackdrop.umd.js

@@ -1,2 +1,2 @@
 (function(){"use strict";try{if(typeof document!="undefined"){var t=document.createElement("style");t.appendChild(document.createTextNode("html.--backdrop-present{overflow-y:hidden;height:100vh}.m-backdrop.bottom-sheet-anim-enter-active,.m-backdrop.bottom-sheet-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content,.m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content{-webkit-transition:-webkit-transform ease-in-out .25s;transition:-webkit-transform ease-in-out .25s;transition:transform ease-in-out .25s;transition:transform ease-in-out .25s,-webkit-transform ease-in-out .25s;-webkit-transform:translateY(0);transform:translateY(0)}.m-backdrop.bottom-sheet-anim-enter-from,.m-backdrop.bottom-sheet-anim-leave-to{opacity:0}.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content,.m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content{-webkit-transform:translateY(100%);transform:translateY(100%)}.m-backdrop.modal-anim-enter-active,.m-backdrop.modal-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.modal-anim-enter-active .m-backdrop-content,.m-backdrop.modal-anim-leave-active .m-backdrop-content{-webkit-transition:-webkit-transform ease-in-out .25s;transition:-webkit-transform ease-in-out .25s;transition:transform ease-in-out .25s;transition:transform ease-in-out .25s,-webkit-transform ease-in-out .25s;-webkit-transform:translateY(0);transform:translateY(0)}.m-backdrop.modal-anim-enter-from,.m-backdrop.modal-anim-leave-to{opacity:0}.m-backdrop.modal-anim-enter-from .m-backdrop-content,.m-backdrop.modal-anim-leave-to .m-backdrop-content{-webkit-transform:translateY(-25px);transform:translateY(-25px)}.m-backdrop.backdrop-anim-enter-active,.m-backdrop.backdrop-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.backdrop-anim-enter-from,.m-backdrop.backdrop-anim-leave-to{opacity:0}.m-backdrop{position:fixed;top:0px;right:0px;bottom:0px;left:0px;z-index:1050;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.m-backdrop-overlay{-ms-touch-action:none;touch-action:none;position:absolute;top:0px;right:0px;bottom:0px;left:0px;background-color:var(--maz-bg-overlay)}.m-backdrop-overlay:not(.--disabled){cursor:pointer}.m-backdrop-content{position:relative;z-index:1}.m-backdrop-content:focus{outline:2px solid transparent;outline-offset:2px}.m-backdrop.--bottom-sheet .m-backdrop-content{position:absolute;bottom:0px;left:0px;right:0px}.m-backdrop.--fullscreen{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (min-width: 576px){.m-backdrop.--fullscreen{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.m-backdrop.--fullscreen.--center-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (min-width: 576px){.m-backdrop.--fullscreen.--center-top{padding-top:7rem}}.m-backdrop.--fullscreen .m-backdrop-content{position:relative;width:100%}@media (min-width: 576px){.m-backdrop.--fullscreen .m-backdrop-content{width:auto}}")),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue")):"function"==typeof define&&define.amd?define(["vue"],o):(e="undefined"!=typeof globalThis?globalThis:e||self).MazBackdrop=o(e.Vue)}(this,(function(e){"use strict";const o="--backdrop-present";return((e,o)=>{const t=e.__vccOpts||e;for(const[n,a]of o)t[n]=a;return t})(e.defineComponent({inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!1},teleportSelector:{type:String,default:"body"},beforeClose:{type:Function,default:void 0},persistent:{type:Boolean,default:!1},noCloseOnEscKey:{type:Boolean,default:!1},transitionName:{type:String,default:"backdrop-anim"},backdropClass:{type:[Array,String,Object],default:void 0},backdropContentClass:{type:[Array,String,Object],default:void 0}},emits:["open","before-close","close","update:model-value"],setup(t,{emit:n}){const a=e.ref(t.modelValue),r=()=>{l(!1)},l=async e=>{var o;e||(n("before-close"),await(null==(o=t.beforeClose)?void 0:o.call(t))),a.value=e},d=e=>{t.noCloseOnEscKey||"Escape"!==e.key||t.persistent||r()},s=()=>{document.documentElement.classList.add(o),document.addEventListener("keyup",d,!1)},c=()=>{document.removeEventListener("keyup",d),document.querySelector(".m-backdrop.--present")||document.documentElement.classList.remove(o)};return e.onMounted((()=>{t.modelValue&&s()})),e.watch((()=>t.modelValue),(e=>{a.value=e,e?s():c()})),{onBackdropAnimationEnter:()=>{n("open")},onBackdropAnimationLeave:()=>{n("update:model-value",!1),n("close")},onBackdropClicked:()=>{t.persistent||r()},close:r,present:a}}}),[["render",function(o,t,n,a,r,l){return e.openBlock(),e.createBlock(e.Teleport,{to:o.teleportSelector},[e.createVNode(e.Transition,{appear:"",name:o.transitionName,onAfterEnter:o.onBackdropAnimationEnter,onAfterLeave:o.onBackdropAnimationLeave},{default:e.withCtx((()=>[o.present?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["m-backdrop --present",[o.backdropClass]]),tabindex:"-1",role:"dialog"},[e.createElementVNode("div",{class:e.normalizeClass(["m-backdrop-overlay",{"--disabled":o.persistent}]),tabindex:"-1",onClick:t[0]||(t[0]=e.withModifiers(((...e)=>o.onBackdropClicked&&o.onBackdropClicked(...e)),["self"]))},null,2),e.createElementVNode("div",e.mergeProps({class:["m-backdrop-content",o.backdropContentClass]},o.$attrs,{role:"document",tabindex:"0"}),[e.renderSlot(o.$slots,"default",{close:o.close})],16)],2)):e.createCommentVNode("",!0)])),_:3},8,["name","onAfterEnter","onAfterLeave"])],8,["to"])}]])}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).MazBackdrop=t(e.Vue)}(this,(function(e){"use strict";const t="--backdrop-present";return((e,t)=>{const o=e.__vccOpts||e;for(const[n,a]of t)o[n]=a;return o})(e.defineComponent({inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!1},teleportSelector:{type:String,default:"body"},beforeClose:{type:Function,default:void 0},persistent:{type:Boolean,default:!1},noCloseOnEscKey:{type:Boolean,default:!1},transitionName:{type:String,default:"backdrop-anim"},backdropClass:{type:[Array,String,Object],default:void 0},backdropContentClass:{type:[Array,String,Object],default:void 0}},emits:["open","before-close","close","update:model-value"],setup(o,{emit:n}){const a=e.ref(o.modelValue),r=()=>{l(!1)},l=async e=>{var t;e||(n("before-close"),await(null==(t=o.beforeClose)?void 0:t.call(o))),a.value=e},d=e=>{o.noCloseOnEscKey||"Escape"!==e.key||o.persistent||r()},s=()=>{document.documentElement.classList.add(t),document.addEventListener("keyup",d,!1)},c=()=>{document.removeEventListener("keyup",d),(async()=>{document.querySelector(".m-backdrop.--present")||document.documentElement.classList.remove(t)})()};return e.watch((()=>o.modelValue),(e=>{a.value=e,e?s():c()}),{immediate:!0}),{onBackdropAnimationEnter:()=>{n("open")},onBackdropAnimationLeave:()=>{n("update:model-value",!1),n("close"),c()},onBackdropClicked:()=>{o.persistent||r()},close:r,present:a,toggleModal:l,onKeyPress:d}}}),[["render",function(t,o,n,a,r,l){return e.openBlock(),e.createBlock(e.Teleport,{to:t.teleportSelector},[e.createVNode(e.Transition,{appear:"",name:t.transitionName,onAfterEnter:t.onBackdropAnimationEnter,onAfterLeave:t.onBackdropAnimationLeave},{default:e.withCtx((()=>[t.present?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["m-backdrop --present",[t.backdropClass]]),tabindex:"-1",role:"dialog"},[e.createElementVNode("div",{class:e.normalizeClass(["m-backdrop-overlay",{"--disabled":t.persistent}]),tabindex:"-1",onClick:o[0]||(o[0]=e.withModifiers(((...e)=>t.onBackdropClicked&&t.onBackdropClicked(...e)),["self"]))},null,2),e.createElementVNode("div",e.mergeProps({class:["m-backdrop-content",t.backdropContentClass]},t.$attrs,{role:"document",tabindex:"0"}),[e.renderSlot(t.$slots,"default",{close:t.close})],16)],2)):e.createCommentVNode("",!0)])),_:3},8,["name","onAfterEnter","onAfterLeave"])],8,["to"])}]])}));

package/components/MazBottomSheet.mjs

@@ -58,7 +58,7 @@ const MazSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data
 function injectStrict(key, fallback) {
   const resolved = inject(key, fallback);
   if (!resolved) {
-    throw new Error(`[maz-ui](injectStrict) Could not resolve ${key}`);
+    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${key}`);
   }
   return resolved;
 }
@@ -357,7 +357,7 @@ const MODAL_OPENED_CLASS = "--backdrop-present";
 const addClassToDocument = () => {
   document.documentElement.classList.add(MODAL_OPENED_CLASS);
 };
-const removeClassFromDocument = () => {
+const removeClassFromDocument = async () => {
   const backdropPresents = document.querySelector(".m-backdrop.--present");
   if (!backdropPresents) {
     document.documentElement.classList.remove(MODAL_OPENED_CLASS);
@@ -387,13 +387,13 @@ const _sfc_main$1 = defineComponent({
     const close = () => {
       toggleModal(false);
     };
-    const toggleModal = async (show) => {
+    const toggleModal = async (value) => {
       var _a;
-      if (!show) {
+      if (!value) {
         emits("before-close");
         await ((_a = props.beforeClose) == null ? void 0 : _a.call(props));
       }
-      present.value = show;
+      present.value = value;
     };
     const onBackdropAnimationEnter = () => {
       emits("open");
@@ -401,6 +401,7 @@ const _sfc_main$1 = defineComponent({
     const onBackdropAnimationLeave = () => {
       emits("update:model-value", false);
       emits("close");
+      removeClassAndEventToDocument();
     };
     const onBackdropClicked = () => {
       if (!props.persistent) {
@@ -420,10 +421,6 @@ const _sfc_main$1 = defineComponent({
       document.removeEventListener("keyup", onKeyPress);
       removeClassFromDocument();
     };
-    onMounted(() => {
-      if (props.modelValue)
-        addClassAndEventToDocument();
-    });
     watch(
       () => props.modelValue,
       (value) => {
@@ -433,14 +430,17 @@ const _sfc_main$1 = defineComponent({
         } else {
           removeClassAndEventToDocument();
         }
-      }
+      },
+      { immediate: true }
     );
     return {
       onBackdropAnimationEnter,
       onBackdropAnimationLeave,
       onBackdropClicked,
       close,
-      present
+      present,
+      toggleModal,
+      onKeyPress
     };
   }
 });

package/components/MazBottomSheet.umd.js

@@ -1,2 +1,2 @@
 (function(){"use strict";try{if(typeof document!="undefined"){var o=document.createElement("style");o.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-34f40819]{-webkit-animation:maz-spin-34f40819 1s linear infinite;animation:maz-spin-34f40819 1s linear infinite;fill:currentColor;margin:0!important}.m-spinner--normal[data-v-34f40819]{color:var(--maz-color-text)}.m-spinner--primary[data-v-34f40819]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-34f40819]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-34f40819]{color:var(--maz-color-info)}.m-spinner--warning[data-v-34f40819]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-34f40819]{color:var(--maz-color-danger)}.m-spinner--success[data-v-34f40819]{color:var(--maz-color-success)}.m-spinner--black[data-v-34f40819]{color:var(--maz-color-black)}.m-spinner--white[data-v-34f40819],.m-spinner--transparent[data-v-34f40819]{color:var(--maz-color-white)}.m-btn[data-v-46a6f142]{border-width:var(--maz-border-width);border-style:solid;border-color:transparent;text-align:center;font-size:1rem;line-height:1.5rem;color:var(--maz-color-text)}.m-btn span[data-v-46a6f142]{line-height:1}.m-btn__icon-left[data-v-46a6f142]{margin-right:.5rem;margin-left:-.25rem;line-height:1}.m-btn__icon-right[data-v-46a6f142]{margin-left:.5rem;margin-right:-.25rem;line-height:1}.m-btn.--cursor-pointer[data-v-46a6f142]{cursor:pointer}.m-btn.--cursor-default[data-v-46a6f142]{cursor:default}.m-btn.--is-link[data-v-46a6f142]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-btn.--is-link[data-v-46a6f142]:not(.--no-leading){line-height:2.25rem}.m-btn.--is-link[data-v-46a6f142]:not(:disabled):hover:not(.--no-underline),.m-btn.--is-link[data-v-46a6f142]:not(:disabled):focus:not(.--no-underline){text-decoration-line:underline}.m-btn.--is-link.--secondary[data-v-46a6f142]{color:var(--maz-color-secondary)}.m-btn.--is-link.--info[data-v-46a6f142]{color:var(--maz-color-info)}.m-btn.--is-link.--warning[data-v-46a6f142]{color:var(--maz-color-warning-600)}.m-btn.--is-link.--danger[data-v-46a6f142]{color:var(--maz-color-danger-600)}.m-btn.--is-link.--success[data-v-46a6f142]{color:var(--maz-color-success-600)}.m-btn.--is-link.--white[data-v-46a6f142]{color:var(--maz-color-white)}.m-btn.--is-link.--black[data-v-46a6f142]{color:var(--maz-color-black)}.m-btn.--is-button[data-v-46a6f142]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;border-radius:var(--maz-border-radius);border-color:transparent;background-color:transparent;font-weight:500;text-decoration-line:none;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-btn.--is-button.--rounded[data-v-46a6f142]{border-radius:9999px}.m-btn.--is-button.--xl[data-v-46a6f142]{padding:1.325rem 2rem;font-size:1.25rem;line-height:1.75rem}.m-btn.--is-button.--lg[data-v-46a6f142]{padding:1rem 1.5rem;font-size:1.125rem;line-height:1.75rem}.m-btn.--is-button.--md[data-v-46a6f142]{padding:.88rem 1rem;font-size:1rem;line-height:1.5rem}.m-btn.--is-button.--sm[data-v-46a6f142]{padding:.625rem .75rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--xs[data-v-46a6f142]{padding:.3rem .5rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--mini[data-v-46a6f142]{padding:.2rem .25rem;font-size:.75rem;line-height:1rem}.m-btn.--is-button.--icon[data-v-46a6f142]{padding-top:.5rem;padding-bottom:.5rem}.m-btn.--is-button[data-v-46a6f142]{-webkit-transition:background .3s ease-in-out 0ms,color .3s ease-in-out 0ms;transition:background .3s ease-in-out 0ms,color .3s ease-in-out 0ms}.m-btn.--is-button[data-v-46a6f142]:not(.--disabled):hover,.m-btn.--is-button[data-v-46a6f142]:not(.--disabled):focus{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.m-btn.--is-button.--fab[data-v-46a6f142]{display:-webkit-box;display:-ms-flexbox;display:flex;height:3rem;width:3rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;padding:0}.m-btn.--is-button.--fab[data-v-46a6f142]:not(.--no-elevation){-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}.m-btn.--is-button.--block[data-v-46a6f142]{width:100%}.m-btn.--is-button.--primary[data-v-46a6f142]{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--primary[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--primary[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-primary-600)}.m-btn.--is-button.--secondary[data-v-46a6f142]{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--secondary[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--secondary[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-secondary-600)}.m-btn.--is-button.--info[data-v-46a6f142]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--info[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--info[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-info-600)}.m-btn.--is-button.--success[data-v-46a6f142]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--success[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--success[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-success-600)}.m-btn.--is-button.--warning[data-v-46a6f142]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--warning[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--warning[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-warning-600)}.m-btn.--is-button.--danger[data-v-46a6f142]{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--danger[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--danger[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-danger-600)}.m-btn.--is-button.--white[data-v-46a6f142]{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--white[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--white[data-v-46a6f142]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.m-btn.--is-button.--black[data-v-46a6f142]{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--black[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--black[data-v-46a6f142]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.m-btn.--is-button.--transparent[data-v-46a6f142]{background-color:transparent}.m-btn.--is-button.--transparent[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--transparent[data-v-46a6f142]:not(:disabled):focus{background-color:#0000001f}.m-btn.--is-button.--primary-outline[data-v-46a6f142]{border-color:var(--maz-color-primary);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--primary-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-outline[data-v-46a6f142]{border-color:var(--maz-color-secondary);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--secondary-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-white)}.m-btn.--is-button.--info-outline[data-v-46a6f142]{border-color:var(--maz-color-info);color:var(--maz-color-info)}.m-btn.--is-button.--info-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--info-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-white)}.m-btn.--is-button.--success-outline[data-v-46a6f142]{border-color:var(--maz-color-success);color:var(--maz-color-success)}.m-btn.--is-button.--success-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--success-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-white)}.m-btn.--is-button.--danger-outline[data-v-46a6f142]{border-color:var(--maz-color-danger);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--danger-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--warning-outline[data-v-46a6f142]{border-color:var(--maz-color-warning);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--warning-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-46a6f142]{border-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--white-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--black-outline[data-v-46a6f142]{border-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--black-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--black-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--primary-pastel[data-v-46a6f142]{background-color:var(--maz-color-primary-50);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--primary-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-pastel[data-v-46a6f142]{background-color:var(--maz-color-secondary-50);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--secondary-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--info-pastel[data-v-46a6f142]{background-color:var(--maz-color-info-50);color:var(--maz-color-info)}.m-btn.--is-button.--info-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--info-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--success-pastel[data-v-46a6f142]{background-color:var(--maz-color-success-50);color:var(--maz-color-success)}.m-btn.--is-button.--success-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--success-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--danger-pastel[data-v-46a6f142]{background-color:var(--maz-color-danger-50);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--danger-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-btn.--is-button.--warning-pastel[data-v-46a6f142]{background-color:var(--maz-color-warning-50);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--warning-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--white-pastel[data-v-46a6f142]{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));color:var(--maz-color-white)}.m-btn.--is-button.--white-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--white-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--black-pastel[data-v-46a6f142]{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity));color:var(--maz-color-black)}.m-btn.--is-button.--black-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--black-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--disabled[data-v-46a6f142]{cursor:not-allowed;background-color:var(--maz-color-bg-lighter);--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.m-btn.--is-button.--no-padding[data-v-46a6f142]{padding:0}.m-btn.--is-button .m-btn__loading-wrapper[data-v-46a6f142]{position:absolute;top:0px;right:0px;bottom:0px;left:0px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-46a6f142]{background-color:var(--maz-color-primary)}.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-46a6f142]{background-color:var(--maz-color-secondary)}.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-46a6f142]{background-color:var(--maz-color-info)}.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-46a6f142]{background-color:var(--maz-color-warning)}.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-46a6f142]{background-color:var(--maz-color-success)}.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-46a6f142]{background-color:var(--maz-color-danger)}.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-46a6f142]{background-color:var(--maz-color-white)}.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-46a6f142]{background-color:var(--maz-color-black)}html.--backdrop-present{overflow-y:hidden;height:100vh}.m-backdrop.bottom-sheet-anim-enter-active,.m-backdrop.bottom-sheet-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content,.m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content{-webkit-transition:-webkit-transform ease-in-out .25s;transition:-webkit-transform ease-in-out .25s;transition:transform ease-in-out .25s;transition:transform ease-in-out .25s,-webkit-transform ease-in-out .25s;-webkit-transform:translateY(0);transform:translateY(0)}.m-backdrop.bottom-sheet-anim-enter-from,.m-backdrop.bottom-sheet-anim-leave-to{opacity:0}.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content,.m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content{-webkit-transform:translateY(100%);transform:translateY(100%)}.m-backdrop.modal-anim-enter-active,.m-backdrop.modal-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.modal-anim-enter-active .m-backdrop-content,.m-backdrop.modal-anim-leave-active .m-backdrop-content{-webkit-transition:-webkit-transform ease-in-out .25s;transition:-webkit-transform ease-in-out .25s;transition:transform ease-in-out .25s;transition:transform ease-in-out .25s,-webkit-transform ease-in-out .25s;-webkit-transform:translateY(0);transform:translateY(0)}.m-backdrop.modal-anim-enter-from,.m-backdrop.modal-anim-leave-to{opacity:0}.m-backdrop.modal-anim-enter-from .m-backdrop-content,.m-backdrop.modal-anim-leave-to .m-backdrop-content{-webkit-transform:translateY(-25px);transform:translateY(-25px)}.m-backdrop.backdrop-anim-enter-active,.m-backdrop.backdrop-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.backdrop-anim-enter-from,.m-backdrop.backdrop-anim-leave-to{opacity:0}.m-backdrop{position:fixed;top:0px;right:0px;bottom:0px;left:0px;z-index:1050;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.m-backdrop-overlay{-ms-touch-action:none;touch-action:none;position:absolute;top:0px;right:0px;bottom:0px;left:0px;background-color:var(--maz-bg-overlay)}.m-backdrop-overlay:not(.--disabled){cursor:pointer}.m-backdrop-content{position:relative;z-index:1}.m-backdrop-content:focus{outline:2px solid transparent;outline-offset:2px}.m-backdrop.--bottom-sheet .m-backdrop-content{position:absolute;bottom:0px;left:0px;right:0px}.m-backdrop.--fullscreen{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (min-width: 576px){.m-backdrop.--fullscreen{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.m-backdrop.--fullscreen.--center-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (min-width: 576px){.m-backdrop.--fullscreen.--center-top{padding-top:7rem}}.m-backdrop.--fullscreen .m-backdrop-content{position:relative;width:100%}@media (min-width: 576px){.m-backdrop.--fullscreen .m-backdrop-content{width:auto}}.m-bottom-sheet__container[data-v-b84a28b3]{position:relative;background-color:var(--maz-color-bg);color:var(--maz-color-text);-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d;padding-left:3rem;padding-right:3rem;-webkit-box-shadow:0 -5px 20px hsl(0deg 0% 0% / 20%);box-shadow:0 -5px 20px #0003}.m-bottom-sheet__content-wrapper[data-v-b84a28b3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-bottom-sheet__close[data-v-b84a28b3]{position:absolute!important;top:1rem;right:1rem}")),document.head.appendChild(o)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).MazBottomSheet=t(e.Vue)}(this,(function(e){"use strict";const t=["width","height"],o=[(t=>(e.pushScopeId("data-v-34f40819"),t=t(),e.popScopeId(),t))((()=>e.createElementVNode("path",{d:"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"},null,-1)))],n=(e,t)=>{const o=e.__vccOpts||e;for(const[n,a]of t)o[n]=a;return o},a=n(e.defineComponent({__name:"MazSpinner",props:{size:{type:String,default:"2em"},color:{type:String,default:"normal",validator:e=>["normal","info","white","success","warning","danger","primary","black","secondary","transparent"].includes(e)}},setup:n=>(a,l)=>(e.openBlock(),e.createElementBlock("svg",{width:n.size,height:n.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:e.normalizeClass(["m-spinner",`m-spinner--${n.color}`]),style:{"enable-background":"new 0 0 50 50"}},o,10,t))}),[["__scopeId","data-v-34f40819"]]);const l=["innerHTML"],r=e.defineComponent({__name:"MazIcon",props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:e=>e}},emits:["loaded","unloaded","error"],setup(t,{emit:o}){const n=t,a={},r=e.ref(),d=e.ref(),c=()=>{try{return function(t,o){const n=e.inject(t,o);if(!n)throw new Error(`[maz-ui](injectStrict) Could not resolve ${t}`);return n}("mazIconPath")}catch{return}},s=e.computed((()=>n.path??c())),i=e.computed((()=>n.src?n.src:s.value?`${s.value}/${n.name}.svg`:`/${n.name}.svg`));e.onMounted((()=>{n.name||n.src||console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop')}));const u=e=>{const t={},o=e.attributes;if(!o)return t;for(let n=o.length-1;n>=0;n--)t[o[n].name]=o[n].value;return t},p=e=>{let t=e.cloneNode(!0);return t=n.transformSource(e),n.title&&((e,t)=>{const o=e.querySelectorAll("title");if(o.length>0)o[0].textContent=t;else{const o=document.createElementNS("http://www.w3.org/2000/svg","title");o.textContent=t,e.append(o)}})(t,n.title),e.innerHTML},m=e=>new Promise(((t,o)=>{const a=new XMLHttpRequest;a.open("GET",e,!0),a.addEventListener("load",(()=>{if(a.status>=200&&a.status<400)try{const e=new DOMParser;let l=e.parseFromString(a.responseText,"text/xml").querySelectorAll("svg")[0];l?(l=n.transformSource(l),t(l)):o(new Error('Loaded file is not valid SVG"'))}catch(e){o(e)}else o(new Error("Error loading SVG"))})),a.addEventListener("error",(()=>o())),a.send()}));return e.watchEffect((()=>(async t=>{a[t]||(a[t]=m(t));try{r.value=await a[t],await e.nextTick(),o("loaded",d.value)}catch(n){r.value&&(r.value=void 0,o("unloaded")),delete a[t],o("error",n)}})(i.value))),(o,n)=>{return r.value?(e.openBlock(),e.createElementBlock("svg",e.mergeProps({key:0,ref_key:"svgElem",ref:d,width:"1em",height:"1em"},{...u(r.value),...(a=o.$attrs,Object.keys(a).reduce(((e,t)=>(!1!==a[t]&&null!==a[t]&&void 0!==a[t]&&(e[t]=a[t]),e)),{}))},{style:`font-size: ${t.size}`,innerHTML:p(r.value)}),null,16,l)):e.createCommentVNode("",!0);var a}}}),d={key:0,class:"m-btn__icon-left maz-flex maz-flex-center"},c={class:"maz-flex maz-flex-center"},s={key:1,class:"m-btn__icon-right maz-flex maz-flex-center"},i=n(e.defineComponent({__name:"MazBtn",props:{variant:{type:String,default:"button",validator:e=>["button","link"].includes(e)},size:{type:String,default:"md",validator:e=>["mini","xs","sm","md","lg","xl"].includes(e)},color:{type:String,default:"primary",validator:e=>["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(e)},type:{type:String,default:"button",validator:e=>["button","submit"].includes(e)},rounded:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},pastel:{type:Boolean,default:!1},block:{type:Boolean,default:!1},noUnderline:{type:Boolean,default:!1},noLeading:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},fab:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0},noPadding:{type:Boolean,default:!1},noElevation:{type:Boolean,default:!1}},setup(t){const o=t,{href:n,to:l}=e.useAttrs(),i=e.useSlots(),u=e.computed((()=>n?"a":l?"router-link":"button")),p=e.computed((()=>o.pastel?`--${o.color}-pastel`:o.outline||o.loading?`--${o.color}-outline`:`--${o.color}`)),m=e.computed((()=>(o.loading||o.disabled)&&"button"===u.value)),f=e.computed((()=>m.value?"--cursor-default":"--cursor-pointer")),v=e.computed((()=>`--is-${o.variant}`)),y=e.computed((()=>`--${o.color}`)),g=e.computed((()=>["white"].includes(o.color)?"black":"white")),b=e.computed((()=>o.loading&&"button"===o.variant)),k=e.computed((()=>!!i["left-icon"]||o.leftIcon)),h=e.computed((()=>!!i["right-icon"]||o.rightIcon)),C=e.computed((()=>k.value||h.value)),B=e.computed((()=>"button"===u.value?o.type:void 0));return(o,n)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(u)),e.mergeProps(o.$attrs,{disabled:e.unref(m),class:["m-btn",[`--${t.size}`,e.unref(p),e.unref(f),e.unref(v),{"--block":t.block,"--no-underline":t.noUnderline,"--no-leading":t.noLeading,"--fab":t.fab,"--loading":t.loading,"--disabled":e.unref(m),"--icon":e.unref(C),"--rounded":t.rounded,"--no-padding":t.noPadding,"--no-elevation":t.noElevation}]],type:e.unref(B)}),{default:e.withCtx((()=>[e.unref(k)?(e.openBlock(),e.createElementBlock("div",d,[e.renderSlot(o.$slots,"left-icon",{},(()=>[t.leftIcon?(e.openBlock(),e.createBlock(r,{key:0,name:t.leftIcon},null,8,["name"])):e.createCommentVNode("",!0)]),!0)])):e.createCommentVNode("",!0),e.createElementVNode("span",c,[e.renderSlot(o.$slots,"default",{},void 0,!0)]),e.unref(h)?(e.openBlock(),e.createElementBlock("div",s,[e.renderSlot(o.$slots,"right-icon",{},(()=>[t.rightIcon?(e.openBlock(),e.createBlock(r,{key:0,name:t.rightIcon},null,8,["name"])):e.createCommentVNode("",!0)]),!0)])):e.createCommentVNode("",!0),e.unref(b)?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(["m-btn__loading-wrapper",e.unref(y)])},[e.createVNode(a,{size:"2em",color:e.unref(g)},null,8,["color"])],2)):e.createCommentVNode("",!0)])),_:3},16,["disabled","class","type"]))}}),[["__scopeId","data-v-46a6f142"]]),u="--backdrop-present";const p=n(e.defineComponent({inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!1},teleportSelector:{type:String,default:"body"},beforeClose:{type:Function,default:void 0},persistent:{type:Boolean,default:!1},noCloseOnEscKey:{type:Boolean,default:!1},transitionName:{type:String,default:"backdrop-anim"},backdropClass:{type:[Array,String,Object],default:void 0},backdropContentClass:{type:[Array,String,Object],default:void 0}},emits:["open","before-close","close","update:model-value"],setup(t,{emit:o}){const n=e.ref(t.modelValue),a=()=>{l(!1)},l=async e=>{var a;e||(o("before-close"),await(null==(a=t.beforeClose)?void 0:a.call(t))),n.value=e},r=e=>{t.noCloseOnEscKey||"Escape"!==e.key||t.persistent||a()},d=()=>{document.documentElement.classList.add(u),document.addEventListener("keyup",r,!1)},c=()=>{document.removeEventListener("keyup",r),document.querySelector(".m-backdrop.--present")||document.documentElement.classList.remove(u)};return e.onMounted((()=>{t.modelValue&&d()})),e.watch((()=>t.modelValue),(e=>{n.value=e,e?d():c()})),{onBackdropAnimationEnter:()=>{o("open")},onBackdropAnimationLeave:()=>{o("update:model-value",!1),o("close")},onBackdropClicked:()=>{t.persistent||a()},close:a,present:n}}}),[["render",function(t,o,n,a,l,r){return e.openBlock(),e.createBlock(e.Teleport,{to:t.teleportSelector},[e.createVNode(e.Transition,{appear:"",name:t.transitionName,onAfterEnter:t.onBackdropAnimationEnter,onAfterLeave:t.onBackdropAnimationLeave},{default:e.withCtx((()=>[t.present?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["m-backdrop --present",[t.backdropClass]]),tabindex:"-1",role:"dialog"},[e.createElementVNode("div",{class:e.normalizeClass(["m-backdrop-overlay",{"--disabled":t.persistent}]),tabindex:"-1",onClick:o[0]||(o[0]=e.withModifiers(((...e)=>t.onBackdropClicked&&t.onBackdropClicked(...e)),["self"]))},null,2),e.createElementVNode("div",e.mergeProps({class:["m-backdrop-content",t.backdropContentClass]},t.$attrs,{role:"document",tabindex:"0"}),[e.renderSlot(t.$slots,"default",{close:t.close})],16)],2)):e.createCommentVNode("",!0)])),_:3},8,["name","onAfterEnter","onAfterLeave"])],8,["to"])}]]),m=(t=>(e.pushScopeId("data-v-b84a28b3"),t=t(),e.popScopeId(),t))((()=>e.createElementVNode("div",{class:"m-bottom-sheet__content-wrapper"},[e.createElementVNode("p",null,"Default content")],-1)));return n(e.defineComponent({__name:"MazBottomSheet",props:{noClose:{type:Boolean,default:!1},noPadding:{type:Boolean,default:!1}},emits:["update:model-value","open","close"],setup:(t,{emit:o})=>(n,a)=>(e.openBlock(),e.createBlock(p,e.mergeProps(n.$attrs,{"transition-name":"bottom-sheet-anim","backdrop-class":"--bottom-sheet",onClose:a[0]||(a[0]=e=>n.$emit("close",e)),onOpen:a[1]||(a[1]=e=>n.$emit("open",e)),"onUpdate:modelValue":a[2]||(a[2]=e=>o("update:model-value",e))}),{default:e.withCtx((({close:o})=>[e.createElementVNode("div",{class:e.normalizeClass(["m-bottom-sheet__container",{"maz-py-6":!t.noPadding}])},[e.renderSlot(n.$slots,"default",{close:o},(()=>[m]),!0),t.noClose?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(i,{key:0,size:"sm",class:"m-bottom-sheet__close",color:"transparent",onClick:o},{default:e.withCtx((()=>[e.createVNode(r,{src:e.unref("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTYgMThMMTggNk02IDZsMTIgMTIiLz4KPC9zdmc+Cg=="),class:"maz-h-5 maz-w-5"},null,8,["src"])])),_:2},1032,["onClick"]))],2)])),_:3},16))}),[["__scopeId","data-v-b84a28b3"]])}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).MazBottomSheet=t(e.Vue)}(this,(function(e){"use strict";const t=["width","height"],o=[(t=>(e.pushScopeId("data-v-34f40819"),t=t(),e.popScopeId(),t))((()=>e.createElementVNode("path",{d:"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"},null,-1)))],n=(e,t)=>{const o=e.__vccOpts||e;for(const[n,a]of t)o[n]=a;return o},a=n(e.defineComponent({__name:"MazSpinner",props:{size:{type:String,default:"2em"},color:{type:String,default:"normal",validator:e=>["normal","info","white","success","warning","danger","primary","black","secondary","transparent"].includes(e)}},setup:n=>(a,l)=>(e.openBlock(),e.createElementBlock("svg",{width:n.size,height:n.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:e.normalizeClass(["m-spinner",`m-spinner--${n.color}`]),style:{"enable-background":"new 0 0 50 50"}},o,10,t))}),[["__scopeId","data-v-34f40819"]]);const l=["innerHTML"],r=e.defineComponent({__name:"MazIcon",props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:e=>e}},emits:["loaded","unloaded","error"],setup(t,{emit:o}){const n=t,a={},r=e.ref(),c=e.ref(),d=()=>{try{return function(t,o){const n=e.inject(t,o);if(!n)throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${t}`);return n}("mazIconPath")}catch{return}},s=e.computed((()=>n.path??d())),i=e.computed((()=>n.src?n.src:s.value?`${s.value}/${n.name}.svg`:`/${n.name}.svg`));e.onMounted((()=>{n.name||n.src||console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop')}));const u=e=>{const t={},o=e.attributes;if(!o)return t;for(let n=o.length-1;n>=0;n--)t[o[n].name]=o[n].value;return t},p=e=>{let t=e.cloneNode(!0);return t=n.transformSource(e),n.title&&((e,t)=>{const o=e.querySelectorAll("title");if(o.length>0)o[0].textContent=t;else{const o=document.createElementNS("http://www.w3.org/2000/svg","title");o.textContent=t,e.append(o)}})(t,n.title),e.innerHTML},m=e=>new Promise(((t,o)=>{const a=new XMLHttpRequest;a.open("GET",e,!0),a.addEventListener("load",(()=>{if(a.status>=200&&a.status<400)try{const e=new DOMParser;let l=e.parseFromString(a.responseText,"text/xml").querySelectorAll("svg")[0];l?(l=n.transformSource(l),t(l)):o(new Error('Loaded file is not valid SVG"'))}catch(e){o(e)}else o(new Error("Error loading SVG"))})),a.addEventListener("error",(()=>o())),a.send()}));return e.watchEffect((()=>(async t=>{a[t]||(a[t]=m(t));try{r.value=await a[t],await e.nextTick(),o("loaded",c.value)}catch(n){r.value&&(r.value=void 0,o("unloaded")),delete a[t],o("error",n)}})(i.value))),(o,n)=>{return r.value?(e.openBlock(),e.createElementBlock("svg",e.mergeProps({key:0,ref_key:"svgElem",ref:c,width:"1em",height:"1em"},{...u(r.value),...(a=o.$attrs,Object.keys(a).reduce(((e,t)=>(!1!==a[t]&&null!==a[t]&&void 0!==a[t]&&(e[t]=a[t]),e)),{}))},{style:`font-size: ${t.size}`,innerHTML:p(r.value)}),null,16,l)):e.createCommentVNode("",!0);var a}}}),c={key:0,class:"m-btn__icon-left maz-flex maz-flex-center"},d={class:"maz-flex maz-flex-center"},s={key:1,class:"m-btn__icon-right maz-flex maz-flex-center"},i=n(e.defineComponent({__name:"MazBtn",props:{variant:{type:String,default:"button",validator:e=>["button","link"].includes(e)},size:{type:String,default:"md",validator:e=>["mini","xs","sm","md","lg","xl"].includes(e)},color:{type:String,default:"primary",validator:e=>["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(e)},type:{type:String,default:"button",validator:e=>["button","submit"].includes(e)},rounded:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},pastel:{type:Boolean,default:!1},block:{type:Boolean,default:!1},noUnderline:{type:Boolean,default:!1},noLeading:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},fab:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0},noPadding:{type:Boolean,default:!1},noElevation:{type:Boolean,default:!1}},setup(t){const o=t,{href:n,to:l}=e.useAttrs(),i=e.useSlots(),u=e.computed((()=>n?"a":l?"router-link":"button")),p=e.computed((()=>o.pastel?`--${o.color}-pastel`:o.outline||o.loading?`--${o.color}-outline`:`--${o.color}`)),m=e.computed((()=>(o.loading||o.disabled)&&"button"===u.value)),f=e.computed((()=>m.value?"--cursor-default":"--cursor-pointer")),v=e.computed((()=>`--is-${o.variant}`)),y=e.computed((()=>`--${o.color}`)),g=e.computed((()=>["white"].includes(o.color)?"black":"white")),b=e.computed((()=>o.loading&&"button"===o.variant)),k=e.computed((()=>!!i["left-icon"]||o.leftIcon)),h=e.computed((()=>!!i["right-icon"]||o.rightIcon)),C=e.computed((()=>k.value||h.value)),B=e.computed((()=>"button"===u.value?o.type:void 0));return(o,n)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(u)),e.mergeProps(o.$attrs,{disabled:e.unref(m),class:["m-btn",[`--${t.size}`,e.unref(p),e.unref(f),e.unref(v),{"--block":t.block,"--no-underline":t.noUnderline,"--no-leading":t.noLeading,"--fab":t.fab,"--loading":t.loading,"--disabled":e.unref(m),"--icon":e.unref(C),"--rounded":t.rounded,"--no-padding":t.noPadding,"--no-elevation":t.noElevation}]],type:e.unref(B)}),{default:e.withCtx((()=>[e.unref(k)?(e.openBlock(),e.createElementBlock("div",c,[e.renderSlot(o.$slots,"left-icon",{},(()=>[t.leftIcon?(e.openBlock(),e.createBlock(r,{key:0,name:t.leftIcon},null,8,["name"])):e.createCommentVNode("",!0)]),!0)])):e.createCommentVNode("",!0),e.createElementVNode("span",d,[e.renderSlot(o.$slots,"default",{},void 0,!0)]),e.unref(h)?(e.openBlock(),e.createElementBlock("div",s,[e.renderSlot(o.$slots,"right-icon",{},(()=>[t.rightIcon?(e.openBlock(),e.createBlock(r,{key:0,name:t.rightIcon},null,8,["name"])):e.createCommentVNode("",!0)]),!0)])):e.createCommentVNode("",!0),e.unref(b)?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(["m-btn__loading-wrapper",e.unref(y)])},[e.createVNode(a,{size:"2em",color:e.unref(g)},null,8,["color"])],2)):e.createCommentVNode("",!0)])),_:3},16,["disabled","class","type"]))}}),[["__scopeId","data-v-46a6f142"]]),u="--backdrop-present";const p=n(e.defineComponent({inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!1},teleportSelector:{type:String,default:"body"},beforeClose:{type:Function,default:void 0},persistent:{type:Boolean,default:!1},noCloseOnEscKey:{type:Boolean,default:!1},transitionName:{type:String,default:"backdrop-anim"},backdropClass:{type:[Array,String,Object],default:void 0},backdropContentClass:{type:[Array,String,Object],default:void 0}},emits:["open","before-close","close","update:model-value"],setup(t,{emit:o}){const n=e.ref(t.modelValue),a=()=>{l(!1)},l=async e=>{var a;e||(o("before-close"),await(null==(a=t.beforeClose)?void 0:a.call(t))),n.value=e},r=e=>{t.noCloseOnEscKey||"Escape"!==e.key||t.persistent||a()},c=()=>{document.documentElement.classList.add(u),document.addEventListener("keyup",r,!1)},d=()=>{document.removeEventListener("keyup",r),(async()=>{document.querySelector(".m-backdrop.--present")||document.documentElement.classList.remove(u)})()};return e.watch((()=>t.modelValue),(e=>{n.value=e,e?c():d()}),{immediate:!0}),{onBackdropAnimationEnter:()=>{o("open")},onBackdropAnimationLeave:()=>{o("update:model-value",!1),o("close"),d()},onBackdropClicked:()=>{t.persistent||a()},close:a,present:n,toggleModal:l,onKeyPress:r}}}),[["render",function(t,o,n,a,l,r){return e.openBlock(),e.createBlock(e.Teleport,{to:t.teleportSelector},[e.createVNode(e.Transition,{appear:"",name:t.transitionName,onAfterEnter:t.onBackdropAnimationEnter,onAfterLeave:t.onBackdropAnimationLeave},{default:e.withCtx((()=>[t.present?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["m-backdrop --present",[t.backdropClass]]),tabindex:"-1",role:"dialog"},[e.createElementVNode("div",{class:e.normalizeClass(["m-backdrop-overlay",{"--disabled":t.persistent}]),tabindex:"-1",onClick:o[0]||(o[0]=e.withModifiers(((...e)=>t.onBackdropClicked&&t.onBackdropClicked(...e)),["self"]))},null,2),e.createElementVNode("div",e.mergeProps({class:["m-backdrop-content",t.backdropContentClass]},t.$attrs,{role:"document",tabindex:"0"}),[e.renderSlot(t.$slots,"default",{close:t.close})],16)],2)):e.createCommentVNode("",!0)])),_:3},8,["name","onAfterEnter","onAfterLeave"])],8,["to"])}]]),m=(t=>(e.pushScopeId("data-v-b84a28b3"),t=t(),e.popScopeId(),t))((()=>e.createElementVNode("div",{class:"m-bottom-sheet__content-wrapper"},[e.createElementVNode("p",null,"Default content")],-1)));return n(e.defineComponent({__name:"MazBottomSheet",props:{noClose:{type:Boolean,default:!1},noPadding:{type:Boolean,default:!1}},emits:["update:model-value","open","close"],setup:(t,{emit:o})=>(n,a)=>(e.openBlock(),e.createBlock(p,e.mergeProps(n.$attrs,{"transition-name":"bottom-sheet-anim","backdrop-class":"--bottom-sheet",onClose:a[0]||(a[0]=e=>n.$emit("close",e)),onOpen:a[1]||(a[1]=e=>n.$emit("open",e)),"onUpdate:modelValue":a[2]||(a[2]=e=>o("update:model-value",e))}),{default:e.withCtx((({close:o})=>[e.createElementVNode("div",{class:e.normalizeClass(["m-bottom-sheet__container",{"maz-py-6":!t.noPadding}])},[e.renderSlot(n.$slots,"default",{close:o},(()=>[m]),!0),t.noClose?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(i,{key:0,size:"sm",class:"m-bottom-sheet__close",color:"transparent",onClick:o},{default:e.withCtx((()=>[e.createVNode(r,{src:e.unref("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTYgMThMMTggNk02IDZsMTIgMTIiLz4KPC9zdmc+Cg=="),class:"maz-h-5 maz-w-5"},null,8,["src"])])),_:2},1032,["onClick"]))],2)])),_:3},16))}),[["__scopeId","data-v-b84a28b3"]])}));

package/components/MazBtn.mjs

@@ -58,7 +58,7 @@ const MazSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data
 function injectStrict(key, fallback) {
   const resolved = inject(key, fallback);
   if (!resolved) {
-    throw new Error(`[maz-ui](injectStrict) Could not resolve ${key}`);
+    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${key}`);
   }
   return resolved;
 }

package/components/MazBtn.umd.js

@@ -1,2 +1,2 @@
 (function(){"use strict";try{if(typeof document!="undefined"){var o=document.createElement("style");o.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-34f40819]{-webkit-animation:maz-spin-34f40819 1s linear infinite;animation:maz-spin-34f40819 1s linear infinite;fill:currentColor;margin:0!important}.m-spinner--normal[data-v-34f40819]{color:var(--maz-color-text)}.m-spinner--primary[data-v-34f40819]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-34f40819]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-34f40819]{color:var(--maz-color-info)}.m-spinner--warning[data-v-34f40819]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-34f40819]{color:var(--maz-color-danger)}.m-spinner--success[data-v-34f40819]{color:var(--maz-color-success)}.m-spinner--black[data-v-34f40819]{color:var(--maz-color-black)}.m-spinner--white[data-v-34f40819],.m-spinner--transparent[data-v-34f40819]{color:var(--maz-color-white)}.m-btn[data-v-46a6f142]{border-width:var(--maz-border-width);border-style:solid;border-color:transparent;text-align:center;font-size:1rem;line-height:1.5rem;color:var(--maz-color-text)}.m-btn span[data-v-46a6f142]{line-height:1}.m-btn__icon-left[data-v-46a6f142]{margin-right:.5rem;margin-left:-.25rem;line-height:1}.m-btn__icon-right[data-v-46a6f142]{margin-left:.5rem;margin-right:-.25rem;line-height:1}.m-btn.--cursor-pointer[data-v-46a6f142]{cursor:pointer}.m-btn.--cursor-default[data-v-46a6f142]{cursor:default}.m-btn.--is-link[data-v-46a6f142]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-btn.--is-link[data-v-46a6f142]:not(.--no-leading){line-height:2.25rem}.m-btn.--is-link[data-v-46a6f142]:not(:disabled):hover:not(.--no-underline),.m-btn.--is-link[data-v-46a6f142]:not(:disabled):focus:not(.--no-underline){text-decoration-line:underline}.m-btn.--is-link.--secondary[data-v-46a6f142]{color:var(--maz-color-secondary)}.m-btn.--is-link.--info[data-v-46a6f142]{color:var(--maz-color-info)}.m-btn.--is-link.--warning[data-v-46a6f142]{color:var(--maz-color-warning-600)}.m-btn.--is-link.--danger[data-v-46a6f142]{color:var(--maz-color-danger-600)}.m-btn.--is-link.--success[data-v-46a6f142]{color:var(--maz-color-success-600)}.m-btn.--is-link.--white[data-v-46a6f142]{color:var(--maz-color-white)}.m-btn.--is-link.--black[data-v-46a6f142]{color:var(--maz-color-black)}.m-btn.--is-button[data-v-46a6f142]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;border-radius:var(--maz-border-radius);border-color:transparent;background-color:transparent;font-weight:500;text-decoration-line:none;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-btn.--is-button.--rounded[data-v-46a6f142]{border-radius:9999px}.m-btn.--is-button.--xl[data-v-46a6f142]{padding:1.325rem 2rem;font-size:1.25rem;line-height:1.75rem}.m-btn.--is-button.--lg[data-v-46a6f142]{padding:1rem 1.5rem;font-size:1.125rem;line-height:1.75rem}.m-btn.--is-button.--md[data-v-46a6f142]{padding:.88rem 1rem;font-size:1rem;line-height:1.5rem}.m-btn.--is-button.--sm[data-v-46a6f142]{padding:.625rem .75rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--xs[data-v-46a6f142]{padding:.3rem .5rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--mini[data-v-46a6f142]{padding:.2rem .25rem;font-size:.75rem;line-height:1rem}.m-btn.--is-button.--icon[data-v-46a6f142]{padding-top:.5rem;padding-bottom:.5rem}.m-btn.--is-button[data-v-46a6f142]{-webkit-transition:background .3s ease-in-out 0ms,color .3s ease-in-out 0ms;transition:background .3s ease-in-out 0ms,color .3s ease-in-out 0ms}.m-btn.--is-button[data-v-46a6f142]:not(.--disabled):hover,.m-btn.--is-button[data-v-46a6f142]:not(.--disabled):focus{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.m-btn.--is-button.--fab[data-v-46a6f142]{display:-webkit-box;display:-ms-flexbox;display:flex;height:3rem;width:3rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;padding:0}.m-btn.--is-button.--fab[data-v-46a6f142]:not(.--no-elevation){-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}.m-btn.--is-button.--block[data-v-46a6f142]{width:100%}.m-btn.--is-button.--primary[data-v-46a6f142]{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--primary[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--primary[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-primary-600)}.m-btn.--is-button.--secondary[data-v-46a6f142]{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--secondary[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--secondary[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-secondary-600)}.m-btn.--is-button.--info[data-v-46a6f142]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--info[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--info[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-info-600)}.m-btn.--is-button.--success[data-v-46a6f142]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--success[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--success[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-success-600)}.m-btn.--is-button.--warning[data-v-46a6f142]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--warning[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--warning[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-warning-600)}.m-btn.--is-button.--danger[data-v-46a6f142]{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--danger[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--danger[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-danger-600)}.m-btn.--is-button.--white[data-v-46a6f142]{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--white[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--white[data-v-46a6f142]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.m-btn.--is-button.--black[data-v-46a6f142]{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--black[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--black[data-v-46a6f142]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.m-btn.--is-button.--transparent[data-v-46a6f142]{background-color:transparent}.m-btn.--is-button.--transparent[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--transparent[data-v-46a6f142]:not(:disabled):focus{background-color:#0000001f}.m-btn.--is-button.--primary-outline[data-v-46a6f142]{border-color:var(--maz-color-primary);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--primary-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-outline[data-v-46a6f142]{border-color:var(--maz-color-secondary);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--secondary-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-white)}.m-btn.--is-button.--info-outline[data-v-46a6f142]{border-color:var(--maz-color-info);color:var(--maz-color-info)}.m-btn.--is-button.--info-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--info-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-white)}.m-btn.--is-button.--success-outline[data-v-46a6f142]{border-color:var(--maz-color-success);color:var(--maz-color-success)}.m-btn.--is-button.--success-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--success-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-white)}.m-btn.--is-button.--danger-outline[data-v-46a6f142]{border-color:var(--maz-color-danger);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--danger-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--warning-outline[data-v-46a6f142]{border-color:var(--maz-color-warning);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--warning-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-46a6f142]{border-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--white-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--black-outline[data-v-46a6f142]{border-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--black-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--black-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--primary-pastel[data-v-46a6f142]{background-color:var(--maz-color-primary-50);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--primary-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-pastel[data-v-46a6f142]{background-color:var(--maz-color-secondary-50);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--secondary-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--info-pastel[data-v-46a6f142]{background-color:var(--maz-color-info-50);color:var(--maz-color-info)}.m-btn.--is-button.--info-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--info-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--success-pastel[data-v-46a6f142]{background-color:var(--maz-color-success-50);color:var(--maz-color-success)}.m-btn.--is-button.--success-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--success-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--danger-pastel[data-v-46a6f142]{background-color:var(--maz-color-danger-50);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--danger-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-btn.--is-button.--warning-pastel[data-v-46a6f142]{background-color:var(--maz-color-warning-50);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--warning-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--white-pastel[data-v-46a6f142]{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));color:var(--maz-color-white)}.m-btn.--is-button.--white-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--white-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--black-pastel[data-v-46a6f142]{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity));color:var(--maz-color-black)}.m-btn.--is-button.--black-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--black-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--disabled[data-v-46a6f142]{cursor:not-allowed;background-color:var(--maz-color-bg-lighter);--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.m-btn.--is-button.--no-padding[data-v-46a6f142]{padding:0}.m-btn.--is-button .m-btn__loading-wrapper[data-v-46a6f142]{position:absolute;top:0px;right:0px;bottom:0px;left:0px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-46a6f142]{background-color:var(--maz-color-primary)}.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-46a6f142]{background-color:var(--maz-color-secondary)}.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-46a6f142]{background-color:var(--maz-color-info)}.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-46a6f142]{background-color:var(--maz-color-warning)}.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-46a6f142]{background-color:var(--maz-color-success)}.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-46a6f142]{background-color:var(--maz-color-danger)}.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-46a6f142]{background-color:var(--maz-color-white)}.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-46a6f142]{background-color:var(--maz-color-black)}")),document.head.appendChild(o)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).MazBtn=t(e.Vue)}(this,(function(e){"use strict";const t=["width","height"],n=[(t=>(e.pushScopeId("data-v-34f40819"),t=t(),e.popScopeId(),t))((()=>e.createElementVNode("path",{d:"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"},null,-1)))],o=(e,t)=>{const n=e.__vccOpts||e;for(const[o,r]of t)n[o]=r;return n},r=o(e.defineComponent({__name:"MazSpinner",props:{size:{type:String,default:"2em"},color:{type:String,default:"normal",validator:e=>["normal","info","white","success","warning","danger","primary","black","secondary","transparent"].includes(e)}},setup:o=>(r,l)=>(e.openBlock(),e.createElementBlock("svg",{width:o.size,height:o.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:e.normalizeClass(["m-spinner",`m-spinner--${o.color}`]),style:{"enable-background":"new 0 0 50 50"}},n,10,t))}),[["__scopeId","data-v-34f40819"]]);const l=["innerHTML"],a=e.defineComponent({__name:"MazIcon",props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:e=>e}},emits:["loaded","unloaded","error"],setup(t,{emit:n}){const o=t,r={},a=e.ref(),i=e.ref(),d=()=>{try{return function(t,n){const o=e.inject(t,n);if(!o)throw new Error(`[maz-ui](injectStrict) Could not resolve ${t}`);return o}("mazIconPath")}catch{return}},c=e.computed((()=>o.path??d())),u=e.computed((()=>o.src?o.src:c.value?`${c.value}/${o.name}.svg`:`/${o.name}.svg`));e.onMounted((()=>{o.name||o.src||console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop')}));const s=e=>{const t={},n=e.attributes;if(!n)return t;for(let o=n.length-1;o>=0;o--)t[n[o].name]=n[o].value;return t},p=e=>{let t=e.cloneNode(!0);return t=o.transformSource(e),o.title&&((e,t)=>{const n=e.querySelectorAll("title");if(n.length>0)n[0].textContent=t;else{const n=document.createElementNS("http://www.w3.org/2000/svg","title");n.textContent=t,e.append(n)}})(t,o.title),e.innerHTML},m=e=>new Promise(((t,n)=>{const r=new XMLHttpRequest;r.open("GET",e,!0),r.addEventListener("load",(()=>{if(r.status>=200&&r.status<400)try{const e=new DOMParser;let l=e.parseFromString(r.responseText,"text/xml").querySelectorAll("svg")[0];l?(l=o.transformSource(l),t(l)):n(new Error('Loaded file is not valid SVG"'))}catch(e){n(e)}else n(new Error("Error loading SVG"))})),r.addEventListener("error",(()=>n())),r.send()}));return e.watchEffect((()=>(async t=>{r[t]||(r[t]=m(t));try{a.value=await r[t],await e.nextTick(),n("loaded",i.value)}catch(o){a.value&&(a.value=void 0,n("unloaded")),delete r[t],n("error",o)}})(u.value))),(n,o)=>{return a.value?(e.openBlock(),e.createElementBlock("svg",e.mergeProps({key:0,ref_key:"svgElem",ref:i,width:"1em",height:"1em"},{...s(a.value),...(r=n.$attrs,Object.keys(r).reduce(((e,t)=>(!1!==r[t]&&null!==r[t]&&void 0!==r[t]&&(e[t]=r[t]),e)),{}))},{style:`font-size: ${t.size}`,innerHTML:p(a.value)}),null,16,l)):e.createCommentVNode("",!0);var r}}}),i={key:0,class:"m-btn__icon-left maz-flex maz-flex-center"},d={class:"maz-flex maz-flex-center"},c={key:1,class:"m-btn__icon-right maz-flex maz-flex-center"};return o(e.defineComponent({__name:"MazBtn",props:{variant:{type:String,default:"button",validator:e=>["button","link"].includes(e)},size:{type:String,default:"md",validator:e=>["mini","xs","sm","md","lg","xl"].includes(e)},color:{type:String,default:"primary",validator:e=>["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(e)},type:{type:String,default:"button",validator:e=>["button","submit"].includes(e)},rounded:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},pastel:{type:Boolean,default:!1},block:{type:Boolean,default:!1},noUnderline:{type:Boolean,default:!1},noLeading:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},fab:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0},noPadding:{type:Boolean,default:!1},noElevation:{type:Boolean,default:!1}},setup(t){const n=t,{href:o,to:l}=e.useAttrs(),u=e.useSlots(),s=e.computed((()=>o?"a":l?"router-link":"button")),p=e.computed((()=>n.pastel?`--${n.color}-pastel`:n.outline||n.loading?`--${n.color}-outline`:`--${n.color}`)),m=e.computed((()=>(n.loading||n.disabled)&&"button"===s.value)),f=e.computed((()=>m.value?"--cursor-default":"--cursor-pointer")),v=e.computed((()=>`--is-${n.variant}`)),g=e.computed((()=>`--${n.color}`)),y=e.computed((()=>["white"].includes(n.color)?"black":"white")),h=e.computed((()=>n.loading&&"button"===n.variant)),b=e.computed((()=>!!u["left-icon"]||n.leftIcon)),k=e.computed((()=>!!u["right-icon"]||n.rightIcon)),w=e.computed((()=>b.value||k.value)),B=e.computed((()=>"button"===s.value?n.type:void 0));return(n,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(s)),e.mergeProps(n.$attrs,{disabled:e.unref(m),class:["m-btn",[`--${t.size}`,e.unref(p),e.unref(f),e.unref(v),{"--block":t.block,"--no-underline":t.noUnderline,"--no-leading":t.noLeading,"--fab":t.fab,"--loading":t.loading,"--disabled":e.unref(m),"--icon":e.unref(w),"--rounded":t.rounded,"--no-padding":t.noPadding,"--no-elevation":t.noElevation}]],type:e.unref(B)}),{default:e.withCtx((()=>[e.unref(b)?(e.openBlock(),e.createElementBlock("div",i,[e.renderSlot(n.$slots,"left-icon",{},(()=>[t.leftIcon?(e.openBlock(),e.createBlock(a,{key:0,name:t.leftIcon},null,8,["name"])):e.createCommentVNode("",!0)]),!0)])):e.createCommentVNode("",!0),e.createElementVNode("span",d,[e.renderSlot(n.$slots,"default",{},void 0,!0)]),e.unref(k)?(e.openBlock(),e.createElementBlock("div",c,[e.renderSlot(n.$slots,"right-icon",{},(()=>[t.rightIcon?(e.openBlock(),e.createBlock(a,{key:0,name:t.rightIcon},null,8,["name"])):e.createCommentVNode("",!0)]),!0)])):e.createCommentVNode("",!0),e.unref(h)?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(["m-btn__loading-wrapper",e.unref(g)])},[e.createVNode(r,{size:"2em",color:e.unref(y)},null,8,["color"])],2)):e.createCommentVNode("",!0)])),_:3},16,["disabled","class","type"]))}}),[["__scopeId","data-v-46a6f142"]])}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).MazBtn=t(e.Vue)}(this,(function(e){"use strict";const t=["width","height"],n=[(t=>(e.pushScopeId("data-v-34f40819"),t=t(),e.popScopeId(),t))((()=>e.createElementVNode("path",{d:"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"},null,-1)))],o=(e,t)=>{const n=e.__vccOpts||e;for(const[o,r]of t)n[o]=r;return n},r=o(e.defineComponent({__name:"MazSpinner",props:{size:{type:String,default:"2em"},color:{type:String,default:"normal",validator:e=>["normal","info","white","success","warning","danger","primary","black","secondary","transparent"].includes(e)}},setup:o=>(r,l)=>(e.openBlock(),e.createElementBlock("svg",{width:o.size,height:o.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:e.normalizeClass(["m-spinner",`m-spinner--${o.color}`]),style:{"enable-background":"new 0 0 50 50"}},n,10,t))}),[["__scopeId","data-v-34f40819"]]);const l=["innerHTML"],a=e.defineComponent({__name:"MazIcon",props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:e=>e}},emits:["loaded","unloaded","error"],setup(t,{emit:n}){const o=t,r={},a=e.ref(),i=e.ref(),d=()=>{try{return function(t,n){const o=e.inject(t,n);if(!o)throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${t}`);return o}("mazIconPath")}catch{return}},c=e.computed((()=>o.path??d())),u=e.computed((()=>o.src?o.src:c.value?`${c.value}/${o.name}.svg`:`/${o.name}.svg`));e.onMounted((()=>{o.name||o.src||console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop')}));const s=e=>{const t={},n=e.attributes;if(!n)return t;for(let o=n.length-1;o>=0;o--)t[n[o].name]=n[o].value;return t},p=e=>{let t=e.cloneNode(!0);return t=o.transformSource(e),o.title&&((e,t)=>{const n=e.querySelectorAll("title");if(n.length>0)n[0].textContent=t;else{const n=document.createElementNS("http://www.w3.org/2000/svg","title");n.textContent=t,e.append(n)}})(t,o.title),e.innerHTML},m=e=>new Promise(((t,n)=>{const r=new XMLHttpRequest;r.open("GET",e,!0),r.addEventListener("load",(()=>{if(r.status>=200&&r.status<400)try{const e=new DOMParser;let l=e.parseFromString(r.responseText,"text/xml").querySelectorAll("svg")[0];l?(l=o.transformSource(l),t(l)):n(new Error('Loaded file is not valid SVG"'))}catch(e){n(e)}else n(new Error("Error loading SVG"))})),r.addEventListener("error",(()=>n())),r.send()}));return e.watchEffect((()=>(async t=>{r[t]||(r[t]=m(t));try{a.value=await r[t],await e.nextTick(),n("loaded",i.value)}catch(o){a.value&&(a.value=void 0,n("unloaded")),delete r[t],n("error",o)}})(u.value))),(n,o)=>{return a.value?(e.openBlock(),e.createElementBlock("svg",e.mergeProps({key:0,ref_key:"svgElem",ref:i,width:"1em",height:"1em"},{...s(a.value),...(r=n.$attrs,Object.keys(r).reduce(((e,t)=>(!1!==r[t]&&null!==r[t]&&void 0!==r[t]&&(e[t]=r[t]),e)),{}))},{style:`font-size: ${t.size}`,innerHTML:p(a.value)}),null,16,l)):e.createCommentVNode("",!0);var r}}}),i={key:0,class:"m-btn__icon-left maz-flex maz-flex-center"},d={class:"maz-flex maz-flex-center"},c={key:1,class:"m-btn__icon-right maz-flex maz-flex-center"};return o(e.defineComponent({__name:"MazBtn",props:{variant:{type:String,default:"button",validator:e=>["button","link"].includes(e)},size:{type:String,default:"md",validator:e=>["mini","xs","sm","md","lg","xl"].includes(e)},color:{type:String,default:"primary",validator:e=>["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(e)},type:{type:String,default:"button",validator:e=>["button","submit"].includes(e)},rounded:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},pastel:{type:Boolean,default:!1},block:{type:Boolean,default:!1},noUnderline:{type:Boolean,default:!1},noLeading:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},fab:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0},noPadding:{type:Boolean,default:!1},noElevation:{type:Boolean,default:!1}},setup(t){const n=t,{href:o,to:l}=e.useAttrs(),u=e.useSlots(),s=e.computed((()=>o?"a":l?"router-link":"button")),p=e.computed((()=>n.pastel?`--${n.color}-pastel`:n.outline||n.loading?`--${n.color}-outline`:`--${n.color}`)),m=e.computed((()=>(n.loading||n.disabled)&&"button"===s.value)),f=e.computed((()=>m.value?"--cursor-default":"--cursor-pointer")),v=e.computed((()=>`--is-${n.variant}`)),g=e.computed((()=>`--${n.color}`)),y=e.computed((()=>["white"].includes(n.color)?"black":"white")),h=e.computed((()=>n.loading&&"button"===n.variant)),b=e.computed((()=>!!u["left-icon"]||n.leftIcon)),k=e.computed((()=>!!u["right-icon"]||n.rightIcon)),w=e.computed((()=>b.value||k.value)),B=e.computed((()=>"button"===s.value?n.type:void 0));return(n,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(s)),e.mergeProps(n.$attrs,{disabled:e.unref(m),class:["m-btn",[`--${t.size}`,e.unref(p),e.unref(f),e.unref(v),{"--block":t.block,"--no-underline":t.noUnderline,"--no-leading":t.noLeading,"--fab":t.fab,"--loading":t.loading,"--disabled":e.unref(m),"--icon":e.unref(w),"--rounded":t.rounded,"--no-padding":t.noPadding,"--no-elevation":t.noElevation}]],type:e.unref(B)}),{default:e.withCtx((()=>[e.unref(b)?(e.openBlock(),e.createElementBlock("div",i,[e.renderSlot(n.$slots,"left-icon",{},(()=>[t.leftIcon?(e.openBlock(),e.createBlock(a,{key:0,name:t.leftIcon},null,8,["name"])):e.createCommentVNode("",!0)]),!0)])):e.createCommentVNode("",!0),e.createElementVNode("span",d,[e.renderSlot(n.$slots,"default",{},void 0,!0)]),e.unref(k)?(e.openBlock(),e.createElementBlock("div",c,[e.renderSlot(n.$slots,"right-icon",{},(()=>[t.rightIcon?(e.openBlock(),e.createBlock(a,{key:0,name:t.rightIcon},null,8,["name"])):e.createCommentVNode("",!0)]),!0)])):e.createCommentVNode("",!0),e.unref(h)?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(["m-btn__loading-wrapper",e.unref(g)])},[e.createVNode(r,{size:"2em",color:e.unref(y)},null,8,["color"])],2)):e.createCommentVNode("",!0)])),_:3},16,["disabled","class","type"]))}}),[["__scopeId","data-v-46a6f142"]])}));

package/components/MazCard.mjs

@@ -617,7 +617,7 @@ const vLazyImg = {
 function injectStrict(key, fallback) {
   const resolved = inject(key, fallback);
   if (!resolved) {
-    throw new Error(`[maz-ui](injectStrict) Could not resolve ${key}`);
+    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${key}`);
   }
   return resolved;
 }