@dialpad/dialtone-vue 3.156.1 → 3.156.3

package/dist/dialtone-vue.js

@@ -1,140 +1,140 @@
 import { DEFAULT_VALIDATION_MESSAGE_TYPE, DESCRIPTION_SIZE_TYPES, VALIDATION_MESSAGE_TYPES } from "./common/constants.js";
 import { validationMessageValidator } from "./common/validators.js";
-import { filterFormattedMessages, formatMessages, getUniqueString, getValidationState } from "./common/utils.js";
+import { disableRootScrolling, enableRootScrolling, filterFormattedMessages, formatMessages, getUniqueString, getValidationState } from "./common/utils.js";
 import { durationInHHMM, getDateMedium, relativeDate, setDateLocale } from "./common/dates.js";
 import { codeToEmojiData, customEmojiAssetUrl, defaultEmojiAssetUrl, emojiFileExtensionLarge, emojiFileExtensionSmall, emojiImageUrlLarge, emojiImageUrlSmall, emojiJson, emojiRegex, emojiShortCodeRegex, emojiVersion, filterValidShortCodes, findEmojis, findShortCodes, getEmojiData, setCustomEmojiJson, setCustomEmojiUrl, setEmojiAssetUrlLarge, setEmojiAssetUrlSmall, shortcodeToEmojiData, stringToUnicode, unicodeToString, validateCustomEmojiJson } from "./common/emoji.js";
