@dialpad/dialtone-vue 3.222.0 → 3.222.2

package/dist/dialtone-vue.js

@@ -1,200 +1,200 @@
 import ee from "./common/mixins/dom.js";
-import { DEFAULT_PREFIX as te, DEFAULT_VALIDATION_MESSAGE_TYPE as ne, DESCRIPTION_SIZE_MODIFIERS as re, DESCRIPTION_SIZE_TYPES as ie, EVENT_KEYNAMES as e, LABEL_SIZE_MODIFIERS as t, VALIDATION_MESSAGE_TYPES as n } from "./common/constants/index.js";
-import { validationMessageValidator as r } from "./common/validators/index.js";
-import { addClassStyleAttrs as i, capitalizeFirstLetter as a, debounce as o, disableRootScrolling as s, enableRootScrolling as c, extractNonListeners as l, extractVueListeners as u, filterFormattedMessages as d, findFirstFocusableNode as f, flushPromises as p, formatMessages as m, getPhoneNumberRegex as h, getRandomElement as g, getRandomInt as _, getUniqueString as v, getValidationState as y, hasFormattedMessageOfType as b, hasSlotContent as x, htmlFragment as S, isEmailAddress as C, isOutOfViewPort as w, isPhoneNumber as T, isURL as E, javaHashCode as D, kebabCaseToPascalCase as O, linkRegex as k, pascalCaseToKebabCase as A, removeClassStyleAttrs as j, returnFirstEl as M, safeConcatStrings as N, toFluentKeyString as P, warnIfUnmounted as F } from "./common/utils/index.js";
-import { CheckableMixin as I, GroupableMixin as L, InputMixin as R } from "./common/mixins/input.js";
-import z from "./lib/validation-messages/validation-messages.js";
-import { InputGroupMixin as B } from "./common/mixins/input-group.js";
-import V from "./common/mixins/keyboard-list-navigation.js";
-import H from "./common/mixins/modal.js";
-import { SKELETON_HEADING_HEIGHTS as U, SKELETON_RIPPLE_DURATION as W, SKELETON_SHAPES as G, SKELETON_SHAPE_SIZES as K, SKELETON_TEXT_TYPES as q } from "./lib/skeleton/skeleton-constants.js";
-import J from "./common/mixins/skeleton.js";
-import { durationInHHMM as Y, getDateMedium as ae, relativeDate as oe, setDateLocale as se } from "./common/dates/index.js";
-import { codeToEmojiData as ce, customEmojiAssetUrl as le, defaultEmojiAssetUrl as ue, emojiFileExtensionLarge as de, emojiFileExtensionSmall as fe, emojiImageUrlLarge as pe, emojiImageUrlSmall as me, emojiJson as he, emojiRegex as ge, emojiShortCodeRegex as _e, emojiVersion as ve, filterValidShortCodes as ye, findEmojis as be, findShortCodes as xe, getEmojiData as Se, getEmojiShortCode as Ce, setCustomEmojiJson as we, setCustomEmojiUrl as Te, setEmojiAssetUrlLarge as Ee, setEmojiAssetUrlSmall as De, shortcodeToEmojiData as Oe, stringToUnicode as ke, unicodeToString as Ae, validateCustomEmojiJson as je } from "./common/emoji/index.js";
-import { PRESENCE_STATES as Me, PRESENCE_STATES_LIST as Ne } from "./lib/presence/presence-constants.js";
-import Pe from "./lib/presence/presence.js";
-import { AVATAR_COLORS as Fe, AVATAR_GROUP_VALIDATOR as Ie, AVATAR_ICON_SIZES as Le, AVATAR_KIND_MODIFIERS as Re, AVATAR_PRESENCE_SIZE_MODIFIERS as ze, AVATAR_PRESENCE_STATES as Be, AVATAR_RANDOM_COLORS as Ve, AVATAR_SIZE_MODIFIERS as He } from "./lib/avatar/avatar-constants.js";
-import { ICON_NAMES as Ue, ICON_SIZE_MODIFIERS as We } from "./lib/icon/icon-constants.js";
-import Ge from "./lib/avatar/avatar.js";
-import { BADGE_DECORATION_MODIFIERS as Ke, BADGE_KIND_MODIFIERS as qe, BADGE_TYPE_MODIFIERS as Je } from "./lib/badge/badge-constants.js";
-import Ye from "./lib/icon/icon.js";
-import Xe from "./lib/badge/badge.js";
-import { NOTICE_KINDS as Ze, NOTICE_ROLES as Qe } from "./lib/notice/notice-constants.js";
-import $e from "./lib/notice/notice-icon.js";
-import et from "./lib/notice/notice-content.js";
-import tt from "./lib/loader/loader.js";
-import { BUTTON_ICON_SIZES as nt, BUTTON_IMPORTANCE_MODIFIERS as rt, BUTTON_KIND_MODIFIERS as it, BUTTON_SIZE_MODIFIERS as at, BUTTON_TYPES as ot, ICON_POSITION_MODIFIERS as st, INVALID_COMBINATION as ct } from "./lib/button/button-constants.js";
-import { DANGER as lt, LINK_KIND_MODIFIERS as ut, LINK_VARIANTS as dt, MENTION as ft, MUTED as pt, SUCCESS as mt, WARNING as ht, getLinkKindModifier as gt } from "./lib/link/link-constants.js";
-import _t from "./lib/link/link.js";
-import { DialtoneLocalization as vt } from "./localization/index.js";
-import yt from "./lib/button/button.js";
-import bt from "./lib/notice/notice-action.js";
-import xt from "./lib/notice/notice.js";
-import St from "./lib/banner/banner.js";
+import { DEFAULT_PREFIX as te, DEFAULT_VALIDATION_MESSAGE_TYPE as ne, DESCRIPTION_SIZE_MODIFIERS as re, DESCRIPTION_SIZE_TYPES as ie, EVENT_KEYNAMES as e, HTML_ELEMENT_TYPE as t, LABEL_SIZE_MODIFIERS as n, VALIDATION_MESSAGE_TYPES as r } from "./common/constants/index.js";
+import { validationMessageValidator as i } from "./common/validators/index.js";
+import { addClassStyleAttrs as a, capitalizeFirstLetter as o, debounce as s, disableRootScrolling as c, enableRootScrolling as l, extractNonListeners as u, extractVueListeners as d, filterFormattedMessages as f, findFirstFocusableNode as p, flushPromises as m, formatMessages as h, getPhoneNumberRegex as g, getRandomElement as _, getRandomInt as v, getUniqueString as y, getValidationState as b, hasFormattedMessageOfType as x, hasSlotContent as S, htmlFragment as C, isEmailAddress as w, isOutOfViewPort as T, isPhoneNumber as E, isURL as D, javaHashCode as O, kebabCaseToPascalCase as k, linkRegex as A, pascalCaseToKebabCase as j, removeClassStyleAttrs as M, returnFirstEl as N, safeConcatStrings as P, toFluentKeyString as F, warnIfUnmounted as I } from "./common/utils/index.js";
+import { CheckableMixin as L, GroupableMixin as R, InputMixin as z } from "./common/mixins/input.js";
+import B from "./lib/validation-messages/validation-messages.js";
+import { InputGroupMixin as V } from "./common/mixins/input-group.js";
+import H from "./common/mixins/keyboard-list-navigation.js";
+import U from "./common/mixins/modal.js";
+import { SKELETON_HEADING_HEIGHTS as W, SKELETON_RIPPLE_DURATION as G, SKELETON_SHAPES as K, SKELETON_SHAPE_SIZES as q, SKELETON_TEXT_TYPES as J } from "./lib/skeleton/skeleton-constants.js";
+import Y from "./common/mixins/skeleton.js";
+import { durationInHHMM as ae, getDateMedium as oe, relativeDate as se, setDateLocale as ce } from "./common/dates/index.js";
+import { codeToEmojiData as le, customEmojiAssetUrl as ue, defaultEmojiAssetUrl as de, emojiFileExtensionLarge as fe, emojiFileExtensionSmall as pe, emojiImageUrlLarge as me, emojiImageUrlSmall as he, emojiJson as ge, emojiRegex as _e, emojiShortCodeRegex as ve, emojiVersion as ye, filterValidShortCodes as be, findEmojis as xe, findShortCodes as Se, getEmojiData as Ce, getEmojiShortCode as we, setCustomEmojiJson as Te, setCustomEmojiUrl as Ee, setEmojiAssetUrlLarge as De, setEmojiAssetUrlSmall as Oe, shortcodeToEmojiData as ke, stringToUnicode as Ae, unicodeToString as je, validateCustomEmojiJson as Me } from "./common/emoji/index.js";
+import { PRESENCE_STATES as Ne, PRESENCE_STATES_LIST as Pe } from "./lib/presence/presence-constants.js";
+import Fe from "./lib/presence/presence.js";
+import { AVATAR_COLORS as Ie, AVATAR_GROUP_VALIDATOR as Le, AVATAR_ICON_SIZES as Re, AVATAR_KIND_MODIFIERS as ze, AVATAR_PRESENCE_SIZE_MODIFIERS as Be, AVATAR_PRESENCE_STATES as Ve, AVATAR_RANDOM_COLORS as He, AVATAR_SIZE_MODIFIERS as Ue } from "./lib/avatar/avatar-constants.js";
+import { ICON_NAMES as We, ICON_SIZE_MODIFIERS as Ge } from "./lib/icon/icon-constants.js";
+import Ke from "./lib/avatar/avatar.js";
+import { BADGE_DECORATION_MODIFIERS as qe, BADGE_KIND_MODIFIERS as Je, BADGE_TYPE_MODIFIERS as Ye } from "./lib/badge/badge-constants.js";
+import Xe from "./lib/icon/icon.js";
+import Ze from "./lib/badge/badge.js";
+import { NOTICE_KINDS as Qe, NOTICE_ROLES as $e } from "./lib/notice/notice-constants.js";
+import et from "./lib/notice/notice-icon.js";
+import tt from "./lib/notice/notice-content.js";
+import nt from "./lib/loader/loader.js";
+import { BUTTON_ICON_SIZES as rt, BUTTON_IMPORTANCE_MODIFIERS as it, BUTTON_KIND_MODIFIERS as at, BUTTON_SIZE_MODIFIERS as ot, BUTTON_TYPES as st, ICON_POSITION_MODIFIERS as ct, INVALID_COMBINATION as lt } from "./lib/button/button-constants.js";
+import { DANGER as ut, LINK_KIND_MODIFIERS as dt, LINK_VARIANTS as ft, MENTION as pt, MUTED as mt, SUCCESS as ht, WARNING as gt, getLinkKindModifier as _t } from "./lib/link/link-constants.js";
+import vt from "./lib/link/link.js";
+import { DialtoneLocalization as yt } from "./localization/index.js";
+import bt from "./lib/button/button.js";
+import xt from "./lib/notice/notice-action.js";
+import St from "./lib/notice/notice.js";
+import Ct from "./lib/banner/banner.js";
 import "./lib/banner/index.js";
-import { BREADCRUMBS_INVERTED_MODIFIER as Ct, BREADCRUMB_ITEM_SELECTED_MODIFIER as wt } from "./lib/breadcrumbs/breadcrumbs-constants.js";
-import Tt from "./lib/breadcrumbs/breadcrumb-item.js";
-import Et from "./lib/breadcrumbs/breadcrumbs.js";
+import { BREADCRUMBS_INVERTED_MODIFIER as wt, BREADCRUMB_ITEM_SELECTED_MODIFIER as Tt } from "./lib/breadcrumbs/breadcrumbs-constants.js";
+import Et from "./lib/breadcrumbs/breadcrumb-item.js";
+import Dt from "./lib/breadcrumbs/breadcrumbs.js";
 import "./lib/breadcrumbs/index.js";
