maz-ui 3.50.1 → 4.0.0-alpha.3

package/dist/components/MazInputTags.mjs

@@ -0,0 +1,154 @@
+import { defineComponent as D, defineAsyncComponent as S, ref as d, computed as p, openBlock as c, createElementBlock as g, normalizeClass as A, normalizeStyle as K, createVNode as b, TransitionGroup as L, withCtx as k, Fragment as N, renderList as O, unref as E, withModifiers as G, createTextVNode as H, toDisplayString as P, mergeProps as U, withKeys as B } from "vue";
+import j from "./MazBtn.mjs";
+import q from "./MazInput.mjs";
+import { truthyFilter as T } from "../helpers/truthyFilter.mjs";
+import { _ as J } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.mjs";
+import '../assets/MazInputTags.eygPFBJC.css';const Q = /* @__PURE__ */ D({
+  inheritAttrs: !1,
+  __name: "MazInputTags",
+  props: {
+    style: { default: void 0 },
+    class: { default: void 0 },
+    modelValue: { default: void 0 },
+    placeholder: { default: void 0 },
+    label: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    error: { type: Boolean, default: !1 },
+    success: { type: Boolean, default: !1 },
+    warning: { type: Boolean, default: !1 },
+    size: { default: "md" },
+    color: { default: "primary" },
+    block: { type: Boolean },
+    addTagsOnBlur: { type: Boolean, default: !0 },
+    hint: {}
+  },
+  emits: ["update:model-value"],
+  setup($, { emit: V }) {
+    const r = $, z = V, h = S(() => import("../chunks/trash.lmwqE3cE.mjs")), f = d(!1), s = d(), i = d(), t = d(), v = d(), u = p(
+      () => {
+        var e;
+        return (e = r.modelValue) == null ? void 0 : e.map((o) => ({
+          tag: o,
+          // eslint-disable-next-line sonarjs/pseudo-random
+          id: `${Date.now()}-${Math.random().toString(36).slice(2)}`
+        }));
+      }
+    );
+    function y(e) {
+      if (s.value) {
+        t.value = void 0, e.preventDefault();
+        const l = s.value.trim().split(",").map((a) => a.trim() === "," ? void 0 : a.trim()).filter(T).filter(
+          (a) => {
+            var m, n;
+            return !((n = (m = r.modelValue) == null ? void 0 : m.filter(T)) != null && n.some((F) => F === a));
+          }
+        );
+        z(
+          "update:model-value",
+          r.modelValue ? [...r.modelValue, ...l] : [...l]
+        ), s.value = void 0;
+      }
+    }
+    const C = p(() => {
+      if (r.error)
+        return "maz-border-danger";
+      if (r.success)
+        return "maz-border-success";
+      if (r.warning)
+        return "maz-border-warning";
+      if (f.value) {
+        if (r.color === "primary")
+          return "maz-border-primary";
+        if (r.color === "secondary")
+          return "maz-border-secondary";
+        if (r.color === "info")
+          return "maz-border-info";
+        if (r.color === "danger")
+          return "maz-border-danger";
+        if (r.color === "success")
+          return "maz-border-success";
+        if (r.color === "warning")
+          return "maz-border-warning";
+        if (r.color === "black")
+          return "maz-border-black";
+        if (r.color === "white")
+          return "maz-border-white";
+      }
+      return "maz-border-border dark:maz-border-color-lighter";
+    });
+    function M() {
+      var e, o, l;
+      s.value || u.value && ((e = u.value) == null ? void 0 : e.length) === 0 || (v.value && clearTimeout(v.value), t.value ? (w(t.value), t.value = void 0) : (t.value = (l = (o = u.value) == null ? void 0 : o[u.value.length - 1]) == null ? void 0 : l.id, v.value = setTimeout(() => {
+        t.value = void 0;
+      }, 2e3)));
+    }
+    function w(e) {
+      var l;
+      const o = (l = u.value) == null ? void 0 : l.filter((a) => a.id !== e).map((a) => a.tag);
+      z("update:model-value", o);
+    }
+    const I = p(() => r.size === "mini" || r.size === "xs" ? "mini" : r.size === "sm" ? "xs" : r.size === "md" ? "sm" : r.size === "lg" ? "md" : r.size === "xl" ? "lg" : r.size);
+    return (e, o) => (c(), g("div", {
+      class: A(["m-input-tags m-reset-css", [C.value, `--${e.color}`, `--${e.size}`, r.class, { "--block": e.block }]]),
+      style: K(e.style),
+      onFocusCapture: o[4] || (o[4] = (l) => f.value = !0),
+      onBlurCapture: o[5] || (o[5] = (l) => f.value = !1)
+    }, [
+      b(L, { name: "maz-tags" }, {
+        default: k(() => [
+          (c(!0), g(N, null, O(u.value, ({ tag: l, id: a }, m) => (c(), g("div", {
+            key: `tag-${m}`,
+            class: "m-input-tags__wrapper"
+          }, [
+            b(j, {
+              class: "m-input-tags__tag",
+              disabled: e.disabled,
+              size: I.value,
+              color: i.value === a || t.value === a ? "danger" : e.color,
+              "right-icon": i.value === a || t.value === a ? E(h) : void 0,
+              onClick: G((n) => w(a), ["stop"]),
+              onMouseenter: (n) => i.value = a,
+              onFocus: (n) => i.value = a,
+              onMouseleave: o[0] || (o[0] = (n) => i.value = void 0),
+              onBlur: o[1] || (o[1] = (n) => i.value = void 0)
+            }, {
+              default: k(() => [
+                H(P(l), 1)
+              ]),
+              _: 2
+            }, 1032, ["disabled", "size", "color", "right-icon", "onClick", "onMouseenter", "onFocus"])
+          ]))), 128))
+        ]),
+        _: 1
+      }),
+      b(q, U({
+        key: "input-tags",
+        modelValue: s.value,
+        "onUpdate:modelValue": o[2] || (o[2] = (l) => s.value = l)
+      }, e.$attrs, {
+        placeholder: e.placeholder,
+        label: e.label,
+        "aria-label": e.label || e.placeholder,
+        error: e.error,
+        hint: e.hint,
+        success: e.success,
+        warning: e.warning,
+        disabled: e.disabled,
+        color: e.color,
+        block: e.block,
+        size: e.size,
+        "no-border": "",
+        class: "m-input-tags__input",
+        onKeydown: [
+          B(y, ["enter"]),
+          B(M, ["delete"])
+        ],
+        onBlur: o[3] || (o[3] = (l) => e.addTagsOnBlur ? y(l) : void 0)
+      }), null, 16, ["modelValue", "placeholder", "label", "aria-label", "error", "hint", "success", "warning", "disabled", "color", "block", "size"])
+    ], 38));
+  }
+}), x = /* @__PURE__ */ J(Q, [["__scopeId", "data-v-f2e2c63a"]]);
+export {
+  x as default
+};
+//# sourceMappingURL=MazInputTags.mjs.map

