maz-ui 3.50.0 → 4.0.0-alpha.2

package/dist/chunks/MazPickerCalendar.wLx9bpla.js

@@ -0,0 +1,114 @@
+import { defineComponent as U, defineAsyncComponent as n, ref as f, computed as u, openBlock as o, createElementBlock as D, createBlock as c, unref as i, createCommentVNode as b, createElementVNode as V, normalizeClass as A, createVNode as k, Transition as g, withCtx as z, Fragment as N, renderList as W } from "vue";
+import { _ as $ } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/MazPickerCalendar.K1FbevcF.css';const T = { class: "maz-picker-calendar flex" }, j = { class: "maz-picker-calendar__months" }, E = /* @__PURE__ */ U({
+  __name: "MazPickerCalendar",
+  props: {
+    modelValue: {
+      type: [String, Object],
+      default: void 0
+    },
+    calendarDate: { type: String, required: !0 },
+    color: { type: String, required: !0 },
+    locale: { type: String, required: !0 },
+    firstDayOfWeek: { type: Number, required: !0 },
+    double: { type: Boolean, required: !0 },
+    minDate: { type: String, default: void 0 },
+    maxDate: { type: String, default: void 0 },
+    disabledWeekly: { type: Array, required: !0 },
+    disabledDates: { type: Array, required: !0 },
+    shortcuts: {
+      type: Array,
+      required: !0
+    },
+    noShortcuts: { type: Boolean, required: !0 },
+    hasTime: { type: Boolean, required: !0 },
+    shortcut: { type: String, default: void 0 },
+    disabled: { type: Boolean, required: !0 }
+  },
+  emits: ["update:model-value", "update:calendar-date"],
+  setup(e, { emit: w }) {
+    const l = e, h = w, q = n(() => import("./MazPickerCalendarMonth.BAGEzpiX.js")), C = n(() => import("./MazPickerCalendarSwitcher.DNOJBstV.js")), M = n(() => import("./MazPickerMonthSwitcher.B-pkMUq_.js")), p = n(() => import("./MazPickerShortcuts.BB98CX9u.js")), x = n(() => import("./MazPickerYearSwitcher.DEZEMpA9.js")), S = f(), B = u(() => l.modelValue && typeof l.modelValue == "object"), O = u(
+      () => !l.noShortcuts && l.shortcuts.length > 0 && B.value
+    ), m = f(!1), v = f(!1), s = u({
+      get: () => l.modelValue,
+      set: (r) => h("update:model-value", r)
+    }), P = u(() => Array.from({ length: l.double ? 2 : 1 }, (r, a) => a)), d = u({
+      get: () => l.calendarDate,
+      set: (r) => h("update:calendar-date", r)
+    });
+    return (r, a) => (o(), D("div", T, [
+      O.value ? (o(), c(i(p), {
+        key: 0,
+        modelValue: s.value,
+        "onUpdate:modelValue": a[0] || (a[0] = (t) => s.value = t),
+        color: e.color,
+        shortcuts: e.shortcuts,
+        shortcut: e.shortcut,
+        double: e.double,
+        disabled: e.disabled
+      }, null, 8, ["modelValue", "color", "shortcuts", "shortcut", "double", "disabled"])) : b("", !0),
+      V("div", {
+        class: A(["maz-picker-calendar__main", { "--has-double": e.double }])
+      }, [
+        k(i(C), {
+          "calendar-date": d.value,
+          "onUpdate:calendarDate": a[1] || (a[1] = (t) => d.value = t),
+          locale: e.locale,
+          double: e.double,
+          onOpenMonthSwitcher: a[2] || (a[2] = (t) => m.value = !0),
+          onOpenYearSwitcher: a[3] || (a[3] = (t) => v.value = !0)
+        }, null, 8, ["calendar-date", "locale", "double"]),
+        k(g, { name: "maz-picker-slide" }, {
+          default: z(() => [
+            m.value ? (o(), c(i(M), {
+              key: 0,
+              "calendar-date": d.value,
+              "onUpdate:calendarDate": a[4] || (a[4] = (t) => d.value = t),
+              color: e.color,
+              double: e.double,
+              locale: e.locale,
+              onClose: a[5] || (a[5] = (t) => m.value = !1)
+            }, null, 8, ["calendar-date", "color", "double", "locale"])) : b("", !0)
+          ]),
+          _: 1
+        }),
+        k(g, { name: "maz-picker-slide" }, {
+          default: z(() => [
+            v.value ? (o(), c(i(x), {
+              key: 0,
+              "calendar-date": d.value,
+              "onUpdate:calendarDate": a[6] || (a[6] = (t) => d.value = t),
+              color: e.color,
+              locale: e.locale,
+              onClose: a[7] || (a[7] = (t) => v.value = !1)
+            }, null, 8, ["calendar-date", "color", "locale"])) : b("", !0)
+          ]),
+          _: 1
+        }),
+        V("div", j, [
+          (o(!0), D(N, null, W(P.value, (t) => (o(), c(i(q), {
+            key: t,
+            modelValue: s.value,
+            "onUpdate:modelValue": a[8] || (a[8] = (y) => s.value = y),
+            "hoverred-day": S.value,
+            "onUpdate:hoverredDay": a[9] || (a[9] = (y) => S.value = y),
+            "calendar-date": d.value,
+            locale: e.locale,
+            "has-time": e.hasTime,
+            color: e.color,
+            "offset-month": t,
+            "first-day-of-week": e.firstDayOfWeek,
+            "min-date": e.minDate,
+            "max-date": e.maxDate,
+            disabled: e.disabled,
+            "disabled-weekly": e.disabledWeekly,
+            "disabled-dates": e.disabledDates
+          }, null, 8, ["modelValue", "hoverred-day", "calendar-date", "locale", "has-time", "color", "offset-month", "first-day-of-week", "min-date", "max-date", "disabled", "disabled-weekly", "disabled-dates"]))), 128))
+        ])
+      ], 2)
+    ]));
+  }
+}), I = /* @__PURE__ */ $(E, [["__scopeId", "data-v-e10aff5d"]]);
+export {
+  I as default
+};

