maz-ui 4.7.5 → 4.7.6

package/dist/chunks/vZoomImg.CaAHb98S.js

@@ -0,0 +1,124 @@
+var style=`
+.maz-zoom-img {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding: 1rem;
+  z-index: 1050;
+  background-color: hsla(238, 15%, 40%, 0.7);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+}
+
+.maz-zoom-img,
+.maz-zoom-img * {
+  box-sizing: border-box;
+}
+
+.maz-zoom-img .maz-zoom-img__wrapper {
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-width: 0;
+  min-height: 0;
+  max-width: 100%;
+  max-height: 100%;
+  transition: all 300ms ease-in-out;
+  opacity: 0;
+  transform: scale(0.5);
+}
+
+.maz-zoom-img.maz-animate .maz-zoom-img__wrapper {
+  opacity: 1;
+  transform: scale(1);
+}
+
+.maz-zoom-img.maz-animate .maz-zoom-img__loader {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: hsla(238, 15%, 40%, 0.7);
+  border-radius: 1rem;
+  z-index: 2;
+  min-width: 60px;
+  min-height: 60px;
+}
+.maz-zoom-img.maz-animate .maz-zoom-img__loader[hidden] {
+  display: none;
+}
+
+@-webkit-keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
+.maz-zoom-img.maz-animate .maz-zoom-img__loader__svg {
+  animation: spin .6s linear infinite;
+}
+
+.maz-zoom-img img {
+  max-width: 100%;
+  max-height: 100%;
+  min-width: 0;
+  border-radius: 1rem;
+}
+
+.maz-zoom-img .maz-zoom-btn {
+  margin: 0 auto;
+  border: none;
+  background-color: hsla(0, 0%, 7%, 0.5);
+  box-shadow: 0 0 0.5rem 0 hsla(0, 0%, 0%, 0.2);
+  height: 2.2rem;
+  min-height: 2.2rem;
+  width: 2.2rem;
+  min-width: 2.2rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 2.2rem;
+  cursor: pointer;
+  flex: 0 0 auto;
+  outline: none;
+}
+
+.maz-zoom-img .maz-zoom-btn svg {
+  fill: white;
+}
+
+.maz-zoom-img .maz-zoom-btn.maz-zoom-btn--close {
+  position: absolute;
+  top: 0.5rem;
+  right: 0.5rem;
+  z-index: 1;
+}
+
+.maz-zoom-img .maz-zoom-btn.maz-zoom-btn--previous {
+  position: absolute;
+  left: 0.5rem;
+  z-index: 1;
+}
+
+.maz-zoom-img .maz-zoom-btn.maz-zoom-btn--next {
+  position: absolute;
+  right: 0.5rem;
+  z-index: 1;
+}
+
+.maz-zoom-img .maz-zoom-btn:hover {
+  background-color: hsl(0, 0%, 0%);
+}`;var svgs={close:`<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>`,next:`<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>`,previous:`<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/></svg>`,spinner:`<svg width="40px" height="40px" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="currentColor" x="0px" y="0px" viewBox="0 0 50 50" xml:space="preserve" class="maz-zoom-img__loader__svg" data-v-6d1cb50c=""><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"></path></svg>`};var StateClass=function(StateClass){return StateClass.OPEN=`maz-is-open`,StateClass}(StateClass||{});var ZoomImgHandler=class{options;loader;wrapper;img;keydownHandler;onImgLoadedCallback;buttonsAdded;defaultOptions={scale:!0,blur:!0,disabled:!1};mouseEnterListener=void 0;mouseLeaveListener=void 0;renderPreviewListener=void 0;constructor(binding){if(!binding.value)throw Error('[MazUI](zoom-img) Image path must be defined. Ex: `v-zoom-img="<PATH_TO_IMAGE>"`');if(typeof binding.value==`object`&&!binding.value.src)throw Error(`[maz-ui](zoom-img) src of image must be provided`);this.buttonsAdded=!1,this.options=this.buildOptions(binding),this.keydownHandler=this.keydownLister.bind(this),this.loader=this.getLoader(),this.wrapper=document.createElement(`div`),this.wrapper.classList.add(`maz-zoom-img__wrapper`),this.wrapper.prepend(this.loader),this.img=document.createElement(`img`),this.onImgLoadedCallback=this.onImgLoaded.bind(this),this.imgEventHandler(!0)}buildOptions(binding){return{...this.defaultOptions,...typeof binding.value==`object`?binding.value:{src:binding.value}}}get allInstances(){return[...document.querySelectorAll(`.maz-zoom-img-instance`)]}create(el){this.options.disabled||(el.style.cursor=`pointer`,setTimeout(()=>el.classList.add(`maz-zoom-img-instance`)),el.setAttribute(`data-zoom-src`,this.options.src),this.options.alt&&el.setAttribute(`data-zoom-alt`,this.options.alt),el.style.transition=`all 300ms ease-in-out`,this.mouseEnterListener=()=>this.mouseEnter(el),this.mouseLeaveListener=()=>this.mouseLeave(el),this.renderPreviewListener=()=>this.renderPreview(el,this.options),el.addEventListener(`mouseenter`,this.mouseEnterListener),el.addEventListener(`mouseleave`,this.mouseLeaveListener),el.addEventListener(`click`,this.renderPreviewListener))}update(binding){this.options=this.buildOptions(binding)}remove(el){this.imgEventHandler(!1),this.mouseEnterListener&&el.removeEventListener(`mouseenter`,this.mouseEnterListener),this.mouseLeaveListener&&el.removeEventListener(`mouseleave`,this.mouseLeaveListener),this.renderPreviewListener&&el.removeEventListener(`click`,this.renderPreviewListener),this.mouseEnterListener=void 0,this.mouseLeaveListener=void 0,this.renderPreviewListener=void 0,el.classList.remove(`maz-zoom-img-instance`),el.removeAttribute(`data-zoom-src`),el.removeAttribute(`data-zoom-alt`),el.style.cursor=``}renderPreview(el,options){el.classList.add(StateClass.OPEN),this.addStyle(style);let container=document.createElement(`div`);container.classList.add(`maz-zoom-img`),container.setAttribute(`id`,`MazImgPreviewFullsize`),container.addEventListener(`click`,e=>{container.isEqualNode(e.target)&&this.closePreview()}),typeof options==`object`&&(this.img.setAttribute(`src`,options.src),options.alt&&this.img.setAttribute(`alt`,options.alt),this.img.id=`MazImgElement`),this.wrapper.append(this.img),container.append(this.wrapper),document.body.append(container),this.keyboardEventHandler(!0),setTimeout(()=>{container&&container.classList.add(`maz-animate`)},100)}onImgLoaded(){this.wrapper.style.width=`${this.img.width}px`,this.wrapper.style.minWidth=`200px`,this.loader.hidden=!0;let closeButton=this.getButton();let buttons=[];let hasMultipleInstance=this.allInstances.length>1;if(!this.buttonsAdded){if(this.buttonsAdded=!0,hasMultipleInstance){let previousButton=this.getButton(`previous`);let nextButton=this.getButton(`next`);buttons.push(previousButton,nextButton)}this.wrapper.append(closeButton),hasMultipleInstance&&(this.wrapper.prepend(buttons[0]),this.wrapper.append(buttons[1]))}}getLoader(){let loader=document.createElement(`div`);return loader.classList.add(`maz-zoom-img__loader`),loader.innerHTML=svgs.spinner,loader}mouseLeave(el){this.options.scale&&(el.style.transform=``),this.options.blur&&(el.style.filter=``),el.style.zIndex=``}mouseEnter(el){el.style.zIndex=`1`,this.options.scale&&(el.style.transform=`scale(1.1)`),this.options.blur&&(el.style.filter=`blur(2px)`)}keydownLister(e){e.preventDefault(),(e.key===`Escape`||e.key===` `)&&this.closePreview(),(e.key===`ArrowLeft`||e.key===`ArrowRight`)&&this.nextPreviousImage(e.key===`ArrowRight`)}getButton(iconName=`close`){let button=document.createElement(`button`);button.innerHTML=svgs[iconName];let getAction=()=>iconName===`close`?this.closePreview():this.allInstances?this.nextPreviousImage(iconName===`next`):null;return button.addEventListener(`click`,()=>{getAction()}),button.classList.add(`maz-zoom-btn`),button.classList.add(`maz-zoom-btn--${iconName}`),button}closePreview(){let container=document.querySelector(`#MazImgPreviewFullsize`);let style=document.querySelector(`#MazPreviewStyle`);let instance=document.querySelector(`.maz-zoom-img-instance.maz-is-open`);instance&&instance.classList.remove(StateClass.OPEN),container&&container.classList.remove(`maz-animate`),this.keyboardEventHandler(!1),setTimeout(()=>{container&&container.remove(),style&&style.remove()},300)}getNewInstanceIndex(newInstanceIndex){let nextIndex=newInstanceIndex;return nextIndex<0?nextIndex=this.allInstances.length-1:nextIndex>=this.allInstances.length&&(nextIndex=0),nextIndex}nextPreviousImage(isNext){let selectNextInstance=isNext;let currentInstance=document.querySelector(`.maz-zoom-img-instance.maz-is-open`);if(currentInstance){let currentInstanceIndex=this.allInstances.indexOf(currentInstance);let newInstanceIndex=selectNextInstance?currentInstanceIndex+1:currentInstanceIndex-1;let nextInstance=this.allInstances[this.getNewInstanceIndex(newInstanceIndex)];nextInstance&&this.useNextInstance(currentInstance,nextInstance)}}useNextInstance(currentInstance,nextInstance){currentInstance.classList.remove(StateClass.OPEN),nextInstance.classList.add(StateClass.OPEN);let src=nextInstance.getAttribute(`data-zoom-src`);let alt=nextInstance.getAttribute(`data-zoom-alt`);this.wrapper.style.width=``,this.loader.hidden=!1,src&&this.img.setAttribute(`src`,src),alt&&this.img.setAttribute(`alt`,alt)}addStyle(styleString){let style=document.createElement(`style`);style.id=`MazPreviewStyle`,style.textContent=styleString,document.head.append(style)}keyboardEventHandler(add){if(add)return document.addEventListener(`keydown`,this.keydownHandler);document.removeEventListener(`keydown`,this.keydownHandler)}imgEventHandler(add){if(add)return this.img.addEventListener(`load`,this.onImgLoadedCallback);this.img.removeEventListener(`load`,this.onImgLoadedCallback)}};var instance;var vZoomImg={created(el,binding){instance=new ZoomImgHandler(binding),instance.create(el)},updated(_el,binding){instance.update(binding)},unmounted(el){instance.remove(el)}};var plugin={install(app){app.directive(`zoom-img`,vZoomImg)}};export{vZoomImg as n,plugin as t};