package/dist/components/MazInputTags.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazInputTags.mjs","sources":["../../src/components/MazInputTags.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Color, Size } from '@components/types'\nimport MazBtn from '@components/MazBtn.vue'\nimport MazInput from '@components/MazInput.vue'\nimport { truthyFilter } from '@helpers/truthyFilter'\nimport { computed, defineAsyncComponent, type HTMLAttributes, ref } from 'vue'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<MazInputTagsProps>(), {\n  style: undefined,\n  class: undefined,\n  modelValue: undefined,\n  placeholder: undefined,\n  label: undefined,\n  disabled: false,\n  error: false,\n  success: false,\n  warning: false,\n  size: 'md',\n  color: 'primary',\n  addTagsOnBlur: true,\n})\n\nconst emits = defineEmits<{\n  'update:model-value': [value?: (string | number)[]]\n}>()\n\nconst CloseIcon = defineAsyncComponent(() => import('@icons/trash.svg'))\n\nexport interface MazInputTagsProps {\n  /** Style attribut of the component root element */\n  style?: HTMLAttributes['style']\n  /** Class attribut of the component root element */\n  class?: HTMLAttributes['class']\n  /** @model The modelValue of the input */\n  modelValue?: (string | number)[]\n  /** The placeholder of the input */\n  placeholder?: string\n  /** The label of the input */\n  label?: string\n  /** Disable the input */\n  disabled?: boolean\n  /** Display the input with error style */\n  error?: boolean\n  /** Display the input with success style */\n  success?: boolean\n  /** Display the input with warning style */\n  warning?: boolean\n  /** The size of the input */\n  size?: Size\n  /** The color of the input */\n  color?: Color\n  /** The input will be displayed in full width */\n  block?: boolean\n  /** Add tags on blur */\n  addTagsOnBlur?: boolean\n  /** The hint text to display below the input. */\n  hint?: string\n}\n\nconst isFocused = ref(false)\nconst inputValue = ref<string>()\nconst tagsHoveredId = ref<string>()\nconst lastIdToDelete = ref<string>()\nconst currentDeleteTimeout = ref<NodeJS.Timeout>()\n\nconst tags = computed(() =>\n  props.modelValue?.map((tag: string | number) => {\n    return {\n      tag,\n      // eslint-disable-next-line sonarjs/pseudo-random\n      id: `${Date.now()}-${Math.random().toString(36).slice(2)}`,\n    }\n  }),\n)\n\nfunction addTags(event: Event) {\n  if (inputValue.value) {\n    lastIdToDelete.value = undefined\n    event.preventDefault()\n    const values = inputValue.value\n      .trim()\n      .split(',')\n      .map(value => (value.trim() === ',' ? undefined : value.trim()))\n      .filter(truthyFilter)\n\n    const newValues = values.filter(\n      value => !props.modelValue?.filter(truthyFilter)?.some(tag => tag === value),\n    )\n    emits(\n      'update:model-value',\n      props.modelValue ? [...props.modelValue, ...newValues] : [...newValues],\n    )\n    inputValue.value = undefined\n  }\n}\n\n// eslint-disable-next-line sonarjs/cognitive-complexity\nconst borderStyle = computed(() => {\n  if (props.error)\n    return 'maz-border-danger'\n  if (props.success)\n    return 'maz-border-success'\n  if (props.warning)\n    return 'maz-border-warning'\n\n  if (isFocused.value) {\n    if (props.color === 'primary')\n      return 'maz-border-primary'\n    if (props.color === 'secondary')\n      return 'maz-border-secondary'\n    if (props.color === 'info')\n      return 'maz-border-info'\n    if (props.color === 'danger')\n      return 'maz-border-danger'\n    if (props.color === 'success')\n      return 'maz-border-success'\n    if (props.color === 'warning')\n      return 'maz-border-warning'\n    if (props.color === 'black')\n      return 'maz-border-black'\n    if (props.color === 'white')\n      return 'maz-border-white'\n  }\n\n  return 'maz-border-border dark:maz-border-color-lighter'\n})\n\nfunction removeLastTag() {\n  if (inputValue.value || (tags.value && tags.value?.length === 0)) {\n    return\n  }\n  if (currentDeleteTimeout.value) {\n    clearTimeout(currentDeleteTimeout.value)\n  }\n  if (lastIdToDelete.value) {\n    removeTag(lastIdToDelete.value)\n    lastIdToDelete.value = undefined\n  }\n  else {\n    lastIdToDelete.value = tags.value?.[tags.value.length - 1]?.id\n    currentDeleteTimeout.value = setTimeout(() => {\n      lastIdToDelete.value = undefined\n    }, 2000)\n  }\n}\n\nfunction removeTag(id: string) {\n  const tagsArray = tags.value?.filter(tag => tag.id !== id).map(tag => tag.tag)\n  emits('update:model-value', tagsArray)\n}\n\nconst buttonSize = computed(() => {\n  if (props.size === 'mini')\n    return 'mini'\n  if (props.size === 'xs')\n    return 'mini'\n  if (props.size === 'sm')\n    return 'xs'\n  if (props.size === 'md')\n    return 'sm'\n  if (props.size === 'lg')\n    return 'md'\n  if (props.size === 'xl')\n    return 'lg'\n\n  return props.size\n})\n</script>\n\n<template>\n  <div\n    class=\"m-input-tags m-reset-css\"\n    :class=\"[borderStyle, `--${color}`, `--${size}`, props.class, { '--block': block }]\"\n    :style\n    @focus.capture=\"isFocused = true\"\n    @blur.capture=\"isFocused = false\"\n  >\n    <TransitionGroup name=\"maz-tags\">\n      <div v-for=\"({ tag, id }, i) in tags\" :key=\"`tag-${i}`\" class=\"m-input-tags__wrapper\">\n        <MazBtn\n          class=\"m-input-tags__tag\"\n          :disabled\n          :size=\"buttonSize\"\n          :color=\"tagsHoveredId === id || lastIdToDelete === id ? 'danger' : color\"\n          :right-icon=\"tagsHoveredId === id || lastIdToDelete === id ? CloseIcon : undefined\"\n          @click.stop=\"removeTag(id)\"\n          @mouseenter=\"tagsHoveredId = id\"\n          @focus=\"tagsHoveredId = id\"\n          @mouseleave=\"tagsHoveredId = undefined\"\n          @blur=\"tagsHoveredId = undefined\"\n        >\n          {{ tag }}\n        </MazBtn>\n      </div>\n    </TransitionGroup>\n\n    <MazInput\n      key=\"input-tags\"\n      v-model=\"inputValue\"\n      v-bind=\"$attrs\"\n      :placeholder\n      :label\n      :aria-label=\"label || placeholder\"\n      :error\n      :hint\n      :success\n      :warning\n      :disabled\n      :color\n      :block\n      :size\n      no-border\n      class=\"m-input-tags__input\"\n      @keydown.enter=\"addTags\"\n      @keydown.delete=\"removeLastTag\"\n      @blur=\"addTagsOnBlur ? addTags($event) : undefined\"\n    />\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n.m-input-tags {\n  @apply maz-relative maz-inline-flex maz-flex-wrap maz-gap-1\n      maz-overflow-hidden maz-rounded maz-border maz-bg-color maz-px-[0.5em] maz-py-[0.25em] maz-align-top maz-transition-colors maz-duration-200 maz-ease-in-out dark:maz-bg-color-light;\n\n  &.--xl {\n    @apply maz-min-h-16;\n  }\n\n  &.--lg {\n    @apply maz-min-h-14;\n  }\n\n  &.--md {\n    @apply maz-min-h-12;\n  }\n\n  &.--sm {\n    @apply maz-min-h-10;\n  }\n\n  &.--xs {\n    @apply maz-min-h-8;\n  }\n\n  &.--mini {\n    @apply maz-min-h-6;\n  }\n\n  &.--block {\n    @apply maz-w-full;\n  }\n\n  &__wrapper {\n    @apply maz-inline-flex maz-h-auto !maz-flex-none maz-flex-center;\n  }\n\n  &__input {\n    @apply !maz-h-auto maz-flex-1;\n\n    &:deep(.m-input-wrapper) {\n      @apply maz-border-none;\n\n      min-width: 7.5em;\n    }\n\n    &:deep(input) {\n      padding-left: 0.4em;\n      padding-right: 0.4em;\n    }\n  }\n}\n</style>\n"],"names":["props","__props","emits","__emit","CloseIcon","defineAsyncComponent","isFocused","ref","inputValue","tagsHoveredId","lastIdToDelete","currentDeleteTimeout","tags","computed","_a","tag","addTags","event","newValues","value","truthyFilter","_b","borderStyle","removeLastTag","removeTag","_c","id","tagsArray","buttonSize"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,UAAMA,IAAQC,GAeRC,IAAQC,GAIRC,IAAYC,EAAqB,MAAM,OAAO,8BAAkB,CAAC,GAiCjEC,IAAYC,EAAI,EAAK,GACrBC,IAAaD,EAAY,GACzBE,IAAgBF,EAAY,GAC5BG,IAAiBH,EAAY,GAC7BI,IAAuBJ,EAAoB,GAE3CK,IAAOC;AAAA,MAAS,MAAA;;AACpB,gBAAAC,IAAAd,EAAM,eAAN,gBAAAc,EAAkB,IAAI,CAACC,OACd;AAAA,UACL,KAAAA;AAAA;AAAA,UAEA,IAAI,GAAG,KAAK,IAAA,CAAK,IAAI,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,CAAC,CAAC;AAAA,QAC1D;AAAA;AAAA,IAEJ;AAEA,aAASC,EAAQC,GAAc;AAC7B,UAAIT,EAAW,OAAO;AACpB,QAAAE,EAAe,QAAQ,QACvBO,EAAM,eAAe;AAOrB,cAAMC,IANSV,EAAW,MACvB,OACA,MAAM,GAAG,EACT,IAAI,CAAAW,MAAUA,EAAM,KAAK,MAAM,MAAM,SAAYA,EAAM,KAAO,CAAA,EAC9D,OAAOC,CAAY,EAEG;AAAA,UACvB,CAAAD,MAAS;;AAAA,sBAACE,KAAAP,IAAAd,EAAM,eAAN,gBAAAc,EAAkB,OAAOM,OAAzB,QAAAC,EAAwC,KAAK,CAAON,MAAAA,MAAQI;AAAA;AAAA,QACxE;AACA,QAAAjB;AAAA,UACE;AAAA,UACAF,EAAM,aAAa,CAAC,GAAGA,EAAM,YAAY,GAAGkB,CAAS,IAAI,CAAC,GAAGA,CAAS;AAAA,QACxE,GACAV,EAAW,QAAQ;AAAA,MAAA;AAAA,IACrB;AAII,UAAAc,IAAcT,EAAS,MAAM;AACjC,UAAIb,EAAM;AACD,eAAA;AACT,UAAIA,EAAM;AACD,eAAA;AACT,UAAIA,EAAM;AACD,eAAA;AAET,UAAIM,EAAU,OAAO;AACnB,YAAIN,EAAM,UAAU;AACX,iBAAA;AACT,YAAIA,EAAM,UAAU;AACX,iBAAA;AACT,YAAIA,EAAM,UAAU;AACX,iBAAA;AACT,YAAIA,EAAM,UAAU;AACX,iBAAA;AACT,YAAIA,EAAM,UAAU;AACX,iBAAA;AACT,YAAIA,EAAM,UAAU;AACX,iBAAA;AACT,YAAIA,EAAM,UAAU;AACX,iBAAA;AACT,YAAIA,EAAM,UAAU;AACX,iBAAA;AAAA,MAAA;AAGJ,aAAA;AAAA,IAAA,CACR;AAED,aAASuB,IAAgB;;AACvB,MAAIf,EAAW,SAAUI,EAAK,WAASE,IAAAF,EAAK,UAAL,gBAAAE,EAAY,YAAW,MAG1DH,EAAqB,SACvB,aAAaA,EAAqB,KAAK,GAErCD,EAAe,SACjBc,EAAUd,EAAe,KAAK,GAC9BA,EAAe,QAAQ,WAGvBA,EAAe,SAAQe,KAAAJ,IAAAT,EAAK,UAAL,gBAAAS,EAAaT,EAAK,MAAM,SAAS,OAAjC,gBAAAa,EAAqC,IACvCd,EAAA,QAAQ,WAAW,MAAM;AAC5C,QAAAD,EAAe,QAAQ;AAAA,SACtB,GAAI;AAAA,IACT;AAGF,aAASc,EAAUE,GAAY;;AAC7B,YAAMC,KAAYb,IAAAF,EAAK,UAAL,gBAAAE,EAAY,OAAO,CAAOC,MAAAA,EAAI,OAAOW,GAAI,IAAI,CAAOX,MAAAA,EAAI;AAC1E,MAAAb,EAAM,sBAAsByB,CAAS;AAAA,IAAA;AAGjC,UAAAC,IAAaf,EAAS,MACtBb,EAAM,SAAS,UAEfA,EAAM,SAAS,OACV,SACLA,EAAM,SAAS,OACV,OACLA,EAAM,SAAS,OACV,OACLA,EAAM,SAAS,OACV,OACLA,EAAM,SAAS,OACV,OAEFA,EAAM,IACd;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/MazLazyImg.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../assets/MazLazyImg.BvztvWbf.css');const e=require("vue"),d=require("../chunks/lazy-img.directive.BeENE6S9.cjs"),u=require("../chunks/_plugin-vue_export-helper.BHFhmbuH.cjs"),m=["data-lazy-srcset","media"],p=["alt"],A={key:0,class:"m-lazy-img-component-loader"},g=e.defineComponent({inheritAttrs:!1,__name:"MazLazyImg",props:{style:{default:void 0},class:{default:void 0},image:{default:void 0},src:{default:void 0},alt:{default:void 0},noPhoto:{type:Boolean},noLoader:{type:Boolean},noObserverOnce:{type:Boolean},loadOnce:{type:Boolean},imageHeightFull:{type:Boolean},observerOptions:{default:void 0},fallbackSrc:{default:void 0},imgClass:{},block:{type:Boolean}},emits:["intersecting","loading","loaded","error"],setup(a){const r=a,n=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./MazSpinner.cjs"))),l=e.computed(()=>r.image||r.src),s=e.computed(()=>{var o;return typeof l.value=="string"?[{srcset:l.value}]:(o=l.value)==null?void 0:o.sources});return(o,y)=>e.withDirectives((e.openBlock(),e.createElementBlock("picture",{class:e.normalizeClass(["m-lazy-img-component m-reset-css",[{"--use-loader":!o.noLoader,"--height-full":o.imageHeightFull,"--block":o.block},r.class]]),style:e.normalizeStyle(o.style)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,({srcset:t,media:i},c)=>(e.openBlock(),e.createElementBlock("source",{key:c,"data-lazy-srcset":t,media:i},null,8,m))),128)),e.createElementVNode("img",e.mergeProps(o.$attrs,{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",loading:"lazy",alt:o.alt,class:o.imgClass}),null,16,p),o.noLoader?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",A,[e.createVNode(e.unref(n),{size:"2em"})])),e.renderSlot(o.$slots,"default",{},void 0,!0)],6)),[[e.unref(d.directive),{noPhoto:o.noPhoto,loadOnce:o.loadOnce,observerOptions:o.observerOptions,fallbackSrc:o.fallbackSrc,observerOnce:!o.noObserverOnce,onIntersecting:t=>o.$emit("intersecting",t),onLoading:t=>o.$emit("loading",t),onLoaded:t=>o.$emit("loaded",t),onError:t=>o.$emit("error",t)}]])}}),v=u._export_sfc(g,[["__scopeId","data-v-9b2463ae"]]);exports.default=v;
+//# sourceMappingURL=MazLazyImg.cjs.map

package/dist/components/MazLazyImg.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazLazyImg.cjs","sources":["../../src/components/MazLazyImg.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { MazImage } from '@components/types'\nimport type { vLazyImgOptions } from '@directives/vLazyImg'\nimport { vLazyImg } from '@directives/vLazyImg'\n\nimport { computed, defineAsyncComponent, type HTMLAttributes } from 'vue'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<MazLazyImgProps>(), {\n  style: undefined,\n  class: undefined,\n  image: undefined,\n  src: undefined,\n  alt: undefined,\n  observerOptions: undefined,\n  fallbackSrc: undefined,\n})\n\ndefineEmits<{\n  /** Emitted when the image is intersecting */\n  (name: 'intersecting', el: Element): void\n  /** Emitted when the image is loading */\n  (name: 'loading', el: Element): void\n  /** Emitted when the image is loaded */\n  (name: 'loaded', el: Element): void\n  /** Emitted when the image is in error */\n  (name: 'error', el: Element): void\n}>()\n\nconst MazSpinner = defineAsyncComponent(() => import('@components/MazSpinner.vue'))\n\nexport interface MazLazyImgProps {\n  /** The style of the component */\n  style?: HTMLAttributes['style']\n  /** The class of the component */\n  class?: HTMLAttributes['class']\n  /** @deprecated Use `src` instead */\n  image?: MazImage | null\n  /**\n   * The source of the image\n   * @type {string | Image | null}\n   */\n  src?: MazImage | null\n  /** The alt of the image */\n  alt?: string\n  /** Display the fallback image */\n  noPhoto?: boolean\n  /** Remove the loader */\n  noLoader?: boolean\n  /** Remove the observer once the image is loaded */\n  noObserverOnce?: boolean\n  /** Remove the observer once the image is loaded */\n  loadOnce?: boolean\n  /** Make the image height full */\n  imageHeightFull?: boolean\n  /** The options of the observer */\n  observerOptions?: vLazyImgOptions['observerOptions']\n  /** The fallback src to replace the src on loading error */\n  fallbackSrc?: string\n  /** The classes of the image element */\n  imgClass?: HTMLAttributes['class']\n  /** The image will be displayed in full width */\n  block?: boolean\n}\n\nconst src = computed(() => props.image || props.src)\n\nconst sources = computed(() => {\n  return typeof src.value === 'string' ? [{ srcset: src.value }] : src.value?.sources\n})\n</script>\n\n<template>\n  <picture\n    v-lazy-img=\"{\n      noPhoto,\n      loadOnce,\n      observerOptions,\n      fallbackSrc,\n      observerOnce: !noObserverOnce,\n      onIntersecting: (el) => $emit('intersecting', el),\n      onLoading: (el) => $emit('loading', el),\n      onLoaded: (el) => $emit('loaded', el),\n      onError: (el) => $emit('error', el),\n    }\"\n    class=\"m-lazy-img-component m-reset-css\"\n    :class=\"[{ '--use-loader': !noLoader, '--height-full': imageHeightFull, '--block': block }, props.class]\"\n    :style\n  >\n    <source\n      v-for=\"({ srcset, media }, sourceIndex) in sources\"\n      :key=\"sourceIndex\"\n      :data-lazy-srcset=\"srcset\"\n      :media\n    >\n    <img\n      v-bind=\"$attrs\"\n      src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\n      loading=\"lazy\"\n      :alt\n      :class=\"imgClass\"\n    >\n    <div v-if=\"!noLoader\" class=\"m-lazy-img-component-loader\">\n      <MazSpinner size=\"2em\" />\n    </div>\n    <slot />\n  </picture>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .m-lazy-img-component {\n  @apply maz-relative maz-inline-flex maz-align-top maz-flex-center;\n\n  &.--block {\n    @apply maz-w-full;\n\n    img {\n      @apply maz-w-full;\n    }\n  }\n\n  &-loader {\n    @apply maz-absolute maz-inset-0 maz-hidden maz-flex-center;\n  }\n\n  /* &:not(.m-lazy-error, .m-lazy-no-photo) img {\n      @apply maz-h-full maz-w-full;\n    } */\n\n  &.--height-full img {\n    @apply maz-max-h-full maz-w-min maz-max-w-min !important;\n  }\n\n  &.m-lazy-error:not(.m-lazy-no-photo) {\n    @apply maz-bg-color-light;\n\n    img {\n      @apply maz-h-1/2 maz-w-1/2;\n    }\n  }\n\n  &.m-lazy-loading {\n    & .m-lazy-img-component-loader {\n      @apply maz-flex;\n    }\n  }\n}\n</style>\n"],"names":["props","__props","MazSpinner","defineAsyncComponent","src","computed","sources","_a"],"mappings":"6xBAWA,MAAMA,EAAQC,EAqBRC,EAAaC,EAAAA,qBAAqB,IAAM,QAAA,QAAA,EAAA,KAAA,IAAA,QAAO,kBAA4B,CAAA,CAAC,EAoC5EC,EAAMC,EAAAA,SAAS,IAAML,EAAM,OAASA,EAAM,GAAG,EAE7CM,EAAUD,EAAAA,SAAS,IAAM,OAC7B,OAAO,OAAOD,EAAI,OAAU,SAAW,CAAC,CAAE,OAAQA,EAAI,KAAO,CAAA,GAAIG,EAAAH,EAAI,QAAJ,YAAAG,EAAW,OAAA,CAC7E"}

package/dist/components/MazLazyImg.mjs

@@ -0,0 +1,69 @@
+import { defineComponent as p, defineAsyncComponent as A, computed as l, withDirectives as g, openBlock as a, createElementBlock as r, normalizeClass as f, normalizeStyle as v, Fragment as y, renderList as b, createElementVNode as h, mergeProps as z, createVNode as B, unref as n, createCommentVNode as O, renderSlot as k } from "vue";
+import { d as L } from "../chunks/lazy-img.directive.DqXA0UFo.mjs";
+import { _ as C } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.mjs";
+import '../assets/MazLazyImg.BvztvWbf.css';const I = ["data-lazy-srcset", "media"], S = ["alt"], $ = {
+  key: 0,
+  class: "m-lazy-img-component-loader"
+}, E = /* @__PURE__ */ p({
+  inheritAttrs: !1,
+  __name: "MazLazyImg",
+  props: {
+    style: { default: void 0 },
+    class: { default: void 0 },
+    image: { default: void 0 },
+    src: { default: void 0 },
+    alt: { default: void 0 },
+    noPhoto: { type: Boolean },
+    noLoader: { type: Boolean },
+    noObserverOnce: { type: Boolean },
+    loadOnce: { type: Boolean },
+    imageHeightFull: { type: Boolean },
+    observerOptions: { default: void 0 },
+    fallbackSrc: { default: void 0 },
+    imgClass: {},
+    block: { type: Boolean }
+  },
+  emits: ["intersecting", "loading", "loaded", "error"],
+  setup(i) {
+    const t = i, d = A(() => import("./MazSpinner.mjs")), s = l(() => t.image || t.src), c = l(() => {
+      var e;
+      return typeof s.value == "string" ? [{ srcset: s.value }] : (e = s.value) == null ? void 0 : e.sources;
+    });
+    return (e, P) => g((a(), r("picture", {
+      class: f(["m-lazy-img-component m-reset-css", [{ "--use-loader": !e.noLoader, "--height-full": e.imageHeightFull, "--block": e.block }, t.class]]),
+      style: v(e.style)
+    }, [
+      (a(!0), r(y, null, b(c.value, ({ srcset: o, media: m }, u) => (a(), r("source", {
+        key: u,
+        "data-lazy-srcset": o,
+        media: m
+      }, null, 8, I))), 128)),
+      h("img", z(e.$attrs, {
+        src: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
+        loading: "lazy",
+        alt: e.alt,
+        class: e.imgClass
+      }), null, 16, S),
+      e.noLoader ? O("", !0) : (a(), r("div", $, [
+        B(n(d), { size: "2em" })
+      ])),
+      k(e.$slots, "default", {}, void 0, !0)
+    ], 6)), [
+      [n(L), {
+        noPhoto: e.noPhoto,
+        loadOnce: e.loadOnce,
+        observerOptions: e.observerOptions,
+        fallbackSrc: e.fallbackSrc,
+        observerOnce: !e.noObserverOnce,
+        onIntersecting: (o) => e.$emit("intersecting", o),
+        onLoading: (o) => e.$emit("loading", o),
+        onLoaded: (o) => e.$emit("loaded", o),
+        onError: (o) => e.$emit("error", o)
+      }]
+    ]);
+  }
+}), N = /* @__PURE__ */ C(E, [["__scopeId", "data-v-9b2463ae"]]);
+export {
+  N as default
+};
+//# sourceMappingURL=MazLazyImg.mjs.map

package/dist/components/MazLazyImg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazLazyImg.mjs","sources":["../../src/components/MazLazyImg.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { MazImage } from '@components/types'\nimport type { vLazyImgOptions } from '@directives/vLazyImg'\nimport { vLazyImg } from '@directives/vLazyImg'\n\nimport { computed, defineAsyncComponent, type HTMLAttributes } from 'vue'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<MazLazyImgProps>(), {\n  style: undefined,\n  class: undefined,\n  image: undefined,\n  src: undefined,\n  alt: undefined,\n  observerOptions: undefined,\n  fallbackSrc: undefined,\n})\n\ndefineEmits<{\n  /** Emitted when the image is intersecting */\n  (name: 'intersecting', el: Element): void\n  /** Emitted when the image is loading */\n  (name: 'loading', el: Element): void\n  /** Emitted when the image is loaded */\n  (name: 'loaded', el: Element): void\n  /** Emitted when the image is in error */\n  (name: 'error', el: Element): void\n}>()\n\nconst MazSpinner = defineAsyncComponent(() => import('@components/MazSpinner.vue'))\n\nexport interface MazLazyImgProps {\n  /** The style of the component */\n  style?: HTMLAttributes['style']\n  /** The class of the component */\n  class?: HTMLAttributes['class']\n  /** @deprecated Use `src` instead */\n  image?: MazImage | null\n  /**\n   * The source of the image\n   * @type {string | Image | null}\n   */\n  src?: MazImage | null\n  /** The alt of the image */\n  alt?: string\n  /** Display the fallback image */\n  noPhoto?: boolean\n  /** Remove the loader */\n  noLoader?: boolean\n  /** Remove the observer once the image is loaded */\n  noObserverOnce?: boolean\n  /** Remove the observer once the image is loaded */\n  loadOnce?: boolean\n  /** Make the image height full */\n  imageHeightFull?: boolean\n  /** The options of the observer */\n  observerOptions?: vLazyImgOptions['observerOptions']\n  /** The fallback src to replace the src on loading error */\n  fallbackSrc?: string\n  /** The classes of the image element */\n  imgClass?: HTMLAttributes['class']\n  /** The image will be displayed in full width */\n  block?: boolean\n}\n\nconst src = computed(() => props.image || props.src)\n\nconst sources = computed(() => {\n  return typeof src.value === 'string' ? [{ srcset: src.value }] : src.value?.sources\n})\n</script>\n\n<template>\n  <picture\n    v-lazy-img=\"{\n      noPhoto,\n      loadOnce,\n      observerOptions,\n      fallbackSrc,\n      observerOnce: !noObserverOnce,\n      onIntersecting: (el) => $emit('intersecting', el),\n      onLoading: (el) => $emit('loading', el),\n      onLoaded: (el) => $emit('loaded', el),\n      onError: (el) => $emit('error', el),\n    }\"\n    class=\"m-lazy-img-component m-reset-css\"\n    :class=\"[{ '--use-loader': !noLoader, '--height-full': imageHeightFull, '--block': block }, props.class]\"\n    :style\n  >\n    <source\n      v-for=\"({ srcset, media }, sourceIndex) in sources\"\n      :key=\"sourceIndex\"\n      :data-lazy-srcset=\"srcset\"\n      :media\n    >\n    <img\n      v-bind=\"$attrs\"\n      src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\n      loading=\"lazy\"\n      :alt\n      :class=\"imgClass\"\n    >\n    <div v-if=\"!noLoader\" class=\"m-lazy-img-component-loader\">\n      <MazSpinner size=\"2em\" />\n    </div>\n    <slot />\n  </picture>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .m-lazy-img-component {\n  @apply maz-relative maz-inline-flex maz-align-top maz-flex-center;\n\n  &.--block {\n    @apply maz-w-full;\n\n    img {\n      @apply maz-w-full;\n    }\n  }\n\n  &-loader {\n    @apply maz-absolute maz-inset-0 maz-hidden maz-flex-center;\n  }\n\n  /* &:not(.m-lazy-error, .m-lazy-no-photo) img {\n      @apply maz-h-full maz-w-full;\n    } */\n\n  &.--height-full img {\n    @apply maz-max-h-full maz-w-min maz-max-w-min !important;\n  }\n\n  &.m-lazy-error:not(.m-lazy-no-photo) {\n    @apply maz-bg-color-light;\n\n    img {\n      @apply maz-h-1/2 maz-w-1/2;\n    }\n  }\n\n  &.m-lazy-loading {\n    & .m-lazy-img-component-loader {\n      @apply maz-flex;\n    }\n  }\n}\n</style>\n"],"names":["props","__props","MazSpinner","defineAsyncComponent","src","computed","sources","_a"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,UAAMA,IAAQC,GAqBRC,IAAaC,EAAqB,MAAM,OAAO,kBAA4B,CAAC,GAoC5EC,IAAMC,EAAS,MAAML,EAAM,SAASA,EAAM,GAAG,GAE7CM,IAAUD,EAAS,MAAM;;AAC7B,aAAO,OAAOD,EAAI,SAAU,WAAW,CAAC,EAAE,QAAQA,EAAI,MAAO,CAAA,KAAIG,IAAAH,EAAI,UAAJ,gBAAAG,EAAW;AAAA,IAAA,CAC7E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/MazLink.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../assets/MazLink.DQ7r1i9T.css');const e=require("vue"),t=require("../chunks/_plugin-vue_export-helper.BHFhmbuH.cjs"),l=e.defineComponent({__name:"MazLink",props:{id:{default:void 0},title:{default:void 0},href:{default:void 0},to:{default:void 0},color:{default:"primary"},target:{default:"_self"},download:{default:void 0},rel:{default:void 0},ariaLabel:{default:void 0},underline:{type:Boolean,default:!1},underlineOnlyHover:{type:Boolean,default:!0},autoExternal:{type:Boolean,default:!0},leftIcon:{type:[String,Function,Object],default:void 0},rightIcon:{type:[String,Function,Object],default:void 0}},setup(i){const r=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("../chunks/arrow-top-right-on-square.PZtr8Zs0.cjs"))),n=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./MazIcon.cjs")));return(o,d)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.to?"router-link":"a"),e.mergeProps({id:o.id,class:["m-link m-reset-css",[{"--underline":o.underline,"--underline-only-hover":!o.underline&&o.underlineOnlyHover},`--${o.color}`]],to:o.to,href:o.href,title:o.title,target:o.target,rel:o.rel,download:o.download,"aria-label":o.ariaLabel},o.$attrs),{default:e.withCtx(()=>[e.renderSlot(o.$slots,"left-icon",{},()=>[typeof o.leftIcon=="string"?(e.openBlock(),e.createBlock(e.unref(n),{key:0,name:o.leftIcon},null,8,["name"])):o.leftIcon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.leftIcon),{key:1})):e.createCommentVNode("",!0)],!0),e.renderSlot(o.$slots,"default",{},void 0,!0),e.renderSlot(o.$slots,"right-icon",{},()=>[typeof o.rightIcon=="string"?(e.openBlock(),e.createBlock(e.unref(n),{key:0,name:o.rightIcon},null,8,["name"])):o.rightIcon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.rightIcon),{key:1})):e.createCommentVNode("",!0)],!0),o.autoExternal&&o.target==="_blank"?e.renderSlot(o.$slots,"external-icon",{key:0},()=>[e.createVNode(e.unref(r))],!0):e.createCommentVNode("",!0)]),_:3},16,["id","class","to","href","title","target","rel","download","aria-label"]))}}),a=t._export_sfc(l,[["__scopeId","data-v-91f41609"]]);exports.default=a;
+//# sourceMappingURL=MazLink.cjs.map

package/dist/components/MazLink.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazLink.cjs","sources":["../../src/components/MazLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Color, Icon } from '@components/types'\nimport type { RouteLocationRaw } from 'vue-router'\nimport { defineAsyncComponent } from 'vue'\n\nwithDefaults(defineProps<MazLinkProps>(), {\n  id: undefined,\n  title: undefined,\n  color: 'primary',\n  href: undefined,\n  to: undefined,\n  target: '_self',\n  download: undefined,\n  rel: undefined,\n  autoExternal: true,\n  ariaLabel: undefined,\n  underline: false,\n  underlineOnlyHover: true,\n  leftIcon: undefined,\n  rightIcon: undefined,\n})\nconst ExternalIcon = defineAsyncComponent(() => import('@icons/arrow-top-right-on-square.svg'))\nconst MazIcon = defineAsyncComponent(() => import('@components/MazIcon.vue'))\n\nexport interface MazLinkProps {\n  /** The id of the link */\n  id?: string\n  /** The title of the link */\n  title?: string\n  /**\n   * The href of the link\n   * @default undefined\n   */\n  href?: string\n  /** The route location (router-link) of the link */\n  to?: RouteLocationRaw\n  /**\n   * The color of the link\n   * @default 'primary'\n   */\n  color?: Color\n  /**\n   * The target of the link\n   * @default '_self'\n   * @values '_blank', '_self', '_parent', '_top'\n   */\n  target?: '_blank' | '_self' | '_parent' | '_top' | string\n  /** The download of the link */\n  download?: string\n  /** The rel of the link */\n  rel?: string\n  /** The aria-label of the link */\n  ariaLabel?: string\n  /** Add an underline to the link */\n  underline?: boolean\n  /** Add an underline only on hover */\n  underlineOnlyHover?: boolean\n  /**\n   * Add an external icon to the link if target is '_blank'\n   * @default true\n   */\n  autoExternal?: boolean\n  /**\n   * The name of the icon or component to display on the left of the text\n   * `@type` `{string | FunctionalComponent<SVGAttributes> | ComponentPublicInstance | Component}`\n   */\n  leftIcon?: string | Icon\n  /**\n   * The name of the icon or component to display on the right of the text\n   * `@type` `{string | FunctionalComponent<SVGAttributes> | ComponentPublicInstance | Component}`\n   */\n  rightIcon?: string | Icon\n}\n</script>\n\n<template>\n  <Component\n    :is=\"to ? 'router-link' : 'a'\"\n    :id\n    class=\"m-link m-reset-css\"\n    :class=\"[\n      {\n        '--underline': underline,\n        '--underline-only-hover': !underline && underlineOnlyHover,\n      },\n      `--${color}`,\n    ]\"\n    :to\n    :href\n    :title\n    :target\n    :rel\n    :download\n    :aria-label\n    v-bind=\"$attrs\"\n  >\n    <!--\n      @slot left-icon - The icon to display on the left of the text\n    -->\n    <slot name=\"left-icon\">\n      <MazIcon v-if=\"typeof leftIcon === 'string'\" :name=\"leftIcon\" />\n      <Component :is=\"leftIcon\" v-else-if=\"leftIcon\" />\n    </slot>\n    <!--\n      @slot Text of the link\n    -->\n    <slot />\n\n    <!--\n      @slot right-icon - The icon to display on the left of the text\n    -->\n    <slot name=\"right-icon\">\n      <MazIcon v-if=\"typeof rightIcon === 'string'\" :name=\"rightIcon\" />\n      <Component :is=\"rightIcon\" v-else-if=\"rightIcon\" />\n    </slot>\n    <!--\n      @slot external-icon - Replace the default external icon\n    -->\n    <slot v-if=\"autoExternal && target === '_blank'\" name=\"external-icon\">\n      <ExternalIcon />\n    </slot>\n  </Component>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .m-link {\n  @apply maz-inline-flex maz-cursor-pointer maz-items-center maz-gap-1 maz-transition-colors maz-duration-200 maz-ease-in-out maz-no-underline;\n\n  &.--underline {\n    @apply maz-underline;\n  }\n\n  &.--underline-only-hover {\n    @apply hover:maz-underline;\n  }\n\n  &.--primary {\n    @apply maz-text-primary hover:maz-text-primary-600;\n  }\n\n  &.--secondary {\n    @apply maz-text-secondary hover:maz-text-secondary-600;\n  }\n\n  &.--info {\n    @apply maz-text-info hover:maz-text-info-600;\n  }\n\n  &.--warning {\n    @apply maz-text-warning-600 hover:maz-text-warning-800;\n  }\n\n  &.--danger {\n    @apply maz-text-danger-600 hover:maz-text-danger-800;\n  }\n\n  &.--success {\n    @apply maz-text-success-600 hover:maz-text-success-800;\n  }\n\n  &.--white {\n    @apply maz-text-white hover:maz-text-gray-300;\n  }\n\n  &.--black {\n    @apply maz-text-black hover:maz-text-gray-800;\n  }\n\n  &.--theme {\n    @apply maz-text-normal hover:maz-text-black dark:hover:maz-text-white;\n  }\n}\n</style>\n"],"names":["ExternalIcon","defineAsyncComponent","MazIcon"],"mappings":"mrBAqBA,MAAMA,EAAeC,EAAAA,qBAAqB,IAAM,QAAA,QAAA,EAAA,KAAA,IAAA,QAAO,kDAAsC,CAAA,CAAC,EACxFC,EAAUD,EAAAA,qBAAqB,IAAM,QAAA,QAAA,EAAA,KAAA,IAAA,QAAO,eAAyB,CAAA,CAAC"}

