maz-ui 3.8.0 → 3.10.0

package/components/MazAvatar.mjs

@@ -1,11 +1,11 @@
-!function(){"use strict";try{if("undefined"!=typeof document){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-aeee8a3d]{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-aeee8a3d]{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-aeee8a3d]{height:100%;width:100%}.m-lazy-img-component.--height-full img[data-v-aeee8a3d]{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-aeee8a3d]{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)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var a=document.createElement("style");a.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-d10311cd{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-d10311cd{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-d10311cd]{-webkit-animation:maz-spin-d10311cd 1s linear infinite;animation:maz-spin-d10311cd 1s linear infinite;fill:currentColor;margin:0!important}.m-spinner--normal[data-v-d10311cd]{color:var(--maz-color-text)}.m-spinner--primary[data-v-d10311cd]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-d10311cd]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-d10311cd]{color:var(--maz-color-info)}.m-spinner--warning[data-v-d10311cd]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-d10311cd]{color:var(--maz-color-danger)}.m-spinner--success[data-v-d10311cd]{color:var(--maz-color-success)}.m-spinner--black[data-v-d10311cd]{color:var(--maz-color-black)}.m-spinner--white[data-v-d10311cd],.m-spinner--transparent[data-v-d10311cd]{color:var(--maz-color-white)}.m-lazy-img-component[data-v-0b3c1dc7]{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-0b3c1dc7]{position:absolute;top:0;right:0;bottom:0;left:0;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-0b3c1dc7]{height:100%;width:100%}.m-lazy-img-component.--height-full img[data-v-0b3c1dc7]{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-0b3c1dc7]{display:-webkit-box;display:-ms-flexbox;display:flex}.m-avatar[data-v-c3092f03]{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-c3092f03]{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-c3092f03]{text-transform:capitalize;color:var(--maz-color-white);font-size:1.5em}.m-avatar__wrapper[data-v-c3092f03]{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-c3092f03]{position:absolute;top:0;right:0;bottom:0;left:0;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-c3092f03]{color:var(--maz-color-white);height:1em;width:1em}.m-avatar__wrapper.--clickable:not(.--square) .m-avatar__button[data-v-c3092f03]{border-radius:9999px}.m-avatar__wrapper.--clickable:hover .m-avatar__picture[data-v-c3092f03],.m-avatar__wrapper.--clickable:focus .m-avatar__picture[data-v-c3092f03]{-webkit-filter:blur(1.5px);filter:blur(1.5px)}.m-avatar__wrapper.--clickable:hover .m-avatar__button[data-v-c3092f03],.m-avatar__wrapper.--clickable:focus .m-avatar__button[data-v-c3092f03]{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}.m-avatar__wrapper.--bordered[data-v-c3092f03]{border-width:2px;border-style:solid;border-color:var(--maz-color-white)}.m-avatar__wrapper.--square[data-v-c3092f03]{border-radius:var(--maz-border-radius)}.m-avatar__wrapper.--has-shadow[data-v-c3092f03]{--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-c3092f03]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--maz-color-primary)}.m-avatar.--has-link[data-v-c3092f03]{cursor:pointer}")),document.head.appendChild(a)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode, computed, withDirectives, Fragment, renderList, unref, mergeProps, createVNode, createCommentVNode, renderSlot, inject, ref, onMounted, watchEffect, nextTick, createBlock, resolveDynamicComponent, withCtx, withKeys, toDisplayString, normalizeStyle } from "vue";
+import { defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode, computed, withDirectives, Fragment, renderList, mergeProps, createVNode, createCommentVNode, renderSlot, unref, defineAsyncComponent, createBlock, resolveDynamicComponent, withCtx, withKeys, toDisplayString, normalizeStyle } from "vue";
 const EMPTY_PHOTO = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
 const DEFAULT_OPTIONS = {
   baseClass: "m-lazy-img",
@@ -34,7 +34,7 @@ class LazyImg {
     this.onImgErrorCallback = this.imageHasError.bind(this);
   }
   async loadErrorPhoto() {
-    const { default: photo } = await import("./assets/no-photography-584c6185.mjs");
+    const { default: photo } = await import("./assets/no-photography-7a1e4d68.mjs");
     return photo;
   }
   buildOptions(opts) {
@@ -91,6 +91,7 @@ class LazyImg {
     const dataSrc = this.getImgElement(el).getAttribute("data-src");
     if (dataSrc)
       return dataSrc;
+    binding.value;
     const bindingSrc = typeof binding.value === "object" ? binding.value.src : binding.value;
     if (!bindingSrc)
       console.warn(`[maz-ui][MazLazyImg] src url is not defined`);
@@ -247,8 +248,8 @@ const vLazyImg = {
     instance.remove(el, binding);
   }
 };
-const _withScopeId = (n) => (pushScopeId("data-v-34f40819"), n = n(), popScopeId(), n);
-const _hoisted_1$3 = ["width", "height"];
+const _withScopeId = (n) => (pushScopeId("data-v-d10311cd"), n = n(), popScopeId(), n);
+const _hoisted_1$2 = ["width", "height"];
 const _hoisted_2$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ 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" },
@@ -259,7 +260,7 @@ const _hoisted_2$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createEl
 const _hoisted_3$1 = [
   _hoisted_2$2
 ];
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "MazSpinner",
   props: {
     size: { type: String, default: "2em" },
@@ -295,11 +296,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         "xml:space": "preserve",
         class: normalizeClass(["m-spinner", `m-spinner--${__props.color}`]),
         style: { "enable-background": "new 0 0 50 50" }
-      }, _hoisted_3$1, 10, _hoisted_1$3);
+      }, _hoisted_3$1, 10, _hoisted_1$2);
     };
   }
 });
