@dialpad/dialtone-vue 3.210.0 → 3.211.0-next.1

package/dist/lib/datepicker/datepicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"datepicker.js","sources":["../../../components/datepicker/composables/useMonthYearPicker.js","../../../components/datepicker/modules/month-year-picker.vue","../../../components/datepicker/composables/useCalendar.js","../../../components/datepicker/modules/calendar.vue","../../../components/datepicker/datepicker.vue"],"sourcesContent":["import { computed, ref, watch } from 'vue';\nimport { addMonths, endOfMonth, getDate, getMonth, getYear, set, startOfDay, startOfMonth, subMonths } from 'date-fns';\nimport { formatMonth, getCalendarDays } from '../utils.js';\nimport { INTL_MONTH_FORMAT } from '../datepicker_constants';\nimport { returnFirstEl } from '@/common/utils';\nimport { DialtoneLocalization } from '@/localization';\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  const i18n = new DialtoneLocalization();\n\n  const calendarDays = computed(() => {\n    return getCalendarDays(\n      selectMonth.value, selectYear.value, highlightedDay.value,\n      props.minDate, props.maxDate, props.weekStartsOn,\n    );\n  });\n\n  const isPrevMonthDisabled = computed(() => {\n    if (!props.minDate) return false;\n    const prevMonth = subMonths(new Date(selectYear.value, selectMonth.value, 1), 1);\n    return endOfMonth(prevMonth) < startOfDay(props.minDate);\n  });\n\n  const isNextMonthDisabled = computed(() => {\n    if (!props.maxDate) return false;\n    const nextMonth = addMonths(new Date(selectYear.value, selectMonth.value, 1), 1);\n    return startOfMonth(nextMonth) > startOfDay(props.maxDate);\n  });\n\n  const isPrevYearDisabled = computed(() => {\n    if (!props.minDate) return false;\n    const prevYearMonth = new Date(selectYear.value - 1, selectMonth.value, 1);\n    return endOfMonth(prevYearMonth) < startOfDay(props.minDate);\n  });\n\n  const isNextYearDisabled = computed(() => {\n    if (!props.maxDate) return false;\n    const nextYearMonth = new Date(selectYear.value + 1, selectMonth.value, 1);\n    return startOfMonth(nextYearMonth) > startOfDay(props.maxDate);\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  watch(() => props.minDate, () => {\n    emits('calendar-days', calendarDays.value);\n  });\n\n  watch(() => props.maxDate, () => {\n    emits('calendar-days', calendarDays.value);\n  });\n\n  function formattedMonth (month) {\n    return formatMonth(month, INTL_MONTH_FORMAT, i18n.currentLocale);\n  }\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    if (value === -1 && isPrevMonthDisabled.value) return;\n    if (value === 1 && isNextMonthDisabled.value) return;\n\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    if (value === -1 && isPrevYearDisabled.value) return;\n    if (value === 1 && isNextYearDisabled.value) return;\n\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  function previousYearAriaLabel () {\n    return `${i18n.$t('DIALTONE_DATEPICKER_CHANGE_TO')} ${i18n.$t('DIALTONE_DATEPICKER_PREVIOUS_YEAR')} ${selectYear.value - 1}`;\n  }\n\n  function previousMonthAriaLabel () {\n    return `${i18n.$t('DIALTONE_DATEPICKER_CHANGE_TO')} ${i18n.$t('DIALTONE_DATEPICKER_PREVIOUS_MONTH')} ${formattedMonth(selectMonth.value - 1)}`;\n  }\n\n  function nextYearAriaLabel () {\n    return `${i18n.$t('DIALTONE_DATEPICKER_CHANGE_TO')} ${i18n.$t('DIALTONE_DATEPICKER_NEXT_YEAR')} ${selectYear.value + 1}`;\n  }\n\n  function nextMonthAriaLabel () {\n    return `${i18n.$t('DIALTONE_DATEPICKER_CHANGE_TO')} ${i18n.$t('DIALTONE_DATEPICKER_NEXT_MONTH')} ${formattedMonth(selectMonth.value + 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    isPrevMonthDisabled,\n    isNextMonthDisabled,\n    isPrevYearDisabled,\n    isNextYearDisabled,\n    previousYearAriaLabel,\n    previousMonthAriaLabel,\n    nextYearAriaLabel,\n    nextMonthAriaLabel,\n  };\n}\n","<template>\n  <dt-stack\n    class=\"d-datepicker__month-year\"\n    direction=\"row\"\n    gap=\"300\"\n  >\n    <dt-stack\n      as=\"nav\"\n      class=\"d-datepicker__nav\"\n      direction=\"row\"\n      gap=\"200\"\n    >\n      <dt-tooltip\n        :fallback-placements=\"['top-start', 'auto']\"\n        :message=\"i18n.$t('DIALTONE_DATEPICKER_PREVIOUS_YEAR')\"\n        placement=\"top\"\n      >\n        <template #anchor>\n          <dt-button\n            id=\"prevYearButton\"\n            :ref=\"el => { if (el) setDayRef(el) }\"\n            :aria-label=\"previousYearAriaLabel()\"\n            :circle=\"true\"\n            :disabled=\"isPrevYearDisabled\"\n            class=\"d-datepicker__nav-btn\"\n            importance=\"clear\"\n            kind=\"muted\"\n            size=\"xs\"\n            type=\"button\"\n            @click=\"changeYear(-1)\"\n            @keydown=\"handleKeyDown($event)\"\n          >\n            <dt-icon-chevrons-left\n              size=\"200\"\n            />\n          </dt-button>\n        </template>\n      </dt-tooltip>\n      <dt-tooltip\n        :fallback-placements=\"['top-start', 'auto']\"\n        :message=\"i18n.$t('DIALTONE_DATEPICKER_PREVIOUS_MONTH')\"\n        placement=\"top\"\n      >\n        <template #anchor>\n          <dt-button\n            id=\"prevMonthButton\"\n            :ref=\"el => { if (el) setDayRef(el) }\"\n            :aria-label=\"previousMonthAriaLabel()\"\n            :circle=\"true\"\n            :disabled=\"isPrevMonthDisabled\"\n            class=\"d-datepicker__nav-btn\"\n            importance=\"clear\"\n            kind=\"muted\"\n            size=\"xs\"\n            type=\"button\"\n            @click=\"changeMonth(-1)\"\n            @keydown=\"handleKeyDown($event)\"\n          >\n            <dt-icon-chevron-left\n              size=\"200\"\n            />\n          </dt-button>\n        </template>\n      </dt-tooltip>\n    </dt-stack>\n    <div\n      id=\"calendar-heading\"\n      class=\"d-datepicker__month-year-title\"\n    >\n      {{ formattedMonth(selectMonth) }}\n\n      {{ selectYear }}\n    </div>\n    <dt-stack\n      as=\"nav\"\n      class=\"d-datepicker__nav\"\n      direction=\"row\"\n      gap=\"200\"\n    >\n      <dt-tooltip\n        :fallback-placements=\"['top-end', 'auto']\"\n        :message=\"i18n.$t('DIALTONE_DATEPICKER_NEXT_MONTH')\"\n        placement=\"top\"\n      >\n        <template #anchor>\n          <dt-button\n            id=\"nextMonthButton\"\n            :ref=\"el => { if (el) setDayRef(el) }\"\n            :aria-label=\"nextMonthAriaLabel()\"\n            :circle=\"true\"\n            :disabled=\"isNextMonthDisabled\"\n            class=\"d-datepicker__nav-btn\"\n            importance=\"clear\"\n            kind=\"muted\"\n            size=\"xs\"\n            type=\"button\"\n            @click=\"changeMonth(1)\"\n            @keydown=\"handleKeyDown($event)\"\n          >\n            <dt-icon-chevron-right\n              size=\"200\"\n            />\n          </dt-button>\n        </template>\n      </dt-tooltip>\n      <dt-tooltip\n        :fallback-placements=\"['top-end', 'auto']\"\n        :message=\"i18n.$t('DIALTONE_DATEPICKER_NEXT_YEAR')\"\n        placement=\"top\"\n      >\n        <template #anchor>\n          <dt-button\n            id=\"nextYearButton\"\n            :ref=\"el => { if (el) setDayRef(el) }\"\n            :aria-label=\"nextYearAriaLabel()\"\n            :circle=\"true\"\n            :disabled=\"isNextYearDisabled\"\n            class=\"d-datepicker__nav-btn\"\n            importance=\"clear\"\n            kind=\"muted\"\n            size=\"xs\"\n            type=\"button\"\n            @click=\"changeYear(1)\"\n            @keydown=\"handleKeyDown($event)\"\n          >\n            <dt-icon-chevrons-right\n              size=\"200\"\n            />\n          </dt-button>\n        </template>\n      </dt-tooltip>\n    </dt-stack>\n  </dt-stack>\n</template>\n\n<script setup>\nimport {\n  DtIconChevronLeft,\n  DtIconChevronsLeft,\n  DtIconChevronRight,\n  DtIconChevronsRight,\n} from '@dialpad/dialtone-icons/vue3';\nimport { DtStack } from '@/components/stack';\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport { onMounted } from 'vue';\nimport { useMonthYearPicker } from '../composables/useMonthYearPicker.js';\nimport { DialtoneLocalization } from '@/localization';\n\nconst props = defineProps({\n  selectedDate: {\n    type: Date,\n    required: true,\n  },\n\n  minDate: {\n    type: Date,\n    default: null,\n  },\n\n  maxDate: {\n    type: Date,\n    default: null,\n  },\n\n  weekStartsOn: {\n    type: Number,\n    default: 0,\n    validator: (v) => Number.isInteger(v) && v >= 0 && v <= 6,\n  },\n});\n\nconst emits = defineEmits([\n  /**\n     * Will retrieve the calendar days of the given date\n     *\n     * @event calendar-days\n     * @type {Array}\n     */\n  'calendar-days',\n\n  /**\n     * Will focus first day in calendar\n     *\n     * @event focus-first-day\n     */\n  'focus-first-day',\n\n  /**\n     * Will focus last day in calendar\n     *\n     * @event focus-last-day\n     */\n  'focus-last-day',\n\n  /**\n     * Will close the datepicker\n     *\n     * @event close-datepicker\n     */\n  'close-datepicker',\n]);\n\nconst i18n = new DialtoneLocalization();\n\nconst {\n  selectMonth,\n  selectYear,\n  formattedMonth,\n  setDayRef,\n  focusMonthYearPicker,\n  handleKeyDown,\n  changeMonth,\n  changeYear,\n  goToNextMonth,\n  goToPrevMonth,\n  isPrevMonthDisabled,\n  isNextMonthDisabled,\n  isPrevYearDisabled,\n  isNextYearDisabled,\n  previousYearAriaLabel,\n  previousMonthAriaLabel,\n  nextMonthAriaLabel,\n  nextYearAriaLabel,\n} = useMonthYearPicker(props, emits);\n\nonMounted(() => {\n  focusMonthYearPicker();\n});\n\ndefineExpose({\n  focusMonthYearPicker,\n  goToNextMonth,\n  goToPrevMonth,\n});\n</script>\n","import { computed, ref, watch, nextTick } from 'vue';\nimport { getWeekDayNames, calculateNextFocusDate, calculatePrevFocusDate, formatDate } from '../utils.js';\nimport { INTL_MONTH_FORMAT } from '../datepicker_constants.js';\nimport { returnFirstEl } from '@/common/utils';\nimport { DialtoneLocalization } from '@/localization';\n\nexport function useCalendar (props, emits) {\n  const selectedDay = ref(null);\n  const focusDay = ref(0);\n  const daysRef = ref([]);\n  const i18n = new DialtoneLocalization();\n\n  const weekDays = computed(() => {\n    return getWeekDayNames(props.locale, props.weekStartsOn);\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 i18n.$t('DIALTONE_DATEPICKER_SELECT_DAY') + ` ${formatDate(day.value, INTL_MONTH_FORMAT, i18n.currentLocale)}`;\n  }\n\n  function setDayRef (el, day) {\n    if (!daysRef.value.some(day => day.el === el) && !day.disabled) {\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 {\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 {\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.disabled) { 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","<template>\n  <table\n    class=\"d-datepicker__calendar\"\n    aria-labelledby=\"calendar-heading\"\n  >\n    <thead>\n      <tr>\n        <th\n          v-for=\"day in weekDays\"\n          :key=\"day\"\n          scope=\"col\"\n          class=\"d-datepicker__cell d-datepicker__cell--header\"\n        >\n          <span\n            class=\"d-datepicker__weekday\"\n            :title=\"day\"\n            :aria-label=\"day\"\n          > {{ day }}</span>\n        </th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr\n        v-for=\"(week, indexWeek) in calendarDays\"\n        :key=\"indexWeek\"\n      >\n        <td\n          v-for=\"(day, indexDays) in week.days\"\n          :key=\"indexWeek + indexDays\"\n          class=\"d-datepicker__cell\"\n          role=\"listbox\"\n        >\n          <dt-button\n            :ref=\"el => { if (el) setDayRef(el, day) }\"\n            class=\"d-datepicker__day\"\n            :circle=\"true\"\n            size=\"sm\"\n            importance=\"clear\"\n            :disabled=\"day.disabled\"\n            :class=\"{\n              'd-datepicker__day--disabled': day.disabled,\n              'd-datepicker__day--selected': selectedDay\n                ? ((day.text === selectedDay) && !day.disabled)\n                : day.selected,\n            }\"\n            type=\"button\"\n            :aria-selected=\"!!selectedDay ? ((day.text === selectedDay) && !day.disabled) : day.selected\"\n            :aria-label=\"dayAriaLabel(day)\"\n            role=\"option\"\n            @click=\"selectDay(day)\"\n            @keydown=\"handleKeyDown($event)\"\n          >\n            {{ day.text }}\n          </dt-button>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script setup>\nimport { useCalendar } from '../composables/useCalendar.js';\nimport { DtButton } from '@/components/button';\n\nconst props = defineProps({\n  calendarDays: {\n    type: Array,\n    required: true,\n  },\n\n  weekStartsOn: {\n    type: Number,\n    default: 0,\n    validator: (v) => Number.isInteger(v) && v >= 0 && v <= 6,\n  },\n});\n\nconst emits = defineEmits([\n  /**\n     * Event fired when a date is selected\n     *\n     * @event select-date\n     * @type {Date}\n     */\n  'select-date',\n\n  /**\n     * Will focus the month and year picker\n     *\n     * @event focus-month-year-picker\n     */\n  'focus-month-year-picker',\n\n  /**\n     * Will close the datepicker\n     *\n     * @event close-datepicker\n     */\n  'close-datepicker',\n\n  /**\n     * Will go to the next month\n     *\n     * @event go-to-next-month\n     */\n  'go-to-next-month',\n\n  /**\n     * Will go to the previous month\n     *\n     * @event go-to-prev-month\n     */\n  'go-to-prev-month',\n]);\n\nconst {\n  selectedDay,\n  weekDays,\n  dayAriaLabel,\n  setDayRef,\n  handleKeyDown,\n  focusFirstDay,\n  selectDay,\n} = useCalendar(props, emits);\n\ndefineExpose({\n  focusFirstDay,\n});\n</script>\n","<!-- eslint-disable vue/multi-word-component-names -->\n<template>\n  <dt-stack\n    class=\"d-datepicker\"\n    gap=\"400\"\n  >\n    <div class=\"d-datepicker__hd\">\n      <month-year-picker\n        ref=\"monthYearPicker\"\n        :selected-date=\"selectedDate\"\n        :min-date=\"minDate\"\n        :max-date=\"maxDate\"\n        :week-starts-on=\"weekStartsOn\"\n        @calendar-days=\"updateCalendarDays\"\n        @focus-first-day=\"$refs.calendar.focusFirstDay()\"\n        @focus-last-day=\"$refs.calendar.focusLastDay()\"\n        @close-datepicker=\"$emit('close-datepicker')\"\n      />\n    </div>\n    <div class=\"d-datepicker__bd\">\n      <calendar\n        ref=\"calendar\"\n        :calendar-days=\"calendarDays\"\n        :week-starts-on=\"weekStartsOn\"\n        @select-date=\"$emit('selected-date', $event)\"\n        @focus-month-year-picker=\"$refs.monthYearPicker.focusMonthYearPicker()\"\n        @close-datepicker=\"$emit('close-datepicker')\"\n        @go-to-next-month=\"$refs.monthYearPicker.goToNextMonth()\"\n        @go-to-prev-month=\"$refs.monthYearPicker.goToPrevMonth()\"\n      />\n    </div>\n  </dt-stack>\n</template>\n\n<script setup>\nimport MonthYearPicker from './modules/month-year-picker.vue';\nimport Calendar from './modules/calendar.vue';\nimport { DtStack } from '@/components/stack';\nimport { returnFirstEl, warnIfUnmounted } from '@/common/utils';\nimport { onMounted, ref, getCurrentInstance } from 'vue';\n\ndefineProps({\n  /**\n     * Selected date\n     *\n     * @type {Date}\n     */\n  selectedDate: {\n    type: Date,\n    default: () => (new Date()),\n  },\n\n  /**\n     * Minimum selectable date. Days before this date will be disabled.\n     * Must be before or equal to maxDate when both are provided.\n     *\n     * @type {Date}\n     */\n  minDate: {\n    type: Date,\n    default: null,\n  },\n\n  /**\n     * Maximum selectable date. Days after this date will be disabled.\n     * Must be after or equal to minDate when both are provided.\n     *\n     * @type {Date}\n     */\n  maxDate: {\n    type: Date,\n    default: null,\n    validator: (value, props) => {\n      if (value && props.minDate && value < props.minDate) {\n        console.warn('[DtDatepicker]: maxDate must be after or equal to minDate.');\n        return false;\n      }\n      return true;\n    },\n  },\n\n  /**\n     * Day the week starts on. 0 = Sunday, 1 = Monday, ... 6 = Saturday.\n     *\n     * @values 0, 1, 2, 3, 4, 5, 6\n     */\n  weekStartsOn: {\n    type: Number,\n    default: 0,\n    validator: (v) => Number.isInteger(v) && v >= 0 && v <= 6,\n  },\n});\n\ndefineEmits([\n  /**\n     * Event fired when a date is selected\n     *\n     * @event selected-date\n     * @type {Date}\n     */\n  'selected-date',\n\n  /**\n     * Event fired when user presses the esc key\n     *\n     * @event close-datepicker\n     */\n  'close-datepicker',\n]);\n\nconst calendarDays = ref([]);\n\nfunction updateCalendarDays (days) {\n  calendarDays.value = days;\n}\n\nonMounted(() => {\n  const instance = getCurrentInstance();\n  warnIfUnmounted(returnFirstEl(instance.proxy.$el), 'datepicker');\n});\n</script>\n"],"names":["useMonthYearPicker","props","emits","selectMonth","ref","getMonth","selectYear","getYear","highlightedDay","focusPicker","focusRefs","i18n","DialtoneLocalization","calendarDays","computed","getCalendarDays","isPrevMonthDisabled","prevMonth","subMonths","endOfMonth","startOfDay","isNextMonthDisabled","nextMonth","addMonths","startOfMonth","isPrevYearDisabled","prevYearMonth","isNextYearDisabled","nextYearMonth","watch","highlightDay","formattedMonth","month","formatMonth","INTL_MONTH_FORMAT","setDayRef","el","focusMonthYearPicker","returnFirstEl","handleKeyDown","event","year","getDate","changeMonth","value","initialDate","set","newDate","changeYear","goToNextMonth","goToPrevMonth","previousYearAriaLabel","previousMonthAriaLabel","nextYearAriaLabel","nextMonthAriaLabel","__props","__emit","onMounted","__expose","_createBlock","_unref","DtStack","_createVNode","DtTooltip","DtButton","_cache","$event","DtIconChevronsLeft","DtIconChevronLeft","_createElementVNode","_hoisted_1","_toDisplayString","DtIconChevronRight","DtIconChevronsRight","useCalendar","selectedDay","focusDay","daysRef","weekDays","getWeekDayNames","dayAriaLabel","day","formatDate","prevFocusDate","calculatePrevFocusDate","nextTick","nextFocusDate","calculateNextFocusDate","focusLastDay","focusFirstDay","selectDay","_openBlock","_createElementBlock","_Fragment","_renderList","_hoisted_2","week","indexWeek","indexDays","_createTextVNode","updateCalendarDays","days","instance","getCurrentInstance","warnIfUnmounted","MonthYearPicker","$refs","$emit","Calendar"],"mappings":"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"}
+{"version":3,"file":"datepicker.js","sources":["../../../components/datepicker/composables/useMonthYearPicker.js","../../../components/datepicker/modules/month-year-picker.vue","../../../components/datepicker/composables/useCalendar.js","../../../components/datepicker/modules/calendar.vue","../../../components/datepicker/datepicker.vue"],"sourcesContent":["import { computed, ref, watch } from 'vue';\nimport { addMonths, endOfMonth, getDate, getMonth, getYear, set, startOfDay, startOfMonth, subMonths } from 'date-fns';\nimport { formatMonth, getCalendarDays } from '../utils.js';\nimport { INTL_MONTH_FORMAT } from '../datepicker_constants';\nimport { returnFirstEl } from '@/common/utils';\nimport { DialtoneLocalization } from '@/localization';\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  const i18n = new DialtoneLocalization();\n\n  const calendarDays = computed(() => {\n    return getCalendarDays(\n      selectMonth.value, selectYear.value, highlightedDay.value,\n      props.minDate, props.maxDate, props.weekStartsOn,\n    );\n  });\n\n  const isPrevMonthDisabled = computed(() => {\n    if (!props.minDate) return false;\n    const prevMonth = subMonths(new Date(selectYear.value, selectMonth.value, 1), 1);\n    return endOfMonth(prevMonth) < startOfDay(props.minDate);\n  });\n\n  const isNextMonthDisabled = computed(() => {\n    if (!props.maxDate) return false;\n    const nextMonth = addMonths(new Date(selectYear.value, selectMonth.value, 1), 1);\n    return startOfMonth(nextMonth) > startOfDay(props.maxDate);\n  });\n\n  const isPrevYearDisabled = computed(() => {\n    if (!props.minDate) return false;\n    const prevYearMonth = new Date(selectYear.value - 1, selectMonth.value, 1);\n    return endOfMonth(prevYearMonth) < startOfDay(props.minDate);\n  });\n\n  const isNextYearDisabled = computed(() => {\n    if (!props.maxDate) return false;\n    const nextYearMonth = new Date(selectYear.value + 1, selectMonth.value, 1);\n    return startOfMonth(nextYearMonth) > startOfDay(props.maxDate);\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  watch(() => props.minDate, () => {\n    emits('calendar-days', calendarDays.value);\n  });\n\n  watch(() => props.maxDate, () => {\n    emits('calendar-days', calendarDays.value);\n  });\n\n  function formattedMonth (month) {\n    return formatMonth(month, INTL_MONTH_FORMAT, i18n.currentLocale);\n  }\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    if (value === -1 && isPrevMonthDisabled.value) return;\n    if (value === 1 && isNextMonthDisabled.value) return;\n\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    if (value === -1 && isPrevYearDisabled.value) return;\n    if (value === 1 && isNextYearDisabled.value) return;\n\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  function previousYearAriaLabel () {\n    return `${i18n.$t('DIALTONE_DATEPICKER_CHANGE_TO')} ${i18n.$t('DIALTONE_DATEPICKER_PREVIOUS_YEAR')} ${selectYear.value - 1}`;\n  }\n\n  function previousMonthAriaLabel () {\n    return `${i18n.$t('DIALTONE_DATEPICKER_CHANGE_TO')} ${i18n.$t('DIALTONE_DATEPICKER_PREVIOUS_MONTH')} ${formattedMonth(selectMonth.value - 1)}`;\n  }\n\n  function nextYearAriaLabel () {\n    return `${i18n.$t('DIALTONE_DATEPICKER_CHANGE_TO')} ${i18n.$t('DIALTONE_DATEPICKER_NEXT_YEAR')} ${selectYear.value + 1}`;\n  }\n\n  function nextMonthAriaLabel () {\n    return `${i18n.$t('DIALTONE_DATEPICKER_CHANGE_TO')} ${i18n.$t('DIALTONE_DATEPICKER_NEXT_MONTH')} ${formattedMonth(selectMonth.value + 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    isPrevMonthDisabled,\n    isNextMonthDisabled,\n    isPrevYearDisabled,\n    isNextYearDisabled,\n    previousYearAriaLabel,\n    previousMonthAriaLabel,\n    nextYearAriaLabel,\n    nextMonthAriaLabel,\n  };\n}\n","<template>\n  <dt-stack\n    class=\"d-datepicker__month-year\"\n    direction=\"row\"\n    gap=\"300\"\n  >\n    <dt-stack\n      as=\"nav\"\n      class=\"d-datepicker__nav\"\n      direction=\"row\"\n      gap=\"200\"\n    >\n      <dt-tooltip\n        :fallback-placements=\"['top-start', 'auto']\"\n        :message=\"i18n.$t('DIALTONE_DATEPICKER_PREVIOUS_YEAR')\"\n        placement=\"top\"\n      >\n        <template #anchor>\n          <dt-button\n            id=\"prevYearButton\"\n            :ref=\"el => { if (el) setDayRef(el) }\"\n            :aria-label=\"previousYearAriaLabel()\"\n            :circle=\"true\"\n            :disabled=\"isPrevYearDisabled\"\n            class=\"d-datepicker__nav-btn\"\n            importance=\"clear\"\n            kind=\"muted\"\n            size=\"xs\"\n            type=\"button\"\n            @click=\"changeYear(-1)\"\n            @keydown=\"handleKeyDown($event)\"\n          >\n            <dt-icon-chevrons-left\n              size=\"200\"\n            />\n          </dt-button>\n        </template>\n      </dt-tooltip>\n      <dt-tooltip\n        :fallback-placements=\"['top-start', 'auto']\"\n        :message=\"i18n.$t('DIALTONE_DATEPICKER_PREVIOUS_MONTH')\"\n        placement=\"top\"\n      >\n        <template #anchor>\n          <dt-button\n            id=\"prevMonthButton\"\n            :ref=\"el => { if (el) setDayRef(el) }\"\n            :aria-label=\"previousMonthAriaLabel()\"\n            :circle=\"true\"\n            :disabled=\"isPrevMonthDisabled\"\n            class=\"d-datepicker__nav-btn\"\n            importance=\"clear\"\n            kind=\"muted\"\n            size=\"xs\"\n            type=\"button\"\n            @click=\"changeMonth(-1)\"\n            @keydown=\"handleKeyDown($event)\"\n          >\n            <dt-icon-chevron-left\n              size=\"200\"\n            />\n          </dt-button>\n        </template>\n      </dt-tooltip>\n    </dt-stack>\n    <div\n      id=\"calendar-heading\"\n      class=\"d-datepicker__month-year-title\"\n    >\n      {{ formattedMonth(selectMonth) }}\n\n      {{ selectYear }}\n    </div>\n    <dt-stack\n      as=\"nav\"\n      class=\"d-datepicker__nav\"\n      direction=\"row\"\n      gap=\"200\"\n    >\n      <dt-tooltip\n        :fallback-placements=\"['top-end', 'auto']\"\n        :message=\"i18n.$t('DIALTONE_DATEPICKER_NEXT_MONTH')\"\n        placement=\"top\"\n      >\n        <template #anchor>\n          <dt-button\n            id=\"nextMonthButton\"\n            :ref=\"el => { if (el) setDayRef(el) }\"\n            :aria-label=\"nextMonthAriaLabel()\"\n            :circle=\"true\"\n            :disabled=\"isNextMonthDisabled\"\n            class=\"d-datepicker__nav-btn\"\n            importance=\"clear\"\n            kind=\"muted\"\n            size=\"xs\"\n            type=\"button\"\n            @click=\"changeMonth(1)\"\n            @keydown=\"handleKeyDown($event)\"\n          >\n            <dt-icon-chevron-right\n              size=\"200\"\n            />\n          </dt-button>\n        </template>\n      </dt-tooltip>\n      <dt-tooltip\n        :fallback-placements=\"['top-end', 'auto']\"\n        :message=\"i18n.$t('DIALTONE_DATEPICKER_NEXT_YEAR')\"\n        placement=\"top\"\n      >\n        <template #anchor>\n          <dt-button\n            id=\"nextYearButton\"\n            :ref=\"el => { if (el) setDayRef(el) }\"\n            :aria-label=\"nextYearAriaLabel()\"\n            :circle=\"true\"\n            :disabled=\"isNextYearDisabled\"\n            class=\"d-datepicker__nav-btn\"\n            importance=\"clear\"\n            kind=\"muted\"\n            size=\"xs\"\n            type=\"button\"\n            @click=\"changeYear(1)\"\n            @keydown=\"handleKeyDown($event)\"\n          >\n            <dt-icon-chevrons-right\n              size=\"200\"\n            />\n          </dt-button>\n        </template>\n      </dt-tooltip>\n    </dt-stack>\n  </dt-stack>\n</template>\n\n<script setup>\nimport {\n  DtIconChevronLeft,\n  DtIconChevronsLeft,\n  DtIconChevronRight,\n  DtIconChevronsRight,\n} from '@dialpad/dialtone-icons/vue3';\nimport { DtStack } from '@/components/stack';\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport { onMounted } from 'vue';\nimport { useMonthYearPicker } from '../composables/useMonthYearPicker.js';\nimport { DialtoneLocalization } from '@/localization';\n\nconst props = defineProps({\n  selectedDate: {\n    type: Date,\n    required: true,\n  },\n\n  minDate: {\n    type: Date,\n    default: null,\n  },\n\n  maxDate: {\n    type: Date,\n    default: null,\n  },\n\n  weekStartsOn: {\n    type: Number,\n    default: 0,\n    validator: (v) => Number.isInteger(v) && v >= 0 && v <= 6,\n  },\n});\n\nconst emits = defineEmits([\n  /**\n     * Will retrieve the calendar days of the given date\n     *\n     * @event calendar-days\n     * @type {Array}\n     */\n  'calendar-days',\n\n  /**\n     * Will focus first day in calendar\n     *\n     * @event focus-first-day\n     */\n  'focus-first-day',\n\n  /**\n     * Will focus last day in calendar\n     *\n     * @event focus-last-day\n     */\n  'focus-last-day',\n\n  /**\n     * Will close the datepicker\n     *\n     * @event close-datepicker\n     */\n  'close-datepicker',\n]);\n\nconst i18n = new DialtoneLocalization();\n\nconst {\n  selectMonth,\n  selectYear,\n  formattedMonth,\n  setDayRef,\n  focusMonthYearPicker,\n  handleKeyDown,\n  changeMonth,\n  changeYear,\n  goToNextMonth,\n  goToPrevMonth,\n  isPrevMonthDisabled,\n  isNextMonthDisabled,\n  isPrevYearDisabled,\n  isNextYearDisabled,\n  previousYearAriaLabel,\n  previousMonthAriaLabel,\n  nextMonthAriaLabel,\n  nextYearAriaLabel,\n} = useMonthYearPicker(props, emits);\n\nonMounted(() => {\n  focusMonthYearPicker();\n});\n\ndefineExpose({\n  focusMonthYearPicker,\n  goToNextMonth,\n  goToPrevMonth,\n});\n</script>\n","import { computed, ref, watch, nextTick } from 'vue';\nimport { getWeekDayNames, calculateNextFocusDate, calculatePrevFocusDate, formatDate } from '../utils.js';\nimport { INTL_MONTH_FORMAT } from '../datepicker_constants.js';\nimport { returnFirstEl } from '@/common/utils';\nimport { DialtoneLocalization } from '@/localization';\n\nexport function useCalendar (props, emits) {\n  const selectedDay = ref(null);\n  const focusDay = ref(0);\n  const daysRef = ref([]);\n  const i18n = new DialtoneLocalization();\n\n  const weekDays = computed(() => {\n    return getWeekDayNames(i18n.currentLocale, props.weekStartsOn);\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 i18n.$t('DIALTONE_DATEPICKER_SELECT_DAY') + ` ${formatDate(day.value, INTL_MONTH_FORMAT, i18n.currentLocale)}`;\n  }\n\n  function setDayRef (el, day) {\n    if (!daysRef.value.some(day => day.el === el) && !day.disabled) {\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 {\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 {\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.disabled) { 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","<template>\n  <table\n    class=\"d-datepicker__calendar\"\n    aria-labelledby=\"calendar-heading\"\n  >\n    <thead>\n      <tr>\n        <th\n          v-for=\"day in weekDays\"\n          :key=\"day\"\n          scope=\"col\"\n          class=\"d-datepicker__cell d-datepicker__cell--header\"\n        >\n          <span\n            class=\"d-datepicker__weekday\"\n            :title=\"day\"\n            :aria-label=\"day\"\n          > {{ day }}</span>\n        </th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr\n        v-for=\"(week, indexWeek) in calendarDays\"\n        :key=\"indexWeek\"\n      >\n        <td\n          v-for=\"(day, indexDays) in week.days\"\n          :key=\"indexWeek + indexDays\"\n          class=\"d-datepicker__cell\"\n          role=\"listbox\"\n        >\n          <dt-button\n            :ref=\"el => { if (el) setDayRef(el, day) }\"\n            class=\"d-datepicker__day\"\n            :circle=\"true\"\n            size=\"sm\"\n            importance=\"clear\"\n            :disabled=\"day.disabled\"\n            :class=\"{\n              'd-datepicker__day--disabled': day.disabled,\n              'd-datepicker__day--selected': selectedDay\n                ? ((day.text === selectedDay) && !day.disabled)\n                : day.selected,\n            }\"\n            type=\"button\"\n            :aria-selected=\"!!selectedDay ? ((day.text === selectedDay) && !day.disabled) : day.selected\"\n            :aria-label=\"dayAriaLabel(day)\"\n            role=\"option\"\n            @click=\"selectDay(day)\"\n            @keydown=\"handleKeyDown($event)\"\n          >\n            {{ day.text }}\n          </dt-button>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script setup>\nimport { useCalendar } from '../composables/useCalendar.js';\nimport { DtButton } from '@/components/button';\n\nconst props = defineProps({\n  calendarDays: {\n    type: Array,\n    required: true,\n  },\n\n  weekStartsOn: {\n    type: Number,\n    default: 0,\n    validator: (v) => Number.isInteger(v) && v >= 0 && v <= 6,\n  },\n});\n\nconst emits = defineEmits([\n  /**\n     * Event fired when a date is selected\n     *\n     * @event select-date\n     * @type {Date}\n     */\n  'select-date',\n\n  /**\n     * Will focus the month and year picker\n     *\n     * @event focus-month-year-picker\n     */\n  'focus-month-year-picker',\n\n  /**\n     * Will close the datepicker\n     *\n     * @event close-datepicker\n     */\n  'close-datepicker',\n\n  /**\n     * Will go to the next month\n     *\n     * @event go-to-next-month\n     */\n  'go-to-next-month',\n\n  /**\n     * Will go to the previous month\n     *\n     * @event go-to-prev-month\n     */\n  'go-to-prev-month',\n]);\n\nconst {\n  selectedDay,\n  weekDays,\n  dayAriaLabel,\n  setDayRef,\n  handleKeyDown,\n  focusFirstDay,\n  selectDay,\n} = useCalendar(props, emits);\n\ndefineExpose({\n  focusFirstDay,\n});\n</script>\n","<!-- eslint-disable vue/multi-word-component-names -->\n<template>\n  <dt-stack\n    class=\"d-datepicker\"\n    gap=\"400\"\n  >\n    <div class=\"d-datepicker__hd\">\n      <month-year-picker\n        ref=\"monthYearPicker\"\n        :selected-date=\"selectedDate\"\n        :min-date=\"minDate\"\n        :max-date=\"maxDate\"\n        :week-starts-on=\"weekStartsOn\"\n        @calendar-days=\"updateCalendarDays\"\n        @focus-first-day=\"$refs.calendar.focusFirstDay()\"\n        @focus-last-day=\"$refs.calendar.focusLastDay()\"\n        @close-datepicker=\"$emit('close-datepicker')\"\n      />\n    </div>\n    <div class=\"d-datepicker__bd\">\n      <calendar\n        ref=\"calendar\"\n        :calendar-days=\"calendarDays\"\n        :week-starts-on=\"weekStartsOn\"\n        @select-date=\"$emit('selected-date', $event)\"\n        @focus-month-year-picker=\"$refs.monthYearPicker.focusMonthYearPicker()\"\n        @close-datepicker=\"$emit('close-datepicker')\"\n        @go-to-next-month=\"$refs.monthYearPicker.goToNextMonth()\"\n        @go-to-prev-month=\"$refs.monthYearPicker.goToPrevMonth()\"\n      />\n    </div>\n  </dt-stack>\n</template>\n\n<script setup>\nimport MonthYearPicker from './modules/month-year-picker.vue';\nimport Calendar from './modules/calendar.vue';\nimport { DtStack } from '@/components/stack';\nimport { returnFirstEl, warnIfUnmounted } from '@/common/utils';\nimport { onMounted, ref, getCurrentInstance } from 'vue';\n\ndefineProps({\n  /**\n     * Selected date\n     *\n     * @type {Date}\n     */\n  selectedDate: {\n    type: Date,\n    default: () => (new Date()),\n  },\n\n  /**\n     * Minimum selectable date. Days before this date will be disabled.\n     * Must be before or equal to maxDate when both are provided.\n     *\n     * @type {Date}\n     */\n  minDate: {\n    type: Date,\n    default: null,\n  },\n\n  /**\n     * Maximum selectable date. Days after this date will be disabled.\n     * Must be after or equal to minDate when both are provided.\n     *\n     * @type {Date}\n     */\n  maxDate: {\n    type: Date,\n    default: null,\n    validator: (value, props) => {\n      if (value && props.minDate && value < props.minDate) {\n        console.warn('[DtDatepicker]: maxDate must be after or equal to minDate.');\n        return false;\n      }\n      return true;\n    },\n  },\n\n  /**\n     * Day the week starts on. 0 = Sunday, 1 = Monday, ... 6 = Saturday.\n     *\n     * @values 0, 1, 2, 3, 4, 5, 6\n     */\n  weekStartsOn: {\n    type: Number,\n    default: 0,\n    validator: (v) => Number.isInteger(v) && v >= 0 && v <= 6,\n  },\n});\n\ndefineEmits([\n  /**\n     * Event fired when a date is selected\n     *\n     * @event selected-date\n     * @type {Date}\n     */\n  'selected-date',\n\n  /**\n     * Event fired when user presses the esc key\n     *\n     * @event close-datepicker\n     */\n  'close-datepicker',\n]);\n\nconst calendarDays = ref([]);\n\nfunction updateCalendarDays (days) {\n  calendarDays.value = days;\n}\n\nonMounted(() => {\n  const instance = getCurrentInstance();\n  warnIfUnmounted(returnFirstEl(instance.proxy.$el), 'datepicker');\n});\n</script>\n"],"names":["useMonthYearPicker","props","emits","selectMonth","ref","getMonth","selectYear","getYear","highlightedDay","focusPicker","focusRefs","i18n","DialtoneLocalization","calendarDays","computed","getCalendarDays","isPrevMonthDisabled","prevMonth","subMonths","endOfMonth","startOfDay","isNextMonthDisabled","nextMonth","addMonths","startOfMonth","isPrevYearDisabled","prevYearMonth","isNextYearDisabled","nextYearMonth","watch","highlightDay","formattedMonth","month","formatMonth","INTL_MONTH_FORMAT","setDayRef","el","focusMonthYearPicker","returnFirstEl","handleKeyDown","event","year","getDate","changeMonth","value","initialDate","set","newDate","changeYear","goToNextMonth","goToPrevMonth","previousYearAriaLabel","previousMonthAriaLabel","nextYearAriaLabel","nextMonthAriaLabel","__props","__emit","onMounted","__expose","_createBlock","_unref","DtStack","_createVNode","DtTooltip","DtButton","_cache","$event","DtIconChevronsLeft","DtIconChevronLeft","_createElementVNode","_hoisted_1","_toDisplayString","DtIconChevronRight","DtIconChevronsRight","useCalendar","selectedDay","focusDay","daysRef","weekDays","getWeekDayNames","dayAriaLabel","day","formatDate","prevFocusDate","calculatePrevFocusDate","nextTick","nextFocusDate","calculateNextFocusDate","focusLastDay","focusFirstDay","selectDay","_openBlock","_createElementBlock","_Fragment","_renderList","_hoisted_2","week","indexWeek","indexDays","_createTextVNode","updateCalendarDays","days","instance","getCurrentInstance","warnIfUnmounted","MonthYearPicker","$refs","$emit","Calendar"],"mappings":"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"}