package/dist/components/MazLink.mjs

@@ -0,0 +1,65 @@
+import { defineComponent as f, defineAsyncComponent as d, openBlock as o, createBlock as t, resolveDynamicComponent as r, mergeProps as s, withCtx as p, renderSlot as n, unref as l, createCommentVNode as a, createVNode as m } from "vue";
+import { _ as y } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.mjs";
+import '../assets/MazLink.DQ7r1i9T.css';const g = /* @__PURE__ */ f({
+  __name: "MazLink",
+  props: {
+    id: { default: void 0 },
+    title: { default: void 0 },
+    href: { default: void 0 },
+    to: { default: void 0 },
+    color: { default: "primary" },
+    target: { default: "_self" },
+    download: { default: void 0 },
+    rel: { default: void 0 },
+    ariaLabel: { default: void 0 },
+    underline: { type: Boolean, default: !1 },
+    underlineOnlyHover: { type: Boolean, default: !0 },
+    autoExternal: { type: Boolean, default: !0 },
+    leftIcon: { type: [String, Function, Object], default: void 0 },
+    rightIcon: { type: [String, Function, Object], default: void 0 }
+  },
+  setup(v) {
+    const u = d(() => import("../chunks/arrow-top-right-on-square.wYk3YJI_.mjs")), i = d(() => import("./MazIcon.mjs"));
+    return (e, c) => (o(), t(r(e.to ? "router-link" : "a"), s({
+      id: e.id,
+      class: ["m-link m-reset-css", [
+        {
+          "--underline": e.underline,
+          "--underline-only-hover": !e.underline && e.underlineOnlyHover
+        },
+        `--${e.color}`
+      ]],
+      to: e.to,
+      href: e.href,
+      title: e.title,
+      target: e.target,
+      rel: e.rel,
+      download: e.download,
+      "aria-label": e.ariaLabel
+    }, e.$attrs), {
+      default: p(() => [
+        n(e.$slots, "left-icon", {}, () => [
+          typeof e.leftIcon == "string" ? (o(), t(l(i), {
+            key: 0,
+            name: e.leftIcon
+          }, null, 8, ["name"])) : e.leftIcon ? (o(), t(r(e.leftIcon), { key: 1 })) : a("", !0)
+        ], !0),
+        n(e.$slots, "default", {}, void 0, !0),
+        n(e.$slots, "right-icon", {}, () => [
+          typeof e.rightIcon == "string" ? (o(), t(l(i), {
+            key: 0,
+            name: e.rightIcon
+          }, null, 8, ["name"])) : e.rightIcon ? (o(), t(r(e.rightIcon), { key: 1 })) : a("", !0)
+        ], !0),
+        e.autoExternal && e.target === "_blank" ? n(e.$slots, "external-icon", { key: 0 }, () => [
+          m(l(u))
+        ], !0) : a("", !0)
+      ]),
+      _: 3
+    }, 16, ["id", "class", "to", "href", "title", "target", "rel", "download", "aria-label"]));
+  }
+}), k = /* @__PURE__ */ y(g, [["__scopeId", "data-v-91f41609"]]);
+export {
+  k as default
+};
+//# sourceMappingURL=MazLink.mjs.map

