maz-ui 3.22.4 → 3.23.1

package/components/chunks/MazPickerCalendar-cacb361c.mjs

@@ -1,689 +0,0 @@
-import "../assets/MazPickerCalendar.css";
-import { openBlock, createElementBlock, createElementVNode, defineComponent, computed, createVNode, withCtx, unref, createTextVNode, toDisplayString, useCssVars, ref, watch, TransitionGroup, Fragment, renderList, normalizeClass, createBlock, defineAsyncComponent, createCommentVNode, Transition } from "vue";
-import { d as dayjs, c as capitalize, a as date, _ as _export_sfc, g as getDaysInMonth, b as getFirstDayOfMonth, i as isSameDate, e as isToday, h as isSameDay, j as getDaysOfWeek } from "./MazPicker-50fc11d1.mjs";
-import MazBtn from "./MazBtn-0e02f0da.mjs";
-import { d as debounce } from "./debounce-7d66ffa9.mjs";
-const _hoisted_1$3 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "1em",
-  height: "1em",
-  fill: "none",
-  viewBox: "0 0 24 24"
-};
-const _hoisted_2$1 = /* @__PURE__ */ createElementVNode(
-  "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 */
-);
-const _hoisted_3 = [
-  _hoisted_2$1
-];
-function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$3, [..._hoisted_3]);
-}
-const ChevronLeftIcon = { render };
-const _hoisted_1$2 = { class: "m-picker-calendar-switcher" };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "MazPickerCalendarSwitcher",
-  props: {
-    calendarDate: { type: String, default: void 0 },
-    locale: { type: String, required: true },
-    double: { type: Boolean, required: true }
-  },
-  emits: [
-    "previous",
-    "next",
-    "open-month-switcher",
-    "open-year-switcher",
-    "update:calendar-date"
-  ],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const calendarDate2 = computed(() => dayjs(props.calendarDate));
-    const monthLabel = computed(() => {
-      return props.double ? `${capitalize(
-        date(calendarDate2.value.format(), props.locale, { month: "long" })
-      )} - ${capitalize(
-        date(calendarDate2.value.add(1, "month").format(), props.locale, {
-          month: "long"
-        })
-      )}` : capitalize(date(calendarDate2.value.format(), props.locale, { month: "long" }));
-    });
-    const yearLabel = computed(
-      () => date(calendarDate2.value.format(), props.locale, { year: "numeric" })
-    );
-    const previousMonth = () => {
-      emits("update:calendar-date", dayjs(props.calendarDate).subtract(1, "month").format());
-    };
-    const nextMonth = () => {
-      emits("update:calendar-date", dayjs(props.calendarDate).add(1, "month").format());
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$2, [
-        createVNode(MazBtn, {
-          size: "xs",
-          color: "transparent",
-          type: "button",
-          onClick: previousMonth
-        }, {
-          default: withCtx(() => [
-            createVNode(unref(ChevronLeftIcon), { class: "maz-text-lg" })
-          ]),
-          _: 1
-          /* STABLE */
-        }),
-        createVNode(MazBtn, {
-          size: "sm",
-          color: "transparent",
-          type: "button",
-          class: "m-picker-calendar-switcher__date",
-          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("open-month-switcher", $event))
-        }, {
-          default: withCtx(() => [
-            createTextVNode(
-              toDisplayString(monthLabel.value),
-              1
-              /* TEXT */
-            )
-          ]),
-          _: 1
-          /* STABLE */
-        }),
-        createVNode(MazBtn, {
-          size: "sm",
-          color: "transparent",
-          type: "button",
-          class: "m-picker-calendar-switcher__date",
-          onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("open-year-switcher", $event))
-        }, {
-          default: withCtx(() => [
-            createTextVNode(
-              toDisplayString(yearLabel.value),
-              1
-              /* TEXT */
-            )
-          ]),
-          _: 1
-          /* STABLE */
-        }),
-        createVNode(MazBtn, {
-          size: "xs",
-          color: "transparent",
-          type: "button",
-          onClick: nextMonth
-        }, {
-          default: withCtx(() => [
-            createVNode(unref(ChevronLeftIcon), { class: "maz-rotate-180 maz-text-lg" })
-          ]),
-          _: 1
-          /* STABLE */
-        })
-      ]);
-    };
-  }
-});
-const MazPickerCalendarSwitcher_vue_vue_type_style_index_0_scoped_d8857bed_lang = "";
-const MazPickerCalendarSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-d8857bed"]]);
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "MazPickerCalendarGrid",
-  props: {
-    modelValue: {
-      type: [String, Object],
-      default: void 0
-    },
-    calendarDate: { type: String, required: true },
-    hasTime: { type: Boolean, required: true },
-    locale: { type: String, required: true },
-    firstDayOfWeek: { type: Number, required: true },
-    color: { type: String, required: true },
-    minDate: { type: String, default: void 0 },
-    maxDate: { type: String, default: void 0 },
-    disabledWeekly: { type: Array, required: true },
-    disabledDates: { type: Array, required: true },
-    hoverredDay: { type: Object, default: void 0 },
-    disabled: { type: Boolean, required: true }
-  },
-  emits: ["update:model-value", "update:hoverred-day"],
-  setup(__props, { emit: __emit }) {
-    useCssVars((_ctx) => ({
-      "dfa93530": hoverColor.value,
-      "0e09463c": betweenColorAlpha.value,
-      "7439addc": betweenColor.value
-    }));
-    const props = __props;
-    const emits = __emit;
-    const MazPickerGrid = ref();
-    const transitionName = ref("maz-slidenext");
-    const calendarDateArray = computed(() => [props.calendarDate]);
-    const isRangeMode = computed(() => props.modelValue && typeof props.modelValue === "object");
-    const hoverColor = computed(() => `var(--maz-color-${props.color}-alpha-20)`);
-    const betweenColor = computed(() => `var(--maz-color-${props.color}-alpha)`);
-    const betweenColorAlpha = computed(() => `var(--maz-color-${props.color}-alpha-20)`);
-    const modelValue = computed({
-      get: () => props.modelValue,
-      set: (value) => emits("update:model-value", value)
-    });
-    const monthDays = computed(
-      () => Array.from({ length: getDaysInMonth(props.calendarDate) }, (_v, i) => i + 1).map((day) => ({
-        label: day,
-        date: dayjs(props.calendarDate).set("date", day)
-      }))
-    );
-    const emptyDaysCount = computed(() => {
-      const firstDayMonth = getFirstDayOfMonth(props.calendarDate);
-      return (firstDayMonth - props.firstDayOfWeek + 7) % 7;
-    });
-    const setHoverredDay = (day) => {
-      const value = props.modelValue;
-      if (value.start && !value.end && day && day.isAfter(value.start)) {
-        emits("update:hoverred-day", day);
-      } else {
-        emits("update:hoverred-day");
-      }
-    };
-    const isBetweenHoverred = (day) => {
-      const value = props.modelValue;
-      if (!value.start || !props.hoverredDay) {
-        return void 0;
-      }
-      const isBetween = dayjs(day).isBetween(value.start, props.hoverredDay, "date", "(]");
-      return isBetween ? 3 : void 0;
-    };
-    const isLastDayHoverred = (day) => {
-      if (!props.hoverredDay) {
-        return;
-      }
-      return dayjs(day).isSame(props.hoverredDay);
-    };
-    const isFirstDay = (day) => {
-      var _a;
-      if (!props.modelValue) {
-        return false;
-      }
-      if (props.modelValue && typeof props.modelValue === "object" && ((_a = props.modelValue) == null ? void 0 : _a.start)) {
-        return isSameDate(day, props.modelValue.start, "date");
-      }
-      return false;
-    };
-    const isLastDay = (day) => {
-      var _a;
-      if (!props.modelValue) {
-        return false;
-      }
-      if (props.modelValue && typeof props.modelValue === "object" && ((_a = props.modelValue) == null ? void 0 : _a.end)) {
-        return isSameDate(day, props.modelValue.end, "date");
-      }
-      return false;
-    };
-    const getDayButtonColor = (date2) => {
-      const value = props.modelValue;
-      if (typeof value === "object") {
-        return (value.start ? isSameDate(date2, value.start, "date") : false) || (value.end ? isSameDate(date2, value.end, "date") : false) ? props.color : checkIsBetween(date2) ? props.color : "transparent";
-      } else {
-        return checkIsSameDate(date2) ? props.color : "transparent";
-      }
-    };
-    const isSelectedOrBetween = (day) => {
-      if (props.modelValue && typeof props.modelValue === "object") {
-        if (props.modelValue.start && isSameDate(day, props.modelValue.start, "date")) {
-          return 1;
-        }
-        if (props.modelValue.end) {
-          if (isSameDate(day, props.modelValue.end, "date")) {
-            return 1;
-          }
-          if (checkIsBetween(day)) {
-            return 2;
-          }
-        }
-      } else if (checkIsSameDate(day)) {
-        return 1;
-      }
-      return 0;
-    };
-    const selectDay = (value) => {
-      if (isRangeMode.value) {
-        setHoverredDay();
-      }
-      const valueFormatted = value.format();
-      if (typeof modelValue.value === "object") {
-        let values = modelValue.value;
-        if (values.start && values.end) {
-          values = {
-            start: void 0,
-            end: void 0
-          };
-        }
-        const isBeforeStartDate = dayjs(valueFormatted).isBefore(values.start, "date");
-        modelValue.value = !values.start || isBeforeStartDate ? {
-          start: valueFormatted,
-          end: void 0
-        } : {
-          start: values.start,
-          end: valueFormatted
-        };
-      } else {
-        modelValue.value = valueFormatted;
-      }
-    };
-    const checkIsToday = (day) => {
-      return isToday(day);
-    };
-    const checkIsSameDate = (day) => {
-      if (!props.modelValue) {
-        return false;
-      }
-      const value = props.modelValue;
-      return isSameDate(day, value, "date");
-    };
-    const checkIsBetween = (day) => {
-      const value = props.modelValue;
-      if (!value.start || !value.end) {
-        return false;
-      }
-      return dayjs(day).isBetween(value.start, value.end, "date", "()");
-    };
-    const isSmallerMinDate = (day) => {
-      if (!props.minDate) {
-        return false;
-      }
-      return dayjs(day).isBefore(props.minDate, "date");
-    };
-    const isDisabledWeekly = (day) => {
-      var _a;
-      if (!((_a = props.disabledWeekly) == null ? void 0 : _a.length)) {
-        return false;
-      }
-      return props.disabledWeekly.some((disabledDay) => isSameDay(day, disabledDay));
-    };
-    const isDisabledDate = (day) => {
-      var _a;
-      if (!((_a = props.disabledDates) == null ? void 0 : _a.length)) {
-        return false;
-      }
-      return props.disabledDates.some((disabledDay) => isSameDate(day, disabledDay, "date"));
-    };
-    const isBiggerMaxDate = (day) => {
-      if (!props.maxDate) {
-        return false;
-      }
-      return dayjs(day).isAfter(props.maxDate, "date");
-    };
-    const removeContainerHeight = debounce(() => {
-      if (MazPickerGrid.value) {
-        MazPickerGrid.value.style.minHeight = "";
-      }
-    }, 400);
-    const setContainerHeight = () => {
-      var _a;
-      if (MazPickerGrid.value) {
-        MazPickerGrid.value.style.minHeight = `${((_a = MazPickerGrid.value) == null ? void 0 : _a.clientHeight) || 176}px`;
-        removeContainerHeight();
-      }
-    };
-    watch(
-      () => props.calendarDate,
-      (calendarDate, oldCalendarValue) => {
-        transitionName.value = dayjs(calendarDate).isAfter(oldCalendarValue, "date") ? "maz-slidenext" : "maz-slideprev";
-        setContainerHeight();
-      }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          ref_key: "MazPickerGrid",
-          ref: MazPickerGrid,
-          class: "maz-picker-calendar-grid"
-        },
-        [
-          createVNode(TransitionGroup, { name: transitionName.value }, {
-            default: withCtx(() => [
-              (openBlock(true), createElementBlock(
-                Fragment,
-                null,
-                renderList([calendarDateArray.value], (dateArray, dateIndex) => {
-                  return openBlock(), createElementBlock(
-                    "div",
-                    {
-                      key: `${dateArray[dateIndex]}`,
-                      class: normalizeClass(["maz-picker-calendar-grid__container", { "--is-range": isRangeMode.value }])
-                    },
-                    [
-                      (openBlock(true), createElementBlock(
-                        Fragment,
-                        null,
-                        renderList(emptyDaysCount.value, (first) => {
-                          return openBlock(), createElementBlock("div", { key: first });
-                        }),
-                        128
-                        /* KEYED_FRAGMENT */
-                      )),
-                      (openBlock(true), createElementBlock(
-                        Fragment,
-                        null,
-                        renderList(monthDays.value, ({ label, date: date2 }, i) => {
-                          return openBlock(), createBlock(MazBtn, {
-                            key: i,
-                            size: "mini",
-                            color: getDayButtonColor(date2),
-                            type: "button",
-                            disabled: __props.disabled || isSmallerMinDate(date2) || isBiggerMaxDate(date2) || isDisabledWeekly(date2) || isDisabledDate(date2),
-                            class: normalizeClass({
-                              "--is-today": checkIsToday(date2),
-                              "--is-first": isFirstDay(date2),
-                              "--is-last": isLastDay(date2) || isRangeMode.value && isLastDayHoverred(date2),
-                              "--is-selected": isSelectedOrBetween(date2) === 1,
-                              "--is-between": isSelectedOrBetween(date2) === 2,
-                              "--is-between-hoverred": isRangeMode.value ? isBetweenHoverred(date2) === 3 : void 0
-                            }),
-                            onClick: ($event) => selectDay(date2),
-                            onMouseover: ($event) => isRangeMode.value ? setHoverredDay(date2) : void 0,
-                            onMouseleave: _cache[0] || (_cache[0] = ($event) => isRangeMode.value ? setHoverredDay() : void 0),
-                            onFocus: ($event) => isRangeMode.value ? setHoverredDay(date2) : void 0,
-                            onBlur: _cache[1] || (_cache[1] = ($event) => isRangeMode.value ? setHoverredDay() : void 0)
-                          }, {
-                            default: withCtx(() => [
-                              createElementVNode(
-                                "span",
-                                null,
-                                toDisplayString(label),
-                                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 MazPickerCalendarGrid_vue_vue_type_style_index_0_scoped_262d0b69_lang = "";
-const MazPickerCalendarGrid = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-262d0b69"]]);
-const _hoisted_1$1 = { class: "maz-picker-calendar-days" };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "MazPickerCalendarDays",
-  props: {
-    locale: { type: String, required: true },
-    firstDayOfWeek: { type: Number, required: true }
-  },
-  setup(__props) {
-    const props = __props;
-    const days = computed(() => getDaysOfWeek(props.locale, props.firstDayOfWeek));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1, [
-        (openBlock(true), createElementBlock(
-          Fragment,
-          null,
-          renderList(days.value, (label) => {
-            return openBlock(), createElementBlock(
-              "span",
-              { key: label },
-              toDisplayString(label),
-              1
-              /* TEXT */
-            );
-          }),
-          128
-          /* KEYED_FRAGMENT */
-        ))
-      ]);
-    };
-  }
-});
-const MazPickerCalendarDays_vue_vue_type_style_index_0_scoped_a7b7f610_lang = "";
-const MazPickerCalendarDays = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-a7b7f610"]]);
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "MazPickerCalendarMonth",
-  props: {
-    modelValue: {
-      type: [String, Object],
-      default: void 0
-    },
-    color: { type: String, required: true },
-    locale: { type: String, required: true },
-    hasTime: { type: Boolean, required: true },
-    firstDayOfWeek: { type: Number, required: true },
-    calendarDate: { type: String, required: true },
-    offsetMonth: { type: Number, default: 0 },
-    minDate: { type: String, default: void 0 },
-    maxDate: { type: String, default: void 0 },
-    disabledWeekly: { type: Array, required: true },
-    disabledDates: { type: Array, required: true },
-    hoverredDay: { type: Object, default: void 0 },
-    disabled: { type: Boolean, required: true }
-  },
-  emits: ["update:model-value", "update:calendar-date", "update:hoverred-day"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const modelValue = computed({
-      get: () => props.modelValue,
-      set: (value) => emits("update:model-value", value)
-    });
-    const isRangeMode = computed(() => typeof modelValue.value === "object");
-    const hoverredDay = computed({
-      get: () => props.hoverredDay,
-      set: (value) => emits("update:hoverred-day", value)
-    });
-    function getCalendarDateWithOffset(offset) {
-      return dayjs(props.calendarDate).add(offset, "month").format();
-    }
-    const calendarDateWithOffset = computed({
-      get: () => getCalendarDateWithOffset(props.offsetMonth),
-      set: (calendarDate) => emits("update:calendar-date", calendarDate)
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          class: normalizeClass(["maz-picker-calendar-month", { "--has-padding": !isRangeMode.value }])
-        },
-        [
-          createVNode(MazPickerCalendarDays, {
-            locale: __props.locale,
-            "first-day-of-week": __props.firstDayOfWeek,
-            class: "maz-picker-calendar-month__days"
-          }, null, 8, ["locale", "first-day-of-week"]),
-          createVNode(MazPickerCalendarGrid, {
-            modelValue: modelValue.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
-            "hoverred-day": hoverredDay.value,
-            "onUpdate:hoverredDay": _cache[1] || (_cache[1] = ($event) => hoverredDay.value = $event),
-            locale: __props.locale,
-            color: __props.color,
-            "has-time": __props.hasTime,
-            "calendar-date": calendarDateWithOffset.value,
-            "first-day-of-week": __props.firstDayOfWeek,
-            "min-date": __props.minDate,
-            "max-date": __props.maxDate,
-            "disabled-weekly": __props.disabledWeekly,
-            "disabled-dates": __props.disabledDates,
-            disabled: __props.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 MazPickerCalendarMonth_vue_vue_type_style_index_0_scoped_19c30331_lang = "";
-const MazPickerCalendarMonth = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-19c30331"]]);
-const _hoisted_1 = { class: "maz-picker-calendar flex" };
-const _hoisted_2 = { class: "maz-picker-calendar__months" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazPickerCalendar",
-  props: {
-    modelValue: {
-      type: [String, Object],
-      default: void 0
-    },
-    calendarDate: { type: String, required: true },
-    color: { type: String, required: true },
-    locale: { type: String, required: true },
-    firstDayOfWeek: { type: Number, required: true },
-    double: { type: Boolean, required: true },
-    minDate: { type: String, default: void 0 },
-    maxDate: { type: String, default: void 0 },
-    disabledWeekly: { type: Array, required: true },
-    disabledDates: { type: Array, required: true },
-    shortcuts: {
-      type: Array,
-      required: true
-    },
-    noShortcuts: { type: Boolean, required: true },
-    hasTime: { type: Boolean, required: true },
-    shortcut: { type: String, default: void 0 },
-    disabled: { type: Boolean, required: true }
-  },
-  emits: ["update:model-value", "update:calendar-date"],
-  setup(__props, { emit: __emit }) {
-    const MazPickerMonthSwitcher = defineAsyncComponent(() => import("./MazPickerMonthSwitcher-913c6e2c.mjs"));
-    const MazPickerYearSwitcher = defineAsyncComponent(() => import("./MazPickerYearSwitcher-dd4fa89c.mjs"));
-    const MazPickerShortcuts = defineAsyncComponent(() => import("./MazPickerShortcuts-c6fabfc6.mjs"));
-    const props = __props;
-    const emits = __emit;
-    const hoverredDay = ref();
-    const isRangeMode = computed(() => props.modelValue && typeof props.modelValue === "object");
-    const hasShortcuts = computed(
-      () => !props.noShortcuts && props.shortcuts.length > 0 && isRangeMode.value
-    );
-    const monthSwitcherOpen = ref(false);
-    const yearSwitcherOpen = ref(false);
-    const currentValue = computed({
-      get: () => props.modelValue,
-      set: (value) => emits("update:model-value", value)
-    });
-    const months = computed(() => Array.from({ length: props.double ? 2 : 1 }, (_v, i) => i));
-    const calendarDate = computed({
-      get: () => props.calendarDate,
-      set: (calendarDate2) => emits("update:calendar-date", calendarDate2)
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        hasShortcuts.value ? (openBlock(), createBlock(unref(MazPickerShortcuts), {
-          key: 0,
-          modelValue: currentValue.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => currentValue.value = $event),
-          color: __props.color,
-          shortcuts: __props.shortcuts,
-          shortcut: __props.shortcut,
-          double: __props.double,
-          disabled: __props.disabled
-        }, null, 8, ["modelValue", "color", "shortcuts", "shortcut", "double", "disabled"])) : createCommentVNode("v-if", true),
-        createElementVNode(
-          "div",
-          {
-            class: normalizeClass(["maz-picker-calendar__main", { "--has-double": __props.double }])
-          },
-          [
-            createVNode(MazPickerCalendarSwitcher, {
-              "calendar-date": calendarDate.value,
-              "onUpdate:calendarDate": _cache[1] || (_cache[1] = ($event) => calendarDate.value = $event),
-              locale: __props.locale,
-              double: __props.double,
-              onOpenMonthSwitcher: _cache[2] || (_cache[2] = ($event) => monthSwitcherOpen.value = true),
-              onOpenYearSwitcher: _cache[3] || (_cache[3] = ($event) => yearSwitcherOpen.value = true)
-            }, null, 8, ["calendar-date", "locale", "double"]),
-            createVNode(Transition, { name: "maz-picker-slide" }, {
-              default: withCtx(() => [
-                monthSwitcherOpen.value ? (openBlock(), createBlock(unref(MazPickerMonthSwitcher), {
-                  key: 0,
-                  "calendar-date": calendarDate.value,
-                  "onUpdate:calendarDate": _cache[4] || (_cache[4] = ($event) => calendarDate.value = $event),
-                  color: __props.color,
-                  double: __props.double,
-                  locale: __props.locale,
-                  onClose: _cache[5] || (_cache[5] = ($event) => monthSwitcherOpen.value = false)
-                }, null, 8, ["calendar-date", "color", "double", "locale"])) : createCommentVNode("v-if", true)
-              ]),
-              _: 1
-              /* STABLE */
-            }),
-            createVNode(Transition, { name: "maz-picker-slide" }, {
-              default: withCtx(() => [
-                yearSwitcherOpen.value ? (openBlock(), createBlock(unref(MazPickerYearSwitcher), {
-                  key: 0,
-                  "calendar-date": calendarDate.value,
-                  "onUpdate:calendarDate": _cache[6] || (_cache[6] = ($event) => calendarDate.value = $event),
-                  color: __props.color,
-                  locale: __props.locale,
-                  onClose: _cache[7] || (_cache[7] = ($event) => yearSwitcherOpen.value = false)
-                }, null, 8, ["calendar-date", "color", "locale"])) : createCommentVNode("v-if", true)
-              ]),
-              _: 1
-              /* STABLE */
-            }),
-            createElementVNode("div", _hoisted_2, [
-              (openBlock(true), createElementBlock(
-                Fragment,
-                null,
-                renderList(months.value, (month) => {
-                  return openBlock(), createBlock(MazPickerCalendarMonth, {
-                    key: month,
-                    modelValue: currentValue.value,
-                    "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => currentValue.value = $event),
-                    "hoverred-day": hoverredDay.value,
-                    "onUpdate:hoverredDay": _cache[9] || (_cache[9] = ($event) => hoverredDay.value = $event),
-                    "calendar-date": calendarDate.value,
-                    locale: __props.locale,
-                    "has-time": __props.hasTime,
-                    color: __props.color,
-                    "offset-month": month,
-                    "first-day-of-week": __props.firstDayOfWeek,
-                    "min-date": __props.minDate,
-                    "max-date": __props.maxDate,
-                    disabled: __props.disabled,
-                    "disabled-weekly": __props.disabledWeekly,
-                    "disabled-dates": __props.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 MazPickerCalendar_vue_vue_type_style_index_0_scoped_dd9f0175_lang = "";
-const MazPickerCalendar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-dd9f0175"]]);
-const MazPickerCalendar$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: MazPickerCalendar }, Symbol.toStringTag, { value: "Module" }));
-export {
-  ChevronLeftIcon as C,
-  MazPickerCalendar$1 as M
-};