package/dist/components/MazAccordion.js

@@ -1,86 +1 @@
-import { defineComponent, useSlots, computed, ref, openBlock, createElementBlock, Fragment, renderList, createBlock, withCtx, createElementVNode, unref, renderSlot, createVNode, normalizeClass } from "vue";
-import { MazPlus } from "@maz-ui/icons/MazPlus";
-import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
-import MazCardSpotlight from "./MazCardSpotlight.js";
-import MazExpandAnimation from "./MazExpandAnimation.js";
-import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazAccordion.HGwBdQUE.css';const _hoisted_1 = {
-  class: "m-accordion m-reset-css",
-  role: "presentation"
-}, _hoisted_2 = ["id", "aria-controls", "aria-expanded", "onClick"], _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazAccordion",
-  props: {
-    id: { default: () => {
-    } },
-    modelValue: { default: 0 },
-    contentClass: { type: [Boolean, null, String, Object, Array], default: () => {
-    } }
-  },
-  emits: ["update:model-value"],
-  setup(__props, { emit: __emit }) {
-    const emits = __emit, instanceId = useInstanceUniqId({
-      componentName: "MazAccordion",
-      providedId: __props.id
-    }), slots = useSlots(), stepCount = computed(
-      () => Object.keys(slots).filter((slot) => slot.startsWith("title-")).length
-    ), localModelValue = ref(__props.modelValue), currentStep = computed({
-      get: () => __props.modelValue || localModelValue.value,
-      set: (value) => {
-        localModelValue.value = value, emits("update:model-value", value);
-      }
-    });
-    function isStepOpen(index) {
-      return currentStep.value === index;
-    }
-    function selectStep(index) {
-      currentStep.value === index ? (localModelValue.value = 0, emits("update:model-value", 0)) : (localModelValue.value = index, emits("update:model-value", index));
-    }
-    return (_ctx, _cache) => (openBlock(), createElementBlock("div", _hoisted_1, [
-      (openBlock(!0), createElementBlock(Fragment, null, renderList(stepCount.value, (step) => (openBlock(), createBlock(MazCardSpotlight, {
-        key: step,
-        class: "m-accordion__spotlight",
-        padding: !1
-      }, {
-        default: withCtx(() => [
-          createElementVNode("button", {
-            id: `step-${step}-${unref(instanceId)}`,
-            class: "m-accordion__header",
-            "aria-controls": `step-${step}-${unref(instanceId)}`,
-            "aria-expanded": isStepOpen(step),
-            onClick: ($event) => selectStep(step)
-          }, [
-            renderSlot(_ctx.$slots, `title-${step}`, {
-              isOpen: isStepOpen(step)
-            }, void 0, !0),
-            createVNode(unref(MazPlus), {
-              class: normalizeClass(["header-icon", { "--rotate": isStepOpen(step) }])
-            }, null, 8, ["class"])
-          ], 8, _hoisted_2),
-          createVNode(MazExpandAnimation, {
-            "animation-duration": "300ms",
-            "model-value": isStepOpen(step),
-            "aria-labelledby": `step-${step}-${unref(instanceId)}`
-          }, {
-            default: withCtx(() => [
-              createElementVNode("div", {
-                class: normalizeClass(["m-accordion__content", __props.contentClass])
-              }, [
-                renderSlot(_ctx.$slots, "content", {
-                  isOpen: isStepOpen(step)
-                }, void 0, !0),
-                renderSlot(_ctx.$slots, `content-${step}`, {
-                  isOpen: isStepOpen(step)
-                }, void 0, !0)
-              ], 2)
-            ]),
-            _: 2
-          }, 1032, ["model-value", "aria-labelledby"])
-        ]),
-        _: 2
-      }, 1024))), 128))
-    ]));
-  }
-}), MazAccordion = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-680465a1"]]);
-export {
-  MazAccordion as default
-};
+import"../chunks/MazExpandAnimation.CMMwtuQA.js";import"../chunks/MazCardSpotlight.SpZF61hl.js";import{t as MazAccordion_default}from"../chunks/MazAccordion.CKnz73h4.js";export{MazAccordion_default as default};