package/dist/chunks/MazPickerCalendarMonth.BAGEzpiX.js

@@ -0,0 +1,257 @@
+import { defineComponent as w, computed as n, openBlock as d, createElementBlock as c, Fragment as V, renderList as M, toDisplayString as H, useCssVars as Z, ref as $, watch as ee, createVNode as C, TransitionGroup as te, withCtx as j, normalizeClass as A, createBlock as ae, createElementVNode as re } from "vue";
+import { g as le, a as oe, b as ne, i as y, c as de, d as ie } from "./MazPicker.qrjLr1LC.js";
+import { _ as q } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import se from "../components/MazBtn.js";
+import { debounce as ue } from "../helpers/debounce.js";
+import f from "dayjs";
+import '../assets/MazPickerCalendarMonth.GACBSeof.css';const ce = { class: "maz-picker-calendar-days" }, fe = /* @__PURE__ */ w({
+  __name: "MazPickerCalendarDays",
+  props: {
+    locale: { type: String, required: !0 },
+    firstDayOfWeek: { type: Number, required: !0 }
+  },
+  setup(r) {
+    const p = r, e = n(() => le(p.locale, p.firstDayOfWeek));
+    return (m, i) => (d(), c("div", ce, [
+      (d(!0), c(V, null, M(e.value, (v) => (d(), c("span", { key: v }, H(v), 1))), 128))
+    ]));
+  }
+}), me = /* @__PURE__ */ q(fe, [["__scopeId", "data-v-9e52f266"]]), ve = /* @__PURE__ */ w({
+  __name: "MazPickerCalendarGrid",
+  props: {
+    modelValue: {
+      type: [String, Object],
+      default: void 0
+    },
+    calendarDate: { type: String, required: !0 },
+    hasTime: { type: Boolean, required: !0 },
+    locale: { type: String, required: !0 },
+    firstDayOfWeek: { type: Number, required: !0 },
+    color: { type: String, required: !0 },
+    minDate: { type: String, default: void 0 },
+    maxDate: { type: String, default: void 0 },
+    disabledWeekly: { type: Array, required: !0 },
+    disabledDates: { type: Array, required: !0 },
+    hoverredDay: { type: Object, default: void 0 },
+    disabled: { type: Boolean, required: !0 }
+  },
+  emits: ["update:model-value", "update:hoverred-day"],
+  setup(r, { emit: p }) {
+    Z((t) => ({
+      "67a29b68": u.value,
+      "2176877e": h.value,
+      "86c55c80": D.value
+    }));
+    const e = r, m = p, i = $(), v = $("maz-slidenext"), z = n(() => [e.calendarDate]), s = n(() => e.modelValue && typeof e.modelValue == "object"), u = n(() => `var(--maz-color-${e.color}-alpha-20)`), D = n(() => `var(--maz-color-${e.color}-alpha)`), h = n(() => `var(--maz-color-${e.color}-alpha-20)`), k = n({
+      get: () => e.modelValue,
+      set: (t) => m("update:model-value", t)
+    }), P = n(
+      () => Array.from({ length: oe(e.calendarDate) }, (t, a) => a + 1).map((t) => ({
+        label: t,
+        date: f(e.calendarDate).set("date", t)
+      }))
+    ), _ = n(() => (ne(e.calendarDate) - e.firstDayOfWeek + 7) % 7);
+    function b(t) {
+      const a = e.modelValue;
+      a.start && !a.end && t && t.isAfter(a.start) ? m("update:hoverred-day", t) : m("update:hoverred-day");
+    }
+    function I(t) {
+      const a = e.modelValue;
+      return !a.start || !e.hoverredDay ? void 0 : f(t).isBetween(a.start, e.hoverredDay, "date", "(]") ? 3 : void 0;
+    }
+    function N(t) {
+      if (e.hoverredDay)
+        return f(t).isSame(e.hoverredDay);
+    }
+    function F(t) {
+      var a;
+      return e.modelValue && e.modelValue && typeof e.modelValue == "object" && (a = e.modelValue) != null && a.start ? y(t, e.modelValue.start, "date") : !1;
+    }
+    function T(t) {
+      var a;
+      return e.modelValue && e.modelValue && typeof e.modelValue == "object" && (a = e.modelValue) != null && a.end ? y(t, e.modelValue.end, "date") : !1;
+    }
+    function G(t) {
+      const a = e.modelValue;
+      return typeof a == "object" ? a.start && y(t, a.start, "date") || a.end && y(t, a.end, "date") || W(t) ? e.color : "transparent" : O(t) ? e.color : "transparent";
+    }
+    function x(t) {
+      if (e.modelValue && typeof e.modelValue == "object") {
+        if (e.modelValue.start && y(t, e.modelValue.start, "date"))
+          return 1;
+        if (e.modelValue.end) {
+          if (y(t, e.modelValue.end, "date"))
+            return 1;
+          if (W(t))
+            return 2;
+        }
+      } else if (O(t))
+        return 1;
+      return 0;
+    }
+    function L(t) {
+      s.value && b();
+      const a = t.format();
+      if (typeof k.value == "object") {
+        let o = k.value;
+        o.start && o.end && (o = {
+          start: void 0,
+          end: void 0
+        });
+        const B = f(a).isBefore(o.start, "date");
+        k.value = !o.start || B ? {
+          start: a,
+          end: void 0
+        } : {
+          start: o.start,
+          end: a
+        };
+      } else
+        k.value = a;
+    }
+    function E(t) {
+      return de(t);
+    }
+    function O(t) {
+      if (!e.modelValue)
+        return !1;
+      const a = e.modelValue;
+      return y(t, a, "date");
+    }
+    function W(t) {
+      const a = e.modelValue;
+      return !a.start || !a.end ? !1 : f(t).isBetween(a.start, a.end, "date", "()");
+    }
+    function U(t) {
+      return e.minDate ? f(t).isBefore(e.minDate, "date") : !1;
+    }
+    function R(t) {
+      var a;
+      return (a = e.disabledWeekly) != null && a.length ? e.disabledWeekly.some((o) => ie(t, o)) : !1;
+    }
+    function J(t) {
+      var a;
+      return (a = e.disabledDates) != null && a.length ? e.disabledDates.some((o) => y(t, o, "date")) : !1;
+    }
+    function K(t) {
+      return e.maxDate ? f(t).isAfter(e.maxDate, "date") : !1;
+    }
+    const Q = ue(() => {
+      i.value && (i.value.style.minHeight = "");
+    }, 400);
+    function X() {
+      var t;
+      i.value && (i.value.style.minHeight = `${((t = i.value) == null ? void 0 : t.clientHeight) || 176}px`, Q());
+    }
+    return ee(
+      () => e.calendarDate,
+      (t, a) => {
+        v.value = f(t).isAfter(a, "date") ? "maz-slidenext" : "maz-slideprev", X();
+      }
+    ), (t, a) => (d(), c("div", {
+      ref_key: "MazPickerGrid",
+      ref: i,
+      class: "maz-picker-calendar-grid"
+    }, [
+      C(te, { name: v.value }, {
+        default: j(() => [
+          (d(!0), c(V, null, M([z.value], (o, B) => (d(), c("div", {
+            key: `${o[B]}`,
+            class: A(["maz-picker-calendar-grid__container", { "--is-range": s.value }])
+          }, [
+            (d(!0), c(V, null, M(_.value, (S) => (d(), c("div", { key: S }))), 128)),
+            (d(!0), c(V, null, M(P.value, ({ label: S, date: l }, Y) => (d(), ae(se, {
+              key: Y,
+              size: "mini",
+              color: G(l),
+              type: "button",
+              disabled: r.disabled || U(l) || K(l) || R(l) || J(l),
+              class: A({
+                "--is-today": E(l),
+                "--is-first": F(l),
+                "--is-last": T(l) || s.value && N(l),
+                "--is-selected": x(l) === 1,
+                "--is-between": x(l) === 2,
+                "--is-between-hoverred": s.value ? I(l) === 3 : void 0
+              }),
+              onClick: (g) => L(l),
+              onMouseover: (g) => s.value ? b(l) : void 0,
+              onMouseleave: a[0] || (a[0] = (g) => s.value ? b() : void 0),
+              onFocus: (g) => s.value ? b(l) : void 0,
+              onBlur: a[1] || (a[1] = (g) => s.value ? b() : void 0)
+            }, {
+              default: j(() => [
+                re("span", null, H(S), 1)
+              ]),
+              _: 2
+            }, 1032, ["color", "disabled", "class", "onClick", "onMouseover", "onFocus"]))), 128))
+          ], 2))), 128))
+        ]),
+        _: 1
+      }, 8, ["name"])
+    ], 512));
+  }
+}), ye = /* @__PURE__ */ q(ve, [["__scopeId", "data-v-7740add4"]]), pe = { class: "maz-picker-calendar-month --has-padding" }, De = /* @__PURE__ */ w({
+  __name: "MazPickerCalendarMonth",
+  props: {
+    modelValue: {
+      type: [String, Object],
+      default: void 0
+    },
+    color: { type: String, required: !0 },
+    locale: { type: String, required: !0 },
+    hasTime: { type: Boolean, required: !0 },
+    firstDayOfWeek: { type: Number, required: !0 },
+    calendarDate: { type: String, required: !0 },
+    offsetMonth: { type: Number, default: 0 },
+    minDate: { type: String, default: void 0 },
+    maxDate: { type: String, default: void 0 },
+    disabledWeekly: { type: Array, required: !0 },
+    disabledDates: { type: Array, required: !0 },
+    hoverredDay: { type: Object, default: void 0 },
+    disabled: { type: Boolean, required: !0 }
+  },
+  emits: ["update:model-value", "update:calendar-date", "update:hoverred-day"],
+  setup(r, { emit: p }) {
+    const e = r, m = p, i = n({
+      get: () => e.modelValue,
+      set: (u) => m("update:model-value", u)
+    }), v = n({
+      get: () => e.hoverredDay,
+      set: (u) => m("update:hoverred-day", u)
+    });
+    function z(u) {
+      return f(e.calendarDate).add(u, "month").format();
+    }
+    const s = n({
+      get: () => z(e.offsetMonth),
+      set: (u) => m("update:calendar-date", u)
+    });
+    return (u, D) => (d(), c("div", pe, [
+      C(me, {
+        locale: r.locale,
+        "first-day-of-week": r.firstDayOfWeek,
+        class: "maz-picker-calendar-month__days"
+      }, null, 8, ["locale", "first-day-of-week"]),
+      C(ye, {
+        modelValue: i.value,
+        "onUpdate:modelValue": D[0] || (D[0] = (h) => i.value = h),
+        "hoverred-day": v.value,
+        "onUpdate:hoverredDay": D[1] || (D[1] = (h) => v.value = h),
+        locale: r.locale,
+        color: r.color,
+        "has-time": r.hasTime,
+        "calendar-date": s.value,
+        "first-day-of-week": r.firstDayOfWeek,
+        "min-date": r.minDate,
+        "max-date": r.maxDate,
+        "disabled-weekly": r.disabledWeekly,
+        "disabled-dates": r.disabledDates,
+        disabled: r.disabled
+      }, null, 8, ["modelValue", "hoverred-day", "locale", "color", "has-time", "calendar-date", "first-day-of-week", "min-date", "max-date", "disabled-weekly", "disabled-dates", "disabled"])
+    ]));
+  }
+}), ze = /* @__PURE__ */ q(De, [["__scopeId", "data-v-fabf85ef"]]);
+export {
+  ze as default
+};

