@dialpad/dialtone 9.110.1-beta.2 → 9.110.2

package/dist/vue3/components/datepicker/composables/useCalendar.cjs

@@ -0,0 +1,117 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const utils = require("../utils.cjs");
+const datepicker_constants = require("../datepicker_constants.cjs");
+const dateFns = require("date-fns");
+const common_utils = require("../../../common/utils.cjs");
+function useCalendar(props, emits) {
+  const selectedDay = vue.ref(null);
+  const focusDay = vue.ref(0);
+  const daysRef = vue.ref([]);
+  const weekDays = vue.computed(() => {
+    return utils.getWeekDayNames(props.locale, datepicker_constants.WEEK_START);
+  });
+  vue.watch(() => props.calendarDays, () => {
+    focusDay.value = 0;
+    daysRef.value = [];
+    selectedDay.value = null;
+  });
+  function dayAriaLabel(day) {
+    return `${props.selectDayLabel} ${day.text} ${dateFns.format(day.value, datepicker_constants.MONTH_FORMAT)} ${dateFns.getYear(day.value)}`;
+  }
+  function setDayRef(el, day) {
+    if (!daysRef.value.some((day2) => day2.el === el) && day.currentMonth) {
+      daysRef.value.push({ el, day });
+    }
+  }
+  function handleKeyDown(event) {
+    switch (event.key) {
+      case "ArrowUp":
+        event.preventDefault();
+        focusDay.value -= 7;
+        try {
+          common_utils.returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();
+        } catch (error) {
+          const prevFocusDate = utils.calculatePrevFocusDate(daysRef.value[focusDay.value + 7].day.value);
+          emits("go-to-prev-month");
+          vue.nextTick(() => {
+            common_utils.returnFirstEl(daysRef.value[prevFocusDate - 1].el.$el).focus();
+            focusDay.value += prevFocusDate - 1;
+          });
+        }
+        break;
+      case "ArrowDown":
+        event.preventDefault();
+        focusDay.value += 7;
+        try {
+          common_utils.returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();
+        } catch (error) {
+          const nextFocusDate = utils.calculateNextFocusDate(daysRef.value[focusDay.value - 7].day.value);
+          emits("go-to-next-month");
+          vue.nextTick(() => {
+            common_utils.returnFirstEl(daysRef.value[nextFocusDate - 1].el.$el).focus();
+            focusDay.value += nextFocusDate - 1;
+          });
+        }
+        break;
+      case "ArrowLeft":
+        event.preventDefault();
+        if (focusDay.value > 0) {
+          focusDay.value -= 1;
+          common_utils.returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();
+        } else {
+          emits("go-to-prev-month");
+          focusLastDay();
+        }
+        break;
+      case "ArrowRight":
+        event.preventDefault();
+        if (focusDay.value < daysRef.value.length - 1) {
+          focusDay.value += 1;
+          common_utils.returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();
+        } else {
+          emits("go-to-next-month");
+          focusFirstDay();
+        }
+        break;
+      case "Tab":
+        event.preventDefault();
+        emits("focus-month-year-picker");
+        break;
+      case "Escape":
+        emits("close-datepicker");
+        break;
+    }
+  }
+  function focusFirstDay() {
+    focusDay.value = 0;
+    vue.nextTick(() => {
+      common_utils.returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();
+    });
+  }
+  function focusLastDay() {
+    vue.nextTick(() => {
+      focusDay.value = daysRef.value.length - 1;
+      common_utils.returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();
+    });
+  }
+  function selectDay(day) {
+    if (!day.currentMonth) {
+      return;
+    }
+    selectedDay.value = day.text;
+    emits("select-date", day.value);
+  }
+  return {
+    selectedDay,
+    weekDays,
+    dayAriaLabel,
+    setDayRef,
+    handleKeyDown,
+    focusFirstDay,
+    selectDay
+  };
+}
+exports.useCalendar = useCalendar;
+//# sourceMappingURL=useCalendar.cjs.map

