maz-ui 4.3.3 → 4.3.4-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/dist/assets/MazAnimatedText.D4WPS0lt.css +1 -0
  2. package/dist/assets/MazPickerCalendar.DfiXD2Q4.css +1 -0
  3. package/dist/assets/{MazPickerShortcuts.CCyYVPVa.css → MazPickerShortcuts.D-Ckqye9.css} +1 -1
  4. package/dist/chunks/{MazDatePicker.DmPXmc_M.js → MazDatePicker.D0Xw4RhE.js} +1 -1
  5. package/dist/chunks/{MazPickerCalendar.Dif7ZeHk.js → MazPickerCalendar.DDjKzZ7v.js} +4 -4
  6. package/dist/chunks/{MazPickerCalendarMonth.NcbtgiP5.js → MazPickerCalendarMonth.ipHprqCH.js} +1 -1
  7. package/dist/chunks/{MazPickerCalendarSwitcher.D9vfvR9q.js → MazPickerCalendarSwitcher.DOeZpSqh.js} +1 -1
  8. package/dist/chunks/{MazPickerHeader.lKRz58c_.js → MazPickerHeader.m3KMPm_u.js} +1 -1
  9. package/dist/chunks/{MazPickerMonthSwitcher.Dq39gYn0.js → MazPickerMonthSwitcher.CrP51SAg.js} +1 -1
  10. package/dist/chunks/{MazPickerShortcuts.iJe-kl_a.js → MazPickerShortcuts.BSCnJA5G.js} +3 -3
  11. package/dist/chunks/{MazPickerTime.YOEqoK44.js → MazPickerTime.8iszxMlk.js} +1 -1
  12. package/dist/chunks/{MazPickerYearSwitcher.DyxP7UtM.js → MazPickerYearSwitcher.5G5xvvLl.js} +1 -1
  13. package/dist/chunks/{MazTable.vue_vue_type_script_setup_true_lang.C2UTYkLu.js → MazTable.vue_vue_type_script_setup_true_lang.Cf0DfVr3.js} +1 -1
  14. package/dist/components/MazAnimatedText.js +17 -10
  15. package/dist/components/MazAnimatedText.vue.d.ts +16 -0
  16. package/dist/components/MazDatePicker/MazPickerShortcuts.vue.d.ts +1 -1
  17. package/dist/components/MazDatePicker.js +1 -1
  18. package/dist/components/MazTable.js +2 -2
  19. package/dist/components/MazTableCell.js +1 -1
  20. package/dist/components/MazTableRow.js +1 -1
  21. package/dist/components/MazTableTitle.js +1 -1
  22. package/dist/components/index.js +1 -1
  23. package/dist/types/components/MazAnimatedText.vue.d.ts +16 -0
  24. package/dist/types/components/MazDatePicker/MazPickerShortcuts.vue.d.ts +1 -1
  25. package/package.json +11 -11
  26. package/dist/assets/MazAnimatedText.DwSVjclZ.css +0 -1
  27. package/dist/assets/MazPickerCalendar.CwCiPtzY.css +0 -1
