maz-ui 3.50.1 → 4.0.0-alpha.3

package/dist/chunks/MazPickerCalendarMonth.rnaiDHFM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazPickerCalendarMonth.rnaiDHFM.mjs","sources":["../../src/components/MazPicker/MazPickerCalendarMonth/MazPickerCalendarDays.vue","../../src/components/MazPicker/MazPickerCalendarMonth/MazPickerCalendarGrid.vue","../../src/components/MazPicker/MazPickerCalendarMonth/MazPickerCalendarMonth.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { getDaysOfWeek } from '@components/MazPicker/utils'\nimport { computed } from 'vue'\n\nconst props = defineProps({\n  locale: { type: String, required: true },\n  firstDayOfWeek: { type: Number, required: true },\n})\n\nconst days = computed(() => getDaysOfWeek(props.locale, props.firstDayOfWeek))\n</script>\n\n<template>\n  <div class=\"maz-picker-calendar-days\">\n    <span v-for=\"label in days\" :key=\"label\">\n      {{ label }}\n    </span>\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .maz-picker-calendar-days {\n  @apply maz-grid maz-grid-cols-7 maz-justify-between maz-gap-1 maz-text-center;\n\n  & span {\n    @apply maz-text-xs maz-text-muted;\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport type { PartialRangeValue, PickerValue } from '@components/MazPicker/types'\nimport type { Color } from '@components/types'\nimport MazBtn from '@components/MazBtn.vue'\nimport { getDaysInMonth, getFirstDayOfMonth, isSameDate, isSameDay, isToday } from '@components/MazPicker/utils'\nimport { debounce } from '@helpers/debounce'\nimport dayjs, { type Dayjs } from 'dayjs'\n\nimport { computed, type PropType, ref, watch } from 'vue'\n\nconst props = defineProps({\n  modelValue: {\n    type: [String, Object] as PropType<PickerValue>,\n    default: undefined,\n  },\n  calendarDate: { type: String, required: true },\n  hasTime: { type: Boolean, required: true },\n  locale: { type: String, required: true },\n  firstDayOfWeek: { type: Number, required: true },\n  color: { type: String as PropType<Color>, required: true },\n  minDate: { type: String, default: undefined },\n  maxDate: { type: String, default: undefined },\n  disabledWeekly: { type: Array as PropType<number[]>, required: true },\n  disabledDates: { type: Array as PropType<string[]>, required: true },\n  hoverredDay: { type: Object as PropType<Dayjs>, default: undefined },\n  disabled: { type: Boolean, required: true },\n})\n\nconst emits = defineEmits(['update:model-value', 'update:hoverred-day'])\n\nenum DaySelect {\n  UNSELECTED,\n  SELECTED,\n  BETWEEN,\n  BETWEEN_HOVERRED,\n}\n\nconst MazPickerGrid = ref<HTMLDivElement>()\nconst transitionName = ref<'maz-slidenext' | 'maz-slideprev'>('maz-slidenext')\n\nconst calendarDateArray = computed<string[]>(() => [props.calendarDate])\n\nconst isRangeMode = computed(() => props.modelValue && typeof props.modelValue === 'object')\n\nconst hoverColor = computed(() => `var(--maz-color-${props.color}-alpha-20)`)\nconst betweenColor = computed(() => `var(--maz-color-${props.color}-alpha)`)\nconst betweenColorAlpha = computed(() => `var(--maz-color-${props.color}-alpha-20)`)\n\nconst modelValue = computed({\n  get: () => props.modelValue,\n  set: value => emits('update:model-value', value),\n})\n\nconst monthDays = computed<{ label: string | number, date: Dayjs }[]>(() =>\n  Array.from({ length: getDaysInMonth(props.calendarDate) }, (_v, i) => i + 1).map(day => ({\n    label: day,\n    date: dayjs(props.calendarDate).set('date', day),\n  })),\n)\n\nconst emptyDaysCount = computed(() => {\n  const firstDayMonth = getFirstDayOfMonth(props.calendarDate)\n  return (firstDayMonth - props.firstDayOfWeek + 7) % 7\n})\n\nfunction setHoverredDay(day?: Dayjs) {\n  const value = props.modelValue as PartialRangeValue\n\n  if (value.start && !value.end && day && day.isAfter(value.start)) {\n    emits('update:hoverred-day', day)\n  }\n  else {\n    emits('update:hoverred-day')\n  }\n}\n\nfunction isBetweenHoverred(day: Dayjs): DaySelect | undefined {\n  const value = props.modelValue as PartialRangeValue\n\n  if (!value.start || !props.hoverredDay) {\n    return undefined\n  }\n\n  const isBetween = dayjs(day).isBetween(value.start, props.hoverredDay, 'date', '(]')\n\n  return isBetween ? DaySelect.BETWEEN_HOVERRED : undefined\n}\n\nfunction isLastDayHoverred(day: Dayjs) {\n  if (!props.hoverredDay) {\n    return\n  }\n\n  return dayjs(day).isSame(props.hoverredDay)\n}\n\nfunction isFirstDay(day: Dayjs): boolean {\n  if (!props.modelValue) {\n    return false\n  }\n\n  if (props.modelValue && typeof props.modelValue === 'object' && props.modelValue?.start) {\n    return isSameDate(day, props.modelValue.start, 'date')\n  }\n\n  return false\n}\n\nfunction isLastDay(day: Dayjs): boolean {\n  if (!props.modelValue) {\n    return false\n  }\n\n  if (props.modelValue && typeof props.modelValue === 'object' && props.modelValue?.end) {\n    return isSameDate(day, props.modelValue.end, 'date')\n  }\n  return false\n}\n\nfunction getDayButtonColor(date: Dayjs): Color {\n  const value = props.modelValue\n\n  if (typeof value === 'object') {\n    return (value.start ? isSameDate(date, value.start, 'date') : false)\n      || (value.end ? isSameDate(date, value.end, 'date') : false)\n      ? props.color\n      : checkIsBetween(date)\n        ? props.color\n        : 'transparent'\n  }\n  else {\n    return checkIsSameDate(date) ? props.color : 'transparent'\n  }\n}\n\nfunction isSelectedOrBetween(day: Dayjs): DaySelect {\n  if (props.modelValue && typeof props.modelValue === 'object') {\n    if (props.modelValue.start && isSameDate(day, props.modelValue.start, 'date')) {\n      return DaySelect.SELECTED\n    }\n    if (props.modelValue.end) {\n      if (isSameDate(day, props.modelValue.end, 'date')) {\n        return DaySelect.SELECTED\n      }\n\n      if (checkIsBetween(day)) {\n        return DaySelect.BETWEEN\n      }\n    }\n  }\n  else if (checkIsSameDate(day)) {\n    return DaySelect.SELECTED\n  }\n\n  return DaySelect.UNSELECTED\n}\n\nfunction selectDay(value: Dayjs) {\n  if (isRangeMode.value) {\n    setHoverredDay()\n  }\n\n  const valueFormatted = value.format()\n  if (typeof modelValue.value === 'object') {\n    let values = modelValue.value\n\n    if (values.start && values.end) {\n      values = {\n        start: undefined,\n        end: undefined,\n      }\n    }\n\n    const isBeforeStartDate = dayjs(valueFormatted).isBefore(values.start, 'date')\n\n    modelValue.value\n        = !values.start || isBeforeStartDate\n        ? {\n            start: valueFormatted,\n            end: undefined,\n          }\n        : {\n            start: values.start,\n            end: valueFormatted,\n          }\n  }\n  else {\n    modelValue.value = valueFormatted\n  }\n}\n\nfunction checkIsToday(day: Dayjs): boolean {\n  return isToday(day)\n}\n\nfunction checkIsSameDate(day: Dayjs): boolean {\n  if (!props.modelValue) {\n    return false\n  }\n\n  const value = props.modelValue as string\n\n  return isSameDate(day, value, 'date')\n}\n\nfunction checkIsBetween(day: Dayjs): boolean {\n  const value = props.modelValue as PartialRangeValue\n\n  if (!value.start || !value.end) {\n    return false\n  }\n\n  return dayjs(day).isBetween(value.start, value.end, 'date', '()')\n}\n\nfunction isSmallerMinDate(day: Dayjs): boolean {\n  if (!props.minDate) {\n    return false\n  }\n\n  return dayjs(day).isBefore(props.minDate, 'date')\n}\n\nfunction isDisabledWeekly(day: Dayjs): boolean {\n  if (!props.disabledWeekly?.length) {\n    return false\n  }\n\n  return props.disabledWeekly.some(disabledDay => isSameDay(day, disabledDay))\n}\n\nfunction isDisabledDate(day: Dayjs): boolean {\n  if (!props.disabledDates?.length) {\n    return false\n  }\n\n  return props.disabledDates.some(disabledDay => isSameDate(day, disabledDay, 'date'))\n}\n\nfunction isBiggerMaxDate(day: Dayjs): boolean {\n  if (!props.maxDate) {\n    return false\n  }\n\n  return dayjs(day).isAfter(props.maxDate, 'date')\n}\n\nconst removeContainerHeight = debounce(() => {\n  if (MazPickerGrid.value) {\n    MazPickerGrid.value.style.minHeight = ''\n  }\n}, 400)\n\nfunction setContainerHeight() {\n  if (MazPickerGrid.value) {\n    MazPickerGrid.value.style.minHeight = `${MazPickerGrid.value?.clientHeight || 176}px`\n\n    removeContainerHeight()\n  }\n}\n\nwatch(\n  () => props.calendarDate,\n  (calendarDate, oldCalendarValue) => {\n    transitionName.value = dayjs(calendarDate).isAfter(oldCalendarValue, 'date')\n      ? 'maz-slidenext'\n      : 'maz-slideprev'\n\n    setContainerHeight()\n  },\n)\n</script>\n\n<template>\n  <div ref=\"MazPickerGrid\" class=\"maz-picker-calendar-grid\">\n    <TransitionGroup :name=\"transitionName\">\n      <div\n        v-for=\"(dateArray, dateIndex) in [calendarDateArray]\"\n        :key=\"`${dateArray[dateIndex]}`\"\n        class=\"maz-picker-calendar-grid__container\"\n        :class=\"{ '--is-range': isRangeMode }\"\n      >\n        <div v-for=\"first in emptyDaysCount\" :key=\"first\" />\n        <MazBtn\n          v-for=\"({ label, date }, i) in monthDays\"\n          :key=\"i\"\n          size=\"mini\"\n          :color=\"getDayButtonColor(date)\"\n          type=\"button\"\n          :disabled=\"\n            disabled\n              || isSmallerMinDate(date)\n              || isBiggerMaxDate(date)\n              || isDisabledWeekly(date)\n              || isDisabledDate(date)\n          \"\n          :class=\"{\n            '--is-today': checkIsToday(date),\n            '--is-first': isFirstDay(date),\n            '--is-last': isLastDay(date) || (isRangeMode && isLastDayHoverred(date)),\n            '--is-selected': isSelectedOrBetween(date) === DaySelect.SELECTED,\n            '--is-between': isSelectedOrBetween(date) === DaySelect.BETWEEN,\n            '--is-between-hoverred': isRangeMode\n              ? isBetweenHoverred(date) === DaySelect.BETWEEN_HOVERRED\n              : undefined,\n          }\"\n          @click=\"selectDay(date)\"\n          @mouseover=\"isRangeMode ? setHoverredDay(date) : undefined\"\n          @mouseleave=\"isRangeMode ? setHoverredDay() : undefined\"\n          @focus=\"isRangeMode ? setHoverredDay(date) : undefined\"\n          @blur=\"isRangeMode ? setHoverredDay() : undefined\"\n        >\n          <span>\n            {{ label }}\n          </span>\n        </MazBtn>\n      </div>\n    </TransitionGroup>\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .maz-picker-calendar-grid {\n  @apply maz-relative;\n\n  transition: all 300ms ease-in-out;\n\n  &__container {\n    @apply maz-relative maz-grid maz-grid-cols-7 maz-items-start maz-gap-1;\n\n    /* &.--is-range {\n        @apply maz-gap-0 maz-gap-y-1;\n      } */\n\n    & button {\n      @apply maz-h-8 maz-w-8 maz-cursor-pointer !maz-rounded-full;\n\n      /* @apply maz-p-1 !important; */\n\n      &.--is-today {\n        &:not(.--is-selected, .--is-between, .--is-between-hoverred) {\n          @apply !maz-bg-color-light dark:!maz-bg-color-lighter;\n        }\n      }\n\n      &:hover {\n        &:not(.--is-selected, .--is-between, .--is-between-hoverred) {\n          background-color: v-bind('hoverColor') !important;\n        }\n      }\n\n      &.--is-between-hoverred {\n        background-color: v-bind('betweenColorAlpha') !important;\n      }\n\n      &.--is-between {\n        background-color: v-bind('betweenColor') !important;\n\n        &.--white,\n        &.--transparent {\n          @apply !maz-bg-gray-400;\n        }\n\n        &.--black {\n          @apply !maz-bg-gray-800;\n        }\n      }\n\n      & span {\n        @apply maz-text-sm;\n      }\n\n      &:disabled {\n        @apply maz-cursor-not-allowed;\n      }\n    }\n  }\n}\n\n/** Slide next/prev animation  **/\n.maz-slidenext-leave-active,\n.maz-slidenext-enter-active,\n.maz-slideprev-leave-active,\n.maz-slideprev-enter-active {\n  @apply maz-absolute maz-left-0 maz-right-0 maz-top-0;\n\n  transition: transform 300ms ease-in-out;\n}\n\n/* .maz-slidenext-enter-to, */\n.maz-slideprev-leave-to,\n.maz-slidenext-enter-from {\n  transform: translateX(100%);\n}\n\n.maz-slidenext-leave-to,\n.maz-slideprev-enter-from {\n  transform: translateX(-100%);\n}\n</style>\n","<script lang=\"ts\" setup>\nimport type { PickerValue } from '@components/MazPicker/types'\nimport type { Color } from '@components/types'\nimport MazPickerCalendarDays from '@components/MazPicker/MazPickerCalendarMonth/MazPickerCalendarDays.vue'\nimport MazPickerCalendarGrid from '@components/MazPicker/MazPickerCalendarMonth/MazPickerCalendarGrid.vue'\nimport dayjs, { type Dayjs } from 'dayjs'\n\nimport { computed, type PropType } from 'vue'\n\nconst props = defineProps({\n  modelValue: {\n    type: [String, Object] as PropType<PickerValue>,\n    default: undefined,\n  },\n  color: { type: String as PropType<Color>, required: true },\n  locale: { type: String, required: true },\n  hasTime: { type: Boolean, required: true },\n  firstDayOfWeek: { type: Number, required: true },\n  calendarDate: { type: String, required: true },\n  offsetMonth: { type: Number, default: 0 },\n  minDate: { type: String, default: undefined },\n  maxDate: { type: String, default: undefined },\n  disabledWeekly: { type: Array as PropType<number[]>, required: true },\n  disabledDates: { type: Array as PropType<string[]>, required: true },\n  hoverredDay: { type: Object as PropType<Dayjs>, default: undefined },\n  disabled: { type: Boolean, required: true },\n})\n\nconst emits = defineEmits(['update:model-value', 'update:calendar-date', 'update:hoverred-day'])\n\nconst modelValue = computed({\n  get: () => props.modelValue,\n  set: value => emits('update:model-value', value),\n})\n\n// const isRangeMode = computed(() => typeof modelValue.value === 'object')\n\nconst hoverredDay = computed({\n  get: () => props.hoverredDay,\n  set: value => emits('update:hoverred-day', value),\n})\n\nfunction getCalendarDateWithOffset(offset: number) {\n  return dayjs(props.calendarDate).add(offset, 'month').format()\n}\n\nconst calendarDateWithOffset = computed({\n  get: () => getCalendarDateWithOffset(props.offsetMonth),\n  set: calendarDate => emits('update:calendar-date', calendarDate),\n})\n</script>\n\n<template>\n  <div class=\"maz-picker-calendar-month --has-padding\">\n    <MazPickerCalendarDays\n      :locale=\"locale\"\n      :first-day-of-week=\"firstDayOfWeek\"\n      class=\"maz-picker-calendar-month__days\"\n    />\n\n    <MazPickerCalendarGrid\n      v-model=\"modelValue\"\n      v-model:hoverred-day=\"hoverredDay\"\n      :locale=\"locale\"\n      :color=\"color\"\n      :has-time=\"hasTime\"\n      :calendar-date=\"calendarDateWithOffset\"\n      :first-day-of-week=\"firstDayOfWeek\"\n      :min-date=\"minDate\"\n      :max-date=\"maxDate\"\n      :disabled-weekly=\"disabledWeekly\"\n      :disabled-dates=\"disabledDates\"\n      :disabled=\"disabled\"\n    />\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .maz-picker-calendar-month {\n  @apply maz-w-full maz-overflow-hidden maz-py-2;\n\n  &.--has-padding {\n    @apply maz-px-2;\n  }\n\n  &__days {\n    @apply maz-pb-2;\n  }\n}\n</style>\n"],"names":["props","__props","days","computed","getDaysOfWeek","emits","__emit","MazPickerGrid","ref","transitionName","calendarDateArray","isRangeMode","hoverColor","betweenColor","betweenColorAlpha","modelValue","value","monthDays","getDaysInMonth","_v","i","day","dayjs","emptyDaysCount","getFirstDayOfMonth","setHoverredDay","isBetweenHoverred","isLastDayHoverred","isFirstDay","_a","isSameDate","isLastDay","getDayButtonColor","date","checkIsBetween","checkIsSameDate","isSelectedOrBetween","selectDay","valueFormatted","values","isBeforeStartDate","checkIsToday","isToday","isSmallerMinDate","isDisabledWeekly","isSameDay","disabledDay","isDisabledDate","isBiggerMaxDate","removeContainerHeight","debounce","setContainerHeight","watch","calendarDate","oldCalendarValue","hoverredDay","getCalendarDateWithOffset","offset","calendarDateWithOffset"],"mappings":"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"}