-import { BUTTON_GROUP_ALIGNMENT as Dt } from "./lib/button-group/button-group-constants.js";
-import Ot from "./lib/button-group/button-group.js";
+import { BUTTON_GROUP_ALIGNMENT as Ot } from "./lib/button-group/button-group-constants.js";
+import kt from "./lib/button-group/button-group.js";
 import "./lib/button-group/index.js";
-import kt from "./lib/card/card.js";
-import At from "./lib/checkbox/checkbox.js";
+import At from "./lib/card/card.js";
+import jt from "./lib/checkbox/checkbox.js";
 import "./lib/checkbox/index.js";
-import jt from "./lib/input-group/input-group.js";
-import Mt from "./lib/checkbox-group/checkbox-group.js";
+import Mt from "./lib/input-group/input-group.js";
+import Nt from "./lib/checkbox-group/checkbox-group.js";
 import "./lib/checkbox-group/index.js";
-import { CHIP_CLOSE_BUTTON_SIZE_MODIFIERS as Nt, CHIP_ICON_SIZES as Pt, CHIP_SIZE_MODIFIERS as Ft } from "./lib/chip/chip-constants.js";
-import It from "./lib/chip/chip.js";
-import Lt from "./lib/codeblock/codeblock.js";
+import { CHIP_CLOSE_BUTTON_SIZE_MODIFIERS as Pt, CHIP_ICON_SIZES as Ft, CHIP_SIZE_MODIFIERS as It } from "./lib/chip/chip-constants.js";
+import Lt from "./lib/chip/chip.js";
+import Rt from "./lib/codeblock/codeblock.js";
 import "./lib/codeblock/index.js";
-import Rt from "./lib/lazy-show/lazy-show.js";
-import zt from "./lib/collapsible/collapsible.js";
-import { LIST_ITEM_NAVIGATION_TYPES as Bt, LIST_ITEM_TYPES as Vt } from "./lib/list-item/list-item-constants.js";
-import Ht from "./lib/item-layout/item-layout.js";
-import Ut from "./lib/list-item/list-item.js";
-import Wt from "./lib/skeleton/skeleton-shape.js";
-import Gt from "./lib/skeleton/skeleton-text.js";
-import Kt from "./lib/skeleton/skeleton-paragraph.js";
-import qt from "./lib/skeleton/skeleton-list-item.js";
-import Jt from "./lib/skeleton/skeleton.js";
-import { t as Yt } from "./combobox-DgClbLOg.js";
-import { COMBOBOX_LABEL_SIZES as Xt } from "./lib/combobox/combobox-constants.js";
-import { DT_STACK_DIRECTION as Zt, DT_STACK_GAP as Qt, DT_STACK_RESPONSIVE_BREAKPOINTS as $t } from "./lib/stack/stack-constants.js";
-import en from "./lib/stack/stack.js";
-import { TOOLTIP_DELAY_MS as tn, TOOLTIP_DIRECTIONS as nn, TOOLTIP_HIDE_ON_CLICK_VARIANTS as rn, TOOLTIP_KIND_MODIFIERS as an, TOOLTIP_STICKY_VALUES as on } from "./lib/tooltip/tooltip-constants.js";
-import { POPOVER_APPEND_TO_VALUES as sn, POPOVER_CONTENT_WIDTHS as cn, POPOVER_DIRECTIONS as ln, POPOVER_HEADER_FOOTER_PADDING_CLASSES as un, POPOVER_INITIAL_FOCUS_STRINGS as dn, POPOVER_PADDING_CLASSES as fn, POPOVER_ROLES as pn, POPOVER_STICKY_VALUES as mn } from "./lib/popover/popover-constants.js";
-import X from "./lib/tooltip/tooltip.js";
-import { t as hn } from "./datepicker-LVDRC6Lf.js";
-import { formatLong as gn, formatMedium as _n, formatNoYear as vn, formatNumerical as yn, formatShort as bn } from "./lib/datepicker/formatUtils.js";
+import zt from "./lib/lazy-show/lazy-show.js";
+import Bt from "./lib/collapsible/collapsible.js";
+import { LIST_ITEM_NAVIGATION_TYPES as Vt, LIST_ITEM_TYPES as Ht } from "./lib/list-item/list-item-constants.js";
+import Ut from "./lib/item-layout/item-layout.js";
+import Wt from "./lib/list-item/list-item.js";
+import Gt from "./lib/skeleton/skeleton-shape.js";
+import Kt from "./lib/skeleton/skeleton-text.js";
+import qt from "./lib/skeleton/skeleton-paragraph.js";
+import Jt from "./lib/skeleton/skeleton-list-item.js";
+import Yt from "./lib/skeleton/skeleton.js";
+import { t as Xt } from "./combobox-DgClbLOg.js";
+import { COMBOBOX_LABEL_SIZES as Zt } from "./lib/combobox/combobox-constants.js";
+import { DT_STACK_DIRECTION as Qt, DT_STACK_GAP as $t, DT_STACK_RESPONSIVE_BREAKPOINTS as en } from "./lib/stack/stack-constants.js";
+import tn from "./lib/stack/stack.js";
+import { TOOLTIP_DELAY_MS as nn, TOOLTIP_DIRECTIONS as rn, TOOLTIP_HIDE_ON_CLICK_VARIANTS as an, TOOLTIP_KIND_MODIFIERS as on, TOOLTIP_STICKY_VALUES as sn } from "./lib/tooltip/tooltip-constants.js";
+import { POPOVER_APPEND_TO_VALUES as cn, POPOVER_CONTENT_WIDTHS as ln, POPOVER_DIRECTIONS as un, POPOVER_HEADER_FOOTER_PADDING_CLASSES as dn, POPOVER_INITIAL_FOCUS_STRINGS as fn, POPOVER_PADDING_CLASSES as pn, POPOVER_ROLES as mn, POPOVER_STICKY_VALUES as X } from "./lib/popover/popover-constants.js";
+import hn from "./lib/tooltip/tooltip.js";
+import { t as gn } from "./datepicker-LVDRC6Lf.js";
+import { formatLong as _n, formatMedium as vn, formatNoYear as yn, formatNumerical as bn, formatShort as xn } from "./lib/datepicker/formatUtils.js";
 import "./lib/datepicker/index.js";
-import { DT_DESCRIPTION_LIST_DIRECTION as xn } from "./lib/description-list/description-list-constants.js";
-import Sn from "./lib/description-list/description-list.js";
+import { DT_DESCRIPTION_LIST_DIRECTION as Sn } from "./lib/description-list/description-list-constants.js";
+import Cn from "./lib/description-list/description-list.js";
 import "./lib/description-list/index.js";
-import Cn from "./lib/popover/popover.js";
-import { DROPDOWN_PADDING_CLASSES as wn } from "./lib/dropdown/dropdown-constants.js";
-import Tn from "./lib/dropdown/dropdown.js";
-import En from "./lib/dropdown/dropdown-separator.js";
-import Dn from "./lib/emoji/emoji.js";
-import { INPUT_SIZES as On, INPUT_TYPES as kn } from "./lib/input/input-constants.js";
-import An from "./lib/input/input.js";
-import { t as jn } from "./emoji_picker-tVHfpHDk.js";
-import { TAB_IMPORTANCE_MODIFIERS as Mn, TAB_LIST_IMPORTANCE_MODIFIERS as Nn, TAB_LIST_KIND_MODIFIERS as Pn, TAB_LIST_SIZES as Fn } from "./lib/tab/tabs-constants.js";
-import In from "./lib/tab/tab-group.js";
-import Ln from "./lib/tab/tab.js";
-import Rn from "./lib/tab/tab-panel.js";
-import { ARROW_KEYS as zn, CDN_URL as Bn, EMOJIS_PER_ROW as Vn, EMOJI_PICKER_SKIN_TONE_MODIFIERS as Hn } from "./lib/emoji-picker/emoji-picker-constants.js";
-import Un from "./lib/emoji-text-wrapper/emoji-text-wrapper.js";
-import { EMPTY_STATE_SIZE_MODIFIERS as Wn } from "./lib/empty-state/empty-state-constants.js";
-import Gn from "./lib/empty-state/empty-state.js";
+import wn from "./lib/popover/popover.js";
+import { DROPDOWN_PADDING_CLASSES as Tn } from "./lib/dropdown/dropdown-constants.js";
+import En from "./lib/dropdown/dropdown.js";
+import Dn from "./lib/dropdown/dropdown-separator.js";
+import On from "./lib/emoji/emoji.js";
+import { INPUT_SIZES as kn, INPUT_TYPES as An } from "./lib/input/input-constants.js";
+import jn from "./lib/input/input.js";
+import { t as Mn } from "./emoji_picker-tVHfpHDk.js";
+import { TAB_IMPORTANCE_MODIFIERS as Nn, TAB_LIST_IMPORTANCE_MODIFIERS as Pn, TAB_LIST_KIND_MODIFIERS as Fn, TAB_LIST_SIZES as In } from "./lib/tab/tabs-constants.js";
+import Ln from "./lib/tab/tab-group.js";
+import Rn from "./lib/tab/tab.js";
+import zn from "./lib/tab/tab-panel.js";
+import { ARROW_KEYS as Bn, CDN_URL as Vn, EMOJIS_PER_ROW as Hn, EMOJI_PICKER_SKIN_TONE_MODIFIERS as Un } from "./lib/emoji-picker/emoji-picker-constants.js";
+import Wn from "./lib/emoji-text-wrapper/emoji-text-wrapper.js";
+import { EMPTY_STATE_SIZE_MODIFIERS as Gn } from "./lib/empty-state/empty-state-constants.js";
+import Kn from "./lib/empty-state/empty-state.js";
 import "./lib/empty-state/index.js";
-import Kn from "./lib/hovercard/hovercard.js";
+import qn from "./lib/hovercard/hovercard.js";
 import "./lib/hovercard/index.js";
-import { ILLUSTRATION_NAMES as qn } from "./lib/illustration/illustration-constants.js";
-import Jn from "./lib/illustration/illustration.js";
+import { ILLUSTRATION_NAMES as Jn } from "./lib/illustration/illustration-constants.js";
+import Yn from "./lib/illustration/illustration.js";
 import "./lib/illustration/index.js";
-import Yn from "./lib/image-viewer/image-viewer.js";
-import Xn from "./lib/keyboard-shortcut/keyboard-shortcut.js";
-import { SHORTCUTS_ALIASES_LIST as Zn } from "./lib/keyboard-shortcut/keyboard-shortcut-constants.js";
-import Qn from "./lib/list-item-group/list-item-group.js";
+import Xn from "./lib/image-viewer/image-viewer.js";
+import Zn from "./lib/keyboard-shortcut/keyboard-shortcut.js";
+import { SHORTCUTS_ALIASES_LIST as Qn } from "./lib/keyboard-shortcut/keyboard-shortcut-constants.js";
+import $n from "./lib/list-item-group/list-item-group.js";
 import "./lib/loader/index.js";