@@ -0,0 +1 @@
1
+ .m-animated-text__root[data-v-a6b504f1]{flex-wrap:wrap;display:inline-flex}.m-animated-text__word[data-v-a6b504f1]{display:inline-flex}.m-animated-text__word-inner[data-v-a6b504f1],.m-animated-text__last-word[data-v-a6b504f1]{will-change:transform,opacity,filter;display:inline-flex;transform:translateZ(0)}.m-animated-text__last-word-inner[data-v-a6b504f1]{display:inline-flex;position:relative}.m-animated-text__last-word-inner[data-v-a6b504f1]:before{content:"";z-index:0;opacity:.4;--maz-tw-blur:blur(16px);width:100%;height:100%;filter:var(--maz-tw-blur)var(--maz-tw-brightness)var(--maz-tw-contrast)var(--maz-tw-grayscale)var(--maz-tw-hue-rotate)var(--maz-tw-invert)var(--maz-tw-saturate)var(--maz-tw-sepia)var(--maz-tw-drop-shadow);position:absolute;inset:0}.m-animated-text__last-word-inner[data-v-a6b504f1]:is([class~=dark] *):before{opacity:.5}.m-animated-text__last-word-inner[data-v-a6b504f1]:before{background-image:var(--maz-gradient-style)}.m-animated-text__last-word-inner-text[data-v-a6b504f1]{position:relative}@keyframes slide-up-blur-a6b504f1{0%{opacity:0;filter:blur(10px);transform:translateY(20px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes slide-down-blur-a6b504f1{0%{opacity:0;filter:blur(10px);transform:translateY(-20px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes slide-left-blur-a6b504f1{0%{opacity:0;filter:blur(10px);transform:translate(20px)}to{opacity:1;filter:blur();transform:translate(0)}}@keyframes slide-right-blur-a6b504f1{0%{opacity:0;filter:blur(10px);transform:translate(-20px)}to{opacity:1;filter:blur();transform:translate(0)}}.maz-animate-slide-up-blur[data-v-a6b504f1]{animation:cubic-bezier(.16,1,.3,1) forwards slide-up-blur-a6b504f1}.maz-animate-slide-down-blur[data-v-a6b504f1]{animation:cubic-bezier(.16,1,.3,1) forwards slide-down-blur-a6b504f1}.maz-animate-slide-left-blur[data-v-a6b504f1]{animation:cubic-bezier(.16,1,.3,1) forwards slide-left-blur-a6b504f1}.maz-animate-slide-right-blur[data-v-a6b504f1]{animation:cubic-bezier(.16,1,.3,1) forwards slide-right-blur-a6b504f1}.maz-animate-slide-up-blur[data-v-a6b504f1],.maz-animate-slide-down-blur[data-v-a6b504f1],.maz-animate-slide-left-blur[data-v-a6b504f1],.maz-animate-slide-right-blur[data-v-a6b504f1]{opacity:0}
@@ -0,0 +1 @@
1
+ .maz-picker-calendar[data-v-f56328dd]{width:100%;display:flex;position:relative}.maz-picker-calendar__main[data-v-f56328dd]{flex-direction:column;flex:1;width:16rem;display:flex}.maz-picker-calendar__main.--has-double[data-v-f56328dd]{width:34rem}.maz-picker-calendar__main.--has-double .maz-picker-calendar__months[data-v-f56328dd]>:first-child{border-inline-end-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1))}.maz-picker-calendar__months[data-v-f56328dd]{flex:1;width:100%;display:flex}.maz-picker-calendar__months.--is-range[data-v-f56328dd]{padding-left:.5rem;padding-right:.5rem}.maz-picker-slide-enter-active[data-v-f56328dd],.maz-picker-slide-leave-active[data-v-f56328dd]{transition:all .3s ease-in-out;transform:translateY(0)}.maz-picker-slide-enter-from[data-v-f56328dd],.maz-picker-slide-leave-to[data-v-f56328dd]{transform:translateY(100%)}
@@ -1 +1 @@
1
- .maz-picker-shortcuts[data-v-849a6bf8]{border-inline-end-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1));flex-direction:column;align-items:flex-start;gap:.25rem;padding:.5rem;display:flex;overflow-y:auto}.maz-picker-shortcuts[data-v-849a6bf8]::-webkit-scrollbar{display:none}.maz-picker-shortcuts[data-v-849a6bf8]{scrollbar-width:none;-ms-overflow-style:none;max-height:18.75rem}.maz-picker-shortcuts>button[data-v-849a6bf8]{text-overflow:ellipsis;white-space:nowrap;flex:none;width:100%;overflow:hidden;font-size:.75rem!important;line-height:1rem!important}.maz-picker-shortcuts>button[data-v-849a6bf8]:not(.--is-selected){border-width:var(--maz-border-width)!important;--maz-tw-border-opacity:1!important;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1))!important}
1
+ .maz-picker-shortcuts[data-v-f2fb898d]{border-inline-end-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1));flex-direction:column;align-items:flex-start;gap:.25rem;padding:.5rem;display:flex;overflow-y:auto}.maz-picker-shortcuts[data-v-f2fb898d]::-webkit-scrollbar{display:none}.maz-picker-shortcuts[data-v-f2fb898d]{scrollbar-width:none;-ms-overflow-style:none;max-height:18.75rem}.maz-picker-shortcuts>button[data-v-f2fb898d]{text-overflow:ellipsis;white-space:nowrap;flex:none;width:100%;overflow:hidden;font-size:.75rem!important;line-height:1rem!important}.maz-picker-shortcuts>button[data-v-f2fb898d]:not(.--is-selected){border-width:var(--maz-border-width)!important;--maz-tw-border-opacity:1!important;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1))!important}
@@ -56,7 +56,7 @@ const _hoisted_1 = { class: "m-date-picker-container__wrapper" }, _sfc_main$1 =
56
56
  },
57
57
  emits: ["update:model-value", "update:calendar-date", "close"],