package/dist/chunks/MazPickerCalendarSwitcher.DC2wff_J.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/MazPickerCalendarSwitcher.23EFP_7Y.css');const e=require("vue"),o=require("../components/MazBtn.cjs"),l=require("../filters/capitalize.cjs"),n=require("../filters/date.cjs"),u=require("./chevron-left.BYUi62el.cjs"),i=require("dayjs"),v=require("./_plugin-vue_export-helper.BHFhmbuH.cjs"),z={class:"m-picker-calendar-switcher"},w=e.defineComponent({__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(p,{emit:m}){const t=p,d=m,a=e.computed(()=>i(t.calendarDate)),f=e.computed(()=>t.double?`${l.capitalize(n.date(a.value.format(),t.locale,{month:"long"}))} - ${l.capitalize(n.date(a.value.add(1,"month").format(),t.locale,{month:"long"}))}`:l.capitalize(n.date(a.value.format(),t.locale,{month:"long"}))),h=e.computed(()=>n.date(a.value.format(),t.locale,{year:"numeric"}));function _(){d("update:calendar-date",i(t.calendarDate).subtract(1,"month").format())}function y(){d("update:calendar-date",i(t.calendarDate).add(1,"month").format())}return(s,r)=>(e.openBlock(),e.createElementBlock("div",z,[e.createVNode(o.default,{size:"xs",color:"transparent",type:"button",onClick:_},{default:e.withCtx(()=>[e.createVNode(e.unref(u.default),{class:"maz-text-lg"})]),_:1}),e.createVNode(o.default,{size:"sm",color:"transparent",type:"button",class:"m-picker-calendar-switcher__date",onClick:r[0]||(r[0]=c=>s.$emit("open-month-switcher",c))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(f.value),1)]),_:1}),e.createVNode(o.default,{size:"sm",color:"transparent",type:"button",class:"m-picker-calendar-switcher__date",onClick:r[1]||(r[1]=c=>s.$emit("open-year-switcher",c))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(h.value),1)]),_:1}),e.createVNode(o.default,{size:"xs",color:"transparent",type:"button",onClick:y},{default:e.withCtx(()=>[e.createVNode(e.unref(u.default),{class:"maz-rotate-180 maz-text-lg"})]),_:1})]))}}),x=v._export_sfc(w,[["__scopeId","data-v-68067a35"]]);exports.default=x;
+//# sourceMappingURL=MazPickerCalendarSwitcher.DC2wff_J.cjs.map

package/dist/chunks/MazPickerCalendarSwitcher.DC2wff_J.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazPickerCalendarSwitcher.DC2wff_J.cjs","sources":["../../src/components/MazPicker/MazPickerCalendarSwitcher.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport MazBtn from '@components/MazBtn.vue'\nimport { capitalize } from '@filters/capitalize'\nimport { date } from '@filters/date'\nimport ChevronLeftIcon from '@icons/chevron-left.svg'\nimport dayjs from 'dayjs'\nimport { computed } from 'vue'\n\nconst props = defineProps({\n  calendarDate: { type: String, default: undefined },\n  locale: { type: String, required: true },\n  double: { type: Boolean, required: true },\n})\n\nconst emits = defineEmits([\n  'previous',\n  'next',\n  'open-month-switcher',\n  'open-year-switcher',\n  'update:calendar-date',\n])\n\nconst calendarDate2 = computed(() => dayjs(props.calendarDate))\n\nconst monthLabel = computed(() => {\n  return props.double\n    ? `${capitalize(\n      date(calendarDate2.value.format(), props.locale, { month: 'long' }),\n    )} - ${capitalize(\n      date(calendarDate2.value.add(1, 'month').format(), props.locale, {\n        month: 'long',\n      }),\n    )}`\n    : capitalize(date(calendarDate2.value.format(), props.locale, { month: 'long' }))\n})\n\nconst yearLabel = computed(() =>\n  date(calendarDate2.value.format(), props.locale, { year: 'numeric' }),\n)\n\nfunction previousMonth() {\n  emits('update:calendar-date', dayjs(props.calendarDate).subtract(1, 'month').format())\n}\n\nfunction nextMonth() {\n  emits('update:calendar-date', dayjs(props.calendarDate).add(1, 'month').format())\n}\n</script>\n\n<template>\n  <div class=\"m-picker-calendar-switcher\">\n    <MazBtn size=\"xs\" color=\"transparent\" type=\"button\" @click=\"previousMonth\">\n      <ChevronLeftIcon class=\"maz-text-lg\" />\n    </MazBtn>\n    <MazBtn\n      size=\"sm\"\n      color=\"transparent\"\n      type=\"button\"\n      class=\"m-picker-calendar-switcher__date\"\n      @click=\"$emit('open-month-switcher', $event)\"\n    >\n      {{ monthLabel }}\n    </MazBtn>\n    <MazBtn\n      size=\"sm\"\n      color=\"transparent\"\n      type=\"button\"\n      class=\"m-picker-calendar-switcher__date\"\n      @click=\"$emit('open-year-switcher', $event)\"\n    >\n      {{ yearLabel }}\n    </MazBtn>\n    <MazBtn size=\"xs\" color=\"transparent\" type=\"button\" @click=\"nextMonth\">\n      <ChevronLeftIcon class=\"maz-rotate-180 maz-text-lg\" />\n    </MazBtn>\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .m-picker-calendar-switcher {\n  @apply maz-flex maz-space-x-2 maz-border-b maz-border-color-lighter maz-px-2 maz-py-1;\n\n  &__date {\n    @apply maz-flex-1 maz-truncate maz-text-center;\n  }\n}\n</style>\n"],"names":["props","__props","emits","__emit","calendarDate2","computed","dayjs","monthLabel","capitalize","date","yearLabel","previousMonth","nextMonth"],"mappings":"yoBAQA,MAAMA,EAAQC,EAMRC,EAAQC,EAQRC,EAAgBC,EAAAA,SAAS,IAAMC,EAAMN,EAAM,YAAY,CAAC,EAExDO,EAAaF,EAAAA,SAAS,IACnBL,EAAM,OACT,GAAGQ,EAAA,WACHC,OAAKL,EAAc,MAAM,OAAO,EAAGJ,EAAM,OAAQ,CAAE,MAAO,MAAQ,CAAA,CACnE,CAAA,MAAMQ,EAAA,WACLC,OAAKL,EAAc,MAAM,IAAI,EAAG,OAAO,EAAE,OAAA,EAAUJ,EAAM,OAAQ,CAC/D,MAAO,MACR,CAAA,CACF,CAAA,GACCQ,EAAW,WAAAC,OAAKL,EAAc,MAAM,SAAUJ,EAAM,OAAQ,CAAE,MAAO,MAAQ,CAAA,CAAC,CACnF,EAEKU,EAAYL,EAAA,SAAS,IACzBI,EAAK,KAAAL,EAAc,MAAM,OAAA,EAAUJ,EAAM,OAAQ,CAAE,KAAM,SAAW,CAAA,CACtE,EAEA,SAASW,GAAgB,CACjBT,EAAA,uBAAwBI,EAAMN,EAAM,YAAY,EAAE,SAAS,EAAG,OAAO,EAAE,QAAQ,CAAA,CAGvF,SAASY,GAAY,CACbV,EAAA,uBAAwBI,EAAMN,EAAM,YAAY,EAAE,IAAI,EAAG,OAAO,EAAE,QAAQ,CAAA"}