package/dist/chunks/MazPickerCalendarSwitcher.DNOJBstV.js

@@ -0,0 +1,90 @@
+import { defineComponent as x, computed as i, openBlock as C, createElementBlock as g, createVNode as t, withCtx as r, unref as u, createTextVNode as f, toDisplayString as h } from "vue";
+import n from "../components/MazBtn.js";
+import { capitalize as s } from "../filters/capitalize.js";
+import { date as l } from "../filters/date.js";
+import _ from "./chevron-left.njfuF_Vt.js";
+import m from "dayjs";
+import { _ as D } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/MazPickerCalendarSwitcher.23EFP_7Y.css';const M = { class: "m-picker-calendar-switcher" }, S = /* @__PURE__ */ x({
+  __name: "MazPickerCalendarSwitcher",
+  props: {
+    calendarDate: { type: String, default: void 0 },
+    locale: { type: String, required: !0 },
+    double: { type: Boolean, required: !0 }
+  },
+  emits: [
+    "previous",
+    "next",
+    "open-month-switcher",
+    "open-year-switcher",
+    "update:calendar-date"
+  ],
+  setup(y, { emit: v }) {
+    const e = y, d = v, a = i(() => m(e.calendarDate)), k = i(() => e.double ? `${s(
+      l(a.value.format(), e.locale, { month: "long" })
+    )} - ${s(
+      l(a.value.add(1, "month").format(), e.locale, {
+        month: "long"
+      })
+    )}` : s(l(a.value.format(), e.locale, { month: "long" }))), z = i(
+      () => l(a.value.format(), e.locale, { year: "numeric" })
+    );
+    function w() {
+      d("update:calendar-date", m(e.calendarDate).subtract(1, "month").format());
+    }
+    function b() {
+      d("update:calendar-date", m(e.calendarDate).add(1, "month").format());
+    }
+    return (p, o) => (C(), g("div", M, [
+      t(n, {
+        size: "xs",
+        color: "transparent",
+        type: "button",
+        onClick: w
+      }, {
+        default: r(() => [
+          t(u(_), { class: "maz-text-lg" })
+        ]),
+        _: 1
+      }),
+      t(n, {
+        size: "sm",
+        color: "transparent",
+        type: "button",
+        class: "m-picker-calendar-switcher__date",
+        onClick: o[0] || (o[0] = (c) => p.$emit("open-month-switcher", c))
+      }, {
+        default: r(() => [
+          f(h(k.value), 1)
+        ]),
+        _: 1
+      }),
+      t(n, {
+        size: "sm",
+        color: "transparent",
+        type: "button",
+        class: "m-picker-calendar-switcher__date",
+        onClick: o[1] || (o[1] = (c) => p.$emit("open-year-switcher", c))
+      }, {
+        default: r(() => [
+          f(h(z.value), 1)
+        ]),
+        _: 1
+      }),
+      t(n, {
+        size: "xs",
+        color: "transparent",
+        type: "button",
+        onClick: b
+      }, {
+        default: r(() => [
+          t(u(_), { class: "maz-rotate-180 maz-text-lg" })
+        ]),
+        _: 1
+      })
+    ]));
+  }
+}), V = /* @__PURE__ */ D(S, [["__scopeId", "data-v-68067a35"]]);
+export {
+  V as default
+};

