maz-ui 4.7.5 → 4.7.6

package/dist/components/MazDatePicker/MazPickerHeader.js

@@ -1,126 +1 @@
-import { defineComponent, computed, ref, watch, openBlock, createElementBlock, normalizeClass, createVNode, TransitionGroup, withCtx, Fragment, renderList, toDisplayString, createCommentVNode } from "vue";
-import { capitalize } from "@maz-ui/utils/helpers/capitalize";
-import { formatDate } from "@maz-ui/utils/helpers/formatDate";
-import dayjs from "dayjs";
-import { _ as _export_sfc } from "../../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../../assets/MazPickerHeader.B5IM2AdI.css';const _hoisted_1 = {
-  key: 0,
-  class: "m-date-picker-header__date"
-}, _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazPickerHeader",
-  props: {
-    modelValue: {},
-    color: {},
-    locale: {},
-    hideShortcuts: { type: Boolean },
-    double: { type: Boolean },
-    hasDate: { type: Boolean },
-    hasTime: { type: Boolean },
-    formatterOptions: {}
-  },
-  setup(__props) {
-    const refDate = computed(
-      () => typeof __props.modelValue == "string" ? __props.modelValue : __props.modelValue?.start
-    ), transitionName = ref("maz-slidevnext"), year = computed(() => __props.modelValue && typeof __props.modelValue == "object" ? `${__props.modelValue.start ? formatDate(__props.modelValue.start, __props.locale, {
-      year: "numeric",
-      timeZone: __props.formatterOptions.timeZone
-    }) : "..."} - ${__props.modelValue.end ? formatDate(__props.modelValue.end, __props.locale, {
-      year: "numeric",
-      timeZone: __props.formatterOptions.timeZone
-    }) : "..."}` : typeof __props.modelValue == "string" ? formatDate(__props.modelValue, __props.locale, {
-      year: "numeric",
-      timeZone: __props.formatterOptions.timeZone
-    }) : "-"), yearArray = computed(() => __props.hasDate ? [year.value] : void 0), dateString = computed(() => {
-      if (__props.modelValue && typeof __props.modelValue == "object" && (__props.modelValue.start || __props.modelValue.end)) {
-        const dateOption = __props.hideShortcuts && !__props.double ? "short" : "long";
-        return `${__props.modelValue.start ? capitalize(
-          formatDate(__props.modelValue.start, __props.locale, {
-            weekday: dateOption,
-            month: dateOption,
-            day: "numeric",
-            timeZone: __props.formatterOptions.timeZone
-          }) ?? __props.modelValue.start
-        ) : "..."} - ${__props.modelValue.end ? capitalize(
-          formatDate(__props.modelValue.end, __props.locale, {
-            weekday: dateOption,
-            month: dateOption,
-            day: "numeric",
-            timeZone: __props.formatterOptions.timeZone
-          }) ?? __props.modelValue.end
-        ) : "..."}`;
-      } else if (typeof __props.modelValue == "string") {
-        const formattedDate = formatDate(__props.modelValue, __props.locale, {
-          weekday: "long",
-          month: "long",
-          day: "numeric",
-          timeZone: __props.formatterOptions.timeZone
-        });
-        return formattedDate ? capitalize(formattedDate) : void 0;
-      }
-      return "-";
-    }), dateStringArray = computed(() => __props.hasDate ? [dateString.value] : void 0), timeValue = computed(() => refDate.value ? formatDate(refDate.value, __props.locale, {
-      timeStyle: "short",
-      timeZone: __props.formatterOptions.timeZone,
-      hour12: __props.formatterOptions.hour12
-    }) : void 0), timeArray = computed(() => __props.hasTime ? [timeValue.value] : void 0);
-    return watch(
-      () => __props.modelValue,
-      (modelValue, oldModelValue) => {
-        const currentValue = typeof modelValue == "object" ? modelValue.start : modelValue, oldValue = typeof oldModelValue == "object" ? oldModelValue.start : oldModelValue;
-        transitionName.value = dayjs(currentValue).isAfter(oldValue, "date") || dayjs(currentValue).isSame(oldValue, "date") ? "maz-slidevnext" : "maz-slidevprev";
-      }
-    ), (_ctx, _cache) => (openBlock(), createElementBlock("div", {
-      class: normalizeClass(["m-date-picker-header", [`--${__props.color}`]])
-    }, [
-      __props.hasDate ? (openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(TransitionGroup, {
-          name: transitionName.value,
-          tag: "div",
-          class: "m-date-picker-header__year-transition"
-        }, {
-          default: withCtx(() => [
-            (openBlock(!0), createElementBlock(Fragment, null, renderList(yearArray.value, (y, yi) => (openBlock(), createElementBlock("span", {
-              key: `${y}-${yi}`,
-              class: "m-date-picker-header__year-text"
-            }, toDisplayString(y), 1))), 128))
-          ]),
-          _: 1
-        }, 8, ["name"]),
-        createVNode(TransitionGroup, {
-          name: transitionName.value,
-          tag: "div",
-          class: "m-date-picker-header__date-transition"
-        }, {
-          default: withCtx(() => [
-            (openBlock(!0), createElementBlock(Fragment, null, renderList(dateStringArray.value, (d, di) => (openBlock(), createElementBlock("span", {
-              key: `${d}-${di}`,
-              class: "m-date-picker-header__date-text"
-            }, toDisplayString(d), 1))), 128))
-          ]),
-          _: 1
-        }, 8, ["name"])
-      ])) : createCommentVNode("", !0),
-      timeArray.value ? (openBlock(), createElementBlock("div", {
-        key: 1,
-        class: normalizeClass(["m-date-picker-header__time", { "--has-date": __props.hasDate }])
-      }, [
-        createVNode(TransitionGroup, {
-          name: transitionName.value,
-          tag: "div",
-          class: "m-date-picker-header__time-transition"
-        }, {
-          default: withCtx(() => [
-            (openBlock(!0), createElementBlock(Fragment, null, renderList(timeArray.value, (t, ti) => (openBlock(), createElementBlock("span", {
-              key: `${t}-${ti}`,
-              class: "m-date-picker-header__time-text"
-            }, toDisplayString(t), 1))), 128))
-          ]),
-          _: 1
-        }, 8, ["name"])
-      ], 2)) : createCommentVNode("", !0)
-    ], 2));
-  }
-}), MazPickerHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-523d752c"]]);
-export {
-  MazPickerHeader as default
-};
+import{t as _plugin_vue_export_helper_default}from"../../chunks/_plugin-vue_export-helper.ChmETRGw.js";import{Fragment,TransitionGroup,computed,createCommentVNode,createElementBlock,createVNode,defineComponent,normalizeClass,openBlock,ref,renderList,toDisplayString,watch,withCtx}from"vue";import{formatDate}from"@maz-ui/utils/helpers/formatDate";import dayjs from"dayjs";import{capitalize}from"@maz-ui/utils/helpers/capitalize";import '../../assets/MazPickerHeader.B5IM2AdI.css';var _hoisted_1={key:0,class:`m-date-picker-header__date`};var MazPickerHeader_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazPickerHeader`,props:{modelValue:{},color:{},locale:{},hideShortcuts:{type:Boolean},double:{type:Boolean},hasDate:{type:Boolean},hasTime:{type:Boolean},formatterOptions:{}},setup(__props){let refDate=computed(()=>typeof __props.modelValue==`string`?__props.modelValue:__props.modelValue?.start);let transitionName=ref(`maz-slidevnext`);let year=computed(()=>__props.modelValue&&typeof __props.modelValue==`object`?`${__props.modelValue.start?formatDate(__props.modelValue.start,__props.locale,{year:`numeric`,timeZone:__props.formatterOptions.timeZone}):`...`} - ${__props.modelValue.end?formatDate(__props.modelValue.end,__props.locale,{year:`numeric`,timeZone:__props.formatterOptions.timeZone}):`...`}`:typeof __props.modelValue==`string`?formatDate(__props.modelValue,__props.locale,{year:`numeric`,timeZone:__props.formatterOptions.timeZone}):`-`);let yearArray=computed(()=>__props.hasDate?[year.value]:void 0);let dateString=computed(()=>{if(__props.modelValue&&typeof __props.modelValue==`object`&&(__props.modelValue.start||__props.modelValue.end)){let dateOption=__props.hideShortcuts&&!__props.double?`short`:`long`;return`${__props.modelValue.start?capitalize(formatDate(__props.modelValue.start,__props.locale,{weekday:dateOption,month:dateOption,day:`numeric`,timeZone:__props.formatterOptions.timeZone})??__props.modelValue.start):`...`} - ${__props.modelValue.end?capitalize(formatDate(__props.modelValue.end,__props.locale,{weekday:dateOption,month:dateOption,day:`numeric`,timeZone:__props.formatterOptions.timeZone})??__props.modelValue.end):`...`}`}else if(typeof __props.modelValue==`string`){let formattedDate=formatDate(__props.modelValue,__props.locale,{weekday:`long`,month:`long`,day:`numeric`,timeZone:__props.formatterOptions.timeZone});return formattedDate?capitalize(formattedDate):void 0}return`-`});let dateStringArray=computed(()=>__props.hasDate?[dateString.value]:void 0);let timeValue=computed(()=>refDate.value?formatDate(refDate.value,__props.locale,{timeStyle:`short`,timeZone:__props.formatterOptions.timeZone,hour12:__props.formatterOptions.hour12}):void 0);let timeArray=computed(()=>__props.hasTime?[timeValue.value]:void 0);return watch(()=>__props.modelValue,(modelValue,oldModelValue)=>{let currentValue=typeof modelValue==`object`?modelValue.start:modelValue;let oldValue=typeof oldModelValue==`object`?oldModelValue.start:oldModelValue;transitionName.value=dayjs(currentValue).isAfter(oldValue,`date`)||dayjs(currentValue).isSame(oldValue,`date`)?`maz-slidevnext`:`maz-slidevprev`}),(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`m-date-picker-header`,[`--${__props.color}`]])},[__props.hasDate?(openBlock(),createElementBlock(`div`,_hoisted_1,[createVNode(TransitionGroup,{name:transitionName.value,tag:`div`,class:`m-date-picker-header__year-transition`},{default:withCtx(()=>[(openBlock(!0),createElementBlock(Fragment,null,renderList(yearArray.value,(y,yi)=>(openBlock(),createElementBlock(`span`,{key:`${y}-${yi}`,class:`m-date-picker-header__year-text`},toDisplayString(y),1))),128))]),_:1},8,[`name`]),createVNode(TransitionGroup,{name:transitionName.value,tag:`div`,class:`m-date-picker-header__date-transition`},{default:withCtx(()=>[(openBlock(!0),createElementBlock(Fragment,null,renderList(dateStringArray.value,(d,di)=>(openBlock(),createElementBlock(`span`,{key:`${d}-${di}`,class:`m-date-picker-header__date-text`},toDisplayString(d),1))),128))]),_:1},8,[`name`])])):createCommentVNode(``,!0),timeArray.value?(openBlock(),createElementBlock(`div`,{key:1,class:normalizeClass([`m-date-picker-header__time`,{"--has-date":__props.hasDate}])},[createVNode(TransitionGroup,{name:transitionName.value,tag:`div`,class:`m-date-picker-header__time-transition`},{default:withCtx(()=>[(openBlock(!0),createElementBlock(Fragment,null,renderList(timeArray.value,(t,ti)=>(openBlock(),createElementBlock(`span`,{key:`${t}-${ti}`,class:`m-date-picker-header__time-text`},toDisplayString(t),1))),128))]),_:1},8,[`name`])],2)):createCommentVNode(``,!0)],2))}}),[[`__scopeId`,`data-v-523d752c`]]);export{MazPickerHeader_default as default};

package/dist/components/MazDatePicker/MazPickerMonthSwitcher.js

@@ -1,82 +1 @@
-import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, createVNode, withModifiers, withCtx, unref, normalizeClass, Fragment, renderList, createBlock, createTextVNode, toDisplayString } from "vue";
-import { MazXMark } from "@maz-ui/icons/static";
-import { capitalize } from "@maz-ui/utils/helpers/capitalize";
-import { formatDate } from "@maz-ui/utils/helpers/formatDate";
-import dayjs from "dayjs";
-import MazBtn from "../MazBtn.js";
-import { i as isSameDate } from "../../chunks/utils.D89Q5cCP.js";
-import { _ as _export_sfc } from "../../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../../assets/MazPickerMonthSwitcher.B22aTQrT.css';const _hoisted_1 = { class: "maz-picker-month-switcher" }, _hoisted_2 = { class: "maz-picker-month-switcher__header" }, _sfc_main = /* @__PURE__ */ defineComponent({
-  __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(__props, { emit: __emit }) {
-    const props = __props, emits = __emit, months = computed(() => Array.from({ length: 12 }, (_v, i) => i).map((monthNumber) => {
-      const monthDate = dayjs(props.calendarDate).set("month", monthNumber);
-      return props.double ? {
-        label: `${capitalize(
-          formatDate(monthDate.format(), props.locale, {
-            month: "short"
-          }) ?? monthDate.add(1, "month").format()
-        )} - ${capitalize(
-          formatDate(monthDate.add(1, "month").format(), props.locale, {
-            month: "short"
-          }) ?? monthDate.add(1, "month").format()
-        )}`,
-        date: monthDate
-      } : {
-        label: capitalize(
-          formatDate(monthDate.format(), props.locale, {
-            month: "long"
-          }) ?? monthDate.format()
-        ),
-        date: monthDate
-      };
-    }));
-    function selectMonth(date) {
-      emits("update:calendar-date", date.format()), emits("close");
-    }
-    return (_ctx, _cache) => (openBlock(), createElementBlock("div", _hoisted_1, [
-      createElementVNode("div", _hoisted_2, [
-        createVNode(MazBtn, {
-          size: "xs",
-          color: "transparent",
-          type: "button",
-          onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$emit("close", $event), ["stop"]))
-        }, {
-          default: withCtx(() => [
-            createVNode(unref(MazXMark), { class: "maz-text-lg" })
-          ]),
-          _: 1
-        })
-      ]),
-      createElementVNode("div", {
-        class: normalizeClass(["maz-picker-month-switcher__main", { "--has-double": __props.double }])
-      }, [
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(months.value, (month) => (openBlock(), createBlock(MazBtn, {
-          key: month.label,
-          size: props.double ? "sm" : "xs",
-          class: normalizeClass({
-            "--is-selected": unref(isSameDate)(month.date, __props.calendarDate, "month")
-          }),
-          color: unref(isSameDate)(month.date, __props.calendarDate, "month") ? __props.color : "transparent",
-          type: "button",
-          onClick: withModifiers(($event) => selectMonth(month.date), ["stop"])
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(month.label), 1)
-          ]),
-          _: 2
-        }, 1032, ["size", "class", "color", "onClick"]))), 128))
-      ], 2)
-    ]));
-  }
-}), MazPickerMonthSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e311e418"]]);
-export {
-  MazPickerMonthSwitcher as default
-};
+import{f as isSameDate}from"../../chunks/utils.B8bfGQxN.js";import{t as _plugin_vue_export_helper_default}from"../../chunks/_plugin-vue_export-helper.ChmETRGw.js";import{t as MazBtn_default}from"../../chunks/MazBtn.Cc9C1v2l.js";import{Fragment,computed,createBlock,createElementBlock,createElementVNode,createTextVNode,createVNode,defineComponent,normalizeClass,openBlock,renderList,toDisplayString,unref,withCtx,withModifiers}from"vue";import{MazXMark}from"@maz-ui/icons/static";import{formatDate}from"@maz-ui/utils/helpers/formatDate";import dayjs from"dayjs";import{capitalize}from"@maz-ui/utils/helpers/capitalize";import '../../assets/MazPickerMonthSwitcher.B22aTQrT.css';var _hoisted_1={class:`maz-picker-month-switcher`};var _hoisted_2={class:`maz-picker-month-switcher__header`};var MazPickerMonthSwitcher_default=_plugin_vue_export_helper_default(defineComponent({__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(__props,{emit:__emit}){let props=__props;let emits=__emit;let months=computed(()=>Array.from({length:12},(_v,i)=>i).map(monthNumber=>{let monthDate=dayjs(props.calendarDate).set(`month`,monthNumber);return props.double?{label:`${capitalize(formatDate(monthDate.format(),props.locale,{month:`short`})??monthDate.add(1,`month`).format())} - ${capitalize(formatDate(monthDate.add(1,`month`).format(),props.locale,{month:`short`})??monthDate.add(1,`month`).format())}`,date:monthDate}:{label:capitalize(formatDate(monthDate.format(),props.locale,{month:`long`})??monthDate.format()),date:monthDate}}));function selectMonth(date){emits(`update:calendar-date`,date.format()),emits(`close`)}return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[createElementVNode(`div`,_hoisted_2,[createVNode(MazBtn_default,{size:`xs`,color:`transparent`,type:`button`,onClick:_cache[0]||=withModifiers($event=>_ctx.$emit(`close`,$event),[`stop`])},{default:withCtx(()=>[createVNode(unref(MazXMark),{class:`maz-text-lg`})]),_:1})]),createElementVNode(`div`,{class:normalizeClass([`maz-picker-month-switcher__main`,{"--has-double":__props.double}])},[(openBlock(!0),createElementBlock(Fragment,null,renderList(months.value,month=>(openBlock(),createBlock(MazBtn_default,{key:month.label,size:props.double?`sm`:`xs`,class:normalizeClass({"--is-selected":unref(isSameDate)(month.date,__props.calendarDate,`month`)}),color:unref(isSameDate)(month.date,__props.calendarDate,`month`)?__props.color:`transparent`,type:`button`,onClick:withModifiers($event=>selectMonth(month.date),[`stop`])},{default:withCtx(()=>[createTextVNode(toDisplayString(month.label),1)]),_:2},1032,[`size`,`class`,`color`,`onClick`]))),128))],2)]))}}),[[`__scopeId`,`data-v-e311e418`]]);export{MazPickerMonthSwitcher_default as default};

package/dist/components/MazDatePicker/MazPickerShortcuts.js

@@ -1,55 +1 @@
-import { defineComponent, ref, watch, openBlock, createElementBlock, Fragment, renderList, createBlock, withModifiers, normalizeClass, withCtx, createTextVNode, toDisplayString } from "vue";
-import MazBtn from "../MazBtn.js";
-import { _ as _export_sfc } from "../../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../../assets/MazPickerShortcuts.immuGARx.css';const _hoisted_1 = { class: "maz-picker-shortcuts" }, _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazPickerShortcuts",
-  props: {
-    color: {},
-    modelValue: {},
-    shortcuts: {},
-    double: { type: Boolean },
-    shortcut: {},
-    disabled: { type: Boolean }
-  },
-  emits: ["update:model-value"],
-  setup(__props, { emit: __emit }) {
-    const props = __props, emits = __emit, selectedShortcut = ref(props.shortcut);
-    function selectShortcut(value, identifier) {
-      selectedShortcut.value = identifier, emits("update:model-value", value);
-    }
-    return watch(
-      () => props.modelValue,
-      (value) => {
-        value?.end || (selectedShortcut.value = void 0);
-      }
-    ), watch(
-      () => props.shortcut,
-      (shortcut) => {
-        const newShortcut = props.shortcuts && props.shortcuts.find(({ identifier }) => shortcut === identifier);
-        if (newShortcut) {
-          const { value, identifier } = newShortcut;
-          selectShortcut(value, identifier);
-        }
-      },
-      { immediate: !0 }
-    ), (_ctx, _cache) => (openBlock(), createElementBlock("div", _hoisted_1, [
-      (openBlock(!0), createElementBlock(Fragment, null, renderList(__props.shortcuts, ({ identifier, label, value }) => (openBlock(), createBlock(MazBtn, {
-        key: identifier,
-        type: "button",
-        size: "sm",
-        disabled: __props.disabled,
-        color: identifier === selectedShortcut.value ? props.color : "transparent",
-        class: normalizeClass({ "--is-selected": identifier === selectedShortcut.value }),
-        onClick: withModifiers(($event) => selectShortcut(value, identifier), ["stop"])
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(label), 1)
-        ]),
-        _: 2
-      }, 1032, ["disabled", "color", "class", "onClick"]))), 128))
-    ]));
-  }
-}), MazPickerShortcuts = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d30dbe36"]]);
-export {
-  MazPickerShortcuts as default
-};
+import{t as _plugin_vue_export_helper_default}from"../../chunks/_plugin-vue_export-helper.ChmETRGw.js";import{t as MazBtn_default}from"../../chunks/MazBtn.Cc9C1v2l.js";import{Fragment,createBlock,createElementBlock,createTextVNode,defineComponent,normalizeClass,openBlock,ref,renderList,toDisplayString,watch,withCtx,withModifiers}from"vue";import '../../assets/MazPickerShortcuts.immuGARx.css';var _hoisted_1={class:`maz-picker-shortcuts`};var MazPickerShortcuts_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazPickerShortcuts`,props:{color:{},modelValue:{},shortcuts:{},double:{type:Boolean},shortcut:{},disabled:{type:Boolean}},emits:[`update:model-value`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let selectedShortcut=ref(props.shortcut);function selectShortcut(value,identifier){selectedShortcut.value=identifier,emits(`update:model-value`,value)}return watch(()=>props.modelValue,value=>{value?.end||(selectedShortcut.value=void 0)}),watch(()=>props.shortcut,shortcut=>{let newShortcut=props.shortcuts&&props.shortcuts.find(({identifier})=>shortcut===identifier);if(newShortcut){let{value,identifier}=newShortcut;selectShortcut(value,identifier)}},{immediate:!0}),(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[(openBlock(!0),createElementBlock(Fragment,null,renderList(__props.shortcuts,({identifier,label,value})=>(openBlock(),createBlock(MazBtn_default,{key:identifier,type:`button`,size:`sm`,disabled:__props.disabled,color:identifier===selectedShortcut.value?props.color:`transparent`,class:normalizeClass({"--is-selected":identifier===selectedShortcut.value}),onClick:withModifiers($event=>selectShortcut(value,identifier),[`stop`])},{default:withCtx(()=>[createTextVNode(toDisplayString(label),1)]),_:2},1032,[`disabled`,`color`,`class`,`onClick`]))),128))]))}}),[[`__scopeId`,`data-v-d30dbe36`]]);export{MazPickerShortcuts_default as default};

