maz-ui 4.0.0-alpha.2 → 4.0.0-alpha.3

package/dist/chunks/MazPicker.DCnOkRvv.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazPicker.DCnOkRvv.mjs","sources":["../../src/components/MazPicker/MazPickerContainer.vue","../../src/components/MazPicker/utils.ts","../../src/components/MazPicker.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { PickerShortcut, PickerValue } from '@components/MazPicker/types'\nimport type { DateTimeFormatOptions } from '@components/MazPicker/utils'\nimport type { Color } from '@components/types'\nimport { computed, defineAsyncComponent, type PropType } 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  color: { type: String as PropType<Color>, required: true },\n  locale: { type: String, required: true },\n  noHeader: { type: Boolean, default: false },\n  firstDayOfWeek: { type: Number, required: true },\n  double: { type: Boolean, required: true },\n  hasDate: { type: Boolean, required: true },\n  minDate: { type: String, default: undefined },\n  maxDate: { type: String, default: undefined },\n  inline: { type: Boolean, required: true },\n  noShortcuts: { type: Boolean, required: true },\n  shortcuts: {\n    type: Array as PropType<PickerShortcut[]>,\n    required: true,\n  },\n  shortcut: { type: String, default: undefined },\n  hasTime: { type: Boolean, required: true },\n  isOpen: { type: Boolean, required: true },\n  format: { type: String, required: true },\n  isHour12: { type: Boolean, required: true },\n  formatterOptions: {\n    type: Object as PropType<DateTimeFormatOptions>,\n    required: true,\n  },\n  minuteInterval: { type: Number, required: true },\n  disabled: { type: Boolean, required: true },\n  disabledWeekly: { type: Array as PropType<number[]>, required: true },\n  disabledHours: { type: Array as PropType<number[]>, required: true },\n  disabledDates: { type: Array as PropType<string[]>, required: true },\n})\n\nconst emits = defineEmits(['update:model-value', 'update:calendar-date', 'close'])\n\nconst MazPickerCalendar = defineAsyncComponent(() => import('@components/MazPicker/MazPickerCalendar.vue'))\nconst MazPickerHeader = defineAsyncComponent(() => import('@components/MazPicker/MazPickerHeader.vue'))\nconst MazPickerTime = defineAsyncComponent(() => import('@components/MazPicker/MazPickerTime.vue'))\n\nconst currentDate = computed({\n  get: () => props.modelValue,\n  set: (value) => {\n    emits('update:model-value', value)\n  },\n})\n\nconst calendarDate = computed({\n  get: () => props.calendarDate,\n  set: calendarDate => emits('update:calendar-date', calendarDate),\n})\n</script>\n\n<template>\n  <div\n    class=\"m-picker-container\"\n    :class=\"{\n      '--has-double': double,\n      '--is-inline': inline,\n      '--has-date': hasDate,\n    }\"\n  >\n    <MazPickerHeader\n      v-if=\"!noHeader\"\n      :color=\"color\"\n      :has-time=\"hasTime\"\n      :model-value=\"modelValue\"\n      :locale=\"locale\"\n      :calendar-date=\"calendarDate\"\n      :has-date=\"hasDate\"\n      :formatter-options=\"formatterOptions\"\n      :double=\"double\"\n      :no-shortcuts=\"noShortcuts\"\n      class=\"m-picker-container__header\"\n    />\n\n    <div class=\"m-picker-container__wrapper\">\n      <MazPickerCalendar\n        v-if=\"hasDate\"\n        v-model=\"currentDate\"\n        v-model:calendar-date=\"calendarDate\"\n        :color=\"color\"\n        :locale=\"locale\"\n        :has-time=\"hasTime\"\n        :double=\"double\"\n        :min-date=\"minDate\"\n        :max-date=\"maxDate\"\n        :first-day-of-week=\"firstDayOfWeek\"\n        :disabled=\"disabled\"\n        :disabled-weekly=\"disabledWeekly\"\n        :disabled-dates=\"disabledDates\"\n        :shortcuts=\"shortcuts\"\n        :shortcut=\"shortcut\"\n        :no-shortcuts=\"noShortcuts\"\n        class=\"m-picker-container__calendar\"\n      />\n\n      <MazPickerTime\n        v-if=\"hasTime\"\n        v-model=\"currentDate\"\n        v-model:calendar-date=\"calendarDate\"\n        :is-open=\"isOpen\"\n        :color=\"color\"\n        :locale=\"locale\"\n        :min-date=\"minDate\"\n        :max-date=\"maxDate\"\n        :has-date=\"hasDate\"\n        :format=\"format\"\n        :disabled=\"disabled\"\n        :disabled-hours=\"disabledHours\"\n        :minute-interval=\"minuteInterval\"\n        :formatter-options=\"formatterOptions\"\n        :is-hour12=\"isHour12\"\n        class=\"m-picker-container__time\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .m-picker-container {\n  @apply maz-overflow-hidden maz-rounded maz-bg-color dark:maz-border dark:maz-border-color-light;\n\n  &:not(.--is-inline) {\n    @apply maz-absolute maz-z-default-backdrop maz-elevation;\n  }\n\n  &.--is-inline {\n    @apply maz-border maz-border-color-lighter;\n  }\n\n  &.--has-date {\n    min-width: 16.875rem;\n  }\n\n  &.--has-double {\n    min-width: 28.125rem;\n  }\n\n  &__wrapper {\n    @apply maz-flex;\n  }\n\n  & :deep(button):is(:disabled) {\n    @apply maz-bg-transparent !maz-text-gray-300 !important;\n  }\n}\n\nhtml.dark {\n  & .m-picker-container {\n    & :deep(button):is(:disabled) {\n      @apply maz-text-gray-700 !important;\n    }\n  }\n}\n</style>\n","import type { IpWhoResponse } from '@components/MazInputPhoneNumber/types'\nimport type { PartialRangeValue } from '@components/MazPicker/types'\n\nimport { capitalize } from '@filters/capitalize'\nimport { date } from '@filters/date'\nimport dayjs, { type ConfigType, type OpUnitType } from 'dayjs'\nimport weekday from 'dayjs/plugin/weekday'\n\ndayjs.extend(weekday)\n\nexport type DateTimeFormatOptions = Pick<\n  Intl.DateTimeFormatOptions,\n  'hour12' | 'dateStyle' | 'timeStyle' | 'timeZone'\n>\n\nexport function getFormattedDate({\n  value,\n  locale,\n  options,\n}: {\n  value?: string\n  locale: string\n  options?: Intl.DateTimeFormatOptions\n}): string | undefined {\n  return value ? capitalize(date(value, locale, options)) : undefined\n}\n\nexport function getRangeFormattedDate({\n  value,\n  locale,\n  options,\n}: {\n  value: PartialRangeValue\n  locale: string\n  options: Intl.DateTimeFormatOptions\n}): string | undefined {\n  const startValue = getFormattedDate({\n    value: value.start,\n    locale,\n    options,\n  })\n\n  const endValue = getFormattedDate({\n    value: value.end,\n    locale,\n    options,\n  })\n\n  return startValue || endValue ? `${startValue || '...'} - ${endValue || '...'}` : undefined\n}\n\nexport function getFirstDayOfMonth(value: ConfigType): number {\n  return dayjs(value).startOf('month').day()\n}\n\nexport function getDaysOfWeek(locale: string, firstDayOfWeek: number) {\n  const currentDate = dayjs().locale(locale)\n  const days: string[] = []\n\n  for (let i = 0; i < 7; i++) {\n    const day = currentDate.day(i + firstDayOfWeek).toDate()\n    const dayName = date(day, locale, { weekday: 'short' })\n    days.push(dayName)\n  }\n\n  return days\n}\n\nexport function getDaysInMonth(date: ConfigType): number {\n  return dayjs(date).daysInMonth()\n}\n\nexport function isToday(date: ConfigType): boolean {\n  return dayjs().isSame(date, 'date')\n}\n\nexport function isSameDate(date: ConfigType, date2: ConfigType, unit: OpUnitType): boolean {\n  return dayjs(date).isSame(date2, unit)\n}\n\nexport function isSmaller(date: ConfigType, date2: ConfigType): boolean {\n  return dayjs(date).isAfter(date2)\n}\n\nexport function isSameDay(date: ConfigType, dayNumber: number): boolean {\n  return dayjs(date).day() === dayNumber\n}\n\nexport function getISODate(value?: ConfigType, format = 'YYYY-MM-DD'): string | undefined {\n  if (!value) {\n    return undefined\n  }\n\n  return dayjs(value).format(format)\n}\n\nexport function getRangeISODate(value: PartialRangeValue, format = 'YYYY-MM-DD') {\n  return {\n    start: getISODate(value.start, format),\n    end: getISODate(value.end, format),\n  }\n}\n\ninterface CheckValueResponse {\n  newValue?: string\n  newCurrentDate?: string\n}\n\nexport function checkValueWithMinMaxDates({\n  value,\n  minDate,\n  maxDate,\n  format,\n}: {\n  value: string\n  minDate?: string\n  maxDate?: string\n  format: string\n}): CheckValueResponse {\n  if (minDate && dayjs(value).isBefore(minDate)) {\n    return {\n      newValue: minDate,\n      newCurrentDate: dayjs(minDate, format).format(),\n    }\n  }\n  else if (maxDate && dayjs(value).isAfter(maxDate)) {\n    return {\n      newValue: maxDate,\n      newCurrentDate: dayjs(maxDate, format).format(),\n    }\n  }\n\n  return {\n    newValue: undefined,\n    newCurrentDate: undefined,\n  }\n}\n\nexport function isValueDisabledWeekly({\n  value,\n  disabledWeekly,\n}: {\n  value: string\n  disabledWeekly: number[]\n}): boolean {\n  return disabledWeekly.some(dayNumber => isSameDay(value, dayNumber))\n}\n\nexport function isValueDisabledDate({\n  value,\n  disabledDates,\n}: {\n  value: string\n  disabledDates: string[]\n}): boolean {\n  return disabledDates.some(disabledDate => dayjs(value).isSame(dayjs(disabledDate), 'date'))\n}\n\nexport const scrollToTarget = function (\n  scrollContainer: HTMLElement,\n  target: HTMLElement,\n  offset = 0,\n  hasSmoothEffect = true,\n) {\n  scrollContainer.scrollTo({\n    top: target.offsetTop - offset,\n    behavior: hasSmoothEffect ? 'smooth' : 'auto',\n  })\n}\n\nexport function findNearestNumberInList(list: number[], number: number): number {\n  return list.reduce((prev, curr) => {\n    return Math.abs(curr - number) < Math.abs(prev - number) ? curr : prev\n  })\n}\n\nexport function convertHour24to12Format(baseHour: number): number {\n  return baseHour % 12 || 12\n}\n\nexport function convertHour12to24Format(baseHour: number): number {\n  return baseHour % 24 || 24\n}\n\nexport function convert12To24TimeFormat(timeStr: string) {\n  const [time, modifier] = timeStr.split(' ')\n\n  let hours: string | number = time.split(':')[0]\n  const minutes = time.split(':')[1]\n  if (hours === '12') {\n    hours = '00'\n  }\n  if (modifier.toLowerCase().trim().includes('pm')) {\n    hours = Number.parseInt(hours, 10) + 12\n  }\n  return `${hours}:${minutes}`\n}\n\nexport function getBrowserLocale(): string | undefined {\n  try {\n    if (typeof window === 'undefined') {\n      return undefined\n    }\n\n    return window.navigator.language\n  }\n  catch (error) {\n    throw new Error(`[MazInputPhoneNumber] (browserLocale) ${error}`)\n  }\n}\n\nexport async function fetchLocale(): Promise<string | undefined> {\n  try {\n    const reponse = await fetch('https://ipwho.is')\n    const { country_code } = (await reponse.json()) as IpWhoResponse\n\n    return country_code\n  }\n  catch (error) {\n    console.error(`[maz-ui](MazPicker)(fetchCountryCode) ${error}`)\n  }\n}\n","<script lang=\"ts\" setup>\nimport type { PickerShortcut, PickerValue } from '@components/MazPicker/types'\nimport type { Color, Position } from '@components/types'\nimport MazPickerContainer from '@components/MazPicker/MazPickerContainer.vue'\nimport {\n  checkValueWithMinMaxDates,\n  type DateTimeFormatOptions,\n  fetchLocale,\n  getBrowserLocale,\n  getFormattedDate,\n  getISODate,\n  getRangeFormattedDate,\n  getRangeISODate,\n  isValueDisabledDate,\n  isValueDisabledWeekly,\n} from '@components/MazPicker/utils'\nimport { useInstanceUniqId } from '@composables/useInstanceUniqId'\nimport { vClickOutside } from '@directives/vClickOutside'\nimport { date } from '@filters/date'\n\nimport ChevronDownIcon from '@icons/chevron-down.svg'\n\nimport dayjs from 'dayjs'\nimport customParseFormat from 'dayjs/plugin/customParseFormat'\nimport isBetween from 'dayjs/plugin/isBetween'\nimport {\n  computed,\n  defineAsyncComponent,\n  type HTMLAttributes,\n  nextTick,\n  onBeforeMount,\n  onMounted,\n  onUnmounted,\n  ref,\n  watch,\n} from 'vue'\n\ndefineOptions({\n  inheritAttrs: false,\n})\nconst props = withDefaults(defineProps<MazPickerProps>(), {\n  style: undefined,\n  class: undefined,\n  modelValue: undefined,\n  format: 'YYYY-MM-DD',\n  open: false,\n  label: undefined,\n  placeholder: undefined,\n  inputDateStyle: () => ({ dateStyle: 'full' }),\n  inputDateTransformer: undefined,\n  locale: undefined,\n  noHeader: false,\n  disabled: false,\n  firstDayOfWeek: 0,\n  autoClose: false,\n  customElementSelector: undefined,\n  double: false,\n  inline: false,\n  color: 'primary',\n  pickerPosition: undefined,\n  time: false,\n  onlyTime: false,\n  minuteInterval: 5,\n  noUseBrowserLocale: false,\n  noFetchLocal: false,\n  noShortcuts: false,\n  shortcut: undefined,\n  shortcuts: () => [\n    {\n      label: 'Last 7 days',\n      identifier: 'last7Days',\n      value: {\n        start: dayjs().subtract(6, 'day').format('YYYY-MM-DD'),\n        end: dayjs().format('YYYY-MM-DD'),\n      },\n    },\n    {\n      label: 'Last 30 days',\n      identifier: 'last30Days',\n      value: {\n        start: dayjs().subtract(29, 'day').format('YYYY-MM-DD'),\n        end: dayjs().format('YYYY-MM-DD'),\n      },\n    },\n    {\n      label: 'This week',\n      identifier: 'thisWeek',\n      value: {\n        start: dayjs().startOf('week').format('YYYY-MM-DD'),\n        end: dayjs().endOf('week').format('YYYY-MM-DD'),\n      },\n    },\n    {\n      label: 'Last week',\n      identifier: 'lastWeek',\n      value: {\n        start: dayjs().subtract(1, 'week').startOf('week').format('YYYY-MM-DD'),\n        end: dayjs().subtract(1, 'week').endOf('week').format('YYYY-MM-DD'),\n      },\n    },\n    {\n      label: 'This month',\n      identifier: 'thisMonth',\n      value: {\n        start: dayjs().set('date', 1).format('YYYY-MM-DD'),\n        end: dayjs().set('date', dayjs().daysInMonth()).format('YYYY-MM-DD'),\n      },\n    },\n    {\n      label: 'This year',\n      identifier: 'thisYear',\n      value: {\n        start: dayjs().startOf('year').format('YYYY-MM-DD'),\n        end: dayjs().endOf('year').format('YYYY-MM-DD'),\n      },\n    },\n    {\n      label: 'Last year',\n      identifier: 'lastYear',\n      value: {\n        start: dayjs().subtract(1, 'year').startOf('year').format('YYYY-MM-DD'),\n        end: dayjs().subtract(1, 'year').endOf('year').format('YYYY-MM-DD'),\n      },\n    },\n  ],\n  minDate: undefined,\n  maxDate: undefined,\n  disabledWeekly: () => [],\n  disabledDates: () => [],\n  disabledHours: () => [],\n})\nconst emits = defineEmits(['update:model-value', 'close'])\ndayjs.extend(customParseFormat)\ndayjs.extend(isBetween)\n\nexport interface MazPickerProps {\n  /** The id of the component */\n  id?: string\n  /** The style of the component */\n  style?: HTMLAttributes['style']\n  /** The class of the component */\n  class?: HTMLAttributes['class']\n  /** The value of the component */\n  modelValue?: PickerValue\n  /** The format of the date */\n  format?: string\n  /** If true picker window will be open */\n  open?: boolean\n  /** The label of the input */\n  label?: string\n  /** The placeholder of the input */\n  placeholder?: string\n  /** The style of the input date */\n  inputDateStyle?: Intl.DateTimeFormatOptions\n  /**\n   * The transformer of the input date\n   * @type {(payload: { formattedDate?: string; value?: PickerValue; locale: string }) => string}\n   */\n  inputDateTransformer?: (payload: { formattedDate?: string, value?: PickerValue, locale: string }) => string\n  /** The locale of the component */\n  locale?: string\n  /** If true, the header will be hidden */\n  noHeader?: boolean\n  /** If true, the component will be disabled */\n  disabled?: boolean\n  /** The first day of the week (between 0 and 6) */\n  firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6\n  /** If true, the picker will close after a date selection */\n  autoClose?: boolean\n  /** The selector of the custom element to trigger the picker */\n  customElementSelector?: string\n  /** If true, the picker will be double */\n  double?: boolean\n  /** If true, the picker will be inline */\n  inline?: boolean\n  /** The color of the component */\n  color?: Color\n  /** The position of the picker */\n  pickerPosition?: Position\n  /** If true, the picker has a time picker */\n  time?: boolean\n  /** If true, the picker will be a time picker */\n  onlyTime?: boolean\n  /** The interval of the minutes */\n  minuteInterval?: number\n  /** If true, the browser locale will be used */\n  noUseBrowserLocale?: boolean\n  /** If true, the browser locale will not be fetched */\n  noFetchLocal?: boolean\n  /** If true, the shortcuts will be hidden */\n  noShortcuts?: boolean\n  /** The shortcuts of the picker */\n  shortcuts?: PickerShortcut[]\n  /** The shortcut of the picker */\n  shortcut?: string\n  /** The min date of the picker */\n  minDate?: string\n  /** The max date of the picker */\n  maxDate?: string\n  /** The disabled  weekly days of the picker */\n  disabledWeekly?: number[]\n  /** The disabled dates of the picker */\n  disabledDates?: string[]\n  /** The disabled hours of the time picker */\n  disabledHours?: number[]\n  /** The input will be displayed in full width */\n  block?: boolean\n}\n\nconst MazInput = defineAsyncComponent(() => import('@components/MazInput.vue'))\nconst instanceId = useInstanceUniqId({ componentName: 'MazPicker', providedId: props.id })\n\nconst internalLocale = ref(props.locale)\nconst currentLocale = computed<string>(() => props.locale ?? internalLocale.value ?? 'en-US')\n\nconst containerUniqueId = computed(() => `mazPickerContainer-${instanceId.value}`)\n\nconst MazPicker = ref<HTMLDivElement>()\n\nconst currentValue = computed<PickerValue>({\n  get: () => {\n    return props.modelValue && typeof props.modelValue === 'object'\n      ? {\n          start: props.modelValue.start\n            ? dayjs(props.modelValue.start, props.format).format()\n            : undefined,\n          end: props.modelValue.end\n            ? dayjs(props.modelValue.end, props.format).format()\n            : undefined,\n        }\n      : props.modelValue\n        ? dayjs(props.modelValue, props.format).format()\n        : undefined\n  },\n  set: (value) => {\n    if (props.disabled) {\n      return\n    }\n\n    emitValue(value)\n\n    const isRangeMode = typeof value === 'object'\n\n    if (props.autoClose && (!isRangeMode || (isRangeMode && value.end))) {\n      closeCalendar()\n    }\n  },\n})\n\nconst hasTime = computed(() => props.time || props.onlyTime)\nconst hasDouble = computed(() => props.double && !props.onlyTime)\nconst hasDate = computed(() => !props.onlyTime)\nconst isRangeMode = computed(() => typeof currentValue.value === 'object')\n\nonBeforeMount(() => {\n  if (isRangeMode.value && hasTime.value) {\n    console.error(`[maz-ui](MazPicker) You can't use time picker with range picker`)\n  }\n  if (hasTime.value && !(props.format.includes('h') || props.format.includes('H'))) {\n    console.error(\n      `[maz-ui](MazPicker) When you use the time picker, you must provided a format with time - Ex: \"YYYY-MM-DD HH:mm\"`,\n    )\n  }\n  if (props.format.includes('h') && !(props.format.includes('a') || props.format.includes('A'))) {\n    console.error(\n      '[maz-ui](MazPicker) if you use the 12 format \"h\" or \"hh\", you must add \"a\" or \"A\" at the end of the format - Ex: \"YYYY-MM-DD hh:mm a\"',\n    )\n  }\n})\n\nfunction getCalendarDate(value: PickerValue): string {\n  const baseDate = (typeof value === 'object' ? value.start : value) ?? dayjs().format()\n\n  if (props.minDate && dayjs(baseDate).isBefore(props.minDate)) {\n    return props.minDate\n  }\n  else if (props.maxDate && dayjs(baseDate).isAfter(props.maxDate)) {\n    return props.minDate ?? props.maxDate\n  }\n  else {\n    return baseDate\n  }\n}\n\nconst calendarDate = ref(getCalendarDate(currentValue.value))\n\nconst isHour12 = computed(\n  () => props.format.includes('a') || props.format.includes('A') || props.format.includes('h'),\n)\n\nconst formatterOptions = computed<DateTimeFormatOptions>(() => ({\n  ...props.inputDateStyle,\n  timeStyle: props.inputDateStyle.timeStyle ?? hasTime.value ? 'short' : undefined,\n  hour12: hasTime.value ? props.inputDateStyle.hour12 ?? isHour12.value : undefined,\n} satisfies DateTimeFormatOptions))\n\nconst inputValue = computed(() => {\n  if (!currentValue.value)\n    return\n\n  let formattedDate: string | undefined\n\n  if (props.onlyTime) {\n    formattedDate = currentValue.value\n      ? date(dayjs(currentValue.value as string).format(), currentLocale.value, {\n        timeStyle: formatterOptions.value.timeStyle,\n        hour12: formatterOptions.value.hour12,\n      })\n      : undefined\n  }\n  else if (typeof currentValue.value === 'object') {\n    formattedDate = getRangeFormattedDate({\n      value: currentValue.value,\n      locale: currentLocale.value,\n      options: formatterOptions.value,\n    })\n  }\n  else {\n    formattedDate = getFormattedDate({\n      value: dayjs(currentValue.value).format(),\n      locale: currentLocale.value,\n      options: formatterOptions.value,\n    })\n  }\n\n  return props.inputDateTransformer && formattedDate ? props.inputDateTransformer({ formattedDate, value: props.modelValue, locale: currentLocale.value }) : formattedDate\n})\n\nconst isFocused = ref(false)\nconst programaticallyOpened = ref(false)\nconst pickerContainerPosition = ref<{\n  vertical: 'top' | 'bottom'\n  horizontal: 'left' | 'right'\n}>({\n  vertical: 'bottom',\n  horizontal: 'left',\n})\n\nconst isOpen = computed(() => {\n  return (\n    ((isFocused.value || props.open || programaticallyOpened.value) && !props.disabled)\n    || props.inline\n  )\n})\n\nconst isMounted = ref(false)\n\nonMounted(async () => {\n  isMounted.value = true\n  if (props.customElementSelector) {\n    addEventToTriggerCustomElement(props.customElementSelector)\n  }\n\n  if (!props.locale) {\n    const browserLocale = getBrowserLocale()\n    if (!props.noUseBrowserLocale && browserLocale) {\n      internalLocale.value = browserLocale\n    }\n    else if (!props.noFetchLocal) {\n      const locale = await fetchLocale()\n\n      if (locale)\n        internalLocale.value = locale\n    }\n  }\n})\n\nonUnmounted(() => {\n  if (props.customElementSelector) {\n    removeEventToTriggerCustomElement(props.customElementSelector)\n  }\n})\n\nasync function getPickerContainerPosition(): Promise<{\n  vertical: 'top' | 'bottom'\n  horizontal: 'left' | 'right'\n}> {\n  if (props.pickerPosition) {\n    const horizontal = props.pickerPosition.includes('right') ? 'right' : 'left'\n    const vertical = props.pickerPosition.includes('top') ? 'top' : 'bottom'\n\n    return {\n      horizontal,\n      vertical,\n    }\n  }\n  else {\n    return {\n      horizontal: 'left',\n      vertical: await calcVerticalPosition(MazPicker.value),\n    }\n  }\n}\n\nasync function calcVerticalPosition(parent?: HTMLDivElement): Promise<'top' | 'bottom'> {\n  if (typeof window === 'undefined') {\n    return 'bottom'\n  }\n\n  const OFFSET = 30\n\n  await nextTick()\n\n  const pickerContainer = document.querySelector(`#${containerUniqueId.value}`)\n\n  const parentRect = parent?.getBoundingClientRect()\n  const windowHeight = window.innerHeight\n\n  const pickerHeight = (pickerContainer?.clientHeight ?? 0) - OFFSET\n\n  const spaceOnBottom = (parentRect && windowHeight - parentRect.bottom) ?? 0\n  const spaceOnTop = (parentRect && parentRect.top) ?? 0\n\n  const hasSpaceOnBottom = spaceOnBottom && spaceOnBottom >= pickerHeight\n\n  const hasSpaceOnTop = spaceOnTop && spaceOnTop >= pickerHeight\n\n  if (!hasSpaceOnBottom && (hasSpaceOnTop || spaceOnTop >= spaceOnBottom)) {\n    return 'top'\n  }\n\n  return 'bottom'\n}\n\nfunction closeCalendar() {\n  isFocused.value = false\n  programaticallyOpened.value = false\n  emits('close')\n}\n\nfunction closeCalendarOnClickOutside() {\n  if (!props.customElementSelector) {\n    closeCalendar()\n  }\n}\n\nfunction toggleProgramatically() {\n  programaticallyOpened.value = !programaticallyOpened.value\n}\n\nfunction addEventToTriggerCustomElement(selector: string) {\n  const target = document.querySelector(selector)\n  if (target) {\n    target.addEventListener('click', toggleProgramatically)\n  }\n  else {\n    throw new Error(\n      `[maz-ui](MazPicker) impossible to find custom element with selector \"${selector}\"`,\n    )\n  }\n}\n\nfunction removeEventToTriggerCustomElement(selector: string) {\n  const target = document.querySelector(selector)\n  target?.removeEventListener('click', toggleProgramatically)\n}\n\n// eslint-disable-next-line sonarjs/cognitive-complexity\nfunction checkMinMaxValues(value: PickerValue) {\n  if (props.minDate || props.maxDate) {\n    if (typeof value === 'string') {\n      const { newValue, newCurrentDate } = checkValueWithMinMaxDates({\n        value,\n        minDate: props.minDate,\n        maxDate: props.maxDate,\n        format: props.format,\n      })\n\n      if (newValue) {\n        emitValue(newValue)\n      }\n      if (newCurrentDate) {\n        setCalendarDate(newCurrentDate)\n      }\n    }\n    else if (typeof value === 'object' && (value.start || value.end)) {\n      let newStartValue = value.start\n      let newEndValue = value.end\n\n      if (value.start) {\n        const { newValue, newCurrentDate } = checkValueWithMinMaxDates({\n          value: value.start,\n          minDate: props.minDate,\n          maxDate: props.maxDate,\n          format: props.format,\n        })\n\n        if (newValue)\n          newStartValue = newValue\n\n        if (newCurrentDate) {\n          setCalendarDate(newCurrentDate)\n        }\n      }\n      if (value.end) {\n        const { newValue } = checkValueWithMinMaxDates({\n          value: value.end,\n          minDate: props.minDate,\n          maxDate: props.maxDate,\n          format: props.format,\n        })\n\n        if (newValue)\n          newEndValue = newValue\n      }\n\n      emitValue({\n        start: newStartValue,\n        end: newEndValue,\n      })\n    }\n  }\n}\n\nfunction setCalendarDate(value: string) {\n  if (value && !dayjs(calendarDate.value).isSame(value, 'month')) {\n    calendarDate.value = value\n  }\n}\n\nfunction emitValue(value: PickerValue) {\n  if (typeof value === 'object') {\n    const newValue = getRangeISODate(value, props.format)\n    emits('update:model-value', newValue)\n\n    if (newValue.start) {\n      setCalendarDate(newValue.start)\n    }\n  }\n  else {\n    emits('update:model-value', getISODate(value, props.format))\n  }\n}\n\n// model value watcher\nwatch(\n  () => [currentValue.value, props.minDate, props.maxDate],\n  (values, oldValues) => {\n    const value = values[0] as PickerValue\n    const oldValue = oldValues?.[0] as PickerValue\n\n    if (typeof value === 'object' && (value.start || value.end)) {\n      if (\n        !oldValue\n        || (typeof oldValue === 'object'\n          && (oldValue.start !== value.start || oldValue.end !== value.end))\n      ) {\n        emitValue(value)\n        checkMinMaxValues(value)\n      }\n    }\n    else if (typeof value === 'string' && value !== oldValue) {\n      emitValue(value)\n      checkMinMaxValues(value)\n    }\n  },\n  { immediate: true },\n)\n\nfunction keyboardHandler(event: KeyboardEvent) {\n  if (event.code === 'Escape' && isOpen.value) {\n    event.preventDefault()\n    closeCalendar()\n  }\n}\n\nwatch(\n  () => isOpen.value,\n  async (value) => {\n    if (value) {\n      pickerContainerPosition.value = await getPickerContainerPosition()\n\n      if (!props.inline && isMounted.value)\n        document.addEventListener('keydown', keyboardHandler)\n    }\n    else if (!props.inline && isMounted.value) {\n      document.removeEventListener('keydown', keyboardHandler)\n    }\n  },\n  { immediate: true },\n)\n\n// Disable weekly watcher\nwatch(\n  () => [currentValue.value, props.disabledWeekly, props.disabledDates],\n  (values) => {\n    const value = values[0] as PickerValue\n    const disabledWeekly = values[1] as number[]\n    const disabledDates = values[2] as string[]\n\n    if (typeof value === 'object' && (value.start || value.end)) {\n      if (\n        (value.start && isValueDisabledWeekly({ value: value.start, disabledWeekly }))\n        || (value.start && isValueDisabledDate({ value: value.start, disabledDates }))\n        || (value.end && isValueDisabledWeekly({ value: value.end, disabledWeekly }))\n        || (value.end && isValueDisabledDate({ value: value.end, disabledDates }))\n      ) {\n        currentValue.value = { start: undefined, end: undefined }\n      }\n      if (\n        (value.end && isValueDisabledWeekly({ value: value.end, disabledWeekly }))\n        || (value.end && isValueDisabledDate({ value: value.end, disabledDates }))\n      ) {\n        currentValue.value = { start: value.start, end: undefined }\n      }\n    }\n    else if (\n      typeof value === 'string'\n      && (isValueDisabledWeekly({ value, disabledWeekly })\n        || isValueDisabledDate({ value, disabledDates }))\n    ) {\n      currentValue.value = undefined\n    }\n  },\n  { immediate: true },\n)\n</script>\n\n<template>\n  <div\n    ref=\"MazPicker\"\n    v-click-outside=\"closeCalendarOnClickOutside\"\n    class=\"m-picker m-reset-css\"\n    role=\"none\"\n    :style=\"style\"\n    :class=\"[\n      `m-picker--${color}`,\n      `m-picker--${pickerContainerPosition.vertical}`,\n      `m-picker--${pickerContainerPosition.horizontal}`,\n      {\n        '--is-open': isOpen,\n        '--is-disabled': disabled,\n        '--block': block,\n      },\n      props.class,\n    ]\"\n  >\n    <MazInput\n      v-if=\"!customElementSelector && !inline\"\n      :model-value=\"inputValue\"\n      readonly\n      v-bind=\"$attrs\"\n      block\n      autocomplete=\"off\"\n      class=\"m-picker__input\"\n      :label=\"label\"\n      :disabled=\"disabled\"\n      :placeholder=\"placeholder\"\n      :color=\"color\"\n      @click=\"isFocused = !isFocused\"\n    >\n      <template #right-icon>\n        <button\n          type=\"button\"\n          tabindex=\"-1\"\n          class=\"m-picker__button\"\n          @click=\"isFocused = !isFocused\"\n        >\n          <ChevronDownIcon class=\"m-picker__button__chevron maz-text-lg\" />\n        </button>\n      </template>\n    </MazInput>\n\n    <Transition\n      :name=\"pickerContainerPosition.vertical === 'top' ? 'maz-slideinvert' : 'maz-slide'\"\n    >\n      <MazPickerContainer\n        v-show=\"isOpen\"\n        :id=\"containerUniqueId\"\n        v-model=\"currentValue\"\n        v-model:calendar-date=\"calendarDate\"\n        :is-open=\"isOpen\"\n        :color=\"color\"\n        :locale=\"currentLocale\"\n        :has-date=\"hasDate\"\n        :double=\"hasDouble\"\n        :has-time=\"hasTime\"\n        :formatter-options=\"formatterOptions\"\n        :no-header=\"noHeader\"\n        :min-date=\"minDate\"\n        :format=\"format\"\n        :is-hour12=\"isHour12\"\n        :max-date=\"maxDate\"\n        :disabled-weekly=\"disabledWeekly\"\n        :inline=\"inline\"\n        :first-day-of-week=\"firstDayOfWeek\"\n        :shortcuts=\"shortcuts\"\n        :shortcut=\"shortcut\"\n        :disabled=\"disabled\"\n        :disabled-hours=\"disabledHours\"\n        :disabled-dates=\"disabledDates\"\n        :minute-interval=\"minuteInterval\"\n        :no-shortcuts=\"noShortcuts\"\n        @close=\"closeCalendar\"\n      />\n    </Transition>\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .m-picker {\n  @apply maz-relative maz-inline-block;\n\n  &.--block {\n    @apply maz-w-full;\n  }\n\n  &--left .m-picker-container {\n    @apply maz-left-0;\n  }\n\n  &--bottom .m-picker-container {\n    @apply maz-top-full;\n  }\n\n  &--top .m-picker-container {\n    @apply maz-bottom-full;\n  }\n\n  &--right .m-picker-container {\n    @apply maz-right-0;\n  }\n\n  & .m-picker__button {\n    @apply maz-flex maz-h-full maz-cursor-not-allowed maz-bg-transparent maz-pr-1 maz-flex-center;\n\n    &__chevron {\n      @apply maz-text-normal maz-transition-transform maz-duration-200;\n    }\n  }\n\n  &.--is-open {\n    & .m-picker__button__chevron {\n      transform: rotate(180deg);\n    }\n  }\n\n  &:not(.--is-disabled) {\n    & .m-picker__button {\n      @apply maz-cursor-pointer;\n    }\n\n    & .m-picker__input:deep(input) {\n      @apply maz-cursor-pointer !important;\n    }\n  }\n}\n</style>\n"],"names":["props","__props","emits","__emit","MazPickerCalendar","defineAsyncComponent","MazPickerHeader","MazPickerTime","currentDate","computed","value","calendarDate","dayjs","weekday","getFormattedDate","locale","options","capitalize","date","getRangeFormattedDate","startValue","endValue","getFirstDayOfMonth","getDaysOfWeek","firstDayOfWeek","days","i","day","dayName","getDaysInMonth","isToday","isSameDate","date2","unit","isSameDay","dayNumber","getISODate","format","getRangeISODate","checkValueWithMinMaxDates","minDate","maxDate","isValueDisabledWeekly","disabledWeekly","isValueDisabledDate","disabledDates","disabledDate","scrollToTarget","scrollContainer","target","offset","hasSmoothEffect","findNearestNumberInList","list","number","prev","curr","getBrowserLocale","error","fetchLocale","reponse","country_code","customParseFormat","isBetween","MazInput","instanceId","useInstanceUniqId","internalLocale","ref","currentLocale","containerUniqueId","MazPicker","currentValue","emitValue","isRangeMode","closeCalendar","hasTime","hasDouble","hasDate","onBeforeMount","getCalendarDate","baseDate","isHour12","formatterOptions","inputValue","formattedDate","isFocused","programaticallyOpened","pickerContainerPosition","isOpen","isMounted","onMounted","addEventToTriggerCustomElement","browserLocale","onUnmounted","removeEventToTriggerCustomElement","getPickerContainerPosition","horizontal","vertical","calcVerticalPosition","parent","OFFSET","nextTick","pickerContainer","parentRect","windowHeight","pickerHeight","spaceOnBottom","spaceOnTop","hasSpaceOnBottom","hasSpaceOnTop","closeCalendarOnClickOutside","toggleProgramatically","selector","checkMinMaxValues","newValue","newCurrentDate","setCalendarDate","newStartValue","newEndValue","watch","values","oldValues","oldValue","keyboardHandler","event"],"mappings":"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"}