58
58
  setup(__props, { emit: __emit }) {
59
- const emits = __emit, MazPickerCalendar = defineAsyncComponent(() => import("./MazPickerCalendar.Dif7ZeHk.js")), MazPickerHeader = defineAsyncComponent(() => import("./MazPickerHeader.lKRz58c_.js")), MazPickerTime = defineAsyncComponent(() => import("./MazPickerTime.YOEqoK44.js")), lastTimeValue = ref(typeof __props.modelValue == "string" && __props.hasTime ? dayjs(__props.modelValue).format("HH:mm") : "00:00");
59
+ const emits = __emit, MazPickerCalendar = defineAsyncComponent(() => import("./MazPickerCalendar.DDjKzZ7v.js")), MazPickerHeader = defineAsyncComponent(() => import("./MazPickerHeader.m3KMPm_u.js")), MazPickerTime = defineAsyncComponent(() => import("./MazPickerTime.8iszxMlk.js")), lastTimeValue = ref(typeof __props.modelValue == "string" && __props.hasTime ? dayjs(__props.modelValue).format("HH:mm") : "00:00");
60
60
  function saveLastTimeValue(value) {
61
61
  lastTimeValue.value = dayjs(value).format("HH:mm"), emits("update:model-value", value);
62
62
  }
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, defineAsyncComponent, ref, computed, createElementBlock, openBlock, createBlock, createCommentVNode, createElementVNode, unref, normalizeClass, createVNode, Transition, withCtx, Fragment, renderList } from "vue";
2
2
  import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
3
- import '../assets/MazPickerCalendar.CwCiPtzY.css';const _hoisted_1 = { class: "maz-picker-calendar flex" }, _sfc_main = /* @__PURE__ */ defineComponent({
3
+ import '../assets/MazPickerCalendar.DfiXD2Q4.css';const _hoisted_1 = { class: "maz-picker-calendar flex" }, _sfc_main = /* @__PURE__ */ defineComponent({
4
4
  __name: "MazPickerCalendar",
5
5
  props: {
6
6
  modelValue: {},
@@ -22,7 +22,7 @@ import '../assets/MazPickerCalendar.CwCiPtzY.css';const _hoisted_1 = { class: "m
22
22
  },
23
23
  emits: ["update:model-value", "update:calendar-date"],
24
24
  setup(__props, { emit: __emit }) {
25
- const props = __props, emits = __emit, MazPickerCalendarMonth = defineAsyncComponent(() => import("./MazPickerCalendarMonth.NcbtgiP5.js")), MazPickerCalendarSwitcher = defineAsyncComponent(() => import("./MazPickerCalendarSwitcher.D9vfvR9q.js")), MazPickerMonthSwitcher = defineAsyncComponent(() => import("./MazPickerMonthSwitcher.Dq39gYn0.js")), MazPickerShortcuts = defineAsyncComponent(() => import("./MazPickerShortcuts.iJe-kl_a.js")), MazPickerYearSwitcher = defineAsyncComponent(() => import("./MazPickerYearSwitcher.DyxP7UtM.js")), hoverredDay = ref(), hasShortcuts = computed(
25
+ const props = __props, emits = __emit, MazPickerCalendarMonth = defineAsyncComponent(() => import("./MazPickerCalendarMonth.ipHprqCH.js")), MazPickerCalendarSwitcher = defineAsyncComponent(() => import("./MazPickerCalendarSwitcher.DOeZpSqh.js")), MazPickerMonthSwitcher = defineAsyncComponent(() => import("./MazPickerMonthSwitcher.CrP51SAg.js")), MazPickerShortcuts = defineAsyncComponent(() => import("./MazPickerShortcuts.BSCnJA5G.js")), MazPickerYearSwitcher = defineAsyncComponent(() => import("./MazPickerYearSwitcher.5G5xvvLl.js")), hoverredDay = ref(), hasShortcuts = computed(
26
26
  () => props.shortcuts && props.shortcuts.length > 0 && props.range
27
27
  ), monthSwitcherOpen = ref(!1), yearSwitcherOpen = ref(!1), currentValue = computed({
28
28
  get: () => props.modelValue,
@@ -32,7 +32,7 @@ import '../assets/MazPickerCalendar.CwCiPtzY.css';const _hoisted_1 = { class: "m
32
32
  set: (calendarDate2) => emits("update:calendar-date", calendarDate2)
33
33
  });
34
34
  return (_ctx, _cache) => (openBlock(), createElementBlock("div", _hoisted_1, [
35
- hasShortcuts.value ? (openBlock(), createBlock(unref(MazPickerShortcuts), {
35
+ hasShortcuts.value && __props.shortcuts ? (openBlock(), createBlock(unref(MazPickerShortcuts), {
36
36
  key: 0,
37
37
  modelValue: currentValue.value,
38
38
  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => currentValue.value = $event),
@@ -107,7 +107,7 @@ import '../assets/MazPickerCalendar.CwCiPtzY.css';const _hoisted_1 = { class: "m
107
107
  ], 2)
108
108
  ]));
109
109
  }
110
- }), MazPickerCalendar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-60efa426"]]);
110
+ }), MazPickerCalendar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f56328dd"]]);
111
111
  export {
112
112
  MazPickerCalendar as default
113
113
  };
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, computed, createElementBlock, openBlock, Fragment, renderList, toDisplayString, useCssVars, ref, watch, createVNode, TransitionGroup, withCtx, normalizeClass, createBlock, createElementVNode } from "vue";
2
2
  import dayjs from "dayjs";
3
- import { g as getDaysOfWeek, b as getDaysInMonth, c as getFirstDayOfMonth, d as isRangeValue, i as isSameDate, e as isValidDate, h as isSameDay } from "./MazDatePicker.DmPXmc_M.js";
3
+ import { g as getDaysOfWeek, b as getDaysInMonth, c as getFirstDayOfMonth, d as isRangeValue, i as isSameDate, e as isValidDate, h as isSameDay } from "./MazDatePicker.D0Xw4RhE.js";
4
4
  import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
5
5
  import { d as debounce } from "./debounce.Brzkn9pm.js";
6
6
  import MazBtn from "../components/MazBtn.js";
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, computed, createElementBlock, openBlock, createVNode, withCtx, unref, createTextVNode, toDisplayString } from "vue";
2
2
  import { MazChevronLeft } from "@maz-ui/icons";
3
3
  import { c as capitalize } from "./capitalize.BF6CDS_4.js";
4
- import { f as formatDate } from "./MazDatePicker.DmPXmc_M.js";
4
+ import { f as formatDate } from "./MazDatePicker.D0Xw4RhE.js";
5
5
  import dayjs from "dayjs";
6
6
  import MazBtn from "../components/MazBtn.js";
7
7
  import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, computed, ref, watch, createElementBlock, openBlock, normalizeClass, createCommentVNode, createVNode, TransitionGroup, withCtx, Fragment, renderList, toDisplayString } from "vue";
2
2
  import { c as capitalize } from "./capitalize.BF6CDS_4.js";
3
- import { f as formatDate } from "./MazDatePicker.DmPXmc_M.js";
3
+ import { f as formatDate } from "./MazDatePicker.D0Xw4RhE.js";
4
4
  import dayjs from "dayjs";
5
5
  import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
6
6
  import '../assets/MazPickerHeader.B53yAhQ9.css';const _hoisted_1 = {
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, computed, createElementBlock, openBlock, createElementVNode, createVNode, withModifiers, withCtx, unref, normalizeClass, Fragment, renderList, createBlock, createTextVNode, toDisplayString } from "vue";
2
2
  import { MazXMark } from "@maz-ui/icons";
3
3
  import { c as capitalize } from "./capitalize.BF6CDS_4.js";
4
- import { f as formatDate, i as isSameDate } from "./MazDatePicker.DmPXmc_M.js";
4
+ import { f as formatDate, i as isSameDate } from "./MazDatePicker.D0Xw4RhE.js";
5
5
  import dayjs from "dayjs";
6
6
  import MazBtn from "../components/MazBtn.js";
7
7
  import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
@@ -1,12 +1,12 @@
1
1
  import { defineComponent, ref, watch, createElementBlock, openBlock, Fragment, renderList, createBlock, withModifiers, normalizeClass, withCtx, createTextVNode, toDisplayString } from "vue";
2
2
  import MazBtn from "../components/MazBtn.js";
3
3
  import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
4
- import '../assets/MazPickerShortcuts.CCyYVPVa.css';const _hoisted_1 = { class: "maz-picker-shortcuts" }, _sfc_main = /* @__PURE__ */ defineComponent({
4
+ import '../assets/MazPickerShortcuts.D-Ckqye9.css';const _hoisted_1 = { class: "maz-picker-shortcuts" }, _sfc_main = /* @__PURE__ */ defineComponent({
5
5
  __name: "MazPickerShortcuts",
6
6
  props: {
7
7
  color: {},
8
8
  modelValue: {},
9
- shortcuts: { type: [Array, Boolean] },
9
+ shortcuts: {},
10
10
  double: { type: Boolean },
11
11
  shortcut: {},
12
12
  disabled: { type: Boolean }
@@ -49,7 +49,7 @@ import '../assets/MazPickerShortcuts.CCyYVPVa.css';const _hoisted_1 = { class: "
49
49
  }, 1032, ["disabled", "color", "class", "onClick"]))), 128))
50
50
  ]));
51
51
  }