package/dist/chunks/MazPickerCalendarSwitcher.DFGrD6Cr.mjs

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

package/dist/chunks/MazPickerCalendarSwitcher.DFGrD6Cr.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazPickerCalendarSwitcher.DFGrD6Cr.mjs","sources":["../../src/components/MazPicker/MazPickerCalendarSwitcher.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport MazBtn from '@components/MazBtn.vue'\nimport { capitalize } from '@filters/capitalize'\nimport { date } from '@filters/date'\nimport ChevronLeftIcon from '@icons/chevron-left.svg'\nimport dayjs from 'dayjs'\nimport { computed } from 'vue'\n\nconst props = defineProps({\n  calendarDate: { type: String, default: undefined },\n  locale: { type: String, required: true },\n  double: { type: Boolean, required: true },\n})\n\nconst emits = defineEmits([\n  'previous',\n  'next',\n  'open-month-switcher',\n  'open-year-switcher',\n  'update:calendar-date',\n])\n\nconst calendarDate2 = computed(() => dayjs(props.calendarDate))\n\nconst monthLabel = computed(() => {\n  return props.double\n    ? `${capitalize(\n      date(calendarDate2.value.format(), props.locale, { month: 'long' }),\n    )} - ${capitalize(\n      date(calendarDate2.value.add(1, 'month').format(), props.locale, {\n        month: 'long',\n      }),\n    )}`\n    : capitalize(date(calendarDate2.value.format(), props.locale, { month: 'long' }))\n})\n\nconst yearLabel = computed(() =>\n  date(calendarDate2.value.format(), props.locale, { year: 'numeric' }),\n)\n\nfunction previousMonth() {\n  emits('update:calendar-date', dayjs(props.calendarDate).subtract(1, 'month').format())\n}\n\nfunction nextMonth() {\n  emits('update:calendar-date', dayjs(props.calendarDate).add(1, 'month').format())\n}\n</script>\n\n<template>\n  <div class=\"m-picker-calendar-switcher\">\n    <MazBtn size=\"xs\" color=\"transparent\" type=\"button\" @click=\"previousMonth\">\n      <ChevronLeftIcon class=\"maz-text-lg\" />\n    </MazBtn>\n    <MazBtn\n      size=\"sm\"\n      color=\"transparent\"\n      type=\"button\"\n      class=\"m-picker-calendar-switcher__date\"\n      @click=\"$emit('open-month-switcher', $event)\"\n    >\n      {{ monthLabel }}\n    </MazBtn>\n    <MazBtn\n      size=\"sm\"\n      color=\"transparent\"\n      type=\"button\"\n      class=\"m-picker-calendar-switcher__date\"\n      @click=\"$emit('open-year-switcher', $event)\"\n    >\n      {{ yearLabel }}\n    </MazBtn>\n    <MazBtn size=\"xs\" color=\"transparent\" type=\"button\" @click=\"nextMonth\">\n      <ChevronLeftIcon class=\"maz-rotate-180 maz-text-lg\" />\n    </MazBtn>\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .m-picker-calendar-switcher {\n  @apply maz-flex maz-space-x-2 maz-border-b maz-border-color-lighter maz-px-2 maz-py-1;\n\n  &__date {\n    @apply maz-flex-1 maz-truncate maz-text-center;\n  }\n}\n</style>\n"],"names":["props","__props","emits","__emit","calendarDate2","computed","dayjs","monthLabel","capitalize","date","yearLabel","previousMonth","nextMonth"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAQA,UAAMA,IAAQC,GAMRC,IAAQC,GAQRC,IAAgBC,EAAS,MAAMC,EAAMN,EAAM,YAAY,CAAC,GAExDO,IAAaF,EAAS,MACnBL,EAAM,SACT,GAAGQ;AAAA,MACHC,EAAKL,EAAc,MAAM,OAAO,GAAGJ,EAAM,QAAQ,EAAE,OAAO,OAAQ,CAAA;AAAA,IACnE,CAAA,MAAMQ;AAAA,MACLC,EAAKL,EAAc,MAAM,IAAI,GAAG,OAAO,EAAE,OAAA,GAAUJ,EAAM,QAAQ;AAAA,QAC/D,OAAO;AAAA,MACR,CAAA;AAAA,IACF,CAAA,KACCQ,EAAWC,EAAKL,EAAc,MAAM,UAAUJ,EAAM,QAAQ,EAAE,OAAO,OAAQ,CAAA,CAAC,CACnF,GAEKU,IAAYL;AAAA,MAAS,MACzBI,EAAKL,EAAc,MAAM,OAAA,GAAUJ,EAAM,QAAQ,EAAE,MAAM,UAAW,CAAA;AAAA,IACtE;AAEA,aAASW,IAAgB;AACjB,MAAAT,EAAA,wBAAwBI,EAAMN,EAAM,YAAY,EAAE,SAAS,GAAG,OAAO,EAAE,QAAQ;AAAA,IAAA;AAGvF,aAASY,IAAY;AACb,MAAAV,EAAA,wBAAwBI,EAAMN,EAAM,YAAY,EAAE,IAAI,GAAG,OAAO,EAAE,QAAQ;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/MazPickerHeader.B7YY9SJI.mjs

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

package/dist/chunks/MazPickerHeader.B7YY9SJI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazPickerHeader.B7YY9SJI.mjs","sources":["../../src/components/MazPicker/MazPickerHeader.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { PickerValue } from '@components/MazPicker/types'\nimport type { DateTimeFormatOptions } from '@components/MazPicker/utils'\nimport type { Color } from '@components/types'\nimport { capitalize } from '@filters/capitalize'\nimport { date } from '@filters/date'\nimport dayjs from 'dayjs'\nimport { computed, type PropType, ref, watch } from 'vue'\n\nconst props = defineProps({\n  modelValue: {\n    type: [String, Object] as PropType<PickerValue>,\n    default: undefined,\n  },\n  color: { type: String as PropType<Color>, required: true },\n  locale: { type: String, required: true },\n  noShortcuts: { type: Boolean, required: true },\n  double: { type: Boolean, required: true },\n  hasDate: { type: Boolean, required: true },\n  hasTime: { type: Boolean, required: true },\n  formatterOptions: {\n    type: Object as PropType<DateTimeFormatOptions>,\n    required: true,\n  },\n  calendarDate: { type: String, required: true },\n})\n\nconst refDate = computed(() =>\n  typeof props.modelValue === 'string' ? props.modelValue : props.modelValue?.start,\n)\n\nconst transitionName = ref<'maz-slidevnext' | 'maz-slidevprev'>('maz-slidevnext')\n\nconst year = computed(() => {\n  if (props.modelValue && typeof props.modelValue === 'object') {\n    return `${\n      props.modelValue.start\n        ? date(props.modelValue.start, props.locale, {\n          year: 'numeric',\n          timeZone: props.formatterOptions.timeZone,\n        })\n        : '...'\n    } - ${\n      props.modelValue.end\n        ? date(props.modelValue.end, props.locale, {\n          year: 'numeric',\n          timeZone: props.formatterOptions.timeZone,\n        })\n        : '...'\n    }`\n  }\n  else if (typeof props.modelValue === 'string') {\n    return date(props.modelValue, props.locale, {\n      year: 'numeric',\n      timeZone: props.formatterOptions.timeZone,\n    })\n  }\n\n  return '-'\n})\n\nconst yearArray = computed(() => (props.hasDate ? [year.value] : undefined))\n\nconst dateString = computed(() => {\n  if (\n    props.modelValue\n    && typeof props.modelValue === 'object'\n    && (props.modelValue.start || props.modelValue.end)\n  ) {\n    const dateOption = props.noShortcuts && !props.double ? 'short' : 'long'\n    return `${\n      props.modelValue.start\n        ? capitalize(\n          date(props.modelValue.start, props.locale, {\n            weekday: dateOption,\n            month: dateOption,\n            day: 'numeric',\n            timeZone: props.formatterOptions.timeZone,\n          }),\n        )\n        : '...'\n    } - ${\n      props.modelValue.end\n        ? capitalize(\n          date(props.modelValue.end, props.locale, {\n            weekday: dateOption,\n            month: dateOption,\n            day: 'numeric',\n            timeZone: props.formatterOptions.timeZone,\n          }),\n        )\n        : '...'\n    }`\n  }\n  else if (typeof props.modelValue === 'string') {\n    return capitalize(\n      date(props.modelValue, props.locale, {\n        weekday: 'long',\n        month: 'long',\n        day: 'numeric',\n        timeZone: props.formatterOptions.timeZone,\n      }),\n    )\n  }\n\n  return '-'\n})\n\nconst dateStringArray = computed(() => (props.hasDate ? [dateString.value] : undefined))\n\nconst timeValue = computed(() => {\n  return refDate.value\n    ? date(refDate.value, props.locale, {\n      timeStyle: 'short',\n      timeZone: props.formatterOptions.timeZone,\n      hour12: props.formatterOptions.hour12,\n    })\n    : undefined\n})\n\nconst timeArray = computed(() => (props.hasTime ? [timeValue.value] : undefined))\n\nwatch(\n  () => props.modelValue,\n  (modelValue, oldModelValue) => {\n    const currentValue = typeof modelValue === 'object' ? modelValue.start : modelValue\n    const oldValue = typeof oldModelValue === 'object' ? oldModelValue.start : oldModelValue\n\n    transitionName.value\n        = dayjs(currentValue).isAfter(oldValue, 'date')\n        || dayjs(currentValue).isSame(oldValue, 'date')\n        ? 'maz-slidevnext'\n        : 'maz-slidevprev'\n  },\n)\n</script>\n\n<template>\n  <div class=\"m-picker-header\" :class=\"[`--${color}`]\">\n    <div v-if=\"hasDate\" class=\"m-picker-header__date\">\n      <TransitionGroup :name=\"transitionName\" tag=\"div\" class=\"m-picker-header__year-transition\">\n        <span v-for=\"(y, yi) in yearArray\" :key=\"`${y}-${yi}`\" class=\"m-picker-header__year-text\">\n          {{ y }}\n        </span>\n      </TransitionGroup>\n      <TransitionGroup :name=\"transitionName\" tag=\"div\" class=\"m-picker-header__date-transition\">\n        <span\n          v-for=\"(d, di) in dateStringArray\"\n          :key=\"`${d}-${di}`\"\n          class=\"m-picker-header__date-text\"\n        >\n          {{ d }}\n        </span>\n      </TransitionGroup>\n    </div>\n    <div v-if=\"timeArray\" class=\"m-picker-header__time\" :class=\"{ '--has-date': hasDate }\">\n      <TransitionGroup :name=\"transitionName\" tag=\"div\" class=\"m-picker-header__time-transition\">\n        <span v-for=\"(t, ti) in timeArray\" :key=\"`${t}-${ti}`\" class=\"m-picker-header__time-text\">\n          {{ t }}\n        </span>\n      </TransitionGroup>\n    </div>\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .m-picker-header {\n  @apply maz-z-1 maz-flex maz-justify-between maz-space-y-1 maz-p-2 maz-font-normal;\n\n  &__year-transition {\n    @apply maz-flex maz-h-5 maz-items-center maz-overflow-hidden maz-leading-3;\n  }\n\n  &__date-transition,\n  &__time-transition {\n    @apply maz-flex maz-h-6 maz-items-center maz-overflow-hidden maz-leading-4;\n  }\n\n  &__time-transition {\n    @apply maz-flex maz-justify-end;\n\n    min-width: 5rem;\n  }\n\n  &__year-text {\n    @apply maz-text-sm;\n  }\n\n  &__time {\n    @apply maz-flex maz-items-end maz-justify-center;\n\n    &:not(.--has-date) {\n      @apply maz-w-full;\n\n      & .m-picker-header__time-transition {\n        @apply maz-w-full maz-flex-center;\n      }\n    }\n  }\n\n  &.--primary {\n    @apply maz-bg-primary maz-text-primary-contrast;\n\n    & .m-picker-header__year-text {\n      @apply maz-text-primary-100;\n    }\n  }\n\n  &.--secondary {\n    @apply maz-bg-secondary maz-text-secondary-contrast;\n\n    & .m-picker-header__year-text {\n      @apply maz-text-secondary-100;\n    }\n  }\n\n  &.--info {\n    @apply maz-bg-info maz-text-info-contrast;\n\n    & .m-picker-header__year-text {\n      @apply maz-text-info-100;\n    }\n  }\n\n  &.--success {\n    @apply maz-bg-success maz-text-success-contrast;\n\n    & .m-picker-header__year-text {\n      @apply maz-text-success-100;\n    }\n  }\n\n  &.--warning {\n    @apply maz-bg-warning maz-text-warning-contrast;\n\n    & .m-picker-header__year-text {\n      @apply maz-text-warning-100;\n    }\n  }\n\n  &.--danger {\n    @apply maz-bg-danger maz-text-danger-contrast;\n\n    & .m-picker-header__year-text {\n      @apply maz-text-danger-100;\n    }\n  }\n\n  &.--black {\n    @apply maz-bg-black maz-text-black-contrast;\n  }\n\n  &.--white {\n    @apply maz-bg-white maz-text-white-contrast;\n\n    & .m-picker-header__year-text {\n      @apply maz-text-muted;\n    }\n  }\n\n  &.--transparent {\n    @apply maz-border-b maz-border-color-light maz-text-normal;\n  }\n}\n</style>\n"],"names":["props","__props","refDate","computed","_a","transitionName","ref","year","date","yearArray","dateString","dateOption","capitalize","dateStringArray","timeValue","timeArray","watch","modelValue","oldModelValue","currentValue","oldValue","dayjs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,UAAMA,IAAQC,GAkBRC,IAAUC;AAAA,MAAS,MACvB;;AAAA,sBAAOH,EAAM,cAAe,WAAWA,EAAM,cAAaI,IAAAJ,EAAM,eAAN,gBAAAI,EAAkB;AAAA;AAAA,IAC9E,GAEMC,IAAiBC,EAAyC,gBAAgB,GAE1EC,IAAOJ,EAAS,MAChBH,EAAM,cAAc,OAAOA,EAAM,cAAe,WAC3C,GACLA,EAAM,WAAW,QACbQ,EAAKR,EAAM,WAAW,OAAOA,EAAM,QAAQ;AAAA,MAC3C,MAAM;AAAA,MACN,UAAUA,EAAM,iBAAiB;AAAA,IAClC,CAAA,IACC,KACN,MACEA,EAAM,WAAW,MACbQ,EAAKR,EAAM,WAAW,KAAKA,EAAM,QAAQ;AAAA,MACzC,MAAM;AAAA,MACN,UAAUA,EAAM,iBAAiB;AAAA,IAAA,CAClC,IACC,KACN,KAEO,OAAOA,EAAM,cAAe,WAC5BQ,EAAKR,EAAM,YAAYA,EAAM,QAAQ;AAAA,MAC1C,MAAM;AAAA,MACN,UAAUA,EAAM,iBAAiB;AAAA,IAAA,CAClC,IAGI,GACR,GAEKS,IAAYN,EAAS,MAAOH,EAAM,UAAU,CAACO,EAAK,KAAK,IAAI,MAAU,GAErEG,IAAaP,EAAS,MAAM;AAE9B,UAAAH,EAAM,cACH,OAAOA,EAAM,cAAe,aAC3BA,EAAM,WAAW,SAASA,EAAM,WAAW,MAC/C;AACA,cAAMW,IAAaX,EAAM,eAAe,CAACA,EAAM,SAAS,UAAU;AAC3D,eAAA,GACLA,EAAM,WAAW,QACbY;AAAA,UACAJ,EAAKR,EAAM,WAAW,OAAOA,EAAM,QAAQ;AAAA,YACzC,SAASW;AAAA,YACT,OAAOA;AAAA,YACP,KAAK;AAAA,YACL,UAAUX,EAAM,iBAAiB;AAAA,UAClC,CAAA;AAAA,QAED,IAAA,KACN,MACEA,EAAM,WAAW,MACbY;AAAA,UACAJ,EAAKR,EAAM,WAAW,KAAKA,EAAM,QAAQ;AAAA,YACvC,SAASW;AAAA,YACT,OAAOA;AAAA,YACP,KAAK;AAAA,YACL,UAAUX,EAAM,iBAAiB;AAAA,UAClC,CAAA;AAAA,YAED,KACN;AAAA,MAEO,WAAA,OAAOA,EAAM,cAAe;AAC5B,eAAAY;AAAA,UACLJ,EAAKR,EAAM,YAAYA,EAAM,QAAQ;AAAA,YACnC,SAAS;AAAA,YACT,OAAO;AAAA,YACP,KAAK;AAAA,YACL,UAAUA,EAAM,iBAAiB;AAAA,UAClC,CAAA;AAAA,QACH;AAGK,aAAA;AAAA,IAAA,CACR,GAEKa,IAAkBV,EAAS,MAAOH,EAAM,UAAU,CAACU,EAAW,KAAK,IAAI,MAAU,GAEjFI,IAAYX,EAAS,MAClBD,EAAQ,QACXM,EAAKN,EAAQ,OAAOF,EAAM,QAAQ;AAAA,MAClC,WAAW;AAAA,MACX,UAAUA,EAAM,iBAAiB;AAAA,MACjC,QAAQA,EAAM,iBAAiB;AAAA,IAChC,CAAA,IACC,MACL,GAEKe,IAAYZ,EAAS,MAAOH,EAAM,UAAU,CAACc,EAAU,KAAK,IAAI,MAAU;AAEhF,WAAAE;AAAA,MACE,MAAMhB,EAAM;AAAA,MACZ,CAACiB,GAAYC,MAAkB;AAC7B,cAAMC,IAAe,OAAOF,KAAe,WAAWA,EAAW,QAAQA,GACnEG,IAAW,OAAOF,KAAkB,WAAWA,EAAc,QAAQA;AAE3E,QAAAb,EAAe,QACTgB,EAAMF,CAAY,EAAE,QAAQC,GAAU,MAAM,KAC3CC,EAAMF,CAAY,EAAE,OAAOC,GAAU,MAAM,IAC5C,mBACA;AAAA,MAAA;AAAA,IAEV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/MazPickerHeader.l7NcmiGH.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/MazPickerHeader.CfwpRnA1.css');const e=require("vue"),u=require("../filters/capitalize.cjs"),n=require("../filters/date.cjs"),s=require("dayjs"),v=require("./_plugin-vue_export-helper.BHFhmbuH.cjs"),_={key:0,class:"m-picker-header__date"},V=e.defineComponent({__name:"MazPickerHeader",props:{modelValue:{type:[String,Object],default:void 0},color:{type:String,required:!0},locale:{type:String,required:!0},noShortcuts:{type:Boolean,required:!0},double:{type:Boolean,required:!0},hasDate:{type:Boolean,required:!0},hasTime:{type:Boolean,required:!0},formatterOptions:{type:Object,required:!0},calendarDate:{type:String,required:!0}},setup(l){const t=l,m=e.computed(()=>{var a;return typeof t.modelValue=="string"?t.modelValue:(a=t.modelValue)==null?void 0:a.start}),i=e.ref("maz-slidevnext"),p=e.computed(()=>t.modelValue&&typeof t.modelValue=="object"?`${t.modelValue.start?n.date(t.modelValue.start,t.locale,{year:"numeric",timeZone:t.formatterOptions.timeZone}):"..."} - ${t.modelValue.end?n.date(t.modelValue.end,t.locale,{year:"numeric",timeZone:t.formatterOptions.timeZone}):"..."}`:typeof t.modelValue=="string"?n.date(t.modelValue,t.locale,{year:"numeric",timeZone:t.formatterOptions.timeZone}):"-"),y=e.computed(()=>t.hasDate?[p.value]:void 0),f=e.computed(()=>{if(t.modelValue&&typeof t.modelValue=="object"&&(t.modelValue.start||t.modelValue.end)){const a=t.noShortcuts&&!t.double?"short":"long";return`${t.modelValue.start?u.capitalize(n.date(t.modelValue.start,t.locale,{weekday:a,month:a,day:"numeric",timeZone:t.formatterOptions.timeZone})):"..."} - ${t.modelValue.end?u.capitalize(n.date(t.modelValue.end,t.locale,{weekday:a,month:a,day:"numeric",timeZone:t.formatterOptions.timeZone})):"..."}`}else if(typeof t.modelValue=="string")return u.capitalize(n.date(t.modelValue,t.locale,{weekday:"long",month:"long",day:"numeric",timeZone:t.formatterOptions.timeZone}));return"-"}),k=e.computed(()=>t.hasDate?[f.value]:void 0),h=e.computed(()=>m.value?n.date(m.value,t.locale,{timeStyle:"short",timeZone:t.formatterOptions.timeZone,hour12:t.formatterOptions.hour12}):void 0),d=e.computed(()=>t.hasTime?[h.value]:void 0);return e.watch(()=>t.modelValue,(a,c)=>{const r=typeof a=="object"?a.start:a,o=typeof c=="object"?c.start:c;i.value=s(r).isAfter(o,"date")||s(r).isSame(o,"date")?"maz-slidevnext":"maz-slidevprev"}),(a,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["m-picker-header",[`--${l.color}`]])},[l.hasDate?(e.openBlock(),e.createElementBlock("div",_,[e.createVNode(e.TransitionGroup,{name:i.value,tag:"div",class:"m-picker-header__year-transition"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(y.value,(r,o)=>(e.openBlock(),e.createElementBlock("span",{key:`${r}-${o}`,class:"m-picker-header__year-text"},e.toDisplayString(r),1))),128))]),_:1},8,["name"]),e.createVNode(e.TransitionGroup,{name:i.value,tag:"div",class:"m-picker-header__date-transition"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.value,(r,o)=>(e.openBlock(),e.createElementBlock("span",{key:`${r}-${o}`,class:"m-picker-header__date-text"},e.toDisplayString(r),1))),128))]),_:1},8,["name"])])):e.createCommentVNode("",!0),d.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["m-picker-header__time",{"--has-date":l.hasDate}])},[e.createVNode(e.TransitionGroup,{name:i.value,tag:"div",class:"m-picker-header__time-transition"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(r,o)=>(e.openBlock(),e.createElementBlock("span",{key:`${r}-${o}`,class:"m-picker-header__time-text"},e.toDisplayString(r),1))),128))]),_:1},8,["name"])],2)):e.createCommentVNode("",!0)],2))}}),g=v._export_sfc(V,[["__scopeId","data-v-9ff3a0f1"]]);exports.default=g;
+//# sourceMappingURL=MazPickerHeader.l7NcmiGH.cjs.map

package/dist/chunks/MazPickerHeader.l7NcmiGH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazPickerHeader.l7NcmiGH.cjs","sources":["../../src/components/MazPicker/MazPickerHeader.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { PickerValue } from '@components/MazPicker/types'\nimport type { DateTimeFormatOptions } from '@components/MazPicker/utils'\nimport type { Color } from '@components/types'\nimport { capitalize } from '@filters/capitalize'\nimport { date } from '@filters/date'\nimport dayjs from 'dayjs'\nimport { computed, type PropType, ref, watch } from 'vue'\n\nconst props = defineProps({\n  modelValue: {\n    type: [String, Object] as PropType<PickerValue>,\n    default: undefined,\n  },\n  color: { type: String as PropType<Color>, required: true },\n  locale: { type: String, required: true },\n  noShortcuts: { type: Boolean, required: true },\n  double: { type: Boolean, required: true },\n  hasDate: { type: Boolean, required: true },\n  hasTime: { type: Boolean, required: true },\n  formatterOptions: {\n    type: Object as PropType<DateTimeFormatOptions>,\n    required: true,\n  },\n  calendarDate: { type: String, required: true },\n})\n\nconst refDate = computed(() =>\n  typeof props.modelValue === 'string' ? props.modelValue : props.modelValue?.start,\n)\n\nconst transitionName = ref<'maz-slidevnext' | 'maz-slidevprev'>('maz-slidevnext')\n\nconst year = computed(() => {\n  if (props.modelValue && typeof props.modelValue === 'object') {\n    return `${\n      props.modelValue.start\n        ? date(props.modelValue.start, props.locale, {\n          year: 'numeric',\n          timeZone: props.formatterOptions.timeZone,\n        })\n        : '...'\n    } - ${\n      props.modelValue.end\n        ? date(props.modelValue.end, props.locale, {\n          year: 'numeric',\n          timeZone: props.formatterOptions.timeZone,\n        })\n        : '...'\n    }`\n  }\n  else if (typeof props.modelValue === 'string') {\n    return date(props.modelValue, props.locale, {\n      year: 'numeric',\n      timeZone: props.formatterOptions.timeZone,\n    })\n  }\n\n  return '-'\n})\n\nconst yearArray = computed(() => (props.hasDate ? [year.value] : undefined))\n\nconst dateString = computed(() => {\n  if (\n    props.modelValue\n    && typeof props.modelValue === 'object'\n    && (props.modelValue.start || props.modelValue.end)\n  ) {\n    const dateOption = props.noShortcuts && !props.double ? 'short' : 'long'\n    return `${\n      props.modelValue.start\n        ? capitalize(\n          date(props.modelValue.start, props.locale, {\n            weekday: dateOption,\n            month: dateOption,\n            day: 'numeric',\n            timeZone: props.formatterOptions.timeZone,\n          }),\n        )\n        : '...'\n    } - ${\n      props.modelValue.end\n        ? capitalize(\n          date(props.modelValue.end, props.locale, {\n            weekday: dateOption,\n            month: dateOption,\n            day: 'numeric',\n            timeZone: props.formatterOptions.timeZone,\n          }),\n        )\n        : '...'\n    }`\n  }\n  else if (typeof props.modelValue === 'string') {\n    return capitalize(\n      date(props.modelValue, props.locale, {\n        weekday: 'long',\n        month: 'long',\n        day: 'numeric',\n        timeZone: props.formatterOptions.timeZone,\n      }),\n    )\n  }\n\n  return '-'\n})\n\nconst dateStringArray = computed(() => (props.hasDate ? [dateString.value] : undefined))\n\nconst timeValue = computed(() => {\n  return refDate.value\n    ? date(refDate.value, props.locale, {\n      timeStyle: 'short',\n      timeZone: props.formatterOptions.timeZone,\n      hour12: props.formatterOptions.hour12,\n    })\n    : undefined\n})\n\nconst timeArray = computed(() => (props.hasTime ? [timeValue.value] : undefined))\n\nwatch(\n  () => props.modelValue,\n  (modelValue, oldModelValue) => {\n    const currentValue = typeof modelValue === 'object' ? modelValue.start : modelValue\n    const oldValue = typeof oldModelValue === 'object' ? oldModelValue.start : oldModelValue\n\n    transitionName.value\n        = dayjs(currentValue).isAfter(oldValue, 'date')\n        || dayjs(currentValue).isSame(oldValue, 'date')\n        ? 'maz-slidevnext'\n        : 'maz-slidevprev'\n  },\n)\n</script>\n\n<template>\n  <div class=\"m-picker-header\" :class=\"[`--${color}`]\">\n    <div v-if=\"hasDate\" class=\"m-picker-header__date\">\n      <TransitionGroup :name=\"transitionName\" tag=\"div\" class=\"m-picker-header__year-transition\">\n        <span v-for=\"(y, yi) in yearArray\" :key=\"`${y}-${yi}`\" class=\"m-picker-header__year-text\">\n          {{ y }}\n        </span>\n      </TransitionGroup>\n      <TransitionGroup :name=\"transitionName\" tag=\"div\" class=\"m-picker-header__date-transition\">\n        <span\n          v-for=\"(d, di) in dateStringArray\"\n          :key=\"`${d}-${di}`\"\n          class=\"m-picker-header__date-text\"\n        >\n          {{ d }}\n        </span>\n      </TransitionGroup>\n    </div>\n    <div v-if=\"timeArray\" class=\"m-picker-header__time\" :class=\"{ '--has-date': hasDate }\">\n      <TransitionGroup :name=\"transitionName\" tag=\"div\" class=\"m-picker-header__time-transition\">\n        <span v-for=\"(t, ti) in timeArray\" :key=\"`${t}-${ti}`\" class=\"m-picker-header__time-text\">\n          {{ t }}\n        </span>\n      </TransitionGroup>\n    </div>\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .m-picker-header {\n  @apply maz-z-1 maz-flex maz-justify-between maz-space-y-1 maz-p-2 maz-font-normal;\n\n  &__year-transition {\n    @apply maz-flex maz-h-5 maz-items-center maz-overflow-hidden maz-leading-3;\n  }\n\n  &__date-transition,\n  &__time-transition {\n    @apply maz-flex maz-h-6 maz-items-center maz-overflow-hidden maz-leading-4;\n  }\n\n  &__time-transition {\n    @apply maz-flex maz-justify-end;\n\n    min-width: 5rem;\n  }\n\n  &__year-text {\n    @apply maz-text-sm;\n  }\n\n  &__time {\n    @apply maz-flex maz-items-end maz-justify-center;\n\n    &:not(.--has-date) {\n      @apply maz-w-full;\n\n      & .m-picker-header__time-transition {\n        @apply maz-w-full maz-flex-center;\n      }\n    }\n  }\n\n  &.--primary {\n    @apply maz-bg-primary maz-text-primary-contrast;\n\n    & .m-picker-header__year-text {\n      @apply maz-text-primary-100;\n    }\n  }\n\n  &.--secondary {\n    @apply maz-bg-secondary maz-text-secondary-contrast;\n\n    & .m-picker-header__year-text {\n      @apply maz-text-secondary-100;\n    }\n  }\n\n  &.--info {\n    @apply maz-bg-info maz-text-info-contrast;\n\n    & .m-picker-header__year-text {\n      @apply maz-text-info-100;\n    }\n  }\n\n  &.--success {\n    @apply maz-bg-success maz-text-success-contrast;\n\n    & .m-picker-header__year-text {\n      @apply maz-text-success-100;\n    }\n  }\n\n  &.--warning {\n    @apply maz-bg-warning maz-text-warning-contrast;\n\n    & .m-picker-header__year-text {\n      @apply maz-text-warning-100;\n    }\n  }\n\n  &.--danger {\n    @apply maz-bg-danger maz-text-danger-contrast;\n\n    & .m-picker-header__year-text {\n      @apply maz-text-danger-100;\n    }\n  }\n\n  &.--black {\n    @apply maz-bg-black maz-text-black-contrast;\n  }\n\n  &.--white {\n    @apply maz-bg-white maz-text-white-contrast;\n\n    & .m-picker-header__year-text {\n      @apply maz-text-muted;\n    }\n  }\n\n  &.--transparent {\n    @apply maz-border-b maz-border-color-light maz-text-normal;\n  }\n}\n</style>\n"],"names":["props","__props","refDate","computed","_a","transitionName","ref","year","date","yearArray","dateString","dateOption","capitalize","dateStringArray","timeValue","timeArray","watch","modelValue","oldModelValue","currentValue","oldValue","dayjs"],"mappings":"krBASA,MAAMA,EAAQC,EAkBRC,EAAUC,EAAA,SAAS,IACvB,OAAA,cAAOH,EAAM,YAAe,SAAWA,EAAM,YAAaI,EAAAJ,EAAM,aAAN,YAAAI,EAAkB,MAC9E,EAEMC,EAAiBC,MAAyC,gBAAgB,EAE1EC,EAAOJ,EAAAA,SAAS,IAChBH,EAAM,YAAc,OAAOA,EAAM,YAAe,SAC3C,GACLA,EAAM,WAAW,MACbQ,EAAAA,KAAKR,EAAM,WAAW,MAAOA,EAAM,OAAQ,CAC3C,KAAM,UACN,SAAUA,EAAM,iBAAiB,QAClC,CAAA,EACC,KACN,MACEA,EAAM,WAAW,IACbQ,EAAA,KAAKR,EAAM,WAAW,IAAKA,EAAM,OAAQ,CACzC,KAAM,UACN,SAAUA,EAAM,iBAAiB,QAAA,CAClC,EACC,KACN,GAEO,OAAOA,EAAM,YAAe,SAC5BQ,EAAK,KAAAR,EAAM,WAAYA,EAAM,OAAQ,CAC1C,KAAM,UACN,SAAUA,EAAM,iBAAiB,QAAA,CAClC,EAGI,GACR,EAEKS,EAAYN,WAAS,IAAOH,EAAM,QAAU,CAACO,EAAK,KAAK,EAAI,MAAU,EAErEG,EAAaP,EAAAA,SAAS,IAAM,CAE9B,GAAAH,EAAM,YACH,OAAOA,EAAM,YAAe,WAC3BA,EAAM,WAAW,OAASA,EAAM,WAAW,KAC/C,CACA,MAAMW,EAAaX,EAAM,aAAe,CAACA,EAAM,OAAS,QAAU,OAC3D,MAAA,GACLA,EAAM,WAAW,MACbY,EAAA,WACAJ,EAAAA,KAAKR,EAAM,WAAW,MAAOA,EAAM,OAAQ,CACzC,QAASW,EACT,MAAOA,EACP,IAAK,UACL,SAAUX,EAAM,iBAAiB,QAClC,CAAA,CAED,EAAA,KACN,MACEA,EAAM,WAAW,IACbY,EAAA,WACAJ,EAAAA,KAAKR,EAAM,WAAW,IAAKA,EAAM,OAAQ,CACvC,QAASW,EACT,MAAOA,EACP,IAAK,UACL,SAAUX,EAAM,iBAAiB,QAClC,CAAA,GAED,KACN,EAEO,SAAA,OAAOA,EAAM,YAAe,SAC5B,OAAAY,EAAA,WACLJ,EAAAA,KAAKR,EAAM,WAAYA,EAAM,OAAQ,CACnC,QAAS,OACT,MAAO,OACP,IAAK,UACL,SAAUA,EAAM,iBAAiB,QAClC,CAAA,CACH,EAGK,MAAA,GAAA,CACR,EAEKa,EAAkBV,WAAS,IAAOH,EAAM,QAAU,CAACU,EAAW,KAAK,EAAI,MAAU,EAEjFI,EAAYX,EAAAA,SAAS,IAClBD,EAAQ,MACXM,EAAA,KAAKN,EAAQ,MAAOF,EAAM,OAAQ,CAClC,UAAW,QACX,SAAUA,EAAM,iBAAiB,SACjC,OAAQA,EAAM,iBAAiB,MAChC,CAAA,EACC,MACL,EAEKe,EAAYZ,WAAS,IAAOH,EAAM,QAAU,CAACc,EAAU,KAAK,EAAI,MAAU,EAEhFE,OAAAA,EAAA,MACE,IAAMhB,EAAM,WACZ,CAACiB,EAAYC,IAAkB,CAC7B,MAAMC,EAAe,OAAOF,GAAe,SAAWA,EAAW,MAAQA,EACnEG,EAAW,OAAOF,GAAkB,SAAWA,EAAc,MAAQA,EAE3Eb,EAAe,MACTgB,EAAMF,CAAY,EAAE,QAAQC,EAAU,MAAM,GAC3CC,EAAMF,CAAY,EAAE,OAAOC,EAAU,MAAM,EAC5C,iBACA,gBAAA,CAEV"}