package/dist/chunks/MazPickerCalendar.CVZ8VoYr.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/MazPickerCalendar.K1FbevcF.css');const e=require("vue"),q=require("./_plugin-vue_export-helper.BHFhmbuH.cjs"),C={class:"maz-picker-calendar flex"},g={class:"maz-picker-calendar__months"},B=e.defineComponent({__name:"MazPickerCalendar",props:{modelValue:{type:[String,Object],default:void 0},calendarDate:{type:String,required:!0},color:{type:String,required:!0},locale:{type:String,required:!0},firstDayOfWeek:{type:Number,required:!0},double:{type:Boolean,required:!0},minDate:{type:String,default:void 0},maxDate:{type:String,default:void 0},disabledWeekly:{type:Array,required:!0},disabledDates:{type:Array,required:!0},shortcuts:{type:Array,required:!0},noShortcuts:{type:Boolean,required:!0},hasTime:{type:Boolean,required:!0},shortcut:{type:String,default:void 0},disabled:{type:Boolean,required:!0}},emits:["update:model-value","update:calendar-date"],setup(t,{emit:v}){const o=t,s=v,f=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./MazPickerCalendarMonth.DpvQC45k.cjs"))),y=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./MazPickerCalendarSwitcher.DC2wff_J.cjs"))),k=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./MazPickerMonthSwitcher.CbplWFfL.cjs"))),b=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./MazPickerShortcuts.LxFs0Y6N.cjs"))),h=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./MazPickerYearSwitcher.Dku2IMIJ.cjs"))),m=e.ref(),S=e.computed(()=>o.modelValue&&typeof o.modelValue=="object"),V=e.computed(()=>!o.noShortcuts&&o.shortcuts.length>0&&S.value),u=e.ref(!1),i=e.ref(!1),n=e.computed({get:()=>o.modelValue,set:d=>s("update:model-value",d)}),p=e.computed(()=>Array.from({length:o.double?2:1},(d,a)=>a)),r=e.computed({get:()=>o.calendarDate,set:d=>s("update:calendar-date",d)});return(d,a)=>(e.openBlock(),e.createElementBlock("div",C,[V.value?(e.openBlock(),e.createBlock(e.unref(b),{key:0,modelValue:n.value,"onUpdate:modelValue":a[0]||(a[0]=l=>n.value=l),color:t.color,shortcuts:t.shortcuts,shortcut:t.shortcut,double:t.double,disabled:t.disabled},null,8,["modelValue","color","shortcuts","shortcut","double","disabled"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["maz-picker-calendar__main",{"--has-double":t.double}])},[e.createVNode(e.unref(y),{"calendar-date":r.value,"onUpdate:calendarDate":a[1]||(a[1]=l=>r.value=l),locale:t.locale,double:t.double,onOpenMonthSwitcher:a[2]||(a[2]=l=>u.value=!0),onOpenYearSwitcher:a[3]||(a[3]=l=>i.value=!0)},null,8,["calendar-date","locale","double"]),e.createVNode(e.Transition,{name:"maz-picker-slide"},{default:e.withCtx(()=>[u.value?(e.openBlock(),e.createBlock(e.unref(k),{key:0,"calendar-date":r.value,"onUpdate:calendarDate":a[4]||(a[4]=l=>r.value=l),color:t.color,double:t.double,locale:t.locale,onClose:a[5]||(a[5]=l=>u.value=!1)},null,8,["calendar-date","color","double","locale"])):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:"maz-picker-slide"},{default:e.withCtx(()=>[i.value?(e.openBlock(),e.createBlock(e.unref(h),{key:0,"calendar-date":r.value,"onUpdate:calendarDate":a[6]||(a[6]=l=>r.value=l),color:t.color,locale:t.locale,onClose:a[7]||(a[7]=l=>i.value=!1)},null,8,["calendar-date","color","locale"])):e.createCommentVNode("",!0)]),_:1}),e.createElementVNode("div",g,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,l=>(e.openBlock(),e.createBlock(e.unref(f),{key:l,modelValue:n.value,"onUpdate:modelValue":a[8]||(a[8]=c=>n.value=c),"hoverred-day":m.value,"onUpdate:hoverredDay":a[9]||(a[9]=c=>m.value=c),"calendar-date":r.value,locale:t.locale,"has-time":t.hasTime,color:t.color,"offset-month":l,"first-day-of-week":t.firstDayOfWeek,"min-date":t.minDate,"max-date":t.maxDate,disabled:t.disabled,"disabled-weekly":t.disabledWeekly,"disabled-dates":t.disabledDates},null,8,["modelValue","hoverred-day","calendar-date","locale","has-time","color","offset-month","first-day-of-week","min-date","max-date","disabled","disabled-weekly","disabled-dates"]))),128))])],2)]))}}),D=q._export_sfc(B,[["__scopeId","data-v-e10aff5d"]]);exports.default=D;
+//# sourceMappingURL=MazPickerCalendar.CVZ8VoYr.cjs.map