-import { CheckableMixin, GroupableMixin, InputMixin } from "./packages/dialtone-vue3/common/mixins/input.js";
-import { InputGroupMixin } from "./packages/dialtone-vue3/common/mixins/input_group.js";
-import { default as default2 } from "./packages/dialtone-vue3/common/mixins/keyboard_list_navigation.js";
-import { default as default3 } from "./packages/dialtone-vue3/components/avatar/avatar.vue.js";
-import { AVATAR_COLORS, AVATAR_GROUP_VALIDATOR, AVATAR_ICON_SIZES, AVATAR_KIND_MODIFIERS, AVATAR_PRESENCE_SIZE_MODIFIERS, AVATAR_PRESENCE_STATES, AVATAR_RANDOM_COLORS, AVATAR_SIZE_MODIFIERS } from "./packages/dialtone-vue3/components/avatar/avatar_constants.js";
-import { default as default4 } from "./packages/dialtone-vue3/components/badge/badge.vue.js";
-import { BADGE_DECORATION_MODIFIERS, BADGE_KIND_MODIFIERS, BADGE_TYPE_MODIFIERS } from "./packages/dialtone-vue3/components/badge/badge_constants.js";
-import { default as default5 } from "./packages/dialtone-vue3/components/banner/banner.vue.js";
-import { default as default6 } from "./packages/dialtone-vue3/components/breadcrumbs/breadcrumbs.vue.js";
-import { default as default7 } from "./packages/dialtone-vue3/components/breadcrumbs/breadcrumb_item.vue.js";
-import { BREADCRUMBS_INVERTED_MODIFIER, BREADCRUMB_ITEM_SELECTED_MODIFIER } from "./packages/dialtone-vue3/components/breadcrumbs/breadcrumbs_constants.js";
-import { default as default8 } from "./packages/dialtone-vue3/components/button/button.vue.js";
-import { BUTTON_ICON_SIZES, BUTTON_IMPORTANCE_MODIFIERS, BUTTON_KIND_MODIFIERS, BUTTON_SIZE_MODIFIERS, BUTTON_TYPES, ICON_POSITION_MODIFIERS, INVALID_COMBINATION } from "./packages/dialtone-vue3/components/button/button_constants.js";
-import { default as default9 } from "./packages/dialtone-vue3/components/button_group/button_group.vue.js";
-import { BUTTON_GROUP_ALIGNMENT } from "./packages/dialtone-vue3/components/button_group/button_group_constants.js";
-import { default as default10 } from "./packages/dialtone-vue3/components/card/card.vue.js";
-import { default as default11 } from "./packages/dialtone-vue3/components/checkbox/checkbox.vue.js";
-import { default as default12 } from "./packages/dialtone-vue3/components/checkbox_group/checkbox_group.vue.js";
-import { default as default13 } from "./packages/dialtone-vue3/components/chip/chip.vue.js";
-import { CHIP_CLOSE_BUTTON_SIZE_MODIFIERS, CHIP_ICON_SIZES, CHIP_SIZE_MODIFIERS } from "./packages/dialtone-vue3/components/chip/chip_constants.js";
-import { default as default14 } from "./packages/dialtone-vue3/components/codeblock/codeblock.vue.js";
-import { default as default15 } from "./packages/dialtone-vue3/components/collapsible/collapsible.vue.js";
-import { default as default16 } from "./packages/dialtone-vue3/components/combobox/combobox.vue.js";
-import { LABEL_SIZES } from "./packages/dialtone-vue3/components/combobox/combobox_constants.js";
-import { default as default17 } from "./packages/dialtone-vue3/components/datepicker/datepicker.vue.js";
-import { formatLong, formatMedium, formatNoYear, formatNumerical, formatShort } from "./packages/dialtone-vue3/components/datepicker/formatUtils.js";
-import { default as default18 } from "./packages/dialtone-vue3/components/description_list/description_list.vue.js";
-import { DT_DESCRIPTION_LIST_DIRECTION } from "./packages/dialtone-vue3/components/description_list/description_list_constants.js";
-import { default as default19 } from "./packages/dialtone-vue3/components/dropdown/dropdown.vue.js";
-import { default as default20 } from "./packages/dialtone-vue3/components/dropdown/dropdown_separator.vue.js";
-import { DROPDOWN_PADDING_CLASSES } from "./packages/dialtone-vue3/components/dropdown/dropdown_constants.js";
-import { default as default21 } from "./packages/dialtone-vue3/components/emoji/emoji.vue.js";
-import { default as default22 } from "./packages/dialtone-vue3/components/emoji_picker/emoji_picker.vue.js";
-import { ARROW_KEYS, CDN_URL, EMOJIS_PER_ROW, EMOJI_PICKER_CATEGORIES, EMOJI_PICKER_SKIN_TONE_MODIFIERS } from "./packages/dialtone-vue3/components/emoji_picker/emoji_picker_constants.js";
-import { default as default23 } from "./packages/dialtone-vue3/components/emoji_text_wrapper/emoji_text_wrapper.vue.js";
-import { default as default24 } from "./packages/dialtone-vue3/components/empty_state/empty_state.vue.js";
-import { EMPTY_STATE_SIZE_MODIFIERS } from "./packages/dialtone-vue3/components/empty_state/empty_state_constants.js";
-import { default as default25 } from "./packages/dialtone-vue3/components/hovercard/hovercard.vue.js";
-import { default as default26 } from "./packages/dialtone-vue3/components/icon/icon.vue.js";
-import { ICON_NAMES, ICON_SIZE_MODIFIERS } from "./packages/dialtone-vue3/components/icon/icon_constants.js";
-import { default as default27 } from "./packages/dialtone-vue3/components/illustration/illustration.vue.js";
-import { ILLUSTRATION_NAMES } from "./packages/dialtone-vue3/components/illustration/illustration_constants.js";
-import { default as default28 } from "./packages/dialtone-vue3/components/image_viewer/image_viewer.vue.js";
-import { default as default29 } from "./packages/dialtone-vue3/components/input/input.vue.js";
-import { INPUT_SIZES, INPUT_TYPES } from "./packages/dialtone-vue3/components/input/input_constants.js";
-import { default as default30 } from "./packages/dialtone-vue3/components/input_group/input_group.vue.js";
-import { default as default31 } from "./packages/dialtone-vue3/components/item_layout/item_layout.vue.js";
-import { default as default32 } from "./packages/dialtone-vue3/components/keyboard_shortcut/keyboard_shortcut.vue.js";
-import { SHORTCUTS_ALIASES_LIST } from "./packages/dialtone-vue3/components/keyboard_shortcut/keyboard_shortcut_constants.js";
-import { default as default33 } from "./packages/dialtone-vue3/components/lazy_show/lazy_show.vue.js";
-import { default as default34 } from "./packages/dialtone-vue3/components/link/link.vue.js";
-import { LINK_KIND_MODIFIERS, LINK_VARIANTS, getLinkKindModifier } from "./packages/dialtone-vue3/components/link/link_constants.js";
-import { default as default35 } from "./packages/dialtone-vue3/components/list_item/list_item.vue.js";
-import { LIST_ITEM_NAVIGATION_TYPES, LIST_ITEM_TYPES } from "./packages/dialtone-vue3/components/list_item/list_item_constants.js";
-import { default as default36 } from "./packages/dialtone-vue3/components/list_item_group/list_item_group.vue.js";
-import { default as default37 } from "./packages/dialtone-vue3/components/modal/modal.vue.js";
-import { MODAL_BANNER_KINDS, MODAL_KIND_MODIFIERS, MODAL_SIZE_MODIFIERS } from "./packages/dialtone-vue3/components/modal/modal_constants.js";
-import { default as default38 } from "./packages/dialtone-vue3/components/notice/notice.vue.js";
-import { default as default39 } from "./packages/dialtone-vue3/components/notice/notice_action.vue.js";
-import { default as default40 } from "./packages/dialtone-vue3/components/notice/notice_icon.vue.js";
-import { default as default41 } from "./packages/dialtone-vue3/components/notice/notice_content.vue.js";
-import { NOTICE_KINDS, NOTICE_ROLES } from "./packages/dialtone-vue3/components/notice/notice_constants.js";
-import { default as default42 } from "./packages/dialtone-vue3/components/pagination/pagination.vue.js";
-import { default as default43 } from "./packages/dialtone-vue3/components/popover/popover.vue.js";
-import { POPOVER_APPEND_TO_VALUES, POPOVER_CONTENT_WIDTHS, POPOVER_DIRECTIONS, POPOVER_HEADER_FOOTER_PADDING_CLASSES, POPOVER_INITIAL_FOCUS_STRINGS, POPOVER_PADDING_CLASSES, POPOVER_ROLES, POPOVER_STICKY_VALUES } from "./packages/dialtone-vue3/components/popover/popover_constants.js";
-import { default as default44 } from "./packages/dialtone-vue3/components/presence/presence.vue.js";
-import { PRESENCE_STATES, PRESENCE_STATES_LIST } from "./packages/dialtone-vue3/components/presence/presence_constants.js";
-import { default as default45 } from "./packages/dialtone-vue3/components/radio/radio.vue.js";
-import { RADIO_INPUT_VALIDATION_CLASSES } from "./packages/dialtone-vue3/components/radio/radio_constants.js";
-import { default as default46 } from "./packages/dialtone-vue3/components/radio_group/radio_group.vue.js";
-import { default as default47 } from "./packages/dialtone-vue3/components/rich_text_editor/rich_text_editor.vue.js";
-import { RICH_TEXT_EDITOR_AUTOFOCUS_TYPES, RICH_TEXT_EDITOR_OUTPUT_FORMATS } from "./packages/dialtone-vue3/components/rich_text_editor/rich_text_editor_constants.js";
-import { default as default48 } from "./packages/dialtone-vue3/components/root_layout/root_layout.vue.js";
-import { ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS, ROOT_LAYOUT_SIDEBAR_POSITIONS } from "./packages/dialtone-vue3/components/root_layout/root_layout_constants.js";
-import { default as default49 } from "./packages/dialtone-vue3/components/scroller/DtScroller.vue.js";
-import { default as default50 } from "./packages/dialtone-vue3/components/select_menu/select_menu.vue.js";
-import { SELECT_SIZE_MODIFIERS, SELECT_STATE_MODIFIERS } from "./packages/dialtone-vue3/components/select_menu/select_menu_constants.js";
-import { default as default51 } from "./packages/dialtone-vue3/components/skeleton/skeleton.vue.js";
-import { default as default52 } from "./packages/dialtone-vue3/components/skeleton/skeleton-list-item.vue.js";
-import { default as default53 } from "./packages/dialtone-vue3/components/skeleton/skeleton-text.vue.js";
-import { default as default54 } from "./packages/dialtone-vue3/components/skeleton/skeleton-shape.vue.js";
-import { default as default55 } from "./packages/dialtone-vue3/components/skeleton/skeleton-paragraph.vue.js";
-import { SKELETON_HEADING_HEIGHTS, SKELETON_RIPPLE_DURATION, SKELETON_SHAPES, SKELETON_SHAPE_SIZES, SKELETON_TEXT_TYPES } from "./packages/dialtone-vue3/components/skeleton/skeleton_constants.js";
-import { default as default56 } from "./packages/dialtone-vue3/components/split_button/split_button.vue.js";
-import { SPLIT_BUTTON_ICON_SIZES } from "./packages/dialtone-vue3/components/split_button/split_button_constants.js";
-import { default as default57 } from "./packages/dialtone-vue3/components/stack/stack.vue.js";
-import { DT_STACK_DIRECTION, DT_STACK_GAP, DT_STACK_RESPONSIVE_BREAKPOINTS } from "./packages/dialtone-vue3/components/stack/stack_constants.js";
-import { default as default58 } from "./packages/dialtone-vue3/components/tabs/tab_group.vue.js";
-import { default as default59 } from "./packages/dialtone-vue3/components/tabs/tab.vue.js";
-import { default as default60 } from "./packages/dialtone-vue3/components/tabs/tab_panel.vue.js";
-import { TAB_IMPORTANCE_MODIFIERS, TAB_LIST_IMPORTANCE_MODIFIERS, TAB_LIST_KIND_MODIFIERS, TAB_LIST_SIZES } from "./packages/dialtone-vue3/components/tabs/tabs_constants.js";
-import { default as default61 } from "./packages/dialtone-vue3/components/toast/toast.vue.js";
-import { TOAST_MIN_DURATION, TOAST_ROLES } from "./packages/dialtone-vue3/components/toast/toast_constants.js";
-import { default as default62 } from "./packages/dialtone-vue3/components/toggle/toggle.vue.js";
-import { TOGGLE_CHECKED_VALUES, TOGGLE_SIZE_MODIFIERS } from "./packages/dialtone-vue3/components/toggle/toggle_constants.js";
-import { default as default63 } from "./packages/dialtone-vue3/components/tooltip/tooltip.vue.js";
-import { TOOLTIP_DELAY_MS, TOOLTIP_DIRECTIONS, TOOLTIP_HIDE_ON_CLICK_VARIANTS, TOOLTIP_KIND_MODIFIERS, TOOLTIP_STICKY_VALUES } from "./packages/dialtone-vue3/components/tooltip/tooltip_constants.js";
-import { default as default64 } from "./packages/dialtone-vue3/components/validation_messages/validation_messages.vue.js";
-import { default as default65 } from "./packages/dialtone-vue3/directives/tooltip/tooltip.js";
-import { default as default66 } from "./packages/dialtone-vue3/directives/scrollbar/scrollbar.js";
-import { default as default67 } from "./packages/dialtone-vue3/recipes/buttons/callbar_button/callbar_button.vue.js";
-import { CALLBAR_BUTTON_VALID_WIDTH_SIZE } from "./packages/dialtone-vue3/recipes/buttons/callbar_button/callbar_button_constants.js";
-import { default as default68 } from "./packages/dialtone-vue3/recipes/buttons/callbar_button_with_popover/callbar_button_with_popover.vue.js";
-import { default as default69 } from "./packages/dialtone-vue3/recipes/cards/ivr_node/ivr_node.vue.js";
-import { IVR_NODE_ASSIGN, IVR_NODE_BRANCH, IVR_NODE_EXPERT, IVR_NODE_GO_TO, IVR_NODE_HANGUP, IVR_NODE_ICON_TYPES, IVR_NODE_LABELS, IVR_NODE_PROMPT_COLLECT, IVR_NODE_PROMPT_MENU, IVR_NODE_PROMPT_PLAY, IVR_NODE_TRANSFER } from "./packages/dialtone-vue3/recipes/cards/ivr_node/ivr_node_constants.js";
-import { default as default70 } from "./packages/dialtone-vue3/recipes/chips/grouped_chip/grouped_chip.vue.js";
-import { default as default71 } from "./packages/dialtone-vue3/recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.js";
-import { CHIP_SIZES, CHIP_TOP_POSITION, MULTI_SELECT_SIZES } from "./packages/dialtone-vue3/recipes/comboboxes/combobox_multi_select/combobox_multi_select_constants.js";
-import { default as default72 } from "./packages/dialtone-vue3/recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue.js";
-import { default as default73 } from "./packages/dialtone-vue3/recipes/conversation_view/attachment_carousel/attachment_carousel.vue.js";
-import { default as default74 } from "./packages/dialtone-vue3/recipes/conversation_view/editor/editor.vue.js";
-import { default as default75 } from "./packages/dialtone-vue3/recipes/conversation_view/emoji_row/emoji_row.vue.js";
-import { REACTIONS_ATTRIBUTES } from "./packages/dialtone-vue3/recipes/conversation_view/emoji_row/emoji_row_constants.js";
-import { default as default76 } from "./packages/dialtone-vue3/recipes/conversation_view/feed_item_row/feed_item_row.vue.js";
-import { DEFAULT_FEED_ROW_STATE, FEED_ROW_STATE_BACKGROUND_COLOR } from "./packages/dialtone-vue3/recipes/conversation_view/feed_item_row/feed_item_row_constants.js";
-import { default as default77 } from "./packages/dialtone-vue3/recipes/conversation_view/feed_pill/feed_item_pill.vue.js";
-import { FEED_ITEM_PILL_BORDER_COLORS } from "./packages/dialtone-vue3/recipes/conversation_view/feed_pill/feed_item_pill_constants.js";
-import { default as default78 } from "./packages/dialtone-vue3/recipes/conversation_view/message_input/message_input.vue.js";
-import { default as default79 } from "./packages/dialtone-vue3/recipes/conversation_view/time_pill/time_pill.vue.js";
-import { default as default80 } from "./packages/dialtone-vue3/recipes/header/settings_menu_button/settings_menu_button.vue.js";
-import { default as default81 } from "./packages/dialtone-vue3/recipes/item_layout/contact_info/contact_info.vue.js";
-import { default as default82 } from "./packages/dialtone-vue3/recipes/leftbar/callbox/callbox.vue.js";
-import { CALLBOX_BADGE_COLORS, CALLBOX_BORDER_COLORS } from "./packages/dialtone-vue3/recipes/leftbar/callbox/callbox_constants.js";
-import { default as default83 } from "./packages/dialtone-vue3/recipes/leftbar/contact_centers_row/contact_centers_row.vue.js";
-import { default as default84 } from "./packages/dialtone-vue3/recipes/leftbar/contact_row/contact_row.vue.js";
-import { default as default85 } from "./packages/dialtone-vue3/recipes/leftbar/general_row/general_row.vue.js";
-import { LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS, LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR, LEFTBAR_GENERAL_ROW_ICON_SIZES, LEFTBAR_GENERAL_ROW_TYPES } from "./packages/dialtone-vue3/recipes/leftbar/general_row/general_row_constants.js";
-import { default as default86 } from "./packages/dialtone-vue3/recipes/leftbar/group_row/group_row.vue.js";
-import { default as default87 } from "./packages/dialtone-vue3/recipes/leftbar/unread_pill/unread_pill.vue.js";
-import { UNREAD_PILL_DIRECTIONS, UNREAD_PILL_KINDS } from "./packages/dialtone-vue3/recipes/leftbar/unread_pill/unread_pill_constants.js";
-import { default as default88 } from "./packages/dialtone-vue3/recipes/notices/top_banner_info/top_banner_info.vue.js";
-import { COLOR_CODES } from "./packages/dialtone-vue3/recipes/notices/top_banner_info/top_banner_info_constants.js";
+import { CheckableMixin, GroupableMixin, InputMixin } from "./common/mixins/input.js";
+import { InputGroupMixin } from "./common/mixins/input_group.js";
+import { default as default2 } from "./common/mixins/keyboard_list_navigation.js";
+import { default as default3 } from "./components/avatar/avatar.vue.js";
+import { AVATAR_COLORS, AVATAR_GROUP_VALIDATOR, AVATAR_ICON_SIZES, AVATAR_KIND_MODIFIERS, AVATAR_PRESENCE_SIZE_MODIFIERS, AVATAR_PRESENCE_STATES, AVATAR_RANDOM_COLORS, AVATAR_SIZE_MODIFIERS } from "./components/avatar/avatar_constants.js";
+import { default as default4 } from "./components/badge/badge.vue.js";
+import { BADGE_DECORATION_MODIFIERS, BADGE_KIND_MODIFIERS, BADGE_TYPE_MODIFIERS } from "./components/badge/badge_constants.js";
+import { default as default5 } from "./components/banner/banner.vue.js";
+import { default as default6 } from "./components/breadcrumbs/breadcrumbs.vue.js";
+import { default as default7 } from "./components/breadcrumbs/breadcrumb_item.vue.js";
+import { BREADCRUMBS_INVERTED_MODIFIER, BREADCRUMB_ITEM_SELECTED_MODIFIER } from "./components/breadcrumbs/breadcrumbs_constants.js";
+import { default as default8 } from "./components/button/button.vue.js";
+import { BUTTON_ICON_SIZES, BUTTON_IMPORTANCE_MODIFIERS, BUTTON_KIND_MODIFIERS, BUTTON_SIZE_MODIFIERS, BUTTON_TYPES, ICON_POSITION_MODIFIERS, INVALID_COMBINATION } from "./components/button/button_constants.js";
+import { default as default9 } from "./components/button_group/button_group.vue.js";
+import { BUTTON_GROUP_ALIGNMENT } from "./components/button_group/button_group_constants.js";
+import { default as default10 } from "./components/card/card.vue.js";
+import { default as default11 } from "./components/checkbox/checkbox.vue.js";
+import { default as default12 } from "./components/checkbox_group/checkbox_group.vue.js";
+import { default as default13 } from "./components/chip/chip.vue.js";
+import { CHIP_CLOSE_BUTTON_SIZE_MODIFIERS, CHIP_ICON_SIZES, CHIP_SIZE_MODIFIERS } from "./components/chip/chip_constants.js";
+import { default as default14 } from "./components/codeblock/codeblock.vue.js";
+import { default as default15 } from "./components/collapsible/collapsible.vue.js";
+import { default as default16 } from "./components/combobox/combobox.vue.js";
+import { LABEL_SIZES } from "./components/combobox/combobox_constants.js";
+import { default as default17 } from "./components/datepicker/datepicker.vue.js";
+import { formatLong, formatMedium, formatNoYear, formatNumerical, formatShort } from "./components/datepicker/formatUtils.js";
+import { default as default18 } from "./components/description_list/description_list.vue.js";
+import { DT_DESCRIPTION_LIST_DIRECTION } from "./components/description_list/description_list_constants.js";
+import { default as default19 } from "./components/dropdown/dropdown.vue.js";
+import { default as default20 } from "./components/dropdown/dropdown_separator.vue.js";
+import { DROPDOWN_PADDING_CLASSES } from "./components/dropdown/dropdown_constants.js";
+import { default as default21 } from "./components/emoji/emoji.vue.js";
+import { default as default22 } from "./components/emoji_picker/emoji_picker.vue.js";
+import { ARROW_KEYS, CDN_URL, EMOJIS_PER_ROW, EMOJI_PICKER_CATEGORIES, EMOJI_PICKER_SKIN_TONE_MODIFIERS } from "./components/emoji_picker/emoji_picker_constants.js";
+import { default as default23 } from "./components/emoji_text_wrapper/emoji_text_wrapper.vue.js";
+import { default as default24 } from "./components/empty_state/empty_state.vue.js";
+import { EMPTY_STATE_SIZE_MODIFIERS } from "./components/empty_state/empty_state_constants.js";
+import { default as default25 } from "./components/hovercard/hovercard.vue.js";
+import { default as default26 } from "./components/icon/icon.vue.js";
+import { ICON_NAMES, ICON_SIZE_MODIFIERS } from "./components/icon/icon_constants.js";
+import { default as default27 } from "./components/illustration/illustration.vue.js";
+import { ILLUSTRATION_NAMES } from "./components/illustration/illustration_constants.js";
+import { default as default28 } from "./components/image_viewer/image_viewer.vue.js";
+import { default as default29 } from "./components/input/input.vue.js";
+import { INPUT_SIZES, INPUT_TYPES } from "./components/input/input_constants.js";
+import { default as default30 } from "./components/input_group/input_group.vue.js";
+import { default as default31 } from "./components/item_layout/item_layout.vue.js";
+import { default as default32 } from "./components/keyboard_shortcut/keyboard_shortcut.vue.js";
+import { SHORTCUTS_ALIASES_LIST } from "./components/keyboard_shortcut/keyboard_shortcut_constants.js";
+import { default as default33 } from "./components/lazy_show/lazy_show.vue.js";
+import { default as default34 } from "./components/link/link.vue.js";
+import { LINK_KIND_MODIFIERS, LINK_VARIANTS, getLinkKindModifier } from "./components/link/link_constants.js";
+import { default as default35 } from "./components/list_item/list_item.vue.js";
+import { LIST_ITEM_NAVIGATION_TYPES, LIST_ITEM_TYPES } from "./components/list_item/list_item_constants.js";
+import { default as default36 } from "./components/list_item_group/list_item_group.vue.js";
+import { default as default37 } from "./components/modal/modal.vue.js";
+import { MODAL_BANNER_KINDS, MODAL_KIND_MODIFIERS, MODAL_SIZE_MODIFIERS } from "./components/modal/modal_constants.js";
+import { default as default38 } from "./components/notice/notice.vue.js";
+import { default as default39 } from "./components/notice/notice_action.vue.js";
+import { default as default40 } from "./components/notice/notice_icon.vue.js";
+import { default as default41 } from "./components/notice/notice_content.vue.js";
+import { NOTICE_KINDS, NOTICE_ROLES } from "./components/notice/notice_constants.js";
+import { default as default42 } from "./components/pagination/pagination.vue.js";
+import { default as default43 } from "./components/popover/popover.vue.js";
+import { POPOVER_APPEND_TO_VALUES, POPOVER_CONTENT_WIDTHS, POPOVER_DIRECTIONS, POPOVER_HEADER_FOOTER_PADDING_CLASSES, POPOVER_INITIAL_FOCUS_STRINGS, POPOVER_PADDING_CLASSES, POPOVER_ROLES, POPOVER_STICKY_VALUES } from "./components/popover/popover_constants.js";
+import { default as default44 } from "./components/presence/presence.vue.js";
+import { PRESENCE_STATES, PRESENCE_STATES_LIST } from "./components/presence/presence_constants.js";
+import { default as default45 } from "./components/radio/radio.vue.js";
+import { RADIO_INPUT_VALIDATION_CLASSES } from "./components/radio/radio_constants.js";
+import { default as default46 } from "./components/radio_group/radio_group.vue.js";
+import { default as default47 } from "./components/rich_text_editor/rich_text_editor.vue.js";
+import { RICH_TEXT_EDITOR_AUTOFOCUS_TYPES, RICH_TEXT_EDITOR_OUTPUT_FORMATS } from "./components/rich_text_editor/rich_text_editor_constants.js";
+import { default as default48 } from "./components/root_layout/root_layout.vue.js";
+import { ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS, ROOT_LAYOUT_SIDEBAR_POSITIONS } from "./components/root_layout/root_layout_constants.js";
+import { default as default49 } from "./components/scroller/scroller.vue.js";
+import { default as default50 } from "./components/select_menu/select_menu.vue.js";
+import { SELECT_SIZE_MODIFIERS, SELECT_STATE_MODIFIERS } from "./components/select_menu/select_menu_constants.js";
+import { default as default51 } from "./components/skeleton/skeleton.vue.js";
+import { default as default52 } from "./components/skeleton/skeleton-list-item.vue.js";
+import { default as default53 } from "./components/skeleton/skeleton-text.vue.js";
+import { default as default54 } from "./components/skeleton/skeleton-shape.vue.js";
+import { default as default55 } from "./components/skeleton/skeleton-paragraph.vue.js";
+import { SKELETON_HEADING_HEIGHTS, SKELETON_RIPPLE_DURATION, SKELETON_SHAPES, SKELETON_SHAPE_SIZES, SKELETON_TEXT_TYPES } from "./components/skeleton/skeleton_constants.js";
+import { default as default56 } from "./components/split_button/split_button.vue.js";
+import { SPLIT_BUTTON_ICON_SIZES } from "./components/split_button/split_button_constants.js";
+import { default as default57 } from "./components/stack/stack.vue.js";
+import { DT_STACK_DIRECTION, DT_STACK_GAP, DT_STACK_RESPONSIVE_BREAKPOINTS } from "./components/stack/stack_constants.js";
+import { default as default58 } from "./components/tab/tab_group.vue.js";
+import { default as default59 } from "./components/tab/tab.vue.js";
+import { default as default60 } from "./components/tab/tab_panel.vue.js";
+import { TAB_IMPORTANCE_MODIFIERS, TAB_LIST_IMPORTANCE_MODIFIERS, TAB_LIST_KIND_MODIFIERS, TAB_LIST_SIZES } from "./components/tab/tabs_constants.js";
+import { default as default61 } from "./components/toast/toast.vue.js";
+import { TOAST_MIN_DURATION, TOAST_ROLES } from "./components/toast/toast_constants.js";
+import { default as default62 } from "./components/toggle/toggle.vue.js";
+import { TOGGLE_CHECKED_VALUES, TOGGLE_SIZE_MODIFIERS } from "./components/toggle/toggle_constants.js";
+import { default as default63 } from "./components/tooltip/tooltip.vue.js";
+import { TOOLTIP_DELAY_MS, TOOLTIP_DIRECTIONS, TOOLTIP_HIDE_ON_CLICK_VARIANTS, TOOLTIP_KIND_MODIFIERS, TOOLTIP_STICKY_VALUES } from "./components/tooltip/tooltip_constants.js";
+import { default as default64 } from "./components/validation_messages/validation_messages.vue.js";
+import { default as default65 } from "./directives/tooltip/tooltip.js";
+import { default as default66 } from "./directives/scrollbar/scrollbar.js";
+import { default as default67 } from "./recipes/buttons/callbar_button/callbar_button.vue.js";
+import { CALLBAR_BUTTON_VALID_WIDTH_SIZE } from "./recipes/buttons/callbar_button/callbar_button_constants.js";
+import { default as default68 } from "./recipes/buttons/callbar_button_with_popover/callbar_button_with_popover.vue.js";
+import { default as default69 } from "./recipes/cards/ivr_node/ivr_node.vue.js";
+import { IVR_NODE_ASSIGN, IVR_NODE_BRANCH, IVR_NODE_EXPERT, IVR_NODE_GO_TO, IVR_NODE_HANGUP, IVR_NODE_ICON_TYPES, IVR_NODE_LABELS, IVR_NODE_PROMPT_COLLECT, IVR_NODE_PROMPT_MENU, IVR_NODE_PROMPT_PLAY, IVR_NODE_TRANSFER } from "./recipes/cards/ivr_node/ivr_node_constants.js";
+import { default as default70 } from "./recipes/chips/grouped_chip/grouped_chip.vue.js";
+import { default as default71 } from "./recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.js";
+import { CHIP_SIZES, CHIP_TOP_POSITION, MULTI_SELECT_SIZES } from "./recipes/comboboxes/combobox_multi_select/combobox_multi_select_constants.js";
+import { default as default72 } from "./recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue.js";
+import { default as default73 } from "./recipes/conversation_view/attachment_carousel/attachment_carousel.vue.js";
+import { default as default74 } from "./recipes/conversation_view/editor/editor.vue.js";
+import { default as default75 } from "./recipes/conversation_view/emoji_row/emoji_row.vue.js";
+import { REACTIONS_ATTRIBUTES } from "./recipes/conversation_view/emoji_row/emoji_row_constants.js";
+import { default as default76 } from "./recipes/conversation_view/feed_item_pill/feed_item_pill.vue.js";
+import { FEED_ITEM_PILL_BORDER_COLORS } from "./recipes/conversation_view/feed_item_pill/feed_item_pill_constants.js";
+import { default as default77 } from "./recipes/conversation_view/feed_item_row/feed_item_row.vue.js";
+import { DEFAULT_FEED_ROW_STATE, FEED_ROW_STATE_BACKGROUND_COLOR } from "./recipes/conversation_view/feed_item_row/feed_item_row_constants.js";
+import { default as default78 } from "./recipes/conversation_view/message_input/message_input.vue.js";
+import { default as default79 } from "./recipes/conversation_view/time_pill/time_pill.vue.js";
+import { default as default80 } from "./recipes/header/settings_menu_button/settings_menu_button.vue.js";
+import { default as default81 } from "./recipes/item_layout/contact_info/contact_info.vue.js";
+import { default as default82 } from "./recipes/leftbar/callbox/callbox.vue.js";
+import { CALLBOX_BADGE_COLORS, CALLBOX_BORDER_COLORS } from "./recipes/leftbar/callbox/callbox_constants.js";
+import { default as default83 } from "./recipes/leftbar/contact_centers_row/contact_centers_row.vue.js";
+import { default as default84 } from "./recipes/leftbar/contact_row/contact_row.vue.js";
+import { default as default85 } from "./recipes/leftbar/general_row/general_row.vue.js";
+import { LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS, LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR, LEFTBAR_GENERAL_ROW_ICON_SIZES, LEFTBAR_GENERAL_ROW_TYPES } from "./recipes/leftbar/general_row/general_row_constants.js";
+import { default as default86 } from "./recipes/leftbar/group_row/group_row.vue.js";
+import { default as default87 } from "./recipes/leftbar/unread_pill/unread_pill.vue.js";
+import { UNREAD_PILL_DIRECTIONS, UNREAD_PILL_KINDS } from "./recipes/leftbar/unread_pill/unread_pill_constants.js";
+import { default as default88 } from "./recipes/notices/top_banner_info/top_banner_info.vue.js";
+import { COLOR_CODES } from "./recipes/notices/top_banner_info/top_banner_info_constants.js";
 export {
   ARROW_KEYS,
   AVATAR_COLORS,
@@ -233,8 +233,8 @@ export {
   default81 as DtRecipeContactInfo,
   default84 as DtRecipeContactRow,
   default75 as DtRecipeEmojiRow,
-  default77 as DtRecipeFeedItemPill,
-  default76 as DtRecipeFeedItemRow,
+  default76 as DtRecipeFeedItemPill,
+  default77 as DtRecipeFeedItemRow,
   default85 as DtRecipeGeneralRow,
   default86 as DtRecipeGroupRow,
   default70 as DtRecipeGroupedChip,
@@ -348,6 +348,7 @@ export {
   codeToEmojiData,
   customEmojiAssetUrl,
   defaultEmojiAssetUrl,
+  disableRootScrolling,
   durationInHHMM,
   emojiFileExtensionLarge,
   emojiFileExtensionSmall,
@@ -357,6 +358,7 @@ export {
   emojiRegex,
   emojiShortCodeRegex,
   emojiVersion,
+  enableRootScrolling,
   filterFormattedMessages,
   filterValidShortCodes,
   findEmojis,

package/dist/directives/scrollbar/scrollbar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollbar.cjs","sources":["../../../directives/scrollbar/scrollbar.js"],"sourcesContent":["import { OverlayScrollbars, ClickScrollPlugin } from 'overlayscrollbars';\n\nexport const DtScrollbarDirective = {\n  name: 'dt-scrollbar-directive',\n  install (app) {\n    OverlayScrollbars.plugin(ClickScrollPlugin);\n    app.directive('dt-scrollbar', {\n      mounted (el, binding) {\n        OverlayScrollbars({\n          target: el,\n          elements: {\n            viewport: el.children[0],\n          },\n        }, {\n          scrollbars: {\n            autoHide: `${binding.arg || 'leave'}`,\n            clickScroll: true,\n            autoHideDelay: `${!binding.arg || binding.arg === 'leave' ? 0 : 1300}`,\n          },\n        });\n        el.setAttribute('data-overlayscrollbars-initialize', true);\n        el.classList.add('d-scrollbar');\n      },\n    });\n  },\n};\n\nexport default DtScrollbarDirective;\n"],"names":["OverlayScrollbars","ClickScrollPlugin"],"mappings":";;;AAEY,MAAC,uBAAuB;AAAA,EAClC,MAAM;AAAA,EACN,QAAS,KAAK;AACZA,wCAAkB,OAAOC,kBAAAA,iBAAiB;AAC1C,QAAI,UAAU,gBAAgB;AAAA,MAC5B,QAAS,IAAI,SAAS;AACpBD,4CAAkB;AAAA,UAChB,QAAQ;AAAA,UACR,UAAU;AAAA,YACR,UAAU,GAAG,SAAS,CAAC;AAAA,UACxB;AAAA,QACX,GAAW;AAAA,UACD,YAAY;AAAA,YACV,UAAU,GAAG,QAAQ,OAAO,OAAO;AAAA,YACnC,aAAa;AAAA,YACb,eAAe,GAAG,CAAC,QAAQ,OAAO,QAAQ,QAAQ,UAAU,IAAI,IAAI;AAAA,UACrE;AAAA,QACX,CAAS;AACD,WAAG,aAAa,qCAAqC,IAAI;AACzD,WAAG,UAAU,IAAI,aAAa;AAAA,MAC/B;AAAA,IACP,CAAK;AAAA,EACF;AACH;AAEA,MAAA,yBAAe;;;"}

package/dist/directives/scrollbar/scrollbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollbar.js","sources":["../../../directives/scrollbar/scrollbar.js"],"sourcesContent":["import { OverlayScrollbars, ClickScrollPlugin } from 'overlayscrollbars';\n\nexport const DtScrollbarDirective = {\n  name: 'dt-scrollbar-directive',\n  install (app) {\n    OverlayScrollbars.plugin(ClickScrollPlugin);\n    app.directive('dt-scrollbar', {\n      mounted (el, binding) {\n        OverlayScrollbars({\n          target: el,\n          elements: {\n            viewport: el.children[0],\n          },\n        }, {\n          scrollbars: {\n            autoHide: `${binding.arg || 'leave'}`,\n            clickScroll: true,\n            autoHideDelay: `${!binding.arg || binding.arg === 'leave' ? 0 : 1300}`,\n          },\n        });\n        el.setAttribute('data-overlayscrollbars-initialize', true);\n        el.classList.add('d-scrollbar');\n      },\n    });\n  },\n};\n\nexport default DtScrollbarDirective;\n"],"names":[],"mappings":";AAEY,MAAC,uBAAuB;AAAA,EAClC,MAAM;AAAA,EACN,QAAS,KAAK;AACZ,sBAAkB,OAAO,iBAAiB;AAC1C,QAAI,UAAU,gBAAgB;AAAA,MAC5B,QAAS,IAAI,SAAS;AACpB,0BAAkB;AAAA,UAChB,QAAQ;AAAA,UACR,UAAU;AAAA,YACR,UAAU,GAAG,SAAS,CAAC;AAAA,UACxB;AAAA,QACX,GAAW;AAAA,UACD,YAAY;AAAA,YACV,UAAU,GAAG,QAAQ,OAAO,OAAO;AAAA,YACnC,aAAa;AAAA,YACb,eAAe,GAAG,CAAC,QAAQ,OAAO,QAAQ,QAAQ,UAAU,IAAI,IAAI;AAAA,UACrE;AAAA,QACX,CAAS;AACD,WAAG,aAAa,qCAAqC,IAAI;AACzD,WAAG,UAAU,IAAI,aAAa;AAAA,MAC/B;AAAA,IACP,CAAK;AAAA,EACF;AACH;AAEA,MAAA,yBAAe;"}

package/dist/directives/tooltip/tooltip.cjs

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const common_utils = require("../../common/utils.cjs");
+const vue = require("vue");
+const tooltip = require("../../components/tooltip/tooltip.vue.cjs");
+const DtTooltipDirective = {
+  name: "dt-tooltip-directive",
+  install(app) {
+    let tooltipInstance;
+    const mountPoint = document.createElement("div");
+    document.body.appendChild(mountPoint);
+    const DEFAULT_PLACEMENT = "top";
+    const DtTooltipDirectiveApp = vue.createApp({
+      name: "DtTooltipDirectiveApp",
+      components: { DtTooltip: tooltip.default },
+      data() {
+        return {
+          tooltips: []
+        };
+      },
+      mounted() {
+        tooltipInstance = vue.getCurrentInstance();
+      },
+      methods: {
+        addOrUpdateTooltip(id, message, placement) {
+          const index = this.tooltips.findIndex((tooltip2) => tooltip2.id === id);
+          if (index !== -1) {
+            this.tooltips[index].message = message;
+            this.tooltips[index].placement = placement;
+          } else {
+            this.tooltips.push({ id, message, placement });
+          }
+        },
+        removeTooltip(id) {
+          this.tooltips = this.tooltips.filter((tooltip2) => tooltip2.id !== id);
+        }
+      },
+      render() {
+        return vue.h(
+          "div",
+          this.tooltips.map(({ id, message, placement }) => {
+            return vue.h(tooltip.default, {
+              key: id,
+              message,
+              placement,
+              sticky: true,
+              /**
+               * Set the delay to false when running tests only.
+               */
+              delay: process.env.NODE_ENV !== "test",
+              externalAnchor: `[data-dt-tooltip-id="${id}"]`
+            });
+          })
+        );
+      }
+    });
+    DtTooltipDirectiveApp.mount(mountPoint);
+    app.directive("dt-tooltip", {
+      beforeMount(anchor, binding) {
+        setupTooltip(anchor, binding);
+      },
+      updated(anchor, binding) {
+        if (binding.value !== binding.oldValue) {
+          setupTooltip(anchor, binding);
+        }
+      },
+      unmounted(anchor) {
+        tooltipInstance.ctx.removeTooltip(anchor.getAttribute("data-dt-tooltip-id"));
+      }
+    });
+    function setupTooltip(anchor, binding) {
+      const tooltipId = anchor.getAttribute("data-dt-tooltip-id") || common_utils.getUniqueString();
+      const message = binding.value;
+      const placement = binding.arg || DEFAULT_PLACEMENT;
+      anchor.setAttribute("data-dt-tooltip-id", tooltipId);
+      tooltipInstance.ctx.addOrUpdateTooltip(tooltipId, message, placement);
+    }
+  }
+};
+const DtTooltipDirective$1 = DtTooltipDirective;
+exports.DtTooltipDirective = DtTooltipDirective;
+exports.default = DtTooltipDirective$1;
+//# sourceMappingURL=tooltip.cjs.map

package/dist/directives/tooltip/tooltip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.cjs","sources":["../../../directives/tooltip/tooltip.js"],"sourcesContent":["import { DtTooltip } from '@/components/tooltip';\nimport { getUniqueString } from '@/common/utils';\nimport { createApp, getCurrentInstance, h } from 'vue';\n\nexport const DtTooltipDirective = {\n  name: 'dt-tooltip-directive',\n  install (app) {\n    let tooltipInstance;\n    const mountPoint = document.createElement('div');\n    document.body.appendChild(mountPoint);\n\n    const DEFAULT_PLACEMENT = 'top';\n    const DtTooltipDirectiveApp = createApp({\n      name: 'DtTooltipDirectiveApp',\n      components: { DtTooltip },\n      data () {\n        return {\n          tooltips: [],\n        };\n      },\n\n      mounted () {\n        tooltipInstance = getCurrentInstance();\n      },\n\n      methods: {\n        addOrUpdateTooltip (id, message, placement) {\n          const index = this.tooltips.findIndex(tooltip => tooltip.id === id);\n          if (index !== -1) {\n            // Update existing tooltip\n            this.tooltips[index].message = message;\n            this.tooltips[index].placement = placement;\n          } else {\n            // Add new tooltip\n            this.tooltips.push({ id, message, placement });\n          }\n        },\n\n        removeTooltip (id) {\n          this.tooltips = this.tooltips.filter(tooltip => tooltip.id !== id);\n        },\n      },\n\n      render () {\n        return h('div',\n          this.tooltips.map(({ id, message, placement }) => {\n            return h(DtTooltip, {\n              key: id,\n              message,\n              placement,\n              sticky: true,\n              /**\n               * Set the delay to false when running tests only.\n               */\n              delay: process.env.NODE_ENV !== 'test',\n              externalAnchor: `[data-dt-tooltip-id=\"${id}\"]`,\n            });\n          }),\n        );\n      },\n    });\n\n    DtTooltipDirectiveApp.mount(mountPoint);\n\n    app.directive('dt-tooltip', {\n      beforeMount (anchor, binding) {\n        // Initial tooltip setup\n        setupTooltip(anchor, binding);\n      },\n      updated (anchor, binding) {\n        // Update tooltip on binding value change\n        if (binding.value !== binding.oldValue) {\n          setupTooltip(anchor, binding);\n        }\n      },\n      unmounted (anchor) {\n        tooltipInstance.ctx.removeTooltip(anchor.getAttribute('data-dt-tooltip-id'));\n      },\n    });\n\n    function setupTooltip (anchor, binding) {\n      const tooltipId = anchor.getAttribute('data-dt-tooltip-id') || getUniqueString();\n      const message = binding.value;\n      const placement = binding.arg || DEFAULT_PLACEMENT;\n\n      anchor.setAttribute('data-dt-tooltip-id', tooltipId);\n\n      tooltipInstance.ctx.addOrUpdateTooltip(tooltipId, message, placement);\n    }\n  },\n};\n\nexport default DtTooltipDirective;\n"],"names":["createApp","DtTooltip","getCurrentInstance","tooltip","h","getUniqueString"],"mappings":";;;;;AAIY,MAAC,qBAAqB;AAAA,EAChC,MAAM;AAAA,EACN,QAAS,KAAK;AACZ,QAAI;AACJ,UAAM,aAAa,SAAS,cAAc,KAAK;AAC/C,aAAS,KAAK,YAAY,UAAU;AAEpC,UAAM,oBAAoB;AAC1B,UAAM,wBAAwBA,IAAAA,UAAU;AAAA,MACtC,MAAM;AAAA,MACN,YAAY,EAAEC,WAAAA,QAAAA,QAAW;AAAA,MACzB,OAAQ;AACN,eAAO;AAAA,UACL,UAAU,CAAE;AAAA,QACtB;AAAA,MACO;AAAA,MAED,UAAW;AACT,0BAAkBC,IAAkB,mBAAA;AAAA,MACrC;AAAA,MAED,SAAS;AAAA,QACP,mBAAoB,IAAI,SAAS,WAAW;AAC1C,gBAAM,QAAQ,KAAK,SAAS,UAAU,CAAAC,aAAWA,SAAQ,OAAO,EAAE;AAClE,cAAI,UAAU,IAAI;AAEhB,iBAAK,SAAS,KAAK,EAAE,UAAU;AAC/B,iBAAK,SAAS,KAAK,EAAE,YAAY;AAAA,UAC7C,OAAiB;AAEL,iBAAK,SAAS,KAAK,EAAE,IAAI,SAAS,UAAS,CAAE;AAAA,UAC9C;AAAA,QACF;AAAA,QAED,cAAe,IAAI;AACjB,eAAK,WAAW,KAAK,SAAS,OAAO,CAAAA,aAAWA,SAAQ,OAAO,EAAE;AAAA,QAClE;AAAA,MACF;AAAA,MAED,SAAU;AACR,eAAOC,IAAC;AAAA,UAAC;AAAA,UACP,KAAK,SAAS,IAAI,CAAC,EAAE,IAAI,SAAS,gBAAgB;AAChD,mBAAOA,IAAAA,EAAEH,QAAAA,SAAW;AAAA,cAClB,KAAK;AAAA,cACL;AAAA,cACA;AAAA,cACA,QAAQ;AAAA;AAAA;AAAA;AAAA,cAIR,OAAO,QAAQ,IAAI,aAAa;AAAA,cAChC,gBAAgB,wBAAwB,EAAE;AAAA,YACxD,CAAa;AAAA,UACb,CAAW;AAAA,QACX;AAAA,MACO;AAAA,IACP,CAAK;AAED,0BAAsB,MAAM,UAAU;AAEtC,QAAI,UAAU,cAAc;AAAA,MAC1B,YAAa,QAAQ,SAAS;AAE5B,qBAAa,QAAQ,OAAO;AAAA,MAC7B;AAAA,MACD,QAAS,QAAQ,SAAS;AAExB,YAAI,QAAQ,UAAU,QAAQ,UAAU;AACtC,uBAAa,QAAQ,OAAO;AAAA,QAC7B;AAAA,MACF;AAAA,MACD,UAAW,QAAQ;AACjB,wBAAgB,IAAI,cAAc,OAAO,aAAa,oBAAoB,CAAC;AAAA,MAC5E;AAAA,IACP,CAAK;AAED,aAAS,aAAc,QAAQ,SAAS;AACtC,YAAM,YAAY,OAAO,aAAa,oBAAoB,KAAKI,aAAe,gBAAA;AAC9E,YAAM,UAAU,QAAQ;AACxB,YAAM,YAAY,QAAQ,OAAO;AAEjC,aAAO,aAAa,sBAAsB,SAAS;AAEnD,sBAAgB,IAAI,mBAAmB,WAAW,SAAS,SAAS;AAAA,IACrE;AAAA,EACF;AACH;AAEA,MAAA,uBAAe;;;"}

package/dist/directives/tooltip/tooltip.js

@@ -0,0 +1,83 @@
+import { getUniqueString } from "../../common/utils.js";
+import { createApp, getCurrentInstance, h } from "vue";
+import DtTooltip from "../../components/tooltip/tooltip.vue.js";
+const DtTooltipDirective = {
+  name: "dt-tooltip-directive",
+  install(app) {
+    let tooltipInstance;
+    const mountPoint = document.createElement("div");
+    document.body.appendChild(mountPoint);
+    const DEFAULT_PLACEMENT = "top";
+    const DtTooltipDirectiveApp = createApp({
+      name: "DtTooltipDirectiveApp",
+      components: { DtTooltip },
+      data() {
+        return {
+          tooltips: []
+        };
+      },
+      mounted() {
+        tooltipInstance = getCurrentInstance();
+      },
+      methods: {
+        addOrUpdateTooltip(id, message, placement) {
+          const index = this.tooltips.findIndex((tooltip) => tooltip.id === id);
+          if (index !== -1) {
+            this.tooltips[index].message = message;
+            this.tooltips[index].placement = placement;
+          } else {
+            this.tooltips.push({ id, message, placement });
+          }
+        },
+        removeTooltip(id) {
+          this.tooltips = this.tooltips.filter((tooltip) => tooltip.id !== id);
+        }
+      },
+      render() {
+        return h(
+          "div",
+          this.tooltips.map(({ id, message, placement }) => {
+            return h(DtTooltip, {
+              key: id,
+              message,
+              placement,
+              sticky: true,
+              /**
+               * Set the delay to false when running tests only.
+               */
+              delay: process.env.NODE_ENV !== "test",
+              externalAnchor: `[data-dt-tooltip-id="${id}"]`
+            });
+          })
+        );
+      }
+    });
+    DtTooltipDirectiveApp.mount(mountPoint);
+    app.directive("dt-tooltip", {
+      beforeMount(anchor, binding) {
+        setupTooltip(anchor, binding);
+      },
+      updated(anchor, binding) {
+        if (binding.value !== binding.oldValue) {
+          setupTooltip(anchor, binding);
+        }
+      },
+      unmounted(anchor) {
+        tooltipInstance.ctx.removeTooltip(anchor.getAttribute("data-dt-tooltip-id"));
+      }
+    });
+    function setupTooltip(anchor, binding) {
+      const tooltipId = anchor.getAttribute("data-dt-tooltip-id") || getUniqueString();
+      const message = binding.value;
+      const placement = binding.arg || DEFAULT_PLACEMENT;
+      anchor.setAttribute("data-dt-tooltip-id", tooltipId);
+      tooltipInstance.ctx.addOrUpdateTooltip(tooltipId, message, placement);
+    }
+  }
+};
+const DtTooltipDirective$1 = DtTooltipDirective;
+export {
+  DtTooltipDirective,
+  DtTooltipDirective$1 as default
+};
+//# sourceMappingURL=tooltip.js.map

package/dist/directives/tooltip/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sources":["../../../directives/tooltip/tooltip.js"],"sourcesContent":["import { DtTooltip } from '@/components/tooltip';\nimport { getUniqueString } from '@/common/utils';\nimport { createApp, getCurrentInstance, h } from 'vue';\n\nexport const DtTooltipDirective = {\n  name: 'dt-tooltip-directive',\n  install (app) {\n    let tooltipInstance;\n    const mountPoint = document.createElement('div');\n    document.body.appendChild(mountPoint);\n\n    const DEFAULT_PLACEMENT = 'top';\n    const DtTooltipDirectiveApp = createApp({\n      name: 'DtTooltipDirectiveApp',\n      components: { DtTooltip },\n      data () {\n        return {\n          tooltips: [],\n        };\n      },\n\n      mounted () {\n        tooltipInstance = getCurrentInstance();\n      },\n\n      methods: {\n        addOrUpdateTooltip (id, message, placement) {\n          const index = this.tooltips.findIndex(tooltip => tooltip.id === id);\n          if (index !== -1) {\n            // Update existing tooltip\n            this.tooltips[index].message = message;\n            this.tooltips[index].placement = placement;\n          } else {\n            // Add new tooltip\n            this.tooltips.push({ id, message, placement });\n          }\n        },\n\n        removeTooltip (id) {\n          this.tooltips = this.tooltips.filter(tooltip => tooltip.id !== id);\n        },\n      },\n\n      render () {\n        return h('div',\n          this.tooltips.map(({ id, message, placement }) => {\n            return h(DtTooltip, {\n              key: id,\n              message,\n              placement,\n              sticky: true,\n              /**\n               * Set the delay to false when running tests only.\n               */\n              delay: process.env.NODE_ENV !== 'test',\n              externalAnchor: `[data-dt-tooltip-id=\"${id}\"]`,\n            });\n          }),\n        );\n      },\n    });\n\n    DtTooltipDirectiveApp.mount(mountPoint);\n\n    app.directive('dt-tooltip', {\n      beforeMount (anchor, binding) {\n        // Initial tooltip setup\n        setupTooltip(anchor, binding);\n      },\n      updated (anchor, binding) {\n        // Update tooltip on binding value change\n        if (binding.value !== binding.oldValue) {\n          setupTooltip(anchor, binding);\n        }\n      },\n      unmounted (anchor) {\n        tooltipInstance.ctx.removeTooltip(anchor.getAttribute('data-dt-tooltip-id'));\n      },\n    });\n\n    function setupTooltip (anchor, binding) {\n      const tooltipId = anchor.getAttribute('data-dt-tooltip-id') || getUniqueString();\n      const message = binding.value;\n      const placement = binding.arg || DEFAULT_PLACEMENT;\n\n      anchor.setAttribute('data-dt-tooltip-id', tooltipId);\n\n      tooltipInstance.ctx.addOrUpdateTooltip(tooltipId, message, placement);\n    }\n  },\n};\n\nexport default DtTooltipDirective;\n"],"names":[],"mappings":";;;AAIY,MAAC,qBAAqB;AAAA,EAChC,MAAM;AAAA,EACN,QAAS,KAAK;AACZ,QAAI;AACJ,UAAM,aAAa,SAAS,cAAc,KAAK;AAC/C,aAAS,KAAK,YAAY,UAAU;AAEpC,UAAM,oBAAoB;AAC1B,UAAM,wBAAwB,UAAU;AAAA,MACtC,MAAM;AAAA,MACN,YAAY,EAAE,UAAW;AAAA,MACzB,OAAQ;AACN,eAAO;AAAA,UACL,UAAU,CAAE;AAAA,QACtB;AAAA,MACO;AAAA,MAED,UAAW;AACT,0BAAkB,mBAAkB;AAAA,MACrC;AAAA,MAED,SAAS;AAAA,QACP,mBAAoB,IAAI,SAAS,WAAW;AAC1C,gBAAM,QAAQ,KAAK,SAAS,UAAU,aAAW,QAAQ,OAAO,EAAE;AAClE,cAAI,UAAU,IAAI;AAEhB,iBAAK,SAAS,KAAK,EAAE,UAAU;AAC/B,iBAAK,SAAS,KAAK,EAAE,YAAY;AAAA,UAC7C,OAAiB;AAEL,iBAAK,SAAS,KAAK,EAAE,IAAI,SAAS,UAAS,CAAE;AAAA,UAC9C;AAAA,QACF;AAAA,QAED,cAAe,IAAI;AACjB,eAAK,WAAW,KAAK,SAAS,OAAO,aAAW,QAAQ,OAAO,EAAE;AAAA,QAClE;AAAA,MACF;AAAA,MAED,SAAU;AACR,eAAO;AAAA,UAAE;AAAA,UACP,KAAK,SAAS,IAAI,CAAC,EAAE,IAAI,SAAS,gBAAgB;AAChD,mBAAO,EAAE,WAAW;AAAA,cAClB,KAAK;AAAA,cACL;AAAA,cACA;AAAA,cACA,QAAQ;AAAA;AAAA;AAAA;AAAA,cAIR,OAAO,QAAQ,IAAI,aAAa;AAAA,cAChC,gBAAgB,wBAAwB,EAAE;AAAA,YACxD,CAAa;AAAA,UACb,CAAW;AAAA,QACX;AAAA,MACO;AAAA,IACP,CAAK;AAED,0BAAsB,MAAM,UAAU;AAEtC,QAAI,UAAU,cAAc;AAAA,MAC1B,YAAa,QAAQ,SAAS;AAE5B,qBAAa,QAAQ,OAAO;AAAA,MAC7B;AAAA,MACD,QAAS,QAAQ,SAAS;AAExB,YAAI,QAAQ,UAAU,QAAQ,UAAU;AACtC,uBAAa,QAAQ,OAAO;AAAA,QAC7B;AAAA,MACF;AAAA,MACD,UAAW,QAAQ;AACjB,wBAAgB,IAAI,cAAc,OAAO,aAAa,oBAAoB,CAAC;AAAA,MAC5E;AAAA,IACP,CAAK;AAED,aAAS,aAAc,QAAQ,SAAS;AACtC,YAAM,YAAY,OAAO,aAAa,oBAAoB,KAAK,gBAAe;AAC9E,YAAM,UAAU,QAAQ;AACxB,YAAM,YAAY,QAAQ,OAAO;AAEjC,aAAO,aAAa,sBAAsB,SAAS;AAEnD,sBAAgB,IAAI,mBAAmB,WAAW,SAAS,SAAS;AAAA,IACrE;AAAA,EACF;AACH;AAEA,MAAA,uBAAe;"}

package/dist/lib/attachment-carousel.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const attachment_carousel = require("../packages/dialtone-vue3/recipes/conversation_view/attachment_carousel/attachment_carousel.vue.cjs");
-exports.DtRecipeAttachmentCarousel = attachment_carousel;
+const attachment_carousel = require("../recipes/conversation_view/attachment_carousel/attachment_carousel.vue.cjs");
+exports.DtRecipeAttachmentCarousel = attachment_carousel.default;
 //# sourceMappingURL=attachment-carousel.cjs.map

package/dist/lib/attachment-carousel.js

@@ -1,4 +1,4 @@
-import { default as default2 } from "../packages/dialtone-vue3/recipes/conversation_view/attachment_carousel/attachment_carousel.vue.js";
+import { default as default2 } from "../recipes/conversation_view/attachment_carousel/attachment_carousel.vue.js";
 export {
   default2 as DtRecipeAttachmentCarousel
 };

package/dist/lib/avatar.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const avatar = require("../packages/dialtone-vue3/components/avatar/avatar.vue.cjs");
-const avatar_constants = require("../packages/dialtone-vue3/components/avatar/avatar_constants.cjs");
-exports.DtAvatar = avatar;
+const avatar = require("../components/avatar/avatar.vue.cjs");
+const avatar_constants = require("../components/avatar/avatar_constants.cjs");
+exports.DtAvatar = avatar.default;
 exports.AVATAR_COLORS = avatar_constants.AVATAR_COLORS;
 exports.AVATAR_GROUP_VALIDATOR = avatar_constants.AVATAR_GROUP_VALIDATOR;
 exports.AVATAR_ICON_SIZES = avatar_constants.AVATAR_ICON_SIZES;

package/dist/lib/avatar.js

@@ -1,5 +1,5 @@
-import { default as default2 } from "../packages/dialtone-vue3/components/avatar/avatar.vue.js";
-import { AVATAR_COLORS, AVATAR_GROUP_VALIDATOR, AVATAR_ICON_SIZES, AVATAR_KIND_MODIFIERS, AVATAR_PRESENCE_SIZE_MODIFIERS, AVATAR_PRESENCE_STATES, AVATAR_RANDOM_COLORS, AVATAR_SIZE_MODIFIERS } from "../packages/dialtone-vue3/components/avatar/avatar_constants.js";
+import { default as default2 } from "../components/avatar/avatar.vue.js";
+import { AVATAR_COLORS, AVATAR_GROUP_VALIDATOR, AVATAR_ICON_SIZES, AVATAR_KIND_MODIFIERS, AVATAR_PRESENCE_SIZE_MODIFIERS, AVATAR_PRESENCE_STATES, AVATAR_RANDOM_COLORS, AVATAR_SIZE_MODIFIERS } from "../components/avatar/avatar_constants.js";
 export {
   AVATAR_COLORS,
   AVATAR_GROUP_VALIDATOR,

package/dist/lib/badge.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const badge = require("../packages/dialtone-vue3/components/badge/badge.vue.cjs");
-const badge_constants = require("../packages/dialtone-vue3/components/badge/badge_constants.cjs");
-exports.DtBadge = badge;
+const badge = require("../components/badge/badge.vue.cjs");
+const badge_constants = require("../components/badge/badge_constants.cjs");
+exports.DtBadge = badge.default;
 exports.BADGE_DECORATION_MODIFIERS = badge_constants.BADGE_DECORATION_MODIFIERS;
 exports.BADGE_KIND_MODIFIERS = badge_constants.BADGE_KIND_MODIFIERS;
 exports.BADGE_TYPE_MODIFIERS = badge_constants.BADGE_TYPE_MODIFIERS;

package/dist/lib/badge.js

@@ -1,5 +1,5 @@
-import { default as default2 } from "../packages/dialtone-vue3/components/badge/badge.vue.js";
-import { BADGE_DECORATION_MODIFIERS, BADGE_KIND_MODIFIERS, BADGE_TYPE_MODIFIERS } from "../packages/dialtone-vue3/components/badge/badge_constants.js";
+import { default as default2 } from "../components/badge/badge.vue.js";
+import { BADGE_DECORATION_MODIFIERS, BADGE_KIND_MODIFIERS, BADGE_TYPE_MODIFIERS } from "../components/badge/badge_constants.js";
 export {
   BADGE_DECORATION_MODIFIERS,
   BADGE_KIND_MODIFIERS,

package/dist/lib/banner.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const banner = require("../packages/dialtone-vue3/components/banner/banner.vue.cjs");
-exports.DtBanner = banner;
+const banner = require("../components/banner/banner.vue.cjs");
+exports.DtBanner = banner.default;
 //# sourceMappingURL=banner.cjs.map

package/dist/lib/banner.js

@@ -1,4 +1,4 @@
-import { default as default2 } from "../packages/dialtone-vue3/components/banner/banner.vue.js";
+import { default as default2 } from "../components/banner/banner.vue.js";
 export {
   default2 as DtBanner
 };