package/dist/chunks/MazPickerMonthSwitcher.CAPx3PCt.mjs

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

package/dist/chunks/MazPickerMonthSwitcher.CAPx3PCt.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazPickerMonthSwitcher.CAPx3PCt.mjs","sources":["../../src/components/MazPicker/MazPickerMonthSwitcher.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Color } from '@components/types'\nimport MazBtn from '@components/MazBtn.vue'\nimport { isSameDate } from '@components/MazPicker/utils'\nimport { capitalize } from '@filters/capitalize'\nimport { date } from '@filters/date'\nimport XIcon from '@icons/x-mark.svg'\n\nimport dayjs, { type Dayjs } from 'dayjs'\nimport { computed, type PropType } from 'vue'\n\nconst props = defineProps({\n  calendarDate: { type: String, required: true },\n  color: { type: String as PropType<Color>, required: true },\n  locale: { type: String, required: true },\n  double: { type: Boolean, required: true },\n})\n\nconst emits = defineEmits(['update:calendar-date', 'close'])\n\nconst months = computed<\n  {\n    label: string\n    date: Dayjs\n  }[]\n>(() => {\n  return Array.from({ length: 12 }, (_v, i) => i).map((monthNumber) => {\n    const monthDate = dayjs(props.calendarDate).set('month', monthNumber)\n\n    return props.double\n      ? {\n          label: `${capitalize(\n            date(monthDate.format(), props.locale, {\n              month: 'short',\n            }),\n          )} - ${capitalize(\n            date(monthDate.add(1, 'month').format(), props.locale, {\n              month: 'short',\n            }),\n          )}`,\n          date: monthDate,\n        }\n      : {\n          label: capitalize(\n            date(monthDate.format(), props.locale, {\n              month: 'long',\n            }),\n          ),\n          date: monthDate,\n        }\n  })\n})\n\nfunction selectMonth(date: Dayjs) {\n  emits('update:calendar-date', date.format())\n  emits('close')\n}\n</script>\n\n<template>\n  <div class=\"maz-picker-month-switcher\">\n    <div class=\"maz-picker-month-switcher__header\">\n      <MazBtn size=\"xs\" color=\"transparent\" type=\"button\" @click.stop=\"$emit('close', $event)\">\n        <XIcon class=\"maz-text-lg\" />\n      </MazBtn>\n    </div>\n    <div class=\"maz-picker-month-switcher__main\" :class=\"{ '--has-double': double }\">\n      <MazBtn\n        v-for=\"month in months\"\n        :key=\"month.label\"\n        :size=\"props.double ? 'sm' : 'xs'\"\n        :class=\"{\n          '--is-selected': isSameDate(month.date, calendarDate, 'month'),\n        }\"\n        :color=\"isSameDate(month.date, calendarDate, 'month') ? color : 'transparent'\"\n        type=\"button\"\n        @click.stop=\"selectMonth(month.date)\"\n      >\n        {{ month.label }}\n      </MazBtn>\n    </div>\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .maz-picker-month-switcher {\n  @apply maz-absolute maz-inset-0 maz-z-1 maz-flex maz-flex-col maz-bg-color;\n\n  &__header {\n    @apply maz-flex maz-justify-end maz-border-b maz-border-color-lighter maz-p-2;\n  }\n\n  &__main {\n    @apply maz-grid maz-flex-1 maz-grid-cols-2 maz-gap-1 maz-overflow-y-auto maz-p-2 maz-flex-center;\n\n    &.--has-double {\n      @apply maz-grid-cols-3;\n    }\n\n    & > button {\n      @apply maz-h-full !important;\n    }\n  }\n}\n</style>\n"],"names":["props","__props","emits","__emit","months","computed","_v","i","monthNumber","monthDate","dayjs","capitalize","date","selectMonth"],"mappings":";;;;;;;;;;;;;;;;;;AAWA,UAAMA,IAAQC,GAORC,IAAQC,GAERC,IAASC,EAKb,MACO,MAAM,KAAK,EAAE,QAAQ,GAAG,GAAG,CAACC,GAAIC,MAAMA,CAAC,EAAE,IAAI,CAACC,MAAgB;AACnE,YAAMC,IAAYC,EAAMV,EAAM,YAAY,EAAE,IAAI,SAASQ,CAAW;AAEpE,aAAOR,EAAM,SACT;AAAA,QACE,OAAO,GAAGW;AAAA,UACRC,EAAKH,EAAU,UAAUT,EAAM,QAAQ;AAAA,YACrC,OAAO;AAAA,UACR,CAAA;AAAA,QACF,CAAA,MAAMW;AAAA,UACLC,EAAKH,EAAU,IAAI,GAAG,OAAO,EAAE,OAAA,GAAUT,EAAM,QAAQ;AAAA,YACrD,OAAO;AAAA,UACR,CAAA;AAAA,QAAA,CACF;AAAA,QACD,MAAMS;AAAA,MAAA,IAER;AAAA,QACE,OAAOE;AAAA,UACLC,EAAKH,EAAU,UAAUT,EAAM,QAAQ;AAAA,YACrC,OAAO;AAAA,UACR,CAAA;AAAA,QACH;AAAA,QACA,MAAMS;AAAA,MACR;AAAA,IAAA,CACL,CACF;AAED,aAASI,EAAYD,GAAa;AAC1B,MAAAV,EAAA,wBAAwBU,EAAK,QAAQ,GAC3CV,EAAM,OAAO;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/MazPickerMonthSwitcher.CbplWFfL.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/MazPickerMonthSwitcher.Cl1WlZpR.css');const e=require("vue"),s=require("../components/MazBtn.cjs"),d=require("./MazPicker.BZE8cw36.cjs"),l=require("../filters/capitalize.cjs"),c=require("../filters/date.cjs"),h=require("./x-mark.Dz-FO7Es.cjs"),f=require("dayjs"),k=require("./_plugin-vue_export-helper.BHFhmbuH.cjs"),z={class:"maz-picker-month-switcher"},_={class:"maz-picker-month-switcher__header"},b=e.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(n,{emit:u}){const r=n,i=u,m=e.computed(()=>Array.from({length:12},(o,t)=>t).map(o=>{const t=f(r.calendarDate).set("month",o);return r.double?{label:`${l.capitalize(c.date(t.format(),r.locale,{month:"short"}))} - ${l.capitalize(c.date(t.add(1,"month").format(),r.locale,{month:"short"}))}`,date:t}:{label:l.capitalize(c.date(t.format(),r.locale,{month:"long"})),date:t}}));function p(o){i("update:calendar-date",o.format()),i("close")}return(o,t)=>(e.openBlock(),e.createElementBlock("div",z,[e.createElementVNode("div",_,[e.createVNode(s.default,{size:"xs",color:"transparent",type:"button",onClick:t[0]||(t[0]=e.withModifiers(a=>o.$emit("close",a),["stop"]))},{default:e.withCtx(()=>[e.createVNode(e.unref(h.default),{class:"maz-text-lg"})]),_:1})]),e.createElementVNode("div",{class:e.normalizeClass(["maz-picker-month-switcher__main",{"--has-double":n.double}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,a=>(e.openBlock(),e.createBlock(s.default,{key:a.label,size:r.double?"sm":"xs",class:e.normalizeClass({"--is-selected":e.unref(d.isSameDate)(a.date,n.calendarDate,"month")}),color:e.unref(d.isSameDate)(a.date,n.calendarDate,"month")?n.color:"transparent",type:"button",onClick:e.withModifiers(y=>p(a.date),["stop"])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.label),1)]),_:2},1032,["size","class","color","onClick"]))),128))],2)]))}}),q=k._export_sfc(b,[["__scopeId","data-v-661a18be"]]);exports.default=q;
+//# sourceMappingURL=MazPickerMonthSwitcher.CbplWFfL.cjs.map

