maz-ui 3.22.4 → 3.23.1

package/components/chunks/MazPickerCalendar-da62262c.mjs

@@ -0,0 +1,535 @@
+import "../assets/MazPickerCalendar.css";
+import { openBlock as d, createElementBlock as y, createElementVNode as I, defineComponent as W, computed as o, createVNode as k, withCtx as w, unref as B, createTextVNode as Q, toDisplayString as N, useCssVars as ue, ref as $, watch as ce, TransitionGroup as me, Fragment as O, renderList as P, normalizeClass as H, createBlock as q, defineAsyncComponent as L, createCommentVNode as R, Transition as X } from "vue";
+import { d as D, c as E, a as T, _ as j, g as ve, b as fe, i as V, e as ye, h as pe, j as he } from "./MazPicker-e4620d8b.mjs";
+import _ from "./MazBtn-683effc1.mjs";
+import { d as be } from "./debounce-19c516b6.mjs";
+const De = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  fill: "none",
+  viewBox: "0 0 24 24"
+}, ke = /* @__PURE__ */ I(
+  "path",
+  {
+    stroke: "currentColor",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    "stroke-width": "1.5",
+    d: "M15.75 19.5 8.25 12l7.5-7.5"
+  },
+  null,
+  -1
+  /* HOISTED */
+), ge = [
+  ke
+];
+function ze(r, g) {
+  return d(), y("svg", De, [...ge]);
+}
+const Z = { render: ze }, Ve = { class: "m-picker-calendar-switcher" }, we = /* @__PURE__ */ W({
+  __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(r, { emit: g }) {
+    const e = r, p = g, n = o(() => D(e.calendarDate)), s = o(() => e.double ? `${E(
+      T(n.value.format(), e.locale, { month: "long" })
+    )} - ${E(
+      T(n.value.add(1, "month").format(), e.locale, {
+        month: "long"
+      })
+    )}` : E(T(n.value.format(), e.locale, { month: "long" }))), z = o(
+      () => T(n.value.format(), e.locale, { year: "numeric" })
+    ), c = () => {
+      p("update:calendar-date", D(e.calendarDate).subtract(1, "month").format());
+    }, M = () => {
+      p("update:calendar-date", D(e.calendarDate).add(1, "month").format());
+    };
+    return (m, v) => (d(), y("div", Ve, [
+      k(_, {
+        size: "xs",
+        color: "transparent",
+        type: "button",
+        onClick: c
+      }, {
+        default: w(() => [
+          k(B(Z), { class: "maz-text-lg" })
+        ]),
+        _: 1
+        /* STABLE */
+      }),
+      k(_, {
+        size: "sm",
+        color: "transparent",
+        type: "button",
+        class: "m-picker-calendar-switcher__date",
+        onClick: v[0] || (v[0] = (i) => m.$emit("open-month-switcher", i))
+      }, {
+        default: w(() => [
+          Q(
+            N(s.value),
+            1
+            /* TEXT */
+          )
+        ]),
+        _: 1
+        /* STABLE */
+      }),
+      k(_, {
+        size: "sm",
+        color: "transparent",
+        type: "button",
+        class: "m-picker-calendar-switcher__date",
+        onClick: v[1] || (v[1] = (i) => m.$emit("open-year-switcher", i))
+      }, {
+        default: w(() => [
+          Q(
+            N(z.value),
+            1
+            /* TEXT */
+          )
+        ]),
+        _: 1
+        /* STABLE */
+      }),
+      k(_, {
+        size: "xs",
+        color: "transparent",
+        type: "button",
+        onClick: M
+      }, {
+        default: w(() => [
+          k(B(Z), { class: "maz-rotate-180 maz-text-lg" })
+        ]),
+        _: 1
+        /* STABLE */
+      })
+    ]));
+  }
+});
+const Me = /* @__PURE__ */ j(we, [["__scopeId", "data-v-d8857bed"]]), Se = /* @__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: g }) {
+    ue((t) => ({
+      dfa93530: M.value,
+      "0e09463c": v.value,
+      "7439addc": m.value
+    }));
+    const e = r, p = g, n = $(), s = $("maz-slidenext"), z = o(() => [e.calendarDate]), c = o(() => e.modelValue && typeof e.modelValue == "object"), M = o(() => `var(--maz-color-${e.color}-alpha-20)`), m = o(() => `var(--maz-color-${e.color}-alpha)`), v = o(() => `var(--maz-color-${e.color}-alpha-20)`), i = o({
+      get: () => e.modelValue,
+      set: (t) => p("update:model-value", t)
+    }), C = o(
+      () => Array.from({ length: ve(e.calendarDate) }, (t, a) => a + 1).map((t) => ({
+        label: t,
+        date: D(e.calendarDate).set("date", t)
+      }))
+    ), U = o(() => (fe(e.calendarDate) - e.firstDayOfWeek + 7) % 7), h = (t) => {
+      const a = e.modelValue;
+      a.start && !a.end && t && t.isAfter(a.start) ? p("update:hoverred-day", t) : p("update:hoverred-day");
+    }, S = (t) => {
+      const a = e.modelValue;
+      return !a.start || !e.hoverredDay ? void 0 : D(t).isBetween(a.start, e.hoverredDay, "date", "(]") ? 3 : void 0;
+    }, l = (t) => {
+      if (e.hoverredDay)
+        return D(t).isSame(e.hoverredDay);
+    }, u = (t) => {
+      var a;
+      return e.modelValue && e.modelValue && typeof e.modelValue == "object" && (a = e.modelValue) != null && a.start ? V(t, e.modelValue.start, "date") : !1;
+    }, x = (t) => {
+      var a;
+      return e.modelValue && e.modelValue && typeof e.modelValue == "object" && (a = e.modelValue) != null && a.end ? V(t, e.modelValue.end, "date") : !1;
+    }, ee = (t) => {
+      const a = e.modelValue;
+      return typeof a == "object" ? a.start && V(t, a.start, "date") || a.end && V(t, a.end, "date") || K(t) ? e.color : "transparent" : J(t) ? e.color : "transparent";
+    }, Y = (t) => {
+      if (e.modelValue && typeof e.modelValue == "object") {
+        if (e.modelValue.start && V(t, e.modelValue.start, "date"))
+          return 1;
+        if (e.modelValue.end) {
+          if (V(t, e.modelValue.end, "date"))
+            return 1;
+          if (K(t))
+            return 2;
+        }
+      } else if (J(t))
+        return 1;
+      return 0;
+    }, te = (t) => {
+      c.value && h();
+      const a = t.format();
+      if (typeof i.value == "object") {
+        let b = i.value;
+        b.start && b.end && (b = {
+          start: void 0,
+          end: void 0
+        });
+        const F = D(a).isBefore(b.start, "date");
+        i.value = !b.start || F ? {
+          start: a,
+          end: void 0
+        } : {
+          start: b.start,
+          end: a
+        };
+      } else
+        i.value = a;
+    }, ae = (t) => ye(t), J = (t) => {
+      if (!e.modelValue)
+        return !1;
+      const a = e.modelValue;
+      return V(t, a, "date");
+    }, K = (t) => {
+      const a = e.modelValue;
+      return !a.start || !a.end ? !1 : D(t).isBetween(a.start, a.end, "date", "()");
+    }, re = (t) => e.minDate ? D(t).isBefore(e.minDate, "date") : !1, le = (t) => {
+      var a;
+      return (a = e.disabledWeekly) != null && a.length ? e.disabledWeekly.some((b) => pe(t, b)) : !1;
+    }, oe = (t) => {
+      var a;
+      return (a = e.disabledDates) != null && a.length ? e.disabledDates.some((b) => V(t, b, "date")) : !1;
+    }, de = (t) => e.maxDate ? D(t).isAfter(e.maxDate, "date") : !1, ne = be(() => {
+      n.value && (n.value.style.minHeight = "");
+    }, 400), se = () => {
+      var t;
+      n.value && (n.value.style.minHeight = `${((t = n.value) == null ? void 0 : t.clientHeight) || 176}px`, ne());
+    };
+    return ce(
+      () => e.calendarDate,
+      (t, a) => {
+        s.value = D(t).isAfter(a, "date") ? "maz-slidenext" : "maz-slideprev", se();
+      }
+    ), (t, a) => (d(), y(
+      "div",
+      {
+        ref_key: "MazPickerGrid",
+        ref: n,
+        class: "maz-picker-calendar-grid"
+      },
+      [
+        k(me, { name: s.value }, {
+          default: w(() => [
+            (d(!0), y(
+              O,
+              null,
+              P([z.value], (b, F) => (d(), y(
+                "div",
+                {
+                  key: `${b[F]}`,
+                  class: H(["maz-picker-calendar-grid__container", { "--is-range": c.value }])
+                },
+                [
+                  (d(!0), y(
+                    O,
+                    null,
+                    P(U.value, (G) => (d(), y("div", { key: G }))),
+                    128
+                    /* KEYED_FRAGMENT */
+                  )),
+                  (d(!0), y(
+                    O,
+                    null,
+                    P(C.value, ({ label: G, date: f }, ie) => (d(), q(_, {
+                      key: ie,
+                      size: "mini",
+                      color: ee(f),
+                      type: "button",
+                      disabled: r.disabled || re(f) || de(f) || le(f) || oe(f),
+                      class: H({
+                        "--is-today": ae(f),
+                        "--is-first": u(f),
+                        "--is-last": x(f) || c.value && l(f),
+                        "--is-selected": Y(f) === 1,
+                        "--is-between": Y(f) === 2,
+                        "--is-between-hoverred": c.value ? S(f) === 3 : void 0
+                      }),
+                      onClick: (A) => te(f),
+                      onMouseover: (A) => c.value ? h(f) : void 0,
+                      onMouseleave: a[0] || (a[0] = (A) => c.value ? h() : void 0),
+                      onFocus: (A) => c.value ? h(f) : void 0,
+                      onBlur: a[1] || (a[1] = (A) => c.value ? h() : void 0)
+                    }, {
+                      default: w(() => [
+                        I(
+                          "span",
+                          null,
+                          N(G),
+                          1
+                          /* TEXT */
+                        )
+                      ]),
+                      _: 2
+                      /* DYNAMIC */
+                    }, 1032, ["color", "disabled", "class", "onClick", "onMouseover", "onFocus"]))),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ],
+                2
+                /* CLASS */
+              ))),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["name"])
+      ],
+      512
+      /* NEED_PATCH */
+    ));
+  }
+});
+const Ce = /* @__PURE__ */ j(Se, [["__scopeId", "data-v-262d0b69"]]), xe = { class: "maz-picker-calendar-days" }, qe = /* @__PURE__ */ W({
+  __name: "MazPickerCalendarDays",
+  props: {
+    locale: { type: String, required: !0 },
+    firstDayOfWeek: { type: Number, required: !0 }
+  },
+  setup(r) {
+    const g = r, e = o(() => he(g.locale, g.firstDayOfWeek));
+    return (p, n) => (d(), y("div", xe, [
+      (d(!0), y(
+        O,
+        null,
+        P(e.value, (s) => (d(), y(
+          "span",
+          { key: s },
+          N(s),
+          1
+          /* TEXT */
+        ))),
+        128
+        /* KEYED_FRAGMENT */
+      ))
+    ]));
+  }
+});
+const _e = /* @__PURE__ */ j(qe, [["__scopeId", "data-v-a7b7f610"]]), Be = /* @__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: g }) {
+    const e = r, p = g, n = o({
+      get: () => e.modelValue,
+      set: (m) => p("update:model-value", m)
+    }), s = o(() => typeof n.value == "object"), z = o({
+      get: () => e.hoverredDay,
+      set: (m) => p("update:hoverred-day", m)
+    });
+    function c(m) {
+      return D(e.calendarDate).add(m, "month").format();
+    }
+    const M = o({
+      get: () => c(e.offsetMonth),
+      set: (m) => p("update:calendar-date", m)
+    });
+    return (m, v) => (d(), y(
+      "div",
+      {
+        class: H(["maz-picker-calendar-month", { "--has-padding": !s.value }])
+      },
+      [
+        k(_e, {
+          locale: r.locale,
+          "first-day-of-week": r.firstDayOfWeek,
+          class: "maz-picker-calendar-month__days"
+        }, null, 8, ["locale", "first-day-of-week"]),
+        k(Ce, {
+          modelValue: n.value,
+          "onUpdate:modelValue": v[0] || (v[0] = (i) => n.value = i),
+          "hoverred-day": z.value,
+          "onUpdate:hoverredDay": v[1] || (v[1] = (i) => z.value = i),
+          locale: r.locale,
+          color: r.color,
+          "has-time": r.hasTime,
+          "calendar-date": M.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"])
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+});
+const $e = /* @__PURE__ */ j(Be, [["__scopeId", "data-v-19c30331"]]), Oe = { class: "maz-picker-calendar flex" }, Pe = { class: "maz-picker-calendar__months" }, We = /* @__PURE__ */ W({
+  __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(r, { emit: g }) {
+    const e = L(() => import("./MazPickerMonthSwitcher-5bf8bd08.mjs")), p = L(() => import("./MazPickerYearSwitcher-85f97b6d.mjs")), n = L(() => import("./MazPickerShortcuts-7f95430e.mjs")), s = r, z = g, c = $(), M = o(() => s.modelValue && typeof s.modelValue == "object"), m = o(
+      () => !s.noShortcuts && s.shortcuts.length > 0 && M.value
+    ), v = $(!1), i = $(!1), C = o({
+      get: () => s.modelValue,
+      set: (S) => z("update:model-value", S)
+    }), U = o(() => Array.from({ length: s.double ? 2 : 1 }, (S, l) => l)), h = o({
+      get: () => s.calendarDate,
+      set: (S) => z("update:calendar-date", S)
+    });
+    return (S, l) => (d(), y("div", Oe, [
+      m.value ? (d(), q(B(n), {
+        key: 0,
+        modelValue: C.value,
+        "onUpdate:modelValue": l[0] || (l[0] = (u) => C.value = u),
+        color: r.color,
+        shortcuts: r.shortcuts,
+        shortcut: r.shortcut,
+        double: r.double,
+        disabled: r.disabled
+      }, null, 8, ["modelValue", "color", "shortcuts", "shortcut", "double", "disabled"])) : R("v-if", !0),
+      I(
+        "div",
+        {
+          class: H(["maz-picker-calendar__main", { "--has-double": r.double }])
+        },
+        [
+          k(Me, {
+            "calendar-date": h.value,
+            "onUpdate:calendarDate": l[1] || (l[1] = (u) => h.value = u),
+            locale: r.locale,
+            double: r.double,
+            onOpenMonthSwitcher: l[2] || (l[2] = (u) => v.value = !0),
+            onOpenYearSwitcher: l[3] || (l[3] = (u) => i.value = !0)
+          }, null, 8, ["calendar-date", "locale", "double"]),
+          k(X, { name: "maz-picker-slide" }, {
+            default: w(() => [
+              v.value ? (d(), q(B(e), {
+                key: 0,
+                "calendar-date": h.value,
+                "onUpdate:calendarDate": l[4] || (l[4] = (u) => h.value = u),
+                color: r.color,
+                double: r.double,
+                locale: r.locale,
+                onClose: l[5] || (l[5] = (u) => v.value = !1)
+              }, null, 8, ["calendar-date", "color", "double", "locale"])) : R("v-if", !0)
+            ]),
+            _: 1
+            /* STABLE */
+          }),
+          k(X, { name: "maz-picker-slide" }, {
+            default: w(() => [
+              i.value ? (d(), q(B(p), {
+                key: 0,
+                "calendar-date": h.value,
+                "onUpdate:calendarDate": l[6] || (l[6] = (u) => h.value = u),
+                color: r.color,
+                locale: r.locale,
+                onClose: l[7] || (l[7] = (u) => i.value = !1)
+              }, null, 8, ["calendar-date", "color", "locale"])) : R("v-if", !0)
+            ]),
+            _: 1
+            /* STABLE */
+          }),
+          I("div", Pe, [
+            (d(!0), y(
+              O,
+              null,
+              P(U.value, (u) => (d(), q($e, {
+                key: u,
+                modelValue: C.value,
+                "onUpdate:modelValue": l[8] || (l[8] = (x) => C.value = x),
+                "hoverred-day": c.value,
+                "onUpdate:hoverredDay": l[9] || (l[9] = (x) => c.value = x),
+                "calendar-date": h.value,
+                locale: r.locale,
+                "has-time": r.hasTime,
+                color: r.color,
+                "offset-month": u,
+                "first-day-of-week": r.firstDayOfWeek,
+                "min-date": r.minDate,
+                "max-date": r.maxDate,
+                disabled: r.disabled,
+                "disabled-weekly": r.disabledWeekly,
+                "disabled-dates": r.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
+              /* KEYED_FRAGMENT */
+            ))
+          ])
+        ],
+        2
+        /* CLASS */
+      )
+    ]));
+  }
+});
+const je = /* @__PURE__ */ j(We, [["__scopeId", "data-v-dd9f0175"]]), Ue = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: je
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Z as C,
+  Ue as M
+};