package/dist/vue3/components/datepicker/composables/useCalendar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCalendar.cjs","sources":["../../../../components/datepicker/composables/useCalendar.js"],"sourcesContent":["import { computed, ref, watch, nextTick } from 'vue';\nimport { getWeekDayNames, calculateNextFocusDate, calculatePrevFocusDate } from '@/components/datepicker/utils.js';\nimport { MONTH_FORMAT, WEEK_START } from '@/components/datepicker/datepicker_constants.js';\nimport { format, getYear } from 'date-fns';\nimport { returnFirstEl } from '@/common/utils';\n\nexport function useCalendar (props, emits) {\n  const selectedDay = ref(null);\n  const focusDay = ref(0);\n  const daysRef = ref([]);\n\n  const weekDays = computed(() => {\n    return getWeekDayNames(props.locale, WEEK_START);\n  });\n\n  watch(() => props.calendarDays, () => {\n    focusDay.value = 0;\n    daysRef.value = [];\n    selectedDay.value = null;\n  });\n\n  function dayAriaLabel (day) {\n    return `${props.selectDayLabel} ${day.text} ${format(day.value, MONTH_FORMAT)} ${getYear(day.value)}`;\n  }\n\n  function setDayRef (el, day) {\n    if (!daysRef.value.some(day => day.el === el) && day.currentMonth) {\n      daysRef.value.push({ el, day });\n    }\n  }\n\n  function handleKeyDown (event) {\n    switch (event.key) {\n      case 'ArrowUp':\n        event.preventDefault();\n        focusDay.value -= 7;\n        try {\n          returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();\n        } catch (error) {\n          const prevFocusDate = calculatePrevFocusDate(daysRef.value[focusDay.value + 7].day.value);\n          emits('go-to-prev-month');\n\n          nextTick(() => {\n            returnFirstEl(daysRef.value[prevFocusDate - 1].el.$el).focus();\n            focusDay.value += prevFocusDate - 1;\n          });\n        }\n        break;\n\n      case 'ArrowDown':\n        event.preventDefault();\n        focusDay.value += 7;\n        try {\n          returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();\n        } catch (error) {\n          const nextFocusDate = calculateNextFocusDate(daysRef.value[focusDay.value - 7].day.value);\n          emits('go-to-next-month');\n\n          nextTick(() => {\n            returnFirstEl(daysRef.value[nextFocusDate - 1].el.$el).focus();\n            focusDay.value += nextFocusDate - 1;\n          });\n        }\n        break;\n\n      case 'ArrowLeft':\n        event.preventDefault();\n        if (focusDay.value > 0) {\n          focusDay.value -= 1;\n          returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();\n        } else {\n          // if we are on month first day, jump to last day of prev month\n          emits('go-to-prev-month');\n          focusLastDay();\n        }\n        break;\n\n      case 'ArrowRight':\n        event.preventDefault();\n        if (focusDay.value < daysRef.value.length - 1) {\n          focusDay.value += 1;\n          returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();\n        } else {\n          // if we are on month last day, jump to first day of next month\n          emits('go-to-next-month');\n\n          focusFirstDay();\n        }\n        break;\n\n      case 'Tab':\n        event.preventDefault();\n        emits('focus-month-year-picker');\n        break;\n\n      case 'Escape':\n        emits('close-datepicker');\n        break;\n    }\n  }\n\n  function focusFirstDay () {\n    focusDay.value = 0;\n\n    nextTick(() => {\n      returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();\n    });\n  }\n\n  function focusLastDay () {\n    nextTick(() => {\n      focusDay.value = daysRef.value.length - 1;\n      returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();\n    });\n  }\n\n  function selectDay (day) {\n    if (!day.currentMonth) { return; }\n\n    // local selectedDay is updated when a day is selected\n    selectedDay.value = day.text;\n    emits('select-date', day.value);\n  }\n\n  return {\n    selectedDay,\n    weekDays,\n    dayAriaLabel,\n    setDayRef,\n    handleKeyDown,\n    focusFirstDay,\n    selectDay,\n  };\n}\n"],"names":["ref","computed","getWeekDayNames","WEEK_START","watch","format","MONTH_FORMAT","getYear","day","returnFirstEl","calculatePrevFocusDate","nextTick","calculateNextFocusDate"],"mappings":"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"}

package/dist/vue3/components/datepicker/composables/useCalendar.js

@@ -0,0 +1,117 @@
+import { ref, computed, watch, nextTick } from "vue";
+import { getWeekDayNames, calculateNextFocusDate, calculatePrevFocusDate } from "../utils.js";
+import { WEEK_START, MONTH_FORMAT } from "../datepicker_constants.js";
+import { format, getYear } from "date-fns";
+import { returnFirstEl } from "../../../common/utils.js";
+function useCalendar(props, emits) {
+  const selectedDay = ref(null);
+  const focusDay = ref(0);
+  const daysRef = ref([]);
+  const weekDays = computed(() => {
+    return getWeekDayNames(props.locale, WEEK_START);
+  });
+  watch(() => props.calendarDays, () => {
+    focusDay.value = 0;
+    daysRef.value = [];
+    selectedDay.value = null;
+  });
+  function dayAriaLabel(day) {
+    return `${props.selectDayLabel} ${day.text} ${format(day.value, MONTH_FORMAT)} ${getYear(day.value)}`;
+  }
+  function setDayRef(el, day) {
+    if (!daysRef.value.some((day2) => day2.el === el) && day.currentMonth) {
+      daysRef.value.push({ el, day });
+    }
+  }
+  function handleKeyDown(event) {
+    switch (event.key) {
+      case "ArrowUp":
+        event.preventDefault();
+        focusDay.value -= 7;
+        try {
+          returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();
+        } catch (error) {
+          const prevFocusDate = calculatePrevFocusDate(daysRef.value[focusDay.value + 7].day.value);
+          emits("go-to-prev-month");
+          nextTick(() => {
+            returnFirstEl(daysRef.value[prevFocusDate - 1].el.$el).focus();
+            focusDay.value += prevFocusDate - 1;
+          });
+        }
+        break;
+      case "ArrowDown":
+        event.preventDefault();
+        focusDay.value += 7;
+        try {
+          returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();
+        } catch (error) {
+          const nextFocusDate = calculateNextFocusDate(daysRef.value[focusDay.value - 7].day.value);
+          emits("go-to-next-month");
+          nextTick(() => {
+            returnFirstEl(daysRef.value[nextFocusDate - 1].el.$el).focus();
+            focusDay.value += nextFocusDate - 1;
+          });
+        }
+        break;
+      case "ArrowLeft":
+        event.preventDefault();
+        if (focusDay.value > 0) {
+          focusDay.value -= 1;
+          returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();
+        } else {
+          emits("go-to-prev-month");
+          focusLastDay();
+        }
+        break;
+      case "ArrowRight":
+        event.preventDefault();
+        if (focusDay.value < daysRef.value.length - 1) {
+          focusDay.value += 1;
+          returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();
+        } else {
+          emits("go-to-next-month");
+          focusFirstDay();
+        }
+        break;
+      case "Tab":
+        event.preventDefault();
+        emits("focus-month-year-picker");
+        break;
+      case "Escape":
+        emits("close-datepicker");
+        break;
+    }
+  }
+  function focusFirstDay() {
+    focusDay.value = 0;
+    nextTick(() => {
+      returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();
+    });
+  }
+  function focusLastDay() {
+    nextTick(() => {
+      focusDay.value = daysRef.value.length - 1;
+      returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();
+    });
+  }
+  function selectDay(day) {
+    if (!day.currentMonth) {
+      return;
+    }
+    selectedDay.value = day.text;
+    emits("select-date", day.value);
+  }
+  return {
+    selectedDay,
+    weekDays,
+    dayAriaLabel,
+    setDayRef,
+    handleKeyDown,
+    focusFirstDay,
+    selectDay
+  };
+}
+export {
+  useCalendar
+};
+//# sourceMappingURL=useCalendar.js.map

package/dist/vue3/components/datepicker/composables/useCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCalendar.js","sources":["../../../../components/datepicker/composables/useCalendar.js"],"sourcesContent":["import { computed, ref, watch, nextTick } from 'vue';\nimport { getWeekDayNames, calculateNextFocusDate, calculatePrevFocusDate } from '@/components/datepicker/utils.js';\nimport { MONTH_FORMAT, WEEK_START } from '@/components/datepicker/datepicker_constants.js';\nimport { format, getYear } from 'date-fns';\nimport { returnFirstEl } from '@/common/utils';\n\nexport function useCalendar (props, emits) {\n  const selectedDay = ref(null);\n  const focusDay = ref(0);\n  const daysRef = ref([]);\n\n  const weekDays = computed(() => {\n    return getWeekDayNames(props.locale, WEEK_START);\n  });\n\n  watch(() => props.calendarDays, () => {\n    focusDay.value = 0;\n    daysRef.value = [];\n    selectedDay.value = null;\n  });\n\n  function dayAriaLabel (day) {\n    return `${props.selectDayLabel} ${day.text} ${format(day.value, MONTH_FORMAT)} ${getYear(day.value)}`;\n  }\n\n  function setDayRef (el, day) {\n    if (!daysRef.value.some(day => day.el === el) && day.currentMonth) {\n      daysRef.value.push({ el, day });\n    }\n  }\n\n  function handleKeyDown (event) {\n    switch (event.key) {\n      case 'ArrowUp':\n        event.preventDefault();\n        focusDay.value -= 7;\n        try {\n          returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();\n        } catch (error) {\n          const prevFocusDate = calculatePrevFocusDate(daysRef.value[focusDay.value + 7].day.value);\n          emits('go-to-prev-month');\n\n          nextTick(() => {\n            returnFirstEl(daysRef.value[prevFocusDate - 1].el.$el).focus();\n            focusDay.value += prevFocusDate - 1;\n          });\n        }\n        break;\n\n      case 'ArrowDown':\n        event.preventDefault();\n        focusDay.value += 7;\n        try {\n          returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();\n        } catch (error) {\n          const nextFocusDate = calculateNextFocusDate(daysRef.value[focusDay.value - 7].day.value);\n          emits('go-to-next-month');\n\n          nextTick(() => {\n            returnFirstEl(daysRef.value[nextFocusDate - 1].el.$el).focus();\n            focusDay.value += nextFocusDate - 1;\n          });\n        }\n        break;\n\n      case 'ArrowLeft':\n        event.preventDefault();\n        if (focusDay.value > 0) {\n          focusDay.value -= 1;\n          returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();\n        } else {\n          // if we are on month first day, jump to last day of prev month\n          emits('go-to-prev-month');\n          focusLastDay();\n        }\n        break;\n\n      case 'ArrowRight':\n        event.preventDefault();\n        if (focusDay.value < daysRef.value.length - 1) {\n          focusDay.value += 1;\n          returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();\n        } else {\n          // if we are on month last day, jump to first day of next month\n          emits('go-to-next-month');\n\n          focusFirstDay();\n        }\n        break;\n\n      case 'Tab':\n        event.preventDefault();\n        emits('focus-month-year-picker');\n        break;\n\n      case 'Escape':\n        emits('close-datepicker');\n        break;\n    }\n  }\n\n  function focusFirstDay () {\n    focusDay.value = 0;\n\n    nextTick(() => {\n      returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();\n    });\n  }\n\n  function focusLastDay () {\n    nextTick(() => {\n      focusDay.value = daysRef.value.length - 1;\n      returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();\n    });\n  }\n\n  function selectDay (day) {\n    if (!day.currentMonth) { return; }\n\n    // local selectedDay is updated when a day is selected\n    selectedDay.value = day.text;\n    emits('select-date', day.value);\n  }\n\n  return {\n    selectedDay,\n    weekDays,\n    dayAriaLabel,\n    setDayRef,\n    handleKeyDown,\n    focusFirstDay,\n    selectDay,\n  };\n}\n"],"names":["day"],"mappings":"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"}

package/dist/vue3/components/datepicker/composables/useMonthYearPicker.cjs

@@ -0,0 +1,110 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const dateFns = require("date-fns");
+const utils = require("../utils.cjs");
+const common_utils = require("../../../common/utils.cjs");
+function useMonthYearPicker(props, emits) {
+  const selectMonth = vue.ref(dateFns.getMonth(props.selectedDate));
+  const selectYear = vue.ref(dateFns.getYear(props.selectedDate));
+  const highlightedDay = vue.ref(null);
+  const focusPicker = vue.ref(0);
+  const focusRefs = vue.ref([]);
+  const calendarDays = vue.computed(() => {
+    return utils.getCalendarDays(selectMonth.value, selectYear.value, highlightedDay.value);
+  });
+  const formattedMonth = vue.computed(() => {
+    return (month, format, locale) => utils.formatMonth(month, format, locale);
+  });
+  vue.watch(selectMonth, () => {
+    highlightDay();
+    emits("calendar-days", calendarDays.value);
+  }, { immediate: true });
+  vue.watch(selectYear, () => {
+    highlightDay();
+    emits("calendar-days", calendarDays.value);
+  }, { immediate: true });
+  function setDayRef(el) {
+    if (!focusRefs.value.includes(el)) {
+      focusRefs.value.push(el);
+    }
+  }
+  function focusMonthYearPicker() {
+    common_utils.returnFirstEl(focusRefs.value[0].$el).focus();
+  }
+  function handleKeyDown(event) {
+    switch (event.key) {
+      case "ArrowLeft":
+        event.preventDefault();
+        if (focusPicker.value === 0) {
+          focusPicker.value = 3;
+          common_utils.returnFirstEl(focusRefs.value[focusPicker.value].$el).focus();
+        } else {
+          focusPicker.value--;
+          common_utils.returnFirstEl(focusRefs.value[focusPicker.value].$el).focus();
+        }
+        break;
+      case "ArrowRight":
+        event.preventDefault();
+        if (focusPicker.value === 3) {
+          focusPicker.value = 0;
+          common_utils.returnFirstEl(focusRefs.value[focusPicker.value].$el).focus();
+        } else {
+          focusPicker.value++;
+          common_utils.returnFirstEl(focusRefs.value[focusPicker.value].$el).focus();
+        }
+        break;
+      case "ArrowDown":
+        event.preventDefault();
+        emits("focus-first-day");
+        break;
+      case "Tab":
+        event.preventDefault();
+        emits("focus-first-day");
+        break;
+      case "Escape":
+        emits("close-datepicker");
+        break;
+    }
+  }
+  function highlightDay() {
+    const year = dateFns.getYear(props.selectedDate);
+    const month = dateFns.getMonth(props.selectedDate);
+    if (year !== selectYear.value || month !== selectMonth.value) {
+      highlightedDay.value = null;
+    } else {
+      highlightedDay.value = dateFns.getDate(props.selectedDate);
+    }
+  }
+  function changeMonth(value) {
+    if (selectMonth.value === 0 && value === -1 || selectMonth.value === 11 && value === 1) {
+      selectYear.value += value;
+    }
+    const initialDate = dateFns.set(props.selectedDate, { month: selectMonth.value, year: selectYear.value });
+    const newDate = value === 1 ? dateFns.addMonths(initialDate, 1) : dateFns.subMonths(initialDate, 1);
+    selectMonth.value = dateFns.getMonth(newDate);
+  }
+  function changeYear(value) {
+    selectYear.value = selectYear.value + value;
+  }
+  function goToNextMonth() {
+    changeMonth(1);
+  }
+  function goToPrevMonth() {
+    changeMonth(-1);
+  }
+  return {
+    selectMonth,
+    selectYear,
+    formattedMonth,
+    setDayRef,
+    focusMonthYearPicker,
+    handleKeyDown,
+    changeMonth,
+    changeYear,
+    goToNextMonth,
+    goToPrevMonth
+  };
+}
+exports.useMonthYearPicker = useMonthYearPicker;
+//# sourceMappingURL=useMonthYearPicker.cjs.map

package/dist/vue3/components/datepicker/composables/useMonthYearPicker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMonthYearPicker.cjs","sources":["../../../../components/datepicker/composables/useMonthYearPicker.js"],"sourcesContent":["import { computed, ref, watch } from 'vue';\nimport { addMonths, getDate, getMonth, getYear, set, subMonths } from 'date-fns';\nimport { formatMonth, getCalendarDays } from '@/components/datepicker/utils.js';\nimport { returnFirstEl } from '@/common/utils';\n\nexport function useMonthYearPicker (props, emits) {\n  const selectMonth = ref(getMonth(props.selectedDate));\n  const selectYear = ref(getYear(props.selectedDate));\n  const highlightedDay = ref(null);\n  const focusPicker = ref(0);\n  const focusRefs = ref([]);\n\n  const calendarDays = computed(() => {\n    return getCalendarDays(selectMonth.value, selectYear.value, highlightedDay.value);\n  });\n\n  const formattedMonth = computed(() => {\n    return (month, format, locale) => formatMonth(month, format, locale);\n  });\n\n  watch(selectMonth, () => {\n    highlightDay();\n    emits('calendar-days', calendarDays.value);\n  }, { immediate: true });\n\n  watch(selectYear, () => {\n    highlightDay();\n    emits('calendar-days', calendarDays.value);\n  }, { immediate: true });\n\n  function setDayRef (el) {\n    if (!focusRefs.value.includes(el)) {\n      focusRefs.value.push(el);\n    }\n  }\n\n  function focusMonthYearPicker () {\n    returnFirstEl(focusRefs.value[0].$el).focus();\n  }\n\n  function handleKeyDown (event) {\n    switch (event.key) {\n      case 'ArrowLeft':\n        event.preventDefault();\n        if (focusPicker.value === 0) {\n          focusPicker.value = 3;\n          returnFirstEl(focusRefs.value[focusPicker.value].$el).focus();\n        } else {\n          focusPicker.value--;\n          returnFirstEl(focusRefs.value[focusPicker.value].$el).focus();\n        }\n        break;\n\n      case 'ArrowRight':\n        event.preventDefault();\n        if (focusPicker.value === 3) {\n          focusPicker.value = 0;\n          returnFirstEl(focusRefs.value[focusPicker.value].$el).focus();\n        } else {\n          focusPicker.value++;\n          returnFirstEl(focusRefs.value[focusPicker.value].$el).focus();\n        }\n        break;\n\n      case 'ArrowDown':\n        event.preventDefault();\n        emits('focus-first-day');\n        break;\n\n      case 'Tab':\n        event.preventDefault();\n        emits('focus-first-day');\n        break;\n\n      case 'Escape':\n        emits('close-datepicker');\n        break;\n    }\n  }\n\n  function highlightDay () {\n    const year = getYear(props.selectedDate);\n    const month = getMonth(props.selectedDate);\n\n    if (year !== selectYear.value || month !== selectMonth.value) {\n      highlightedDay.value = null;\n    } else {\n      highlightedDay.value = getDate(props.selectedDate);\n    }\n  }\n\n  function changeMonth (value) {\n    // Adjust year when changing from January to December or vice versa\n    if ((selectMonth.value === 0 && value === -1) || (selectMonth.value === 11 && value === 1)) {\n      selectYear.value += value;\n    }\n\n    // Calculate the new date by adding or subtracting months\n    const initialDate = set(props.selectedDate, { month: selectMonth.value, year: selectYear.value });\n    const newDate = value === 1 ? addMonths(initialDate, 1) : subMonths(initialDate, 1);\n\n    // Update the selected month\n    selectMonth.value = getMonth(newDate);\n  }\n\n  function changeYear (value) {\n    selectYear.value = selectYear.value + value;\n  }\n\n  function goToNextMonth () {\n    changeMonth(1);\n  }\n\n  function goToPrevMonth () {\n    changeMonth(-1);\n  }\n\n  return {\n    selectMonth,\n    selectYear,\n    formattedMonth,\n    setDayRef,\n    focusMonthYearPicker,\n    handleKeyDown,\n    changeMonth,\n    changeYear,\n    goToNextMonth,\n    goToPrevMonth,\n  };\n}\n"],"names":["ref","getMonth","getYear","computed","getCalendarDays","formatMonth","watch","returnFirstEl","getDate","set","addMonths","subMonths"],"mappings":"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"}

package/dist/vue3/components/datepicker/composables/useMonthYearPicker.js

@@ -0,0 +1,110 @@
+import { ref, computed, watch } from "vue";
+import { getMonth, getYear, getDate, set, addMonths, subMonths } from "date-fns";
+import { getCalendarDays, formatMonth } from "../utils.js";
+import { returnFirstEl } from "../../../common/utils.js";
+function useMonthYearPicker(props, emits) {
+  const selectMonth = ref(getMonth(props.selectedDate));
+  const selectYear = ref(getYear(props.selectedDate));
+  const highlightedDay = ref(null);
+  const focusPicker = ref(0);
+  const focusRefs = ref([]);
+  const calendarDays = computed(() => {
+    return getCalendarDays(selectMonth.value, selectYear.value, highlightedDay.value);
+  });
+  const formattedMonth = computed(() => {
+    return (month, format, locale) => formatMonth(month, format, locale);
+  });
+  watch(selectMonth, () => {
+    highlightDay();
+    emits("calendar-days", calendarDays.value);
+  }, { immediate: true });
+  watch(selectYear, () => {
+    highlightDay();
+    emits("calendar-days", calendarDays.value);
+  }, { immediate: true });
+  function setDayRef(el) {
+    if (!focusRefs.value.includes(el)) {
+      focusRefs.value.push(el);
+    }
+  }
+  function focusMonthYearPicker() {
+    returnFirstEl(focusRefs.value[0].$el).focus();
+  }
+  function handleKeyDown(event) {
+    switch (event.key) {
+      case "ArrowLeft":
+        event.preventDefault();
+        if (focusPicker.value === 0) {
+          focusPicker.value = 3;
+          returnFirstEl(focusRefs.value[focusPicker.value].$el).focus();
+        } else {
+          focusPicker.value--;
+          returnFirstEl(focusRefs.value[focusPicker.value].$el).focus();
+        }
+        break;
+      case "ArrowRight":
+        event.preventDefault();
+        if (focusPicker.value === 3) {
+          focusPicker.value = 0;
+          returnFirstEl(focusRefs.value[focusPicker.value].$el).focus();
+        } else {
+          focusPicker.value++;
+          returnFirstEl(focusRefs.value[focusPicker.value].$el).focus();
+        }
+        break;
+      case "ArrowDown":
+        event.preventDefault();
+        emits("focus-first-day");
+        break;
+      case "Tab":
+        event.preventDefault();
+        emits("focus-first-day");
+        break;
+      case "Escape":
+        emits("close-datepicker");
+        break;
+    }
+  }
+  function highlightDay() {
+    const year = getYear(props.selectedDate);
+    const month = getMonth(props.selectedDate);
+    if (year !== selectYear.value || month !== selectMonth.value) {
+      highlightedDay.value = null;
+    } else {
+      highlightedDay.value = getDate(props.selectedDate);
+    }
+  }
+  function changeMonth(value) {
+    if (selectMonth.value === 0 && value === -1 || selectMonth.value === 11 && value === 1) {
+      selectYear.value += value;
+    }
+    const initialDate = set(props.selectedDate, { month: selectMonth.value, year: selectYear.value });
+    const newDate = value === 1 ? addMonths(initialDate, 1) : subMonths(initialDate, 1);
+    selectMonth.value = getMonth(newDate);
+  }
+  function changeYear(value) {
+    selectYear.value = selectYear.value + value;
+  }
+  function goToNextMonth() {
+    changeMonth(1);
+  }
+  function goToPrevMonth() {
+    changeMonth(-1);
+  }
+  return {
+    selectMonth,
+    selectYear,
+    formattedMonth,
+    setDayRef,
+    focusMonthYearPicker,
+    handleKeyDown,
+    changeMonth,
+    changeYear,
+    goToNextMonth,
+    goToPrevMonth
+  };
+}
+export {
+  useMonthYearPicker
+};
+//# sourceMappingURL=useMonthYearPicker.js.map

package/dist/vue3/components/datepicker/composables/useMonthYearPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMonthYearPicker.js","sources":["../../../../components/datepicker/composables/useMonthYearPicker.js"],"sourcesContent":["import { computed, ref, watch } from 'vue';\nimport { addMonths, getDate, getMonth, getYear, set, subMonths } from 'date-fns';\nimport { formatMonth, getCalendarDays } from '@/components/datepicker/utils.js';\nimport { returnFirstEl } from '@/common/utils';\n\nexport function useMonthYearPicker (props, emits) {\n  const selectMonth = ref(getMonth(props.selectedDate));\n  const selectYear = ref(getYear(props.selectedDate));\n  const highlightedDay = ref(null);\n  const focusPicker = ref(0);\n  const focusRefs = ref([]);\n\n  const calendarDays = computed(() => {\n    return getCalendarDays(selectMonth.value, selectYear.value, highlightedDay.value);\n  });\n\n  const formattedMonth = computed(() => {\n    return (month, format, locale) => formatMonth(month, format, locale);\n  });\n\n  watch(selectMonth, () => {\n    highlightDay();\n    emits('calendar-days', calendarDays.value);\n  }, { immediate: true });\n\n  watch(selectYear, () => {\n    highlightDay();\n    emits('calendar-days', calendarDays.value);\n  }, { immediate: true });\n\n  function setDayRef (el) {\n    if (!focusRefs.value.includes(el)) {\n      focusRefs.value.push(el);\n    }\n  }\n\n  function focusMonthYearPicker () {\n    returnFirstEl(focusRefs.value[0].$el).focus();\n  }\n\n  function handleKeyDown (event) {\n    switch (event.key) {\n      case 'ArrowLeft':\n        event.preventDefault();\n        if (focusPicker.value === 0) {\n          focusPicker.value = 3;\n          returnFirstEl(focusRefs.value[focusPicker.value].$el).focus();\n        } else {\n          focusPicker.value--;\n          returnFirstEl(focusRefs.value[focusPicker.value].$el).focus();\n        }\n        break;\n\n      case 'ArrowRight':\n        event.preventDefault();\n        if (focusPicker.value === 3) {\n          focusPicker.value = 0;\n          returnFirstEl(focusRefs.value[focusPicker.value].$el).focus();\n        } else {\n          focusPicker.value++;\n          returnFirstEl(focusRefs.value[focusPicker.value].$el).focus();\n        }\n        break;\n\n      case 'ArrowDown':\n        event.preventDefault();\n        emits('focus-first-day');\n        break;\n\n      case 'Tab':\n        event.preventDefault();\n        emits('focus-first-day');\n        break;\n\n      case 'Escape':\n        emits('close-datepicker');\n        break;\n    }\n  }\n\n  function highlightDay () {\n    const year = getYear(props.selectedDate);\n    const month = getMonth(props.selectedDate);\n\n    if (year !== selectYear.value || month !== selectMonth.value) {\n      highlightedDay.value = null;\n    } else {\n      highlightedDay.value = getDate(props.selectedDate);\n    }\n  }\n\n  function changeMonth (value) {\n    // Adjust year when changing from January to December or vice versa\n    if ((selectMonth.value === 0 && value === -1) || (selectMonth.value === 11 && value === 1)) {\n      selectYear.value += value;\n    }\n\n    // Calculate the new date by adding or subtracting months\n    const initialDate = set(props.selectedDate, { month: selectMonth.value, year: selectYear.value });\n    const newDate = value === 1 ? addMonths(initialDate, 1) : subMonths(initialDate, 1);\n\n    // Update the selected month\n    selectMonth.value = getMonth(newDate);\n  }\n\n  function changeYear (value) {\n    selectYear.value = selectYear.value + value;\n  }\n\n  function goToNextMonth () {\n    changeMonth(1);\n  }\n\n  function goToPrevMonth () {\n    changeMonth(-1);\n  }\n\n  return {\n    selectMonth,\n    selectYear,\n    formattedMonth,\n    setDayRef,\n    focusMonthYearPicker,\n    handleKeyDown,\n    changeMonth,\n    changeYear,\n    goToNextMonth,\n    goToPrevMonth,\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/vue3/components/datepicker/datepicker.vue.cjs

@@ -0,0 +1,159 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const common_utils = require("../../common/utils.cjs");
+const monthYearPicker = require("./modules/month-year-picker.vue.cjs");
+const calendar = require("./modules/calendar.vue.cjs");
+const stack = require("../stack/stack.vue.cjs");
+const _hoisted_1 = { class: "d-datepicker__hd" };
+const _hoisted_2 = { class: "d-datepicker__bd" };
+const _sfc_main = {
+  __name: "datepicker",
+  props: {
+    /**
+       * Label for the previous month button
+       *
+       * @type {String}
+       * @example 'Previous month'
+       */
+    prevMonthLabel: {
+      type: String,
+      required: true
+    },
+    /**
+       * Label for the next month button
+       *
+       * @type {String}
+       * @example 'Next month'
+       */
+    nextMonthLabel: {
+      type: String,
+      required: true
+    },
+    /**
+       * Label for the previous year button
+       *
+       * @type {String}
+       * @example 'Previous year'
+       */
+    prevYearLabel: {
+      type: String,
+      required: true
+    },
+    /**
+       * Label for the next year button
+       *
+       * @type {String}
+       * @example 'Next year'
+       */
+    nextYearLabel: {
+      type: String,
+      required: true
+    },
+    /**
+       * Label for the select day button
+       *
+       * @type {String}
+       * @example 'Select day'
+       */
+    selectDayLabel: {
+      type: String,
+      required: true
+    },
+    /**
+       * Label for the change to button
+       *
+       * @type {String}
+       * @example 'Change to'
+       */
+    changeToLabel: {
+      type: String,
+      required: true
+    },
+    /**
+       * Locale for the calendar
+       *
+       * @type {String}
+       */
+    locale: {
+      type: String,
+      default: "en-US"
+    },
+    /**
+       * Selected date
+       *
+       * @type {Date}
+       */
+    selectedDate: {
+      type: Date,
+      default: () => /* @__PURE__ */ new Date()
+    }
+  },
+  emits: [
+    /**
+       * Event fired when a date is selected
+       *
+       * @event selected-date
+       * @type {Date}
+       */
+    "selected-date",
+    /**
+       * Event fired when user presses the esc key
+       *
+       * @event close-datepicker
+       */
+    "close-datepicker"
+  ],
+  setup(__props) {
+    const calendarDays = vue.ref([]);
+    function updateCalendarDays(days) {
+      calendarDays.value = days;
+    }
+    vue.onMounted(() => {
+      const instance = vue.getCurrentInstance();
+      common_utils.warnIfUnmounted(common_utils.returnFirstEl(instance.proxy.$el), "datepicker");
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(stack.default), {
+        class: "d-datepicker",
+        gap: "400"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createVNode(monthYearPicker.default, {
+              ref: "monthYearPicker",
+              locale: __props.locale,
+              "prev-month-label": __props.prevMonthLabel,
+              "next-month-label": __props.nextMonthLabel,
+              "prev-year-label": __props.prevYearLabel,
+              "next-year-label": __props.nextYearLabel,
+              "change-to-label": __props.changeToLabel,
+              "selected-date": __props.selectedDate,
+              onCalendarDays: updateCalendarDays,
+              onFocusFirstDay: _cache[0] || (_cache[0] = ($event) => _ctx.$refs.calendar.focusFirstDay()),
+              onFocusLastDay: _cache[1] || (_cache[1] = ($event) => _ctx.$refs.calendar.focusLastDay()),
+              onCloseDatepicker: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("close-datepicker"))
+            }, null, 8, ["locale", "prev-month-label", "next-month-label", "prev-year-label", "next-year-label", "change-to-label", "selected-date"])
+          ]),
+          vue.createElementVNode("div", _hoisted_2, [
+            vue.createVNode(calendar.default, {
+              ref: "calendar",
+              locale: __props.locale,
+              "calendar-days": calendarDays.value,
+              "select-day-label": __props.selectDayLabel,
+              onSelectDate: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("selected-date", $event)),
+              onFocusMonthYearPicker: _cache[4] || (_cache[4] = ($event) => _ctx.$refs.monthYearPicker.focusMonthYearPicker()),
+              onCloseDatepicker: _cache[5] || (_cache[5] = ($event) => _ctx.$emit("close-datepicker")),
+              onGoToNextMonth: _cache[6] || (_cache[6] = ($event) => _ctx.$refs.monthYearPicker.goToNextMonth()),
+              onGoToPrevMonth: _cache[7] || (_cache[7] = ($event) => _ctx.$refs.monthYearPicker.goToPrevMonth())
+            }, null, 8, ["locale", "calendar-days", "select-day-label"])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+};
+const _sfc_main$1 = _sfc_main;
+exports.default = _sfc_main$1;
+//# sourceMappingURL=datepicker.vue.cjs.map