package/dist/components/MazAlert.js

@@ -1,85 +1 @@
-import { defineComponent, defineAsyncComponent, useSlots, useId, computed, openBlock, createElementBlock, normalizeStyle, normalizeClass, createBlock, unref, createCommentVNode, createElementVNode, renderSlot, createTextVNode, toDisplayString } from "vue";
-import { MazInformationCircle, MazXCircle, MazExclamationCircle, MazCheckCircle } from "@maz-ui/icons/lazy";
-import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazAlert.CYQbspTo.css';const _hoisted_1 = ["aria-labelledby", "aria-describedby"], _hoisted_2 = {
-  key: 0,
-  class: "m-alert-icon",
-  "aria-hidden": "true"
-}, _hoisted_3 = { class: "m-alert-body" }, _hoisted_4 = ["id"], _hoisted_5 = ["id"], _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazAlert",
-  props: {
-    title: {},
-    content: {},
-    icon: { type: [Function, Object, String], default: void 0 },
-    hideIcon: { type: Boolean, default: !1 },
-    color: { default: "info" },
-    iconSize: { default: "md" },
-    roundedSize: { default: "base" },
-    bordered: { type: Boolean, default: !0 },
-    variant: { default: "soft" }
-  },
-  setup(__props) {
-    const MazIcon = defineAsyncComponent(() => import("./MazIcon.js")), slots = useSlots(), instanceId = useId(), headingId = computed(() => `m-alert-heading-${instanceId}`), contentId = computed(() => `m-alert-content-${instanceId}`), hasTitle = computed(() => !!__props.title || !!slots.title), hasContent = computed(() => !!__props.content || !!slots.default), colorStyles = computed(() => ({
-      "--m-alert-color": `var(--maz-${__props.color}-700)`,
-      "--m-alert-color-dark": `var(--maz-${__props.color}-400)`,
-      "--m-alert-bg": `var(--maz-${__props.color})`,
-      "--m-alert-fg": `var(--maz-${__props.color}-foreground)`,
-      "--m-alert-border": `var(--maz-${__props.color}-600)`
-    })), currentIcon = computed(() => __props.hideIcon ? void 0 : __props.icon ? __props.icon : {
-      success: MazCheckCircle,
-      warning: MazExclamationCircle,
-      destructive: MazXCircle,
-      info: MazInformationCircle,
-      primary: MazInformationCircle,
-      secondary: MazInformationCircle,
-      accent: MazInformationCircle,
-      contrast: MazInformationCircle
-    }[__props.color]);
-    return (_ctx, _cache) => (openBlock(), createElementBlock("div", {
-      class: normalizeClass(["m-alert m-reset-css", [
-        `--rounded-${__props.roundedSize}`,
-        `--${__props.variant}`,
-        { "--bordered": __props.bordered }
-      ]]),
-      role: "alert",
-      "aria-labelledby": hasTitle.value ? headingId.value : void 0,
-      "aria-describedby": hasContent.value ? contentId.value : void 0,
-      style: normalizeStyle(colorStyles.value)
-    }, [
-      currentIcon.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
-        typeof currentIcon.value == "string" ? (openBlock(), createBlock(unref(MazIcon), {
-          key: 0,
-          name: currentIcon.value,
-          size: __props.iconSize
-        }, null, 8, ["name", "size"])) : (openBlock(), createBlock(unref(MazIcon), {
-          key: 1,
-          icon: currentIcon.value,
-          size: __props.iconSize
-        }, null, 8, ["icon", "size"]))
-      ])) : createCommentVNode("", !0),
-      createElementVNode("div", _hoisted_3, [
-        hasTitle.value ? (openBlock(), createElementBlock("p", {
-          key: 0,
-          id: headingId.value,
-          class: "m-alert-title"
-        }, [
-          renderSlot(_ctx.$slots, "title", {}, () => [
-            createTextVNode(toDisplayString(__props.title), 1)
-          ], !0)
-        ], 8, _hoisted_4)) : createCommentVNode("", !0),
-        hasContent.value ? (openBlock(), createElementBlock("div", {
-          key: 1,
-          id: contentId.value,
-          class: "m-alert-content"
-        }, [
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            createTextVNode(toDisplayString(__props.content), 1)
-          ], !0)
-        ], 8, _hoisted_5)) : createCommentVNode("", !0)
-      ])
-    ], 14, _hoisted_1));
-  }
-}), MazAlert = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8bf5631b"]]);
-export {
-  MazAlert as default
-};
+import{t as MazAlert_default}from"../chunks/MazAlert.B8hE7wet.js";export{MazAlert_default as default};