-import { MODAL_BANNER_KINDS as $n, MODAL_KIND_MODIFIERS as er, MODAL_SIZE_MODIFIERS as tr } from "./lib/modal/modal-constants.js";
-import nr from "./lib/modal/modal.js";
+import { MODAL_BANNER_KINDS as er, MODAL_KIND_MODIFIERS as tr, MODAL_SIZE_MODIFIERS as nr } from "./lib/modal/modal-constants.js";
+import rr from "./lib/modal/modal.js";
 import "./lib/modal/index.js";
-import rr from "./lib/pagination/pagination.js";
+import ir from "./lib/pagination/pagination.js";
 import "./lib/pagination/index.js";
-import { PROGRESS_CIRCLE_KINDS as ir, PROGRESS_CIRCLE_KIND_DEFAULT as ar, PROGRESS_CIRCLE_SIZES as or, PROGRESS_CIRCLE_SIZE_DEFAULT as sr } from "./lib/progress-circle/progress-circle-constants.js";
-import cr from "./lib/progress-circle/progress-circle.js";
-import { RADIO_INPUT_VALIDATION_CLASSES as lr } from "./lib/radio/radio-constants.js";
-import ur from "./lib/radio/radio.js";
+import { PROGRESS_CIRCLE_KINDS as ar, PROGRESS_CIRCLE_KIND_DEFAULT as or, PROGRESS_CIRCLE_SIZES as sr, PROGRESS_CIRCLE_SIZE_DEFAULT as cr } from "./lib/progress-circle/progress-circle-constants.js";
+import lr from "./lib/progress-circle/progress-circle.js";
+import { RADIO_INPUT_VALIDATION_CLASSES as ur } from "./lib/radio/radio-constants.js";
+import dr from "./lib/radio/radio.js";
 import "./lib/radio/index.js";
-import dr from "./lib/radio-group/radio-group.js";
+import fr from "./lib/radio-group/radio-group.js";
 import "./lib/radio-group/index.js";
-import { a as fr, c as pr, d as mr, f as hr, i as gr, l as _r, n as vr, o as yr, r as br, s as xr, t as Sr, u as Cr } from "./resizable_utils-BComtrMV.js";
-import { t as wr } from "./resizable-D4-peBOl.js";
-import { t as Tr } from "./resizable_handle-BlKBiWnx.js";
-import Er from "./lib/resizable/resizable-panel.js";
+import { a as pr, c as mr, d as hr, f as gr, i as _r, l as vr, n as yr, o as br, r as xr, s as Sr, t as Cr, u as wr } from "./resizable_utils-BComtrMV.js";
+import { t as Tr } from "./resizable-CPaF9dgG.js";
+import { t as Er } from "./resizable_handle-BlKBiWnx.js";
+import Dr from "./lib/resizable/resizable-panel.js";
 import "./lib/resizable/index.js";
-import { t as Dr } from "./rich_text_editor-CNFb6tIx.js";
-import { RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as Or, RICH_TEXT_EDITOR_OUTPUT_FORMATS as kr } from "./lib/rich-text-editor/rich-text-editor-constants.js";
-import { ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS as Ar, ROOT_LAYOUT_SIDEBAR_POSITIONS as jr } from "./lib/root-layout/root-layout-constants.js";
-import Mr from "./lib/root-layout/root-layout.js";
+import { t as Or } from "./rich_text_editor-BhUKyR0E.js";
+import { RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as kr, RICH_TEXT_EDITOR_OUTPUT_FORMATS as Ar } from "./lib/rich-text-editor/rich-text-editor-constants.js";
+import { ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS as jr, ROOT_LAYOUT_SIDEBAR_POSITIONS as Mr } from "./lib/root-layout/root-layout-constants.js";
+import Nr from "./lib/root-layout/root-layout.js";
 import "./lib/root-layout/index.js";
-import { t as Nr } from "./scroller-BGVDh3sq.js";
+import { t as Pr } from "./scroller-BGVDh3sq.js";
 import "./lib/scroller/index.js";
-import { SELECT_SIZE_MODIFIERS as Pr, SELECT_STATE_MODIFIERS as Fr } from "./lib/select-menu/select-menu-constants.js";
-import Ir from "./lib/select-menu/select-menu.js";
+import { SELECT_SIZE_MODIFIERS as Fr, SELECT_STATE_MODIFIERS as Ir } from "./lib/select-menu/select-menu-constants.js";
+import Lr from "./lib/select-menu/select-menu.js";
 import "./lib/select-menu/index.js";
-import { SPLIT_BUTTON_ICON_SIZES as Lr } from "./lib/split-button/split-button-constants.js";
-import Rr from "./lib/split-button/split-button.js";
+import { SPLIT_BUTTON_ICON_SIZES as Rr } from "./lib/split-button/split-button-constants.js";
+import zr from "./lib/split-button/split-button.js";
 import "./lib/split-button/index.js";
-import { TOAST_MIN_DURATION as zr, TOAST_ROLES as Br } from "./lib/toast/toast-constants.js";
-import { t as Vr } from "./toast-DvPN-bCi.js";
+import { TOAST_MIN_DURATION as Br, TOAST_ROLES as Vr } from "./lib/toast/toast-constants.js";
+import { t as Hr } from "./toast-DvPN-bCi.js";
 import "./lib/toast/index.js";
-import { TOGGLE_CHECKED_VALUES as Hr, TOGGLE_SIZE_MODIFIERS as Ur } from "./lib/toggle/toggle-constants.js";
-import Wr from "./lib/toggle/toggle.js";
+import { TOGGLE_CHECKED_VALUES as Ur, TOGGLE_SIZE_MODIFIERS as Wr } from "./lib/toggle/toggle-constants.js";
+import Gr from "./lib/toggle/toggle.js";
 import "./lib/toggle/index.js";
 import Z from "./lib/combobox-with-popover/combobox-with-popover.js";
-import { CHIP_SIZES as Gr, CHIP_TOP_POSITION as Kr, MULTI_SELECT_SIZES as qr } from "./lib/combobox-multi-select/combobox-multi-select-constants.js";
+import { CHIP_SIZES as Kr, CHIP_TOP_POSITION as qr, MULTI_SELECT_SIZES as Jr } from "./lib/combobox-multi-select/combobox-multi-select-constants.js";
 import Q from "./lib/combobox-multi-select/combobox-multi-select.js";
 import "./lib/combobox-multi-select/index.js";
 import "./lib/combobox-with-popover/index.js";
-import { DtTooltipDirective as Jr } from "./lib/tooltip-directive/tooltip.js";
+import { DtTooltipDirective as Yr } from "./lib/tooltip-directive/tooltip.js";
 import "./lib/tooltip-directive/index.js";
-import { DtScrollbarDirective as Yr } from "./lib/scrollbar-directive/scrollbar.js";
+import { DtScrollbarDirective as Xr } from "./lib/scrollbar-directive/scrollbar.js";
 import "./lib/scrollbar-directive/index.js";
-import { CALLBAR_BUTTON_VALID_WIDTH_SIZE as Xr } from "./lib/callbar-button/callbar-button-constants.js";
-import Zr from "./lib/callbar-button/callbar-button.js";
-import Qr from "./lib/callbar-button-with-popover/callbar-button-with-popover.js";
+import { CALLBAR_BUTTON_VALID_WIDTH_SIZE as Zr } from "./lib/callbar-button/callbar-button-constants.js";
+import Qr from "./lib/callbar-button/callbar-button.js";
+import $r from "./lib/callbar-button-with-popover/callbar-button-with-popover.js";
 import "./lib/callbar-button-with-popover/index.js";
-import $r from "./lib/callbar-button-with-dropdown/callbar-button-with-dropdown.js";
+import ei from "./lib/callbar-button-with-dropdown/callbar-button-with-dropdown.js";
 import "./lib/callbar-button-with-dropdown/index.js";
-import { IVR_NODE_ASSIGN as ei, IVR_NODE_BRANCH as ti, IVR_NODE_CUSTOMER_DATA as ni, IVR_NODE_EXPERT as ri, IVR_NODE_GO_TO as ii, IVR_NODE_HANGUP as ai, IVR_NODE_ICON_TYPES as oi, IVR_NODE_LABELS as si, IVR_NODE_PROMPT_COLLECT as ci, IVR_NODE_PROMPT_MENU as li, IVR_NODE_PROMPT_PLAY as ui, IVR_NODE_TRANSFER as di } from "./lib/ivr-node/ivr-node-constants.js";
-import fi from "./lib/ivr-node/ivr-node.js";
+import { IVR_NODE_ASSIGN as ti, IVR_NODE_BRANCH as ni, IVR_NODE_CUSTOMER_DATA as ri, IVR_NODE_EXPERT as ii, IVR_NODE_GO_TO as ai, IVR_NODE_HANGUP as oi, IVR_NODE_ICON_TYPES as si, IVR_NODE_LABELS as ci, IVR_NODE_PROMPT_COLLECT as li, IVR_NODE_PROMPT_MENU as ui, IVR_NODE_PROMPT_PLAY as di, IVR_NODE_TRANSFER as fi } from "./lib/ivr-node/ivr-node-constants.js";
+import pi from "./lib/ivr-node/ivr-node.js";
 import "./lib/ivr-node/index.js";
-import pi from "./lib/grouped-chip/grouped-chip.js";
+import mi from "./lib/grouped-chip/grouped-chip.js";
 import "./lib/grouped-chip/index.js";
-import { t as mi } from "./attachment_carousel-CouFqFMw.js";
+import { t as hi } from "./attachment_carousel-CouFqFMw.js";
 import "./lib/attachment-carousel/index.js";
-import hi from "./lib/editor/editor.js";
+import gi from "./lib/editor/editor.js";
 import "./lib/editor/index.js";
-import { REACTIONS_ATTRIBUTES as gi } from "./lib/emoji-row/emoji-row-constants.js";
-import _i from "./lib/emoji-row/emoji-row.js";
+import { REACTIONS_ATTRIBUTES as _i } from "./lib/emoji-row/emoji-row-constants.js";
+import vi from "./lib/emoji-row/emoji-row.js";
 import "./lib/emoji-row/index.js";
-import { FEED_ITEM_PILL_BORDER_COLORS as vi } from "./lib/feed-item-pill/feed-item-pill-constants.js";
-import yi from "./lib/feed-item-pill/feed-item-pill.js";
+import { FEED_ITEM_PILL_BORDER_COLORS as yi } from "./lib/feed-item-pill/feed-item-pill-constants.js";
+import bi from "./lib/feed-item-pill/feed-item-pill.js";
 import "./lib/feed-item-pill/index.js";
-import { DEFAULT_FEED_ROW_STATE as bi, FEED_ROW_STATE_BACKGROUND_COLOR as xi } from "./lib/feed-item-row/feed-item-row-constants.js";
-import Si from "./lib/feed-item-row/feed-item-row.js";
+import { DEFAULT_FEED_ROW_STATE as xi, FEED_ROW_STATE_BACKGROUND_COLOR as Si } from "./lib/feed-item-row/feed-item-row-constants.js";
+import Ci from "./lib/feed-item-row/feed-item-row.js";
 import "./lib/feed-item-row/index.js";
-import { t as Ci } from "./message_input-B47LB7C8.js";
+import { t as wi } from "./message_input-B2fppje7.js";
 import "./lib/message-input/index.js";
-import wi from "./lib/time-pill/time-pill.js";
+import Ti from "./lib/time-pill/time-pill.js";
 import "./lib/time-pill/index.js";