package/dist/chunks/MazPickerHeader.D2MCckVK.js

@@ -0,0 +1,136 @@
+import { defineComponent as q, computed as l, ref as D, watch as j, openBlock as r, createElementBlock as o, normalizeClass as k, createVNode as d, TransitionGroup as c, withCtx as p, Fragment as f, renderList as y, toDisplayString as h, createCommentVNode as g } from "vue";
+import { capitalize as v } from "../filters/capitalize.js";
+import { date as i } from "../filters/date.js";
+import Z from "dayjs";
+import { _ as z } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/MazPickerHeader.CfwpRnA1.css';const B = {
+  key: 0,
+  class: "m-picker-header__date"
+}, w = /* @__PURE__ */ q({
+  __name: "MazPickerHeader",
+  props: {
+    modelValue: {
+      type: [String, Object],
+      default: void 0
+    },
+    color: { type: String, required: !0 },
+    locale: { type: String, required: !0 },
+    noShortcuts: { type: Boolean, required: !0 },
+    double: { type: Boolean, required: !0 },
+    hasDate: { type: Boolean, required: !0 },
+    hasTime: { type: Boolean, required: !0 },
+    formatterOptions: {
+      type: Object,
+      required: !0
+    },
+    calendarDate: { type: String, required: !0 }
+  },
+  setup(m) {
+    const e = m, _ = l(
+      () => {
+        var t;
+        return typeof e.modelValue == "string" ? e.modelValue : (t = e.modelValue) == null ? void 0 : t.start;
+      }
+    ), u = D("maz-slidevnext"), O = l(() => e.modelValue && typeof e.modelValue == "object" ? `${e.modelValue.start ? i(e.modelValue.start, e.locale, {
+      year: "numeric",
+      timeZone: e.formatterOptions.timeZone
+    }) : "..."} - ${e.modelValue.end ? i(e.modelValue.end, e.locale, {
+      year: "numeric",
+      timeZone: e.formatterOptions.timeZone
+    }) : "..."}` : typeof e.modelValue == "string" ? i(e.modelValue, e.locale, {
+      year: "numeric",
+      timeZone: e.formatterOptions.timeZone
+    }) : "-"), S = l(() => e.hasDate ? [O.value] : void 0), $ = l(() => {
+      if (e.modelValue && typeof e.modelValue == "object" && (e.modelValue.start || e.modelValue.end)) {
+        const t = e.noShortcuts && !e.double ? "short" : "long";
+        return `${e.modelValue.start ? v(
+          i(e.modelValue.start, e.locale, {
+            weekday: t,
+            month: t,
+            day: "numeric",
+            timeZone: e.formatterOptions.timeZone
+          })
+        ) : "..."} - ${e.modelValue.end ? v(
+          i(e.modelValue.end, e.locale, {
+            weekday: t,
+            month: t,
+            day: "numeric",
+            timeZone: e.formatterOptions.timeZone
+          })
+        ) : "..."}`;
+      } else if (typeof e.modelValue == "string")
+        return v(
+          i(e.modelValue, e.locale, {
+            weekday: "long",
+            month: "long",
+            day: "numeric",
+            timeZone: e.formatterOptions.timeZone
+          })
+        );
+      return "-";
+    }), x = l(() => e.hasDate ? [$.value] : void 0), b = l(() => _.value ? i(_.value, e.locale, {
+      timeStyle: "short",
+      timeZone: e.formatterOptions.timeZone,
+      hour12: e.formatterOptions.hour12
+    }) : void 0), V = l(() => e.hasTime ? [b.value] : void 0);
+    return j(
+      () => e.modelValue,
+      (t, s) => {
+        const a = typeof t == "object" ? t.start : t, n = typeof s == "object" ? s.start : s;
+        u.value = Z(a).isAfter(n, "date") || Z(a).isSame(n, "date") ? "maz-slidevnext" : "maz-slidevprev";
+      }
+    ), (t, s) => (r(), o("div", {
+      class: k(["m-picker-header", [`--${m.color}`]])
+    }, [
+      m.hasDate ? (r(), o("div", B, [
+        d(c, {
+          name: u.value,
+          tag: "div",
+          class: "m-picker-header__year-transition"
+        }, {
+          default: p(() => [
+            (r(!0), o(f, null, y(S.value, (a, n) => (r(), o("span", {
+              key: `${a}-${n}`,
+              class: "m-picker-header__year-text"
+            }, h(a), 1))), 128))
+          ]),
+          _: 1
+        }, 8, ["name"]),
+        d(c, {
+          name: u.value,
+          tag: "div",
+          class: "m-picker-header__date-transition"
+        }, {
+          default: p(() => [
+            (r(!0), o(f, null, y(x.value, (a, n) => (r(), o("span", {
+              key: `${a}-${n}`,
+              class: "m-picker-header__date-text"
+            }, h(a), 1))), 128))
+          ]),
+          _: 1
+        }, 8, ["name"])
+      ])) : g("", !0),
+      V.value ? (r(), o("div", {
+        key: 1,
+        class: k(["m-picker-header__time", { "--has-date": m.hasDate }])
+      }, [
+        d(c, {
+          name: u.value,
+          tag: "div",
+          class: "m-picker-header__time-transition"
+        }, {
+          default: p(() => [
+            (r(!0), o(f, null, y(V.value, (a, n) => (r(), o("span", {
+              key: `${a}-${n}`,
+              class: "m-picker-header__time-text"
+            }, h(a), 1))), 128))
+          ]),
+          _: 1
+        }, 8, ["name"])
+      ], 2)) : g("", !0)
+    ], 2));
+  }
+}), P = /* @__PURE__ */ z(w, [["__scopeId", "data-v-9ff3a0f1"]]);
+export {
+  P as default
+};