package/dist/chunks/MazPickerMonthSwitcher.CbplWFfL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazPickerMonthSwitcher.CbplWFfL.cjs","sources":["../../src/components/MazPicker/MazPickerMonthSwitcher.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Color } from '@components/types'\nimport MazBtn from '@components/MazBtn.vue'\nimport { isSameDate } from '@components/MazPicker/utils'\nimport { capitalize } from '@filters/capitalize'\nimport { date } from '@filters/date'\nimport XIcon from '@icons/x-mark.svg'\n\nimport dayjs, { type Dayjs } from 'dayjs'\nimport { computed, type PropType } from 'vue'\n\nconst props = defineProps({\n  calendarDate: { type: String, required: true },\n  color: { type: String as PropType<Color>, required: true },\n  locale: { type: String, required: true },\n  double: { type: Boolean, required: true },\n})\n\nconst emits = defineEmits(['update:calendar-date', 'close'])\n\nconst months = computed<\n  {\n    label: string\n    date: Dayjs\n  }[]\n>(() => {\n  return Array.from({ length: 12 }, (_v, i) => i).map((monthNumber) => {\n    const monthDate = dayjs(props.calendarDate).set('month', monthNumber)\n\n    return props.double\n      ? {\n          label: `${capitalize(\n            date(monthDate.format(), props.locale, {\n              month: 'short',\n            }),\n          )} - ${capitalize(\n            date(monthDate.add(1, 'month').format(), props.locale, {\n              month: 'short',\n            }),\n          )}`,\n          date: monthDate,\n        }\n      : {\n          label: capitalize(\n            date(monthDate.format(), props.locale, {\n              month: 'long',\n            }),\n          ),\n          date: monthDate,\n        }\n  })\n})\n\nfunction selectMonth(date: Dayjs) {\n  emits('update:calendar-date', date.format())\n  emits('close')\n}\n</script>\n\n<template>\n  <div class=\"maz-picker-month-switcher\">\n    <div class=\"maz-picker-month-switcher__header\">\n      <MazBtn size=\"xs\" color=\"transparent\" type=\"button\" @click.stop=\"$emit('close', $event)\">\n        <XIcon class=\"maz-text-lg\" />\n      </MazBtn>\n    </div>\n    <div class=\"maz-picker-month-switcher__main\" :class=\"{ '--has-double': double }\">\n      <MazBtn\n        v-for=\"month in months\"\n        :key=\"month.label\"\n        :size=\"props.double ? 'sm' : 'xs'\"\n        :class=\"{\n          '--is-selected': isSameDate(month.date, calendarDate, 'month'),\n        }\"\n        :color=\"isSameDate(month.date, calendarDate, 'month') ? color : 'transparent'\"\n        type=\"button\"\n        @click.stop=\"selectMonth(month.date)\"\n      >\n        {{ month.label }}\n      </MazBtn>\n    </div>\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .maz-picker-month-switcher {\n  @apply maz-absolute maz-inset-0 maz-z-1 maz-flex maz-flex-col maz-bg-color;\n\n  &__header {\n    @apply maz-flex maz-justify-end maz-border-b maz-border-color-lighter maz-p-2;\n  }\n\n  &__main {\n    @apply maz-grid maz-flex-1 maz-grid-cols-2 maz-gap-1 maz-overflow-y-auto maz-p-2 maz-flex-center;\n\n    &.--has-double {\n      @apply maz-grid-cols-3;\n    }\n\n    & > button {\n      @apply maz-h-full !important;\n    }\n  }\n}\n</style>\n"],"names":["props","__props","emits","__emit","months","computed","_v","i","monthNumber","monthDate","dayjs","capitalize","date","selectMonth"],"mappings":"2rBAWA,MAAMA,EAAQC,EAORC,EAAQC,EAERC,EAASC,EAAAA,SAKb,IACO,MAAM,KAAK,CAAE,OAAQ,EAAG,EAAG,CAACC,EAAIC,IAAMA,CAAC,EAAE,IAAKC,GAAgB,CACnE,MAAMC,EAAYC,EAAMV,EAAM,YAAY,EAAE,IAAI,QAASQ,CAAW,EAEpE,OAAOR,EAAM,OACT,CACE,MAAO,GAAGW,EAAA,WACRC,EAAAA,KAAKH,EAAU,SAAUT,EAAM,OAAQ,CACrC,MAAO,OACR,CAAA,CACF,CAAA,MAAMW,EAAA,WACLC,OAAKH,EAAU,IAAI,EAAG,OAAO,EAAE,OAAA,EAAUT,EAAM,OAAQ,CACrD,MAAO,OACR,CAAA,CAAA,CACF,GACD,KAAMS,CAAA,EAER,CACE,MAAOE,EAAA,WACLC,EAAAA,KAAKH,EAAU,SAAUT,EAAM,OAAQ,CACrC,MAAO,MACR,CAAA,CACH,EACA,KAAMS,CACR,CAAA,CACL,CACF,EAED,SAASI,EAAYD,EAAa,CAC1BV,EAAA,uBAAwBU,EAAK,QAAQ,EAC3CV,EAAM,OAAO,CAAA"}