package/dist/lib/editor/editor.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"editor.cjs","sources":["../../../recipes/conversation_view/editor/editor.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-recipe-editor\"\n    v-bind=\"addClassStyleAttrs($attrs)\"\n    data-qa=\"dt-recipe-editor\"\n    role=\"presentation\"\n    @click=\"$refs.richTextEditor.focusEditor()\"\n  >\n    <!-- Section for the top UI -->\n    <dt-stack\n      class=\"d-recipe-editor__top-bar\"\n      direction=\"row\"\n      gap=\"450\"\n    >\n      <dt-stack\n        v-for=\"buttonGroup in buttonGroups\"\n        :key=\"buttonGroup.key\"\n        direction=\"row\"\n        gap=\"300\"\n      >\n        <template v-for=\"button in buttonGroup.buttonGroup\">\n          <!-- Font Style Popover -->\n          <editor-toolbar-popover-button\n            v-if=\"button.buttonType === 'popover' && button.selector === 'fontStyle'\"\n            :key=\"getButtonKey(buttonGroup.key, button.selector)\"\n            :ref=\"getButtonRef(buttonGroup.key, button.selector)\"\n            :is-active=\"$refs.richTextEditor?.editor?.isActive(button.selector)\"\n            :tooltip-message=\"button.tooltipMessage\"\n            :data-qa=\"button.dataQA\"\n            :popover-data-qa=\"'dt-recipe-editor-font-style-input-popover'\"\n            :tabindex=\"canFocus(getButtonRef(buttonGroup.key, button.selector)) ? 0 : -1\"\n            :icon=\"button.icon\"\n            @shift-focus-right=\"shiftActionBarFocusRight\"\n            @shift-focus-left=\"shiftActionBarFocusLeft\"\n          >\n            <template #content=\"{ close }\">\n              <dt-combobox\n                label=\"\"\n                :label-visible=\"false\"\n                :show-list=\"true\"\n                :click-on-select=\"true\"\n                @escape=\"close()\"\n              >\n                <template #input=\"{ inputProps }\">\n                  <dt-input\n                    v-bind=\"inputProps\"\n                    v-model=\"fontStyleSearch\"\n                    root-class=\"d-p8 d-pb4 d-w216\"\n                    type=\"search\"\n                    :placeholder=\"i18n.$t('DIALTONE_EDITOR_FONT_STYLE_SEARCH_PLACEHOLDER')\"\n                    size=\"sm\"\n                    role=\"menuitem\"\n                  >\n                    <template #leftIcon=\"{ iconSize }\">\n                      <dt-icon-search :size=\"iconSize\" />\n                    </template>\n                  </dt-input>\n                </template>\n                <template #list=\"{ listProps }\">\n                  <ul\n                    v-bind=\"listProps\"\n                  >\n                    <dt-list-item\n                      v-for=\"fontStyle in filteredFontStyles\"\n                      :key=\"fontStyle.name\"\n                      :selected=\"isCurrentFontFamily(fontStyle.value)\"\n                      :style=\"{ fontFamily: fontStyle.value || 'inherit' }\"\n                      role=\"option\"\n                      navigation-type=\"arrow-keys\"\n                      @click=\"\n                        close();\n                        onFontStyleSelect(fontStyle.value)\n                      \"\n                    >\n                      {{ fontStyle.name }}\n                    </dt-list-item>\n                  </ul>\n                </template>\n              </dt-combobox>\n            </template>\n          </editor-toolbar-popover-button>\n\n          <!-- Font Size Dropdown -->\n          <editor-toolbar-dropdown-button\n            v-else-if=\"button.buttonType === 'popover' && button.selector === 'fontSize'\"\n            :key=\"getButtonKey(buttonGroup.key, button.selector)\"\n            :ref=\"getButtonRef(buttonGroup.key, button.selector)\"\n            :is-active=\"$refs.richTextEditor?.editor?.isActive(button.selector)\"\n            :tooltip-message=\"button.tooltipMessage\"\n            :data-qa=\"button.dataQA\"\n            :dropdown-data-qa=\"'dt-recipe-editor-font-size-input-popover'\"\n            :tabindex=\"canFocus(getButtonRef(buttonGroup.key, button.selector)) ? 0 : -1\"\n            :icon=\"button.icon\"\n            @shift-focus-right=\"shiftActionBarFocusRight\"\n            @shift-focus-left=\"shiftActionBarFocusLeft\"\n          >\n            <template #list=\"{ close }\">\n              <dt-list-item\n                v-for=\"fontSize in fontSizes\"\n                :key=\"fontSize.name\"\n                :selected=\"isCurrentFontSize(fontSize.value)\"\n                role=\"menuitem\"\n                navigation-type=\"arrow-keys\"\n                @click=\"\n                  close();\n                  onFontSizeSelect(fontSize.value, $event)\n                \"\n              >\n                <span :style=\"{ fontSize: fontSize.value }\">{{ fontSize.name }}</span>\n              </dt-list-item>\n            </template>\n          </editor-toolbar-dropdown-button>\n\n          <!-- Font Color Button -->\n          <dt-button\n            v-else-if=\"button.buttonType === 'custom' && button.selector === 'fontColor'\"\n            :key=\"getButtonKey(buttonGroup.key, button.selector)\"\n            :ref=\"getButtonRef(buttonGroup.key, button.selector)\"\n            v-dt-tooltip=\"{ message: button.tooltipMessage, placement: 'top' }\"\n            kind=\"muted\"\n            importance=\"clear\"\n            size=\"xs\"\n            :active=\"$refs.richTextEditor?.editor?.isActive(button.selector)\"\n            :tabindex=\"canFocus(getButtonRef(buttonGroup.key, button.selector)) ? 0 : -1\"\n            :aria-label=\"button.tooltipMessage\"\n            :data-qa=\"button.dataQA\"\n            @keydown.right.stop=\"shiftActionBarFocusRight\"\n            @keydown.left.stop=\"shiftActionBarFocusLeft\"\n            @click=\"button.onClick()\"\n          >\n            <template #icon>\n              <component\n                :is=\"button.icon\"\n                size=\"200\"\n                :style=\"!isDefaultFontColor ? { color: currentFontColor } : {}\"\n              />\n              <dt-input\n                :value=\"currentFontColor\"\n                root-class=\"d-w0 d-h0 d-of-hidden\"\n                input-class=\"colorPickerInput d-w0 d-h0 d-p0 d-bar0\"\n                input-wrapper-class=\"d-w0 d-h0 d-ba-none\"\n                size=\"sm\"\n                type=\"color\"\n                @input=\"onColorPickerInput\"\n                @click.stop\n              />\n            </template>\n          </dt-button>\n\n          <!-- Variable Popover -->\n          <editor-toolbar-popover-button\n            v-else-if=\"button.buttonType === 'popover' && button.selector === 'variable'\"\n            :key=\"getButtonKey(buttonGroup.key, button.selector)\"\n            :ref=\"getButtonRef(buttonGroup.key, button.selector)\"\n            :is-active=\"false\"\n            :tooltip-message=\"button.tooltipMessage\"\n            :data-qa=\"button.dataQA\"\n            :popover-data-qa=\"'dt-recipe-editor-variable-popover'\"\n            :tabindex=\"canFocus(getButtonRef(buttonGroup.key, button.selector)) ? 0 : -1\"\n            :icon=\"button.icon\"\n            @shift-focus-right=\"shiftActionBarFocusRight\"\n            @shift-focus-left=\"shiftActionBarFocusLeft\"\n          >\n            <template #content=\"{ close }\">\n              <dt-combobox\n                label=\"\"\n                :label-visible=\"false\"\n                :show-list=\"true\"\n                :click-on-select=\"true\"\n                @escape=\"close()\"\n              >\n                <template #input=\"{ inputProps }\">\n                  <dt-input\n                    v-bind=\"inputProps\"\n                    v-model=\"variableSearchValue\"\n                    root-class=\"d-p8 d-pb4 d-w264\"\n                    type=\"search\"\n                    :placeholder=\"i18n.$t('DIALTONE_EDITOR_VARIABLE_POPOVER_SEARCH_PLACEHOLDER')\"\n                    size=\"md\"\n                    role=\"menuitem\"\n                  >\n                    <template #leftIcon=\"{ iconSize }\">\n                      <dt-icon-search :size=\"iconSize\" />\n                    </template>\n                  </dt-input>\n                </template>\n                <template #list=\"{ listProps }\">\n                  <div v-bind=\"listProps\">\n                    <dt-list-item-group\n                      v-for=\"(category, index) in filteredCategories\"\n                      :key=\"category.name\"\n                      :heading=\"category.name\"\n                      heading-class=\"d-headline--sm-compact d-p8\"\n                    >\n                      <dt-list-item\n                        v-for=\"item in getFilteredItemsForCategory(category)\"\n                        :key=\"category.name + item.name\"\n                        role=\"option\"\n                        navigation-type=\"arrow-keys\"\n                        @click=\"\n                          insertVariable(category.name, item);\n                          close();\n                        \"\n                      >\n                        {{ item.name }}\n                      </dt-list-item>\n                      <dt-dropdown-separator\n                        v-if=\"index < filteredCategories.length - 1\"\n                      />\n                    </dt-list-item-group>\n                  </div>\n                </template>\n              </dt-combobox>\n            </template>\n          </editor-toolbar-popover-button>\n\n          <!-- Regular Toolbar Button -->\n          <editor-toolbar-button\n            v-else-if=\"button.buttonType === 'button'\"\n            :key=\"getButtonKey(buttonGroup.key, button.selector)\"\n            :ref=\"getButtonRef(buttonGroup.key, button.selector)\"\n            :is-active=\"$refs.richTextEditor?.editor?.isActive(button.selector)\"\n            :tooltip-message=\"button.tooltipMessage\"\n            :data-qa=\"button.dataQA\"\n            :tabindex=\"canFocus(getButtonRef(buttonGroup.key, button.selector)) ? 0 : -1\"\n            :icon=\"button.icon\"\n            :label=\"button.label\"\n            :on-click=\"button.onClick\"\n            @shift-focus-right=\"shiftActionBarFocusRight\"\n            @shift-focus-left=\"shiftActionBarFocusLeft\"\n          />\n        </template>\n        <div class=\"d-recipe-editor__button-group-divider\" />\n      </dt-stack>\n      <dt-stack\n        v-if=\"linkButton.showBtn\"\n        direction=\"row\"\n        gap=\"300\"\n      >\n        <dt-popover\n          :open=\"showLinkInput\"\n          :show-close-button=\"false\"\n          data-qa=\"dt-recipe-editor-link-input-popover\"\n          padding=\"none\"\n          placement=\"bottom-start\"\n          @click=\"onInputFocus\"\n          @opened=\"updateInput\"\n          @click.stop=\"onInputFocus\"\n        >\n          <template #anchor>\n            <dt-tooltip\n              :key=\"linkButton.key\"\n              :message=\"linkButton.tooltipMessage\"\n              placement=\"top\"\n            >\n              <template #anchor>\n                <dt-button\n                  :ref=\"getButtonRef('custom', 'link')\"\n                  :active=\"$refs.richTextEditor?.editor?.isActive(linkButton.selector)\"\n                  :aria-label=\"linkButton.tooltipMessage\"\n                  :data-qa=\"linkButton.dataQA\"\n                  :tabindex=\"canFocus(getButtonRef('custom', 'link')) ? 0 : -1\"\n                  importance=\"clear\"\n                  kind=\"muted\"\n                  size=\"xs\"\n                  @click=\"linkButton.onClick()\"\n                  @keydown.right.stop=\"shiftActionBarFocusRight\"\n                  @keydown.left.stop=\"shiftActionBarFocusLeft\"\n                >\n                  <template #icon>\n                    <component\n                      :is=\"linkButton.icon\"\n                      size=\"200\"\n                    />\n                  </template>\n                </dt-button>\n              </template>\n            </dt-tooltip>\n          </template>\n\n          <template #content>\n            <div class=\"d-recipe-editor__popover-content\">\n              <span>\n                {{ showAddLinkButtonLabels.title }}\n              </span>\n              <dt-input\n                v-model=\"linkInput\"\n                :input-aria-label=\"showAddLinkButtonLabels['aria-label']\"\n                :placeholder=\"setLinkPlaceholder\"\n                data-qa=\"dt-recipe-editor-link-input\"\n                input-wrapper-class=\"d-recipe-editor-link__input-wrapper\"\n                @click=\"onInputFocus\"\n                @focus=\"onInputFocus\"\n                @click.stop=\"onInputFocus\"\n                @keydown.enter=\"setLink\"\n              />\n            </div>\n          </template>\n          <template #footerContent>\n            <dt-stack\n              direction=\"row\"\n              gap=\"300\"\n              class=\"d-recipe-editor__popover-footer\"\n            >\n              <dt-button\n                data-qa=\"dt-recipe-editor-remove-link-btn\"\n                importance=\"clear\"\n                kind=\"muted\"\n                size=\"sm\"\n                v-bind=\"removeLinkButtonLabels\"\n                @click=\"removeLink\"\n              >\n                {{ removeLinkButtonLabels.title }}\n              </dt-button>\n              <dt-button\n                data-qa=\"dt-recipe-editor-set-link-cancel-btn\"\n                importance=\"clear\"\n                kind=\"muted\"\n                size=\"sm\"\n                v-bind=\"cancelSetLinkButtonLabels\"\n                @click=\"closeLinkInput\"\n              >\n                {{ cancelSetLinkButtonLabels.title }}\n              </dt-button>\n              <dt-button\n                data-qa=\"dt-recipe-editor-set-link-confirm-btn\"\n                size=\"sm\"\n                v-bind=\"confirmSetLinkButtonLabels\"\n                @click=\"setLink\"\n              >\n                {{ confirmSetLinkButtonLabels.title }}\n              </dt-button>\n            </dt-stack>\n          </template>\n        </dt-popover>\n      </dt-stack>\n    </dt-stack>\n\n    <!-- Some wrapper to restrict the height and show the scrollbar -->\n    <div\n      :style=\"{ 'max-height': maxHeight }\"\n      :class=\"['d-recipe-editor__content', { 'd-recipe-editor__content-image-resize': allowImageResize }]\"\n    >\n      <dt-rich-text-editor\n        ref=\"richTextEditor\"\n        v-model=\"internalInputValue\"\n        :allow-font-color=\"true\"\n        :allow-font-family=\"true\"\n        :allow-inline-images=\"true\"\n        :allow-line-breaks=\"true\"\n        :allow-variable=\"true\"\n        :allow-font-size=\"showFontSizeButton\"\n        :variable-items=\"flattenedVariableItems\"\n        :hide-link-bubble-menu=\"true\"\n        :auto-focus=\"autoFocus\"\n        :editable=\"editable\"\n        :input-aria-label=\"inputAriaLabel\"\n        :input-class=\"`d-recipe-editor__content-input ${inputClass}`\"\n        :link=\"true\"\n        :output-format=\"htmlOutputFormat\"\n        :placeholder=\"placeholder\"\n        :use-div-tags=\"useDivTags\"\n        :allow-tables=\"allowTables\"\n        :allow-image-resize=\"allowImageResize\"\n        data-qa=\"dt-rich-text-editor\"\n        v-bind=\"removeClassStyleAttrs($attrs)\"\n        @text-input=\"onTextInput\"\n        @blur=\"onBlur\"\n        @focus=\"onFocus\"\n        @input=\"onInput($event)\"\n        @selected=\"onSelected\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport {\n  DtRichTextEditor,\n  RICH_TEXT_EDITOR_OUTPUT_FORMATS,\n  RICH_TEXT_EDITOR_AUTOFOCUS_TYPES,\n} from '@/components/rich_text_editor';\nimport {\n  EDITOR_SUPPORTED_LINK_PROTOCOLS,\n  EDITOR_DEFAULT_LINK_PREFIX,\n  EDITOR_DEFAULT_FONT_COLOR,\n} from './editor_constants.js';\nimport { removeClassStyleAttrs, addClassStyleAttrs } from '@/common/utils';\nimport { DtButton } from '@/components/button';\nimport { DtPopover } from '@/components/popover';\nimport { DtStack } from '@/components/stack';\nimport { DtInput } from '@/components/input';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtListItem } from '@/components/list_item';\nimport { DtCombobox } from '@/components/combobox';\n\nimport { DtDropdownSeparator } from '@/components/dropdown/index.js';\nimport { DtListItemGroup } from '@/components/list_item_group/index.js';\nimport EditorToolbarButton from './EditorToolbarButton.vue';\nimport EditorToolbarDropdownButton from './EditorToolbarDropdownButton.vue';\nimport EditorToolbarPopoverButton from './EditorToolbarPopoverButton.vue';\nimport {\n  DtIconAlignCenter,\n  DtIconAlignJustify,\n  DtIconAlignLeft,\n  DtIconAlignRight,\n  DtIconBold,\n  DtIconCodeBlock,\n  DtIconImage,\n  DtIconItalic,\n  DtIconQuickReply,\n  DtIconLink2,\n  DtIconListBullet,\n  DtIconListOrdered,\n  DtIconQuote,\n  DtIconStrikethrough,\n  DtIconUnderline,\n  DtIconType,\n  DtIconBraces,\n  DtIconSearch,\n  DtIconChevronDown,\n  DtIconFontSize,\n  DtIconStopFilled,\n} from '@dialpad/dialtone-icons/vue3';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeEditor',\n\n  components: {\n    DtListItemGroup,\n    DtDropdownSeparator,\n    DtListItem,\n    DtRichTextEditor,\n    DtButton,\n    DtPopover,\n    DtStack,\n    DtInput,\n    DtTooltip,\n    DtCombobox,\n    EditorToolbarButton,\n    EditorToolbarDropdownButton,\n    EditorToolbarPopoverButton,\n    DtIconQuickReply,\n    DtIconBold,\n    DtIconItalic,\n    DtIconUnderline,\n    DtIconStrikethrough,\n    DtIconListBullet,\n    DtIconListOrdered,\n    DtIconAlignLeft,\n    DtIconAlignCenter,\n    DtIconAlignRight,\n    DtIconAlignJustify,\n    DtIconQuote,\n    DtIconCodeBlock,\n    DtIconLink2,\n    DtIconImage,\n    DtIconSearch,\n    DtIconType,\n    DtIconBraces,\n    DtIconChevronDown,\n    DtIconFontSize,\n    DtIconStopFilled,\n  },\n\n  mixins: [],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Value of the input. The object format should match TipTap's JSON\n     * document structure: https://tiptap.dev/guide/output#option-1-json\n     */\n    modelValue: {\n      type: [Object, String],\n      default: '',\n    },\n\n    /**\n     * Whether the input is editable\n     */\n    editable: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Descriptive label for the input element\n     */\n    inputAriaLabel: {\n      type: String,\n      required: true,\n      default: '',\n    },\n\n    /**\n     * Additional class name for the input element. Only accepts a String value\n     * because this is passed to the editor via options. For multiple classes,\n     * join them into one string, e.g. \"d-p8 d-hmx96\"\n     */\n    inputClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Whether the input should receive focus after the component has been\n     * mounted. Either one of `start`, `end`, `all` or a Boolean or a Number.\n     * - `start`  Sets the focus to the beginning of the input\n     * - `end`    Sets the focus to the end of the input\n     * - `all`    Selects the whole contents of the input\n     * - `Number` Sets the focus to a specific position in the input\n     * - `true`   Defaults to `start`\n     * - `false`  Disables autofocus\n     * @values true, false, start, end, all, number\n     */\n    autoFocus: {\n      type: [Boolean, String, Number],\n      default: false,\n      validator (autoFocus) {\n        if (typeof autoFocus === 'string') {\n          return RICH_TEXT_EDITOR_AUTOFOCUS_TYPES.includes(autoFocus);\n        }\n        return true;\n      },\n    },\n\n    /**\n     * Placeholder text\n     */\n    placeholder: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Content area needs to dynamically adjust height based on the conversation area height.\n     * can be vh|px|rem|em|%\n     */\n    maxHeight: {\n      type: String,\n      default: 'unset',\n    },\n\n    /**\n     * Placeholder text for the set link input field\n     */\n    setLinkPlaceholder: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Show button to render text as bold\n     */\n    showBoldButton: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Show button to render text in italics\n     */\n    showItalicsButton: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Show button to underline text\n     */\n    showUnderlineButton: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Show button to strike text\n     */\n    showStrikeButton: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Show button to render list items\n     */\n    showListItemsButton: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Show button to render ordered list items\n     */\n    showOrderedListButton: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Show button to align text to the left\n     */\n    showAlignLeftButton: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Show button to align text to the center\n     */\n    showAlignCenterButton: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Show button to align text to the right\n     */\n    showAlignRightButton: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Show button to justify text\n     */\n    showAlignJustifyButton: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Show button to add quote format to text\n     */\n    showQuoteButton: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Show button to add code block\n     */\n    showCodeBlockButton: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Show button to handle quick replies\n     */\n    showQuickRepliesButton: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Show button to add an inline image\n     */\n    showInlineImageButton: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Show button to add a variable\n     */\n    showVariableButton: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Variable categories to display when variable button is clicked\n     */\n    variableCategories: {\n      type: Array,\n      default: () => [],\n    },\n\n    /**\n     * Show add link default config.\n     */\n    showAddLink: {\n      type: Object,\n      default: () => ({\n        showAddLinkButton: true,\n      }),\n    },\n\n    /**\n     * Show font style button.\n     */\n    showFontStyleButton: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Show font size button.\n     */\n    showFontSizeButton: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Show font color button.\n     */\n    showFontColorButton: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Available font styles for the font style dropdown.\n     */\n    fontStyles: {\n      type: Array,\n      default: () => [\n        { name: 'Arial', value: null }, // arial is the default font\n        { name: 'Georgia', value: 'Georgia' },\n        { name: 'Helvetica', value: 'Helvetica' },\n        { name: 'Verdana', value: 'Verdana'},\n        { name: 'Times New Roman', value: 'Times New Roman' },\n      ],\n    },\n\n    fontSizes : {\n      type: Array,\n      default: () => [\n        { name: 'Small', value: '12px'},\n        { name: 'Normal', value: '15px'},\n        { name: 'Large', value: '24px'},\n        { name: 'Huge', value: '36px'},\n      ],\n    },\n\n    /**\n     * Use div tags instead of paragraph tags to show text\n     */\n    useDivTags: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Allow Tables to be used in to the editor\n     */\n    allowTables: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Allow image resizing\n     */\n    allowImageResize: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    /**\n     * Native focus event\n     * @event input\n     * @type {String|JSON}\n     */\n    'focus',\n\n    /**\n     * Native blur event\n     * @event input\n     * @type {String|JSON}\n     */\n    'blur',\n\n    /**\n     * Native input event\n     * @event input\n     * @type {String|JSON}\n     */\n    'input',\n\n    /**\n     * Event fired to sync the modelValue prop with the parent component\n     * @event input\n     * @type {String|JSON}\n     */\n    'update:modelValue',\n\n    /**\n     * Quick replies button\n     * pressed event\n     * @event quick-replies-click\n     */\n    'quick-replies-click',\n\n    /**\n     * Emit when inline image button is clicked\n     * @event inline-image-click\n     */\n    'inline-image-click',\n\n    /**\n     * Emit when text input is changed\n     * @event text-input\n     * @type {String}\n     */\n    'text-input',\n  ],\n\n  data () {\n    return {\n      internalInputValue: this.modelValue, // internal input content\n      hasFocus: false,\n\n      linkOptions: {\n        class: 'd-recipe-editor__link',\n      },\n\n      currentFontColor: undefined,\n      showLinkInput: false,\n      fontStyleSearch: '',\n      linkInput: '',\n      currentButtonRefIndex: 0,\n      variableSearchValue: '',\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    inputLength () {\n      return this.internalInputValue.length;\n    },\n\n    htmlOutputFormat () {\n      return RICH_TEXT_EDITOR_OUTPUT_FORMATS[2];\n    },\n\n    flattenedVariableItems () {\n      if (!this.variableCategories) return [];\n      return this.variableCategories.reduce((acc, category) => {\n        return acc.concat(category.items || []);\n      }, []);\n    },\n\n    showingTextFormatButtons () {\n      return this.showBoldButton || this.showItalicsButton || this.showStrikeButton || this.showUnderlineButton;\n    },\n\n    showingAlignmentButtons () {\n      return this.showAlignLeftButton || this.showAlignCenterButton ||\n        this.showAlignRightButton || this.showAlignJustifyButton;\n    },\n\n    showingListButtons () {\n      return this.showListItemsButton || this.showOrderedListButton;\n    },\n\n    orderedRefs () {\n      const refs = this.buttonGroups.reduce(function (acc, buttonData) {\n        buttonData.buttonGroup.forEach(button => {\n          acc.push(this.getButtonRef(buttonData.key, button.selector));\n        }, this);\n        return acc;\n      }.bind(this), []);\n      refs.push(this.getButtonRef('custom', 'link'));\n      return refs;\n    },\n\n    buttonGroups () {\n      const individualButtonStacks = this.individualButtons.map(buttonData => ({\n        key: buttonData.selector,\n        buttonGroup: [buttonData],\n      }));\n      return [\n        { key: 'new', buttonGroup: this.newButtons },\n        { key: 'format', buttonGroup: this.textFormatButtons },\n        { key: 'alignment', buttonGroup: this.alignmentButtons },\n        { key: 'list', buttonGroup: this.listButtons },\n        ...individualButtonStacks,\n      ].filter(buttonGroupData => buttonGroupData.buttonGroup.length > 0);\n    },\n\n    newButtons () {\n      return [\n        {\n          showBtn: this.showQuickRepliesButton,\n          buttonType: 'button',\n          label: this.i18n.$t('DIALTONE_EDITOR_QUICK_REPLY_BUTTON_LABEL'),\n          selector: 'quickReplies',\n          icon: DtIconQuickReply,\n          dataQA: 'dt-recipe-editor-quick-replies-btn',\n          tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_QUICK_REPLY_BUTTON_LABEL'),\n          onClick: this.onQuickRepliesClick,\n        },\n      ].filter(button => button.showBtn);\n    },\n\n    textFormatButtons () {\n      return [\n        {\n          showBtn: this.showFontStyleButton,\n          buttonType: 'popover',\n          selector: 'fontStyle',\n          icon: DtIconType,\n          dataQA: 'dt-recipe-editor-font-style-btn',\n          tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_FONT_STYLE_BUTTON_LABEL'),\n        },\n        {\n          showBtn: this.showFontSizeButton,\n          buttonType: 'popover',\n          selector: 'fontSize',\n          icon: DtIconFontSize,\n          dataQA: 'dt-recipe-editor-font-size-btn',\n          tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_FONT_SIZE_BUTTON_LABEL'),\n        },\n        {\n          showBtn: this.showFontColorButton,\n          buttonType: 'custom',\n          selector: 'fontColor',\n          icon: DtIconStopFilled,\n          dataQA: 'dt-recipe-editor-font-color-btn',\n          tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_FONT_COLOR_BUTTON_LABEL'),\n          onClick: this.onColorPickerButtonClick,\n        },\n        {\n          showBtn: this.showBoldButton,\n          buttonType: 'button',\n          selector: 'bold',\n          icon: DtIconBold,\n          dataQA: 'dt-recipe-editor-bold-btn',\n          tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_BOLD_BUTTON_LABEL'),\n          onClick: this.onBoldTextToggle,\n        },\n        {\n          showBtn: this.showItalicsButton,\n          buttonType: 'button',\n          selector: 'italic',\n          icon: DtIconItalic,\n          dataQA: 'dt-recipe-editor-italics-btn',\n          tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_ITALICS_BUTTON_LABEL'),\n          onClick: this.onItalicTextToggle,\n        },\n        {\n          showBtn: this.showUnderlineButton,\n          buttonType: 'button',\n          selector: 'underline',\n          icon: DtIconUnderline,\n          dataQA: 'dt-recipe-editor-underline-btn',\n          tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_UNDERLINE_BUTTON_LABEL'),\n          onClick: this.onUnderlineTextToggle,\n        },\n        {\n          showBtn: this.showStrikeButton,\n          buttonType: 'button',\n          selector: 'strike',\n          icon: DtIconStrikethrough,\n          dataQA: 'dt-recipe-editor-strike-btn',\n          tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_STRIKE_BUTTON_LABEL'),\n          onClick: this.onStrikethroughTextToggle,\n        },\n      ].filter(button => button.showBtn);\n    },\n\n    alignmentButtons () {\n      return [\n        {\n          showBtn: this.showAlignLeftButton,\n          buttonType: 'button',\n          selector: { textAlign: 'left' },\n          icon: DtIconAlignLeft,\n          dataQA: 'dt-recipe-editor-align-left-btn',\n          tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_ALIGN_LEFT_BUTTON_LABEL'),\n          onClick: () => this.onTextAlign('left'),\n        },\n        {\n          showBtn: this.showAlignCenterButton,\n          buttonType: 'button',\n          selector: { textAlign: 'center' },\n          icon: DtIconAlignCenter,\n          dataQA: 'dt-recipe-editor-align-center-btn',\n          tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_ALIGN_CENTER_BUTTON_LABEL'),\n          onClick: () => this.onTextAlign('center'),\n        },\n        {\n          showBtn: this.showAlignRightButton,\n          buttonType: 'button',\n          selector: { textAlign: 'right' },\n          icon: DtIconAlignRight,\n          dataQA: 'dt-recipe-editor-align-right-btn',\n          tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_ALIGN_RIGHT_BUTTON_LABEL'),\n          onClick: () => this.onTextAlign('right'),\n        },\n        {\n          showBtn: this.showAlignJustifyButton,\n          buttonType: 'button',\n          selector: { textAlign: 'justify' },\n          icon: DtIconAlignJustify,\n          dataQA: 'dt-recipe-editor-align-justify-btn',\n          tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_ALIGN_JUSTIFY_BUTTON_LABEL'),\n          onClick: () => this.onTextAlign('justify'),\n        },\n      ].filter(button => button.showBtn);\n    },\n\n    listButtons () {\n      return [\n        {\n          showBtn: this.showListItemsButton,\n          buttonType: 'button',\n          selector: 'bulletList',\n          icon: DtIconListBullet,\n          dataQA: 'dt-recipe-editor-list-items-btn',\n          tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_BULLET_LIST_BUTTON_LABEL'),\n          onClick: this.onBulletListToggle,\n        },\n        {\n          showBtn: this.showOrderedListButton,\n          buttonType: 'button',\n          selector: 'orderedList',\n          icon: DtIconListOrdered,\n          dataQA: 'dt-recipe-editor-ordered-list-items-btn',\n          tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_ORDERED_LIST_BUTTON_LABEL'),\n          onClick: this.onOrderedListToggle,\n        },\n      ].filter(button => button.showBtn);\n    },\n\n    individualButtons () {\n      return [\n        {\n          showBtn: this.showQuoteButton,\n          buttonType: 'button',\n          selector: 'blockquote',\n          icon: DtIconQuote,\n          dataQA: 'dt-recipe-editor-blockquote-btn',\n          tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_QUOTE_BUTTON_LABEL'),\n          onClick: this.onBlockquoteToggle,\n        },\n        {\n          showBtn: this.showCodeBlockButton,\n          buttonType: 'button',\n          selector: 'codeBlock',\n          icon: DtIconCodeBlock,\n          dataQA: 'dt-recipe-editor-code-block-btn',\n          tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_CODE_BUTTON_LABEL'),\n          onClick: this.onCodeBlockToggle,\n        },\n        {\n          showBtn: this.showInlineImageButton,\n          buttonType: 'button',\n          selector: 'image',\n          icon: DtIconImage,\n          dataQA: 'dt-recipe-editor-inline-image-btn',\n          tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_IMAGE_BUTTON_LABEL'),\n          // Handle getting image\n          onClick: this.onInsertInlineImageClick,\n        },\n        {\n          showBtn: this.showVariableButton,\n          buttonType: 'popover',\n          selector: 'variable',\n          icon: DtIconBraces,\n          dataQA: 'dt-recipe-editor-variable-btn',\n          tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_VARIABLE_BUTTON_LABEL'),\n        },\n      ].filter(button => button.showBtn);\n    },\n\n    linkButton () {\n      return {\n        showBtn: this.showAddLink.showAddLinkButton,\n        buttonType: 'custom',\n        selector: 'link',\n        icon: DtIconLink2,\n        dataQA: 'dt-recipe-editor-add-link-btn',\n        tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_LINK_BUTTON_LABEL'),\n        onClick: this.openLinkInput,\n      };\n    },\n\n    confirmSetLinkButtonLabels () {\n      return this.i18n.$ta('DIALTONE_EDITOR_CONFIRM_SET_LINK_BUTTON');\n    },\n\n    cancelSetLinkButtonLabels () {\n      return this.i18n.$ta('DIALTONE_EDITOR_CANCEL_SET_LINK_BUTTON');\n    },\n\n    removeLinkButtonLabels () {\n      return this.i18n.$ta('DIALTONE_EDITOR_REMOVE_LINK_BUTTON');\n    },\n\n    showAddLinkButtonLabels () {\n      return this.i18n.$ta('DIALTONE_EDITOR_ADD_LINK_BUTTON');\n    },\n\n    filteredFontStyles () {\n      const searchValue = this.fontStyleSearch.toLowerCase();\n      return this.fontStyles.filter((item) =>\n        item.name.toLowerCase().includes(searchValue),\n      );\n    },\n\n    filteredCategories() {\n      return this.variableCategories.filter(\n        (category) => this.getFilteredItemsForCategory(category).length,\n      );\n    },\n\n    colorPickerInput() {\n      return document.querySelector('.colorPickerInput');\n    },\n\n    isDefaultFontColor() {\n      return this.currentFontColor === EDITOR_DEFAULT_FONT_COLOR;\n    },\n\n    actionBarBtn () {\n      const ref = this.$refs[this.orderedRefs[this.currentButtonRefIndex]][0]?.$refs?.buttonRef // get nested ref\n        || this.$refs[this.orderedRefs[this.currentButtonRefIndex]];\n      return Array.isArray(ref) ? ref[0] : ref;\n    },\n\n  },\n\n  watch: {\n    modelValue (newValue) {\n      this.internalInputValue = newValue;\n    },\n  },\n\n  methods: {\n    removeClassStyleAttrs,\n    addClassStyleAttrs,\n\n    onInputFocus (event) {\n      event?.stopPropagation();\n    },\n\n    removeLink () {\n      this.$refs.richTextEditor?.editor?.chain()?.focus()?.unsetLink()?.run();\n      this.closeLinkInput();\n    },\n\n    setLink (event) {\n      const editor = this.$refs.richTextEditor?.editor;\n      event?.preventDefault();\n      event?.stopPropagation();\n\n      if (!this.linkInput) {\n        // If link text is set to empty string,\n        // remove any existing links.\n        this.removeLink();\n        return;\n      }\n\n      // Check if input matches any of the supported link formats\n      const prefix = EDITOR_SUPPORTED_LINK_PROTOCOLS.find(prefixRegex => prefixRegex.test(this.linkInput));\n\n      if (!prefix) {\n        // If no matching pattern is found, prepend default prefix\n        this.linkInput = `${EDITOR_DEFAULT_LINK_PREFIX}${this.linkInput}`;\n      }\n\n      const selection = editor?.view?.state?.selection;\n\n      if (selection.anchor === selection.head) {\n        // If no text has been selected, manually insert the link text.\n        // Do not rely on link options set through DtRichTextEditor\n        // component, because they clash with these and cause issues.\n        editor\n          .chain()\n          .focus()\n          .insertContentAt(\n            selection.anchor,\n          `<a class=\"${this.linkOptions.class}\" href=${this.linkInput}>${this.linkInput}</a>`,\n          )\n          .run();\n      } else {\n        // Set or edit the link\n        editor\n          .chain()\n          .focus()\n          .extendMarkRange('link')\n          .setLink({ href: this.linkInput, class: this.linkOptions.class })\n          .run();\n      }\n\n      this.closeLinkInput();\n    },\n\n    openLinkInput () {\n      this.showLinkInput = true;\n    },\n\n    updateInput (openedInput) {\n      if (!openedInput) {\n        return this.closeLinkInput();\n      }\n      this.linkInput = this.$refs.richTextEditor?.editor?.getAttributes('link')?.href;\n    },\n\n    closeLinkInput () {\n      this.showLinkInput = false;\n      this.linkInput = '';\n      this.$refs.richTextEditor.editor?.chain().focus();\n    },\n\n    onBoldTextToggle () {\n      this.$refs.richTextEditor?.editor?.chain().focus().toggleBold().run();\n    },\n\n    onItalicTextToggle () {\n      this.$refs.richTextEditor?.editor.chain().focus().toggleItalic().run();\n    },\n\n    onUnderlineTextToggle () {\n      this.$refs.richTextEditor?.editor.chain().focus().toggleUnderline().run();\n    },\n\n    onStrikethroughTextToggle () {\n      this.$refs.richTextEditor?.editor.chain().focus().toggleStrike().run();\n    },\n\n    onTextAlign (alignment) {\n      if (this.$refs.richTextEditor?.editor?.isActive({ textAlign: alignment })) {\n        // If this alignment type is already set here, unset it\n        return this.$refs.richTextEditor?.editor.chain().focus().unsetTextAlign().run();\n      }\n      this.$refs.richTextEditor?.editor.chain().focus().setTextAlign(alignment).run();\n    },\n\n    onBulletListToggle () {\n      this.$refs.richTextEditor?.editor.chain().focus().toggleBulletList().run();\n    },\n\n    onOrderedListToggle () {\n      this.$refs.richTextEditor?.editor.chain().focus().toggleOrderedList().run();\n    },\n\n    onCodeBlockToggle () {\n      this.$refs.richTextEditor?.editor.chain().focus().toggleCodeBlock().run();\n    },\n\n    onQuickRepliesClick () {\n      this.$emit('quick-replies-click');\n    },\n\n    onInsertInlineImageClick () {\n      this.$emit('inline-image-click');\n    },\n\n    insertVariable (categoryName, variableData) {\n      // Insert a variable using the custom command from the Variable extension\n      this.$refs.richTextEditor?.editor.chain().focus().insertVariable({\n        id: variableData.id,\n        placeholder: variableData.placeholder || '',\n        altText: '',\n        enableAltText: variableData.enableAltText,\n      }).run();\n    },\n\n    insertInlineImage (imageUrl) {\n      this.$refs.richTextEditor?.editor.chain().focus().setImage({ src: imageUrl }).run();\n    },\n\n    insertInMessageBody (messageContent) {\n      this.$refs.richTextEditor?.editor.chain().focus().insertContent(messageContent).run();\n    },\n\n    setCursorPosition (position = null) {\n      this.$refs.richTextEditor?.editor.chain().focus(position).run();\n    },\n\n    onBlockquoteToggle () {\n      this.$refs.richTextEditor?.editor.chain().focus().toggleBlockquote().run();\n    },\n\n    onTextInput (input) {\n      this.$emit('text-input', input);\n    },\n\n    onFocus (event) {\n      this.hasFocus = true;\n      this.$emit('focus', event);\n    },\n\n    onBlur (event) {\n      this.hasFocus = false;\n      this.$emit('blur', event);\n    },\n\n    onInput (event) {\n      this.$emit('input', event);\n      this.$emit('update:modelValue', event);\n    },\n\n    onSelected() {\n      this.updateFontColorInput();\n    },\n\n    getButtonKey (key, selector) {\n      return `${key}-${JSON.stringify(selector)}`;\n    },\n\n    // Unique Button Ref Key to identify ref\n    getButtonRef (key, selector) {\n      return `${this.getButtonKey(key, selector)}-ref`;\n    },\n\n    /**\n     * Determines if an element in the action bar button list is focusable with tab key\n     * @param {string} refKey - unique identifier for the ref element in DOM\n     */\n    canFocus (refKey) {\n      return refKey === this.orderedRefs[this.currentButtonRefIndex];\n    },\n\n    shiftActionBarFocusRight () {\n      this.shiftButtonRefIndex(1);\n    },\n\n    shiftActionBarFocusLeft () {\n      this.shiftButtonRefIndex(-1);\n    },\n\n    shiftButtonRefIndex (shiftAmount) {\n      const previousActionBarBtn = this.actionBarBtn;\n      const index = (this.currentButtonRefIndex + shiftAmount) % this.orderedRefs.length;\n      this.currentButtonRefIndex = index >= 0 ? index : this.orderedRefs.length + index;\n      const currentActionBarBtn = this.actionBarBtn;\n\n      previousActionBarBtn.$el.blur();\n      currentActionBarBtn.$el.focus();\n    },\n\n    onFontStyleSelect (fontFamily) {\n      if (fontFamily) {\n        this.$refs.richTextEditor?.editor?.chain().focus().setFontFamily(fontFamily).run();\n      } else {\n        this.$refs.richTextEditor?.editor?.chain().focus().unsetFontFamily().run();\n      }\n      this.$refs.richTextEditor?.editor?.commands.focus();\n    },\n\n    isCurrentFontFamily (fontFamily) {\n      if (!fontFamily) {\n        return !this.$refs.richTextEditor?.editor?.getAttributes('textStyle')?.fontFamily;\n      }\n      return this.$refs.richTextEditor?.editor?.isActive('textStyle', { fontFamily });\n    },\n\n    onFontSizeSelect (fontSize) {\n      this.$refs.richTextEditor?.editor?.chain().focus().setFontSize(fontSize).run();\n      this.$refs.richTextEditor?.editor?.commands.focus();\n    },\n\n    isCurrentFontSize (fontSize) {\n      if (!fontSize) {\n        return !this.$refs.richTextEditor?.editor?.getAttributes('textStyle')?.fontSize;\n      }\n      return this.$refs.richTextEditor?.editor?.isActive('textStyle', { fontSize });\n    },\n\n    getFilteredItemsForCategory(category) {\n      const searchValue = this.variableSearchValue.toLowerCase();\n      if (category.name.toLowerCase().includes(searchValue)) {\n        return category.items;\n      }\n      return category.items.filter((item) =>\n        item.name.toLowerCase().includes(searchValue),\n      );\n    },\n\n    updateFontColorInput() {\n      this.currentFontColor = this.$refs.richTextEditor?.editor?.getAttributes('textStyle')?.color || EDITOR_DEFAULT_FONT_COLOR;\n    },\n\n    onColorPickerButtonClick () {\n      this.colorPickerInput?.click();\n    },\n\n    onColorPickerInput (fontColor) {\n      this.$refs.richTextEditor?.editor?.chain().focus().setColor(fontColor).run();\n      this.$refs.richTextEditor?.editor?.commands.focus();\n      this.updateFontColorInput();\n    },\n  },\n};\n</script>\n\n<style>\n/* Image resizing classes - only active when allowImageResize is true */\n\n/* Image border */\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-wrapper] {\n  outline: 1px solid var(--dt-color-chart-info-selected);\n  line-height: 0 !important;\n}\n\n/* Corner handles */\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-handle] {\n  position: absolute;\n  background: var(--dt-color-chart-info-selected);\n  z-index: 10;\n}\n\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-handle='top-left'],\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-handle='top-right'],\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-handle='bottom-left'],\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-handle='bottom-right'] {\n  width: 8px;\n  height: 8px;\n}\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-handle='top-left'] {\n  cursor: nwse-resize;\n  transform: translate(-50%, -50%);\n}\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-handle='top-right'] {\n  cursor: nesw-resize;\n  transform: translate(50%, -50%);\n}\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-handle='bottom-left'] {\n  cursor: nesw-resize;\n  transform: translate(-50%, 50%);\n}\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-handle='bottom-right'] {\n  cursor: nwse-resize;\n  transform: translate(50%, 50%);\n}\n</style>\n"],"names":["_sfc_main","DtListItemGroup","DtDropdownSeparator","DtListItem","DtRichTextEditor","DtButton","DtPopover","DtStack","DtInput","DtTooltip","DtCombobox","EditorToolbarButton","EditorToolbarDropdownButton","EditorToolbarPopoverButton","DtIconQuickReply","DtIconBold","DtIconItalic","DtIconUnderline","DtIconStrikethrough","DtIconListBullet","DtIconListOrdered","DtIconAlignLeft","DtIconAlignCenter","DtIconAlignRight","DtIconAlignJustify","DtIconQuote","DtIconCodeBlock","DtIconLink2","DtIconImage","DtIconSearch","DtIconType","DtIconBraces","DtIconChevronDown","DtIconFontSize","DtIconStopFilled","autoFocus","RICH_TEXT_EDITOR_AUTOFOCUS_TYPES","DialtoneLocalization","RICH_TEXT_EDITOR_OUTPUT_FORMATS","acc","category","refs","buttonData","button","individualButtonStacks","buttonGroupData","searchValue","item","EDITOR_DEFAULT_FONT_COLOR","ref","_b","_a","newValue","removeClassStyleAttrs","addClassStyleAttrs","event","_e","_d","_c","editor","EDITOR_SUPPORTED_LINK_PROTOCOLS","prefixRegex","EDITOR_DEFAULT_LINK_PREFIX","selection","openedInput","alignment","categoryName","variableData","imageUrl","messageContent","position","input","key","selector","refKey","shiftAmount","previousActionBarBtn","index","currentActionBarBtn","fontFamily","_f","fontSize","fontColor","_hoisted_1","_createElementBlock","_mergeProps","$options","_ctx","_cache","$event","_createVNode","_component_dt_stack","_Fragment","_renderList","buttonGroup","_createBlock","_openBlock","_component_editor_toolbar_popover_button","_withCtx","close","_component_dt_combobox","inputProps","_component_dt_input","$data","iconSize","_component_dt_icon_search","listProps","_createElementVNode","fontStyle","_component_dt_list_item","_normalizeStyle","_createTextVNode","_toDisplayString","_component_editor_toolbar_dropdown_button","$props","_component_dt_button","_resolveDynamicComponent","_directive_dt_tooltip","_component_dt_list_item_group","_component_dt_dropdown_separator","_component_editor_toolbar_button","_h","_g","_component_dt_popover","_component_dt_tooltip","_component_dt_rich_text_editor"],"mappings":"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"}
+{"version":3,"file":"editor.cjs","sources":["../../../recipes/conversation_view/editor/editor.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-recipe-editor\"\n    v-bind=\"addClassStyleAttrs($attrs)\"\n    data-qa=\"dt-recipe-editor\"\n    role=\"presentation\"\n    @click=\"$refs.richTextEditor.focusEditor()\"\n  >\n    <!-- Section for the top UI -->\n    <dt-stack\n      class=\"d-recipe-editor__top-bar\"\n      direction=\"row\"\n      gap=\"450\"\n    >\n      <dt-stack\n        v-for=\"buttonGroup in buttonGroups\"\n        :key=\"buttonGroup.key\"\n        direction=\"row\"\n        gap=\"300\"\n      >\n        <template v-for=\"button in buttonGroup.buttonGroup\">\n          <!-- Font Style Popover -->\n          <editor-toolbar-popover-button\n            v-if=\"button.buttonType === 'popover' && button.selector === 'fontStyle'\"\n            :key=\"getButtonKey(buttonGroup.key, button.selector)\"\n            :ref=\"getButtonRef(buttonGroup.key, button.selector)\"\n            :is-active=\"$refs.richTextEditor?.editor?.isActive(button.selector)\"\n            :tooltip-message=\"button.tooltipMessage\"\n            :data-qa=\"button.dataQA\"\n            :popover-data-qa=\"'dt-recipe-editor-font-style-input-popover'\"\n            :tabindex=\"canFocus(getButtonRef(buttonGroup.key, button.selector)) ? 0 : -1\"\n            :icon=\"button.icon\"\n            @shift-focus-right=\"shiftActionBarFocusRight\"\n            @shift-focus-left=\"shiftActionBarFocusLeft\"\n          >\n            <template #content=\"{ close }\">\n              <dt-combobox\n                label=\"\"\n                :label-visible=\"false\"\n                :show-list=\"true\"\n                :click-on-select=\"true\"\n                @escape=\"close()\"\n              >\n                <template #input=\"{ inputProps }\">\n                  <dt-input\n                    v-bind=\"inputProps\"\n                    v-model=\"fontStyleSearch\"\n                    root-class=\"d-p8 d-pb4 d-w216\"\n                    type=\"search\"\n                    :placeholder=\"i18n.$t('DIALTONE_EDITOR_FONT_STYLE_SEARCH_PLACEHOLDER')\"\n                    size=\"sm\"\n                    role=\"menuitem\"\n                  >\n                    <template #leftIcon=\"{ iconSize }\">\n                      <dt-icon-search :size=\"iconSize\" />\n                    </template>\n                  </dt-input>\n                </template>\n                <template #list=\"{ listProps }\">\n                  <ul\n                    v-bind=\"listProps\"\n                  >\n                    <dt-list-item\n                      v-for=\"fontStyle in filteredFontStyles\"\n                      :key=\"fontStyle.name\"\n                      :selected=\"isCurrentFontFamily(fontStyle.value)\"\n                      :style=\"{ fontFamily: fontStyle.value || 'inherit' }\"\n                      role=\"option\"\n                      navigation-type=\"arrow-keys\"\n                      @click=\"\n                        close();\n                        onFontStyleSelect(fontStyle.value)\n                      \"\n                    >\n                      {{ fontStyle.name }}\n                    </dt-list-item>\n                  </ul>\n                </template>\n              </dt-combobox>\n            </template>\n          </editor-toolbar-popover-button>\n\n          <!-- Font Size Dropdown -->\n          <editor-toolbar-dropdown-button\n            v-else-if=\"button.buttonType === 'popover' && button.selector === 'fontSize'\"\n            :key=\"getButtonKey(buttonGroup.key, button.selector)\"\n            :ref=\"getButtonRef(buttonGroup.key, button.selector)\"\n            :is-active=\"$refs.richTextEditor?.editor?.isActive(button.selector)\"\n            :tooltip-message=\"button.tooltipMessage\"\n            :data-qa=\"button.dataQA\"\n            :dropdown-data-qa=\"'dt-recipe-editor-font-size-input-popover'\"\n            :tabindex=\"canFocus(getButtonRef(buttonGroup.key, button.selector)) ? 0 : -1\"\n            :icon=\"button.icon\"\n            @shift-focus-right=\"shiftActionBarFocusRight\"\n            @shift-focus-left=\"shiftActionBarFocusLeft\"\n          >\n            <template #list=\"{ close }\">\n              <dt-list-item\n                v-for=\"fontSize in fontSizes\"\n                :key=\"fontSize.name\"\n                :selected=\"isCurrentFontSize(fontSize.value)\"\n                role=\"menuitem\"\n                navigation-type=\"arrow-keys\"\n                @click=\"\n                  close();\n                  onFontSizeSelect(fontSize.value, $event)\n                \"\n              >\n                <span :style=\"{ fontSize: fontSize.value }\">{{ fontSize.name }}</span>\n              </dt-list-item>\n            </template>\n          </editor-toolbar-dropdown-button>\n\n          <!-- Font Color Button -->\n          <dt-button\n            v-else-if=\"button.buttonType === 'custom' && button.selector === 'fontColor'\"\n            :key=\"getButtonKey(buttonGroup.key, button.selector)\"\n            :ref=\"getButtonRef(buttonGroup.key, button.selector)\"\n            v-dt-tooltip=\"{ message: button.tooltipMessage, placement: 'top' }\"\n            kind=\"muted\"\n            importance=\"clear\"\n            size=\"xs\"\n            :active=\"$refs.richTextEditor?.editor?.isActive(button.selector)\"\n            :tabindex=\"canFocus(getButtonRef(buttonGroup.key, button.selector)) ? 0 : -1\"\n            :aria-label=\"button.tooltipMessage\"\n            :data-qa=\"button.dataQA\"\n            @keydown.right.stop=\"shiftActionBarFocusRight\"\n            @keydown.left.stop=\"shiftActionBarFocusLeft\"\n            @click=\"button.onClick()\"\n          >\n            <template #icon>\n              <component\n                :is=\"button.icon\"\n                size=\"200\"\n                :style=\"!isDefaultFontColor ? { color: currentFontColor } : {}\"\n              />\n              <dt-input\n                :value=\"currentFontColor\"\n                root-class=\"d-w0 d-h0 d-of-hidden\"\n                input-class=\"colorPickerInput d-w0 d-h0 d-p0 d-bar0\"\n                input-wrapper-class=\"d-w0 d-h0 d-ba-none\"\n                size=\"sm\"\n                type=\"color\"\n                @input=\"onColorPickerInput\"\n                @click.stop\n              />\n            </template>\n          </dt-button>\n\n          <!-- Variable Popover -->\n          <editor-toolbar-popover-button\n            v-else-if=\"button.buttonType === 'popover' && button.selector === 'variable'\"\n            :key=\"getButtonKey(buttonGroup.key, button.selector)\"\n            :ref=\"getButtonRef(buttonGroup.key, button.selector)\"\n            :is-active=\"false\"\n            :tooltip-message=\"button.tooltipMessage\"\n            :data-qa=\"button.dataQA\"\n            :popover-data-qa=\"'dt-recipe-editor-variable-popover'\"\n            :tabindex=\"canFocus(getButtonRef(buttonGroup.key, button.selector)) ? 0 : -1\"\n            :icon=\"button.icon\"\n            @shift-focus-right=\"shiftActionBarFocusRight\"\n            @shift-focus-left=\"shiftActionBarFocusLeft\"\n          >\n            <template #content=\"{ close }\">\n              <dt-combobox\n                label=\"\"\n                :label-visible=\"false\"\n                :show-list=\"true\"\n                :click-on-select=\"true\"\n                @escape=\"close()\"\n              >\n                <template #input=\"{ inputProps }\">\n                  <dt-input\n                    v-bind=\"inputProps\"\n                    v-model=\"variableSearchValue\"\n                    root-class=\"d-p8 d-pb4 d-w264\"\n                    type=\"search\"\n                    :placeholder=\"i18n.$t('DIALTONE_EDITOR_VARIABLE_POPOVER_SEARCH_PLACEHOLDER')\"\n                    size=\"md\"\n                    role=\"menuitem\"\n                  >\n                    <template #leftIcon=\"{ iconSize }\">\n                      <dt-icon-search :size=\"iconSize\" />\n                    </template>\n                  </dt-input>\n                </template>\n                <template #list=\"{ listProps }\">\n                  <div v-bind=\"listProps\">\n                    <dt-list-item-group\n                      v-for=\"(category, index) in filteredCategories\"\n                      :key=\"category.name\"\n                      :heading=\"category.name\"\n                      heading-class=\"d-headline--sm-compact d-p8\"\n                    >\n                      <dt-list-item\n                        v-for=\"item in getFilteredItemsForCategory(category)\"\n                        :key=\"category.name + item.name\"\n                        role=\"option\"\n                        navigation-type=\"arrow-keys\"\n                        @click=\"\n                          insertVariable(category.name, item);\n                          close();\n                        \"\n                      >\n                        {{ item.name }}\n                      </dt-list-item>\n                      <dt-dropdown-separator\n                        v-if=\"index < filteredCategories.length - 1\"\n                      />\n                    </dt-list-item-group>\n                  </div>\n                </template>\n              </dt-combobox>\n            </template>\n          </editor-toolbar-popover-button>\n\n          <!-- Regular Toolbar Button -->\n          <editor-toolbar-button\n            v-else-if=\"button.buttonType === 'button'\"\n            :key=\"getButtonKey(buttonGroup.key, button.selector)\"\n            :ref=\"getButtonRef(buttonGroup.key, button.selector)\"\n            :is-active=\"$refs.richTextEditor?.editor?.isActive(button.selector)\"\n            :tooltip-message=\"button.tooltipMessage\"\n            :data-qa=\"button.dataQA\"\n            :tabindex=\"canFocus(getButtonRef(buttonGroup.key, button.selector)) ? 0 : -1\"\n            :icon=\"button.icon\"\n            :label=\"button.label\"\n            :on-click=\"button.onClick\"\n            @shift-focus-right=\"shiftActionBarFocusRight\"\n            @shift-focus-left=\"shiftActionBarFocusLeft\"\n          />\n        </template>\n        <div class=\"d-recipe-editor__button-group-divider\" />\n      </dt-stack>\n      <dt-stack\n        v-if=\"linkButton.showBtn\"\n        direction=\"row\"\n        gap=\"300\"\n      >\n        <dt-popover\n          :open=\"showLinkInput\"\n          :show-close-button=\"false\"\n          data-qa=\"dt-recipe-editor-link-input-popover\"\n          padding=\"none\"\n          placement=\"bottom-start\"\n          @click=\"onInputFocus\"\n          @opened=\"updateInput\"\n          @click.stop=\"onInputFocus\"\n        >\n          <template #anchor>\n            <dt-tooltip\n              :key=\"linkButton.key\"\n              :message=\"linkButton.tooltipMessage\"\n              placement=\"top\"\n            >\n              <template #anchor>\n                <dt-button\n                  :ref=\"getButtonRef('custom', 'link')\"\n                  :active=\"$refs.richTextEditor?.editor?.isActive(linkButton.selector)\"\n                  :aria-label=\"linkButton.tooltipMessage\"\n                  :data-qa=\"linkButton.dataQA\"\n                  :tabindex=\"canFocus(getButtonRef('custom', 'link')) ? 0 : -1\"\n                  importance=\"clear\"\n                  kind=\"muted\"\n                  size=\"xs\"\n                  @click=\"linkButton.onClick()\"\n                  @keydown.right.stop=\"shiftActionBarFocusRight\"\n                  @keydown.left.stop=\"shiftActionBarFocusLeft\"\n                >\n                  <template #icon>\n                    <component\n                      :is=\"linkButton.icon\"\n                      size=\"200\"\n                    />\n                  </template>\n                </dt-button>\n              </template>\n            </dt-tooltip>\n          </template>\n\n          <template #content>\n            <div class=\"d-recipe-editor__popover-content\">\n              <span>\n                {{ showAddLinkButtonLabels.title }}\n              </span>\n              <dt-input\n                v-model=\"linkInput\"\n                :input-aria-label=\"showAddLinkButtonLabels['aria-label']\"\n                :placeholder=\"setLinkPlaceholder\"\n                data-qa=\"dt-recipe-editor-link-input\"\n                input-wrapper-class=\"d-recipe-editor-link__input-wrapper\"\n                @click=\"onInputFocus\"\n                @focus=\"onInputFocus\"\n                @click.stop=\"onInputFocus\"\n                @keydown.enter=\"setLink\"\n              />\n            </div>\n          </template>\n          <template #footerContent>\n            <dt-stack\n              direction=\"row\"\n              gap=\"300\"\n              class=\"d-recipe-editor__popover-footer\"\n            >\n              <dt-button\n                data-qa=\"dt-recipe-editor-remove-link-btn\"\n                importance=\"clear\"\n                kind=\"muted\"\n                size=\"sm\"\n                v-bind=\"removeLinkButtonLabels\"\n                @click=\"removeLink\"\n              >\n                {{ removeLinkButtonLabels.title }}\n              </dt-button>\n              <dt-button\n                data-qa=\"dt-recipe-editor-set-link-cancel-btn\"\n                importance=\"clear\"\n                kind=\"muted\"\n                size=\"sm\"\n                v-bind=\"cancelSetLinkButtonLabels\"\n                @click=\"closeLinkInput\"\n              >\n                {{ cancelSetLinkButtonLabels.title }}\n              </dt-button>\n              <dt-button\n                data-qa=\"dt-recipe-editor-set-link-confirm-btn\"\n                size=\"sm\"\n                v-bind=\"confirmSetLinkButtonLabels\"\n                @click=\"setLink\"\n              >\n                {{ confirmSetLinkButtonLabels.title }}\n              </dt-button>\n            </dt-stack>\n          </template>\n        </dt-popover>\n      </dt-stack>\n    </dt-stack>\n\n    <!-- Some wrapper to restrict the height and show the scrollbar -->\n    <div\n      :style=\"{ 'max-height': maxHeight }\"\n      :class=\"['d-recipe-editor__content', { 'd-recipe-editor__content-image-resize': allowImageResize }]\"\n    >\n      <dt-rich-text-editor\n        ref=\"richTextEditor\"\n        v-model=\"internalInputValue\"\n        :allow-font-color=\"true\"\n        :allow-font-family=\"true\"\n        :allow-inline-images=\"true\"\n        :allow-line-breaks=\"true\"\n        :allow-variable=\"true\"\n        :allow-font-size=\"showFontSizeButton\"\n        :variable-items=\"flattenedVariableItems\"\n        :hide-link-bubble-menu=\"true\"\n        :auto-focus=\"autoFocus\"\n        :editable=\"editable\"\n        :input-aria-label=\"inputAriaLabel\"\n        :input-class=\"`d-recipe-editor__content-input ${inputClass}`\"\n        :link=\"true\"\n        :output-format=\"htmlOutputFormat\"\n        :placeholder=\"placeholder\"\n        :use-div-tags=\"useDivTags\"\n        :allow-tables=\"allowTables\"\n        :allow-image-resize=\"allowImageResize\"\n        data-qa=\"dt-rich-text-editor\"\n        v-bind=\"removeClassStyleAttrs($attrs)\"\n        @text-input=\"onTextInput\"\n        @blur=\"onBlur\"\n        @focus=\"onFocus\"\n        @input=\"onInput($event)\"\n        @selected=\"onSelected\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport {\n  DtRichTextEditor,\n  RICH_TEXT_EDITOR_OUTPUT_FORMATS,\n  RICH_TEXT_EDITOR_AUTOFOCUS_TYPES,\n} from '@/components/rich_text_editor';\nimport {\n  EDITOR_SUPPORTED_LINK_PROTOCOLS,\n  EDITOR_DEFAULT_LINK_PREFIX,\n  EDITOR_DEFAULT_FONT_COLOR,\n} from './editor_constants.js';\nimport { removeClassStyleAttrs, addClassStyleAttrs } from '@/common/utils';\nimport { DtButton } from '@/components/button';\nimport { DtPopover } from '@/components/popover';\nimport { DtStack } from '@/components/stack';\nimport { DtInput } from '@/components/input';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtListItem } from '@/components/list_item';\nimport { DtCombobox } from '@/components/combobox';\n\nimport { DtDropdownSeparator } from '@/components/dropdown/index.js';\nimport { DtListItemGroup } from '@/components/list_item_group/index.js';\nimport EditorToolbarButton from './EditorToolbarButton.vue';\nimport EditorToolbarDropdownButton from './EditorToolbarDropdownButton.vue';\nimport EditorToolbarPopoverButton from './EditorToolbarPopoverButton.vue';\nimport {\n  DtIconAlignCenter,\n  DtIconAlignJustify,\n  DtIconAlignLeft,\n  DtIconAlignRight,\n  DtIconBold,\n  DtIconCodeBlock,\n  DtIconImage,\n  DtIconItalic,\n  DtIconQuickReply,\n  DtIconLink2,\n  DtIconListBullet,\n  DtIconListOrdered,\n  DtIconQuote,\n  DtIconStrikethrough,\n  DtIconUnderline,\n  DtIconType,\n  DtIconBraces,\n  DtIconSearch,\n  DtIconChevronDown,\n  DtIconFontSize,\n  DtIconStopFilled,\n} from '@dialpad/dialtone-icons/vue3';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeEditor',\n\n  components: {\n    DtListItemGroup,\n    DtDropdownSeparator,\n    DtListItem,\n    DtRichTextEditor,\n    DtButton,\n    DtPopover,\n    DtStack,\n    DtInput,\n    DtTooltip,\n    DtCombobox,\n    EditorToolbarButton,\n    EditorToolbarDropdownButton,\n    EditorToolbarPopoverButton,\n    DtIconQuickReply,\n    DtIconBold,\n    DtIconItalic,\n    DtIconUnderline,\n    DtIconStrikethrough,\n    DtIconListBullet,\n    DtIconListOrdered,\n    DtIconAlignLeft,\n    DtIconAlignCenter,\n    DtIconAlignRight,\n    DtIconAlignJustify,\n    DtIconQuote,\n    DtIconCodeBlock,\n    DtIconLink2,\n    DtIconImage,\n    DtIconSearch,\n    DtIconType,\n    DtIconBraces,\n    DtIconChevronDown,\n    DtIconFontSize,\n    DtIconStopFilled,\n  },\n\n  mixins: [],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Value of the input. The object format should match TipTap's JSON\n     * document structure: https://tiptap.dev/guide/output#option-1-json\n     */\n    modelValue: {\n      type: [Object, String],\n      default: '',\n    },\n\n    /**\n     * Whether the input is editable\n     */\n    editable: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Descriptive label for the input element\n     */\n    inputAriaLabel: {\n      type: String,\n      required: true,\n      default: '',\n    },\n\n    /**\n     * Additional class name for the input element. Only accepts a String value\n     * because this is passed to the editor via options. For multiple classes,\n     * join them into one string, e.g. \"d-p8 d-hmx96\"\n     */\n    inputClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Whether the input should receive focus after the component has been\n     * mounted. Either one of `start`, `end`, `all` or a Boolean or a Number.\n     * - `start`  Sets the focus to the beginning of the input\n     * - `end`    Sets the focus to the end of the input\n     * - `all`    Selects the whole contents of the input\n     * - `Number` Sets the focus to a specific position in the input\n     * - `true`   Defaults to `start`\n     * - `false`  Disables autofocus\n     * @values true, false, start, end, all, number\n     */\n    autoFocus: {\n      type: [Boolean, String, Number],\n      default: false,\n      validator (autoFocus) {\n        if (typeof autoFocus === 'string') {\n          return RICH_TEXT_EDITOR_AUTOFOCUS_TYPES.includes(autoFocus);\n        }\n        return true;\n      },\n    },\n\n    /**\n     * Placeholder text\n     */\n    placeholder: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Content area needs to dynamically adjust height based on the conversation area height.\n     * can be vh|px|rem|em|%\n     */\n    maxHeight: {\n      type: String,\n      default: 'unset',\n    },\n\n    /**\n     * Placeholder text for the set link input field\n     */\n    setLinkPlaceholder: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Show button to render text as bold\n     */\n    showBoldButton: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Show button to render text in italics\n     */\n    showItalicsButton: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Show button to underline text\n     */\n    showUnderlineButton: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Show button to strike text\n     */\n    showStrikeButton: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Show button to render list items\n     */\n    showListItemsButton: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Show button to render ordered list items\n     */\n    showOrderedListButton: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Show button to align text to the left\n     */\n    showAlignLeftButton: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Show button to align text to the center\n     */\n    showAlignCenterButton: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Show button to align text to the right\n     */\n    showAlignRightButton: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Show button to justify text\n     */\n    showAlignJustifyButton: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Show button to add quote format to text\n     */\n    showQuoteButton: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Show button to add code block\n     */\n    showCodeBlockButton: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Show button to handle quick replies\n     */\n    showQuickRepliesButton: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Show button to add an inline image\n     */\n    showInlineImageButton: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Show button to add a variable\n     */\n    showVariableButton: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Variable categories to display when variable button is clicked\n     */\n    variableCategories: {\n      type: Array,\n      default: () => [],\n    },\n\n    /**\n     * Show add link default config.\n     */\n    showAddLink: {\n      type: Object,\n      default: () => ({\n        showAddLinkButton: true,\n      }),\n    },\n\n    /**\n     * Show font style button.\n     */\n    showFontStyleButton: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Show font size button.\n     */\n    showFontSizeButton: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Show font color button.\n     */\n    showFontColorButton: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Available font styles for the font style dropdown.\n     */\n    fontStyles: {\n      type: Array,\n      default: () => [\n        { name: 'Arial', value: null }, // arial is the default font\n        { name: 'Georgia', value: 'Georgia' },\n        { name: 'Helvetica', value: 'Helvetica' },\n        { name: 'Verdana', value: 'Verdana'},\n        { name: 'Times New Roman', value: 'Times New Roman' },\n      ],\n    },\n\n    fontSizes : {\n      type: Array,\n      default: () => [\n        { name: 'Small', value: '12px'},\n        { name: 'Normal', value: '15px'},\n        { name: 'Large', value: '24px'},\n        { name: 'Huge', value: '36px'},\n      ],\n    },\n\n    /**\n     * Use div tags instead of paragraph tags to show text\n     */\n    useDivTags: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Allow Tables to be used in to the editor\n     */\n    allowTables: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Allow image resizing\n     */\n    allowImageResize: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    /**\n     * Native focus event\n     * @event input\n     * @type {String|JSON}\n     */\n    'focus',\n\n    /**\n     * Native blur event\n     * @event input\n     * @type {String|JSON}\n     */\n    'blur',\n\n    /**\n     * Native input event\n     * @event input\n     * @type {String|JSON}\n     */\n    'input',\n\n    /**\n     * Event fired to sync the modelValue prop with the parent component\n     * @event input\n     * @type {String|JSON}\n     */\n    'update:modelValue',\n\n    /**\n     * Quick replies button\n     * pressed event\n     * @event quick-replies-click\n     */\n    'quick-replies-click',\n\n    /**\n     * Emit when inline image button is clicked\n     * @event inline-image-click\n     */\n    'inline-image-click',\n\n    /**\n     * Emit when text input is changed\n     * @event text-input\n     * @type {String}\n     */\n    'text-input',\n  ],\n\n  data () {\n    return {\n      internalInputValue: this.modelValue, // internal input content\n      hasFocus: false,\n\n      linkOptions: {\n        class: 'd-recipe-editor__link',\n      },\n\n      currentFontColor: undefined,\n      showLinkInput: false,\n      fontStyleSearch: '',\n      linkInput: '',\n      currentButtonRefIndex: 0,\n      variableSearchValue: '',\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    inputLength () {\n      return this.internalInputValue.length;\n    },\n\n    htmlOutputFormat () {\n      return RICH_TEXT_EDITOR_OUTPUT_FORMATS[2];\n    },\n\n    flattenedVariableItems () {\n      if (!this.variableCategories) return [];\n      return this.variableCategories.reduce((acc, category) => {\n        return acc.concat(category.items || []);\n      }, []);\n    },\n\n    showingTextFormatButtons () {\n      return this.showBoldButton || this.showItalicsButton || this.showStrikeButton || this.showUnderlineButton;\n    },\n\n    showingAlignmentButtons () {\n      return this.showAlignLeftButton || this.showAlignCenterButton ||\n        this.showAlignRightButton || this.showAlignJustifyButton;\n    },\n\n    showingListButtons () {\n      return this.showListItemsButton || this.showOrderedListButton;\n    },\n\n    orderedRefs () {\n      const refs = this.buttonGroups.reduce(function (acc, buttonData) {\n        buttonData.buttonGroup.forEach(button => {\n          acc.push(this.getButtonRef(buttonData.key, button.selector));\n        }, this);\n        return acc;\n      }.bind(this), []);\n      refs.push(this.getButtonRef('custom', 'link'));\n      return refs;\n    },\n\n    buttonGroups () {\n      const individualButtonStacks = this.individualButtons.map(buttonData => ({\n        key: buttonData.selector,\n        buttonGroup: [buttonData],\n      }));\n      return [\n        { key: 'new', buttonGroup: this.newButtons },\n        { key: 'format', buttonGroup: this.textFormatButtons },\n        { key: 'alignment', buttonGroup: this.alignmentButtons },\n        { key: 'list', buttonGroup: this.listButtons },\n        ...individualButtonStacks,\n      ].filter(buttonGroupData => buttonGroupData.buttonGroup.length > 0);\n    },\n\n    newButtons () {\n      return [\n        {\n          showBtn: this.showQuickRepliesButton,\n          buttonType: 'button',\n          label: this.i18n.$t('DIALTONE_EDITOR_QUICK_REPLY_BUTTON_LABEL'),\n          selector: 'quickReplies',\n          icon: DtIconQuickReply,\n          dataQA: 'dt-recipe-editor-quick-replies-btn',\n          tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_QUICK_REPLY_BUTTON_LABEL'),\n          onClick: this.onQuickRepliesClick,\n        },\n      ].filter(button => button.showBtn);\n    },\n\n    textFormatButtons () {\n      return [\n        {\n          showBtn: this.showFontStyleButton,\n          buttonType: 'popover',\n          selector: 'fontStyle',\n          icon: DtIconType,\n          dataQA: 'dt-recipe-editor-font-style-btn',\n          tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_FONT_STYLE_BUTTON_LABEL'),\n        },\n        {\n          showBtn: this.showFontSizeButton,\n          buttonType: 'popover',\n          selector: 'fontSize',\n          icon: DtIconFontSize,\n          dataQA: 'dt-recipe-editor-font-size-btn',\n          tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_FONT_SIZE_BUTTON_LABEL'),\n        },\n        {\n          showBtn: this.showFontColorButton,\n          buttonType: 'custom',\n          selector: 'fontColor',\n          icon: DtIconStopFilled,\n          dataQA: 'dt-recipe-editor-font-color-btn',\n          tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_FONT_COLOR_BUTTON_LABEL'),\n          onClick: this.onColorPickerButtonClick,\n        },\n        {\n          showBtn: this.showBoldButton,\n          buttonType: 'button',\n          selector: 'bold',\n          icon: DtIconBold,\n          dataQA: 'dt-recipe-editor-bold-btn',\n          tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_BOLD_BUTTON_LABEL'),\n          onClick: this.onBoldTextToggle,\n        },\n        {\n          showBtn: this.showItalicsButton,\n          buttonType: 'button',\n          selector: 'italic',\n          icon: DtIconItalic,\n          dataQA: 'dt-recipe-editor-italics-btn',\n          tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_ITALICS_BUTTON_LABEL'),\n          onClick: this.onItalicTextToggle,\n        },\n        {\n          showBtn: this.showUnderlineButton,\n          buttonType: 'button',\n          selector: 'underline',\n          icon: DtIconUnderline,\n          dataQA: 'dt-recipe-editor-underline-btn',\n          tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_UNDERLINE_BUTTON_LABEL'),\n          onClick: this.onUnderlineTextToggle,\n        },\n        {\n          showBtn: this.showStrikeButton,\n          buttonType: 'button',\n          selector: 'strike',\n          icon: DtIconStrikethrough,\n          dataQA: 'dt-recipe-editor-strike-btn',\n          tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_STRIKE_BUTTON_LABEL'),\n          onClick: this.onStrikethroughTextToggle,\n        },\n      ].filter(button => button.showBtn);\n    },\n\n    alignmentButtons () {\n      return [\n        {\n          showBtn: this.showAlignLeftButton,\n          buttonType: 'button',\n          selector: { textAlign: 'left' },\n          icon: DtIconAlignLeft,\n          dataQA: 'dt-recipe-editor-align-left-btn',\n          tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_ALIGN_LEFT_BUTTON_LABEL'),\n          onClick: () => this.onTextAlign('left'),\n        },\n        {\n          showBtn: this.showAlignCenterButton,\n          buttonType: 'button',\n          selector: { textAlign: 'center' },\n          icon: DtIconAlignCenter,\n          dataQA: 'dt-recipe-editor-align-center-btn',\n          tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_ALIGN_CENTER_BUTTON_LABEL'),\n          onClick: () => this.onTextAlign('center'),\n        },\n        {\n          showBtn: this.showAlignRightButton,\n          buttonType: 'button',\n          selector: { textAlign: 'right' },\n          icon: DtIconAlignRight,\n          dataQA: 'dt-recipe-editor-align-right-btn',\n          tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_ALIGN_RIGHT_BUTTON_LABEL'),\n          onClick: () => this.onTextAlign('right'),\n        },\n        {\n          showBtn: this.showAlignJustifyButton,\n          buttonType: 'button',\n          selector: { textAlign: 'justify' },\n          icon: DtIconAlignJustify,\n          dataQA: 'dt-recipe-editor-align-justify-btn',\n          tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_ALIGN_JUSTIFY_BUTTON_LABEL'),\n          onClick: () => this.onTextAlign('justify'),\n        },\n      ].filter(button => button.showBtn);\n    },\n\n    listButtons () {\n      return [\n        {\n          showBtn: this.showListItemsButton,\n          buttonType: 'button',\n          selector: 'bulletList',\n          icon: DtIconListBullet,\n          dataQA: 'dt-recipe-editor-list-items-btn',\n          tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_BULLET_LIST_BUTTON_LABEL'),\n          onClick: this.onBulletListToggle,\n        },\n        {\n          showBtn: this.showOrderedListButton,\n          buttonType: 'button',\n          selector: 'orderedList',\n          icon: DtIconListOrdered,\n          dataQA: 'dt-recipe-editor-ordered-list-items-btn',\n          tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_ORDERED_LIST_BUTTON_LABEL'),\n          onClick: this.onOrderedListToggle,\n        },\n      ].filter(button => button.showBtn);\n    },\n\n    individualButtons () {\n      return [\n        {\n          showBtn: this.showQuoteButton,\n          buttonType: 'button',\n          selector: 'blockquote',\n          icon: DtIconQuote,\n          dataQA: 'dt-recipe-editor-blockquote-btn',\n          tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_QUOTE_BUTTON_LABEL'),\n          onClick: this.onBlockquoteToggle,\n        },\n        {\n          showBtn: this.showCodeBlockButton,\n          buttonType: 'button',\n          selector: 'codeBlock',\n          icon: DtIconCodeBlock,\n          dataQA: 'dt-recipe-editor-code-block-btn',\n          tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_CODE_BUTTON_LABEL'),\n          onClick: this.onCodeBlockToggle,\n        },\n        {\n          showBtn: this.showInlineImageButton,\n          buttonType: 'button',\n          selector: 'image',\n          icon: DtIconImage,\n          dataQA: 'dt-recipe-editor-inline-image-btn',\n          tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_IMAGE_BUTTON_LABEL'),\n          // Handle getting image\n          onClick: this.onInsertInlineImageClick,\n        },\n        {\n          showBtn: this.showVariableButton,\n          buttonType: 'popover',\n          selector: 'variable',\n          icon: DtIconBraces,\n          dataQA: 'dt-recipe-editor-variable-btn',\n          tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_VARIABLE_BUTTON_LABEL'),\n        },\n      ].filter(button => button.showBtn);\n    },\n\n    linkButton () {\n      return {\n        showBtn: this.showAddLink.showAddLinkButton,\n        buttonType: 'custom',\n        selector: 'link',\n        icon: DtIconLink2,\n        dataQA: 'dt-recipe-editor-add-link-btn',\n        tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_LINK_BUTTON_LABEL'),\n        onClick: this.openLinkInput,\n      };\n    },\n\n    confirmSetLinkButtonLabels () {\n      return this.i18n.$ta('DIALTONE_EDITOR_CONFIRM_SET_LINK_BUTTON');\n    },\n\n    cancelSetLinkButtonLabels () {\n      return this.i18n.$ta('DIALTONE_EDITOR_CANCEL_SET_LINK_BUTTON');\n    },\n\n    removeLinkButtonLabels () {\n      return this.i18n.$ta('DIALTONE_EDITOR_REMOVE_LINK_BUTTON');\n    },\n\n    showAddLinkButtonLabels () {\n      return this.i18n.$ta('DIALTONE_EDITOR_ADD_LINK_BUTTON');\n    },\n\n    filteredFontStyles () {\n      const searchValue = this.fontStyleSearch.toLowerCase();\n      return this.fontStyles.filter((item) =>\n        item.name.toLowerCase().includes(searchValue),\n      );\n    },\n\n    filteredCategories() {\n      return this.variableCategories.filter(\n        (category) => this.getFilteredItemsForCategory(category).length,\n      );\n    },\n\n    colorPickerInput() {\n      return document.querySelector('.colorPickerInput');\n    },\n\n    isDefaultFontColor() {\n      return this.currentFontColor === EDITOR_DEFAULT_FONT_COLOR;\n    },\n\n    actionBarBtn () {\n      const ref = this.$refs[this.orderedRefs[this.currentButtonRefIndex]][0]?.$refs?.buttonRef // get nested ref\n        || this.$refs[this.orderedRefs[this.currentButtonRefIndex]];\n      return Array.isArray(ref) ? ref[0] : ref;\n    },\n\n  },\n\n  watch: {\n    modelValue (newValue) {\n      this.internalInputValue = newValue;\n    },\n  },\n\n  methods: {\n    removeClassStyleAttrs,\n    addClassStyleAttrs,\n\n    onInputFocus (event) {\n      event?.stopPropagation();\n    },\n\n    removeLink () {\n      this.$refs.richTextEditor?.editor?.chain()?.focus()?.unsetLink()?.run();\n      this.closeLinkInput();\n    },\n\n    setLink (event) {\n      const editor = this.$refs.richTextEditor?.editor;\n      event?.preventDefault();\n      event?.stopPropagation();\n\n      if (!this.linkInput) {\n        // If link text is set to empty string,\n        // remove any existing links.\n        this.removeLink();\n        return;\n      }\n\n      // Check if input matches any of the supported link formats\n      const prefix = EDITOR_SUPPORTED_LINK_PROTOCOLS.find(prefixRegex => prefixRegex.test(this.linkInput));\n\n      if (!prefix) {\n        // If no matching pattern is found, prepend default prefix\n        this.linkInput = `${EDITOR_DEFAULT_LINK_PREFIX}${this.linkInput}`;\n      }\n\n      const selection = editor?.view?.state?.selection;\n\n      if (selection.anchor === selection.head) {\n        // If no text has been selected, manually insert the link text.\n        // Do not rely on link options set through DtRichTextEditor\n        // component, because they clash with these and cause issues.\n        editor\n          .chain()\n          .focus()\n          .insertContentAt(\n            selection.anchor,\n          `<a class=\"${this.linkOptions.class}\" href=${this.linkInput}>${this.linkInput}</a>`,\n          )\n          .run();\n      } else {\n        // Set or edit the link\n        editor\n          .chain()\n          .focus()\n          .extendMarkRange('link')\n          .setLink({ href: this.linkInput, class: this.linkOptions.class })\n          .run();\n      }\n\n      this.closeLinkInput();\n    },\n\n    openLinkInput () {\n      this.showLinkInput = true;\n    },\n\n    updateInput (openedInput) {\n      if (!openedInput) {\n        return this.closeLinkInput();\n      }\n      this.linkInput = this.$refs.richTextEditor?.editor?.getAttributes('link')?.href;\n    },\n\n    closeLinkInput () {\n      this.showLinkInput = false;\n      this.linkInput = '';\n      this.$refs.richTextEditor.editor?.chain().focus();\n    },\n\n    onBoldTextToggle () {\n      this.$refs.richTextEditor?.editor?.chain().focus().toggleBold().run();\n    },\n\n    onItalicTextToggle () {\n      this.$refs.richTextEditor?.editor.chain().focus().toggleItalic().run();\n    },\n\n    onUnderlineTextToggle () {\n      this.$refs.richTextEditor?.editor.chain().focus().toggleUnderline().run();\n    },\n\n    onStrikethroughTextToggle () {\n      this.$refs.richTextEditor?.editor.chain().focus().toggleStrike().run();\n    },\n\n    onTextAlign (alignment) {\n      if (this.$refs.richTextEditor?.editor?.isActive({ textAlign: alignment })) {\n        // If this alignment type is already set here, unset it\n        return this.$refs.richTextEditor?.editor.chain().focus().unsetTextAlign().run();\n      }\n      this.$refs.richTextEditor?.editor.chain().focus().setTextAlign(alignment).run();\n    },\n\n    onBulletListToggle () {\n      this.$refs.richTextEditor?.editor.chain().focus().toggleBulletList().run();\n    },\n\n    onOrderedListToggle () {\n      this.$refs.richTextEditor?.editor.chain().focus().toggleOrderedList().run();\n    },\n\n    onCodeBlockToggle () {\n      this.$refs.richTextEditor?.editor.chain().focus().toggleCodeBlock().run();\n    },\n\n    onQuickRepliesClick () {\n      this.$emit('quick-replies-click');\n    },\n\n    onInsertInlineImageClick () {\n      this.$emit('inline-image-click');\n    },\n\n    insertVariable (categoryName, variableData) {\n      // Insert a variable using the custom command from the Variable extension\n      this.$refs.richTextEditor?.editor.chain().focus().insertVariable({\n        id: variableData.id,\n        placeholder: variableData.placeholder || '',\n        altText: '',\n        enableAltText: variableData.enableAltText,\n      }).run();\n    },\n\n    insertInlineImage (imageUrl) {\n      this.$refs.richTextEditor?.editor.chain().focus().setImage({ src: imageUrl }).run();\n    },\n\n    insertInMessageBody (messageContent) {\n      this.$refs.richTextEditor?.editor.chain().focus().insertContent(messageContent).run();\n    },\n\n    setCursorPosition (position = null) {\n      this.$refs.richTextEditor?.editor.chain().focus(position).run();\n    },\n\n    onBlockquoteToggle () {\n      this.$refs.richTextEditor?.editor.chain().focus().toggleBlockquote().run();\n    },\n\n    onTextInput (input) {\n      this.$emit('text-input', input);\n    },\n\n    onFocus (event) {\n      this.hasFocus = true;\n      this.$emit('focus', event);\n    },\n\n    onBlur (event) {\n      this.hasFocus = false;\n      this.$emit('blur', event);\n    },\n\n    onInput (event) {\n      this.$emit('input', event);\n      this.$emit('update:modelValue', event);\n    },\n\n    onSelected() {\n      this.updateFontColorInput();\n    },\n\n    getButtonKey (key, selector) {\n      return `${key}-${JSON.stringify(selector)}`;\n    },\n\n    // Unique Button Ref Key to identify ref\n    getButtonRef (key, selector) {\n      return `${this.getButtonKey(key, selector)}-ref`;\n    },\n\n    /**\n     * Determines if an element in the action bar button list is focusable with tab key\n     * @param {string} refKey - unique identifier for the ref element in DOM\n     */\n    canFocus (refKey) {\n      return refKey === this.orderedRefs[this.currentButtonRefIndex];\n    },\n\n    shiftActionBarFocusRight () {\n      this.shiftButtonRefIndex(1);\n    },\n\n    shiftActionBarFocusLeft () {\n      this.shiftButtonRefIndex(-1);\n    },\n\n    shiftButtonRefIndex (shiftAmount) {\n      const previousActionBarBtn = this.actionBarBtn;\n      const index = (this.currentButtonRefIndex + shiftAmount) % this.orderedRefs.length;\n      this.currentButtonRefIndex = index >= 0 ? index : this.orderedRefs.length + index;\n      const currentActionBarBtn = this.actionBarBtn;\n\n      previousActionBarBtn.$el.blur();\n      currentActionBarBtn.$el.focus();\n    },\n\n    onFontStyleSelect (fontFamily) {\n      if (fontFamily) {\n        this.$refs.richTextEditor?.editor?.chain().focus().setFontFamily(fontFamily).run();\n      } else {\n        this.$refs.richTextEditor?.editor?.chain().focus().unsetFontFamily().run();\n      }\n      this.$refs.richTextEditor?.editor?.commands.focus();\n    },\n\n    isCurrentFontFamily (fontFamily) {\n      if (!fontFamily) {\n        return !this.$refs.richTextEditor?.editor?.getAttributes('textStyle')?.fontFamily;\n      }\n      return this.$refs.richTextEditor?.editor?.isActive('textStyle', { fontFamily });\n    },\n\n    onFontSizeSelect (fontSize) {\n      this.$refs.richTextEditor?.editor?.chain().focus().setFontSize(fontSize).run();\n      this.$refs.richTextEditor?.editor?.commands.focus();\n    },\n\n    isCurrentFontSize (fontSize) {\n      if (!fontSize) {\n        return !this.$refs.richTextEditor?.editor?.getAttributes('textStyle')?.fontSize;\n      }\n      return this.$refs.richTextEditor?.editor?.isActive('textStyle', { fontSize });\n    },\n\n    getFilteredItemsForCategory(category) {\n      const searchValue = this.variableSearchValue.toLowerCase();\n      if (category.name.toLowerCase().includes(searchValue)) {\n        return category.items;\n      }\n      return category.items.filter((item) =>\n        item.name.toLowerCase().includes(searchValue),\n      );\n    },\n\n    updateFontColorInput() {\n      this.currentFontColor = this.$refs.richTextEditor?.editor?.getAttributes('textStyle')?.color || EDITOR_DEFAULT_FONT_COLOR;\n    },\n\n    onColorPickerButtonClick () {\n      this.colorPickerInput?.click();\n    },\n\n    onColorPickerInput (fontColor) {\n      this.$refs.richTextEditor?.editor?.chain().focus().setColor(fontColor).run();\n      this.$refs.richTextEditor?.editor?.commands.focus();\n      this.updateFontColorInput();\n    },\n  },\n};\n</script>\n\n<style>\n/* Image resizing classes - only active when allowImageResize is true */\n\n/* Image border */\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-wrapper] {\n  outline: 1px solid var(--dt-color-chart-info-selected);\n  line-height: 0 !important;\n}\n\n/* Corner handles */\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-handle] {\n  position: absolute;\n  background: var(--dt-color-chart-info-selected);\n  z-index: 10;\n}\n\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-handle='top-left'],\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-handle='top-right'],\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-handle='bottom-left'],\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-handle='bottom-right'] {\n  inline-size: 8px;\n  block-size: 8px;\n}\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-handle='top-left'] {\n  cursor: nwse-resize;\n  transform: translate(-50%, -50%);\n}\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-handle='top-right'] {\n  cursor: nesw-resize;\n  transform: translate(50%, -50%);\n}\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-handle='bottom-left'] {\n  cursor: nesw-resize;\n  transform: translate(-50%, 50%);\n}\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-handle='bottom-right'] {\n  cursor: nwse-resize;\n  transform: translate(50%, 50%);\n}\n</style>\n"],"names":["_sfc_main","DtListItemGroup","DtDropdownSeparator","DtListItem","DtRichTextEditor","DtButton","DtPopover","DtStack","DtInput","DtTooltip","DtCombobox","EditorToolbarButton","EditorToolbarDropdownButton","EditorToolbarPopoverButton","DtIconQuickReply","DtIconBold","DtIconItalic","DtIconUnderline","DtIconStrikethrough","DtIconListBullet","DtIconListOrdered","DtIconAlignLeft","DtIconAlignCenter","DtIconAlignRight","DtIconAlignJustify","DtIconQuote","DtIconCodeBlock","DtIconLink2","DtIconImage","DtIconSearch","DtIconType","DtIconBraces","DtIconChevronDown","DtIconFontSize","DtIconStopFilled","autoFocus","RICH_TEXT_EDITOR_AUTOFOCUS_TYPES","DialtoneLocalization","RICH_TEXT_EDITOR_OUTPUT_FORMATS","acc","category","refs","buttonData","button","individualButtonStacks","buttonGroupData","searchValue","item","EDITOR_DEFAULT_FONT_COLOR","ref","_b","_a","newValue","removeClassStyleAttrs","addClassStyleAttrs","event","_e","_d","_c","editor","EDITOR_SUPPORTED_LINK_PROTOCOLS","prefixRegex","EDITOR_DEFAULT_LINK_PREFIX","selection","openedInput","alignment","categoryName","variableData","imageUrl","messageContent","position","input","key","selector","refKey","shiftAmount","previousActionBarBtn","index","currentActionBarBtn","fontFamily","_f","fontSize","fontColor","_hoisted_1","_createElementBlock","_mergeProps","$options","_ctx","_cache","$event","_createVNode","_component_dt_stack","_Fragment","_renderList","buttonGroup","_createBlock","_openBlock","_component_editor_toolbar_popover_button","_withCtx","close","_component_dt_combobox","inputProps","_component_dt_input","$data","iconSize","_component_dt_icon_search","listProps","_createElementVNode","fontStyle","_component_dt_list_item","_normalizeStyle","_createTextVNode","_toDisplayString","_component_editor_toolbar_dropdown_button","$props","_component_dt_button","_resolveDynamicComponent","_directive_dt_tooltip","_component_dt_list_item_group","_component_dt_dropdown_separator","_component_editor_toolbar_button","_h","_g","_component_dt_popover","_component_dt_tooltip","_component_dt_rich_text_editor"],"mappings":"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"}