package/dist/chunks/MazPickerCalendar.CVZ8VoYr.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazPickerCalendar.CVZ8VoYr.cjs","sources":["../../src/components/MazPicker/MazPickerCalendar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { PickerShortcut, PickerValue } from '@components/MazPicker/types'\nimport type { Color } from '@components/types'\nimport type { Dayjs } from 'dayjs'\nimport { computed, defineAsyncComponent, type PropType, ref } 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  color: { type: String as PropType<Color>, required: true },\n  locale: { type: String, required: true },\n  firstDayOfWeek: { type: Number, required: true },\n  double: { type: Boolean, 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  shortcuts: {\n    type: Array as PropType<PickerShortcut[]>,\n    required: true,\n  },\n  noShortcuts: { type: Boolean, required: true },\n  hasTime: { type: Boolean, required: true },\n  shortcut: { type: String, default: undefined },\n  disabled: { type: Boolean, required: true },\n})\nconst emits = defineEmits(['update:model-value', 'update:calendar-date'])\nconst MazPickerCalendarMonth = defineAsyncComponent(() => import('@components/MazPicker/MazPickerCalendarMonth/MazPickerCalendarMonth.vue'))\nconst MazPickerCalendarSwitcher = defineAsyncComponent(() => import('@components/MazPicker/MazPickerCalendarSwitcher.vue'))\nconst MazPickerMonthSwitcher = defineAsyncComponent(() => import('@components/MazPicker/MazPickerMonthSwitcher.vue'))\nconst MazPickerShortcuts = defineAsyncComponent(() => import('@components/MazPicker/MazPickerShortcuts.vue'))\nconst MazPickerYearSwitcher = defineAsyncComponent(() => import('@components/MazPicker/MazPickerYearSwitcher.vue'))\n\nconst hoverredDay = ref<Dayjs>()\n\nconst isRangeMode = computed(() => props.modelValue && typeof props.modelValue === 'object')\n\nconst hasShortcuts = computed(\n  () => !props.noShortcuts && props.shortcuts.length > 0 && isRangeMode.value,\n)\n\nconst monthSwitcherOpen = ref(false)\nconst yearSwitcherOpen = ref(false)\n\nconst currentValue = computed({\n  get: () => props.modelValue,\n  set: value => emits('update:model-value', value),\n})\n\nconst months = computed(() => Array.from({ length: props.double ? 2 : 1 }, (_v, i) => i))\n\nconst calendarDate = computed({\n  get: () => props.calendarDate,\n  set: calendarDate => emits('update:calendar-date', calendarDate),\n})\n</script>\n\n<template>\n  <div class=\"maz-picker-calendar flex\">\n    <MazPickerShortcuts\n      v-if=\"hasShortcuts\"\n      v-model=\"currentValue\"\n      :color=\"color\"\n      :shortcuts=\"shortcuts\"\n      :shortcut=\"shortcut\"\n      :double=\"double\"\n      :disabled=\"disabled\"\n    />\n\n    <div class=\"maz-picker-calendar__main\" :class=\"{ '--has-double': double }\">\n      <MazPickerCalendarSwitcher\n        v-model:calendar-date=\"calendarDate\"\n        :locale=\"locale\"\n        :double=\"double\"\n        @open-month-switcher=\"monthSwitcherOpen = true\"\n        @open-year-switcher=\"yearSwitcherOpen = true\"\n      />\n      <Transition name=\"maz-picker-slide\">\n        <MazPickerMonthSwitcher\n          v-if=\"monthSwitcherOpen\"\n          v-model:calendar-date=\"calendarDate\"\n          :color=\"color\"\n          :double=\"double\"\n          :locale=\"locale\"\n          @close=\"monthSwitcherOpen = false\"\n        />\n      </Transition>\n      <Transition name=\"maz-picker-slide\">\n        <MazPickerYearSwitcher\n          v-if=\"yearSwitcherOpen\"\n          v-model:calendar-date=\"calendarDate\"\n          :color=\"color\"\n          :locale=\"locale\"\n          @close=\"yearSwitcherOpen = false\"\n        />\n      </Transition>\n      <div class=\"maz-picker-calendar__months\">\n        <MazPickerCalendarMonth\n          v-for=\"month in months\"\n          :key=\"month\"\n          v-model=\"currentValue\"\n          v-model:hoverred-day=\"hoverredDay\"\n          :calendar-date=\"calendarDate\"\n          :locale=\"locale\"\n          :has-time=\"hasTime\"\n          :color=\"color\"\n          :offset-month=\"month\"\n          :first-day-of-week=\"firstDayOfWeek\"\n          :min-date=\"minDate\"\n          :max-date=\"maxDate\"\n          :disabled=\"disabled\"\n          :disabled-weekly=\"disabledWeekly\"\n          :disabled-dates=\"disabledDates\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .maz-picker-calendar {\n  @apply maz-relative maz-flex maz-w-full;\n\n  &__main {\n    @apply maz-flex maz-flex-1 maz-flex-col;\n\n    width: 16rem;\n\n    &.--has-double {\n      width: 34rem;\n\n      & .maz-picker-calendar__months > *:first-child {\n        @apply maz-border-r maz-border-color-lighter;\n      }\n    }\n  }\n\n  &__months {\n    @apply maz-flex maz-w-full maz-flex-1;\n  }\n}\n\n.maz-picker-slide-enter-active,\n.maz-picker-slide-leave-active {\n  transition: all 300ms ease-in-out;\n  transform: translateY(0);\n}\n\n.maz-picker-slide-enter-from,\n.maz-picker-slide-leave-to {\n  transform: translateY(100%);\n}\n</style>\n"],"names":["props","__props","emits","__emit","MazPickerCalendarMonth","defineAsyncComponent","MazPickerCalendarSwitcher","MazPickerMonthSwitcher","MazPickerShortcuts","MazPickerYearSwitcher","hoverredDay","ref","isRangeMode","computed","hasShortcuts","monthSwitcherOpen","yearSwitcherOpen","currentValue","value","months","_v","i","calendarDate"],"mappings":"45BAMA,MAAMA,EAAQC,EAuBRC,EAAQC,EACRC,EAAyBC,EAAAA,qBAAqB,IAAM,QAAA,QAAA,EAAA,KAAA,IAAA,QAAO,uCAAyE,CAAA,CAAC,EACrIC,EAA4BD,EAAAA,qBAAqB,IAAM,QAAA,QAAA,EAAA,KAAA,IAAA,QAAO,0CAAqD,CAAA,CAAC,EACpHE,EAAyBF,EAAAA,qBAAqB,IAAM,QAAA,QAAA,EAAA,KAAA,IAAA,QAAO,uCAAkD,CAAA,CAAC,EAC9GG,EAAqBH,EAAAA,qBAAqB,IAAM,QAAA,QAAA,EAAA,KAAA,IAAA,QAAO,mCAA8C,CAAA,CAAC,EACtGI,EAAwBJ,EAAAA,qBAAqB,IAAM,QAAA,QAAA,EAAA,KAAA,IAAA,QAAO,sCAAiD,CAAA,CAAC,EAE5GK,EAAcC,EAAAA,IAAW,EAEzBC,EAAcC,WAAS,IAAMb,EAAM,YAAc,OAAOA,EAAM,YAAe,QAAQ,EAErFc,EAAeD,EAAA,SACnB,IAAM,CAACb,EAAM,aAAeA,EAAM,UAAU,OAAS,GAAKY,EAAY,KACxE,EAEMG,EAAoBJ,MAAI,EAAK,EAC7BK,EAAmBL,MAAI,EAAK,EAE5BM,EAAeJ,EAAAA,SAAS,CAC5B,IAAK,IAAMb,EAAM,WACjB,IAAKkB,GAAShB,EAAM,qBAAsBgB,CAAK,CAAA,CAChD,EAEKC,EAASN,EAAAA,SAAS,IAAM,MAAM,KAAK,CAAE,OAAQb,EAAM,OAAS,EAAI,CAAK,EAAA,CAACoB,EAAIC,IAAMA,CAAC,CAAC,EAElFC,EAAeT,EAAAA,SAAS,CAC5B,IAAK,IAAMb,EAAM,aACjB,IAAKsB,GAAgBpB,EAAM,uBAAwBoB,CAAY,CAAA,CAChE"}