package/dist/components/MazAnimatedCounter.js

@@ -1,73 +1 @@
-import { defineComponent, ref, onMounted, onBeforeUnmount, watch, openBlock, createElementBlock, createElementVNode, renderSlot, createTextVNode, toDisplayString } from "vue";
-import { isClient } from "@maz-ui/utils/helpers/isClient";
-import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazAnimatedCounter.BKRZiS30.css';const _hoisted_1 = { class: "maz-sr-only" }, _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazAnimatedCounter",
-  props: {
-    count: {},
-    duration: { default: 1e3 },
-    prefix: {},
-    suffix: {},
-    delay: { default: 100 },
-    once: { type: Boolean, default: !0 }
-  },
-  setup(__props) {
-    const currentCount = ref(0), elementRef = ref(null);
-    function getRequestAnimationFrame() {
-      return !isClient() || !globalThis.requestAnimationFrame ? (callback) => (setTimeout(callback, 1e3 / 60), 0) : globalThis.requestAnimationFrame.bind(globalThis);
-    }
-    function animate(start, end, duration, delay) {
-      const requestAnim = getRequestAnimationFrame();
-      currentCount.value = start, isClient() && setTimeout(() => {
-        const startTime = performance.now(), updateCount = (currentTime = performance.now()) => {
-          const elapsed = currentTime - startTime, progress = Math.min(elapsed / duration, 1), easeOutQuad = (t) => t * (2 - t);
-          currentCount.value = Math.round(
-            start + (end - start) * easeOutQuad(progress)
-          ), progress < 1 && requestAnim(updateCount);
-        };
-        requestAnim(updateCount);
-      }, delay);
-    }
-    function startAnimation(start, end) {
-      animate(start, end, __props.duration, __props.delay);
-    }
-    let observer = null;
-    return onMounted(() => {
-      __props.once || (observer = new IntersectionObserver(([entry]) => {
-        entry.isIntersecting && (startAnimation(0, __props.count), __props.once && observer?.unobserve(entry.target));
-      }), elementRef.value && observer.observe(elementRef.value));
-    }), onBeforeUnmount(() => observer?.disconnect()), watch(
-      () => __props.count,
-      (newCount, oldCount) => {
-        if (newCount === oldCount)
-          return;
-        startAnimation(oldCount ?? 0, newCount);
-      },
-      { immediate: !0 }
-    ), (_ctx, _cache) => (openBlock(), createElementBlock("span", {
-      ref_key: "elementRef",
-      ref: elementRef,
-      class: "m-animated-counter m-reset-css"
-    }, [
-      createElementVNode("span", _hoisted_1, [
-        renderSlot(_ctx.$slots, "prefix", {}, () => [
-          createTextVNode(toDisplayString(__props.prefix), 1)
-        ], !0),
-        createTextVNode(toDisplayString(__props.count), 1),
-        renderSlot(_ctx.$slots, "suffix", {}, () => [
-          createTextVNode(toDisplayString(__props.suffix), 1)
-        ], !0)
-      ]),
-      renderSlot(_ctx.$slots, "prefix", {}, () => [
-        createTextVNode(toDisplayString(__props.prefix), 1)
-      ], !0),
-      createTextVNode(toDisplayString(currentCount.value), 1),
-      renderSlot(_ctx.$slots, "suffix", {}, () => [
-        createTextVNode(toDisplayString(__props.suffix), 1)
-      ], !0)
-    ], 512));
-  }
-}), MazAnimatedCounter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fb4175f1"]]);
-export {
-  MazAnimatedCounter as default
-};
+import{t as MazAnimatedCounter_default}from"../chunks/MazAnimatedCounter.GLLYbZAz.js";export{MazAnimatedCounter_default as default};