package/dist/components/MazDatePicker/MazPickerTime.js

@@ -1,178 +1 @@
-import { defineComponent, computed, ref, onMounted, watch, nextTick, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createElementVNode, normalizeStyle, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString } from "vue";
-import dayjs from "dayjs";
-import MazBtn from "../MazBtn.js";
-import { f as findNearestNumberInList, s as scrollToTarget } from "../../chunks/utils.D89Q5cCP.js";
-import { _ as _export_sfc } from "../../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../../assets/MazPickerTime.BpOWBzy_.css';const _hoisted_1 = { class: "m-date-picker-time__column__items" }, _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazPickerTime",
-  props: {
-    modelValue: {
-      type: [String, Object],
-      default: void 0
-    },
-    formatterOptions: {
-      type: Object,
-      required: !0
-    },
-    color: { type: String, required: !0 },
-    hasDate: { type: Boolean, required: !0 },
-    minuteInterval: { type: Number, required: !0 },
-    disabledHours: { type: Array, default: void 0 },
-    format: { type: String, required: !0 },
-    isHour12: { type: Boolean, required: !0 },
-    minDate: { type: String, default: void 0 },
-    maxDate: { type: String, default: void 0 },
-    disabled: { type: Boolean, required: !0 }
-  },
-  emits: ["update:model-value"],
-  setup(__props, { emit: __emit }) {
-    const props = __props, emits = __emit, currentDate = computed({
-      get: () => props.modelValue,
-      set: (value) => {
-        emits("update:model-value", value);
-      }
-    }), hours = computed(() => Array.from({ length: props.isHour12 ? 12 : 24 }, (_v, i) => i).map((hour) => {
-      const hourBase = hour + (props.isHour12 ? 1 : 0), hour12or24 = getHour12or24(hourBase), hourValue = dayjs(currentDate.value).set("hour", hour12or24), isDisabled = isDisableHour(hour12or24) || (props.minDate && currentDate.value ? dayjs(props.minDate).isAfter(hourValue, "hour") : !1) || (props.maxDate && currentDate.value ? dayjs(props.maxDate).isBefore(hourValue, "hour") : !1);
-      return {
-        label: `${hourBase < 10 ? "0" : ""}${hourBase}`,
-        value: dayjs(currentDate.value).set("hour", hour12or24),
-        isDisabled
-      };
-    })), minutes = computed(() => {
-      const length = Math.floor(60 / props.minuteInterval) - 0;
-      return Array.from({ length }, (_v, i) => i * props.minuteInterval).map((minute) => {
-        const minuteValue = dayjs(currentDate.value).set("minute", minute), isDisabled = (props.minDate && currentDate.value ? dayjs(props.minDate).isAfter(minuteValue, "minute") : !1) || (props.maxDate && currentDate.value ? dayjs(props.maxDate).isBefore(minuteValue, "minute") : !1);
-        return {
-          label: `${minute < 10 ? "0" : ""}${minute}`,
-          value: minuteValue,
-          isDisabled
-        };
-      });
-    }), currentHour = computed(() => typeof currentDate.value == "string" ? findNearestHour(dayjs(currentDate.value).get("hour")) : void 0), currentMinute = computed(
-      () => typeof currentDate.value == "string" ? findNearestNumberInList(
-        minutes.value.map(({ value }) => value.get("minute")),
-        dayjs(currentDate.value).get("minute")
-      ) : void 0
-    ), currentAmpm = computed(() => typeof currentHour.value == "number" ? currentHour.value >= 12 ? "pm" : "am" : void 0), ampm = computed(
-      () => props.isHour12 ? [
-        { label: "AM", value: "am" },
-        { label: "PM", value: "pm" }
-      ] : []
-    ), columns = computed(() => {
-      const columns2 = [
-        {
-          identifier: "hour",
-          values: hours.value
-        },
-        {
-          identifier: "minute",
-          values: minutes.value
-        }
-      ];
-      return props.isHour12 && columns2.push({
-        identifier: "ampm",
-        values: ampm.value
-      }), columns2;
-    });
-    function findNearestHour(hour) {
-      if (!props.disabledHours)
-        return hour;
-      const hourList = Array.from({ length: 24 }, (_v, i) => i).filter(
-        (hour2) => !props.disabledHours?.includes(hour2) || !0
-      ), nearHour = findNearestNumberInList(hourList, hour);
-      return nearHour !== hour && selectTime("hour", dayjs(currentDate.value).set("hour", nearHour)), nearHour;
-    }
-    const MazDatePickerTime = ref(), spacerHeight = ref();
-    function getHour12or24(hourValue) {
-      if (props.isHour12) {
-        const newValue = currentAmpm.value === "pm" ? hourValue + 12 : hourValue;
-        return newValue === 12 ? 0 : newValue === 24 ? 12 : newValue;
-      } else
-        return hourValue;
-    }
-    function setSpacerHeight() {
-      if (!MazDatePickerTime.value)
-        return;
-      const itemHeight = MazDatePickerTime.value.querySelector(
-        ".m-date-picker-time__column .m-btn"
-      )?.offsetHeight, topSpace = MazDatePickerTime.value.offsetHeight / 2 - itemHeight / 2;
-      spacerHeight.value = topSpace;
-    }
-    onMounted(() => {
-      setSpacerHeight(), scrollColumns(!1);
-    }), watch(
-      () => props.modelValue,
-      async (value, oldValue) => {
-        value !== oldValue && (await nextTick(), scrollColumns(!0));
-      },
-      { immediate: !0 }
-    );
-    function scrollColumns(hasSmoothEffect) {
-      scrollColumn("hour", hasSmoothEffect), scrollColumn("minute", hasSmoothEffect), props.isHour12 && scrollColumn("ampm", hasSmoothEffect);
-    }
-    function isDisableHour(value) {
-      return (props.disabledHours && props.disabledHours.includes(value)) ?? !1;
-    }
-    function isSelected(identifier, value) {
-      return value === "am" || value === "pm" ? currentAmpm.value === value : identifier === "hour" ? currentHour.value === value.get(identifier) : identifier === "minute" ? currentMinute.value === value.get(identifier) : !1;
-    }
-    async function scrollColumn(identifier, hasSmoothEffect = !0) {
-      if (!MazDatePickerTime.value)
-        return;
-      const column = MazDatePickerTime.value.querySelector(`.m-date-picker-time__column__${identifier}`), selectedButton = MazDatePickerTime.value.querySelector(
-        `.m-date-picker-time__column__${identifier} .--is-selected`
-      );
-      spacerHeight.value && column && selectedButton && MazDatePickerTime.value && (await nextTick(), scrollToTarget(column, selectedButton, spacerHeight.value, hasSmoothEffect));
-    }
-    async function selectTime(identifier, value) {
-      const newDate = dayjs(currentDate.value);
-      if (identifier === "hour" && typeof value == "object" && (currentDate.value = newDate.set("hour", value.get("hour")).format()), identifier === "minute" && typeof value == "object") {
-        const dateWithNewMinute = newDate.set("minute", value.get("minute"));
-        currentDate.value = dateWithNewMinute.format();
-      }
-      if (identifier === "ampm" && (currentAmpm.value !== value || !currentHour.value) && (value === "am" && (currentDate.value = newDate.set("hour", newDate.get("hour")).subtract(12, "hour").format()), value === "pm")) {
-        const baseHour = newDate.get("hour"), newHour = baseHour + 12 > 12 && baseHour + 12 < 24 ? baseHour + 12 : baseHour === 0 ? 12 : baseHour;
-        currentDate.value = newDate.set("hour", newHour).format();
-      }
-      await nextTick(), scrollColumn(identifier);
-    }
-    return (_ctx, _cache) => (openBlock(), createElementBlock("div", {
-      ref_key: "MazDatePickerTime",
-      ref: MazDatePickerTime,
-      class: normalizeClass(["m-date-picker-time", { "--has-date": __props.hasDate }])
-    }, [
-      (openBlock(!0), createElementBlock(Fragment, null, renderList(columns.value, ({ values, identifier }, i) => (openBlock(), createElementBlock("div", {
-        key: i,
-        class: normalizeClass(["m-date-picker-time__column", [`m-date-picker-time__column__${identifier}`]])
-      }, [
-        createElementVNode("div", {
-          style: normalizeStyle({ height: `${spacerHeight.value}px` }),
-          class: "m-date-picker-time__column__spacer"
-        }, null, 4),
-        createElementVNode("div", _hoisted_1, [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(values, ({ value, label, isDisabled }, unitIndex) => (openBlock(), createBlock(MazBtn, {
-            key: unitIndex,
-            size: "xs",
-            color: isSelected(identifier, value) ? __props.color : "transparent",
-            class: normalizeClass({ "--is-selected": isSelected(identifier, value) }),
-            disabled: isDisabled || __props.disabled,
-            type: "button",
-            onClick: withModifiers(($event) => selectTime(identifier, value), ["stop"])
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(label), 1)
-            ]),
-            _: 2
-          }, 1032, ["color", "class", "disabled", "onClick"]))), 128))
-        ]),
-        createElementVNode("div", {
-          style: normalizeStyle({ height: `${spacerHeight.value}px` }),
-          class: "m-date-picker-time__column__spacer"
-        }, null, 4)
-      ], 2))), 128))
-    ], 2));
-  }
-}), MazPickerTime = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-50562a31"]]);
-export {
-  MazPickerTime as default
-};
+import{_ as scrollToTarget,n as findNearestNumberInList}from"../../chunks/utils.B8bfGQxN.js";import{t as _plugin_vue_export_helper_default}from"../../chunks/_plugin-vue_export-helper.ChmETRGw.js";import{t as MazBtn_default}from"../../chunks/MazBtn.Cc9C1v2l.js";import{Fragment,computed,createBlock,createElementBlock,createElementVNode,createTextVNode,defineComponent,nextTick,normalizeClass,normalizeStyle,onMounted,openBlock,ref,renderList,toDisplayString,watch,withCtx,withModifiers}from"vue";import dayjs from"dayjs";import '../../assets/MazPickerTime.BpOWBzy_.css';var _hoisted_1={class:`m-date-picker-time__column__items`};var MazPickerTime_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazPickerTime`,props:{modelValue:{type:[String,Object],default:void 0},formatterOptions:{type:Object,required:!0},color:{type:String,required:!0},hasDate:{type:Boolean,required:!0},minuteInterval:{type:Number,required:!0},disabledHours:{type:Array,default:void 0},format:{type:String,required:!0},isHour12:{type:Boolean,required:!0},minDate:{type:String,default:void 0},maxDate:{type:String,default:void 0},disabled:{type:Boolean,required:!0}},emits:[`update:model-value`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let currentDate=computed({get:()=>props.modelValue,set:value=>{emits(`update:model-value`,value)}});let hours=computed(()=>Array.from({length:props.isHour12?12:24},(_v,i)=>i).map(hour=>{let hourBase=hour+(props.isHour12?1:0);let hour12or24=getHour12or24(hourBase);let hourValue=dayjs(currentDate.value).set(`hour`,hour12or24);let isDisabled=isDisableHour(hour12or24)||(props.minDate&&currentDate.value?dayjs(props.minDate).isAfter(hourValue,`hour`):!1)||(props.maxDate&&currentDate.value?dayjs(props.maxDate).isBefore(hourValue,`hour`):!1);return{label:`${hourBase<10?`0`:``}${hourBase}`,value:dayjs(currentDate.value).set(`hour`,hour12or24),isDisabled}}));let minutes=computed(()=>{let length=Math.floor(60/props.minuteInterval)-0;return Array.from({length},(_v,i)=>i*props.minuteInterval).map(minute=>{let minuteValue=dayjs(currentDate.value).set(`minute`,minute);let isDisabled=(props.minDate&&currentDate.value?dayjs(props.minDate).isAfter(minuteValue,`minute`):!1)||(props.maxDate&&currentDate.value?dayjs(props.maxDate).isBefore(minuteValue,`minute`):!1);return{label:`${minute<10?`0`:``}${minute}`,value:minuteValue,isDisabled}})});let currentHour=computed(()=>typeof currentDate.value==`string`?findNearestHour(dayjs(currentDate.value).get(`hour`)):void 0);let currentMinute=computed(()=>typeof currentDate.value==`string`?findNearestNumberInList(minutes.value.map(({value})=>value.get(`minute`)),dayjs(currentDate.value).get(`minute`)):void 0);let currentAmpm=computed(()=>typeof currentHour.value==`number`?currentHour.value>=12?`pm`:`am`:void 0);let ampm=computed(()=>props.isHour12?[{label:`AM`,value:`am`},{label:`PM`,value:`pm`}]:[]);let columns=computed(()=>{let columns=[{identifier:`hour`,values:hours.value},{identifier:`minute`,values:minutes.value}];return props.isHour12&&columns.push({identifier:`ampm`,values:ampm.value}),columns});function findNearestHour(hour){if(!props.disabledHours)return hour;let nearHour=findNearestNumberInList(Array.from({length:24},(_v,i)=>i).filter(hour=>!props.disabledHours?.includes(hour)||!0),hour);return nearHour!==hour&&selectTime(`hour`,dayjs(currentDate.value).set(`hour`,nearHour)),nearHour}let MazDatePickerTime=ref();let spacerHeight=ref();function getHour12or24(hourValue){if(props.isHour12){let newValue=currentAmpm.value===`pm`?hourValue+12:hourValue;return newValue===12?0:newValue===24?12:newValue}else return hourValue}function setSpacerHeight(){if(!MazDatePickerTime.value)return;let itemHeight=MazDatePickerTime.value.querySelector(`.m-date-picker-time__column .m-btn`)?.offsetHeight;spacerHeight.value=MazDatePickerTime.value.offsetHeight/2-itemHeight/2}onMounted(()=>{setSpacerHeight(),scrollColumns(!1)}),watch(()=>props.modelValue,async(value,oldValue)=>{value!==oldValue&&(await nextTick(),scrollColumns(!0))},{immediate:!0});function scrollColumns(hasSmoothEffect){scrollColumn(`hour`,hasSmoothEffect),scrollColumn(`minute`,hasSmoothEffect),props.isHour12&&scrollColumn(`ampm`,hasSmoothEffect)}function isDisableHour(value){return(props.disabledHours&&props.disabledHours.includes(value))??!1}function isSelected(identifier,value){return value===`am`||value===`pm`?currentAmpm.value===value:identifier===`hour`?currentHour.value===value.get(identifier):identifier===`minute`?currentMinute.value===value.get(identifier):!1}async function scrollColumn(identifier,hasSmoothEffect=!0){if(!MazDatePickerTime.value)return;let column=MazDatePickerTime.value.querySelector(`.m-date-picker-time__column__${identifier}`);let selectedButton=MazDatePickerTime.value.querySelector(`.m-date-picker-time__column__${identifier} .--is-selected`);spacerHeight.value&&column&&selectedButton&&MazDatePickerTime.value&&(await nextTick(),scrollToTarget(column,selectedButton,spacerHeight.value,hasSmoothEffect))}async function selectTime(identifier,value){let newDate=dayjs(currentDate.value);if(identifier===`hour`&&typeof value==`object`&&(currentDate.value=newDate.set(`hour`,value.get(`hour`)).format()),identifier===`minute`&&typeof value==`object`&&(currentDate.value=newDate.set(`minute`,value.get(`minute`)).format()),identifier===`ampm`&&(currentAmpm.value!==value||!currentHour.value)&&(value===`am`&&(currentDate.value=newDate.set(`hour`,newDate.get(`hour`)).subtract(12,`hour`).format()),value===`pm`)){let baseHour=newDate.get(`hour`);let newHour=baseHour+12>12&&baseHour+12<24?baseHour+12:baseHour===0?12:baseHour;currentDate.value=newDate.set(`hour`,newHour).format()}await nextTick(),scrollColumn(identifier)}return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{ref_key:`MazDatePickerTime`,ref:MazDatePickerTime,class:normalizeClass([`m-date-picker-time`,{"--has-date":__props.hasDate}])},[(openBlock(!0),createElementBlock(Fragment,null,renderList(columns.value,({values,identifier},i)=>(openBlock(),createElementBlock(`div`,{key:i,class:normalizeClass([`m-date-picker-time__column`,[`m-date-picker-time__column__${identifier}`]])},[createElementVNode(`div`,{style:normalizeStyle({height:`${spacerHeight.value}px`}),class:`m-date-picker-time__column__spacer`},null,4),createElementVNode(`div`,_hoisted_1,[(openBlock(!0),createElementBlock(Fragment,null,renderList(values,({value,label,isDisabled},unitIndex)=>(openBlock(),createBlock(MazBtn_default,{key:unitIndex,size:`xs`,color:isSelected(identifier,value)?__props.color:`transparent`,class:normalizeClass({"--is-selected":isSelected(identifier,value)}),disabled:isDisabled||__props.disabled,type:`button`,onClick:withModifiers($event=>selectTime(identifier,value),[`stop`])},{default:withCtx(()=>[createTextVNode(toDisplayString(label),1)]),_:2},1032,[`color`,`class`,`disabled`,`onClick`]))),128))]),createElementVNode(`div`,{style:normalizeStyle({height:`${spacerHeight.value}px`}),class:`m-date-picker-time__column__spacer`},null,4)],2))),128))],2))}}),[[`__scopeId`,`data-v-50562a31`]]);export{MazPickerTime_default as default};

package/dist/components/MazDatePicker/MazPickerYearSwitcher.js

@@ -1,95 +1 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, createElementVNode, createVNode, withModifiers, withCtx, unref, Fragment, renderList, createBlock, normalizeClass, createTextVNode, toDisplayString } from "vue";
-import { MazChevronLeft, MazXMark } from "@maz-ui/icons/static";
-import { formatDate } from "@maz-ui/utils/helpers/formatDate";
-import dayjs from "dayjs";
-import MazBtn from "../MazBtn.js";
-import { i as isSameDate } from "../../chunks/utils.D89Q5cCP.js";
-import { _ as _export_sfc } from "../../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../../assets/MazPickerYearSwitcher.DM1NPxf1.css';const _hoisted_1 = { class: "maz-picker-year-switcher" }, _hoisted_2 = { class: "maz-picker-year-switcher__header" }, _hoisted_3 = { class: "maz-flex maz-space-x-2" }, _hoisted_4 = { class: "maz-picker-year-switcher__main" }, _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazPickerYearSwitcher",
-  props: {
-    color: { type: String, required: !0 },
-    locale: { type: String, required: !0 },
-    calendarDate: { type: String, required: !0 }
-  },
-  emits: ["update:calendar-date", "close"],
-  setup(__props, { emit: __emit }) {
-    const props = __props, emits = __emit, currentDateTmp = ref(props.calendarDate), years = computed(() => Array.from({ length: 15 }, (_v, i) => i - 7).map((yearNumber) => {
-      const currentYear = dayjs(currentDateTmp.value).get("year"), dateYear = dayjs(currentDateTmp.value).set("year", currentYear + yearNumber);
-      return {
-        label: formatDate(dateYear.format(), props.locale, {
-          year: "numeric"
-        }) ?? dateYear.format(),
-        date: dateYear
-      };
-    }));
-    function selectYear(date) {
-      emits("update:calendar-date", dayjs(date).format()), emits("close");
-    }
-    function previousYears() {
-      currentDateTmp.value = dayjs(currentDateTmp.value).subtract(7, "year").format();
-    }
-    function nextYears() {
-      currentDateTmp.value = dayjs(currentDateTmp.value).add(7, "year").format();
-    }
-    return (_ctx, _cache) => (openBlock(), createElementBlock("div", _hoisted_1, [
-      createElementVNode("div", _hoisted_2, [
-        createElementVNode("div", _hoisted_3, [
-          createVNode(MazBtn, {
-            size: "xs",
-            color: "transparent",
-            type: "button",
-            onClick: withModifiers(previousYears, ["stop"])
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(MazChevronLeft), { class: "maz-text-lg" })
-            ]),
-            _: 1
-          }),
-          createVNode(MazBtn, {
-            size: "xs",
-            color: "transparent",
-            type: "button",
-            onClick: withModifiers(nextYears, ["stop"])
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(MazChevronLeft), { class: "maz-rotate-180 maz-text-lg" })
-            ]),
-            _: 1
-          })
-        ]),
-        createVNode(MazBtn, {
-          size: "xs",
-          color: "transparent",
-          type: "button",
-          onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$emit("close", $event), ["stop"]))
-        }, {
-          default: withCtx(() => [
-            createVNode(unref(MazXMark), { class: "maz-text-lg" })
-          ]),
-          _: 1
-        })
-      ]),
-      createElementVNode("div", _hoisted_4, [
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(years.value, (year) => (openBlock(), createBlock(MazBtn, {
-          key: year.label,
-          size: "sm",
-          type: "button",
-          class: normalizeClass({
-            "--is-selected": unref(isSameDate)(year.date, __props.calendarDate, "year")
-          }),
-          color: unref(isSameDate)(year.date, __props.calendarDate, "year") ? __props.color : "transparent",
-          onClick: withModifiers(($event) => selectYear(year.date), ["stop"])
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(year.label), 1)
-          ]),
-          _: 2
-        }, 1032, ["class", "color", "onClick"]))), 128))
-      ])
-    ]));
-  }
-}), MazPickerYearSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bcf1a665"]]);
-export {
-  MazPickerYearSwitcher as default
-};
+import{f as isSameDate}from"../../chunks/utils.B8bfGQxN.js";import{t as _plugin_vue_export_helper_default}from"../../chunks/_plugin-vue_export-helper.ChmETRGw.js";import{t as MazBtn_default}from"../../chunks/MazBtn.Cc9C1v2l.js";import{Fragment,computed,createBlock,createElementBlock,createElementVNode,createTextVNode,createVNode,defineComponent,normalizeClass,openBlock,ref,renderList,toDisplayString,unref,withCtx,withModifiers}from"vue";import{MazChevronLeft,MazXMark}from"@maz-ui/icons/static";import{formatDate}from"@maz-ui/utils/helpers/formatDate";import dayjs from"dayjs";import '../../assets/MazPickerYearSwitcher.DM1NPxf1.css';var _hoisted_1={class:`maz-picker-year-switcher`};var _hoisted_2={class:`maz-picker-year-switcher__header`};var _hoisted_3={class:`maz-flex maz-space-x-2`};var _hoisted_4={class:`maz-picker-year-switcher__main`};var MazPickerYearSwitcher_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazPickerYearSwitcher`,props:{color:{type:String,required:!0},locale:{type:String,required:!0},calendarDate:{type:String,required:!0}},emits:[`update:calendar-date`,`close`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let currentDateTmp=ref(props.calendarDate);let years=computed(()=>Array.from({length:15},(_v,i)=>i-7).map(yearNumber=>{let currentYear=dayjs(currentDateTmp.value).get(`year`);let dateYear=dayjs(currentDateTmp.value).set(`year`,currentYear+yearNumber);return{label:formatDate(dateYear.format(),props.locale,{year:`numeric`})??dateYear.format(),date:dateYear}}));function selectYear(date){emits(`update:calendar-date`,dayjs(date).format()),emits(`close`)}function previousYears(){currentDateTmp.value=dayjs(currentDateTmp.value).subtract(7,`year`).format()}function nextYears(){currentDateTmp.value=dayjs(currentDateTmp.value).add(7,`year`).format()}return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[createElementVNode(`div`,_hoisted_2,[createElementVNode(`div`,_hoisted_3,[createVNode(MazBtn_default,{size:`xs`,color:`transparent`,type:`button`,onClick:withModifiers(previousYears,[`stop`])},{default:withCtx(()=>[createVNode(unref(MazChevronLeft),{class:`maz-text-lg`})]),_:1}),createVNode(MazBtn_default,{size:`xs`,color:`transparent`,type:`button`,onClick:withModifiers(nextYears,[`stop`])},{default:withCtx(()=>[createVNode(unref(MazChevronLeft),{class:`maz-rotate-180 maz-text-lg`})]),_:1})]),createVNode(MazBtn_default,{size:`xs`,color:`transparent`,type:`button`,onClick:_cache[0]||=withModifiers($event=>_ctx.$emit(`close`,$event),[`stop`])},{default:withCtx(()=>[createVNode(unref(MazXMark),{class:`maz-text-lg`})]),_:1})]),createElementVNode(`div`,_hoisted_4,[(openBlock(!0),createElementBlock(Fragment,null,renderList(years.value,year=>(openBlock(),createBlock(MazBtn_default,{key:year.label,size:`sm`,type:`button`,class:normalizeClass({"--is-selected":unref(isSameDate)(year.date,__props.calendarDate,`year`)}),color:unref(isSameDate)(year.date,__props.calendarDate,`year`)?__props.color:`transparent`,onClick:withModifiers($event=>selectYear(year.date),[`stop`])},{default:withCtx(()=>[createTextVNode(toDisplayString(year.label),1)]),_:2},1032,[`class`,`color`,`onClick`]))),128))])]))}}),[[`__scopeId`,`data-v-bcf1a665`]]);export{MazPickerYearSwitcher_default as default};