-const MazSpinner_vue_vue_type_style_index_0_scoped_34f40819_lang = "";
+const MazSpinner_vue_vue_type_style_index_0_scoped_d10311cd_lang = "";
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -307,13 +308,13 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const MazSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-34f40819"]]);
-const _hoisted_1$2 = ["data-srcset", "media"];
+const MazSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-d10311cd"]]);
+const _hoisted_1$1 = ["data-srcset", "media"];
 const _hoisted_2$1 = {
   key: 0,
   class: "m-lazy-img-component-loader"
 };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "MazLazyImg",
   props: {
     image: { type: [String, Object], default: void 0 },
@@ -341,12 +342,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           (openBlock(true), createElementBlock(
             Fragment,
             null,
-            renderList(unref(sources), ({ srcset, media }, sourceIndex) => {
+            renderList(sources.value, ({ srcset, media }, sourceIndex) => {
               return openBlock(), createElementBlock("source", {
                 key: sourceIndex,
                 "data-srcset": srcset,
                 media
-              }, null, 8, _hoisted_1$2);
+              }, null, 8, _hoisted_1$1);
             }),
             128
             /* KEYED_FRAGMENT */
@@ -383,169 +384,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MazLazyImg_vue_vue_type_style_index_0_scoped_aeee8a3d_lang = "";
-const MazLazyImg = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-aeee8a3d"]]);
-function injectStrict(key, fallback) {
-  const resolved = inject(key, fallback);
-  if (!resolved) {
-    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${key}`);
-  }
-  return resolved;
-}
-const _hoisted_1$1 = ["innerHTML"];
-const _sfc_main$1 = /* @__PURE__ */ 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: (svg) => svg
-    }
-  },
-  emits: ["loaded", "unloaded", "error"],
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const cache = {};
-    const svgElSource = ref();
-    const svgElem = ref();
-    const getMazIconPath = () => {
-      try {
-        return injectStrict("mazIconPath");
-      } catch {
-        return void 0;
-      }
-    };
-    const iconPath = computed(() => props.path ?? getMazIconPath());
-    const fullSrc = computed(() => {
-      if (props.src) {
-        return props.src;
-      } else if (iconPath.value) {
-        return `${iconPath.value}/${props.name}.svg`;
-      } else {
-        return `/${props.name}.svg`;
-      }
-    });
-    onMounted(() => {
-      if (!props.name && !props.src) {
-        console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop');
-      }
-    });
-    const setTitle = (svg, title) => {
-      const titleTags = svg.querySelectorAll("title");
-      if (titleTags.length > 0) {
-        titleTags[0].textContent = title;
-      } else {
-        const titleEl = document.createElementNS("http://www.w3.org/2000/svg", "title");
-        titleEl.textContent = title;
-        svg.append(titleEl);
-      }
-    };
-    const filterAttrs = (attrs) => {
-      return Object.keys(attrs).reduce((result, key) => {
-        if (attrs[key] !== false && attrs[key] !== null && attrs[key] !== void 0) {
-          result[key] = attrs[key];
-        }
-        return result;
-      }, {});
-    };
-    const getSvgAttrs = (svgEl) => {
-      const svgAttrs = {};
-      const attrs = svgEl.attributes;
-      if (!attrs) {
-        return svgAttrs;
-      }
-      for (let i = attrs.length - 1; i >= 0; i--) {
-        svgAttrs[attrs[i].name] = attrs[i].value;
-      }
-      return svgAttrs;
-    };
-    const getSvgContent = (svgEl) => {
-      let svgElNode = svgEl.cloneNode(true);
-      svgElNode = props.transformSource(svgEl);
-      if (props.title) {
-        setTitle(svgElNode, props.title);
-      }
-      return svgEl.innerHTML;
-    };
-    const getSource = async (src) => {
-      if (!cache[src]) {
-        cache[src] = download(src);
-      }
-      try {
-        svgElSource.value = await cache[src];
-        await nextTick();
-        emits("loaded", svgElem.value);
-      } catch (error) {
-        if (svgElSource.value) {
-          svgElSource.value = void 0;
-          emits("unloaded");
-        }
-        delete cache[src];
-        emits("error", error);
-      }
-    };
-    const download = (url) => {
-      return new Promise((resolve, reject) => {
-        const request = new XMLHttpRequest();
-        request.open("GET", url, true);
-        request.addEventListener("load", () => {
-          if (request.status >= 200 && request.status < 400) {
-            try {
-              const parser = new DOMParser();
-              const result = parser.parseFromString(request.responseText, "text/xml");
-              let svgEl = result.querySelectorAll("svg")[0];
-              if (svgEl) {
-                svgEl = props.transformSource(svgEl);
-                resolve(svgEl);
-              } else {
-                reject(new Error('Loaded file is not valid SVG"'));
-              }
-            } catch (error) {
-              reject(error);
-            }
-          } else {
-            reject(new Error("Error loading SVG"));
-          }
-        });
-        request.addEventListener("error", () => reject());
-        request.send();
-      });
-    };
-    watchEffect(() => getSource(fullSrc.value));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        Fragment,
-        null,
-        [
-          createCommentVNode(" eslint-disable vue/no-v-html "),
-          createCommentVNode(" eslint-disable vue/html-self-closing "),
-          svgElSource.value ? (openBlock(), createElementBlock("svg", mergeProps({
-            key: 0,
-            ref_key: "svgElem",
-            ref: svgElem,
-            width: "1em",
-            height: "1em"
-          }, {
-            ...getSvgAttrs(svgElSource.value),
-            ...filterAttrs(_ctx.$attrs)
-          }, {
-            style: `font-size: ${__props.size}`,
-            innerHTML: getSvgContent(svgElSource.value)
-          }), null, 16, _hoisted_1$1)) : createCommentVNode("v-if", true),
-          createCommentVNode(" eslint-enable vue/no-v-html "),
-          createCommentVNode(" eslint-enable vue/html-self-closing ")
-        ],
-        2112
-        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-      );
-    };
-  }
-});
-const PencilIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTE1LjIzMiA1LjIzMmwzLjUzNiAzLjUzNm0tMi4wMzYtNS4wMzZhMi41IDIuNSAwIDExMy41MzYgMy41MzZMNi41IDIxLjAzNkgzdi0zLjU3MkwxNi43MzIgMy43MzJ6Ii8+Cjwvc3ZnPgo=";
+const MazLazyImg_vue_vue_type_style_index_0_scoped_0b3c1dc7_lang = "";
+const MazLazyImg = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-0b3c1dc7"]]);
 const _hoisted_1 = ["tabindex"];
 const _hoisted_2 = { class: "m-avatar__initial" };
 const _hoisted_3 = {
@@ -596,20 +436,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["click"],
   setup(__props) {
     const props = __props;
+    const PencilIcon = defineAsyncComponent(() => import("./assets/pencil-c1aa23f9.mjs"));
     const componentType = computed(() => props.to ? "RouterLink" : props.href ? "a" : "div");
     const isLink = computed(() => !!props.to || !!props.href);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(unref(componentType)), mergeProps({
+      return openBlock(), createBlock(resolveDynamicComponent(componentType.value), mergeProps({
         style: { fontSize: __props.size },
         class: ["m-avatar", [
           {
-            "--has-link": unref(isLink)
+            "--has-link": isLink.value
           }
         ]]
       }, _ctx.$attrs, {
         href: __props.href,
         to: __props.to,
-        target: unref(isLink) ? __props.target : void 0
+        target: isLink.value ? __props.target : void 0
       }), {
         default: withCtx(() => [
           createElementVNode("div", {
@@ -658,10 +499,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               },
               [
                 renderSlot(_ctx.$slots, "icon", {}, () => [
-                  createVNode(_sfc_main$1, {
-                    src: unref(PencilIcon),
-                    class: "m-avatar__button__icon"
-                  }, null, 8, ["src"])
+                  createVNode(unref(PencilIcon), { class: "m-avatar__button__icon maz-h-5 maz-w-5" })
                 ], true)
               ],
               4
@@ -684,8 +522,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MazAvatar_vue_vue_type_style_index_0_scoped_77b8160b_lang = "";
-const MazAvatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-77b8160b"]]);
+const MazAvatar_vue_vue_type_style_index_0_scoped_c3092f03_lang = "";
+const MazAvatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c3092f03"]]);
 export {
   MazAvatar as default
 };

package/components/MazAvatar.umd.js

@@ -1,2 +1,2 @@
-!function(){"use strict";try{if("undefined"!=typeof document){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-aeee8a3d]{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-aeee8a3d]{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-aeee8a3d]{height:100%;width:100%}.m-lazy-img-component.--height-full img[data-v-aeee8a3d]{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-aeee8a3d]{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)}}();
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).MazAvatar={},e.Vue)}(this,(function(e,t){"use strict";var o=Object.defineProperty,a=(e,t,a)=>(((e,t,a)=>{t in e?o(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a})(e,"symbol"!=typeof t?t+"":t,a),a);const s={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 r{constructor(e={}){a(this,"observers",[]),a(this,"defaultOptions",s),a(this,"options"),a(this,"onImgLoadedCallback"),a(this,"onImgErrorCallback"),a(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((()=>I));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 n of o)if(n.isIntersecting){if(null==(r=(s=this.options).onIntersecting)||r.call(s,n.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 n;const i={created(e,t){const o="object"==typeof t.value?t.value:{};n=new r(o),n.add(e,t)},updated(e,t){n.update(e,t)},unmounted(e,t){n.remove(e,t)}},l=["width","height"],c=[(e=>(t.pushScopeId("data-v-34f40819"),e=e(),t.popScopeId(),e))((()=>t.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)))],d=(e,t)=>{const o=e.__vccOpts||e;for(const[a,s]of t)o[a]=s;return o},u=d(t.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:e=>(o,a)=>(t.openBlock(),t.createElementBlock("svg",{width:e.size,height:e.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:t.normalizeClass(["m-spinner",`m-spinner--${e.color}`]),style:{"enable-background":"new 0 0 50 50"}},c,10,l))}),[["__scopeId","data-v-34f40819"]]),m=["data-srcset","media"],g={key:0,class:"m-lazy-img-component-loader"},h=d(t.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(e){const o=e,a=t.computed((()=>{var e;return"string"==typeof o.image?[{srcset:o.image}]:null==(e=o.image)?void 0:e.sources}));return(o,s)=>t.withDirectives((t.openBlock(),t.createElementBlock("picture",{class:t.normalizeClass(["m-lazy-img-component",{"-use-loader":!e.noLoader,"--height-full":e.imageHeightFull}])},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(t.unref(a),(({srcset:e,media:o},a)=>(t.openBlock(),t.createElementBlock("source",{key:a,"data-srcset":e,media:o},null,8,m)))),128)),t.createElementVNode("img",t.mergeProps(o.$attrs,{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",loading:"lazy"}),null,16),e.noLoader?t.createCommentVNode("v-if",!0):(t.openBlock(),t.createElementBlock("div",g,[t.createVNode(u,{size:"2em"})])),t.renderSlot(o.$slots,"default",{},void 0,!0)],2)),[[t.unref(i),{noPhoto:e.noPhoto,observerOnce:!e.noObserverOnce,loadOnce:e.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:e.observerOptions}]])}}),[["__scopeId","data-v-aeee8a3d"]]);const p=["innerHTML"],v=t.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(e,{emit:o}){const a=e,s={},r=t.ref(),n=t.ref(),i=()=>{try{return function(e,o){const a=t.inject(e,o);if(!a)throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${e}`);return a}("mazIconPath")}catch{return}},l=t.computed((()=>a.path??i())),c=t.computed((()=>a.src?a.src:l.value?`${l.value}/${a.name}.svg`:`/${a.name}.svg`));t.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},m=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 t.watchEffect((()=>(async e=>{s[e]||(s[e]=m(e));try{r.value=await s[e],await t.nextTick(),o("loaded",n.value)}catch(a){r.value&&(r.value=void 0,o("unloaded")),delete s[e],o("error",a)}})(c.value))),(o,a)=>{return t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createCommentVNode(" eslint-disable vue/no-v-html "),t.createCommentVNode(" eslint-disable vue/html-self-closing "),r.value?(t.openBlock(),t.createElementBlock("svg",t.mergeProps({key:0,ref_key:"svgElem",ref:n,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: ${e.size}`,innerHTML:u(r.value)}),null,16,p)):t.createCommentVNode("v-if",!0),t.createCommentVNode(" eslint-enable vue/no-v-html "),t.createCommentVNode(" eslint-enable vue/html-self-closing ")],2112);var s}}}),y=["tabindex"],f={class:"m-avatar__initial"},b={key:0,class:"m-avatar__caption"},M=d(t.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(e){const o=e,a=t.computed((()=>o.to?"RouterLink":o.href?"a":"div")),s=t.computed((()=>!!o.to||!!o.href));return(o,r)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(t.unref(a)),t.mergeProps({style:{fontSize:e.size},class:["m-avatar",[{"--has-link":t.unref(s)}]]},o.$attrs,{href:e.href,to:e.to,target:t.unref(s)?e.target:void 0}),{default:t.withCtx((()=>[t.createElementVNode("div",{class:t.normalizeClass(["m-avatar__wrapper",{"--has-shadow":!e.noElevation,"--bordered":e.bordered,"--clickable":e.clickable,"--square":e.square,"--has-initial":!e.src&&e.caption}]),tabindex:e.clickable?0:-1,onKeydown:r[2]||(r[2]=t.withKeys((t=>e.clickable?o.$emit("click",t):void 0),["enter"]))},[e.src?(t.openBlock(),t.createBlock(h,{key:0,class:"m-avatar__picture maz-max-w-full",image:e.src,alt:e.alt,"image-height-full":"","no-loader":e.noLoader,onClick:r[0]||(r[0]=t=>e.clickable?o.$emit("click",t):null)},null,8,["image","alt","no-loader"])):t.createCommentVNode("v-if",!0),e.caption&&!e.src?t.renderSlot(o.$slots,"round-text",{key:1},(()=>{var o;return[t.createElementVNode("span",f,t.toDisplayString(null==(o=e.caption)?void 0:o.charAt(0)),1)]}),!0):t.createCommentVNode("v-if",!0),e.clickable?(t.openBlock(),t.createElementBlock("button",{key:2,type:"button",tabindex:"-1",class:"m-avatar__button",style:t.normalizeStyle({backgroundColor:e.src?`var(--maz-color-${e.buttonColor}-alpha)`:`var(--maz-color-${e.buttonColor})`}),onClick:r[1]||(r[1]=e=>o.$emit("click",e))},[t.renderSlot(o.$slots,"icon",{},(()=>[t.createVNode(v,{src:t.unref("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTE1LjIzMiA1LjIzMmwzLjUzNiAzLjUzNm0tMi4wMzYtNS4wMzZhMi41IDIuNSAwIDExMy41MzYgMy41MzZMNi41IDIxLjAzNkgzdi0zLjU3MkwxNi43MzIgMy43MzJ6Ii8+Cjwvc3ZnPgo="),class:"m-avatar__button__icon"},null,8,["src"])]),!0)],4)):t.createCommentVNode("v-if",!0)],42,y),t.renderSlot(o.$slots,"caption",{},(()=>[e.showCaption&&e.caption?(t.openBlock(),t.createElementBlock("p",b,t.toDisplayString(e.caption),1)):t.createCommentVNode("v-if",!0)]),!0)])),_:3},16,["style","class","href","to","target"]))}}),[["__scopeId","data-v-77b8160b"]]),I=Object.freeze(Object.defineProperty({__proto__:null,default:"data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgc3Ryb2tlPSJub25lIgogIGZpbGw9ImN1cnJlbnRDb2xvciIKICBhcmlhLWhpZGRlbj0idHJ1ZSIKPgogIDxnPgogICAgPHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0IiAvPgogICAgPGc+CiAgICAgIDxwYXRoCiAgICAgICAgZD0iTTguOSw2LjA3TDcuNDgsNC42Nkw5LDNoNmwxLjgzLDJIMjBjMS4xLDAsMiwwLjksMiwydjEyYzAsMC4wNS0wLjAxLDAuMS0wLjAyLDAuMTZMMjAsMTcuMTdWN2gtNC4wNWwtMS44My0ySDkuODggTDguOSw2LjA3eiBNMjAuNDksMjMuMzFMMTguMTcsMjFINGMtMS4xLDAtMi0wLjktMi0yVjdjMC0wLjU5LDAuMjctMS4xMiwwLjY4LTEuNDlsLTItMkwyLjEsMi4xbDE5LjgsMTkuOEwyMC40OSwyMy4zMXogTTkuMTksMTIuMDJDOS4wOCwxMi4zMyw5LDEyLjY1LDksMTNjMCwxLjY2LDEuMzQsMywzLDNjMC4zNSwwLDAuNjctMC4wOCwwLjk4LTAuMTlMOS4xOSwxMi4wMnogTTE2LjE3LDE5bC0xLjY4LTEuNjggQzEzLjc2LDE3Ljc1LDEyLjkxLDE4LDEyLDE4Yy0yLjc2LDAtNS0yLjI0LTUtNWMwLTAuOTEsMC4yNS0xLjc2LDAuNjgtMi40OUw0LjE3LDdINHYxMkgxNi4xN3ogTTE0LjgxLDExLjk4bDIuMDcsMi4wNyBDMTYuOTYsMTMuNzEsMTcsMTMuMzYsMTcsMTNjMC0yLjc2LTIuMjQtNS01LTVjLTAuMzYsMC0wLjcxLDAuMDQtMS4wNiwwLjEybDIuMDcsMi4wN0MxMy44NSwxMC40OSwxNC41MSwxMS4xNSwxNC44MSwxMS45OHoiCiAgICAgIC8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"},Symbol.toStringTag,{value:"Module"}));e.default=M,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+!function(){"use strict";try{if("undefined"!=typeof document){var a=document.createElement("style");a.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-d10311cd{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-d10311cd{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-d10311cd]{-webkit-animation:maz-spin-d10311cd 1s linear infinite;animation:maz-spin-d10311cd 1s linear infinite;fill:currentColor;margin:0!important}.m-spinner--normal[data-v-d10311cd]{color:var(--maz-color-text)}.m-spinner--primary[data-v-d10311cd]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-d10311cd]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-d10311cd]{color:var(--maz-color-info)}.m-spinner--warning[data-v-d10311cd]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-d10311cd]{color:var(--maz-color-danger)}.m-spinner--success[data-v-d10311cd]{color:var(--maz-color-success)}.m-spinner--black[data-v-d10311cd]{color:var(--maz-color-black)}.m-spinner--white[data-v-d10311cd],.m-spinner--transparent[data-v-d10311cd]{color:var(--maz-color-white)}.m-lazy-img-component[data-v-0b3c1dc7]{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-0b3c1dc7]{position:absolute;top:0;right:0;bottom:0;left:0;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-0b3c1dc7]{height:100%;width:100%}.m-lazy-img-component.--height-full img[data-v-0b3c1dc7]{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-0b3c1dc7]{display:-webkit-box;display:-ms-flexbox;display:flex}.m-avatar[data-v-c3092f03]{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-c3092f03]{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-c3092f03]{text-transform:capitalize;color:var(--maz-color-white);font-size:1.5em}.m-avatar__wrapper[data-v-c3092f03]{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-c3092f03]{position:absolute;top:0;right:0;bottom:0;left:0;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-c3092f03]{color:var(--maz-color-white);height:1em;width:1em}.m-avatar__wrapper.--clickable:not(.--square) .m-avatar__button[data-v-c3092f03]{border-radius:9999px}.m-avatar__wrapper.--clickable:hover .m-avatar__picture[data-v-c3092f03],.m-avatar__wrapper.--clickable:focus .m-avatar__picture[data-v-c3092f03]{-webkit-filter:blur(1.5px);filter:blur(1.5px)}.m-avatar__wrapper.--clickable:hover .m-avatar__button[data-v-c3092f03],.m-avatar__wrapper.--clickable:focus .m-avatar__button[data-v-c3092f03]{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}.m-avatar__wrapper.--bordered[data-v-c3092f03]{border-width:2px;border-style:solid;border-color:var(--maz-color-white)}.m-avatar__wrapper.--square[data-v-c3092f03]{border-radius:var(--maz-border-radius)}.m-avatar__wrapper.--has-shadow[data-v-c3092f03]{--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-c3092f03]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--maz-color-primary)}.m-avatar.--has-link[data-v-c3092f03]{cursor:pointer}")),document.head.appendChild(a)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).MazAvatar={},e.Vue)}(this,(function(e,t){"use strict";var o=Object.defineProperty,a=(e,t,a)=>(((e,t,a)=>{t in e?o(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a})(e,"symbol"!=typeof t?t+"":t,a),a);const s={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 r{constructor(e={}){a(this,"observers",[]),a(this,"defaultOptions",s),a(this,"options"),a(this,"onImgLoadedCallback"),a(this,"onImgErrorCallback"),a(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((()=>k));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;t.value;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 n of o)if(n.isIntersecting){if(null==(r=(s=this.options).onIntersecting)||r.call(s,n.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 n;const i={created(e,t){const o="object"==typeof t.value?t.value:{};n=new r(o),n.add(e,t)},updated(e,t){n.update(e,t)},unmounted(e,t){n.remove(e,t)}},l=["width","height"],d=[(e=>(t.pushScopeId("data-v-d10311cd"),e=e(),t.popScopeId(),e))((()=>t.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)))],c=(e,t)=>{const o=e.__vccOpts||e;for(const[a,s]of t)o[a]=s;return o},m=c(t.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:e=>(o,a)=>(t.openBlock(),t.createElementBlock("svg",{width:e.size,height:e.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:t.normalizeClass(["m-spinner",`m-spinner--${e.color}`]),style:{"enable-background":"new 0 0 50 50"}},d,10,l))}),[["__scopeId","data-v-d10311cd"]]),u=["data-srcset","media"],h={key:0,class:"m-lazy-img-component-loader"},p=c(t.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(e){const o=e,a=t.computed((()=>{var e;return"string"==typeof o.image?[{srcset:o.image}]:null==(e=o.image)?void 0:e.sources}));return(o,s)=>t.withDirectives((t.openBlock(),t.createElementBlock("picture",{class:t.normalizeClass(["m-lazy-img-component",{"-use-loader":!e.noLoader,"--height-full":e.imageHeightFull}])},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(a.value,(({srcset:e,media:o},a)=>(t.openBlock(),t.createElementBlock("source",{key:a,"data-srcset":e,media:o},null,8,u)))),128)),t.createElementVNode("img",t.mergeProps(o.$attrs,{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",loading:"lazy"}),null,16),e.noLoader?t.createCommentVNode("v-if",!0):(t.openBlock(),t.createElementBlock("div",h,[t.createVNode(m,{size:"2em"})])),t.renderSlot(o.$slots,"default",{},void 0,!0)],2)),[[t.unref(i),{noPhoto:e.noPhoto,observerOnce:!e.noObserverOnce,loadOnce:e.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:e.observerOptions}]])}}),[["__scopeId","data-v-0b3c1dc7"]]),g=["tabindex"],v={class:"m-avatar__initial"},f={key:0,class:"m-avatar__caption"},b=c(t.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(e){const o=e,a=t.defineAsyncComponent((()=>Promise.resolve().then((()=>L)))),s=t.computed((()=>o.to?"RouterLink":o.href?"a":"div")),r=t.computed((()=>!!o.to||!!o.href));return(o,n)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(s.value),t.mergeProps({style:{fontSize:e.size},class:["m-avatar",[{"--has-link":r.value}]]},o.$attrs,{href:e.href,to:e.to,target:r.value?e.target:void 0}),{default:t.withCtx((()=>[t.createElementVNode("div",{class:t.normalizeClass(["m-avatar__wrapper",{"--has-shadow":!e.noElevation,"--bordered":e.bordered,"--clickable":e.clickable,"--square":e.square,"--has-initial":!e.src&&e.caption}]),tabindex:e.clickable?0:-1,onKeydown:n[2]||(n[2]=t.withKeys((t=>e.clickable?o.$emit("click",t):void 0),["enter"]))},[e.src?(t.openBlock(),t.createBlock(p,{key:0,class:"m-avatar__picture maz-max-w-full",image:e.src,alt:e.alt,"image-height-full":"","no-loader":e.noLoader,onClick:n[0]||(n[0]=t=>e.clickable?o.$emit("click",t):null)},null,8,["image","alt","no-loader"])):t.createCommentVNode("v-if",!0),e.caption&&!e.src?t.renderSlot(o.$slots,"round-text",{key:1},(()=>{var o;return[t.createElementVNode("span",v,t.toDisplayString(null==(o=e.caption)?void 0:o.charAt(0)),1)]}),!0):t.createCommentVNode("v-if",!0),e.clickable?(t.openBlock(),t.createElementBlock("button",{key:2,type:"button",tabindex:"-1",class:"m-avatar__button",style:t.normalizeStyle({backgroundColor:e.src?`var(--maz-color-${e.buttonColor}-alpha)`:`var(--maz-color-${e.buttonColor})`}),onClick:n[1]||(n[1]=e=>o.$emit("click",e))},[t.renderSlot(o.$slots,"icon",{},(()=>[t.createVNode(t.unref(a),{class:"m-avatar__button__icon maz-h-5 maz-w-5"})]),!0)],4)):t.createCommentVNode("v-if",!0)],42,g),t.renderSlot(o.$slots,"caption",{},(()=>[e.showCaption&&e.caption?(t.openBlock(),t.createElementBlock("p",f,t.toDisplayString(e.caption),1)):t.createCommentVNode("v-if",!0)]),!0)])),_:3},16,["style","class","href","to","target"]))}}),[["__scopeId","data-v-c3092f03"]]),y={xmlns:"http://www.w3.org/2000/svg",fill:"currentColor","aria-hidden":"true",viewBox:"0 0 24 24"},A=[t.createElementVNode("path",{fill:"none",d:"M0 0h24v24H0z"},null,-1),t.createElementVNode("path",{d:"M8.9 6.07 7.48 4.66 9 3h6l1.83 2H20c1.1 0 2 .9 2 2v12c0 .05-.01.1-.02.16L20 17.17V7h-4.05l-1.83-2H9.88L8.9 6.07zm11.59 17.24L18.17 21H4c-1.1 0-2-.9-2-2V7c0-.59.27-1.12.68-1.49l-2-2L2.1 2.1l19.8 19.8-1.41 1.41zM9.19 12.02c-.11.31-.19.63-.19.98 0 1.66 1.34 3 3 3 .35 0 .67-.08.98-.19l-3.79-3.79zM16.17 19l-1.68-1.68c-.73.43-1.58.68-2.49.68-2.76 0-5-2.24-5-5 0-.91.25-1.76.68-2.49L4.17 7H4v12h12.17zm-1.36-7.02 2.07 2.07c.08-.34.12-.69.12-1.05 0-2.76-2.24-5-5-5-.36 0-.71.04-1.06.12l2.07 2.07c.84.3 1.5.96 1.8 1.79z"},null,-1)];function C(e,o){return t.openBlock(),t.createElementBlock("svg",y,A)}const I={render:C},k=Object.freeze(Object.defineProperty({__proto__:null,default:I,render:C},Symbol.toStringTag,{value:"Module"})),w={xmlns:"http://www.w3.org/2000/svg",fill:"none",stroke:"currentColor","aria-hidden":"true",viewBox:"0 0 24 24"},z=[t.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"m15.232 5.232 3.536 3.536m-2.036-5.036a2.5 2.5 0 1 1 3.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"},null,-1)];function B(e,o){return t.openBlock(),t.createElementBlock("svg",w,z)}const E={render:B},L=Object.freeze(Object.defineProperty({__proto__:null,default:E,render:B},Symbol.toStringTag,{value:"Module"}));e.default=b,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/components/MazBackdrop.mjs

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){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(){"use strict";try{if("undefined"!=typeof document){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:0;right:0;bottom:0;left:0;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:0;right:0;bottom:0;left:0;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:0;left:0;right:0}.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";
 const MODAL_OPENED_CLASS = "--backdrop-present";
 const addClassToDocument = () => {

package/components/MazBackdrop.umd.js

@@ -1,2 +1,2 @@
-!function(){"use strict";try{if("undefined"!=typeof document){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(){"use strict";try{if("undefined"!=typeof document){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:0;right:0;bottom:0;left:0;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:0;right:0;bottom:0;left:0;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:0;left:0;right:0}.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?o(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self).MazBackdrop={},e.Vue)}(this,(function(e,o){"use strict";const t="--backdrop-present";const n=((e,o)=>{const t=e.__vccOpts||e;for(const[n,a]of o)t[n]=a;return t})(o.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(e,{emit:n}){const a=o.ref(e.modelValue),r=()=>{l(!1)},l=async o=>{var t;o||(n("before-close"),await(null==(t=e.beforeClose)?void 0:t.call(e))),a.value=o},d=o=>{e.noCloseOnEscKey||"Escape"!==o.key||e.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 o.onMounted((()=>{e.modelValue?s():c()})),o.watch((()=>e.modelValue),(e=>{a.value=e,e?s():c()})),{onBackdropAnimationEnter:()=>{n("open")},onBackdropAnimationLeave:()=>{n("update:model-value",!1),n("close"),c()},onBackdropClicked:()=>{e.persistent||r()},close:r,present:a,toggleModal:l,onKeyPress:d}}}),[["render",function(e,t,n,a,r,l){return o.openBlock(),o.createBlock(o.Teleport,{to:e.teleportSelector},[o.createVNode(o.Transition,{appear:"",name:e.transitionName,onAfterEnter:e.onBackdropAnimationEnter,onAfterLeave:e.onBackdropAnimationLeave},{default:o.withCtx((()=>[e.present?(o.openBlock(),o.createElementBlock("div",{key:0,class:o.normalizeClass(["m-backdrop --present",[e.backdropClass]]),tabindex:"-1",role:"dialog"},[o.createElementVNode("div",{class:o.normalizeClass(["m-backdrop-overlay",{"--disabled":e.persistent}]),tabindex:"-1",onClick:t[0]||(t[0]=o.withModifiers(((...o)=>e.onBackdropClicked&&e.onBackdropClicked(...o)),["self"]))},null,2),o.createElementVNode("div",o.mergeProps({class:["m-backdrop-content",e.backdropContentClass]},e.$attrs,{role:"document",tabindex:"0"}),[o.renderSlot(e.$slots,"default",{close:e.close})],16)],2)):o.createCommentVNode("v-if",!0)])),_:3},8,["name","onAfterEnter","onAfterLeave"])],8,["to"])}]]);e.default=n,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/components/MazBadge.mjs

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var r=document.createElement("style");r.appendChild(document.createTextNode(".m-badge[data-v-b59474d0]{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;font-weight:500;padding:.25em .5em;line-height:1.4em}.m-badge.--nowrap[data-v-b59474d0]{white-space:nowrap}.m-badge.--rounded-none[data-v-b59474d0]{border-radius:0}.m-badge.--rounded-sm[data-v-b59474d0]{border-radius:.125rem}.m-badge.--rounded-md[data-v-b59474d0]{border-radius:.375rem}.m-badge.--rounded-lg[data-v-b59474d0]{border-radius:var(--maz-border-radius)}.m-badge.--rounded-xl[data-v-b59474d0]{border-radius:.75rem}.m-badge.--rounded-full[data-v-b59474d0]{border-radius:9999px}.m-badge.--primary[data-v-b59474d0]{border-color:var(--maz-color-primary);background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-badge.--primary.--outline[data-v-b59474d0]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-primary)}.m-badge.--primary.--pastel[data-v-b59474d0]{border-color:var(--maz-color-primary-100);background-color:var(--maz-color-primary-100);color:var(--maz-color-primary-800)}.m-badge.--info[data-v-b59474d0]{border-color:var(--maz-color-info);background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-badge.--info.--outline[data-v-b59474d0]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-info)}.m-badge.--info.--pastel[data-v-b59474d0]{border-color:var(--maz-color-info-100);background-color:var(--maz-color-info-100);color:var(--maz-color-info-800)}.m-badge.--gray[data-v-b59474d0]{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity));color:var(--maz-color-white)}.m-badge.--gray.--outline[data-v-b59474d0]{border-width:var(--maz-border-width);background-color:transparent;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.m-badge.--gray.--pastel[data-v-b59474d0]{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.m-badge.--black[data-v-b59474d0]{border-color:var(--maz-color-black);background-color:var(--maz-color-black);color:var(--maz-color-white)}.m-badge.--black.--outline[data-v-b59474d0]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-black)}.m-badge.--black.--pastel[data-v-b59474d0]{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity));color:var(--maz-color-black)}.m-badge.--white[data-v-b59474d0]{border-color:var(--maz-color-white);background-color:var(--maz-color-white);--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.m-badge.--white.--outline[data-v-b59474d0]{border-width:var(--maz-border-width);background-color:transparent;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.m-badge.--white.--pastel[data-v-b59474d0]{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.m-badge.--secondary[data-v-b59474d0]{border-color:var(--maz-color-secondary);background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-badge.--secondary.--outline[data-v-b59474d0]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-secondary)}.m-badge.--secondary.--pastel[data-v-b59474d0]{border-color:var(--maz-color-secondary-100);background-color:var(--maz-color-secondary-100);color:var(--maz-color-secondary-800)}.m-badge.--danger[data-v-b59474d0]{border-color:var(--maz-color-danger);background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-badge.--danger.--outline[data-v-b59474d0]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-danger)}.m-badge.--danger.--pastel[data-v-b59474d0]{border-color:var(--maz-color-danger-100);background-color:var(--maz-color-danger-100);color:var(--maz-color-danger-800)}.m-badge.--warning[data-v-b59474d0]{border-color:var(--maz-color-warning);background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-badge.--warning.--outline[data-v-b59474d0]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-warning)}.m-badge.--warning.--pastel[data-v-b59474d0]{border-color:var(--maz-color-warning-100);background-color:var(--maz-color-warning-100);color:var(--maz-color-warning-800)}.m-badge.--success[data-v-b59474d0]{border-color:var(--maz-color-success);background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-badge.--success.--outline[data-v-b59474d0]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-success)}.m-badge.--success.--pastel[data-v-b59474d0]{border-color:var(--maz-color-success-100);background-color:var(--maz-color-success-100);color:var(--maz-color-success-800)}")),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var r=document.createElement("style");r.appendChild(document.createTextNode(".m-badge[data-v-08f609ea]{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;font-weight:500;padding:.25em .5em;line-height:1.4em}.m-badge.--nowrap[data-v-08f609ea]{white-space:nowrap}.m-badge.--rounded-none[data-v-08f609ea]{border-radius:0}.m-badge.--rounded-sm[data-v-08f609ea]{border-radius:.125rem}.m-badge.--rounded-md[data-v-08f609ea]{border-radius:.375rem}.m-badge.--rounded-lg[data-v-08f609ea]{border-radius:var(--maz-border-radius)}.m-badge.--rounded-xl[data-v-08f609ea]{border-radius:.75rem}.m-badge.--rounded-full[data-v-08f609ea]{border-radius:9999px}.m-badge.--primary[data-v-08f609ea]{border-color:var(--maz-color-primary);background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-badge.--primary.--outline[data-v-08f609ea]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-primary)}.m-badge.--primary.--pastel[data-v-08f609ea]{border-color:var(--maz-color-primary-100);background-color:var(--maz-color-primary-100);color:var(--maz-color-primary-800)}.m-badge.--info[data-v-08f609ea]{border-color:var(--maz-color-info);background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-badge.--info.--outline[data-v-08f609ea]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-info)}.m-badge.--info.--pastel[data-v-08f609ea]{border-color:var(--maz-color-info-100);background-color:var(--maz-color-info-100);color:var(--maz-color-info-800)}.m-badge.--gray[data-v-08f609ea]{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity));color:var(--maz-color-white)}.m-badge.--gray.--outline[data-v-08f609ea]{border-width:var(--maz-border-width);background-color:transparent;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.m-badge.--gray.--pastel[data-v-08f609ea]{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.m-badge.--black[data-v-08f609ea]{border-color:var(--maz-color-black);background-color:var(--maz-color-black);color:var(--maz-color-white)}.m-badge.--black.--outline[data-v-08f609ea]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-black)}.m-badge.--black.--pastel[data-v-08f609ea]{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity));color:var(--maz-color-black)}.m-badge.--white[data-v-08f609ea]{border-color:var(--maz-color-white);background-color:var(--maz-color-white);--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.m-badge.--white.--outline[data-v-08f609ea]{border-width:var(--maz-border-width);background-color:transparent;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.m-badge.--white.--pastel[data-v-08f609ea]{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.m-badge.--secondary[data-v-08f609ea]{border-color:var(--maz-color-secondary);background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-badge.--secondary.--outline[data-v-08f609ea]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-secondary)}.m-badge.--secondary.--pastel[data-v-08f609ea]{border-color:var(--maz-color-secondary-100);background-color:var(--maz-color-secondary-100);color:var(--maz-color-secondary-800)}.m-badge.--danger[data-v-08f609ea]{border-color:var(--maz-color-danger);background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-badge.--danger.--outline[data-v-08f609ea]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-danger)}.m-badge.--danger.--pastel[data-v-08f609ea]{border-color:var(--maz-color-danger-100);background-color:var(--maz-color-danger-100);color:var(--maz-color-danger-800)}.m-badge.--warning[data-v-08f609ea]{border-color:var(--maz-color-warning);background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-badge.--warning.--outline[data-v-08f609ea]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-warning)}.m-badge.--warning.--pastel[data-v-08f609ea]{border-color:var(--maz-color-warning-100);background-color:var(--maz-color-warning-100);color:var(--maz-color-warning-800)}.m-badge.--success[data-v-08f609ea]{border-color:var(--maz-color-success);background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-badge.--success.--outline[data-v-08f609ea]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-success)}.m-badge.--success.--pastel[data-v-08f609ea]{border-color:var(--maz-color-success-100);background-color:var(--maz-color-success-100);color:var(--maz-color-success-800)}")),document.head.appendChild(r)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
 import { defineComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot } from "vue";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazBadge",
@@ -53,7 +53,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MazBadge_vue_vue_type_style_index_0_scoped_b59474d0_lang = "";
+const MazBadge_vue_vue_type_style_index_0_scoped_08f609ea_lang = "";
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -61,7 +61,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const MazBadge = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b59474d0"]]);
+const MazBadge = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-08f609ea"]]);
 export {
   MazBadge as default
 };

package/components/MazBadge.umd.js

@@ -1,2 +1,2 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var r=document.createElement("style");r.appendChild(document.createTextNode(".m-badge[data-v-b59474d0]{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;font-weight:500;padding:.25em .5em;line-height:1.4em}.m-badge.--nowrap[data-v-b59474d0]{white-space:nowrap}.m-badge.--rounded-none[data-v-b59474d0]{border-radius:0}.m-badge.--rounded-sm[data-v-b59474d0]{border-radius:.125rem}.m-badge.--rounded-md[data-v-b59474d0]{border-radius:.375rem}.m-badge.--rounded-lg[data-v-b59474d0]{border-radius:var(--maz-border-radius)}.m-badge.--rounded-xl[data-v-b59474d0]{border-radius:.75rem}.m-badge.--rounded-full[data-v-b59474d0]{border-radius:9999px}.m-badge.--primary[data-v-b59474d0]{border-color:var(--maz-color-primary);background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-badge.--primary.--outline[data-v-b59474d0]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-primary)}.m-badge.--primary.--pastel[data-v-b59474d0]{border-color:var(--maz-color-primary-100);background-color:var(--maz-color-primary-100);color:var(--maz-color-primary-800)}.m-badge.--info[data-v-b59474d0]{border-color:var(--maz-color-info);background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-badge.--info.--outline[data-v-b59474d0]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-info)}.m-badge.--info.--pastel[data-v-b59474d0]{border-color:var(--maz-color-info-100);background-color:var(--maz-color-info-100);color:var(--maz-color-info-800)}.m-badge.--gray[data-v-b59474d0]{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity));color:var(--maz-color-white)}.m-badge.--gray.--outline[data-v-b59474d0]{border-width:var(--maz-border-width);background-color:transparent;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.m-badge.--gray.--pastel[data-v-b59474d0]{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.m-badge.--black[data-v-b59474d0]{border-color:var(--maz-color-black);background-color:var(--maz-color-black);color:var(--maz-color-white)}.m-badge.--black.--outline[data-v-b59474d0]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-black)}.m-badge.--black.--pastel[data-v-b59474d0]{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity));color:var(--maz-color-black)}.m-badge.--white[data-v-b59474d0]{border-color:var(--maz-color-white);background-color:var(--maz-color-white);--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.m-badge.--white.--outline[data-v-b59474d0]{border-width:var(--maz-border-width);background-color:transparent;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.m-badge.--white.--pastel[data-v-b59474d0]{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.m-badge.--secondary[data-v-b59474d0]{border-color:var(--maz-color-secondary);background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-badge.--secondary.--outline[data-v-b59474d0]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-secondary)}.m-badge.--secondary.--pastel[data-v-b59474d0]{border-color:var(--maz-color-secondary-100);background-color:var(--maz-color-secondary-100);color:var(--maz-color-secondary-800)}.m-badge.--danger[data-v-b59474d0]{border-color:var(--maz-color-danger);background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-badge.--danger.--outline[data-v-b59474d0]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-danger)}.m-badge.--danger.--pastel[data-v-b59474d0]{border-color:var(--maz-color-danger-100);background-color:var(--maz-color-danger-100);color:var(--maz-color-danger-800)}.m-badge.--warning[data-v-b59474d0]{border-color:var(--maz-color-warning);background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-badge.--warning.--outline[data-v-b59474d0]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-warning)}.m-badge.--warning.--pastel[data-v-b59474d0]{border-color:var(--maz-color-warning-100);background-color:var(--maz-color-warning-100);color:var(--maz-color-warning-800)}.m-badge.--success[data-v-b59474d0]{border-color:var(--maz-color-success);background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-badge.--success.--outline[data-v-b59474d0]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-success)}.m-badge.--success.--pastel[data-v-b59474d0]{border-color:var(--maz-color-success-100);background-color:var(--maz-color-success-100);color:var(--maz-color-success-800)}")),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
-!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self).MazBadge={},e.Vue)}(this,(function(e,o){"use strict";const t=((e,o)=>{const t=e.__vccOpts||e;for(const[n,l]of o)t[n]=l;return t})(o.defineComponent({__name:"MazBadge",props:{color:{type:String,default:"primary",validator:e=>["primary","secondary","warning","danger","info","success","white","gray","black"].includes(e)},size:{type:String,default:"0.8em"},nowrap:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},pastel:{type:Boolean,default:!1},roundedSize:{type:String,default:"lg",validator:e=>["none","sm","md","lg","xl","full"].includes(e)}},setup:e=>(t,n)=>(o.openBlock(),o.createElementBlock("span",{class:o.normalizeClass(["m-badge",[`--${e.color}`,{"--outline":e.outline,"--pastel":e.pastel,"--nowrap":e.nowrap},`--rounded-${e.roundedSize}`]]),style:o.normalizeStyle({fontSize:e.size})},[o.renderSlot(t.$slots,"default",{},void 0,!0)],6))}),[["__scopeId","data-v-b59474d0"]]);e.default=t,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+!function(){"use strict";try{if("undefined"!=typeof document){var r=document.createElement("style");r.appendChild(document.createTextNode(".m-badge[data-v-08f609ea]{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;font-weight:500;padding:.25em .5em;line-height:1.4em}.m-badge.--nowrap[data-v-08f609ea]{white-space:nowrap}.m-badge.--rounded-none[data-v-08f609ea]{border-radius:0}.m-badge.--rounded-sm[data-v-08f609ea]{border-radius:.125rem}.m-badge.--rounded-md[data-v-08f609ea]{border-radius:.375rem}.m-badge.--rounded-lg[data-v-08f609ea]{border-radius:var(--maz-border-radius)}.m-badge.--rounded-xl[data-v-08f609ea]{border-radius:.75rem}.m-badge.--rounded-full[data-v-08f609ea]{border-radius:9999px}.m-badge.--primary[data-v-08f609ea]{border-color:var(--maz-color-primary);background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-badge.--primary.--outline[data-v-08f609ea]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-primary)}.m-badge.--primary.--pastel[data-v-08f609ea]{border-color:var(--maz-color-primary-100);background-color:var(--maz-color-primary-100);color:var(--maz-color-primary-800)}.m-badge.--info[data-v-08f609ea]{border-color:var(--maz-color-info);background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-badge.--info.--outline[data-v-08f609ea]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-info)}.m-badge.--info.--pastel[data-v-08f609ea]{border-color:var(--maz-color-info-100);background-color:var(--maz-color-info-100);color:var(--maz-color-info-800)}.m-badge.--gray[data-v-08f609ea]{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity));color:var(--maz-color-white)}.m-badge.--gray.--outline[data-v-08f609ea]{border-width:var(--maz-border-width);background-color:transparent;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.m-badge.--gray.--pastel[data-v-08f609ea]{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.m-badge.--black[data-v-08f609ea]{border-color:var(--maz-color-black);background-color:var(--maz-color-black);color:var(--maz-color-white)}.m-badge.--black.--outline[data-v-08f609ea]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-black)}.m-badge.--black.--pastel[data-v-08f609ea]{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity));color:var(--maz-color-black)}.m-badge.--white[data-v-08f609ea]{border-color:var(--maz-color-white);background-color:var(--maz-color-white);--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.m-badge.--white.--outline[data-v-08f609ea]{border-width:var(--maz-border-width);background-color:transparent;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.m-badge.--white.--pastel[data-v-08f609ea]{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.m-badge.--secondary[data-v-08f609ea]{border-color:var(--maz-color-secondary);background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-badge.--secondary.--outline[data-v-08f609ea]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-secondary)}.m-badge.--secondary.--pastel[data-v-08f609ea]{border-color:var(--maz-color-secondary-100);background-color:var(--maz-color-secondary-100);color:var(--maz-color-secondary-800)}.m-badge.--danger[data-v-08f609ea]{border-color:var(--maz-color-danger);background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-badge.--danger.--outline[data-v-08f609ea]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-danger)}.m-badge.--danger.--pastel[data-v-08f609ea]{border-color:var(--maz-color-danger-100);background-color:var(--maz-color-danger-100);color:var(--maz-color-danger-800)}.m-badge.--warning[data-v-08f609ea]{border-color:var(--maz-color-warning);background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-badge.--warning.--outline[data-v-08f609ea]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-warning)}.m-badge.--warning.--pastel[data-v-08f609ea]{border-color:var(--maz-color-warning-100);background-color:var(--maz-color-warning-100);color:var(--maz-color-warning-800)}.m-badge.--success[data-v-08f609ea]{border-color:var(--maz-color-success);background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-badge.--success.--outline[data-v-08f609ea]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-success)}.m-badge.--success.--pastel[data-v-08f609ea]{border-color:var(--maz-color-success-100);background-color:var(--maz-color-success-100);color:var(--maz-color-success-800)}")),document.head.appendChild(r)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self).MazBadge={},e.Vue)}(this,(function(e,o){"use strict";const t=((e,o)=>{const t=e.__vccOpts||e;for(const[n,l]of o)t[n]=l;return t})(o.defineComponent({__name:"MazBadge",props:{color:{type:String,default:"primary",validator:e=>["primary","secondary","warning","danger","info","success","white","gray","black"].includes(e)},size:{type:String,default:"0.8em"},nowrap:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},pastel:{type:Boolean,default:!1},roundedSize:{type:String,default:"lg",validator:e=>["none","sm","md","lg","xl","full"].includes(e)}},setup:e=>(t,n)=>(o.openBlock(),o.createElementBlock("span",{class:o.normalizeClass(["m-badge",[`--${e.color}`,{"--outline":e.outline,"--pastel":e.pastel,"--nowrap":e.nowrap},`--rounded-${e.roundedSize}`]]),style:o.normalizeStyle({fontSize:e.size})},[o.renderSlot(t.$slots,"default",{},void 0,!0)],6))}),[["__scopeId","data-v-08f609ea"]]);e.default=t,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));