package/dist/components/MazAnimatedElement.js

@@ -1,44 +1 @@
-import { defineComponent, computed, ref, onMounted, nextTick, onBeforeUnmount, openBlock, createElementBlock, normalizeStyle, renderSlot } from "vue";
-import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazAnimatedElement.v3g68Xpj.css';const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazAnimatedElement",
-  props: {
-    direction: { default: "up" },
-    delay: { default: 0 },
-    duration: { default: 2e3 },
-    once: { type: Boolean, default: !0 }
-  },
-  setup(__props) {
-    const animatedClass = computed(() => `animate-slide-${__props.direction}-blur`), element = ref(), isAnimated = ref(!1);
-    let observer = null, animationFrameId = null;
-    function triggerAnimation() {
-      animationFrameId = requestAnimationFrame(() => {
-        element.value && (element.value.classList.remove("--invisible"), element.value.classList.add(animatedClass.value), isAnimated.value = !0);
-      });
-    }
-    function resetAnimation() {
-      element.value && (element.value.classList.add("--invisible"), element.value.classList.remove(animatedClass.value), isAnimated.value = !1);
-    }
-    return onMounted(() => {
-      observer = new IntersectionObserver(([entry]) => {
-        entry.isIntersecting && !isAnimated.value ? (nextTick(() => {
-          setTimeout(triggerAnimation, __props.delay);
-        }), __props.once === !0 && observer?.unobserve(entry.target)) : __props.once === !1 && !entry.isIntersecting && resetAnimation();
-      }), element.value && observer.observe(element.value);
-    }), onBeforeUnmount(() => {
-      observer?.disconnect(), animationFrameId && cancelAnimationFrame(animationFrameId);
-    }), (_ctx, _cache) => (openBlock(), createElementBlock("div", {
-      ref_key: "element",
-      ref: element,
-      class: "m-animated-element m-reset-css --invisible",
-      style: normalizeStyle({
-        animationDuration: `${__props.duration}ms`
-      })
-    }, [
-      renderSlot(_ctx.$slots, "default", {}, void 0, !0)
-    ], 4));
-  }
-}), MazAnimatedElement = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5891b044"]]);
-export {
-  MazAnimatedElement as default
-};
+import{t as MazAnimatedElement_default}from"../chunks/MazAnimatedElement._8NY8WgC.js";export{MazAnimatedElement_default as default};