package/dist/components/MazLink.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazLink.mjs","sources":["../../src/components/MazLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Color, Icon } from '@components/types'\nimport type { RouteLocationRaw } from 'vue-router'\nimport { defineAsyncComponent } from 'vue'\n\nwithDefaults(defineProps<MazLinkProps>(), {\n  id: undefined,\n  title: undefined,\n  color: 'primary',\n  href: undefined,\n  to: undefined,\n  target: '_self',\n  download: undefined,\n  rel: undefined,\n  autoExternal: true,\n  ariaLabel: undefined,\n  underline: false,\n  underlineOnlyHover: true,\n  leftIcon: undefined,\n  rightIcon: undefined,\n})\nconst ExternalIcon = defineAsyncComponent(() => import('@icons/arrow-top-right-on-square.svg'))\nconst MazIcon = defineAsyncComponent(() => import('@components/MazIcon.vue'))\n\nexport interface MazLinkProps {\n  /** The id of the link */\n  id?: string\n  /** The title of the link */\n  title?: string\n  /**\n   * The href of the link\n   * @default undefined\n   */\n  href?: string\n  /** The route location (router-link) of the link */\n  to?: RouteLocationRaw\n  /**\n   * The color of the link\n   * @default 'primary'\n   */\n  color?: Color\n  /**\n   * The target of the link\n   * @default '_self'\n   * @values '_blank', '_self', '_parent', '_top'\n   */\n  target?: '_blank' | '_self' | '_parent' | '_top' | string\n  /** The download of the link */\n  download?: string\n  /** The rel of the link */\n  rel?: string\n  /** The aria-label of the link */\n  ariaLabel?: string\n  /** Add an underline to the link */\n  underline?: boolean\n  /** Add an underline only on hover */\n  underlineOnlyHover?: boolean\n  /**\n   * Add an external icon to the link if target is '_blank'\n   * @default true\n   */\n  autoExternal?: boolean\n  /**\n   * The name of the icon or component to display on the left of the text\n   * `@type` `{string | FunctionalComponent<SVGAttributes> | ComponentPublicInstance | Component}`\n   */\n  leftIcon?: string | Icon\n  /**\n   * The name of the icon or component to display on the right of the text\n   * `@type` `{string | FunctionalComponent<SVGAttributes> | ComponentPublicInstance | Component}`\n   */\n  rightIcon?: string | Icon\n}\n</script>\n\n<template>\n  <Component\n    :is=\"to ? 'router-link' : 'a'\"\n    :id\n    class=\"m-link m-reset-css\"\n    :class=\"[\n      {\n        '--underline': underline,\n        '--underline-only-hover': !underline && underlineOnlyHover,\n      },\n      `--${color}`,\n    ]\"\n    :to\n    :href\n    :title\n    :target\n    :rel\n    :download\n    :aria-label\n    v-bind=\"$attrs\"\n  >\n    <!--\n      @slot left-icon - The icon to display on the left of the text\n    -->\n    <slot name=\"left-icon\">\n      <MazIcon v-if=\"typeof leftIcon === 'string'\" :name=\"leftIcon\" />\n      <Component :is=\"leftIcon\" v-else-if=\"leftIcon\" />\n    </slot>\n    <!--\n      @slot Text of the link\n    -->\n    <slot />\n\n    <!--\n      @slot right-icon - The icon to display on the left of the text\n    -->\n    <slot name=\"right-icon\">\n      <MazIcon v-if=\"typeof rightIcon === 'string'\" :name=\"rightIcon\" />\n      <Component :is=\"rightIcon\" v-else-if=\"rightIcon\" />\n    </slot>\n    <!--\n      @slot external-icon - Replace the default external icon\n    -->\n    <slot v-if=\"autoExternal && target === '_blank'\" name=\"external-icon\">\n      <ExternalIcon />\n    </slot>\n  </Component>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .m-link {\n  @apply maz-inline-flex maz-cursor-pointer maz-items-center maz-gap-1 maz-transition-colors maz-duration-200 maz-ease-in-out maz-no-underline;\n\n  &.--underline {\n    @apply maz-underline;\n  }\n\n  &.--underline-only-hover {\n    @apply hover:maz-underline;\n  }\n\n  &.--primary {\n    @apply maz-text-primary hover:maz-text-primary-600;\n  }\n\n  &.--secondary {\n    @apply maz-text-secondary hover:maz-text-secondary-600;\n  }\n\n  &.--info {\n    @apply maz-text-info hover:maz-text-info-600;\n  }\n\n  &.--warning {\n    @apply maz-text-warning-600 hover:maz-text-warning-800;\n  }\n\n  &.--danger {\n    @apply maz-text-danger-600 hover:maz-text-danger-800;\n  }\n\n  &.--success {\n    @apply maz-text-success-600 hover:maz-text-success-800;\n  }\n\n  &.--white {\n    @apply maz-text-white hover:maz-text-gray-300;\n  }\n\n  &.--black {\n    @apply maz-text-black hover:maz-text-gray-800;\n  }\n\n  &.--theme {\n    @apply maz-text-normal hover:maz-text-black dark:hover:maz-text-white;\n  }\n}\n</style>\n"],"names":["ExternalIcon","defineAsyncComponent","MazIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBA,UAAMA,IAAeC,EAAqB,MAAM,OAAO,kDAAsC,CAAC,GACxFC,IAAUD,EAAqB,MAAM,OAAO,eAAyB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/MazLoadingBar.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../assets/MazLoadingBar.C6sNjytz.css');const e=require("vue"),n=require("../chunks/_plugin-vue_export-helper.BHFhmbuH.cjs"),i=e.defineComponent({__name:"MazLoadingBar",props:{color:{default:"primary"},height:{default:"0.125rem"}},setup(l){const a=l,o=e.computed(()=>({alpha:`var(--maz-color-${a.color}-alpha-20)`,main:`var(--maz-color-${a.color})`}));return(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:"m-loading-bar m-reset-css",style:e.normalizeStyle([{"--loading-bar-height":t.height,"--loading-bar-color":o.value.alpha,"--loading-bar-main-color":o.value.main}])},r[0]||(r[0]=[e.createElementVNode("div",null,null,-1)]),4))}}),c=n._export_sfc(i,[["__scopeId","data-v-a5b733e9"]]);exports.default=c;
+//# sourceMappingURL=MazLoadingBar.cjs.map

package/dist/components/MazLoadingBar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazLoadingBar.cjs","sources":["../../src/components/MazLoadingBar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Color } from '@components/types'\nimport { computed } from 'vue'\n\nexport interface MazLoadingBarProps {\n  /** The color of the component. */\n  color?: Color\n  /** The height of the component. */\n  height?: string\n}\n\nconst props = withDefaults(defineProps<MazLoadingBarProps>(), { color: 'primary', height: '0.125rem' })\n\nconst colorCSVariables = computed(() => ({\n  alpha: `var(--maz-color-${props.color}-alpha-20)`,\n  main: `var(--maz-color-${props.color})`,\n}))\n</script>\n\n<template>\n  <div\n    class=\"m-loading-bar m-reset-css\"\n    :style=\"[{ '--loading-bar-height': height, '--loading-bar-color': colorCSVariables.alpha, '--loading-bar-main-color': colorCSVariables.main }]\"\n  >\n    <div />\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .m-loading-bar {\n  @apply maz-relative maz-block maz-w-full maz-overflow-hidden;\n\n  height: var(--loading-bar-height);\n  background-color: var(--loading-bar-color);\n  overflow: hidden;\n\n  div {\n    background-color: var(--loading-bar-main-color);\n\n    &::before {\n      content: '';\n\n      @apply maz-absolute;\n\n      background-color: inherit;\n      top: 0;\n      left: 0;\n      bottom: 0;\n      will-change: left, right;\n      animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n    }\n\n    &::after {\n      content: '';\n\n      @apply maz-absolute;\n\n      background-color: inherit;\n      top: 0;\n      left: 0;\n      bottom: 0;\n      will-change: left, right;\n      animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n      animation-delay: 1.15s;\n    }\n  }\n}\n\n@keyframes indeterminate {\n  0% {\n    left: -35%;\n    right: 100%;\n  }\n\n  60% {\n    left: 100%;\n    right: -90%;\n  }\n\n  100% {\n    left: 100%;\n    right: -90%;\n  }\n}\n\n@keyframes indeterminate-short {\n  0% {\n    left: -200%;\n    right: 100%;\n  }\n\n  60% {\n    left: 107%;\n    right: -8%;\n  }\n\n  100% {\n    left: 107%;\n    right: -8%;\n  }\n}\n</style>\n"],"names":["props","__props","colorCSVariables","computed"],"mappings":"oTAWA,MAAMA,EAAQC,EAERC,EAAmBC,EAAAA,SAAS,KAAO,CACvC,MAAO,mBAAmBH,EAAM,KAAK,aACrC,KAAM,mBAAmBA,EAAM,KAAK,GAAA,EACpC"}