package/dist/chunks/MazPickerCalendar.NeYLrtl-.mjs

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

package/dist/chunks/MazPickerCalendar.NeYLrtl-.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazPickerCalendar.NeYLrtl-.mjs","sources":["../../src/components/MazPicker/MazPickerCalendar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { PickerShortcut, PickerValue } from '@components/MazPicker/types'\nimport type { Color } from '@components/types'\nimport type { Dayjs } from 'dayjs'\nimport { computed, defineAsyncComponent, type PropType, ref } 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  color: { type: String as PropType<Color>, required: true },\n  locale: { type: String, required: true },\n  firstDayOfWeek: { type: Number, required: true },\n  double: { type: Boolean, 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  shortcuts: {\n    type: Array as PropType<PickerShortcut[]>,\n    required: true,\n  },\n  noShortcuts: { type: Boolean, required: true },\n  hasTime: { type: Boolean, required: true },\n  shortcut: { type: String, default: undefined },\n  disabled: { type: Boolean, required: true },\n})\nconst emits = defineEmits(['update:model-value', 'update:calendar-date'])\nconst MazPickerCalendarMonth = defineAsyncComponent(() => import('@components/MazPicker/MazPickerCalendarMonth/MazPickerCalendarMonth.vue'))\nconst MazPickerCalendarSwitcher = defineAsyncComponent(() => import('@components/MazPicker/MazPickerCalendarSwitcher.vue'))\nconst MazPickerMonthSwitcher = defineAsyncComponent(() => import('@components/MazPicker/MazPickerMonthSwitcher.vue'))\nconst MazPickerShortcuts = defineAsyncComponent(() => import('@components/MazPicker/MazPickerShortcuts.vue'))\nconst MazPickerYearSwitcher = defineAsyncComponent(() => import('@components/MazPicker/MazPickerYearSwitcher.vue'))\n\nconst hoverredDay = ref<Dayjs>()\n\nconst isRangeMode = computed(() => props.modelValue && typeof props.modelValue === 'object')\n\nconst hasShortcuts = computed(\n  () => !props.noShortcuts && props.shortcuts.length > 0 && isRangeMode.value,\n)\n\nconst monthSwitcherOpen = ref(false)\nconst yearSwitcherOpen = ref(false)\n\nconst currentValue = computed({\n  get: () => props.modelValue,\n  set: value => emits('update:model-value', value),\n})\n\nconst months = computed(() => Array.from({ length: props.double ? 2 : 1 }, (_v, i) => i))\n\nconst calendarDate = computed({\n  get: () => props.calendarDate,\n  set: calendarDate => emits('update:calendar-date', calendarDate),\n})\n</script>\n\n<template>\n  <div class=\"maz-picker-calendar flex\">\n    <MazPickerShortcuts\n      v-if=\"hasShortcuts\"\n      v-model=\"currentValue\"\n      :color=\"color\"\n      :shortcuts=\"shortcuts\"\n      :shortcut=\"shortcut\"\n      :double=\"double\"\n      :disabled=\"disabled\"\n    />\n\n    <div class=\"maz-picker-calendar__main\" :class=\"{ '--has-double': double }\">\n      <MazPickerCalendarSwitcher\n        v-model:calendar-date=\"calendarDate\"\n        :locale=\"locale\"\n        :double=\"double\"\n        @open-month-switcher=\"monthSwitcherOpen = true\"\n        @open-year-switcher=\"yearSwitcherOpen = true\"\n      />\n      <Transition name=\"maz-picker-slide\">\n        <MazPickerMonthSwitcher\n          v-if=\"monthSwitcherOpen\"\n          v-model:calendar-date=\"calendarDate\"\n          :color=\"color\"\n          :double=\"double\"\n          :locale=\"locale\"\n          @close=\"monthSwitcherOpen = false\"\n        />\n      </Transition>\n      <Transition name=\"maz-picker-slide\">\n        <MazPickerYearSwitcher\n          v-if=\"yearSwitcherOpen\"\n          v-model:calendar-date=\"calendarDate\"\n          :color=\"color\"\n          :locale=\"locale\"\n          @close=\"yearSwitcherOpen = false\"\n        />\n      </Transition>\n      <div class=\"maz-picker-calendar__months\">\n        <MazPickerCalendarMonth\n          v-for=\"month in months\"\n          :key=\"month\"\n          v-model=\"currentValue\"\n          v-model:hoverred-day=\"hoverredDay\"\n          :calendar-date=\"calendarDate\"\n          :locale=\"locale\"\n          :has-time=\"hasTime\"\n          :color=\"color\"\n          :offset-month=\"month\"\n          :first-day-of-week=\"firstDayOfWeek\"\n          :min-date=\"minDate\"\n          :max-date=\"maxDate\"\n          :disabled=\"disabled\"\n          :disabled-weekly=\"disabledWeekly\"\n          :disabled-dates=\"disabledDates\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .maz-picker-calendar {\n  @apply maz-relative maz-flex maz-w-full;\n\n  &__main {\n    @apply maz-flex maz-flex-1 maz-flex-col;\n\n    width: 16rem;\n\n    &.--has-double {\n      width: 34rem;\n\n      & .maz-picker-calendar__months > *:first-child {\n        @apply maz-border-r maz-border-color-lighter;\n      }\n    }\n  }\n\n  &__months {\n    @apply maz-flex maz-w-full maz-flex-1;\n  }\n}\n\n.maz-picker-slide-enter-active,\n.maz-picker-slide-leave-active {\n  transition: all 300ms ease-in-out;\n  transform: translateY(0);\n}\n\n.maz-picker-slide-enter-from,\n.maz-picker-slide-leave-to {\n  transform: translateY(100%);\n}\n</style>\n"],"names":["props","__props","emits","__emit","MazPickerCalendarMonth","defineAsyncComponent","MazPickerCalendarSwitcher","MazPickerMonthSwitcher","MazPickerShortcuts","MazPickerYearSwitcher","hoverredDay","ref","isRangeMode","computed","hasShortcuts","monthSwitcherOpen","yearSwitcherOpen","currentValue","value","months","_v","i","calendarDate"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GAuBRC,IAAQC,GACRC,IAAyBC,EAAqB,MAAM,OAAO,uCAAyE,CAAC,GACrIC,IAA4BD,EAAqB,MAAM,OAAO,0CAAqD,CAAC,GACpHE,IAAyBF,EAAqB,MAAM,OAAO,uCAAkD,CAAC,GAC9GG,IAAqBH,EAAqB,MAAM,OAAO,mCAA8C,CAAC,GACtGI,IAAwBJ,EAAqB,MAAM,OAAO,sCAAiD,CAAC,GAE5GK,IAAcC,EAAW,GAEzBC,IAAcC,EAAS,MAAMb,EAAM,cAAc,OAAOA,EAAM,cAAe,QAAQ,GAErFc,IAAeD;AAAA,MACnB,MAAM,CAACb,EAAM,eAAeA,EAAM,UAAU,SAAS,KAAKY,EAAY;AAAA,IACxE,GAEMG,IAAoBJ,EAAI,EAAK,GAC7BK,IAAmBL,EAAI,EAAK,GAE5BM,IAAeJ,EAAS;AAAA,MAC5B,KAAK,MAAMb,EAAM;AAAA,MACjB,KAAK,CAAAkB,MAAShB,EAAM,sBAAsBgB,CAAK;AAAA,IAAA,CAChD,GAEKC,IAASN,EAAS,MAAM,MAAM,KAAK,EAAE,QAAQb,EAAM,SAAS,IAAI,EAAK,GAAA,CAACoB,GAAIC,MAAMA,CAAC,CAAC,GAElFC,IAAeT,EAAS;AAAA,MAC5B,KAAK,MAAMb,EAAM;AAAA,MACjB,KAAK,CAAAsB,MAAgBpB,EAAM,wBAAwBoB,CAAY;AAAA,IAAA,CAChE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/MazPickerCalendarMonth.DpvQC45k.cjs

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

package/dist/chunks/MazPickerCalendarMonth.DpvQC45k.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazPickerCalendarMonth.DpvQC45k.cjs","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/MazPickerCalendarMonth.rnaiDHFM.mjs

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