package/dist/components/MazAnimatedText.js

@@ -1,103 +1 @@
-import { defineComponent, computed, ref, onMounted, nextTick, onBeforeUnmount, openBlock, createElementBlock, normalizeStyle, createBlock, resolveDynamicComponent, mergeProps, withCtx, Fragment, renderList, createElementVNode, normalizeClass, toDisplayString, createCommentVNode, createTextVNode } from "vue";
-import { checkAvailability } from "@maz-ui/utils/helpers/checkAvailability";
-import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazAnimatedText.CoEetpNd.css';const _hoisted_1 = { class: "m-animated-text__last-word-inner" }, _hoisted_2 = { class: "m-animated-text__last-word-inner-text" }, _sfc_main = /* @__PURE__ */ defineComponent({
-  inheritAttrs: !1,
-  __name: "MazAnimatedText",
-  props: {
-    text: {},
-    lastWord: {},
-    delay: { default: 0 },
-    direction: { default: "up" },
-    tag: { default: "span" },
-    wordDelay: { default: 75 },
-    columnGap: { default: 0.5 },
-    rowGap: { default: 0 },
-    duration: { default: 2e3 },
-    once: { type: Boolean, default: !0 },
-    gradientFrom: { default: "primary" },
-    gradientVia: { default: "info" },
-    gradientTo: { default: "secondary" }
-  },
-  setup(__props) {
-    const words = computed(() => __props.text.split(" ")), wordCount = computed(() => words.value.length), isVisible = ref(!1), isClient = ref(!1), animatedWords = ref([]), element = ref();
-    let observer = null, animationFrameId = null;
-    function triggerWordAnimations() {
-      const totalWords = words.value.length + (__props.lastWord ? 1 : 0);
-      animatedWords.value = Array.from({ length: totalWords }, () => !1);
-      let currentIndex = 0;
-      const animateNextWord = () => {
-        currentIndex < totalWords && requestAnimationFrame(() => {
-          animatedWords.value[currentIndex] = !0, currentIndex++, currentIndex < totalWords && (animationFrameId = setTimeout(animateNextWord, __props.wordDelay));
-        });
-      };
-      setTimeout(animateNextWord, __props.delay);
-    }
-    onMounted(() => {
-      isClient.value = !0, observer = new IntersectionObserver(([entry]) => {
-        entry.isIntersecting && !isVisible.value && (isVisible.value = !0, nextTick(() => {
-          triggerWordAnimations();
-        }), __props.once && element.value && observer?.unobserve(element.value));
-      }), checkAvailability(() => element.value, (element2) => {
-        observer?.observe(element2);
-      });
-    }), onBeforeUnmount(() => {
-      observer?.disconnect(), animationFrameId && clearTimeout(animationFrameId);
-    });
-    const gradientStyle = computed(() => __props.lastWord ? `linear-gradient(to right, ${[
-      `hsl(var(--maz-${__props.gradientFrom}))`,
-      ...__props.gradientVia ? [`hsl(var(--maz-${__props.gradientVia}))`] : [],
-      `hsl(var(--maz-${__props.gradientTo}))`
-    ].join(", ")})` : void 0);
-    return (_ctx, _cache) => (openBlock(), createElementBlock("div", {
-      class: "m-reset-css m-animated-text",
-      style: normalizeStyle({ "--maz-gradient-style": gradientStyle.value })
-    }, [
-      isClient.value ? (openBlock(), createBlock(resolveDynamicComponent(__props.tag), mergeProps({
-        key: 0,
-        ref_key: "element",
-        ref: element
-      }, _ctx.$attrs, {
-        class: "m-animated-text__root",
-        style: { columnGap: `${__props.columnGap}rem`, rowGap: `${__props.rowGap}rem` }
-      }), {
-        default: withCtx(() => [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(words.value, (word, index) => (openBlock(), createElementBlock("span", {
-            key: word + index,
-            class: "m-animated-text__word"
-          }, [
-            createElementVNode("span", {
-              class: normalizeClass(["m-animated-text__word-inner", animatedWords.value[index] ? `maz-animate-slide-${__props.direction}-blur` : "maz-invisible"]),
-              style: normalizeStyle({
-                animationDuration: `${__props.duration}ms`
-              })
-            }, toDisplayString(word), 7)
-          ]))), 128)),
-          __props.lastWord ? (openBlock(), createElementBlock("span", {
-            key: 0,
-            class: normalizeClass(["m-animated-text__last-word", animatedWords.value[wordCount.value] ? `maz-animate-slide-${__props.direction}-blur` : "maz-invisible"]),
-            style: normalizeStyle({
-              animationDuration: `${__props.duration}ms`
-            })
-          }, [
-            createElementVNode("span", _hoisted_1, [
-              createElementVNode("span", _hoisted_2, toDisplayString(__props.lastWord), 1)
-            ])
-          ], 6)) : createCommentVNode("", !0)
-        ]),
-        _: 1
-      }, 16, ["style"])) : (openBlock(), createBlock(resolveDynamicComponent(__props.tag), mergeProps({ key: 1 }, _ctx.$attrs, { class: "maz-invisible maz-inline-flex" }), {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(__props.text) + " ", 1),
-          __props.lastWord ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            createTextVNode(toDisplayString(__props.lastWord), 1)
-          ], 64)) : createCommentVNode("", !0)
-        ]),
-        _: 1
-      }, 16))
-    ], 4));
-  }
-}), MazAnimatedText = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c353e3f9"]]);
-export {
-  MazAnimatedText as default
-};
+import{t as MazAnimatedText_default}from"../chunks/MazAnimatedText.BSZ8FNf-.js";export{MazAnimatedText_default as default};