package/dist/components/MazLoadingBar.mjs

@@ -0,0 +1,25 @@
+import { defineComponent as t, computed as n, openBlock as i, createElementBlock as c, normalizeStyle as m, createElementVNode as s } from "vue";
+import { _ as p } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.mjs";
+import '../assets/MazLoadingBar.C6sNjytz.css';const d = /* @__PURE__ */ t({
+  __name: "MazLoadingBar",
+  props: {
+    color: { default: "primary" },
+    height: { default: "0.125rem" }
+  },
+  setup(r) {
+    const a = r, o = n(() => ({
+      alpha: `var(--maz-color-${a.color}-alpha-20)`,
+      main: `var(--maz-color-${a.color})`
+    }));
+    return (l, e) => (i(), c("div", {
+      class: "m-loading-bar m-reset-css",
+      style: m([{ "--loading-bar-height": l.height, "--loading-bar-color": o.value.alpha, "--loading-bar-main-color": o.value.main }])
+    }, e[0] || (e[0] = [
+      s("div", null, null, -1)
+    ]), 4));
+  }
+}), f = /* @__PURE__ */ p(d, [["__scopeId", "data-v-a5b733e9"]]);
+export {
+  f as default
+};
+//# sourceMappingURL=MazLoadingBar.mjs.map