package/dist/chunks/MazPickerShortcuts.Bawm0q33.mjs

@@ -0,0 +1,63 @@
+import { defineComponent as h, ref as f, watch as i, openBlock as l, createElementBlock as n, Fragment as v, renderList as y, createBlock as _, normalizeClass as k, withModifiers as S, withCtx as b, createTextVNode as z, toDisplayString as B } from "vue";
+import g from "../components/MazBtn.mjs";
+import { _ as x } from "./_plugin-vue_export-helper.CHgC5LLL.mjs";
+import '../assets/MazPickerShortcuts.B1ASAi7L.css';const C = { class: "maz-picker-shortcuts" }, q = /* @__PURE__ */ h({
+  __name: "MazPickerShortcuts",
+  props: {
+    color: { type: String, required: !0 },
+    modelValue: {
+      type: [String, Object],
+      default: void 0
+    },
+    shortcuts: {
+      type: Array,
+      required: !0
+    },
+    double: { type: Boolean, required: !0 },
+    shortcut: { type: String, default: void 0 },
+    disabled: { type: Boolean, required: !0 }
+  },
+  emits: ["update:model-value"],
+  setup(c, { emit: d }) {
+    const r = c, m = d, s = f(r.shortcut);
+    function u(o, e) {
+      s.value = e, m("update:model-value", o);
+    }
+    return i(
+      () => r.modelValue,
+      (o) => {
+        const e = o;
+        e != null && e.end || (s.value = void 0);
+      }
+    ), i(
+      () => r.shortcut,
+      (o) => {
+        const e = r.shortcuts.find(({ identifier: t }) => o === t);
+        if (e) {
+          const { value: t, identifier: a } = e;
+          u(t, a);
+        }
+      },
+      { immediate: !0 }
+    ), (o, e) => (l(), n("div", C, [
+      (l(!0), n(v, null, y(c.shortcuts, ({ identifier: t, label: a, value: p }) => (l(), _(g, {
+        key: t,
+        type: "button",
+        size: "sm",
+        disabled: c.disabled,
+        color: t === s.value ? r.color : "transparent",
+        class: k({ "--is-selected": t === s.value }),
+        onClick: S((w) => u(p, t), ["stop"])
+      }, {
+        default: b(() => [
+          z(B(a), 1)
+        ]),
+        _: 2
+      }, 1032, ["disabled", "color", "class", "onClick"]))), 128))
+    ]));
+  }
+}), j = /* @__PURE__ */ x(q, [["__scopeId", "data-v-f132e466"]]);
+export {
+  j as default
+};
+//# sourceMappingURL=MazPickerShortcuts.Bawm0q33.mjs.map