package/dist/components/MazAvatar.js

@@ -1,125 +1 @@
-import { defineComponent, defineAsyncComponent, computed, openBlock, createBlock, resolveDynamicComponent, normalizeClass, normalizeStyle, withCtx, createElementVNode, createElementBlock, Fragment, unref, mergeProps, createCommentVNode, renderSlot, toDisplayString, createVNode } from "vue";
-import { MazPencil } from "@maz-ui/icons/lazy";
-import { r as resolveLinkComponent } from "../chunks/resolveLinkComponent.CKR2McYy.js";
-import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazAvatar.yI9_k86V.css';const _hoisted_1 = ["tabindex"], _hoisted_2 = ["src", "alt", "loading"], _hoisted_3 = { class: "m-avatar__initial" }, _hoisted_4 = {
-  key: 0,
-  class: "m-avatar__caption"
-}, _sfc_main = /* @__PURE__ */ defineComponent({
-  inheritAttrs: !1,
-  __name: "MazAvatar",
-  props: {
-    style: { type: [Boolean, null, String, Object, Array] },
-    class: { type: [Boolean, null, String, Object, Array] },
-    src: { default: void 0 },
-    caption: { default: void 0 },
-    href: { default: void 0 },
-    to: { default: void 0 },
-    alt: { default: "avatar image" },
-    target: { default: "_self" },
-    size: { default: void 0 },
-    bordered: { type: Boolean },
-    clickable: { type: Boolean },
-    square: { type: Boolean },
-    noElevation: { type: Boolean },
-    showCaption: { type: Boolean },
-    imageHeightFull: { type: Boolean },
-    hideLoader: { type: Boolean },
-    buttonColor: { default: "info" },
-    hideClickableIcon: { type: Boolean },
-    letterCount: { default: void 0 },
-    roundedSize: { default: "full" },
-    fallbackSrc: { default: void 0 },
-    loading: { default: "intersecting" }
-  },
-  emits: ["click", "intersecting", "loading", "loaded", "error"],
-  setup(__props, { emit: __emit }) {
-    const props = __props, emits = __emit, MazLazyImg = defineAsyncComponent(() => import("./MazLazyImg.js")), routerLinkComponent = resolveLinkComponent(), componentType = computed(() => props.to ? routerLinkComponent : props.href ? "a" : "div"), isLink = computed(() => !!props.to || !!props.href);
-    function getInitials(name, lettersCount = props.letterCount) {
-      return name.split(" ").map((word) => word[0]).join("").slice(0, lettersCount);
-    }
-    const shouldDisplayImg = computed(() => props.src || !props.src && !props.caption);
-    function handleImageError(event) {
-      if (emits("error", event.target), props.fallbackSrc && event.target instanceof HTMLImageElement) {
-        const currentSrc = new URL(event.target.src), fallbackSrc = new URL(props.fallbackSrc);
-        if (currentSrc.href === fallbackSrc.href)
-          return;
-        event.target.src = props.fallbackSrc;
-      }
-    }
-    return (_ctx, _cache) => (openBlock(), createBlock(resolveDynamicComponent(componentType.value), {
-      style: normalizeStyle([{ fontSize: __props.size }, __props.style]),
-      class: normalizeClass(["m-avatar m-reset-css", [
-        {
-          "--has-link": isLink.value
-        },
-        props.class
-      ]]),
-      href: __props.href,
-      to: __props.to,
-      target: isLink.value ? __props.target : void 0
-    }, {
-      default: withCtx(() => [
-        createElementVNode("div", {
-          class: normalizeClass(["m-avatar__wrapper", [
-            {
-              "--has-shadow": !__props.noElevation,
-              "--bordered": __props.bordered,
-              "--clickable": __props.clickable,
-              "--has-initial": !__props.src && __props.caption
-            },
-            `--rounded-${__props.square ? "none" : __props.roundedSize}`
-          ]]),
-          tabindex: __props.clickable ? 0 : -1
-        }, [
-          shouldDisplayImg.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            __props.loading === "intersecting" ? (openBlock(), createBlock(unref(MazLazyImg), mergeProps({ key: 0 }, _ctx.$attrs, {
-              class: "m-avatar__picture maz-w-full maz-max-w-full",
-              src: __props.src,
-              alt: __props.alt,
-              "image-height-full": "",
-              "hide-loader": __props.hideLoader,
-              "fallback-src": __props.fallbackSrc,
-              onClick: _cache[0] || (_cache[0] = ($event) => __props.clickable ? _ctx.$emit("click", $event) : null),
-              onError: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("error", $event)),
-              onLoaded: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("loaded", $event)),
-              onLoading: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("loading", $event)),
-              onIntersecting: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("intersecting", $event))
-            }), null, 16, ["src", "alt", "hide-loader", "fallback-src"])) : (openBlock(), createElementBlock("img", {
-              key: 1,
-              class: "m-avatar__picture maz-w-full maz-max-w-full",
-              src: __props.src ?? __props.fallbackSrc,
-              alt: __props.alt,
-              loading: __props.loading,
-              onError: handleImageError
-            }, null, 40, _hoisted_2))
-          ], 64)) : createCommentVNode("", !0),
-          __props.caption && !__props.src ? renderSlot(_ctx.$slots, "round-text", { key: 1 }, () => [
-            createElementVNode("span", _hoisted_3, toDisplayString(getInitials(__props.caption)), 1)
-          ], !0) : createCommentVNode("", !0),
-          __props.clickable ? (openBlock(), createElementBlock("button", {
-            key: 2,
-            type: "button",
-            tabindex: "-1",
-            class: "m-avatar__button",
-            style: normalizeStyle({
-              backgroundColor: __props.src ? `hsl(var(--maz-${__props.buttonColor}) / 60%)` : `hsl(var(--maz-${__props.buttonColor}))`
-            }),
-            onClick: _cache[5] || (_cache[5] = ($event) => _ctx.$emit("click", $event))
-          }, [
-            __props.hideClickableIcon ? createCommentVNode("", !0) : renderSlot(_ctx.$slots, "icon", { key: 0 }, () => [
-              createVNode(unref(MazPencil), { class: "m-avatar__button__icon" })
-            ], !0)
-          ], 4)) : createCommentVNode("", !0)
-        ], 10, _hoisted_1),
-        renderSlot(_ctx.$slots, "caption", {}, () => [
-          __props.showCaption && __props.caption ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(__props.caption), 1)) : createCommentVNode("", !0)
-        ], !0)
-      ]),
-      _: 3
-    }, 8, ["style", "class", "href", "to", "target"]));
-  }
-}), MazAvatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-174150b8"]]);
-export {
-  MazAvatar as default
-};
+import{t as MazAvatar_default}from"../chunks/MazAvatar.vO5VNPi8.js";export{MazAvatar_default as default};