package/dist/components/MazLoadingBar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazLoadingBar.mjs","sources":["../../src/components/MazLoadingBar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Color } from '@components/types'\nimport { computed } from 'vue'\n\nexport interface MazLoadingBarProps {\n  /** The color of the component. */\n  color?: Color\n  /** The height of the component. */\n  height?: string\n}\n\nconst props = withDefaults(defineProps<MazLoadingBarProps>(), { color: 'primary', height: '0.125rem' })\n\nconst colorCSVariables = computed(() => ({\n  alpha: `var(--maz-color-${props.color}-alpha-20)`,\n  main: `var(--maz-color-${props.color})`,\n}))\n</script>\n\n<template>\n  <div\n    class=\"m-loading-bar m-reset-css\"\n    :style=\"[{ '--loading-bar-height': height, '--loading-bar-color': colorCSVariables.alpha, '--loading-bar-main-color': colorCSVariables.main }]\"\n  >\n    <div />\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .m-loading-bar {\n  @apply maz-relative maz-block maz-w-full maz-overflow-hidden;\n\n  height: var(--loading-bar-height);\n  background-color: var(--loading-bar-color);\n  overflow: hidden;\n\n  div {\n    background-color: var(--loading-bar-main-color);\n\n    &::before {\n      content: '';\n\n      @apply maz-absolute;\n\n      background-color: inherit;\n      top: 0;\n      left: 0;\n      bottom: 0;\n      will-change: left, right;\n      animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n    }\n\n    &::after {\n      content: '';\n\n      @apply maz-absolute;\n\n      background-color: inherit;\n      top: 0;\n      left: 0;\n      bottom: 0;\n      will-change: left, right;\n      animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n      animation-delay: 1.15s;\n    }\n  }\n}\n\n@keyframes indeterminate {\n  0% {\n    left: -35%;\n    right: 100%;\n  }\n\n  60% {\n    left: 100%;\n    right: -90%;\n  }\n\n  100% {\n    left: 100%;\n    right: -90%;\n  }\n}\n\n@keyframes indeterminate-short {\n  0% {\n    left: -200%;\n    right: 100%;\n  }\n\n  60% {\n    left: 107%;\n    right: -8%;\n  }\n\n  100% {\n    left: 107%;\n    right: -8%;\n  }\n}\n</style>\n"],"names":["props","__props","colorCSVariables","computed"],"mappings":";;;;;;;;;AAWA,UAAMA,IAAQC,GAERC,IAAmBC,EAAS,OAAO;AAAA,MACvC,OAAO,mBAAmBH,EAAM,KAAK;AAAA,MACrC,MAAM,mBAAmBA,EAAM,KAAK;AAAA,IAAA,EACpC;;;;;;;;;"}