-import Ti from "./lib/settings-menu-button/settings-menu-button.js";
+import Ei from "./lib/settings-menu-button/settings-menu-button.js";
 import "./lib/settings-menu-button/index.js";
-import Ei from "./lib/contact-info/contact-info.js";
+import Di from "./lib/contact-info/contact-info.js";
 import "./lib/contact-info/index.js";
-import { CALLBOX_BADGE_COLORS as Di, CALLBOX_BORDER_COLORS as Oi } from "./lib/callbox/callbox-constants.js";
-import ki from "./lib/callbox/callbox.js";
+import { CALLBOX_BADGE_COLORS as Oi, CALLBOX_BORDER_COLORS as ki } from "./lib/callbox/callbox-constants.js";
+import Ai from "./lib/callbox/callbox.js";
 import "./lib/callbox/index.js";
-import Ai from "./lib/contact-centers-row/contact-centers-row.js";
+import ji from "./lib/contact-centers-row/contact-centers-row.js";
 import "./lib/contact-centers-row/index.js";
-import { LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS as ji, LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR as Mi, LEFTBAR_GENERAL_ROW_ICON_SIZES as Ni, LEFTBAR_GENERAL_ROW_TYPES as Pi } from "./lib/general-row/general-row-constants.js";
-import Fi from "./lib/general-row/leftbar-general-row-icon.js";
-import Ii from "./lib/general-row/general-row.js";
-import Li from "./lib/contact-row/contact-row.js";
+import { LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS as Mi, LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR as Ni, LEFTBAR_GENERAL_ROW_ICON_SIZES as Pi, LEFTBAR_GENERAL_ROW_TYPES as Fi } from "./lib/general-row/general-row-constants.js";
+import Ii from "./lib/general-row/leftbar-general-row-icon.js";
+import Li from "./lib/general-row/general-row.js";
+import Ri from "./lib/contact-row/contact-row.js";
 import "./lib/contact-row/index.js";
-import Ri from "./lib/group-row/group-row.js";
+import zi from "./lib/group-row/group-row.js";
 import "./lib/group-row/index.js";
-import { UNREAD_PILL_DIRECTIONS as zi, UNREAD_PILL_KINDS as Bi } from "./lib/unread-pill/unread-pill-constants.js";
-import Vi from "./lib/unread-pill/unread-pill.js";
+import { UNREAD_PILL_DIRECTIONS as Bi, UNREAD_PILL_KINDS as Vi } from "./lib/unread-pill/unread-pill-constants.js";
+import Hi from "./lib/unread-pill/unread-pill.js";
 import "./lib/unread-pill/index.js";
-import { MOTION_TEXT_ANIMATION_MODES as Hi, MOTION_TEXT_SPEEDS as Ui, MOTION_TEXT_TIMING_PRESETS as Wi } from "./lib/motion-text/motion-text-constants.js";
+import { MOTION_TEXT_ANIMATION_MODES as Ui, MOTION_TEXT_SPEEDS as Wi, MOTION_TEXT_TIMING_PRESETS as Gi } from "./lib/motion-text/motion-text-constants.js";
 import $ from "./lib/motion-text/motion-text.js";
 import "./lib/motion-text/index.js";
-import { COLOR_CODES as Gi } from "./lib/top-banner-info/top-banner-info-constants.js";
-import Ki from "./lib/top-banner-info/top-banner-info.js";
+import { COLOR_CODES as Ki } from "./lib/top-banner-info/top-banner-info-constants.js";
+import qi from "./lib/top-banner-info/top-banner-info.js";
 import "./lib/top-banner-info/index.js";