package/dist/chunks/MazPickerShortcuts.Bawm0q33.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazPickerShortcuts.Bawm0q33.mjs","sources":["../../src/components/MazPicker/MazPickerShortcuts.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { PickerShortcut, PickerValue, RangeValue } from '@components/MazPicker/types'\nimport type { Color } from '@components/types'\nimport MazBtn from '@components/MazBtn.vue'\n\nimport { type PropType, ref, watch } from 'vue'\n\nconst props = defineProps({\n  color: { type: String as PropType<Color>, required: true },\n  modelValue: {\n    type: [String, Object] as PropType<PickerValue>,\n    default: undefined,\n  },\n  shortcuts: {\n    type: Array as PropType<PickerShortcut[]>,\n    required: true,\n  },\n  double: { type: Boolean, required: true },\n  shortcut: { type: String, default: undefined },\n  disabled: { type: Boolean, required: true },\n})\n\nconst emits = defineEmits(['update:model-value'])\n\nconst selectedShortcut = ref(props.shortcut)\n\nfunction selectShortcut(value: PickerShortcut['value'], identifier: PickerShortcut['identifier']) {\n  selectedShortcut.value = identifier\n  emits('update:model-value', value)\n}\n\nwatch(\n  () => props.modelValue,\n  (value) => {\n    const values = value as RangeValue\n    if (!values?.end) {\n      selectedShortcut.value = undefined\n    }\n  },\n)\n\nwatch(\n  () => props.shortcut,\n  (shortcut) => {\n    const newShortcut = props.shortcuts.find(({ identifier }) => shortcut === identifier)\n    if (newShortcut) {\n      const { value, identifier } = newShortcut\n      selectShortcut(value, identifier)\n    }\n  },\n  { immediate: true },\n)\n</script>\n\n<template>\n  <div class=\"maz-picker-shortcuts\">\n    <MazBtn\n      v-for=\"{ identifier, label, value } in shortcuts\"\n      :key=\"identifier\"\n      type=\"button\"\n      size=\"sm\"\n      :disabled=\"disabled\"\n      :color=\"identifier === selectedShortcut ? props.color : 'transparent'\"\n      :class=\"{ '--is-selected': identifier === selectedShortcut }\"\n      @click.stop=\"selectShortcut(value, identifier)\"\n    >\n      {{ label }}\n    </MazBtn>\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .maz-picker-shortcuts {\n  @apply maz-flex maz-flex-col maz-items-start maz-gap-1\n      maz-overflow-y-auto maz-border-r maz-border-color-lighter maz-p-2;\n\n  max-height: 18.75rem;\n\n  & > button {\n    @apply maz-w-full maz-flex-none maz-truncate;\n    @apply maz-text-xs !important;\n\n    &:not(.--is-selected) {\n      @apply maz-border maz-border-color-lighter !important;\n    }\n  }\n}\n</style>\n"],"names":["props","__props","emits","__emit","selectedShortcut","ref","selectShortcut","value","identifier","watch","values","shortcut","newShortcut"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAOA,UAAMA,IAAQC,GAeRC,IAAQC,GAERC,IAAmBC,EAAIL,EAAM,QAAQ;AAElC,aAAAM,EAAeC,GAAgCC,GAA0C;AAChG,MAAAJ,EAAiB,QAAQI,GACzBN,EAAM,sBAAsBK,CAAK;AAAA,IAAA;AAGnC,WAAAE;AAAA,MACE,MAAMT,EAAM;AAAA,MACZ,CAACO,MAAU;AACT,cAAMG,IAASH;AACX,QAACG,KAAA,QAAAA,EAAQ,QACXN,EAAiB,QAAQ;AAAA,MAC3B;AAAA,IAEJ,GAEAK;AAAA,MACE,MAAMT,EAAM;AAAA,MACZ,CAACW,MAAa;AACN,cAAAC,IAAcZ,EAAM,UAAU,KAAK,CAAC,EAAE,YAAAQ,EAAA,MAAiBG,MAAaH,CAAU;AACpF,YAAII,GAAa;AACT,gBAAA,EAAE,OAAAL,GAAO,YAAAC,EAAA,IAAeI;AAC9B,UAAAN,EAAeC,GAAOC,CAAU;AAAA,QAAA;AAAA,MAEpC;AAAA,MACA,EAAE,WAAW,GAAK;AAAA,IACpB;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/MazPickerShortcuts.LxFs0Y6N.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/MazPickerShortcuts.B1ASAi7L.css');const e=require("vue"),p=require("../components/MazBtn.cjs"),m=require("./_plugin-vue_export-helper.BHFhmbuH.cjs"),h={class:"maz-picker-shortcuts"},f=e.defineComponent({__name:"MazPickerShortcuts",props:{color:{type:String,required:!0},modelValue:{type:[String,Object],default:void 0},shortcuts:{type:Array,required:!0},double:{type:Boolean,required:!0},shortcut:{type:String,default:void 0},disabled:{type:Boolean,required:!0}},emits:["update:model-value"],setup(l,{emit:a}){const c=l,i=a,s=e.ref(c.shortcut);function n(r,t){s.value=t,i("update:model-value",r)}return e.watch(()=>c.modelValue,r=>{const t=r;t!=null&&t.end||(s.value=void 0)}),e.watch(()=>c.shortcut,r=>{const t=c.shortcuts.find(({identifier:o})=>r===o);if(t){const{value:o,identifier:u}=t;n(o,u)}},{immediate:!0}),(r,t)=>(e.openBlock(),e.createElementBlock("div",h,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.shortcuts,({identifier:o,label:u,value:d})=>(e.openBlock(),e.createBlock(p.default,{key:o,type:"button",size:"sm",disabled:l.disabled,color:o===s.value?c.color:"transparent",class:e.normalizeClass({"--is-selected":o===s.value}),onClick:e.withModifiers(k=>n(d,o),["stop"])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u),1)]),_:2},1032,["disabled","color","class","onClick"]))),128))]))}}),v=m._export_sfc(f,[["__scopeId","data-v-f132e466"]]);exports.default=v;
+//# sourceMappingURL=MazPickerShortcuts.LxFs0Y6N.cjs.map

package/dist/chunks/MazPickerShortcuts.LxFs0Y6N.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazPickerShortcuts.LxFs0Y6N.cjs","sources":["../../src/components/MazPicker/MazPickerShortcuts.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { PickerShortcut, PickerValue, RangeValue } from '@components/MazPicker/types'\nimport type { Color } from '@components/types'\nimport MazBtn from '@components/MazBtn.vue'\n\nimport { type PropType, ref, watch } from 'vue'\n\nconst props = defineProps({\n  color: { type: String as PropType<Color>, required: true },\n  modelValue: {\n    type: [String, Object] as PropType<PickerValue>,\n    default: undefined,\n  },\n  shortcuts: {\n    type: Array as PropType<PickerShortcut[]>,\n    required: true,\n  },\n  double: { type: Boolean, required: true },\n  shortcut: { type: String, default: undefined },\n  disabled: { type: Boolean, required: true },\n})\n\nconst emits = defineEmits(['update:model-value'])\n\nconst selectedShortcut = ref(props.shortcut)\n\nfunction selectShortcut(value: PickerShortcut['value'], identifier: PickerShortcut['identifier']) {\n  selectedShortcut.value = identifier\n  emits('update:model-value', value)\n}\n\nwatch(\n  () => props.modelValue,\n  (value) => {\n    const values = value as RangeValue\n    if (!values?.end) {\n      selectedShortcut.value = undefined\n    }\n  },\n)\n\nwatch(\n  () => props.shortcut,\n  (shortcut) => {\n    const newShortcut = props.shortcuts.find(({ identifier }) => shortcut === identifier)\n    if (newShortcut) {\n      const { value, identifier } = newShortcut\n      selectShortcut(value, identifier)\n    }\n  },\n  { immediate: true },\n)\n</script>\n\n<template>\n  <div class=\"maz-picker-shortcuts\">\n    <MazBtn\n      v-for=\"{ identifier, label, value } in shortcuts\"\n      :key=\"identifier\"\n      type=\"button\"\n      size=\"sm\"\n      :disabled=\"disabled\"\n      :color=\"identifier === selectedShortcut ? props.color : 'transparent'\"\n      :class=\"{ '--is-selected': identifier === selectedShortcut }\"\n      @click.stop=\"selectShortcut(value, identifier)\"\n    >\n      {{ label }}\n    </MazBtn>\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .maz-picker-shortcuts {\n  @apply maz-flex maz-flex-col maz-items-start maz-gap-1\n      maz-overflow-y-auto maz-border-r maz-border-color-lighter maz-p-2;\n\n  max-height: 18.75rem;\n\n  & > button {\n    @apply maz-w-full maz-flex-none maz-truncate;\n    @apply maz-text-xs !important;\n\n    &:not(.--is-selected) {\n      @apply maz-border maz-border-color-lighter !important;\n    }\n  }\n}\n</style>\n"],"names":["props","__props","emits","__emit","selectedShortcut","ref","selectShortcut","value","identifier","watch","values","shortcut","newShortcut"],"mappings":"4iBAOA,MAAMA,EAAQC,EAeRC,EAAQC,EAERC,EAAmBC,EAAAA,IAAIL,EAAM,QAAQ,EAElC,SAAAM,EAAeC,EAAgCC,EAA0C,CAChGJ,EAAiB,MAAQI,EACzBN,EAAM,qBAAsBK,CAAK,CAAA,CAGnCE,OAAAA,EAAA,MACE,IAAMT,EAAM,WACXO,GAAU,CACT,MAAMG,EAASH,EACVG,GAAA,MAAAA,EAAQ,MACXN,EAAiB,MAAQ,OAC3B,CAEJ,EAEAK,EAAA,MACE,IAAMT,EAAM,SACXW,GAAa,CACN,MAAAC,EAAcZ,EAAM,UAAU,KAAK,CAAC,CAAE,WAAAQ,CAAA,IAAiBG,IAAaH,CAAU,EACpF,GAAII,EAAa,CACT,KAAA,CAAE,MAAAL,EAAO,WAAAC,CAAA,EAAeI,EAC9BN,EAAeC,EAAOC,CAAU,CAAA,CAEpC,EACA,CAAE,UAAW,EAAK,CACpB"}