package/dist/components/MazPagination.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../assets/MazPagination.DSYY_yu7.css');const e=require("vue"),u=require("./MazBtn.cjs"),E=require("../chunks/_plugin-vue_export-helper.BHFhmbuH.cjs"),R={class:"m-pagination m-reset-css",role:"navigation","aria-label":"page navigation"},A={class:"maz-sr-only"},B={class:"maz-sr-only"},h=["id"],T={class:"maz-sr-only"},D={class:"maz-sr-only"},q={class:"maz-sr-only"},M=e.defineComponent({__name:"MazPagination",props:{modelValue:{default:1},buttonProps:{default:void 0},resultsSize:{default:void 0},activeColor:{default:"primary"},size:{default:"md"},totalPages:{},pageRange:{default:2},loading:{type:Boolean}},emits:["update:model-value"],setup(p,{emit:v}){const a=p,P=v,g=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("../chunks/chevron-left.BYUi62el.cjs"))),c=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("../chunks/chevron-double-left.D2o-BlKu.cjs"))),V=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("../chunks/ellipsis-horizontal.C28slEaT.cjs"))),f={size:"md",color:"theme",outline:!0,noElevation:!0,fab:!0},s=e.computed(()=>({...f,...a.buttonProps})),r=e.computed(()=>a.modelValue>1?a.modelValue-1:1),i=e.computed(()=>a.modelValue<a.totalPages?a.modelValue+1:a.totalPages),m=e.computed(()=>Array.from({length:a.totalPages},(t,o)=>{const l=o+1;return{number:l,isActive:l===a.modelValue,loading:l===a.modelValue&&a.loading}})),z=e.computed(()=>a.modelValue-a.pageRange>1?m.value.slice(0,1):[]),b=e.computed(()=>a.modelValue<a.totalPages-a.pageRange?m.value.slice(-1):[]),N=e.computed(()=>a.modelValue-a.pageRange-1<0?0:a.modelValue-a.pageRange-1>a.totalPages-a.pageRange?a.totalPages-a.pageRange:a.modelValue-a.pageRange-1),S=e.computed(()=>a.modelValue+a.pageRange>a.totalPages?a.totalPages:a.modelValue+a.pageRange<a.pageRange?a.pageRange:a.modelValue+a.pageRange),y=e.computed(()=>m.value.slice(N.value,S.value)),C=e.computed(()=>a.modelValue-a.pageRange>2?[{divider:!0}]:[]),$=e.computed(()=>a.modelValue<a.totalPages-a.pageRange-1?[{divider:!0}]:[]),k=e.computed(()=>[...z.value,...C.value,...y.value,...$.value,...b.value]);function n(t){t!==a.modelValue&&P("update:model-value",t)}return(t,o)=>(e.openBlock(),e.createElementBlock("nav",R,[e.createElementVNode("ul",null,[e.createElementVNode("li",null,[e.createVNode(u.default,e.mergeProps(s.value,{disabled:t.modelValue===1,"aria-label":"First Page, Page 1","aria-setsize":t.resultsSize??void 0,"aria-posinset":"1",size:t.size,onClick:o[0]||(o[0]=l=>n(1))}),{default:e.withCtx(()=>[e.createElementVNode("span",A,[e.renderSlot(t.$slots,"first-page-sr",{page:1},()=>[o[4]||(o[4]=e.createTextVNode("First Page, page 1"))],!0)]),e.createVNode(e.unref(c))]),_:3},16,["disabled","aria-setsize","size"])]),e.createElementVNode("li",null,[e.createVNode(u.default,e.mergeProps(s.value,{disabled:t.modelValue===1,"aria-label":`Previous Page, Page ${r.value}`,"aria-setsize":t.resultsSize??void 0,"aria-posinset":r.value,size:t.size,onClick:o[1]||(o[1]=l=>n(r.value))}),{default:e.withCtx(()=>[e.createElementVNode("span",B,[e.renderSlot(t.$slots,"previous-page-sr",{page:r.value},()=>[e.createTextVNode(" Previous Page, page "+e.toDisplayString(r.value),1)],!0)]),e.createVNode(e.unref(g))]),_:3},16,["disabled","aria-label","aria-setsize","aria-posinset","size"])]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.value,(l,d)=>(e.openBlock(),e.createElementBlock("li",{id:"number"in l?`button-${d}-${l.number}`:`ellipsis-${d}`,key:"number"in l?`button-${d}-${l.number}`:`ellipsis-${d}`},["number"in l?(e.openBlock(),e.createBlock(u.default,e.mergeProps({key:0,ref_for:!0},{...s.value,color:l.isActive?t.activeColor:s.value.color,outline:l.isActive?!1:s.value.outline},{size:t.size,"aria-label":`Page ${l.number}`,"aria-current":l.isActive?"true":"false","aria-setsize":t.resultsSize??void 0,loading:l.loading,"aria-posinset":l.number,class:{active:l.isActive},onClick:L=>l.isActive?void 0:n(l.number)}),{default:e.withCtx(()=>[e.createElementVNode("span",T,[e.renderSlot(t.$slots,"page-sr",{page:l.number},()=>[e.createTextVNode("Page "+e.toDisplayString(l.number),1)],!0)]),e.createTextVNode(" "+e.toDisplayString(l.number),1)]),_:2},1040,["size","aria-label","aria-current","aria-setsize","loading","aria-posinset","class","onClick"])):l.divider?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:1,ref_for:!0},s.value,{class:"flex p-2 flex-center"}),[e.createVNode(e.unref(V))],16)):e.createCommentVNode("",!0)],8,h))),128)),e.createElementVNode("li",null,[e.createVNode(u.default,e.mergeProps(s.value,{disabled:t.modelValue===t.totalPages,"aria-label":`Next Page, Page ${i.value}`,"aria-setsize":t.resultsSize??void 0,"aria-posinset":i.value,size:t.size,onClick:o[2]||(o[2]=l=>n(i.value))}),{default:e.withCtx(()=>[e.createElementVNode("span",D,[e.renderSlot(t.$slots,"next-page-sr",{page:i.value},()=>[e.createTextVNode("Next Page, page "+e.toDisplayString(i.value),1)],!0)]),e.createVNode(e.unref(g),{class:"-maz-rotate-180"})]),_:3},16,["disabled","aria-label","aria-setsize","aria-posinset","size"])]),e.createElementVNode("li",null,[e.createVNode(u.default,e.mergeProps(s.value,{disabled:t.modelValue===t.totalPages,"aria-label":`Next Page, Page ${t.totalPages}`,"aria-setsize":t.resultsSize??void 0,"aria-posinset":t.totalPages,size:t.size,onClick:o[3]||(o[3]=l=>n(t.totalPages))}),{default:e.withCtx(()=>[e.createElementVNode("span",q,[e.renderSlot(t.$slots,"last-page-sr",{page:t.totalPages},()=>[e.createTextVNode("Last Page, page "+e.toDisplayString(t.totalPages),1)],!0)]),e.createVNode(e.unref(c),{class:"-maz-rotate-180"})]),_:3},16,["disabled","aria-label","aria-setsize","aria-posinset","size"])])])]))}}),w=E._export_sfc(M,[["__scopeId","data-v-7cbe2636"]]);exports.default=w;
+//# sourceMappingURL=MazPagination.cjs.map