-export { zn as ARROW_KEYS, Fe as AVATAR_COLORS, Ie as AVATAR_GROUP_VALIDATOR, Le as AVATAR_ICON_SIZES, Re as AVATAR_KIND_MODIFIERS, ze as AVATAR_PRESENCE_SIZE_MODIFIERS, Be as AVATAR_PRESENCE_STATES, Ve as AVATAR_RANDOM_COLORS, He as AVATAR_SIZE_MODIFIERS, Ke as BADGE_DECORATION_MODIFIERS, qe as BADGE_KIND_MODIFIERS, Je as BADGE_TYPE_MODIFIERS, Ct as BREADCRUMBS_INVERTED_MODIFIER, wt as BREADCRUMB_ITEM_SELECTED_MODIFIER, Dt as BUTTON_GROUP_ALIGNMENT, nt as BUTTON_ICON_SIZES, rt as BUTTON_IMPORTANCE_MODIFIERS, it as BUTTON_KIND_MODIFIERS, at as BUTTON_SIZE_MODIFIERS, ot as BUTTON_TYPES, Xr as CALLBAR_BUTTON_VALID_WIDTH_SIZE, Di as CALLBOX_BADGE_COLORS, Oi as CALLBOX_BORDER_COLORS, Bn as CDN_URL, Nt as CHIP_CLOSE_BUTTON_SIZE_MODIFIERS, Pt as CHIP_ICON_SIZES, Gr as CHIP_SIZES, Ft as CHIP_SIZE_MODIFIERS, Kr as CHIP_TOP_POSITION, Gi as COLOR_CODES, Xt as COMBOBOX_LABEL_SIZES, lt as DANGER, bi as DEFAULT_FEED_ROW_STATE, _r as DEFAULT_PANEL_SIZE, te as DEFAULT_PREFIX, ne as DEFAULT_VALIDATION_MESSAGE_TYPE, re as DESCRIPTION_SIZE_MODIFIERS, ie as DESCRIPTION_SIZE_TYPES, wn as DROPDOWN_PADDING_CLASSES, xn as DT_DESCRIPTION_LIST_DIRECTION, Zt as DT_STACK_DIRECTION, Qt as DT_STACK_GAP, $t as DT_STACK_RESPONSIVE_BREAKPOINTS, vt as DialtoneLocalization, Ge as DtAvatar, Xe as DtBadge, St as DtBanner, Tt as DtBreadcrumbItem, Et as DtBreadcrumbs, yt as DtButton, Ot as DtButtonGroup, kt as DtCard, I as DtCheckableInputMixin, At as DtCheckbox, Mt as DtCheckboxGroup, It as DtChip, Lt as DtCodeblock, zt as DtCollapsible, Yt as DtCombobox, Q as DtComboboxMultiSelect, Q as DtRecipeComboboxMultiSelect, Z as DtComboboxWithPopover, Z as DtRecipeComboboxWithPopover, ee as DtDOMMixin, hn as DtDatepicker, Sn as DtDescriptionList, Tn as DtDropdown, En as DtDropdownSeparator, Dn as DtEmoji, jn as DtEmojiPicker, Un as DtEmojiTextWrapper, Gn as DtEmptyState, L as DtGroupableInputMixin, Kn as DtHovercard, Ye as DtIcon, Jn as DtIllustration, Yn as DtImageViewer, An as DtInput, jt as DtInputGroup, B as DtInputGroupMixin, R as DtInputMixin, Ht as DtItemLayout, V as DtKeyboardListNavigationMixin, Xn as DtKeyboardShortcut, Rt as DtLazyShow, _t as DtLink, Ut as DtListItem, Qn as DtListItemGroup, tt as DtLoader, nr as DtModal, H as DtModalMixin, $ as DtMotionText, $ as DtRecipeMotionText, xt as DtNotice, bt as DtNoticeAction, et as DtNoticeContent, $e as DtNoticeIcon, rr as DtPagination, Cn as DtPopover, Pe as DtPresence, cr as DtProgressCircle, ur as DtRadio, dr as DtRadioGroup, mi as DtRecipeAttachmentCarousel, Zr as DtRecipeCallbarButton, $r as DtRecipeCallbarButtonWithDropdown, Qr as DtRecipeCallbarButtonWithPopover, ki as DtRecipeCallbox, Ai as DtRecipeContactCentersRow, Ei as DtRecipeContactInfo, Li as DtRecipeContactRow, hi as DtRecipeEditor, _i as DtRecipeEmojiRow, yi as DtRecipeFeedItemPill, Si as DtRecipeFeedItemRow, Ii as DtRecipeGeneralRow, Ri as DtRecipeGroupRow, pi as DtRecipeGroupedChip, fi as DtRecipeIvrNode, Fi as DtRecipeLeftbarGeneralRowIcon, Ci as DtRecipeMessageInput, Ti as DtRecipeSettingsMenuButton, wi as DtRecipeTimePill, Ki as DtRecipeTopBannerInfo, Vi as DtRecipeUnreadPill, wr as DtResizable, Tr as DtResizableHandle, Er as DtResizablePanel, Dr as DtRichTextEditor, Mr as DtRootLayout, Yr as DtScrollbarDirective, Nr as DtScroller, Ir as DtSelectMenu, Jt as DtSkeleton, qt as DtSkeletonListItem, J as DtSkeletonMixin, Kt as DtSkeletonParagraph, Wt as DtSkeletonShape, Gt as DtSkeletonText, Rr as DtSplitButton, en as DtStack, Ln as DtTab, In as DtTabGroup, Rn as DtTabPanel, Vr as DtToast, Wr as DtToggle, X as DtTooltip, Jr as DtTooltipDirective, z as DtValidationMessages, Vn as EMOJIS_PER_ROW, Hn as EMOJI_PICKER_SKIN_TONE_MODIFIERS, Wn as EMPTY_STATE_SIZE_MODIFIERS, e as EVENT_KEYNAMES, vi as FEED_ITEM_PILL_BORDER_COLORS, xi as FEED_ROW_STATE_BACKGROUND_COLOR, Ue as ICON_NAMES, st as ICON_POSITION_MODIFIERS, We as ICON_SIZE_MODIFIERS, qn as ILLUSTRATION_NAMES, On as INPUT_SIZES, kn as INPUT_TYPES, ct as INVALID_COMBINATION, ei as IVR_NODE_ASSIGN, ti as IVR_NODE_BRANCH, ni as IVR_NODE_CUSTOMER_DATA, ri as IVR_NODE_EXPERT, ii as IVR_NODE_GO_TO, ai as IVR_NODE_HANGUP, oi as IVR_NODE_ICON_TYPES, si as IVR_NODE_LABELS, ci as IVR_NODE_PROMPT_COLLECT, li as IVR_NODE_PROMPT_MENU, ui as IVR_NODE_PROMPT_PLAY, di as IVR_NODE_TRANSFER, t as LABEL_SIZE_MODIFIERS, ji as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS, Mi as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR, Ni as LEFTBAR_GENERAL_ROW_ICON_SIZES, Pi as LEFTBAR_GENERAL_ROW_TYPES, ut as LINK_KIND_MODIFIERS, dt as LINK_VARIANTS, Bt as LIST_ITEM_NAVIGATION_TYPES, Vt as LIST_ITEM_TYPES, ft as MENTION, Cr as MIN_PANEL_SIZE_PX, $n as MODAL_BANNER_KINDS, er as MODAL_KIND_MODIFIERS, tr as MODAL_SIZE_MODIFIERS, Hi as MOTION_TEXT_ANIMATION_MODES, Ui as MOTION_TEXT_SPEEDS, Wi as MOTION_TEXT_TIMING_PRESETS, qr as MULTI_SELECT_SIZES, pt as MUTED, Ze as NOTICE_KINDS, Qe as NOTICE_ROLES, sn as POPOVER_APPEND_TO_VALUES, cn as POPOVER_CONTENT_WIDTHS, ln as POPOVER_DIRECTIONS, un as POPOVER_HEADER_FOOTER_PADDING_CLASSES, dn as POPOVER_INITIAL_FOCUS_STRINGS, fn as POPOVER_PADDING_CLASSES, pn as POPOVER_ROLES, mn as POPOVER_STICKY_VALUES, Me as PRESENCE_STATES, Ne as PRESENCE_STATES_LIST, ir as PROGRESS_CIRCLE_KINDS, ar as PROGRESS_CIRCLE_KIND_DEFAULT, or as PROGRESS_CIRCLE_SIZES, sr as PROGRESS_CIRCLE_SIZE_DEFAULT, lr as RADIO_INPUT_VALIDATION_CLASSES, gi as REACTIONS_ATTRIBUTES, mr as RESIZABLE_CONTEXT_KEY, Or as RICH_TEXT_EDITOR_AUTOFOCUS_TYPES, kr as RICH_TEXT_EDITOR_OUTPUT_FORMATS, Ar as ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS, jr as ROOT_LAYOUT_SIDEBAR_POSITIONS, Pr as SELECT_SIZE_MODIFIERS, Fr as SELECT_STATE_MODIFIERS, Zn as SHORTCUTS_ALIASES_LIST, U as SKELETON_HEADING_HEIGHTS, W as SKELETON_RIPPLE_DURATION, G as SKELETON_SHAPES, K as SKELETON_SHAPE_SIZES, q as SKELETON_TEXT_TYPES, Lr as SPLIT_BUTTON_ICON_SIZES, mt as SUCCESS, Mn as TAB_IMPORTANCE_MODIFIERS, Nn as TAB_LIST_IMPORTANCE_MODIFIERS, Pn as TAB_LIST_KIND_MODIFIERS, Fn as TAB_LIST_SIZES, zr as TOAST_MIN_DURATION, Br as TOAST_ROLES, Hr as TOGGLE_CHECKED_VALUES, Ur as TOGGLE_SIZE_MODIFIERS, tn as TOOLTIP_DELAY_MS, nn as TOOLTIP_DIRECTIONS, rn as TOOLTIP_HIDE_ON_CLICK_VARIANTS, an as TOOLTIP_KIND_MODIFIERS, on as TOOLTIP_STICKY_VALUES, zi as UNREAD_PILL_DIRECTIONS, Bi as UNREAD_PILL_KINDS, n as VALIDATION_MESSAGE_TYPES, ht as WARNING, i as addClassStyleAttrs, hr as buildHandleId, a as capitalizeFirstLetter, ce as codeToEmojiData, le as customEmojiAssetUrl, o as debounce, ue as defaultEmojiAssetUrl, s as disableRootScrolling, Y as durationInHHMM, de as emojiFileExtensionLarge, fe as emojiFileExtensionSmall, pe as emojiImageUrlLarge, me as emojiImageUrlSmall, he as emojiJson, ge as emojiRegex, _e as emojiShortCodeRegex, ve as emojiVersion, c as enableRootScrolling, l as extractNonListeners, u as extractVueListeners, d as filterFormattedMessages, ye as filterValidShortCodes, be as findEmojis, f as findFirstFocusableNode, xe as findShortCodes, p as flushPromises, gn as formatLong, _n as formatMedium, m as formatMessages, vn as formatNoYear, yn as formatNumerical, bn as formatShort, ae as getDateMedium, Se as getEmojiData, Ce as getEmojiShortCode, gt as getLinkKindModifier, h as getPhoneNumberRegex, g as getRandomElement, _ as getRandomInt, v as getUniqueString, y as getValidationState, b as hasFormattedMessageOfType, Sr as hasPercentageMinSize, x as hasSlotContent, S as htmlFragment, vr as invalidateTokenCache, br as isCSSValue, C as isEmailAddress, w as isOutOfViewPort, gr as isPercentageValue, T as isPhoneNumber, E as isURL, fr as isValidSizing, D as javaHashCode, O as kebabCaseToPascalCase, k as linkRegex, yr as parseSizeToPixels, A as pascalCaseToKebabCase, xr as pixelsToPercentage, oe as relativeDate, j as removeClassStyleAttrs, M as returnFirstEl, N as safeConcatStrings, we as setCustomEmojiJson, Te as setCustomEmojiUrl, se as setDateLocale, Ee as setEmojiAssetUrlLarge, De as setEmojiAssetUrlSmall, Oe as shortcodeToEmojiData, ke as stringToUnicode, P as toFluentKeyString, Ae as unicodeToString, pr as validateContainerSize, je as validateCustomEmojiJson, r as validationMessageValidator, F as warnIfUnmounted };
+export { Bn as ARROW_KEYS, Ie as AVATAR_COLORS, Le as AVATAR_GROUP_VALIDATOR, Re as AVATAR_ICON_SIZES, ze as AVATAR_KIND_MODIFIERS, Be as AVATAR_PRESENCE_SIZE_MODIFIERS, Ve as AVATAR_PRESENCE_STATES, He as AVATAR_RANDOM_COLORS, Ue as AVATAR_SIZE_MODIFIERS, qe as BADGE_DECORATION_MODIFIERS, Je as BADGE_KIND_MODIFIERS, Ye as BADGE_TYPE_MODIFIERS, wt as BREADCRUMBS_INVERTED_MODIFIER, Tt as BREADCRUMB_ITEM_SELECTED_MODIFIER, Ot as BUTTON_GROUP_ALIGNMENT, rt as BUTTON_ICON_SIZES, it as BUTTON_IMPORTANCE_MODIFIERS, at as BUTTON_KIND_MODIFIERS, ot as BUTTON_SIZE_MODIFIERS, st as BUTTON_TYPES, Zr as CALLBAR_BUTTON_VALID_WIDTH_SIZE, Oi as CALLBOX_BADGE_COLORS, ki as CALLBOX_BORDER_COLORS, Vn as CDN_URL, Pt as CHIP_CLOSE_BUTTON_SIZE_MODIFIERS, Ft as CHIP_ICON_SIZES, Kr as CHIP_SIZES, It as CHIP_SIZE_MODIFIERS, qr as CHIP_TOP_POSITION, Ki as COLOR_CODES, Zt as COMBOBOX_LABEL_SIZES, ut as DANGER, xi as DEFAULT_FEED_ROW_STATE, vr as DEFAULT_PANEL_SIZE, te as DEFAULT_PREFIX, ne as DEFAULT_VALIDATION_MESSAGE_TYPE, re as DESCRIPTION_SIZE_MODIFIERS, ie as DESCRIPTION_SIZE_TYPES, Tn as DROPDOWN_PADDING_CLASSES, Sn as DT_DESCRIPTION_LIST_DIRECTION, Qt as DT_STACK_DIRECTION, $t as DT_STACK_GAP, en as DT_STACK_RESPONSIVE_BREAKPOINTS, yt as DialtoneLocalization, Ke as DtAvatar, Ze as DtBadge, Ct as DtBanner, Et as DtBreadcrumbItem, Dt as DtBreadcrumbs, bt as DtButton, kt as DtButtonGroup, At as DtCard, L as DtCheckableInputMixin, jt as DtCheckbox, Nt as DtCheckboxGroup, Lt as DtChip, Rt as DtCodeblock, Bt as DtCollapsible, Xt as DtCombobox, Q as DtComboboxMultiSelect, Q as DtRecipeComboboxMultiSelect, Z as DtComboboxWithPopover, Z as DtRecipeComboboxWithPopover, ee as DtDOMMixin, gn as DtDatepicker, Cn as DtDescriptionList, En as DtDropdown, Dn as DtDropdownSeparator, On as DtEmoji, Mn as DtEmojiPicker, Wn as DtEmojiTextWrapper, Kn as DtEmptyState, R as DtGroupableInputMixin, qn as DtHovercard, Xe as DtIcon, Yn as DtIllustration, Xn as DtImageViewer, jn as DtInput, Mt as DtInputGroup, V as DtInputGroupMixin, z as DtInputMixin, Ut as DtItemLayout, H as DtKeyboardListNavigationMixin, Zn as DtKeyboardShortcut, zt as DtLazyShow, vt as DtLink, Wt as DtListItem, $n as DtListItemGroup, nt as DtLoader, rr as DtModal, U as DtModalMixin, $ as DtMotionText, $ as DtRecipeMotionText, St as DtNotice, xt as DtNoticeAction, tt as DtNoticeContent, et as DtNoticeIcon, ir as DtPagination, wn as DtPopover, Fe as DtPresence, lr as DtProgressCircle, dr as DtRadio, fr as DtRadioGroup, hi as DtRecipeAttachmentCarousel, Qr as DtRecipeCallbarButton, ei as DtRecipeCallbarButtonWithDropdown, $r as DtRecipeCallbarButtonWithPopover, Ai as DtRecipeCallbox, ji as DtRecipeContactCentersRow, Di as DtRecipeContactInfo, Ri as DtRecipeContactRow, gi as DtRecipeEditor, vi as DtRecipeEmojiRow, bi as DtRecipeFeedItemPill, Ci as DtRecipeFeedItemRow, Li as DtRecipeGeneralRow, zi as DtRecipeGroupRow, mi as DtRecipeGroupedChip, pi as DtRecipeIvrNode, Ii as DtRecipeLeftbarGeneralRowIcon, wi as DtRecipeMessageInput, Ei as DtRecipeSettingsMenuButton, Ti as DtRecipeTimePill, qi as DtRecipeTopBannerInfo, Hi as DtRecipeUnreadPill, Tr as DtResizable, Er as DtResizableHandle, Dr as DtResizablePanel, Or as DtRichTextEditor, Nr as DtRootLayout, Xr as DtScrollbarDirective, Pr as DtScroller, Lr as DtSelectMenu, Yt as DtSkeleton, Jt as DtSkeletonListItem, Y as DtSkeletonMixin, qt as DtSkeletonParagraph, Gt as DtSkeletonShape, Kt as DtSkeletonText, zr as DtSplitButton, tn as DtStack, Rn as DtTab, Ln as DtTabGroup, zn as DtTabPanel, Hr as DtToast, Gr as DtToggle, hn as DtTooltip, Yr as DtTooltipDirective, B as DtValidationMessages, Hn as EMOJIS_PER_ROW, Un as EMOJI_PICKER_SKIN_TONE_MODIFIERS, Gn as EMPTY_STATE_SIZE_MODIFIERS, e as EVENT_KEYNAMES, yi as FEED_ITEM_PILL_BORDER_COLORS, Si as FEED_ROW_STATE_BACKGROUND_COLOR, t as HTML_ELEMENT_TYPE, We as ICON_NAMES, ct as ICON_POSITION_MODIFIERS, Ge as ICON_SIZE_MODIFIERS, Jn as ILLUSTRATION_NAMES, kn as INPUT_SIZES, An as INPUT_TYPES, lt as INVALID_COMBINATION, ti as IVR_NODE_ASSIGN, ni as IVR_NODE_BRANCH, ri as IVR_NODE_CUSTOMER_DATA, ii as IVR_NODE_EXPERT, ai as IVR_NODE_GO_TO, oi as IVR_NODE_HANGUP, si as IVR_NODE_ICON_TYPES, ci as IVR_NODE_LABELS, li as IVR_NODE_PROMPT_COLLECT, ui as IVR_NODE_PROMPT_MENU, di as IVR_NODE_PROMPT_PLAY, fi as IVR_NODE_TRANSFER, n as LABEL_SIZE_MODIFIERS, Mi as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS, Ni as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR, Pi as LEFTBAR_GENERAL_ROW_ICON_SIZES, Fi as LEFTBAR_GENERAL_ROW_TYPES, dt as LINK_KIND_MODIFIERS, ft as LINK_VARIANTS, Vt as LIST_ITEM_NAVIGATION_TYPES, Ht as LIST_ITEM_TYPES, pt as MENTION, wr as MIN_PANEL_SIZE_PX, er as MODAL_BANNER_KINDS, tr as MODAL_KIND_MODIFIERS, nr as MODAL_SIZE_MODIFIERS, Ui as MOTION_TEXT_ANIMATION_MODES, Wi as MOTION_TEXT_SPEEDS, Gi as MOTION_TEXT_TIMING_PRESETS, Jr as MULTI_SELECT_SIZES, mt as MUTED, Qe as NOTICE_KINDS, $e as NOTICE_ROLES, cn as POPOVER_APPEND_TO_VALUES, ln as POPOVER_CONTENT_WIDTHS, un as POPOVER_DIRECTIONS, dn as POPOVER_HEADER_FOOTER_PADDING_CLASSES, fn as POPOVER_INITIAL_FOCUS_STRINGS, pn as POPOVER_PADDING_CLASSES, mn as POPOVER_ROLES, X as POPOVER_STICKY_VALUES, Ne as PRESENCE_STATES, Pe as PRESENCE_STATES_LIST, ar as PROGRESS_CIRCLE_KINDS, or as PROGRESS_CIRCLE_KIND_DEFAULT, sr as PROGRESS_CIRCLE_SIZES, cr as PROGRESS_CIRCLE_SIZE_DEFAULT, ur as RADIO_INPUT_VALIDATION_CLASSES, _i as REACTIONS_ATTRIBUTES, hr as RESIZABLE_CONTEXT_KEY, kr as RICH_TEXT_EDITOR_AUTOFOCUS_TYPES, Ar as RICH_TEXT_EDITOR_OUTPUT_FORMATS, jr as ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS, Mr as ROOT_LAYOUT_SIDEBAR_POSITIONS, Fr as SELECT_SIZE_MODIFIERS, Ir as SELECT_STATE_MODIFIERS, Qn as SHORTCUTS_ALIASES_LIST, W as SKELETON_HEADING_HEIGHTS, G as SKELETON_RIPPLE_DURATION, K as SKELETON_SHAPES, q as SKELETON_SHAPE_SIZES, J as SKELETON_TEXT_TYPES, Rr as SPLIT_BUTTON_ICON_SIZES, ht as SUCCESS, Nn as TAB_IMPORTANCE_MODIFIERS, Pn as TAB_LIST_IMPORTANCE_MODIFIERS, Fn as TAB_LIST_KIND_MODIFIERS, In as TAB_LIST_SIZES, Br as TOAST_MIN_DURATION, Vr as TOAST_ROLES, Ur as TOGGLE_CHECKED_VALUES, Wr as TOGGLE_SIZE_MODIFIERS, nn as TOOLTIP_DELAY_MS, rn as TOOLTIP_DIRECTIONS, an as TOOLTIP_HIDE_ON_CLICK_VARIANTS, on as TOOLTIP_KIND_MODIFIERS, sn as TOOLTIP_STICKY_VALUES, Bi as UNREAD_PILL_DIRECTIONS, Vi as UNREAD_PILL_KINDS, r as VALIDATION_MESSAGE_TYPES, gt as WARNING, a as addClassStyleAttrs, gr as buildHandleId, o as capitalizeFirstLetter, le as codeToEmojiData, ue as customEmojiAssetUrl, s as debounce, de as defaultEmojiAssetUrl, c as disableRootScrolling, ae as durationInHHMM, fe as emojiFileExtensionLarge, pe as emojiFileExtensionSmall, me as emojiImageUrlLarge, he as emojiImageUrlSmall, ge as emojiJson, _e as emojiRegex, ve as emojiShortCodeRegex, ye as emojiVersion, l as enableRootScrolling, u as extractNonListeners, d as extractVueListeners, f as filterFormattedMessages, be as filterValidShortCodes, xe as findEmojis, p as findFirstFocusableNode, Se as findShortCodes, m as flushPromises, _n as formatLong, vn as formatMedium, h as formatMessages, yn as formatNoYear, bn as formatNumerical, xn as formatShort, oe as getDateMedium, Ce as getEmojiData, we as getEmojiShortCode, _t as getLinkKindModifier, g as getPhoneNumberRegex, _ as getRandomElement, v as getRandomInt, y as getUniqueString, b as getValidationState, x as hasFormattedMessageOfType, Cr as hasPercentageMinSize, S as hasSlotContent, C as htmlFragment, yr as invalidateTokenCache, xr as isCSSValue, w as isEmailAddress, T as isOutOfViewPort, _r as isPercentageValue, E as isPhoneNumber, D as isURL, pr as isValidSizing, O as javaHashCode, k as kebabCaseToPascalCase, A as linkRegex, br as parseSizeToPixels, j as pascalCaseToKebabCase, Sr as pixelsToPercentage, se as relativeDate, M as removeClassStyleAttrs, N as returnFirstEl, P as safeConcatStrings, Te as setCustomEmojiJson, Ee as setCustomEmojiUrl, ce as setDateLocale, De as setEmojiAssetUrlLarge, Oe as setEmojiAssetUrlSmall, ke as shortcodeToEmojiData, Ae as stringToUnicode, F as toFluentKeyString, je as unicodeToString, mr as validateContainerSize, Me as validateCustomEmojiJson, i as validationMessageValidator, I as warnIfUnmounted };