package/dist/chunks/MazPickerTime.7cxq-Qac.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/MazPickerTime.5J3qaKGo.css');const t=require("vue"),P=require("../components/MazBtn.cjs"),_=require("./MazPicker.BZE8cw36.cjs"),l=require("dayjs"),$=require("./_plugin-vue_export-helper.BHFhmbuH.cjs"),C={class:"m-picker-time__column__items"},V=t.defineComponent({__name:"MazPickerTime",props:{modelValue:{type:[String,Object],default:void 0},calendarDate:{type:String,required:!0},formatterOptions:{type:Object,required:!0},locale:{type:String,required:!0},color:{type:String,required:!0},isOpen:{type:Boolean,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(d,{emit:b}){const a=d,H=b,n=t.computed({get:()=>a.modelValue,set:e=>{H("update:model-value",e)}}),B=t.computed(()=>Array.from({length:a.isHour12?12:24},(e,r)=>r).map(e=>{const r=e+(a.isHour12?1:0),u=M(r),o=l(n.value).set("hour",u),i=T(u)||(a.minDate&&n.value?l(a.minDate).isAfter(o,"hour"):!1)||(a.maxDate&&n.value?l(a.maxDate).isBefore(o,"hour"):!1);return{label:`${r<10?"0":""}${r}`,value:l(n.value).set("hour",u),isDisabled:i}})),y=t.computed(()=>{const e=Math.floor(60/a.minuteInterval)-0;return Array.from({length:e},(r,u)=>u*a.minuteInterval).map(r=>{const u=l(n.value).set("minute",r),o=(a.minDate&&n.value?l(a.minDate).isAfter(u,"minute"):!1)||(a.maxDate&&n.value?l(a.maxDate).isBefore(u,"minute"):!1);return{label:`${r<10?"0":""}${r}`,value:u,isDisabled:o}})}),p=t.computed(()=>typeof n.value=="string"?S(l(n.value).get("hour")):void 0),D=t.computed(()=>typeof n.value=="string"?_.findNearestNumberInList(y.value.map(({value:e})=>e.get("minute")),l(n.value).get("minute")):void 0),f=t.computed(()=>typeof p.value=="number"?p.value>=12?"pm":"am":void 0),q=t.computed(()=>a.isHour12?[{label:"AM",value:"am"},{label:"PM",value:"pm"}]:[]),x=t.computed(()=>{const e=[{identifier:"hour",values:B.value},{identifier:"minute",values:y.value}];return a.isHour12&&e.push({identifier:"ampm",values:q.value}),e});function S(e){if(!a.disabledHours)return e;const r=Array.from({length:24},(o,i)=>i).filter(o=>{var i;return!((i=a.disabledHours)!=null&&i.includes(o))||!0}),u=_.findNearestNumberInList(r,e);return u!==e&&k("hour",l(n.value).set("hour",u)),u}const s=t.ref(),c=t.ref();function M(e){if(a.isHour12){const u=f.value==="pm"?e+12:e;return u===12?0:u===24?12:u}else return e}t.watch(()=>a.isOpen,async e=>{var r;if(e){if(await t.nextTick(),s.value){const u=s.value.querySelector(".m-picker-time__column .m-btn"),o=u==null?void 0:u.offsetHeight,m=((r=s.value)==null?void 0:r.offsetHeight)/2-o/2;c.value=m/16}h(!1)}},{immediate:!0}),t.watch(()=>a.modelValue,async(e,r)=>{e!==r&&(await t.nextTick(),h(!0))},{immediate:!0});function h(e){v("hour",e),v("minute",e),a.isHour12&&v("ampm",e)}function T(e){return(a.disabledHours&&a.disabledHours.includes(e))??!1}function g(e,r){return r==="am"||r==="pm"?f.value===r:e==="hour"?p.value===r.get(e):e==="minute"?D.value===r.get(e):!1}async function v(e,r=!0){if(s.value){const u=s.value.querySelector(`.m-picker-time__column__${e}`),o=s.value.querySelector(`.m-picker-time__column__${e} .--is-selected`);c.value&&u&&o&&s.value&&(await t.nextTick(),_.scrollToTarget(u,o,c.value*16,r))}}async function k(e,r){const u=l(n.value);if(e==="hour"&&typeof r=="object"&&(n.value=u.set("hour",r.get("hour")).format()),e==="minute"&&typeof r=="object"){const o=u.set("minute",r.get("minute"));n.value=o.format()}if(e==="ampm"&&(f.value!==r||!p.value)&&(r==="am"&&(n.value=u.set("hour",u.get("hour")).subtract(12,"hour").format()),r==="pm")){const o=u.get("hour"),i=o+12>12&&o+12<24?o+12:o===0?12:o;n.value=u.set("hour",i).format()}await t.nextTick(),v(e)}return(e,r)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"MazPickerTime",ref:s,class:t.normalizeClass(["m-picker-time",{"--has-date":d.hasDate}])},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(x.value,({values:u,identifier:o},i)=>(t.openBlock(),t.createElementBlock("div",{key:i,class:t.normalizeClass(["m-picker-time__column",[`m-picker-time__column__${o}`]])},[t.createElementVNode("div",{style:t.normalizeStyle({height:`${c.value}rem`}),class:"m-picker-time__column__divider"},null,4),t.createElementVNode("div",C,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(u,({value:m,label:w,isDisabled:z},N)=>(t.openBlock(),t.createBlock(P.default,{key:N,size:"xs",color:g(o,m)?d.color:"transparent",class:t.normalizeClass({"--is-selected":g(o,m)}),disabled:z||d.disabled,type:"button",onClick:t.withModifiers(j=>k(o,m),["stop"])},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(w),1)]),_:2},1032,["color","class","disabled","onClick"]))),128))]),t.createElementVNode("div",{style:t.normalizeStyle({height:`${c.value}rem`}),class:"m-picker-time__column__divider"},null,4)],2))),128))],2))}}),A=$._export_sfc(V,[["__scopeId","data-v-498c1952"]]);exports.default=A;
+//# sourceMappingURL=MazPickerTime.7cxq-Qac.cjs.map