maz-ui 4.1.7-beta.5 → 4.1.7-beta.7

package/dist/chunks/{MazTable.vue_vue_type_script_setup_true_lang.lsJngJJn.js → MazTable.vue_vue_type_script_setup_true_lang.F9DFa_6O.js}

@@ -64,8 +64,8 @@ const _hoisted_1 = {
   emits: ["update:model-value", "update:search-query", "update:page", "update:page-size"],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "4b21767b": _ctx.tableLayout,
-      "5a9d2380": _ctx.captionSide
+      v4b21767b: _ctx.tableLayout,
+      v5a9d2380: _ctx.captionSide
     }));
     const props = __props, emits = __emit, MazBtn = defineAsyncComponent(() => import("../components/MazBtn.js")), MazCheckbox = defineAsyncComponent(() => import("../components/MazCheckbox.js")), MazInput = defineAsyncComponent(() => import("../components/MazInput.js")), MazLoadingBar = defineAsyncComponent(() => import("../components/MazLoadingBar.js")), MazSelect = defineAsyncComponent(() => import("../components/MazSelect.js")), MazTableCell = defineAsyncComponent(() => import("../components/MazTableCell.js")), MazTableRowComponent = defineAsyncComponent(() => import("../components/MazTableRow.js")), MazTableTitle = defineAsyncComponent(() => import("../components/MazTableTitle.js")), { t } = useTranslations(), messages = computed(() => ({
       noResults: props.translations?.noResults ?? t("table.noResults"),
@@ -233,29 +233,29 @@ const _hoisted_1 = {
       class: normalizeClass(["m-table m-reset-css", { "--has-header": hasHeader.value }])
     }, [
       hasHeader.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
-        _ctx.title || _ctx.$slots.title ? (openBlock(), createElementBlock("div", _hoisted_2, [
+        __props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("div", _hoisted_2, [
           renderSlot(_ctx.$slots, "title", {}, () => [
-            createElementVNode("span", _hoisted_3, toDisplayString(_ctx.title), 1)
+            createElementVNode("span", _hoisted_3, toDisplayString(__props.title), 1)
           ], !0)
         ])) : createCommentVNode("", !0),
-        _ctx.search ? (openBlock(), createElementBlock("div", _hoisted_4, [
-          _ctx.hideSearchBy ? createCommentVNode("", !0) : (openBlock(), createBlock(unref(MazSelect), {
+        __props.search ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          __props.hideSearchBy ? createCommentVNode("", !0) : (openBlock(), createBlock(unref(MazSelect), {
             key: 0,
             modelValue: searchByKey.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchByKey.value = $event),
-            "rounded-size": _ctx.roundedSize,
-            color: _ctx.color,
+            "rounded-size": __props.roundedSize,
+            color: __props.color,
             style: { width: "8rem" },
             placeholder: messages.value.searchByInput.placeholder,
-            size: _ctx.inputSize ?? unref(size),
+            size: __props.inputSize ?? unref(size),
             options: searchByOptions.value
           }, null, 8, ["modelValue", "rounded-size", "color", "placeholder", "size", "options"])),
           createVNode(unref(MazInput), {
             modelValue: searchQueryModel.value,
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => searchQueryModel.value = $event),
-            size: _ctx.inputSize ?? unref(size),
-            "rounded-size": _ctx.roundedSize,
-            color: _ctx.color,
+            size: __props.inputSize ?? unref(size),
+            "rounded-size": __props.roundedSize,
+            color: __props.color,
             debounce: 300,
             placeholder: messages.value.searchInput.placeholder,
             "left-icon": unref(MazMagnifyingGlass)
@@ -263,17 +263,17 @@ const _hoisted_1 = {
         ])) : createCommentVNode("", !0)
       ])) : createCommentVNode("", !0),
       createElementVNode("div", {
-        class: normalizeClass(["m-table-wrapper", [`--rounded-${_ctx.roundedSize}`, {
-          "--scrollable": _ctx.scrollable
+        class: normalizeClass(["m-table-wrapper", [`--rounded-${__props.roundedSize}`, {
+          "--scrollable": __props.scrollable
         }]])
       }, [
         createElementVNode("table", {
-          class: normalizeClass([{ "--elevation": _ctx.elevation, "--has-layout": _ctx.tableLayout }, _ctx.tableClass]),
-          style: normalizeStyle(_ctx.tableStyle)
+          class: normalizeClass([{ "--elevation": __props.elevation, "--has-layout": __props.tableLayout }, __props.tableClass]),
+          style: normalizeStyle(__props.tableStyle)
         }, [
-          _ctx.caption || _ctx.$slots.caption ? (openBlock(), createElementBlock("caption", _hoisted_5, [
+          __props.caption || _ctx.$slots.caption ? (openBlock(), createElementBlock("caption", _hoisted_5, [
             renderSlot(_ctx.$slots, "caption", {}, () => [
-              createTextVNode(toDisplayString(_ctx.caption), 1)
+              createTextVNode(toDisplayString(__props.caption), 1)
             ], !0)
           ])) : createCommentVNode("", !0),
           headersNormalized.value ? (openBlock(), createElementBlock("thead", _hoisted_6, [
@@ -303,11 +303,11 @@ const _hoisted_1 = {
                     headers: header.thHeaders,
                     style: normalizeStyle({ width: header.width, textAlign: header.align }),
                     class: normalizeClass(["maz-group", [
-                      { "--hidden": header.hidden, "--sortable": header.sortable ?? _ctx.sortable },
+                      { "--hidden": header.hidden, "--sortable": header.sortable ?? __props.sortable },
                       header.classes,
                       `--${unref(size)}`
                     ]]),
-                    onClick: ($event) => (header.sortable ?? _ctx.sortable) && sortColumn(columnIndex)
+                    onClick: ($event) => (header.sortable ?? __props.sortable) && sortColumn(columnIndex)
                   }, {
                     default: withCtx(() => [
                       createElementVNode("span", {
@@ -323,7 +323,7 @@ const _hoisted_1 = {
                           }, () => [
                             createTextVNode(toDisplayString(header.label), 1)
                           ], !0),
-                          header.sortable ?? _ctx.sortable ? (openBlock(), createElementBlock("div", _hoisted_7, [
+                          header.sortable ?? __props.sortable ? (openBlock(), createElementBlock("div", _hoisted_7, [
                             createVNode(unref(MazArrowUp), {
                               class: normalizeClass(["m-table-sort-icon maz-hidden group-hover:maz-block", {
                                 "--sorted": columnIndex === sortedColumnIndex.value,
@@ -354,9 +354,9 @@ const _hoisted_1 = {
               })
             ], !0)
           ])) : createCommentVNode("", !0),
-          _ctx.loading ? (openBlock(), createBlock(unref(MazLoadingBar), {
+          __props.loading ? (openBlock(), createBlock(unref(MazLoadingBar), {
             key: 2,
-            color: _ctx.color,
+            color: __props.color,
             class: "!maz-absolute"
           }, null, 8, ["color"])) : createCommentVNode("", !0),
           createElementVNode("tbody", {
@@ -441,16 +441,16 @@ const _hoisted_1 = {
       ], 2),
       hasFooter.value ? (openBlock(), createElementBlock("div", _hoisted_9, [
         _cache[4] || (_cache[4] = createElementVNode("div", { class: "m-table-spacer" }, null, -1)),
-        _ctx.pagination ? (openBlock(), createElementBlock("div", _hoisted_10, [
+        __props.pagination ? (openBlock(), createElementBlock("div", _hoisted_10, [
           createElementVNode("div", _hoisted_11, [
             createElementVNode("span", _hoisted_12, toDisplayString(messages.value.pagination.rowsPerPage), 1),
             createVNode(unref(MazSelect), {
               modelValue: pageSizeModel.value,
               "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => pageSizeModel.value = $event),
               options: pageSizeOptions.value,
-              "rounded-size": _ctx.roundedSize,
-              size: _ctx.inputSize ?? unref(size),
-              color: _ctx.color,
+              "rounded-size": __props.roundedSize,
+              size: __props.inputSize ?? unref(size),
+              color: __props.color,
               "list-position": "top",
               style: { width: "5rem" }
             }, null, 8, ["modelValue", "options", "rounded-size", "size", "color"])
@@ -459,9 +459,9 @@ const _hoisted_1 = {
           createElementVNode("div", _hoisted_14, [
             createVNode(unref(MazBtn), {
               disabled: currentPageModel.value === 1,
-              size: _ctx.inputSize ?? unref(size),
+              size: __props.inputSize ?? unref(size),
               color: "transparent",
-              "rounded-size": _ctx.roundedSize,
+              "rounded-size": __props.roundedSize,
               onClick: firstPage
             }, {
               default: withCtx(() => [
@@ -471,9 +471,9 @@ const _hoisted_1 = {
             }, 8, ["disabled", "size", "rounded-size"]),
             createVNode(unref(MazBtn), {
               disabled: currentPageModel.value === 1,
-              size: _ctx.inputSize ?? unref(size),
+              size: __props.inputSize ?? unref(size),
               color: "transparent",
-              "rounded-size": _ctx.roundedSize,
+              "rounded-size": __props.roundedSize,
               onClick: previousPage
             }, {
               default: withCtx(() => [
@@ -483,9 +483,9 @@ const _hoisted_1 = {
             }, 8, ["disabled", "size", "rounded-size"]),
             createVNode(unref(MazBtn), {
               disabled: currentPageModel.value === totalPagesInternal.value,
-              size: _ctx.inputSize ?? unref(size),
+              size: __props.inputSize ?? unref(size),
               color: "transparent",
-              "rounded-size": _ctx.roundedSize,
+              "rounded-size": __props.roundedSize,
               onClick: nextPage
             }, {
               default: withCtx(() => [
@@ -495,9 +495,9 @@ const _hoisted_1 = {
             }, 8, ["disabled", "size", "rounded-size"]),
             createVNode(unref(MazBtn), {
               disabled: currentPageModel.value === totalPagesInternal.value,
-              size: _ctx.inputSize ?? unref(size),
+              size: __props.inputSize ?? unref(size),
               color: "transparent",
-              "rounded-size": _ctx.roundedSize,
+              "rounded-size": __props.roundedSize,
               onClick: lastPage
             }, {
               default: withCtx(() => [

package/dist/chunks/{PhoneInput.CodUcksI.js → PhoneInput.DQZjDqMK.js}

@@ -2,9 +2,9 @@ import { defineComponent, mergeModels, useModel, ref, computed, onMounted, useTe
 import { useTranslations } from "@maz-ui/translations";
 import { useInjectStrict } from "../composables/useInjectStrict.js";
 import MazInput from "../components/MazInput.js";
-import { u as useLibphonenumber, a as useMazInputPhoneNumber } from "./MazInputPhoneNumber.DG6oYKQd.js";
+import { u as useLibphonenumber, a as useMazInputPhoneNumber } from "./MazInputPhoneNumber.CbNnLvU_.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/PhoneInput.DkOXlrI9.css';const _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/PhoneInput.C5t00d9H.css';const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "PhoneInput",
   props: /* @__PURE__ */ mergeModels({
     style: {},
@@ -84,23 +84,23 @@ import '../assets/PhoneInput.DkOXlrI9.css';const _sfc_main = /* @__PURE__ */ def
       focus: () => {
         inputRef.value?.$el.querySelector("input")?.focus();
       }
-    }), (_ctx, _cache) => (openBlock(), createBlock(MazInput, mergeProps({ id: _ctx.id }, { ..._ctx.$attrs, ...inputProps.value }, {
+    }), (_ctx, _cache) => (openBlock(), createBlock(MazInput, mergeProps({ id: __props.id }, { ..._ctx.$attrs, ...inputProps.value }, {
       ref: "input",
       modelValue: displayedPhoneNumber.value,
       "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => displayedPhoneNumber.value = $event),
-      disabled: _ctx.disabled,
-      color: _ctx.color,
-      error: _ctx.error,
-      size: _ctx.size,
-      success: _ctx.success,
+      disabled: __props.disabled,
+      color: __props.color,
+      error: __props.error,
+      size: __props.size,
+      success: __props.success,
       block: "",
-      name: _ctx.name,
-      inputmode: _ctx.inputmode,
-      autocomplete: _ctx.autocomplete,
+      name: __props.name,
+      inputmode: __props.inputmode,
+      autocomplete: __props.autocomplete,
       class: ["m-phone-input", [
         {
-          "--border-radius": _ctx.hasRadius,
-          "--error": _ctx.error || !unref(results).isValid,
+          "--border-radius": __props.hasRadius,
+          "--error": __props.error || !unref(results).isValid,
           "--focused": inputFocused.value
         }
       ]],
@@ -108,7 +108,7 @@ import '../assets/PhoneInput.DkOXlrI9.css';const _sfc_main = /* @__PURE__ */ def
       onBlur: _cache[2] || (_cache[2] = ($event) => inputFocused.value = !1)
     }), null, 16, ["id", "modelValue", "disabled", "color", "error", "size", "success", "name", "inputmode", "autocomplete", "class"]));
   }
-}), PhoneInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3777a81d"]]);
+}), PhoneInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3eec1d92"]]);
 export {
   PhoneInput as default
 };

package/dist/chunks/{fullscreen-img.directive.e2KyfwYA.js → fullscreen-img.directive.BqO7XUdi.js}

@@ -223,7 +223,7 @@ import '../assets/fullscreen-img.BGt9mY2g.css';const _hoisted_1 = ["onKeypress"]
           tabindex: "0",
           class: normalizeClass([imageZoomClasses.value]),
           onLoad: onImageLoaded,
-          onClick: _cache[2] || (_cache[2] = withModifiers(($event) => _ctx.zoom && toggleZoom(), ["stop"]))
+          onClick: _cache[2] || (_cache[2] = withModifiers(($event) => __props.zoom && toggleZoom(), ["stop"]))
         }, null, 42, _hoisted_3),
         withDirectives(createVNode(MazSpinner, { class: "m-fullscreen-img-loader" }, null, 512), [
           [vShow, showLoader.value]

package/dist/components/MazAccordion.js

@@ -61,7 +61,7 @@ import '../assets/MazAccordion.DUQCf8vy.css';const _hoisted_1 = {
           }, {
             default: withCtx(() => [
               createElementVNode("div", {
-                class: normalizeClass(["m-accordion__content", _ctx.contentClass])
+                class: normalizeClass(["m-accordion__content", __props.contentClass])
               }, [
                 renderSlot(_ctx.$slots, "content", {
                   isOpen: isStepOpen(step)

package/dist/components/MazAnimatedCounter.js

@@ -55,19 +55,19 @@ import '../assets/MazAnimatedCounter.LK7oyUrl.css';const _hoisted_1 = { class: "
     }, [
       createElementVNode("span", _hoisted_1, [
         renderSlot(_ctx.$slots, "prefix", {}, () => [
-          createTextVNode(toDisplayString(_ctx.prefix), 1)
+          createTextVNode(toDisplayString(__props.prefix), 1)
         ], !0),
-        createTextVNode(toDisplayString(_ctx.count), 1),
+        createTextVNode(toDisplayString(__props.count), 1),
         renderSlot(_ctx.$slots, "suffix", {}, () => [
-          createTextVNode(toDisplayString(_ctx.suffix), 1)
+          createTextVNode(toDisplayString(__props.suffix), 1)
         ], !0)
       ]),
       renderSlot(_ctx.$slots, "prefix", {}, () => [
-        createTextVNode(toDisplayString(_ctx.prefix), 1)
+        createTextVNode(toDisplayString(__props.prefix), 1)
       ], !0),
       createTextVNode(toDisplayString(currentCount.value), 1),
       renderSlot(_ctx.$slots, "suffix", {}, () => [
-        createTextVNode(toDisplayString(_ctx.suffix), 1)
+        createTextVNode(toDisplayString(__props.suffix), 1)
       ], !0)
     ], 512));
   }

package/dist/components/MazAnimatedElement.js

@@ -1,6 +1,6 @@
-import { defineComponent, computed, ref, onMounted, onBeforeUnmount, createElementBlock, openBlock, normalizeStyle, renderSlot } from "vue";
+import { defineComponent, computed, ref, onMounted, nextTick, onBeforeUnmount, createElementBlock, openBlock, normalizeStyle, renderSlot } from "vue";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazAnimatedElement.B4mV3dWm.css';const _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazAnimatedElement.DnsacpuB.css';const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazAnimatedElement",
   props: {
     direction: { default: "up" },
@@ -9,25 +9,36 @@ import '../assets/MazAnimatedElement.B4mV3dWm.css';const _sfc_main = /* @__PURE_
     once: { type: Boolean, default: !0 }
   },
   setup(__props) {
-    const animatedClass = computed(() => `animate-slide-${__props.direction}-blur`), element = ref();
-    let observer = null;
+    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 ? (entry.target.classList.remove("--invisible"), entry.target.classList.add(animatedClass.value), __props.once === !0 && observer?.unobserve(entry.target)) : __props.once === !1 && (entry.target.classList.add("--invisible"), entry.target.classList.remove(animatedClass.value));
+        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()), (_ctx, _cache) => (openBlock(), createElementBlock("div", {
+    }), 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: `${_ctx.duration}ms`,
-        animationDelay: `${_ctx.delay}ms`
+        animationDuration: `${__props.duration}ms`
       })
     }, [
       renderSlot(_ctx.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), MazAnimatedElement = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c463d914"]]);
+}), MazAnimatedElement = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5f500f94"]]);
 export {
   MazAnimatedElement as default
 };

package/dist/components/MazAnimatedText.js

@@ -1,7 +1,7 @@
-import { defineComponent, computed, ref, onMounted, onBeforeUnmount, createElementBlock, openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, createCommentVNode, Fragment, renderList, createElementVNode, normalizeStyle, normalizeClass, toDisplayString, createTextVNode } from "vue";
+import { defineComponent, computed, ref, onMounted, nextTick, onBeforeUnmount, createElementBlock, openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, createCommentVNode, Fragment, renderList, createElementVNode, normalizeStyle, normalizeClass, toDisplayString, createTextVNode } from "vue";
 import { c as checkAvailability } from "../chunks/checkAvailability.aTpZidex.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazAnimatedText.CHvAudRU.css';const _hoisted_1 = { class: "m-reset-css m-animated-text" }, _hoisted_2 = { class: "m-animated-text__last-word-inner" }, _hoisted_3 = { class: "m-animated-text__last-word-inner-text" }, _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazAnimatedText.DFwgvVgF.css';const _hoisted_1 = { class: "m-reset-css m-animated-text" }, _hoisted_2 = { class: "m-animated-text__last-word-inner" }, _hoisted_3 = { class: "m-animated-text__last-word-inner-text" }, _sfc_main = /* @__PURE__ */ defineComponent({
   inheritAttrs: !1,
   __name: "MazAnimatedText",
   props: {
@@ -17,22 +17,37 @@ import '../assets/MazAnimatedText.CHvAudRU.css';const _hoisted_1 = { class: "m-r
     once: { type: Boolean, default: !0 }
   },
   setup(__props) {
-    const words = computed(() => __props.text.split(" ")), wordCount = computed(() => words.value.length), isVisible = ref(!1), isClient = ref(!1), animatedClass = computed(() => isVisible.value ? `maz-animate-slide-${__props.direction}-blur` : "maz-invisible"), element = ref();
-    let observer = null;
+    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);
+    }
     return onMounted(() => {
       isClient.value = !0, observer = new IntersectionObserver(([entry]) => {
-        isVisible.value = entry.isIntersecting, __props.once && element.value && observer?.unobserve(element.value);
+        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()), (_ctx, _cache) => (openBlock(), createElementBlock("div", _hoisted_1, [
-      isClient.value ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), mergeProps({
+    }), onBeforeUnmount(() => {
+      observer?.disconnect(), animationFrameId && clearTimeout(animationFrameId);
+    }), (_ctx, _cache) => (openBlock(), createElementBlock("div", _hoisted_1, [
+      isClient.value ? (openBlock(), createBlock(resolveDynamicComponent(__props.tag), mergeProps({
         key: 0,
         ref_key: "element",
         ref: element
       }, _ctx.$attrs, {
         class: "m-animated-text__root",
-        style: { columnGap: `${_ctx.columnGap}rem`, rowGap: `${_ctx.rowGap}rem` }
+        style: { columnGap: `${__props.columnGap}rem`, rowGap: `${__props.rowGap}rem` }
       }), {
         default: withCtx(() => [
           (openBlock(!0), createElementBlock(Fragment, null, renderList(words.value, (word, index) => (openBlock(), createElementBlock("span", {
@@ -40,40 +55,38 @@ import '../assets/MazAnimatedText.CHvAudRU.css';const _hoisted_1 = { class: "m-r
             class: "m-animated-text__word"
           }, [
             createElementVNode("span", {
-              class: normalizeClass(["m-animated-text__word-inner", animatedClass.value]),
+              class: normalizeClass(["m-animated-text__word-inner", animatedWords.value[index] ? `maz-animate-slide-${__props.direction}-blur` : "maz-invisible"]),
               style: normalizeStyle({
-                animationDelay: `${_ctx.delay + index * (_ctx.wordDelay ?? 150)}ms`,
-                animationDuration: `${_ctx.duration}ms`
+                animationDuration: `${__props.duration}ms`
               })
             }, toDisplayString(word), 7)
           ]))), 128)),
-          _ctx.lastWord ? (openBlock(), createElementBlock("span", {
+          __props.lastWord ? (openBlock(), createElementBlock("span", {
             key: 0,
-            class: normalizeClass(["m-animated-text__last-word", animatedClass.value]),
+            class: normalizeClass(["m-animated-text__last-word", animatedWords.value[wordCount.value] ? `maz-animate-slide-${__props.direction}-blur` : "maz-invisible"]),
             style: normalizeStyle({
-              animationDelay: `${_ctx.delay + wordCount.value * (_ctx.wordDelay ?? 150)}ms`,
-              animationDuration: `${_ctx.duration}ms`
+              animationDuration: `${__props.duration}ms`
             })
           }, [
             createElementVNode("span", _hoisted_2, [
               _cache[0] || (_cache[0] = createElementVNode("span", { class: "m-animated-text__last-word-inner-gradient" }, null, -1)),
-              createElementVNode("span", _hoisted_3, toDisplayString(_ctx.lastWord), 1)
+              createElementVNode("span", _hoisted_3, toDisplayString(__props.lastWord), 1)
             ])
           ], 6)) : createCommentVNode("", !0)
         ]),
         _: 1
-      }, 16, ["style"])) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), mergeProps({ key: 1 }, _ctx.$attrs, { class: "maz-invisible maz-inline-flex" }), {
+      }, 16, ["style"])) : (openBlock(), createBlock(resolveDynamicComponent(__props.tag), mergeProps({ key: 1 }, _ctx.$attrs, { class: "maz-invisible maz-inline-flex" }), {
         default: withCtx(() => [
-          createTextVNode(toDisplayString(_ctx.text) + " ", 1),
-          _ctx.lastWord ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            createTextVNode(toDisplayString(_ctx.lastWord), 1)
+          createTextVNode(toDisplayString(__props.text) + " ", 1),
+          __props.lastWord ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            createTextVNode(toDisplayString(__props.lastWord), 1)
           ], 64)) : createCommentVNode("", !0)
         ]),
         _: 1
       }, 16))
     ]));
   }
-}), MazAnimatedText = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-00727bc1"]]);
+}), MazAnimatedText = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-39c0b45b"]]);
 export {
   MazAnimatedText as default
 };

package/dist/components/MazAvatar.js

@@ -47,39 +47,39 @@ import '../assets/MazAvatar.DTiCyWfl.css';const _hoisted_1 = ["tabindex"], _hois
       }
     }
     return (_ctx, _cache) => (openBlock(), createBlock(resolveDynamicComponent(componentType.value), {
-      style: normalizeStyle([{ fontSize: _ctx.size }, _ctx.style]),
+      style: normalizeStyle([{ fontSize: __props.size }, __props.style]),
       class: normalizeClass(["m-avatar m-reset-css", [
         {
           "--has-link": isLink.value
         },
         props.class
       ]]),
-      href: _ctx.href,
-      to: _ctx.to,
-      target: isLink.value ? _ctx.target : void 0
+      href: __props.href,
+      to: __props.to,
+      target: isLink.value ? __props.target : void 0
     }, {
       default: withCtx(() => [
         createElementVNode("div", {
           class: normalizeClass(["m-avatar__wrapper", [
             {
-              "--has-shadow": !_ctx.noElevation,
-              "--bordered": _ctx.bordered,
-              "--clickable": _ctx.clickable,
-              "--has-initial": !_ctx.src && _ctx.caption
+              "--has-shadow": !__props.noElevation,
+              "--bordered": __props.bordered,
+              "--clickable": __props.clickable,
+              "--has-initial": !__props.src && __props.caption
             },
-            `--rounded-${_ctx.square ? "none" : _ctx.roundedSize}`
+            `--rounded-${__props.square ? "none" : __props.roundedSize}`
           ]]),
-          tabindex: _ctx.clickable ? 0 : -1
+          tabindex: __props.clickable ? 0 : -1
         }, [
           shouldDisplayImg.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            _ctx.loading === "intersecting" ? (openBlock(), createBlock(unref(MazLazyImg), mergeProps({ key: 0 }, _ctx.$attrs, {
+            __props.loading === "intersecting" ? (openBlock(), createBlock(unref(MazLazyImg), mergeProps({ key: 0 }, _ctx.$attrs, {
               class: "m-avatar__picture maz-w-full maz-max-w-full",
-              src: _ctx.src,
-              alt: _ctx.alt,
+              src: __props.src,
+              alt: __props.alt,
               "image-height-full": "",
-              "hide-loader": _ctx.hideLoader,
-              "fallback-src": _ctx.fallbackSrc,
-              onClick: _cache[0] || (_cache[0] = ($event) => _ctx.clickable ? _ctx.$emit("click", $event) : null),
+              "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)),
@@ -87,32 +87,32 @@ import '../assets/MazAvatar.DTiCyWfl.css';const _hoisted_1 = ["tabindex"], _hois
             }), 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: _ctx.src ?? _ctx.fallbackSrc,
-              alt: _ctx.alt,
-              loading: _ctx.loading,
+              src: __props.src ?? __props.fallbackSrc,
+              alt: __props.alt,
+              loading: __props.loading,
               onError: handleImageError
             }, null, 40, _hoisted_2))
           ], 64)) : createCommentVNode("", !0),
-          _ctx.caption && !_ctx.src ? renderSlot(_ctx.$slots, "round-text", { key: 1 }, () => [
-            createElementVNode("span", _hoisted_3, toDisplayString(getInitials(_ctx.caption)), 1)
+          __props.caption && !__props.src ? renderSlot(_ctx.$slots, "round-text", { key: 1 }, () => [
+            createElementVNode("span", _hoisted_3, toDisplayString(getInitials(__props.caption)), 1)
           ], !0) : createCommentVNode("", !0),
-          _ctx.clickable ? (openBlock(), createElementBlock("button", {
+          __props.clickable ? (openBlock(), createElementBlock("button", {
             key: 2,
             type: "button",
             tabindex: "-1",
             class: "m-avatar__button",
             style: normalizeStyle({
-              backgroundColor: _ctx.src ? `hsl(var(--maz-${_ctx.buttonColor}) / 60%)` : `hsl(var(--maz-${_ctx.buttonColor}))`
+              backgroundColor: __props.src ? `hsl(var(--maz-${__props.buttonColor}) / 60%)` : `hsl(var(--maz-${__props.buttonColor}))`
             }),
             onClick: _cache[5] || (_cache[5] = ($event) => _ctx.$emit("click", $event))
           }, [
-            _ctx.hideClickableIcon ? createCommentVNode("", !0) : renderSlot(_ctx.$slots, "icon", { key: 0 }, () => [
+            __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", {}, () => [
-          _ctx.showCaption && _ctx.caption ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(_ctx.caption), 1)) : createCommentVNode("", !0)
+          __props.showCaption && __props.caption ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(__props.caption), 1)) : createCommentVNode("", !0)
         ], !0)
       ]),
       _: 3

package/dist/components/MazBackdrop.js

@@ -121,12 +121,12 @@ import '../assets/MazBackdrop.09bziTPM.css';const _hoisted_1 = ["aria-labelledby
        */
       onKeyPress
     }), (_ctx, _cache) => (openBlock(), createBlock(Teleport, {
-      to: _ctx.teleportSelector,
+      to: __props.teleportSelector,
       disabled: !present.value
     }, [
       createVNode(Transition, {
         appear: "",
-        name: _ctx.transitionName,
+        name: __props.transitionName,
         onAfterEnter: onBackdropAnimationEnter,
         onAfterLeave: onBackdropAnimationLeave
       }, {
@@ -135,14 +135,14 @@ import '../assets/MazBackdrop.09bziTPM.css';const _hoisted_1 = ["aria-labelledby
             key: 0,
             class: "m-backdrop --present m-reset-css"
           }, _ctx.$attrs, {
-            class: [_ctx.backdropClass, _ctx.variant && `--variant-${_ctx.variant}`, { "--persistent": _ctx.persistent }],
-            "aria-labelledby": _ctx.ariaLabelledby,
-            "aria-describedby": _ctx.ariaDescribedby
+            class: [__props.backdropClass, __props.variant && `--variant-${__props.variant}`, { "--persistent": __props.persistent }],
+            "aria-labelledby": __props.ariaLabelledby,
+            "aria-describedby": __props.ariaDescribedby
           }), [
             createElementVNode("div", _hoisted_2, [
               createElementVNode("div", _hoisted_3, [
                 createElementVNode("div", {
-                  class: normalizeClass(["m-backdrop-content", [_ctx.backdropContentClass, `--justify-${_ctx.justify}`, `--align-${_ctx.align}`, { "--padding": _ctx.contentPadding }]]),
+                  class: normalizeClass(["m-backdrop-content", [__props.backdropContentClass, `--justify-${__props.justify}`, `--align-${__props.align}`, { "--padding": __props.contentPadding }]]),
                   role: "button",
                   tabindex: "-1",
                   onPointerdown: withModifiers(close, ["self"])

package/dist/components/MazBadge.js

@@ -14,11 +14,11 @@ import '../assets/MazBadge.CmPr9rE1.css';const _sfc_main = /* @__PURE__ */ defin
   setup(__props) {
     return (_ctx, _cache) => (openBlock(), createElementBlock("span", {
       class: normalizeClass(["m-badge m-reset-css", [
-        `--${unref(getColor)(_ctx.color)}`,
-        { "--outlined": _ctx.outlined, "--pastel": _ctx.pastel, "--nowrap": _ctx.nowrap },
-        `--rounded-${_ctx.roundedSize}`
+        `--${unref(getColor)(__props.color)}`,
+        { "--outlined": __props.outlined, "--pastel": __props.pastel, "--nowrap": __props.nowrap },
+        `--rounded-${__props.roundedSize}`
       ]]),
-      style: normalizeStyle({ fontSize: _ctx.size })
+      style: normalizeStyle({ fontSize: __props.size })
     }, [
       renderSlot(_ctx.$slots, "default", {}, void 0, !0)
     ], 6));

package/dist/components/MazBottomSheet.js

@@ -13,7 +13,7 @@ import '../assets/MazBottomSheet.DKDf6Eet.css';const _sfc_main = /* @__PURE__ */
   setup(__props, { emit: __emit }) {
     const emits = __emit, MazBtn = defineAsyncComponent(() => import("./MazBtn.js"));
     return (_ctx, _cache) => (openBlock(), createBlock(MazBackdrop, {
-      "model-value": _ctx.modelValue,
+      "model-value": __props.modelValue,
       "transition-name": "bottom-sheet-anim",
       "backdrop-class": "--bottom-sheet",
       "content-padding": !1,
@@ -27,11 +27,11 @@ import '../assets/MazBottomSheet.DKDf6Eet.css';const _sfc_main = /* @__PURE__ */
       default: withCtx(({ close }) => [
         createElementVNode("div", {
           class: normalizeClass(["m-bottom-sheet__container", {
-            "--padding": _ctx.padding
+            "--padding": __props.padding
           }])
         }, [
           renderSlot(_ctx.$slots, "default", { close }, void 0, !0),
-          _ctx.hideCloseButton ? createCommentVNode("", !0) : (openBlock(), createBlock(unref(MazBtn), {
+          __props.hideCloseButton ? createCommentVNode("", !0) : (openBlock(), createBlock(unref(MazBtn), {
             key: 0,
             size: "sm",
             class: "m-bottom-sheet__close",