package/dist/lib/combobox-multi-select/combobox-multi-select.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/validators/index.cjs`),t=require(`../../common/utils/index.cjs`),n=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),r=require(`../validation-messages/validation-messages.cjs`),i=require(`../chip/chip.cjs`),a=require(`../popover/popover-constants.cjs`),o=require(`../input/input.cjs`),s=require(`../combobox-with-popover/combobox-with-popover.cjs`),c=require(`./combobox-multi-select-constants.cjs`);let l=require(`vue`);var u={compatConfig:{MODE:3},name:`DtComboboxMultiSelect`,components:{DtComboboxWithPopover:s.default,DtInput:o.default,DtChip:i.default,DtValidationMessages:r.default},inheritAttrs:!1,props:{label:{type:String,required:!0},labelVisible:{type:Boolean,default:!0},description:{type:String,default:``},placeholder:{type:String,default:`Select one or start typing`},inputMessages:{type:Array,default:()=>[],validator:t=>e.validationMessageValidator(t)},showInputMessages:{type:Boolean,default:!0},loading:{type:Boolean,default:!1},loadingMessage:{type:String,default:`loading...`},showList:{type:Boolean,default:null},listMaxHeight:{type:String,default:`300px`},selectedItems:{type:Array,default:function(){return[]}},maxSelected:{type:Number,default:0},maxSelectedMessage:{type:Array,default:function(){return[]}},hasSuggestionList:{type:Boolean,default:!0},size:{type:String,default:`md`,validator:e=>Object.values(c.MULTI_SELECT_SIZES).includes(e)},appendTo:{type:[HTMLElement,String],default:`body`,validator:e=>a.POPOVER_APPEND_TO_VALUES.includes(e)||e instanceof HTMLElement},transition:{type:String,default:`fade`},collapseOnFocusOut:{type:Boolean,default:!1},listMaxWidth:{type:String,default:``},reservedRightSpace:{type:Number,default:64},chipMaxWidth:{type:String,default:``},inputClass:{type:[String,Object,Array],default:``},inputWrapperClass:{type:[String,Object,Array],default:``},disabled:{type:Boolean,default:!1},dialogClass:{type:[String,Object,Array],default:``}},emits:[`input`,`select`,`remove`,`max-selected`,`keydown`,`chip-keydown`,`escape`,`enter`,`combobox-highlight`],data(){return{value:``,popoverOffset:[0,4],showValidationMessages:!1,resizeWindowObserver:null,initialInputHeight:null,CHIP_SIZES:c.CHIP_SIZES,hasSlotContent:t.hasSlotContent,inputFocused:!1,hideInputText:!1}},computed:{inputPlaceHolder(){return this.selectedItems?.length>0?``:this.placeholder},chipListeners(){return{keydown:e=>{this.disabled||(this.onChipKeyDown(e),this.$emit(`chip-keydown`,e))}}},inputListeners(){return{...t.extractVueListeners(this.$attrs),onInput:e=>{this.$emit(`input`,e),this.hasSuggestionList&&this.showComboboxList()},onKeydown:e=>{if(this.disabled)return;this.onInputKeyDown(e),this.$emit(`keydown`,e);let t=e.key?.toLowerCase();t===`escape`?this.$emit(`escape`,e):t===`enter`&&this.$emit(`enter`,e)},onClick:()=>{this.hasSuggestionList&&this.showComboboxList()}}},chipWrapperClass(){return{[`d-recipe-combobox-multi-select__chip-wrapper-${this.size}--collapsed`]:!this.inputFocused&&this.collapseOnFocusOut}}},watch:{selectedItems:{deep:!0,handler:async function(){await this.initSelectedItems()}},chipMaxWidth:{async handler(){await this.initSelectedItems()}},async label(){await this.$nextTick(),this.setChipsTopPosition()},async description(){await this.$nextTick(),this.setChipsTopPosition()},size:{async handler(){await this.$nextTick();let e=this.getInput();this.revertInputPadding(e),this.setInitialInputHeight(),this.setInputPadding(),this.setChipsTopPosition()}}},async mounted(){this.setInitialInputHeight(),this.resizeWindowObserver=new ResizeObserver(async()=>{this.setChipsTopPosition(),this.setInputPadding()}),this.resizeWindowObserver.observe(document.body),await this.initSelectedItems()},beforeUnmount(){this.resizeWindowObserver?.unobserve(document.body)},methods:{extractNonListeners:t.extractNonListeners,comboboxHighlight(e){this.$emit(`combobox-highlight`,e)},async initSelectedItems(){await this.$nextTick(),this.setInputPadding(),this.setChipsTopPosition(),this.setInputMinWidth(),this.checkMaxSelected()},onChipRemove(e){this.$emit(`remove`,e),this.$refs.input?.focus()},onComboboxSelect(e){this.loading||(this.value=``,this.$emit(`select`,e))},showComboboxList(){this.showList??this.$refs.comboboxWithPopover?.showComboboxList()},closeComboboxList(){this.showList??this.$refs.comboboxWithPopover?.closeComboboxList()},getChips(){if(!this.selectedItems.length||!this.$refs.chips)return null;let e=new Set;return this.selectedItems.map(n=>this.$refs.chips.find((r,i)=>e.has(i)?!1:t.returnFirstEl(r.$el)?.querySelector(`.d-chip__label`)?.textContent?.trim()===n?(e.add(i),!0):!1)).filter(Boolean).map(e=>t.returnFirstEl(e.$el))},getChipButtons(){let e=this.getChips();return e&&e.map(e=>t.returnFirstEl(e).querySelector(`button`))},getLastChipButton(){let e=this.getChipButtons();return e&&e[e.length-1]},getLastChip(){let e=this.getChips();return e&&e[e.length-1]},getFirstChip(){let e=this.getChips();return e&&e[0]},getInput(){return this.$refs.input?.$refs.input},onChipKeyDown(e){let t=e.code?.toLowerCase();t===`arrowleft`?this.navigateBetweenChips(e.target,!0):t===`arrowright`&&(e.target.id===this.getLastChipButton().id?this.moveFromChipToInput():this.navigateBetweenChips(e.target,!1))},onInputKeyDown(e){let t=e.key?.toLowerCase();if(this.selectedItems.length>0&&e.target.selectionStart===0){if(e.target.selectionEnd!==e.target.selectionStart)return;(t===`backspace`||t===`arrowleft`)&&this.moveFromInputToChip()}},moveFromInputToChip(){this.getLastChipButton().focus(),this.$refs.input?.blur(),this.closeComboboxList()},moveFromChipToInput(){this.getLastChipButton().blur(),this.$refs.input?.focus(),this.showComboboxList()},navigateBetweenChips(e,t){let n=this.getChipButtons().indexOf(e),r=t?n-1:n+1;r<0||r>=this.$refs.chips?.length||(this.getChipButtons()[n].blur(),this.getChipButtons()[r].focus(),this.closeComboboxList())},setChipsTopPosition(){let e=this.getInput();if(!e)return;let t=this.$refs.inputSlotWrapper,n=e.getBoundingClientRect().top-t.getBoundingClientRect().top,r=this.$refs.chipsWrapper;r.style.top=n-c.CHIP_TOP_POSITION[this.size]+`px`},setInputPadding(){let e=this.getLastChip(),t=this.getInput();if(!t||(this.revertInputPadding(t),this.popoverOffset=[0,4],!e)||this.collapseOnFocusOut&&!this.inputFocused)return;let n=e.offsetLeft+this.getFullWidth(e),r=t.getBoundingClientRect().width-n,i=this.getFirstChip(),a=i&&e.offsetTop>i.offsetTop;r>this.reservedRightSpace?t.style.paddingLeft=n+`px`:t.style.paddingLeft=`4px`;let o=this.getInputPaddingTop(e,r>this.reservedRightSpace,a);o!=null&&(t.style.paddingTop=`${o}px`)},getInputPaddingTop(e,t,n){if(t&&!n)return null;if(t)return e.offsetTop+2;let r=parseFloat(getComputedStyle(e).marginTop)||0,i=e.getBoundingClientRect().height;return e.offsetTop+i+r+2},revertInputPadding(e){e.style.paddingLeft=``,e.style.paddingTop=``,e.style.paddingBottom=``},getFullWidth(e){let t=window.getComputedStyle(e);return e.offsetWidth+parseInt(t.marginLeft)+parseInt(t.marginRight)},setInputMinWidth(){let e=this.getFirstChip(),t=this.getInput();t&&(e?t.style.minWidth=this.getFullWidth(e)+4+`px`:t.style.minWidth=``)},checkMaxSelected(){this.maxSelected!==0&&(this.selectedItems.length>this.maxSelected?(this.showValidationMessages=!0,this.$emit(`max-selected`)):this.showValidationMessages=!1)},setInitialInputHeight(){let e=this.getInput();e&&(e.style.minHeight=``,e.style.height=``,this.initialInputHeight=e.getBoundingClientRect().height,this.size!==`xs`&&(e.style.minHeight=`${this.initialInputHeight}px`,e.style.height=`auto`))},async handleInputFocusIn(){this.inputFocused=!0,this.collapseOnFocusOut&&(this.hideInputText=!1,await this.$nextTick(),this.setInputPadding())},async handleInputFocusOut(){if(this.inputFocused=!1,this.collapseOnFocusOut){this.hideInputText=!0;let e=this.getInput();if(!e||!e.style.paddingTop)return;this.revertInputPadding(e)}}}},d={ref:`header`},f={key:1,class:`d-recipe-combobox-multi-select__list--loading`},p={ref:`footer`};function m(e,t,n,r,i,a){let o=(0,l.resolveComponent)(`dt-chip`),s=(0,l.resolveComponent)(`dt-input`),c=(0,l.resolveComponent)(`dt-validation-messages`),u=(0,l.resolveComponent)(`dt-combobox-with-popover`);return(0,l.openBlock)(),(0,l.createBlock)(u,(0,l.mergeProps)({ref:`comboboxWithPopover`,label:n.label,"show-list":n.showList,"max-height":n.listMaxHeight,"max-width":n.listMaxWidth,"popover-offset":i.popoverOffset,"has-suggestion-list":n.hasSuggestionList,"content-width":`anchor`,"append-to":n.appendTo,"dialog-class":n.dialogClass,transition:n.transition},a.extractNonListeners(e.$attrs),{onSelect:a.onComboboxSelect,onHighlight:a.comboboxHighlight}),(0,l.createSlots)({input:(0,l.withCtx)(({onInput:e})=>[(0,l.createElementVNode)(`span`,{ref:`inputSlotWrapper`,class:`d-recipe-combobox-multi-select__input-wrapper`,onFocusin:t[1]||(t[1]=(...e)=>a.handleInputFocusIn&&a.handleInputFocusIn(...e)),onFocusout:t[2]||(t[2]=(...e)=>a.handleInputFocusOut&&a.handleInputFocusOut(...e))},[(0,l.createElementVNode)(`span`,{ref:`chipsWrapper`,class:(0,l.normalizeClass)([`d-recipe-combobox-multi-select__chip-wrapper`,a.chipWrapperClass])},[((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)(n.selectedItems,(e,t)=>((0,l.openBlock)(),(0,l.createBlock)(o,(0,l.mergeProps)({ref_for:!0,ref:`chips`,key:`${t}-${e}`,"label-class":[`d-chip__label`],class:[`d-recipe-combobox-multi-select__chip`,{"d-recipe-combobox-multi-select__chip--truncate":!!n.chipMaxWidth}],style:{maxWidth:n.chipMaxWidth},size:i.CHIP_SIZES[n.size],disabled:n.disabled},(0,l.toHandlers)(a.chipListeners),{onKeydown:(0,l.withKeys)(t=>a.onChipRemove(e),[`backspace`]),onClose:t=>a.onChipRemove(e)}),{default:(0,l.withCtx)(()=>[(0,l.createTextVNode)((0,l.toDisplayString)(e),1)]),_:2},1040,[`class`,`style`,`size`,`disabled`,`onKeydown`,`onClose`]))),128))],2),(0,l.createVNode)(s,(0,l.mergeProps)({ref:`input`,modelValue:i.value,"onUpdate:modelValue":t[0]||(t[0]=e=>i.value=e),class:`d-recipe-combobox-multi-select__input`,"input-class":[n.inputClass,{"d-recipe-combobox-multi-select__input--hidden":i.hideInputText}],"input-wrapper-class":n.inputWrapperClass,disabled:n.disabled,"aria-label":n.label,label:n.labelVisible?n.label:``,description:n.description,placeholder:a.inputPlaceHolder,"show-messages":n.showInputMessages,messages:n.inputMessages,size:n.size},a.inputListeners,{onInput:e}),null,16,[`modelValue`,`input-class`,`input-wrapper-class`,`disabled`,`aria-label`,`label`,`description`,`placeholder`,`show-messages`,`messages`,`size`,`onInput`]),(0,l.createVNode)(c,{"validation-messages":n.maxSelectedMessage,"show-messages":i.showValidationMessages},null,8,[`validation-messages`,`show-messages`])],544)]),list:(0,l.withCtx)(()=>[(0,l.createElementVNode)(`div`,{ref:`list`,class:`d-recipe-combobox-multi-select__list`,onMousedown:t[3]||(t[3]=(0,l.withModifiers)(()=>{},[`prevent`]))},[n.loading?((0,l.openBlock)(),(0,l.createElementBlock)(`div`,f,(0,l.toDisplayString)(n.loadingMessage),1)):(0,l.renderSlot)(e.$slots,`list`,{key:0})],544)]),_:2},[i.hasSlotContent(e.$slots.header)?{name:`header`,fn:(0,l.withCtx)(()=>[(0,l.createElementVNode)(`div`,d,[(0,l.renderSlot)(e.$slots,`header`)],512)]),key:`0`}:void 0,i.hasSlotContent(e.$slots.footer)?{name:`footer`,fn:(0,l.withCtx)(()=>[(0,l.createElementVNode)(`div`,p,[(0,l.renderSlot)(e.$slots,`footer`)],512)]),key:`1`}:void 0]),1040,[`label`,`show-list`,`max-height`,`max-width`,`popover-offset`,`has-suggestion-list`,`append-to`,`dialog-class`,`transition`,`onSelect`,`onHighlight`])}var h=n.t(u,[[`render`,m]]);exports.default=h;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/constants/index.cjs`),t=require(`../../common/validators/index.cjs`),n=require(`../../common/utils/index.cjs`),r=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),i=require(`../validation-messages/validation-messages.cjs`),a=require(`../chip/chip.cjs`),o=require(`../popover/popover-constants.cjs`),s=require(`../input/input.cjs`),c=require(`../combobox-with-popover/combobox-with-popover.cjs`),l=require(`./combobox-multi-select-constants.cjs`);let u=require(`vue`);var d={compatConfig:{MODE:3},name:`DtComboboxMultiSelect`,components:{DtComboboxWithPopover:c.default,DtInput:s.default,DtChip:a.default,DtValidationMessages:i.default},inheritAttrs:!1,props:{label:{type:String,required:!0},labelVisible:{type:Boolean,default:!0},description:{type:String,default:``},placeholder:{type:String,default:`Select one or start typing`},inputMessages:{type:Array,default:()=>[],validator:e=>t.validationMessageValidator(e)},showInputMessages:{type:Boolean,default:!0},loading:{type:Boolean,default:!1},loadingMessage:{type:String,default:`loading...`},showList:{type:Boolean,default:null},listMaxHeight:{type:String,default:`300px`},selectedItems:{type:Array,default:function(){return[]}},maxSelected:{type:Number,default:0},maxSelectedMessage:{type:Array,default:function(){return[]}},hasSuggestionList:{type:Boolean,default:!0},size:{type:String,default:`md`,validator:e=>Object.values(l.MULTI_SELECT_SIZES).includes(e)},appendTo:{type:[e.HTML_ELEMENT_TYPE,String],default:`body`,validator:e=>o.POPOVER_APPEND_TO_VALUES.includes(e)||e instanceof HTMLElement},transition:{type:String,default:`fade`},collapseOnFocusOut:{type:Boolean,default:!1},listMaxWidth:{type:String,default:``},reservedRightSpace:{type:Number,default:64},chipMaxWidth:{type:String,default:``},inputClass:{type:[String,Object,Array],default:``},inputWrapperClass:{type:[String,Object,Array],default:``},disabled:{type:Boolean,default:!1},dialogClass:{type:[String,Object,Array],default:``}},emits:[`input`,`select`,`remove`,`max-selected`,`keydown`,`chip-keydown`,`escape`,`enter`,`combobox-highlight`],data(){return{value:``,popoverOffset:[0,4],showValidationMessages:!1,resizeWindowObserver:null,initialInputHeight:null,CHIP_SIZES:l.CHIP_SIZES,hasSlotContent:n.hasSlotContent,inputFocused:!1,hideInputText:!1}},computed:{inputPlaceHolder(){return this.selectedItems?.length>0?``:this.placeholder},chipListeners(){return{keydown:e=>{this.disabled||(this.onChipKeyDown(e),this.$emit(`chip-keydown`,e))}}},inputListeners(){return{...n.extractVueListeners(this.$attrs),onInput:e=>{this.$emit(`input`,e),this.hasSuggestionList&&this.showComboboxList()},onKeydown:e=>{if(this.disabled)return;this.onInputKeyDown(e),this.$emit(`keydown`,e);let t=e.key?.toLowerCase();t===`escape`?this.$emit(`escape`,e):t===`enter`&&this.$emit(`enter`,e)},onClick:()=>{this.hasSuggestionList&&this.showComboboxList()}}},chipWrapperClass(){return{[`d-recipe-combobox-multi-select__chip-wrapper-${this.size}--collapsed`]:!this.inputFocused&&this.collapseOnFocusOut}}},watch:{selectedItems:{deep:!0,handler:async function(){await this.initSelectedItems()}},chipMaxWidth:{async handler(){await this.initSelectedItems()}},async label(){await this.$nextTick(),this.setChipsTopPosition()},async description(){await this.$nextTick(),this.setChipsTopPosition()},size:{async handler(){await this.$nextTick();let e=this.getInput();this.revertInputPadding(e),this.setInitialInputHeight(),this.setInputPadding(),this.setChipsTopPosition()}}},async mounted(){this.setInitialInputHeight(),this.resizeWindowObserver=new ResizeObserver(async()=>{this.setChipsTopPosition(),this.setInputPadding()}),this.resizeWindowObserver.observe(document.body),await this.initSelectedItems()},beforeUnmount(){this.resizeWindowObserver?.unobserve(document.body)},methods:{extractNonListeners:n.extractNonListeners,comboboxHighlight(e){this.$emit(`combobox-highlight`,e)},async initSelectedItems(){await this.$nextTick(),this.setInputPadding(),this.setChipsTopPosition(),this.setInputMinWidth(),this.checkMaxSelected()},onChipRemove(e){this.$emit(`remove`,e),this.$refs.input?.focus()},onComboboxSelect(e){this.loading||(this.value=``,this.$emit(`select`,e))},showComboboxList(){this.showList??this.$refs.comboboxWithPopover?.showComboboxList()},closeComboboxList(){this.showList??this.$refs.comboboxWithPopover?.closeComboboxList()},getChips(){if(!this.selectedItems.length||!this.$refs.chips)return null;let e=new Set;return this.selectedItems.map(t=>this.$refs.chips.find((r,i)=>e.has(i)?!1:n.returnFirstEl(r.$el)?.querySelector(`.d-chip__label`)?.textContent?.trim()===t?(e.add(i),!0):!1)).filter(Boolean).map(e=>n.returnFirstEl(e.$el))},getChipButtons(){let e=this.getChips();return e&&e.map(e=>n.returnFirstEl(e).querySelector(`button`))},getLastChipButton(){let e=this.getChipButtons();return e&&e[e.length-1]},getLastChip(){let e=this.getChips();return e&&e[e.length-1]},getFirstChip(){let e=this.getChips();return e&&e[0]},getInput(){return this.$refs.input?.$refs.input},onChipKeyDown(e){let t=e.code?.toLowerCase();t===`arrowleft`?this.navigateBetweenChips(e.target,!0):t===`arrowright`&&(e.target.id===this.getLastChipButton().id?this.moveFromChipToInput():this.navigateBetweenChips(e.target,!1))},onInputKeyDown(e){let t=e.key?.toLowerCase();if(this.selectedItems.length>0&&e.target.selectionStart===0){if(e.target.selectionEnd!==e.target.selectionStart)return;(t===`backspace`||t===`arrowleft`)&&this.moveFromInputToChip()}},moveFromInputToChip(){this.getLastChipButton().focus(),this.$refs.input?.blur(),this.closeComboboxList()},moveFromChipToInput(){this.getLastChipButton().blur(),this.$refs.input?.focus(),this.showComboboxList()},navigateBetweenChips(e,t){let n=this.getChipButtons().indexOf(e),r=t?n-1:n+1;r<0||r>=this.$refs.chips?.length||(this.getChipButtons()[n].blur(),this.getChipButtons()[r].focus(),this.closeComboboxList())},setChipsTopPosition(){let e=this.getInput();if(!e)return;let t=this.$refs.inputSlotWrapper,n=e.getBoundingClientRect().top-t.getBoundingClientRect().top,r=this.$refs.chipsWrapper;r.style.top=n-l.CHIP_TOP_POSITION[this.size]+`px`},setInputPadding(){let e=this.getLastChip(),t=this.getInput();if(!t||(this.revertInputPadding(t),this.popoverOffset=[0,4],!e)||this.collapseOnFocusOut&&!this.inputFocused)return;let n=e.offsetLeft+this.getFullWidth(e),r=t.getBoundingClientRect().width-n,i=this.getFirstChip(),a=i&&e.offsetTop>i.offsetTop;r>this.reservedRightSpace?t.style.paddingLeft=n+`px`:t.style.paddingLeft=`4px`;let o=this.getInputPaddingTop(e,r>this.reservedRightSpace,a);o!=null&&(t.style.paddingTop=`${o}px`)},getInputPaddingTop(e,t,n){if(t&&!n)return null;if(t)return e.offsetTop+2;let r=parseFloat(getComputedStyle(e).marginTop)||0,i=e.getBoundingClientRect().height;return e.offsetTop+i+r+2},revertInputPadding(e){e.style.paddingLeft=``,e.style.paddingTop=``,e.style.paddingBottom=``},getFullWidth(e){let t=window.getComputedStyle(e);return e.offsetWidth+parseInt(t.marginLeft)+parseInt(t.marginRight)},setInputMinWidth(){let e=this.getFirstChip(),t=this.getInput();t&&(e?t.style.minWidth=this.getFullWidth(e)+4+`px`:t.style.minWidth=``)},checkMaxSelected(){this.maxSelected!==0&&(this.selectedItems.length>this.maxSelected?(this.showValidationMessages=!0,this.$emit(`max-selected`)):this.showValidationMessages=!1)},setInitialInputHeight(){let e=this.getInput();e&&(e.style.minHeight=``,e.style.height=``,this.initialInputHeight=e.getBoundingClientRect().height,this.size!==`xs`&&(e.style.minHeight=`${this.initialInputHeight}px`,e.style.height=`auto`))},async handleInputFocusIn(){this.inputFocused=!0,this.collapseOnFocusOut&&(this.hideInputText=!1,await this.$nextTick(),this.setInputPadding())},async handleInputFocusOut(){if(this.inputFocused=!1,this.collapseOnFocusOut){this.hideInputText=!0;let e=this.getInput();if(!e||!e.style.paddingTop)return;this.revertInputPadding(e)}}}},f={ref:`header`},p={key:1,class:`d-recipe-combobox-multi-select__list--loading`},m={ref:`footer`};function h(e,t,n,r,i,a){let o=(0,u.resolveComponent)(`dt-chip`),s=(0,u.resolveComponent)(`dt-input`),c=(0,u.resolveComponent)(`dt-validation-messages`),l=(0,u.resolveComponent)(`dt-combobox-with-popover`);return(0,u.openBlock)(),(0,u.createBlock)(l,(0,u.mergeProps)({ref:`comboboxWithPopover`,label:n.label,"show-list":n.showList,"max-height":n.listMaxHeight,"max-width":n.listMaxWidth,"popover-offset":i.popoverOffset,"has-suggestion-list":n.hasSuggestionList,"content-width":`anchor`,"append-to":n.appendTo,"dialog-class":n.dialogClass,transition:n.transition},a.extractNonListeners(e.$attrs),{onSelect:a.onComboboxSelect,onHighlight:a.comboboxHighlight}),(0,u.createSlots)({input:(0,u.withCtx)(({onInput:e})=>[(0,u.createElementVNode)(`span`,{ref:`inputSlotWrapper`,class:`d-recipe-combobox-multi-select__input-wrapper`,onFocusin:t[1]||(t[1]=(...e)=>a.handleInputFocusIn&&a.handleInputFocusIn(...e)),onFocusout:t[2]||(t[2]=(...e)=>a.handleInputFocusOut&&a.handleInputFocusOut(...e))},[(0,u.createElementVNode)(`span`,{ref:`chipsWrapper`,class:(0,u.normalizeClass)([`d-recipe-combobox-multi-select__chip-wrapper`,a.chipWrapperClass])},[((0,u.openBlock)(!0),(0,u.createElementBlock)(u.Fragment,null,(0,u.renderList)(n.selectedItems,(e,t)=>((0,u.openBlock)(),(0,u.createBlock)(o,(0,u.mergeProps)({ref_for:!0,ref:`chips`,key:`${t}-${e}`,"label-class":[`d-chip__label`],class:[`d-recipe-combobox-multi-select__chip`,{"d-recipe-combobox-multi-select__chip--truncate":!!n.chipMaxWidth}],style:{maxWidth:n.chipMaxWidth},size:i.CHIP_SIZES[n.size],disabled:n.disabled},(0,u.toHandlers)(a.chipListeners),{onKeydown:(0,u.withKeys)(t=>a.onChipRemove(e),[`backspace`]),onClose:t=>a.onChipRemove(e)}),{default:(0,u.withCtx)(()=>[(0,u.createTextVNode)((0,u.toDisplayString)(e),1)]),_:2},1040,[`class`,`style`,`size`,`disabled`,`onKeydown`,`onClose`]))),128))],2),(0,u.createVNode)(s,(0,u.mergeProps)({ref:`input`,modelValue:i.value,"onUpdate:modelValue":t[0]||(t[0]=e=>i.value=e),class:`d-recipe-combobox-multi-select__input`,"input-class":[n.inputClass,{"d-recipe-combobox-multi-select__input--hidden":i.hideInputText}],"input-wrapper-class":n.inputWrapperClass,disabled:n.disabled,"aria-label":n.label,label:n.labelVisible?n.label:``,description:n.description,placeholder:a.inputPlaceHolder,"show-messages":n.showInputMessages,messages:n.inputMessages,size:n.size},a.inputListeners,{onInput:e}),null,16,[`modelValue`,`input-class`,`input-wrapper-class`,`disabled`,`aria-label`,`label`,`description`,`placeholder`,`show-messages`,`messages`,`size`,`onInput`]),(0,u.createVNode)(c,{"validation-messages":n.maxSelectedMessage,"show-messages":i.showValidationMessages},null,8,[`validation-messages`,`show-messages`])],544)]),list:(0,u.withCtx)(()=>[(0,u.createElementVNode)(`div`,{ref:`list`,class:`d-recipe-combobox-multi-select__list`,onMousedown:t[3]||(t[3]=(0,u.withModifiers)(()=>{},[`prevent`]))},[n.loading?((0,u.openBlock)(),(0,u.createElementBlock)(`div`,p,(0,u.toDisplayString)(n.loadingMessage),1)):(0,u.renderSlot)(e.$slots,`list`,{key:0})],544)]),_:2},[i.hasSlotContent(e.$slots.header)?{name:`header`,fn:(0,u.withCtx)(()=>[(0,u.createElementVNode)(`div`,f,[(0,u.renderSlot)(e.$slots,`header`)],512)]),key:`0`}:void 0,i.hasSlotContent(e.$slots.footer)?{name:`footer`,fn:(0,u.withCtx)(()=>[(0,u.createElementVNode)(`div`,m,[(0,u.renderSlot)(e.$slots,`footer`)],512)]),key:`1`}:void 0]),1040,[`label`,`show-list`,`max-height`,`max-width`,`popover-offset`,`has-suggestion-list`,`append-to`,`dialog-class`,`transition`,`onSelect`,`onHighlight`])}var g=r.t(d,[[`render`,h]]);exports.default=g;
 //# sourceMappingURL=combobox-multi-select.cjs.map