package/dist/chunks/MazPickerMonthSwitcher.B-pkMUq_.js

@@ -0,0 +1,82 @@
+import { defineComponent as g, computed as v, openBlock as l, createElementBlock as m, createElementVNode as d, createVNode as u, withModifiers as p, withCtx as h, unref as n, normalizeClass as f, Fragment as w, renderList as x, createBlock as D, createTextVNode as M, toDisplayString as S } from "vue";
+import b from "../components/MazBtn.js";
+import { i as k } from "./MazPicker.qrjLr1LC.js";
+import { capitalize as c } from "../filters/capitalize.js";
+import { date as s } from "../filters/date.js";
+import C from "./x-mark.DTWA3lfG.js";
+import B from "dayjs";
+import { _ as q } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/MazPickerMonthSwitcher.Cl1WlZpR.css';const $ = { class: "maz-picker-month-switcher" }, N = { class: "maz-picker-month-switcher__header" }, V = /* @__PURE__ */ g({
+  __name: "MazPickerMonthSwitcher",
+  props: {
+    calendarDate: { type: String, required: !0 },
+    color: { type: String, required: !0 },
+    locale: { type: String, required: !0 },
+    double: { type: Boolean, required: !0 }
+  },
+  emits: ["update:calendar-date", "close"],
+  setup(a, { emit: z }) {
+    const o = a, i = z, _ = v(() => Array.from({ length: 12 }, (r, e) => e).map((r) => {
+      const e = B(o.calendarDate).set("month", r);
+      return o.double ? {
+        label: `${c(
+          s(e.format(), o.locale, {
+            month: "short"
+          })
+        )} - ${c(
+          s(e.add(1, "month").format(), o.locale, {
+            month: "short"
+          })
+        )}`,
+        date: e
+      } : {
+        label: c(
+          s(e.format(), o.locale, {
+            month: "long"
+          })
+        ),
+        date: e
+      };
+    }));
+    function y(r) {
+      i("update:calendar-date", r.format()), i("close");
+    }
+    return (r, e) => (l(), m("div", $, [
+      d("div", N, [
+        u(b, {
+          size: "xs",
+          color: "transparent",
+          type: "button",
+          onClick: e[0] || (e[0] = p((t) => r.$emit("close", t), ["stop"]))
+        }, {
+          default: h(() => [
+            u(n(C), { class: "maz-text-lg" })
+          ]),
+          _: 1
+        })
+      ]),
+      d("div", {
+        class: f(["maz-picker-month-switcher__main", { "--has-double": a.double }])
+      }, [
+        (l(!0), m(w, null, x(_.value, (t) => (l(), D(b, {
+          key: t.label,
+          size: o.double ? "sm" : "xs",
+          class: f({
+            "--is-selected": n(k)(t.date, a.calendarDate, "month")
+          }),
+          color: n(k)(t.date, a.calendarDate, "month") ? a.color : "transparent",
+          type: "button",
+          onClick: p((E) => y(t.date), ["stop"])
+        }, {
+          default: h(() => [
+            M(S(t.label), 1)
+          ]),
+          _: 2
+        }, 1032, ["size", "class", "color", "onClick"]))), 128))
+      ], 2)
+    ]));
+  }
+}), G = /* @__PURE__ */ q(V, [["__scopeId", "data-v-661a18be"]]);
+export {
+  G as default
+};