52
- }), MazPickerShortcuts = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-849a6bf8"]]);
52
+ }), MazPickerShortcuts = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f2fb898d"]]);
53
53
  export {
54
54
  MazPickerShortcuts as default
55
55
  };
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, computed, ref, onMounted, watch, nextTick, createElementBlock, openBlock, normalizeClass, Fragment, renderList, createElementVNode, normalizeStyle, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString } from "vue";
2
2
  import dayjs from "dayjs";
3
3
  import MazBtn from "../components/MazBtn.js";
4
- import { a as findNearestNumberInList, s as scrollToTarget } from "./MazDatePicker.DmPXmc_M.js";
4
+ import { a as findNearestNumberInList, s as scrollToTarget } from "./MazDatePicker.D0Xw4RhE.js";
5
5
  import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
6
6
  import '../assets/MazPickerTime.ChkQASmb.css';const _hoisted_1 = { class: "m-date-picker-time__column__items" }, _sfc_main = /* @__PURE__ */ defineComponent({
7
7
  __name: "MazPickerTime",
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, ref, computed, createElementBlock, openBlock, createElementVNode, createVNode, withModifiers, withCtx, unref, Fragment, renderList, createBlock, normalizeClass, createTextVNode, toDisplayString } from "vue";
2
2
  import { MazChevronLeft, MazXMark } from "@maz-ui/icons";
3
- import { f as formatDate, i as isSameDate } from "./MazDatePicker.DmPXmc_M.js";
3
+ import { f as formatDate, i as isSameDate } from "./MazDatePicker.D0Xw4RhE.js";
4
4
  import dayjs from "dayjs";
5
5
  import MazBtn from "../components/MazBtn.js";
6
6
  import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
@@ -22,7 +22,7 @@ const _hoisted_1 = {
22
22
  }, _hoisted_11 = { class: "m-table-footer-pagination-items-per-page" }, _hoisted_12 = { class: "maz-hidden maz-text-sm tab-s:maz-block" }, _hoisted_13 = {
23
23
  key: 0,
24
24
  class: "maz-whitespace-nowrap maz-text-sm"
25
- }, _hoisted_14 = { class: "m-table-footer-pagination-buttons" }, mazTableKey = Symbol("maz-table"), _sfc_main = /* @__PURE__ */ defineComponent({
25
+ }, _hoisted_14 = { class: "m-table-footer-pagination-buttons" }, mazTableKey = /* @__PURE__ */ Symbol("maz-table"), _sfc_main = /* @__PURE__ */ defineComponent({
26
26
  __name: "MazTable",
27
27
  props: {
28
28
  tableClass: {},
@@ -1,7 +1,7 @@
1
- import { defineComponent, computed, ref, onMounted, nextTick, onBeforeUnmount, createElementBlock, openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, createCommentVNode, Fragment, renderList, createElementVNode, normalizeStyle, normalizeClass, toDisplayString, createTextVNode } from "vue";
1
+ import { defineComponent, computed, ref, onMounted, nextTick, onBeforeUnmount, createElementBlock, openBlock, normalizeStyle, createBlock, resolveDynamicComponent, mergeProps, withCtx, createCommentVNode, Fragment, renderList, createElementVNode, normalizeClass, toDisplayString, createTextVNode } from "vue";
2
2
  import { c as checkAvailability } from "../chunks/checkAvailability.aTpZidex.js";
3
3
  import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
4
- import '../assets/MazAnimatedText.DwSVjclZ.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({
4
+ import '../assets/MazAnimatedText.D4WPS0lt.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({
5
5
  inheritAttrs: !1,
6
6
  __name: "MazAnimatedText",
7
7
  props: {
@@ -14,7 +14,10 @@ import '../assets/MazAnimatedText.DwSVjclZ.css';const _hoisted_1 = { class: "m-r
14
14
  columnGap: { default: 0.5 },
15
15
  rowGap: { default: 0 },
16
16
  duration: { default: 2e3 },
17
- once: { type: Boolean, default: !0 }
17
+ once: { type: Boolean, default: !0 },
18
+ gradientFrom: { default: "primary" },
19
+ gradientVia: { default: "info" },
20
+ gradientTo: { default: "secondary" }
18
21
  },
19
22
  setup(__props) {
20
23
  const words = computed(() => __props.text.split(" ")), wordCount = computed(() => words.value.length), isVisible = ref(!1), isClient = ref(!1), animatedWords = ref([]), element = ref();
@@ -30,7 +33,7 @@ import '../assets/MazAnimatedText.DwSVjclZ.css';const _hoisted_1 = { class: "m-r
30
33
  };
31
34
  setTimeout(animateNextWord, __props.delay);
32
35
  }
33
- return onMounted(() => {
36
+ onMounted(() => {
34
37
  isClient.value = !0, observer = new IntersectionObserver(([entry]) => {
35
38
  entry.isIntersecting && !isVisible.value && (isVisible.value = !0, nextTick(() => {
36
39
  triggerWordAnimations();
@@ -40,7 +43,12 @@ import '../assets/MazAnimatedText.DwSVjclZ.css';const _hoisted_1 = { class: "m-r
40
43
  });
41
44
  }), onBeforeUnmount(() => {
42
45
  observer?.disconnect(), animationFrameId && clearTimeout(animationFrameId);
43
- }), (_ctx, _cache) => (openBlock(), createElementBlock("div", _hoisted_1, [
46
+ });
47
+ const gradientStyle = computed(() => __props.lastWord ? `linear-gradient(to right, hsl(var(--maz-${__props.gradientFrom})), hsl(var(--maz-${__props.gradientVia})), hsl(var(--maz-${__props.gradientTo})))` : void 0);
48
+ return (_ctx, _cache) => (openBlock(), createElementBlock("div", {
49
+ class: "m-reset-css m-animated-text",
50
+ style: normalizeStyle({ "--maz-gradient-style": gradientStyle.value })
51
+ }, [
44
52
  isClient.value ? (openBlock(), createBlock(resolveDynamicComponent(__props.tag), mergeProps({
45
53
  key: 0,
46
54
  ref_key: "element",
@@ -68,9 +76,8 @@ import '../assets/MazAnimatedText.DwSVjclZ.css';const _hoisted_1 = { class: "m-r
68
76
  animationDuration: `${__props.duration}ms`
69
77
  })
70
78
  }, [
71
- createElementVNode("span", _hoisted_2, [
72
- _cache[0] || (_cache[0] = createElementVNode("span", { class: "m-animated-text__last-word-inner-gradient" }, null, -1)),
73
- createElementVNode("span", _hoisted_3, toDisplayString(__props.lastWord), 1)
79
+ createElementVNode("span", _hoisted_1, [
80
+ createElementVNode("span", _hoisted_2, toDisplayString(__props.lastWord), 1)
74
81
  ])
75
82
  ], 6)) : createCommentVNode("", !0)
76
83
  ]),
@@ -84,9 +91,9 @@ import '../assets/MazAnimatedText.DwSVjclZ.css';const _hoisted_1 = { class: "m-r
84
91
  ]),
85
92
  _: 1
86
93
  }, 16))
87
- ]));
94
+ ], 4));
88
95
  }
89
- }), MazAnimatedText = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-70674d43"]]);
96
+ }), MazAnimatedText = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a6b504f1"]]);
90
97
  export {
91
98
  MazAnimatedText as default
92
99
  };
@@ -1,3 +1,4 @@
1
+ import { MazColor } from './types';
1
2
  export interface MazAnimatedTextProps {
2
3
  /**
3
4
  * The text to animate
@@ -50,6 +51,21 @@ export interface MazAnimatedTextProps {
50
51
  * @default true
51
52
  */
52
53
  once?: boolean;
54
+ /**
55
+ * The gradient from color
56
+ * @default "info"
57
+ */
58
+ gradientFrom?: MazColor;
59
+ /**
60
+ * The gradient via color
61
+ * @default "secondary"
62
+ */
63
+ gradientVia?: MazColor;
64
+ /**
65
+ * The gradient to color
66
+ * @default "secondary"
67
+ */
68
+ gradientTo?: MazColor;
53
69
  }
54
70
  declare const _default: import('vue').DefineComponent<MazAnimatedTextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazAnimatedTextProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
55
71
  element: unknown;
@@ -3,7 +3,7 @@ import { MazDatePickerShortcut, MazDatePickerValue } from './types';
3
3
  type __VLS_Props = {
4
4
  color: MazColor;
5
5
  modelValue: MazDatePickerValue;
6
- shortcuts: MazDatePickerShortcut[] | false;
6
+ shortcuts: MazDatePickerShortcut[];
7
7
  double: boolean;
8
8
  shortcut: MazDatePickerShortcut['identifier'] | undefined;
9
9
  disabled: boolean;
@@ -1,4 +1,4 @@
1
- import { M } from "../chunks/MazDatePicker.DmPXmc_M.js";
1
+ import { M } from "../chunks/MazDatePicker.D0Xw4RhE.js";
2
2
  import "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
3
3
  export {
4
4
  M as default
@@ -1,5 +1,5 @@
1
- import { _ as _sfc_main } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.C2UTYkLu.js";
2
- import { m } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.C2UTYkLu.js";
1
+ import { _ as _sfc_main } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.Cf0DfVr3.js";
2
+ import { m } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.Cf0DfVr3.js";
3
3
  import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
4
4
  import '../assets/MazTable.AfDvicwj.css';const MazTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3206d73d"]]);
5
5
  export {
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, renderSlot } from "vue";
2
2
  import { useInjectStrict } from "../composables/useInjectStrict.js";
3
- import { m as mazTableKey } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.C2UTYkLu.js";
3
+ import { m as mazTableKey } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.Cf0DfVr3.js";
4
4
  import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
5
5
  import '../assets/MazTableCell.BPgmqAMD.css';const _sfc_main = /* @__PURE__ */ defineComponent({
6
6
  __name: "MazTableCell",
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, renderSlot } from "vue";
2
2
  import { useInjectStrict } from "../composables/useInjectStrict.js";
3
- import { m as mazTableKey } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.C2UTYkLu.js";
3
+ import { m as mazTableKey } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.Cf0DfVr3.js";
4
4
  import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
5
5
  import '../assets/MazTableRow.C0Ko4yDk.css';const _sfc_main = /* @__PURE__ */ defineComponent({
6
6
  __name: "MazTableRow",
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, renderSlot } from "vue";
2
2
  import { useInjectStrict } from "../composables/useInjectStrict.js";
3
- import { m as mazTableKey } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.C2UTYkLu.js";
3
+ import { m as mazTableKey } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.Cf0DfVr3.js";
4
4
  import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
5
5
  import '../assets/MazTableTitle.BjJMgQFY.css';const _sfc_main = /* @__PURE__ */ defineComponent({
6
6
  __name: "MazTableTitle",
@@ -14,7 +14,7 @@ import { _ } from "../chunks/MazChart.vue_vue_type_script_setup_true_lang.CUrokk
14
14
  import { default as default14 } from "./MazCheckbox.js";
15
15
  import { default as default15 } from "./MazChecklist.js";
16
16
  import { default as default16 } from "./MazCircularProgressBar.js";
17
- import { M } from "../chunks/MazDatePicker.DmPXmc_M.js";
17
+ import { M } from "../chunks/MazDatePicker.D0Xw4RhE.js";
18
18
  import { default as default17 } from "./MazDialog.js";
19
19
  import { _ as _2, u } from "../chunks/MazDialogConfirm.vue_vue_type_script_setup_true_lang.BaOg5MoP.js";
20
20
  import { default as default18 } from "./MazDrawer.js";
@@ -1,3 +1,4 @@
1
+ import { MazColor } from './types';
1
2
  export interface MazAnimatedTextProps {
2
3
  /**
3
4
  * The text to animate
@@ -50,6 +51,21 @@ export interface MazAnimatedTextProps {
50
51
  * @default true
51
52
  */
52
53
  once?: boolean;
54
+ /**
55
+ * The gradient from color
56
+ * @default "info"
57
+ */
58
+ gradientFrom?: MazColor;
59
+ /**
60
+ * The gradient via color
61
+ * @default "secondary"
62
+ */
63
+ gradientVia?: MazColor;
64
+ /**
65
+ * The gradient to color
66
+ * @default "secondary"
67
+ */
68
+ gradientTo?: MazColor;
53
69
  }
54
70
  declare const _default: import('vue').DefineComponent<MazAnimatedTextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazAnimatedTextProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
55
71
  element: unknown;
@@ -3,7 +3,7 @@ import { MazDatePickerShortcut, MazDatePickerValue } from './types';
3
3
  type __VLS_Props = {
4
4
  color: MazColor;
5
5
  modelValue: MazDatePickerValue;
6
- shortcuts: MazDatePickerShortcut[] | false;
6
+ shortcuts: MazDatePickerShortcut[];
7
7
  double: boolean;
8
8
  shortcut: MazDatePickerShortcut['identifier'] | undefined;
9
9
  disabled: boolean;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "maz-ui",
3
3
  "type": "module",
4
- "version": "4.3.3",
4
+ "version": "4.3.4-beta.1",
5
5
  "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
6
6
  "author": "Louis Mazel <me@loicmazuel.com>",
7
7
  "license": "MIT",
@@ -175,18 +175,18 @@
175
175
  "@floating-ui/vue": "^1.1.9",
176
176
  "chart.js": "^4.5.1",
177
177
  "dayjs": "^1.11.19",
178
- "libphonenumber-js": "^1.12.31",
178
+ "libphonenumber-js": "^1.12.33",
179
179
  "valibot": "^1.2.0",
180
180
  "vue-chartjs": "^5.3.3",
181
- "@maz-ui/cli": "4.3.2",
182
181
  "@maz-ui/icons": "4.3.0",
182
+ "@maz-ui/cli": "4.3.4-beta.0",
183
+ "@maz-ui/utils": "4.3.0",
183
184
  "@maz-ui/themes": "4.3.0",
184
- "@maz-ui/translations": "4.3.0",
185
- "@maz-ui/utils": "4.3.0"
185
+ "@maz-ui/translations": "4.3.0"
186
186
  },
187
187
  "devDependencies": {
188
188
  "@vitejs/plugin-vue": "^6.0.3",
189
- "@vue/compiler-sfc": "^3.5.25",
189
+ "@vue/compiler-sfc": "^3.5.26",
190
190
  "@vue/test-utils": "^2.4.6",
191
191
  "@vue/tsconfig": "^0.8.1",
192
192
  "autoprefixer": "^10.4.23",
@@ -200,7 +200,7 @@
200
200
  "postcss-nested": "^7.0.2",
201
201
  "postcss-replace": "^2.0.1",
202
202
  "postcss-url": "^10.1.3",
203
- "sass": "^1.96.0",
203
+ "sass": "^1.97.1",
204
204
  "stylelint": "^16.26.1",
205
205
  "stylelint-config-recommended-vue": "^1.6.1",
206
206
  "stylelint-config-standard": "^39.0.1",
@@ -210,15 +210,15 @@
210
210
  "tailwindcss": "^3.4.16",
211
211
  "unplugin-auto-import": "^20.3.0",
212
212
  "unplugin-vue-components": "^30.0.0",
213
- "vite": "^7.2.7",
213
+ "vite": "^7.3.0",
214
214
  "vite-plugin-dts": "^4.5.4",
215
215
  "vite-plugin-lib-inject-css": "^2.2.2",
216
216
  "vite-svg-loader": "^5.1.0",
217
- "vue": "^3.5.25",
217
+ "vue": "^3.5.26",
218
218
  "vue-router": "^4.6.4",
219
- "vue-tsc": "^3.1.8",
219
+ "vue-tsc": "^3.2.1",
220
220
  "@maz-ui/eslint-config": "4.3.2",
221
- "@maz-ui/node": "4.3.2"
221
+ "@maz-ui/node": "4.3.4-beta.0"
222
222
  },
223
223
  "lint-staged": {
224
224
  "*.{js,ts,vue,mjs,mts,cjs,md,yml,json}": "cross-env NODE_ENV=production eslint --fix",
@@ -1 +0,0 @@
1
- .m-animated-text__root[data-v-70674d43]{flex-wrap:wrap;display:inline-flex}.m-animated-text__word[data-v-70674d43]{display:inline-flex}.m-animated-text__word-inner[data-v-70674d43],.m-animated-text__last-word[data-v-70674d43]{will-change:transform,opacity,filter;display:inline-flex;transform:translateZ(0)}.m-animated-text__last-word-inner[data-v-70674d43]{display:inline-flex;position:relative}.m-animated-text__last-word-inner-gradient[data-v-70674d43]{background-image:linear-gradient(to right,var(--maz-tw-gradient-stops));--maz-tw-gradient-from:hsl(var(--maz-primary)/1)var(--maz-tw-gradient-from-position);--maz-tw-gradient-to:hsl(var(--maz-secondary)/1)var(--maz-tw-gradient-to-position);--maz-tw-gradient-stops:var(--maz-tw-gradient-from),hsl(var(--maz-info)/1)var(--maz-tw-gradient-via-position),var(--maz-tw-gradient-to);opacity:.3;--maz-tw-blur:blur(16px);width:100%;height:100%;filter:var(--maz-tw-blur)var(--maz-tw-brightness)var(--maz-tw-contrast)var(--maz-tw-grayscale)var(--maz-tw-hue-rotate)var(--maz-tw-invert)var(--maz-tw-saturate)var(--maz-tw-sepia)var(--maz-tw-drop-shadow);position:absolute;inset:0}.m-animated-text__last-word-inner-text[data-v-70674d43]{position:relative}@keyframes slide-up-blur-70674d43{0%{opacity:0;filter:blur(10px);transform:translateY(20px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes slide-down-blur-70674d43{0%{opacity:0;filter:blur(10px);transform:translateY(-20px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes slide-left-blur-70674d43{0%{opacity:0;filter:blur(10px);transform:translate(20px)}to{opacity:1;filter:blur();transform:translate(0)}}@keyframes slide-right-blur-70674d43{0%{opacity:0;filter:blur(10px);transform:translate(-20px)}to{opacity:1;filter:blur();transform:translate(0)}}.maz-animate-slide-up-blur[data-v-70674d43]{animation:cubic-bezier(.16,1,.3,1) forwards slide-up-blur-70674d43}.maz-animate-slide-down-blur[data-v-70674d43]{animation:cubic-bezier(.16,1,.3,1) forwards slide-down-blur-70674d43}.maz-animate-slide-left-blur[data-v-70674d43]{animation:cubic-bezier(.16,1,.3,1) forwards slide-left-blur-70674d43}.maz-animate-slide-right-blur[data-v-70674d43]{animation:cubic-bezier(.16,1,.3,1) forwards slide-right-blur-70674d43}.maz-animate-slide-up-blur[data-v-70674d43],.maz-animate-slide-down-blur[data-v-70674d43],.maz-animate-slide-left-blur[data-v-70674d43],.maz-animate-slide-right-blur[data-v-70674d43]{opacity:0}
@@ -1 +0,0 @@
1
- .maz-picker-calendar[data-v-60efa426]{width:100%;display:flex;position:relative}.maz-picker-calendar__main[data-v-60efa426]{flex-direction:column;flex:1;width:16rem;display:flex}.maz-picker-calendar__main.--has-double[data-v-60efa426]{width:34rem}.maz-picker-calendar__main.--has-double .maz-picker-calendar__months[data-v-60efa426]>:first-child{border-inline-end-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1))}.maz-picker-calendar__months[data-v-60efa426]{flex:1;width:100%;display:flex}.maz-picker-calendar__months.--is-range[data-v-60efa426]{padding-left:.5rem;padding-right:.5rem}.maz-picker-slide-enter-active[data-v-60efa426],.maz-picker-slide-leave-active[data-v-60efa426]{transition:all .3s ease-in-out;transform:translateY(0)}.maz-picker-slide-enter-from[data-v-60efa426],.maz-picker-slide-leave-to[data-v-60efa426]{transform:translateY(100%)}