package/dist/components/MazPagination.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazPagination.cjs","sources":["../../src/components/MazPagination.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Color, Size } from '@components/types'\nimport MazBtn, { type MazBtnProps } from '@components/MazBtn.vue'\nimport { computed, defineAsyncComponent } from 'vue'\n\nconst props = withDefaults(defineProps<MazPaginationProps>(), {\n  modelValue: 1,\n  buttonProps: undefined,\n  pageRange: 2,\n  resultsSize: undefined,\n  activeColor: 'primary',\n  size: 'md',\n})\nconst emits = defineEmits<\n  /**\n   * Emitted when the current page number is changed.\n   * @property {number} value - new page number\n   */\n  (event: 'update:model-value', value: number) => void\n>()\nconst ChevronLeft = defineAsyncComponent(() => import('@icons/chevron-left.svg'))\nconst ChevronDoubleLeft = defineAsyncComponent(() => import('@icons/chevron-double-left.svg'))\nconst Ellipsis = defineAsyncComponent(() => import('@icons/ellipsis-horizontal.svg'))\n\nconst DEFAULT_BUTTONS_PROPS: Partial<MazBtnProps> = {\n  size: 'md',\n  color: 'theme',\n  outline: true,\n  noElevation: true,\n  fab: true,\n}\n\nexport interface MazPaginationProps {\n  /** @model The current page number. */\n  modelValue?: number\n  /**\n   * Props apply to the MazBtn components.\n   */\n  buttonProps?: Partial<MazBtnProps>\n  /**\n   * Number of results in this page. Useful for accessibility to set aria-setsize attribute. Partial of MazBtn props.\n   */\n  resultsSize?: number\n  /**\n   * Color of the active button.\n   */\n  activeColor?: Color\n  /**\n   * Color of the active button.\n   */\n  size?: Size\n  /**\n   * Total number of pages.\n   */\n  totalPages: number\n  /**\n   * Number of buttons to display before and after the current page.\n   */\n  pageRange?: number\n  /**\n   * Enable loading state of current button\n   */\n  loading?: boolean\n}\n\nconst buttonsPropsMerged = computed<MazBtnProps>(() => ({\n  ...DEFAULT_BUTTONS_PROPS,\n  ...props.buttonProps,\n}))\n\nconst previousPage = computed(() => (props.modelValue > 1 ? props.modelValue - 1 : 1))\nconst nextPage = computed(() =>\n  props.modelValue < props.totalPages ? props.modelValue + 1 : props.totalPages,\n)\n\nconst allPages = computed(() =>\n  Array.from({ length: props.totalPages }, (_, index) => {\n    const itemNumber = index + 1\n    return {\n      number: itemNumber,\n      isActive: itemNumber === props.modelValue,\n      loading: itemNumber === props.modelValue && props.loading,\n    }\n  }),\n)\n\nconst firstOne = computed(() =>\n  props.modelValue - props.pageRange > 1 ? allPages.value.slice(0, 1) : [],\n)\n\nconst lastOne = computed(() =>\n  props.modelValue < props.totalPages - props.pageRange ? allPages.value.slice(-1) : [],\n)\n\nconst rangeStartAt = computed(() => {\n  return props.modelValue - props.pageRange - 1 < 0\n    ? 0\n    : props.modelValue - props.pageRange - 1 > props.totalPages - props.pageRange\n      ? props.totalPages - props.pageRange\n      : props.modelValue - props.pageRange - 1\n})\nconst rangeEndAt = computed(() =>\n  props.modelValue + props.pageRange > props.totalPages\n    ? props.totalPages\n    : props.modelValue + props.pageRange < props.pageRange\n      ? props.pageRange\n      : props.modelValue + props.pageRange,\n)\nconst range = computed(() => allPages.value.slice(rangeStartAt.value, rangeEndAt.value))\n\nconst firstDivider = computed(() =>\n  props.modelValue - props.pageRange > 2 ? [{ divider: true }] : [],\n)\nconst lastDivider = computed(() =>\n  props.modelValue < props.totalPages - props.pageRange - 1 ? [{ divider: true }] : [],\n)\n\nconst pages = computed(() => [\n  ...firstOne.value,\n  ...firstDivider.value,\n  ...range.value,\n  ...lastDivider.value,\n  ...lastOne.value,\n])\n\nfunction setPageNumber(page: number) {\n  if (page === props.modelValue)\n    return\n\n  emits('update:model-value', page)\n}\n</script>\n\n<template>\n  <nav class=\"m-pagination m-reset-css\" role=\"navigation\" aria-label=\"page navigation\">\n    <ul>\n      <li>\n        <MazBtn\n          v-bind=\"buttonsPropsMerged\"\n          :disabled=\"modelValue === 1\"\n          aria-label=\"First Page, Page 1\"\n          :aria-setsize=\"resultsSize ?? undefined\"\n          aria-posinset=\"1\"\n          :size=\"size\"\n          @click=\"setPageNumber(1)\"\n        >\n          <span class=\"maz-sr-only\">\n            <!--\n              @slot Accessible text for screen reader of the previous page button\n                @binding {number} page - first page number\n            -->\n            <slot name=\"first-page-sr\" :page=\"1\">First Page, page 1</slot>\n          </span>\n          <ChevronDoubleLeft />\n        </MazBtn>\n      </li>\n\n      <li>\n        <MazBtn\n          v-bind=\"buttonsPropsMerged\"\n          :disabled=\"modelValue === 1\"\n          :aria-label=\"`Previous Page, Page ${previousPage}`\"\n          :aria-setsize=\"resultsSize ?? undefined\"\n          :aria-posinset=\"previousPage\"\n          :size=\"size\"\n          @click=\"setPageNumber(previousPage)\"\n        >\n          <span class=\"maz-sr-only\">\n            <!--\n              @slot Accessible text for screen reader of the first page button\n                @binding {number} page - previous page number\n            -->\n            <slot name=\"previous-page-sr\" :page=\"previousPage\">\n              Previous Page, page {{ previousPage }}\n            </slot>\n          </span>\n          <ChevronLeft />\n        </MazBtn>\n      </li>\n\n      <li\n        v-for=\"(page, i) in pages\"\n        :id=\"'number' in page ? `button-${i}-${page.number}` : `ellipsis-${i}`\"\n        :key=\"'number' in page ? `button-${i}-${page.number}` : `ellipsis-${i}`\"\n      >\n        <template v-if=\"'number' in page\">\n          <MazBtn\n            v-bind=\"{\n              ...buttonsPropsMerged,\n              color: page.isActive ? activeColor : buttonsPropsMerged.color,\n              outline: page.isActive ? false : buttonsPropsMerged.outline,\n            }\"\n            :size=\"size\"\n            :aria-label=\"`Page ${page.number}`\"\n            :aria-current=\"page.isActive ? 'true' : 'false'\"\n            :aria-setsize=\"resultsSize ?? undefined\"\n            :loading=\"page.loading\"\n            :aria-posinset=\"page.number\"\n            :class=\"{ active: page.isActive }\"\n            @click=\"page.isActive ? undefined : setPageNumber(page.number)\"\n          >\n            <span class=\"maz-sr-only\">\n              <!--\n                @slot Accessible text for screen reader of the current page button\n                  @binding {number} page - current page number\n              -->\n              <slot name=\"page-sr\" :page=\"page.number\">Page {{ page.number }}</slot>\n            </span>\n            {{ page.number }}\n          </MazBtn>\n        </template>\n\n        <template v-else-if=\"page.divider\">\n          <div v-bind=\"buttonsPropsMerged\" class=\"flex p-2 flex-center\">\n            <Ellipsis />\n          </div>\n        </template>\n      </li>\n\n      <li>\n        <MazBtn\n          v-bind=\"buttonsPropsMerged\"\n          :disabled=\"modelValue === totalPages\"\n          :aria-label=\"`Next Page, Page ${nextPage}`\"\n          :aria-setsize=\"resultsSize ?? undefined\"\n          :aria-posinset=\"nextPage\"\n          :size=\"size\"\n          @click=\"setPageNumber(nextPage)\"\n        >\n          <span class=\"maz-sr-only\">\n            <!--\n              @slot Accessible text for screen reader of the next page button\n                @binding {number} page - next page number\n            -->\n            <slot name=\"next-page-sr\" :page=\"nextPage\">Next Page, page {{ nextPage }}</slot>\n          </span>\n          <ChevronLeft class=\"-maz-rotate-180\" />\n        </MazBtn>\n      </li>\n\n      <li>\n        <MazBtn\n          v-bind=\"buttonsPropsMerged\"\n          :disabled=\"modelValue === totalPages\"\n          :aria-label=\"`Next Page, Page ${totalPages}`\"\n          :aria-setsize=\"resultsSize ?? undefined\"\n          :aria-posinset=\"totalPages\"\n          :size=\"size\"\n          @click=\"setPageNumber(totalPages)\"\n        >\n          <span class=\"maz-sr-only\">\n            <!--\n              @slot Accessible text for screen reader of the last page button\n                @binding {number} page - last page number\n            -->\n            <slot name=\"last-page-sr\" :page=\"totalPages\">Last Page, page {{ totalPages }}</slot>\n          </span>\n          <ChevronDoubleLeft class=\"-maz-rotate-180\" />\n        </MazBtn>\n      </li>\n    </ul>\n  </nav>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .m-pagination {\n  ul {\n    @apply !maz-m-0 maz-inline-flex !maz-list-none maz-items-center maz-gap-2 -maz-space-x-px !maz-p-0 maz-align-top maz-text-base;\n\n    li {\n      @apply maz-m-0;\n    }\n  }\n}\n</style>\n"],"names":["props","__props","emits","__emit","ChevronLeft","defineAsyncComponent","ChevronDoubleLeft","Ellipsis","DEFAULT_BUTTONS_PROPS","buttonsPropsMerged","computed","previousPage","nextPage","allPages","_","index","itemNumber","firstOne","lastOne","rangeStartAt","rangeEndAt","range","firstDivider","lastDivider","pages","setPageNumber","page"],"mappings":"qtBAKA,MAAMA,EAAQC,EAQRC,EAAQC,EAORC,EAAcC,EAAAA,qBAAqB,IAAM,QAAA,QAAA,EAAA,KAAA,IAAA,QAAO,qCAAyB,CAAA,CAAC,EAC1EC,EAAoBD,EAAAA,qBAAqB,IAAM,QAAA,QAAA,EAAA,KAAA,IAAA,QAAO,4CAAgC,CAAA,CAAC,EACvFE,EAAWF,EAAAA,qBAAqB,IAAM,QAAA,QAAA,EAAA,KAAA,IAAA,QAAO,4CAAgC,CAAA,CAAC,EAE9EG,EAA8C,CAClD,KAAM,KACN,MAAO,QACP,QAAS,GACT,YAAa,GACb,IAAK,EACP,EAmCMC,EAAqBC,EAAAA,SAAsB,KAAO,CACtD,GAAGF,EACH,GAAGR,EAAM,WAAA,EACT,EAEIW,EAAeD,WAAS,IAAOV,EAAM,WAAa,EAAIA,EAAM,WAAa,EAAI,CAAE,EAC/EY,EAAWF,EAAA,SAAS,IACxBV,EAAM,WAAaA,EAAM,WAAaA,EAAM,WAAa,EAAIA,EAAM,UACrE,EAEMa,EAAWH,EAAA,SAAS,IACxB,MAAM,KAAK,CAAE,OAAQV,EAAM,UAAW,EAAG,CAACc,EAAGC,IAAU,CACrD,MAAMC,EAAaD,EAAQ,EACpB,MAAA,CACL,OAAQC,EACR,SAAUA,IAAehB,EAAM,WAC/B,QAASgB,IAAehB,EAAM,YAAcA,EAAM,OACpD,CACD,CAAA,CACH,EAEMiB,EAAWP,EAAA,SAAS,IACxBV,EAAM,WAAaA,EAAM,UAAY,EAAIa,EAAS,MAAM,MAAM,EAAG,CAAC,EAAI,CAAA,CACxE,EAEMK,EAAUR,EAAA,SAAS,IACvBV,EAAM,WAAaA,EAAM,WAAaA,EAAM,UAAYa,EAAS,MAAM,MAAM,EAAE,EAAI,CAAA,CACrF,EAEMM,EAAeT,EAAAA,SAAS,IACrBV,EAAM,WAAaA,EAAM,UAAY,EAAI,EAC5C,EACAA,EAAM,WAAaA,EAAM,UAAY,EAAIA,EAAM,WAAaA,EAAM,UAChEA,EAAM,WAAaA,EAAM,UACzBA,EAAM,WAAaA,EAAM,UAAY,CAC5C,EACKoB,EAAaV,EAAA,SAAS,IAC1BV,EAAM,WAAaA,EAAM,UAAYA,EAAM,WACvCA,EAAM,WACNA,EAAM,WAAaA,EAAM,UAAYA,EAAM,UACzCA,EAAM,UACNA,EAAM,WAAaA,EAAM,SACjC,EACMqB,EAAQX,EAAAA,SAAS,IAAMG,EAAS,MAAM,MAAMM,EAAa,MAAOC,EAAW,KAAK,CAAC,EAEjFE,EAAeZ,EAAA,SAAS,IAC5BV,EAAM,WAAaA,EAAM,UAAY,EAAI,CAAC,CAAE,QAAS,EAAA,CAAM,EAAI,CAAA,CACjE,EACMuB,EAAcb,EAAA,SAAS,IAC3BV,EAAM,WAAaA,EAAM,WAAaA,EAAM,UAAY,EAAI,CAAC,CAAE,QAAS,EAAM,CAAA,EAAI,CAAA,CACpF,EAEMwB,EAAQd,EAAAA,SAAS,IAAM,CAC3B,GAAGO,EAAS,MACZ,GAAGK,EAAa,MAChB,GAAGD,EAAM,MACT,GAAGE,EAAY,MACf,GAAGL,EAAQ,KAAA,CACZ,EAED,SAASO,EAAcC,EAAc,CAC/BA,IAAS1B,EAAM,YAGnBE,EAAM,qBAAsBwB,CAAI,CAAA"}