@dialpad/dialtone-vue 3.223.0-next.3 → 3.223.0-next.4

package/dist/dialtone-vue.js

@@ -37,188 +37,192 @@ import Yt from "./lib/notice/notice-action.js";
 import Xt from "./lib/notice/notice.js";
 import Zt from "./lib/banner/banner.js";
 import "./lib/banner/index.js";
-import { DT_BOX_AS_VALUES as Qt, DT_BOX_BORDER_COLOR_VALUES as $t, DT_BOX_BORDER_RADIUS_VALUES as en, DT_BOX_BORDER_WIDTH_VALUES as tn, DT_BOX_LAYOUT_VALUES as nn, DT_BOX_OVERFLOW_VALUES as rn, DT_BOX_SCROLLBAR_VALUES as an, DT_BOX_SHADOW_VALUES as on, DT_BOX_SPACING_VALUES as sn, DT_BOX_SURFACE_VALUES as cn } from "./lib/box/box-constants.js";
-import ln from "./lib/box/box.js";
+import { DT_BOX_AS_VALUES as Qt, DT_BOX_BORDER_COLOR_VALUES as $t, DT_BOX_BORDER_RADIUS_VALUES as en, DT_BOX_BORDER_WIDTH_VALUES as tn, DT_BOX_INSET_SIDE_VALUES as nn, DT_BOX_INSET_VALUES as rn, DT_BOX_LAYOUT_VALUES as an, DT_BOX_OVERFLOW_VALUES as on, DT_BOX_POSITION_VALUES as sn, DT_BOX_SCROLLBAR_VALUES as cn, DT_BOX_SHADOW_VALUES as ln, DT_BOX_SPACING_VALUES as un, DT_BOX_SURFACE_VALUES as dn, DT_BOX_Z_INDEX_VALUES as fn } from "./lib/box/box-constants.js";
+import pn from "./lib/box/box.js";
 import "./lib/box/index.js";
-import { BREADCRUMBS_INVERTED_MODIFIER as un, BREADCRUMB_ITEM_SELECTED_MODIFIER as dn } from "./lib/breadcrumbs/breadcrumbs-constants.js";
-import fn from "./lib/breadcrumbs/breadcrumb-item.js";
-import pn from "./lib/breadcrumbs/breadcrumbs.js";
+import { BREADCRUMBS_INVERTED_MODIFIER as mn, BREADCRUMB_ITEM_SELECTED_MODIFIER as hn } from "./lib/breadcrumbs/breadcrumbs-constants.js";
+import gn from "./lib/breadcrumbs/breadcrumb-item.js";
+import _n from "./lib/breadcrumbs/breadcrumbs.js";
 import "./lib/breadcrumbs/index.js";
-import { BUTTON_GROUP_ALIGNMENT as mn } from "./lib/button-group/button-group-constants.js";
-import hn from "./lib/button-group/button-group.js";
+import { BUTTON_GROUP_ALIGNMENT as vn } from "./lib/button-group/button-group-constants.js";
+import yn from "./lib/button-group/button-group.js";
 import "./lib/button-group/index.js";
-import gn from "./lib/card/card.js";
-import _n from "./lib/checkbox/checkbox.js";
-import vn from "./lib/input-group/input-group.js";
-import yn from "./lib/checkbox-group/checkbox-group.js";
-import { CHIP_CLOSE_BUTTON_SIZE_MODIFIERS as bn, CHIP_ICON_SIZES as xn, CHIP_SIZE_MODIFIERS as Sn } from "./lib/chip/chip-constants.js";
-import Cn from "./lib/chip/chip.js";
-import wn from "./lib/codeblock/codeblock.js";
+import bn from "./lib/card/card.js";
+import xn from "./lib/checkbox/checkbox.js";
+import Sn from "./lib/input-group/input-group.js";
+import Cn from "./lib/checkbox-group/checkbox-group.js";
+import { CHIP_CLOSE_BUTTON_SIZE_MODIFIERS as wn, CHIP_ICON_SIZES as Tn, CHIP_SIZE_MODIFIERS as En } from "./lib/chip/chip-constants.js";
+import Dn from "./lib/chip/chip.js";
+import On from "./lib/codeblock/codeblock.js";
 import "./lib/codeblock/index.js";
-import Tn from "./lib/collapsible/collapsible.js";
-import { LIST_ITEM_NAVIGATION_TYPES as En, LIST_ITEM_TYPES as Dn } from "./lib/list-item/list-item-constants.js";
-import On from "./lib/item-layout/item-layout.js";
-import kn from "./lib/list-item/list-item.js";
-import An from "./lib/skeleton/skeleton-shape.js";
-import jn from "./lib/skeleton/skeleton-text.js";
-import Mn from "./lib/skeleton/skeleton-paragraph.js";
-import Nn from "./lib/skeleton/skeleton-list-item.js";
-import Pn from "./lib/skeleton/skeleton.js";
-import { t as Fn } from "./Combobox-By01ETlj.js";
-import { COMBOBOX_LABEL_SIZES as In } from "./lib/combobox/combobox-constants.js";
-import { DT_STACK_DIRECTION as Ln, DT_STACK_GAP as Rn, DT_STACK_RESPONSIVE_BREAKPOINTS as zn } from "./lib/stack/stack-constants.js";
-import Bn from "./lib/stack/stack.js";
-import { TOOLTIP_DELAY_MS as Vn, TOOLTIP_DIRECTIONS as Hn, TOOLTIP_HIDE_ON_CLICK_VARIANTS as Un, TOOLTIP_KIND_MODIFIERS as Wn, TOOLTIP_STICKY_VALUES as Gn } from "./lib/tooltip/tooltip-constants.js";
-import { POPOVER_APPEND_TO_VALUES as Kn, POPOVER_CONTENT_WIDTHS as qn, POPOVER_DIRECTIONS as Jn, POPOVER_HEADER_FOOTER_PADDING_CLASSES as Yn, POPOVER_INITIAL_FOCUS_STRINGS as Xn, POPOVER_PADDING_CLASSES as Zn, POPOVER_ROLES as Qn, POPOVER_STICKY_VALUES as $n } from "./lib/popover/popover-constants.js";
-import er from "./lib/tooltip/tooltip.js";
-import { t as tr } from "./Datepicker-CGFa1nGm.js";
-import { formatLong as nr, formatMedium as rr, formatNoYear as ir, formatNumerical as X, formatShort as ar } from "./lib/datepicker/format-utils.js";
+import kn from "./lib/collapsible/collapsible.js";
+import { LIST_ITEM_NAVIGATION_TYPES as An, LIST_ITEM_TYPES as jn } from "./lib/list-item/list-item-constants.js";
+import Mn from "./lib/item-layout/item-layout.js";
+import Nn from "./lib/list-item/list-item.js";
+import Pn from "./lib/skeleton/skeleton-shape.js";
+import Fn from "./lib/skeleton/skeleton-text.js";
+import In from "./lib/skeleton/skeleton-paragraph.js";
+import Ln from "./lib/skeleton/skeleton-list-item.js";
+import Rn from "./lib/skeleton/skeleton.js";
+import { t as zn } from "./Combobox-D8nQeBIf.js";
+import { COMBOBOX_LABEL_SIZES as Bn } from "./lib/combobox/combobox-constants.js";
+import { DT_STACK_DIRECTION as Vn, DT_STACK_GAP as Hn, DT_STACK_RESPONSIVE_BREAKPOINTS as Un } from "./lib/stack/stack-constants.js";
+import Wn from "./lib/stack/stack.js";
+import { TOOLTIP_DELAY_MS as Gn, TOOLTIP_DIRECTIONS as Kn, TOOLTIP_HIDE_ON_CLICK_VARIANTS as qn, TOOLTIP_KIND_MODIFIERS as Jn, TOOLTIP_STICKY_VALUES as Yn } from "./lib/tooltip/tooltip-constants.js";
+import { POPOVER_APPEND_TO_VALUES as Xn, POPOVER_CONTENT_WIDTHS as Zn, POPOVER_DIRECTIONS as Qn, POPOVER_HEADER_FOOTER_PADDING_CLASSES as $n, POPOVER_INITIAL_FOCUS_STRINGS as er, POPOVER_PADDING_CLASSES as tr, POPOVER_ROLES as nr, POPOVER_STICKY_VALUES as rr } from "./lib/popover/popover-constants.js";
+import ir from "./lib/tooltip/tooltip.js";
+import { t as ar } from "./Datepicker-CGFa1nGm.js";
+import { formatLong as or, formatMedium as sr, formatNoYear as cr, formatNumerical as X, formatShort as lr } from "./lib/datepicker/format-utils.js";
 import "./lib/datepicker/index.js";
-import { DT_DESCRIPTION_LIST_DIRECTION as or } from "./lib/description-list/description-list-constants.js";
-import sr from "./lib/description-list/description-list.js";
+import { DT_DESCRIPTION_LIST_DIRECTION as ur } from "./lib/description-list/description-list-constants.js";
+import dr from "./lib/description-list/description-list.js";
 import "./lib/description-list/index.js";
-import cr from "./lib/lazy-show/lazy-show.js";
-import lr from "./lib/popover/popover.js";
-import { DROPDOWN_PADDING_CLASSES as ur } from "./lib/dropdown/dropdown-constants.js";
-import dr from "./lib/dropdown/dropdown.js";
-import fr from "./lib/dropdown/dropdown-separator.js";
-import pr from "./lib/emoji/emoji.js";
-import { INPUT_SIZES as mr, INPUT_TYPES as hr } from "./lib/input/input-constants.js";
-import gr from "./lib/input/input.js";
-import { t as _r } from "./EmojiPicker-BllVwJf4.js";
-import { TAB_ACTIVATION_MODES as vr, TAB_GROUP_KINDS as yr, TAB_LIST_IMPORTANCE_MODIFIERS as br, TAB_LIST_KIND_MODIFIERS as xr, TAB_LIST_SIZES as Sr, TAB_LIST_SIZE_MODIFIERS as Cr, TAB_SPREADS as wr } from "./lib/tab/tabs-constants.js";
-import Tr from "./lib/tab/tab-group.js";
-import Er from "./lib/tab/tab.js";
-import Dr from "./lib/tab/tab-panel.js";
-import { ARROW_KEYS as Or, CDN_URL as kr, EMOJIS_PER_ROW as Ar, EMOJI_PICKER_SKIN_TONE_MODIFIERS as jr } from "./lib/emoji-picker/emoji-picker-constants.js";
-import Mr from "./lib/emoji-text-wrapper/emoji-text-wrapper.js";
-import { EMPTY_STATE_SIZE_MODIFIERS as Nr } from "./lib/empty-state/empty-state-constants.js";
-import Pr from "./lib/empty-state/empty-state.js";
+import fr from "./lib/lazy-show/lazy-show.js";
+import pr from "./lib/popover/popover.js";
+import { DROPDOWN_PADDING_CLASSES as mr } from "./lib/dropdown/dropdown-constants.js";
+import hr from "./lib/dropdown/dropdown.js";
+import gr from "./lib/dropdown/dropdown-separator.js";
+import _r from "./lib/emoji/emoji.js";
+import { INPUT_SIZES as vr, INPUT_TYPES as yr } from "./lib/input/input-constants.js";
+import br from "./lib/input/input.js";
+import { t as xr } from "./EmojiPicker-BllVwJf4.js";
+import { TAB_ACTIVATION_MODES as Sr, TAB_GROUP_KINDS as Cr, TAB_LIST_IMPORTANCE_MODIFIERS as wr, TAB_LIST_KIND_MODIFIERS as Tr, TAB_LIST_SIZES as Er, TAB_LIST_SIZE_MODIFIERS as Dr, TAB_SPREADS as Or } from "./lib/tab/tabs-constants.js";
+import kr from "./lib/tab/tab-group.js";
+import Ar from "./lib/tab/tab.js";
+import jr from "./lib/tab/tab-panel.js";
+import { ARROW_KEYS as Mr, CDN_URL as Nr, EMOJIS_PER_ROW as Pr, EMOJI_PICKER_SKIN_TONE_MODIFIERS as Fr } from "./lib/emoji-picker/emoji-picker-constants.js";
+import Ir from "./lib/emoji-text-wrapper/emoji-text-wrapper.js";
+import { EMPTY_STATE_SIZE_MODIFIERS as Lr } from "./lib/empty-state/empty-state-constants.js";
+import Rr from "./lib/empty-state/empty-state.js";
 import "./lib/empty-state/index.js";
-import Fr from "./lib/filter-pill/filter-pill.js";
+import zr from "./lib/filter-pill/filter-pill.js";
 import "./lib/filter-pill/index.js";
-import Ir from "./lib/hovercard/hovercard.js";
+import Br from "./lib/hovercard/hovercard.js";
 import "./lib/hovercard/index.js";
-import { ILLUSTRATION_NAMES as Lr } from "./lib/illustration/illustration-constants.js";
-import Rr from "./lib/illustration/illustration.js";
+import { ILLUSTRATION_NAMES as Vr } from "./lib/illustration/illustration-constants.js";
+import Hr from "./lib/illustration/illustration.js";
 import "./lib/illustration/index.js";
-import zr from "./lib/image-viewer/image-viewer.js";
-import Br from "./lib/keyboard-shortcut/keyboard-shortcut.js";
-import { SHORTCUTS_ALIASES_LIST as Vr } from "./lib/keyboard-shortcut/keyboard-shortcut-constants.js";
-import Hr from "./lib/list-item-group/list-item-group.js";
+import Ur from "./lib/image-viewer/image-viewer.js";
+import Wr from "./lib/keyboard-shortcut/keyboard-shortcut.js";
+import { SHORTCUTS_ALIASES_LIST as Gr } from "./lib/keyboard-shortcut/keyboard-shortcut-constants.js";
+import Kr from "./lib/list-item-group/list-item-group.js";
 import "./lib/loader/index.js";
-import { MODAL_BANNER_KINDS as Ur, MODAL_KIND_MODIFIERS as Wr, MODAL_SIZE_MODIFIERS as Gr } from "./lib/modal/modal-constants.js";
-import Kr from "./lib/modal/modal.js";
+import { MODAL_BANNER_KINDS as qr, MODAL_KIND_MODIFIERS as Jr } from "./lib/modal/modal-constants.js";
+import Yr from "./lib/modal/modal.js";
 import "./lib/modal/index.js";
-import { DT_MODE_ISLAND_TYPES as qr } from "./lib/mode-island/mode-island-constants.js";
-import Jr from "./lib/mode-island/mode-island.js";
+import { DT_MODE_ISLAND_TYPES as Xr } from "./lib/mode-island/mode-island-constants.js";
+import Zr from "./lib/mode-island/mode-island.js";
 import "./lib/mode-island/index.js";
-import Yr from "./lib/pagination/pagination.js";
+import Qr from "./lib/pagination/pagination.js";
 import "./lib/pagination/index.js";
-import { PROGRESS_CIRCLE_KINDS as Xr, PROGRESS_CIRCLE_KIND_DEFAULT as Zr, PROGRESS_CIRCLE_SIZES as Qr, PROGRESS_CIRCLE_SIZE_DEFAULT as $r } from "./lib/progress-circle/progress-circle-constants.js";
-import ei from "./lib/progress-circle/progress-circle.js";
-import { PROSE_ALLOWED_ATTRIBUTES as ti, PROSE_DENSITY_MODIFIERS as ni, PROSE_DISALLOWED_ELEMENTS as ri, PROSE_SIZE_MODIFIERS as ii } from "./lib/prose/prose-constants.js";
-import ai from "./lib/prose/prose.js";
+import { PROGRESS_CIRCLE_KINDS as $r, PROGRESS_CIRCLE_KIND_DEFAULT as ei, PROGRESS_CIRCLE_SIZES as ti, PROGRESS_CIRCLE_SIZE_DEFAULT as ni } from "./lib/progress-circle/progress-circle-constants.js";
+import ri from "./lib/progress-circle/progress-circle.js";
+import { PROSE_ALLOWED_ATTRIBUTES as ii, PROSE_DENSITY_MODIFIERS as ai, PROSE_DISALLOWED_ELEMENTS as oi, PROSE_SIZE_MODIFIERS as si } from "./lib/prose/prose-constants.js";
+import ci from "./lib/prose/prose.js";
 import "./lib/prose/index.js";
-import { RADIO_INPUT_VALIDATION_CLASSES as oi } from "./lib/radio/radio-constants.js";
-import si from "./lib/radio/radio.js";
+import { RADIO_INPUT_VALIDATION_CLASSES as li } from "./lib/radio/radio-constants.js";
+import ui from "./lib/radio/radio.js";
 import "./lib/radio/index.js";
-import ci from "./lib/radio-group/radio-group.js";
+import di from "./lib/radio-group/radio-group.js";
 import "./lib/radio-group/index.js";
-import { a as li, c as ui, d as di, f as fi, i as pi, l as mi, n as hi, o as gi, p as _i, r as vi, s as yi, t as bi, u as xi } from "./ResizableUtils-C9qEZRN5.js";
-import { t as Si } from "./Resizable-EY7mWluI.js";
-import { t as Ci } from "./ResizableHandle-v-oU-sj-.js";
-import wi from "./lib/resizable/resizable-panel.js";
+import { a as fi, c as pi, d as mi, f as hi, i as gi, l as _i, n as vi, o as yi, p as bi, r as xi, s as Si, t as Ci, u as wi } from "./ResizableUtils-C9qEZRN5.js";
+import { t as Ti } from "./Resizable-EY7mWluI.js";
+import { t as Ei } from "./ResizableHandle-v-oU-sj-.js";
+import Di from "./lib/resizable/resizable-panel.js";
 import "./lib/resizable/index.js";
-import { t as Ti } from "./RichTextEditor-DxbZSRop.js";
-import { RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as Ei, RICH_TEXT_EDITOR_OUTPUT_FORMATS as Di } from "./lib/rich-text-editor/rich-text-editor-constants.js";
-import { ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS as Oi, ROOT_LAYOUT_SIDEBAR_POSITIONS as ki } from "./lib/root-layout/root-layout-constants.js";
-import Ai from "./lib/root-layout/root-layout.js";
+import { t as Oi } from "./RichTextEditor-DxbZSRop.js";
+import { RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as ki, RICH_TEXT_EDITOR_OUTPUT_FORMATS as Ai } from "./lib/rich-text-editor/rich-text-editor-constants.js";
+import { ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS as ji, ROOT_LAYOUT_SIDEBAR_POSITIONS as Mi } from "./lib/root-layout/root-layout-constants.js";
+import Ni from "./lib/root-layout/root-layout.js";
 import "./lib/root-layout/index.js";
-import { t as ji } from "./Scroller-PdWd9P1m.js";
+import { t as Pi } from "./Scroller-PdWd9P1m.js";
 import "./lib/scroller/index.js";
-import { SEGMENTED_CONTROL_ACTIVATION_MODES as Mi, SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT as Ni, SEGMENTED_CONTROL_CONTEXT_KEY as Pi, SEGMENTED_CONTROL_FOCUS_KEY as Fi, SEGMENTED_CONTROL_ORIENTATIONS as Ii, SEGMENTED_CONTROL_ORIENTATION_DEFAULT as Li, SEGMENTED_CONTROL_SELECT_KEY as Ri, SEGMENTED_CONTROL_SIZES as zi, SEGMENTED_CONTROL_SIZE_DEFAULT as Bi, SEGMENTED_CONTROL_SIZE_MODIFIERS as Vi, SEGMENTED_CONTROL_SPREADS as Hi, SEGMENTED_CONTROL_SPREAD_DEFAULT as Ui } from "./lib/segmented-control/segmented-control-constants.js";
-import Wi from "./lib/segmented-control/segmented-control.js";
-import Gi from "./lib/segmented-control/segmented-control-item.js";
+import { SEGMENTED_CONTROL_ACTIVATION_MODES as Fi, SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT as Ii, SEGMENTED_CONTROL_CONTEXT_KEY as Li, SEGMENTED_CONTROL_FOCUS_KEY as Ri, SEGMENTED_CONTROL_ORIENTATIONS as zi, SEGMENTED_CONTROL_ORIENTATION_DEFAULT as Bi, SEGMENTED_CONTROL_SELECT_KEY as Vi, SEGMENTED_CONTROL_SIZES as Hi, SEGMENTED_CONTROL_SIZE_DEFAULT as Ui, SEGMENTED_CONTROL_SIZE_MODIFIERS as Wi, SEGMENTED_CONTROL_SPREADS as Gi, SEGMENTED_CONTROL_SPREAD_DEFAULT as Ki } from "./lib/segmented-control/segmented-control-constants.js";
+import qi from "./lib/segmented-control/segmented-control.js";
+import Ji from "./lib/segmented-control/segmented-control-item.js";
 import "./lib/segmented-control/index.js";
-import { SELECT_SIZE_MODIFIERS as Ki, SELECT_STATE_MODIFIERS as qi } from "./lib/select-menu/select-menu-constants.js";
-import Ji from "./lib/select-menu/select-menu.js";
+import { SELECT_SIZE_MODIFIERS as Yi, SELECT_STATE_MODIFIERS as Xi } from "./lib/select-menu/select-menu-constants.js";
+import Zi from "./lib/select-menu/select-menu.js";
 import "./lib/select-menu/index.js";
-import { SPLIT_BUTTON_ICON_SIZES as Yi } from "./lib/split-button/split-button-constants.js";
-import Xi from "./lib/split-button/split-button.js";
+import { SPLIT_BUTTON_ICON_SIZES as Qi } from "./lib/split-button/split-button-constants.js";
+import $i from "./lib/split-button/split-button.js";
 import "./lib/split-button/index.js";
-import { TOAST_MIN_DURATION as Zi, TOAST_ROLES as Qi } from "./lib/toast/toast-constants.js";
-import { t as $i } from "./Toast-CHbVmbBg.js";
+import { DT_TEXT_LIST_DEFAULT_TYPE as ea, DT_TEXT_LIST_GAP as ta, DT_TEXT_LIST_MARKERS as na, DT_TEXT_LIST_MARKER_TONES as ra, DT_TEXT_LIST_ORDERED_MARKERS as ia, DT_TEXT_LIST_TYPES as aa, DT_TEXT_LIST_UNORDERED_MARKERS as oa } from "./lib/text-list/text-list-constants.js";
+import { t as sa } from "./TextList-B6XFfQfD.js";
+import { t as ca } from "./TextListItem-ImUi_FWh.js";
+import "./lib/text-list/index.js";
+import { TOAST_MIN_DURATION as la, TOAST_ROLES as ua } from "./lib/toast/toast-constants.js";
+import { t as da } from "./Toast-BIHkIpZP.js";
 import "./lib/toast/index.js";
-import { TOGGLE_CHECKED_VALUES as ea, TOGGLE_SIZE_MODIFIERS as ta } from "./lib/toggle/toggle-constants.js";
-import na from "./lib/toggle/toggle.js";
+import { TOGGLE_CHECKED_VALUES as fa, TOGGLE_SIZE_MODIFIERS as pa } from "./lib/toggle/toggle-constants.js";
+import ma 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 ra, CHIP_TOP_POSITION as ia, MULTI_SELECT_SIZES as aa } from "./lib/combobox-multi-select/combobox-multi-select-constants.js";
+import { CHIP_SIZES as ha, CHIP_TOP_POSITION as ga, MULTI_SELECT_SIZES as _a } 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 oa } from "./lib/tooltip-directive/tooltip.js";
+import { DtTooltipDirective as va } from "./lib/tooltip-directive/tooltip.js";
 import "./lib/tooltip-directive/index.js";
-import { DtScrollbarDirective as sa } from "./lib/scrollbar-directive/scrollbar.js";
+import { DtScrollbarDirective as ya } from "./lib/scrollbar-directive/scrollbar.js";
 import "./lib/scrollbar-directive/index.js";
-import { DtModeDirective as ca } from "./lib/mode-directive/mode.js";
+import { DtModeDirective as ba } from "./lib/mode-directive/mode.js";
 import "./lib/mode-directive/index.js";
-import { DtFocusgroupDirective as la } from "./lib/focusgroup-directive/focusgroup.js";
+import { DtFocusgroupDirective as xa } from "./lib/focusgroup-directive/focusgroup.js";
 import "./lib/focusgroup-directive/index.js";
-import { DtFocustrapDirective as ua } from "./lib/focustrap-directive/focustrap.js";
+import { DtFocustrapDirective as Sa } from "./lib/focustrap-directive/focustrap.js";
 import "./lib/focustrap-directive/index.js";
-import { CALLBAR_BUTTON_VALID_WIDTH_SIZE as da } from "./lib/callbar-button/callbar-button-constants.js";
-import fa from "./lib/callbar-button/callbar-button.js";
-import pa from "./lib/callbar-button-with-popover/callbar-button-with-popover.js";
+import { CALLBAR_BUTTON_VALID_WIDTH_SIZE as Ca } from "./lib/callbar-button/callbar-button-constants.js";
+import wa from "./lib/callbar-button/callbar-button.js";
+import Ta from "./lib/callbar-button-with-popover/callbar-button-with-popover.js";
 import "./lib/callbar-button-with-popover/index.js";
-import ma from "./lib/callbar-button-with-dropdown/callbar-button-with-dropdown.js";
+import Ea from "./lib/callbar-button-with-dropdown/callbar-button-with-dropdown.js";
 import "./lib/callbar-button-with-dropdown/index.js";
-import { IVR_NODE_ASSIGN as ha, IVR_NODE_BRANCH as ga, IVR_NODE_CUSTOMER_DATA as _a, IVR_NODE_EXPERT as va, IVR_NODE_GO_TO as ya, IVR_NODE_HANGUP as ba, IVR_NODE_ICON_TYPES as xa, IVR_NODE_LABELS as Sa, IVR_NODE_PROMPT_COLLECT as Ca, IVR_NODE_PROMPT_MENU as wa, IVR_NODE_PROMPT_PLAY as Ta, IVR_NODE_TRANSFER as Ea } from "./lib/ivr-node/ivr-node-constants.js";
-import Da from "./lib/ivr-node/ivr-node.js";
+import { IVR_NODE_ASSIGN as Da, IVR_NODE_BRANCH as Oa, IVR_NODE_CUSTOMER_DATA as ka, IVR_NODE_EXPERT as Aa, IVR_NODE_GO_TO as ja, IVR_NODE_HANGUP as Ma, IVR_NODE_ICON_TYPES as Na, IVR_NODE_LABELS as Pa, IVR_NODE_PROMPT_COLLECT as Fa, IVR_NODE_PROMPT_MENU as Ia, IVR_NODE_PROMPT_PLAY as La, IVR_NODE_TRANSFER as Ra } from "./lib/ivr-node/ivr-node-constants.js";
+import za from "./lib/ivr-node/ivr-node.js";
 import "./lib/ivr-node/index.js";
-import Oa from "./lib/grouped-chip/grouped-chip.js";
+import Ba from "./lib/grouped-chip/grouped-chip.js";
 import "./lib/grouped-chip/index.js";
-import { t as ka } from "./attachment_carousel-BFIAXWOZ.js";
+import { t as Va } from "./attachment_carousel-CyiexPBk.js";
 import "./lib/attachment-carousel/index.js";
-import Aa from "./lib/editor/editor.js";
+import Ha from "./lib/editor/editor.js";
 import "./lib/editor/index.js";
-import { REACTIONS_ATTRIBUTES as ja } from "./lib/emoji-row/emoji-row-constants.js";
-import Ma from "./lib/emoji-row/emoji-row.js";
+import { REACTIONS_ATTRIBUTES as Ua } from "./lib/emoji-row/emoji-row-constants.js";
+import Wa from "./lib/emoji-row/emoji-row.js";
 import "./lib/emoji-row/index.js";
-import { FEED_ITEM_PILL_BORDER_COLORS as Na } from "./lib/feed-item-pill/feed-item-pill-constants.js";
-import Pa from "./lib/feed-item-pill/feed-item-pill.js";
+import { FEED_ITEM_PILL_BORDER_COLORS as Ga } from "./lib/feed-item-pill/feed-item-pill-constants.js";
+import Ka from "./lib/feed-item-pill/feed-item-pill.js";
 import "./lib/feed-item-pill/index.js";
-import { DEFAULT_FEED_ROW_STATE as Fa, FEED_ROW_STATE_BACKGROUND_COLOR as Ia } from "./lib/feed-item-row/feed-item-row-constants.js";
-import La from "./lib/feed-item-row/feed-item-row.js";
+import { DEFAULT_FEED_ROW_STATE as qa, FEED_ROW_STATE_BACKGROUND_COLOR as Ja } from "./lib/feed-item-row/feed-item-row-constants.js";
+import Ya from "./lib/feed-item-row/feed-item-row.js";
 import "./lib/feed-item-row/index.js";
-import { t as Ra } from "./message_input-DOE5NEU9.js";
+import { t as Xa } from "./message_input-C6BcWqr8.js";
 import "./lib/message-input/index.js";
-import za from "./lib/time-pill/time-pill.js";
+import Za from "./lib/time-pill/time-pill.js";
 import "./lib/time-pill/index.js";
-import Ba from "./lib/settings-menu-button/settings-menu-button.js";
+import Qa from "./lib/settings-menu-button/settings-menu-button.js";
 import "./lib/settings-menu-button/index.js";
-import Va from "./lib/contact-info/contact-info.js";
+import $a from "./lib/contact-info/contact-info.js";
 import "./lib/contact-info/index.js";
-import { CALLBOX_BADGE_COLORS as Ha, CALLBOX_BORDER_COLORS as Ua } from "./lib/callbox/callbox-constants.js";
-import Wa from "./lib/callbox/callbox.js";
+import { CALLBOX_BADGE_COLORS as eo, CALLBOX_BORDER_COLORS as to } from "./lib/callbox/callbox-constants.js";
+import no from "./lib/callbox/callbox.js";
 import "./lib/callbox/index.js";
-import Ga from "./lib/contact-centers-row/contact-centers-row.js";
+import ro from "./lib/contact-centers-row/contact-centers-row.js";
 import "./lib/contact-centers-row/index.js";
-import { LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS as Ka, LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR as qa, LEFTBAR_GENERAL_ROW_ICON_SIZES as Ja, LEFTBAR_GENERAL_ROW_TYPES as Ya } from "./lib/general-row/general-row-constants.js";
-import Xa from "./lib/general-row/leftbar-general-row-icon.js";
-import Za from "./lib/general-row/general-row.js";
-import Qa from "./lib/contact-row/contact-row.js";
+import { LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS as io, LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR as ao, LEFTBAR_GENERAL_ROW_ICON_SIZES as oo, LEFTBAR_GENERAL_ROW_TYPES as so } from "./lib/general-row/general-row-constants.js";
+import co from "./lib/general-row/leftbar-general-row-icon.js";
+import lo from "./lib/general-row/general-row.js";
+import uo from "./lib/contact-row/contact-row.js";
 import "./lib/contact-row/index.js";
-import $a from "./lib/group-row/group-row.js";
+import fo from "./lib/group-row/group-row.js";
 import "./lib/group-row/index.js";
-import { UNREAD_PILL_DIRECTIONS as eo, UNREAD_PILL_KINDS as to } from "./lib/unread-pill/unread-pill-constants.js";
-import no from "./lib/unread-pill/unread-pill.js";
+import { UNREAD_PILL_DIRECTIONS as po, UNREAD_PILL_KINDS as mo } from "./lib/unread-pill/unread-pill-constants.js";
+import ho from "./lib/unread-pill/unread-pill.js";
 import "./lib/unread-pill/index.js";
-import { MOTION_TEXT_ANIMATION_MODES as ro, MOTION_TEXT_SPEEDS as io, MOTION_TEXT_TIMING_PRESETS as ao } from "./lib/motion-text/motion-text-constants.js";
+import { MOTION_TEXT_ANIMATION_MODES as go, MOTION_TEXT_SPEEDS as _o, MOTION_TEXT_TIMING_PRESETS as vo } 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 oo } from "./lib/top-banner-info/top-banner-info-constants.js";
-import so from "./lib/top-banner-info/top-banner-info.js";
+import { COLOR_CODES as yo } from "./lib/top-banner-info/top-banner-info-constants.js";
+import bo from "./lib/top-banner-info/top-banner-info.js";
 import "./lib/top-banner-info/index.js";
-export { Or as ARROW_KEYS, Ve as AVATAR_CHROMA, He as AVATAR_FAMILY_COUNT, Ue as AVATAR_GROUP_VALIDATOR, We as AVATAR_HUE_OFFSETS, Ge as AVATAR_ICON_SIZES, Ke as AVATAR_KIND_MODIFIERS, qe as AVATAR_LIGHTNESS, Je as AVATAR_PRESENCE_SIZE_MODIFIERS, Ye as AVATAR_PRESENCE_STATES, Xe as AVATAR_SIZE_MODIFIERS, Ze as AVATAR_VARIANT_COUNT, nt as BADGE_DECORATION_MODIFIERS, rt as BADGE_KIND_MODIFIERS, it as BADGE_TYPE_MODIFIERS, un as BREADCRUMBS_INVERTED_MODIFIER, dn as BREADCRUMB_ITEM_SELECTED_MODIFIER, mn as BUTTON_GROUP_ALIGNMENT, jt as BUTTON_ICON_SIZES, Mt as BUTTON_IMPORTANCE_MODIFIERS, Nt as BUTTON_KIND_MODIFIERS, Pt as BUTTON_SIZE_MODIFIERS, Ft as BUTTON_TYPES, da as CALLBAR_BUTTON_VALID_WIDTH_SIZE, Ha as CALLBOX_BADGE_COLORS, Ua as CALLBOX_BORDER_COLORS, kr as CDN_URL, bn as CHIP_CLOSE_BUTTON_SIZE_MODIFIERS, xn as CHIP_ICON_SIZES, ra as CHIP_SIZES, Sn as CHIP_SIZE_MODIFIERS, ia as CHIP_TOP_POSITION, oo as COLOR_CODES, In as COMBOBOX_LABEL_SIZES, te as COMPONENT_SIZES, Rt as CRITICAL, Fa as DEFAULT_FEED_ROW_STATE, mi as DEFAULT_PANEL_SIZE, t as DEFAULT_PREFIX, n as DEFAULT_VALIDATION_MESSAGE_TYPE, r as DESCRIPTION_SIZE_MODIFIERS, i as DESCRIPTION_SIZE_TYPES, ur as DROPDOWN_PADDING_CLASSES, Qt as DT_BOX_AS_VALUES, $t as DT_BOX_BORDER_COLOR_VALUES, en as DT_BOX_BORDER_RADIUS_VALUES, tn as DT_BOX_BORDER_WIDTH_VALUES, nn as DT_BOX_LAYOUT_VALUES, rn as DT_BOX_OVERFLOW_VALUES, an as DT_BOX_SCROLLBAR_VALUES, on as DT_BOX_SHADOW_VALUES, sn as DT_BOX_SPACING_VALUES, cn as DT_BOX_SURFACE_VALUES, or as DT_DESCRIPTION_LIST_DIRECTION, qr as DT_MODE_ISLAND_TYPES, Ln as DT_STACK_DIRECTION, Rn as DT_STACK_GAP, zn as DT_STACK_RESPONSIVE_BREAKPOINTS, qt as DialtoneLocalization, tt as DtAvatar, ct as DtBadge, Zt as DtBanner, ln as DtBox, fn as DtBreadcrumbItem, pn as DtBreadcrumbs, Jt as DtButton, hn as DtButtonGroup, gn as DtCard, V as DtCheckableInputMixin, _n as DtCheckbox, yn as DtCheckboxGroup, Cn as DtChip, wn as DtCodeblock, Tn as DtCollapsible, Fn as DtCombobox, Q as DtComboboxMultiSelect, Q as DtRecipeComboboxMultiSelect, Z as DtComboboxWithPopover, Z as DtRecipeComboboxWithPopover, ee as DtDOMMixin, tr as DtDatepicker, sr as DtDescriptionList, dr as DtDropdown, fr as DtDropdownSeparator, pr as DtEmoji, _r as DtEmojiPicker, Mr as DtEmojiTextWrapper, Pr as DtEmptyState, Fr as DtFilterPill, la as DtFocusgroupDirective, ua as DtFocustrapDirective, H as DtGroupableInputMixin, Ir as DtHovercard, st as DtIcon, Rr as DtIllustration, zr as DtImageViewer, gr as DtInput, vn as DtInputGroup, G as DtInputGroupMixin, U as DtInputMixin, On as DtItemLayout, K as DtKeyboardListNavigationMixin, Br as DtKeyboardShortcut, cr as DtLazyShow, Kt as DtLink, kn as DtListItem, Hr as DtListItemGroup, At as DtLoader, Kr as DtModal, q as DtModalMixin, ca as DtModeDirective, Jr as DtModeIsland, le as DtModeMixin, $ as DtMotionText, $ as DtRecipeMotionText, Xt as DtNotice, Yt as DtNoticeAction, kt as DtNoticeContent, dt as DtNoticeIcon, Yr as DtPagination, lr as DtPopover, Be as DtPresence, ei as DtProgressCircle, ai as DtProse, si as DtRadio, ci as DtRadioGroup, ka as DtRecipeAttachmentCarousel, fa as DtRecipeCallbarButton, ma as DtRecipeCallbarButtonWithDropdown, pa as DtRecipeCallbarButtonWithPopover, Wa as DtRecipeCallbox, Ga as DtRecipeContactCentersRow, Va as DtRecipeContactInfo, Qa as DtRecipeContactRow, Aa as DtRecipeEditor, Ma as DtRecipeEmojiRow, Pa as DtRecipeFeedItemPill, La as DtRecipeFeedItemRow, Za as DtRecipeGeneralRow, $a as DtRecipeGroupRow, Oa as DtRecipeGroupedChip, Da as DtRecipeIvrNode, Xa as DtRecipeLeftbarGeneralRowIcon, Ra as DtRecipeMessageInput, Ba as DtRecipeSettingsMenuButton, za as DtRecipeTimePill, so as DtRecipeTopBannerInfo, no as DtRecipeUnreadPill, Si as DtResizable, Ci as DtResizableHandle, wi as DtResizablePanel, Ti as DtRichTextEditor, Ai as DtRootLayout, sa as DtScrollbarDirective, ji as DtScroller, Wi as DtSegmentedControl, Gi as DtSegmentedControlItem, Ji as DtSelectMenu, Pn as DtSkeleton, Nn as DtSkeletonListItem, ce as DtSkeletonMixin, Mn as DtSkeletonParagraph, An as DtSkeletonShape, jn as DtSkeletonText, Xi as DtSplitButton, Bn as DtStack, Er as DtTab, Tr as DtTabGroup, Dr as DtTabPanel, Ot as DtText, $i as DtToast, na as DtToggle, er as DtTooltip, oa as DtTooltipDirective, W as DtValidationMessages, Ar as EMOJIS_PER_ROW, jr as EMOJI_PICKER_SKIN_TONE_MODIFIERS, Nr as EMPTY_STATE_SIZE_MODIFIERS, a as EVENT_KEYNAMES, Na as FEED_ITEM_PILL_BORDER_COLORS, Ia as FEED_ROW_STATE_BACKGROUND_COLOR, o as HTML_ELEMENT_TYPE, at as ICON_NAMES, It as ICON_POSITION_MODIFIERS, ot as ICON_SIZE_MODIFIERS, Lr as ILLUSTRATION_NAMES, mr as INPUT_SIZES, hr as INPUT_TYPES, Lt as INVALID_COMBINATION, ha as IVR_NODE_ASSIGN, ga as IVR_NODE_BRANCH, _a as IVR_NODE_CUSTOMER_DATA, va as IVR_NODE_EXPERT, ya as IVR_NODE_GO_TO, ba as IVR_NODE_HANGUP, xa as IVR_NODE_ICON_TYPES, Sa as IVR_NODE_LABELS, Ca as IVR_NODE_PROMPT_COLLECT, wa as IVR_NODE_PROMPT_MENU, Ta as IVR_NODE_PROMPT_PLAY, Ea as IVR_NODE_TRANSFER, s as LABEL_SIZE_MODIFIERS, re as LAYOUT_PERCENT_VALUES, ie as LAYOUT_SIZE_VALUES, e as LAYOUT_VALUES, Ka as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS, qa as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR, Ja as LEFTBAR_GENERAL_ROW_ICON_SIZES, Ya as LEFTBAR_GENERAL_ROW_TYPES, zt as LINK_KIND_MODIFIERS, Bt as LINK_VARIANTS, En as LIST_ITEM_NAVIGATION_TYPES, Dn as LIST_ITEM_TYPES, Vt as MENTION, xi as MIN_PANEL_SIZE_PX, Ur as MODAL_BANNER_KINDS, Wr as MODAL_KIND_MODIFIERS, Gr as MODAL_SIZE_MODIFIERS, ro as MOTION_TEXT_ANIMATION_MODES, io as MOTION_TEXT_SPEEDS, ao as MOTION_TEXT_TIMING_PRESETS, aa as MULTI_SELECT_SIZES, Ht as MUTED, lt as NOTICE_KINDS, ut as NOTICE_ROLES, Kn as POPOVER_APPEND_TO_VALUES, qn as POPOVER_CONTENT_WIDTHS, Jn as POPOVER_DIRECTIONS, Yn as POPOVER_HEADER_FOOTER_PADDING_CLASSES, Xn as POPOVER_INITIAL_FOCUS_STRINGS, Zn as POPOVER_PADDING_CLASSES, Qn as POPOVER_ROLES, $n as POPOVER_STICKY_VALUES, Ut as POSITIVE, Re as PRESENCE_STATES, ze as PRESENCE_STATES_LIST, Xr as PROGRESS_CIRCLE_KINDS, Zr as PROGRESS_CIRCLE_KIND_DEFAULT, Qr as PROGRESS_CIRCLE_SIZES, $r as PROGRESS_CIRCLE_SIZE_DEFAULT, ti as PROSE_ALLOWED_ATTRIBUTES, ni as PROSE_DENSITY_MODIFIERS, ri as PROSE_DISALLOWED_ELEMENTS, ii as PROSE_SIZE_MODIFIERS, oi as RADIO_INPUT_VALIDATION_CLASSES, ja as REACTIONS_ATTRIBUTES, di as RESIZABLE_CONTEXT_KEY, fi as RESIZABLE_HANDLE_CENTER_OFFSET_PX, Ei as RICH_TEXT_EDITOR_AUTOFOCUS_TYPES, Di as RICH_TEXT_EDITOR_OUTPUT_FORMATS, Oi as ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS, ki as ROOT_LAYOUT_SIDEBAR_POSITIONS, Mi as SEGMENTED_CONTROL_ACTIVATION_MODES, Ni as SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT, Pi as SEGMENTED_CONTROL_CONTEXT_KEY, Fi as SEGMENTED_CONTROL_FOCUS_KEY, Ii as SEGMENTED_CONTROL_ORIENTATIONS, Li as SEGMENTED_CONTROL_ORIENTATION_DEFAULT, Ri as SEGMENTED_CONTROL_SELECT_KEY, zi as SEGMENTED_CONTROL_SIZES, Bi as SEGMENTED_CONTROL_SIZE_DEFAULT, Vi as SEGMENTED_CONTROL_SIZE_MODIFIERS, Hi as SEGMENTED_CONTROL_SPREADS, Ui as SEGMENTED_CONTROL_SPREAD_DEFAULT, Ki as SELECT_SIZE_MODIFIERS, qi as SELECT_STATE_MODIFIERS, Vr as SHORTCUTS_ALIASES_LIST, J as SKELETON_HEADING_HEIGHTS, Y as SKELETON_RIPPLE_DURATION, ae as SKELETON_SHAPES, oe as SKELETON_SHAPE_SIZES, se as SKELETON_TEXT_TYPES, Yi as SPLIT_BUTTON_ICON_SIZES, vr as TAB_ACTIVATION_MODES, yr as TAB_GROUP_KINDS, br as TAB_LIST_IMPORTANCE_MODIFIERS, xr as TAB_LIST_KIND_MODIFIERS, Sr as TAB_LIST_SIZES, Cr as TAB_LIST_SIZE_MODIFIERS, wr as TAB_SPREADS, ft as TEXT_ALIGN_MODIFIERS, pt as TEXT_BOX_TRIM_MODIFIERS, mt as TEXT_DENSITY_MODIFIERS, ht as TEXT_FAMILY_MODIFIERS, gt as TEXT_FONT_SIZE_MODIFIERS, _t as TEXT_HEADLINE_ONLY_SIZES, ne as TEXT_HEADLINE_SIZES, vt as TEXT_ITALIC_CLASS, yt as TEXT_KIND_MODIFIERS, bt as TEXT_LINE_CLAMP_CLASS, xt as TEXT_NUMERIC_CLASS, St as TEXT_SIZE_MODIFIERS, Ct as TEXT_STRENGTH_MODIFIERS, wt as TEXT_TONE_MODIFIERS, Tt as TEXT_TRUNCATE_CLASS, Et as TEXT_VARIANT_MODIFIERS, Dt as TEXT_WRAP_MODIFIERS, Zi as TOAST_MIN_DURATION, Qi as TOAST_ROLES, ea as TOGGLE_CHECKED_VALUES, ta as TOGGLE_SIZE_MODIFIERS, Vn as TOOLTIP_DELAY_MS, Hn as TOOLTIP_DIRECTIONS, Un as TOOLTIP_HIDE_ON_CLICK_VARIANTS, Wn as TOOLTIP_KIND_MODIFIERS, Gn as TOOLTIP_STICKY_VALUES, eo as UNREAD_PILL_DIRECTIONS, to as UNREAD_PILL_KINDS, c as VALIDATION_MESSAGE_TYPES, Wt as WARNING, _i as buildHandleId, u as capitalizeFirstLetter, me as codeToEmojiData, Qe as colorToFamilyVariant, $e as computeAvatarHex, he as customEmojiAssetUrl, d as debounce, ge as defaultEmojiAssetUrl, f as disableRootScrolling, ue as durationInHHMM, _e as emojiFileExtensionLarge, ve as emojiFileExtensionSmall, ye as emojiImageUrlLarge, be as emojiImageUrlSmall, xe as emojiJson, Se as emojiRegex, Ce as emojiShortCodeRegex, we as emojiVersion, p as enableRootScrolling, m as extractNonListeners, h as extractVueListeners, g as filterFormattedMessages, Te as filterValidShortCodes, Ee as findEmojis, _ as findFirstFocusableNode, De as findShortCodes, v as flushPromises, nr as formatLong, rr as formatMedium, y as formatMessages, ir as formatNoYear, X as formatNumerical, ar as formatShort, de as getDateMedium, Oe as getEmojiData, ke as getEmojiShortCode, Gt as getLinkKindModifier, b as getPhoneNumberRegex, x as getRandomElement, et as getRandomFamilyVariant, S as getRandomInt, C as getUniqueString, w as getValidationState, T as hasFormattedMessageOfType, bi as hasPercentageMinSize, E as hasSlotContent, D as htmlFragment, hi as invalidateTokenCache, vi as isCSSValue, O as isEmailAddress, k as isOutOfViewPort, pi as isPercentageValue, A as isPhoneNumber, j as isURL, li as isValidSizing, M as javaHashCode, N as kebabCaseToPascalCase, P as linkRegex, gi as parseSizeToPixels, F as pascalCaseToKebabCase, yi as pixelsToPercentage, fe as relativeDate, I as removeClassStyleAttrs, L as returnFirstEl, R as safeConcatStrings, Ae as setCustomEmojiJson, je as setCustomEmojiUrl, pe as setDateLocale, Me as setEmojiAssetUrlLarge, Ne as setEmojiAssetUrlSmall, Pe as shortcodeToEmojiData, Fe as stringToUnicode, z as toFluentKeyString, Ie as unicodeToString, ui as validateContainerSize, Le as validateCustomEmojiJson, l as validationMessageValidator, B as warnIfUnmounted };
+export { Mr as ARROW_KEYS, Ve as AVATAR_CHROMA, He as AVATAR_FAMILY_COUNT, Ue as AVATAR_GROUP_VALIDATOR, We as AVATAR_HUE_OFFSETS, Ge as AVATAR_ICON_SIZES, Ke as AVATAR_KIND_MODIFIERS, qe as AVATAR_LIGHTNESS, Je as AVATAR_PRESENCE_SIZE_MODIFIERS, Ye as AVATAR_PRESENCE_STATES, Xe as AVATAR_SIZE_MODIFIERS, Ze as AVATAR_VARIANT_COUNT, nt as BADGE_DECORATION_MODIFIERS, rt as BADGE_KIND_MODIFIERS, it as BADGE_TYPE_MODIFIERS, mn as BREADCRUMBS_INVERTED_MODIFIER, hn as BREADCRUMB_ITEM_SELECTED_MODIFIER, vn as BUTTON_GROUP_ALIGNMENT, jt as BUTTON_ICON_SIZES, Mt as BUTTON_IMPORTANCE_MODIFIERS, Nt as BUTTON_KIND_MODIFIERS, Pt as BUTTON_SIZE_MODIFIERS, Ft as BUTTON_TYPES, Ca as CALLBAR_BUTTON_VALID_WIDTH_SIZE, eo as CALLBOX_BADGE_COLORS, to as CALLBOX_BORDER_COLORS, Nr as CDN_URL, wn as CHIP_CLOSE_BUTTON_SIZE_MODIFIERS, Tn as CHIP_ICON_SIZES, ha as CHIP_SIZES, En as CHIP_SIZE_MODIFIERS, ga as CHIP_TOP_POSITION, yo as COLOR_CODES, Bn as COMBOBOX_LABEL_SIZES, te as COMPONENT_SIZES, Rt as CRITICAL, qa as DEFAULT_FEED_ROW_STATE, _i as DEFAULT_PANEL_SIZE, t as DEFAULT_PREFIX, n as DEFAULT_VALIDATION_MESSAGE_TYPE, r as DESCRIPTION_SIZE_MODIFIERS, i as DESCRIPTION_SIZE_TYPES, mr as DROPDOWN_PADDING_CLASSES, Qt as DT_BOX_AS_VALUES, $t as DT_BOX_BORDER_COLOR_VALUES, en as DT_BOX_BORDER_RADIUS_VALUES, tn as DT_BOX_BORDER_WIDTH_VALUES, nn as DT_BOX_INSET_SIDE_VALUES, rn as DT_BOX_INSET_VALUES, an as DT_BOX_LAYOUT_VALUES, on as DT_BOX_OVERFLOW_VALUES, sn as DT_BOX_POSITION_VALUES, cn as DT_BOX_SCROLLBAR_VALUES, ln as DT_BOX_SHADOW_VALUES, un as DT_BOX_SPACING_VALUES, dn as DT_BOX_SURFACE_VALUES, fn as DT_BOX_Z_INDEX_VALUES, ur as DT_DESCRIPTION_LIST_DIRECTION, Xr as DT_MODE_ISLAND_TYPES, Vn as DT_STACK_DIRECTION, Hn as DT_STACK_GAP, Un as DT_STACK_RESPONSIVE_BREAKPOINTS, ea as DT_TEXT_LIST_DEFAULT_TYPE, ta as DT_TEXT_LIST_GAP, na as DT_TEXT_LIST_MARKERS, ra as DT_TEXT_LIST_MARKER_TONES, ia as DT_TEXT_LIST_ORDERED_MARKERS, aa as DT_TEXT_LIST_TYPES, oa as DT_TEXT_LIST_UNORDERED_MARKERS, qt as DialtoneLocalization, tt as DtAvatar, ct as DtBadge, Zt as DtBanner, pn as DtBox, gn as DtBreadcrumbItem, _n as DtBreadcrumbs, Jt as DtButton, yn as DtButtonGroup, bn as DtCard, V as DtCheckableInputMixin, xn as DtCheckbox, Cn as DtCheckboxGroup, Dn as DtChip, On as DtCodeblock, kn as DtCollapsible, zn as DtCombobox, Q as DtComboboxMultiSelect, Q as DtRecipeComboboxMultiSelect, Z as DtComboboxWithPopover, Z as DtRecipeComboboxWithPopover, ee as DtDOMMixin, ar as DtDatepicker, dr as DtDescriptionList, hr as DtDropdown, gr as DtDropdownSeparator, _r as DtEmoji, xr as DtEmojiPicker, Ir as DtEmojiTextWrapper, Rr as DtEmptyState, zr as DtFilterPill, xa as DtFocusgroupDirective, Sa as DtFocustrapDirective, H as DtGroupableInputMixin, Br as DtHovercard, st as DtIcon, Hr as DtIllustration, Ur as DtImageViewer, br as DtInput, Sn as DtInputGroup, G as DtInputGroupMixin, U as DtInputMixin, Mn as DtItemLayout, K as DtKeyboardListNavigationMixin, Wr as DtKeyboardShortcut, fr as DtLazyShow, Kt as DtLink, Nn as DtListItem, Kr as DtListItemGroup, At as DtLoader, Yr as DtModal, q as DtModalMixin, ba as DtModeDirective, Zr as DtModeIsland, le as DtModeMixin, $ as DtMotionText, $ as DtRecipeMotionText, Xt as DtNotice, Yt as DtNoticeAction, kt as DtNoticeContent, dt as DtNoticeIcon, Qr as DtPagination, pr as DtPopover, Be as DtPresence, ri as DtProgressCircle, ci as DtProse, ui as DtRadio, di as DtRadioGroup, Va as DtRecipeAttachmentCarousel, wa as DtRecipeCallbarButton, Ea as DtRecipeCallbarButtonWithDropdown, Ta as DtRecipeCallbarButtonWithPopover, no as DtRecipeCallbox, ro as DtRecipeContactCentersRow, $a as DtRecipeContactInfo, uo as DtRecipeContactRow, Ha as DtRecipeEditor, Wa as DtRecipeEmojiRow, Ka as DtRecipeFeedItemPill, Ya as DtRecipeFeedItemRow, lo as DtRecipeGeneralRow, fo as DtRecipeGroupRow, Ba as DtRecipeGroupedChip, za as DtRecipeIvrNode, co as DtRecipeLeftbarGeneralRowIcon, Xa as DtRecipeMessageInput, Qa as DtRecipeSettingsMenuButton, Za as DtRecipeTimePill, bo as DtRecipeTopBannerInfo, ho as DtRecipeUnreadPill, Ti as DtResizable, Ei as DtResizableHandle, Di as DtResizablePanel, Oi as DtRichTextEditor, Ni as DtRootLayout, ya as DtScrollbarDirective, Pi as DtScroller, qi as DtSegmentedControl, Ji as DtSegmentedControlItem, Zi as DtSelectMenu, Rn as DtSkeleton, Ln as DtSkeletonListItem, ce as DtSkeletonMixin, In as DtSkeletonParagraph, Pn as DtSkeletonShape, Fn as DtSkeletonText, $i as DtSplitButton, Wn as DtStack, Ar as DtTab, kr as DtTabGroup, jr as DtTabPanel, Ot as DtText, sa as DtTextList, ca as DtTextListItem, da as DtToast, ma as DtToggle, ir as DtTooltip, va as DtTooltipDirective, W as DtValidationMessages, Pr as EMOJIS_PER_ROW, Fr as EMOJI_PICKER_SKIN_TONE_MODIFIERS, Lr as EMPTY_STATE_SIZE_MODIFIERS, a as EVENT_KEYNAMES, Ga as FEED_ITEM_PILL_BORDER_COLORS, Ja as FEED_ROW_STATE_BACKGROUND_COLOR, o as HTML_ELEMENT_TYPE, at as ICON_NAMES, It as ICON_POSITION_MODIFIERS, ot as ICON_SIZE_MODIFIERS, Vr as ILLUSTRATION_NAMES, vr as INPUT_SIZES, yr as INPUT_TYPES, Lt as INVALID_COMBINATION, Da as IVR_NODE_ASSIGN, Oa as IVR_NODE_BRANCH, ka as IVR_NODE_CUSTOMER_DATA, Aa as IVR_NODE_EXPERT, ja as IVR_NODE_GO_TO, Ma as IVR_NODE_HANGUP, Na as IVR_NODE_ICON_TYPES, Pa as IVR_NODE_LABELS, Fa as IVR_NODE_PROMPT_COLLECT, Ia as IVR_NODE_PROMPT_MENU, La as IVR_NODE_PROMPT_PLAY, Ra as IVR_NODE_TRANSFER, s as LABEL_SIZE_MODIFIERS, re as LAYOUT_PERCENT_VALUES, ie as LAYOUT_SIZE_VALUES, e as LAYOUT_VALUES, io as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS, ao as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR, oo as LEFTBAR_GENERAL_ROW_ICON_SIZES, so as LEFTBAR_GENERAL_ROW_TYPES, zt as LINK_KIND_MODIFIERS, Bt as LINK_VARIANTS, An as LIST_ITEM_NAVIGATION_TYPES, jn as LIST_ITEM_TYPES, Vt as MENTION, wi as MIN_PANEL_SIZE_PX, qr as MODAL_BANNER_KINDS, Jr as MODAL_KIND_MODIFIERS, go as MOTION_TEXT_ANIMATION_MODES, _o as MOTION_TEXT_SPEEDS, vo as MOTION_TEXT_TIMING_PRESETS, _a as MULTI_SELECT_SIZES, Ht as MUTED, lt as NOTICE_KINDS, ut as NOTICE_ROLES, Xn as POPOVER_APPEND_TO_VALUES, Zn as POPOVER_CONTENT_WIDTHS, Qn as POPOVER_DIRECTIONS, $n as POPOVER_HEADER_FOOTER_PADDING_CLASSES, er as POPOVER_INITIAL_FOCUS_STRINGS, tr as POPOVER_PADDING_CLASSES, nr as POPOVER_ROLES, rr as POPOVER_STICKY_VALUES, Ut as POSITIVE, Re as PRESENCE_STATES, ze as PRESENCE_STATES_LIST, $r as PROGRESS_CIRCLE_KINDS, ei as PROGRESS_CIRCLE_KIND_DEFAULT, ti as PROGRESS_CIRCLE_SIZES, ni as PROGRESS_CIRCLE_SIZE_DEFAULT, ii as PROSE_ALLOWED_ATTRIBUTES, ai as PROSE_DENSITY_MODIFIERS, oi as PROSE_DISALLOWED_ELEMENTS, si as PROSE_SIZE_MODIFIERS, li as RADIO_INPUT_VALIDATION_CLASSES, Ua as REACTIONS_ATTRIBUTES, mi as RESIZABLE_CONTEXT_KEY, hi as RESIZABLE_HANDLE_CENTER_OFFSET_PX, ki as RICH_TEXT_EDITOR_AUTOFOCUS_TYPES, Ai as RICH_TEXT_EDITOR_OUTPUT_FORMATS, ji as ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS, Mi as ROOT_LAYOUT_SIDEBAR_POSITIONS, Fi as SEGMENTED_CONTROL_ACTIVATION_MODES, Ii as SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT, Li as SEGMENTED_CONTROL_CONTEXT_KEY, Ri as SEGMENTED_CONTROL_FOCUS_KEY, zi as SEGMENTED_CONTROL_ORIENTATIONS, Bi as SEGMENTED_CONTROL_ORIENTATION_DEFAULT, Vi as SEGMENTED_CONTROL_SELECT_KEY, Hi as SEGMENTED_CONTROL_SIZES, Ui as SEGMENTED_CONTROL_SIZE_DEFAULT, Wi as SEGMENTED_CONTROL_SIZE_MODIFIERS, Gi as SEGMENTED_CONTROL_SPREADS, Ki as SEGMENTED_CONTROL_SPREAD_DEFAULT, Yi as SELECT_SIZE_MODIFIERS, Xi as SELECT_STATE_MODIFIERS, Gr as SHORTCUTS_ALIASES_LIST, J as SKELETON_HEADING_HEIGHTS, Y as SKELETON_RIPPLE_DURATION, ae as SKELETON_SHAPES, oe as SKELETON_SHAPE_SIZES, se as SKELETON_TEXT_TYPES, Qi as SPLIT_BUTTON_ICON_SIZES, Sr as TAB_ACTIVATION_MODES, Cr as TAB_GROUP_KINDS, wr as TAB_LIST_IMPORTANCE_MODIFIERS, Tr as TAB_LIST_KIND_MODIFIERS, Er as TAB_LIST_SIZES, Dr as TAB_LIST_SIZE_MODIFIERS, Or as TAB_SPREADS, ft as TEXT_ALIGN_MODIFIERS, pt as TEXT_BOX_TRIM_MODIFIERS, mt as TEXT_DENSITY_MODIFIERS, ht as TEXT_FAMILY_MODIFIERS, gt as TEXT_FONT_SIZE_MODIFIERS, _t as TEXT_HEADLINE_ONLY_SIZES, ne as TEXT_HEADLINE_SIZES, vt as TEXT_ITALIC_CLASS, yt as TEXT_KIND_MODIFIERS, bt as TEXT_LINE_CLAMP_CLASS, xt as TEXT_NUMERIC_CLASS, St as TEXT_SIZE_MODIFIERS, Ct as TEXT_STRENGTH_MODIFIERS, wt as TEXT_TONE_MODIFIERS, Tt as TEXT_TRUNCATE_CLASS, Et as TEXT_VARIANT_MODIFIERS, Dt as TEXT_WRAP_MODIFIERS, la as TOAST_MIN_DURATION, ua as TOAST_ROLES, fa as TOGGLE_CHECKED_VALUES, pa as TOGGLE_SIZE_MODIFIERS, Gn as TOOLTIP_DELAY_MS, Kn as TOOLTIP_DIRECTIONS, qn as TOOLTIP_HIDE_ON_CLICK_VARIANTS, Jn as TOOLTIP_KIND_MODIFIERS, Yn as TOOLTIP_STICKY_VALUES, po as UNREAD_PILL_DIRECTIONS, mo as UNREAD_PILL_KINDS, c as VALIDATION_MESSAGE_TYPES, Wt as WARNING, bi as buildHandleId, u as capitalizeFirstLetter, me as codeToEmojiData, Qe as colorToFamilyVariant, $e as computeAvatarHex, he as customEmojiAssetUrl, d as debounce, ge as defaultEmojiAssetUrl, f as disableRootScrolling, ue as durationInHHMM, _e as emojiFileExtensionLarge, ve as emojiFileExtensionSmall, ye as emojiImageUrlLarge, be as emojiImageUrlSmall, xe as emojiJson, Se as emojiRegex, Ce as emojiShortCodeRegex, we as emojiVersion, p as enableRootScrolling, m as extractNonListeners, h as extractVueListeners, g as filterFormattedMessages, Te as filterValidShortCodes, Ee as findEmojis, _ as findFirstFocusableNode, De as findShortCodes, v as flushPromises, or as formatLong, sr as formatMedium, y as formatMessages, cr as formatNoYear, X as formatNumerical, lr as formatShort, de as getDateMedium, Oe as getEmojiData, ke as getEmojiShortCode, Gt as getLinkKindModifier, b as getPhoneNumberRegex, x as getRandomElement, et as getRandomFamilyVariant, S as getRandomInt, C as getUniqueString, w as getValidationState, T as hasFormattedMessageOfType, Ci as hasPercentageMinSize, E as hasSlotContent, D as htmlFragment, vi as invalidateTokenCache, xi as isCSSValue, O as isEmailAddress, k as isOutOfViewPort, gi as isPercentageValue, A as isPhoneNumber, j as isURL, fi as isValidSizing, M as javaHashCode, N as kebabCaseToPascalCase, P as linkRegex, yi as parseSizeToPixels, F as pascalCaseToKebabCase, Si as pixelsToPercentage, fe as relativeDate, I as removeClassStyleAttrs, L as returnFirstEl, R as safeConcatStrings, Ae as setCustomEmojiJson, je as setCustomEmojiUrl, pe as setDateLocale, Me as setEmojiAssetUrlLarge, Ne as setEmojiAssetUrlSmall, Pe as shortcodeToEmojiData, Fe as stringToUnicode, z as toFluentKeyString, Ie as unicodeToString, pi as validateContainerSize, Le as validateCustomEmojiJson, l as validationMessageValidator, B as warnIfUnmounted };

package/dist/index.d.ts

@@ -59,6 +59,7 @@ export * from './components/SplitButton';
 export * from './components/Stack';
 export * from './components/Tab';
 export * from './components/Text';
+export * from './components/TextList';
 export * from './components/Toast';
 export * from './components/Toggle';
 export * from './components/Tooltip';

package/dist/lib/attachment-carousel/attachment-carousel.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../attachment_carousel-BJxqNJ5T.cjs`);exports.default=e.t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../attachment_carousel-DJqILY7f.cjs`);exports.default=e.t;

package/dist/lib/attachment-carousel/attachment-carousel.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../attachment_carousel-BFIAXWOZ.js";
+import { t as e } from "../../attachment_carousel-CyiexPBk.js";
 export { e as default };

package/dist/lib/attachment-carousel/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../attachment_carousel-BJxqNJ5T.cjs`);exports.DtRecipeAttachmentCarousel=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../attachment_carousel-DJqILY7f.cjs`);exports.DtRecipeAttachmentCarousel=e.t;

package/dist/lib/attachment-carousel/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../attachment_carousel-BFIAXWOZ.js";
+import { t as e } from "../../attachment_carousel-CyiexPBk.js";
 export { e as DtRecipeAttachmentCarousel };

package/dist/lib/avatar/avatar.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),n=require(`../../Presence-DLM3JR-n.cjs`),r=require(`./avatar-constants.cjs`),i=require(`./utils.cjs`);let a=require(`vue`);var o=typeof CSS<`u`&&CSS.supports?.(`background`,`oklch(0.5 0.1 0)`),s={name:`DtAvatar`,components:{DtPresence:n.t},props:{id:{type:String,default(){return e.getUniqueString()}},seed:{type:String,default:void 0},family:{type:Number,default:void 0,validator:e=>e>=1&&e<=12},variant:{type:Number,default:void 0,validator:e=>e>=0&&e<10},color:{type:String,default:void 0},size:{type:[String,Number],default:300,validator:e=>Object.keys(r.AVATAR_SIZE_MODIFIERS).includes(String(e))},avatarClass:{type:[String,Array,Object],default:``},canvasClass:{type:[String,Array,Object],default:``},iconClass:{type:[String,Array,Object],default:``},presence:{type:String,default:r.AVATAR_PRESENCE_STATES.NONE,validator:e=>Object.values(r.AVATAR_PRESENCE_STATES).includes(e)},presenceProps:{type:Object,default:()=>({})},group:{type:Number,default:void 0,validator:e=>r.AVATAR_GROUP_VALIDATOR(e)},overlayText:{type:String,default:``},overlayClass:{type:[String,Array,Object],default:``},imageSrc:{type:String,default:``},imageAlt:{type:String,default:void 0},fullName:{type:String,default:``},interactive:{type:Boolean,default:!1},clickable:{type:Boolean,default:null},iconAriaLabel:{type:String,default:void 0},iconOnly:{type:Boolean,default:!1},deactivated:{type:Boolean,default:!1}},emits:[`click`],data(){return{AVATAR_SIZE_MODIFIERS:r.AVATAR_SIZE_MODIFIERS,AVATAR_KIND_MODIFIERS:r.AVATAR_KIND_MODIFIERS,AVATAR_PRESENCE_SIZE_MODIFIERS:r.AVATAR_PRESENCE_SIZE_MODIFIERS,imageLoadedSuccessfully:null,formattedInitials:``,initializing:!1,hasSlotContent:e.hasSlotContent,anchorHue:0}},computed:{resolvedInteractive(){return this.clickable??this.interactive},hasOverlayIcon(){return e.hasSlotContent(this.$slots.overlayIcon)},isIconType(){return e.hasSlotContent(this.$slots.icon)},iconDataQa(){return`dt-avatar-icon`},computedFamily(){if(!this.isIconType){if(this.family!==void 0)return this.family;if(this.color!==void 0){let e=r.colorToFamilyVariant(this.color);if(e)return e.family}return r.getRandomFamilyVariant(this.seed).family}},computedVariant(){if(!this.isIconType){if(this.variant!==void 0)return this.variant;if(this.color!==void 0){let e=r.colorToFamilyVariant(this.color);if(e)return e.variant}return r.getRandomFamilyVariant(this.seed).variant}},avatarClasses(){return[`d-avatar`,r.AVATAR_SIZE_MODIFIERS[this.validatedSize],this.avatarClass,{"d-avatar--group":this.showGroup,"d-avatar--group-digits-2":this.showGroup&&String(this.formattedGroup).length===2,"d-avatar--group-digits-3":this.showGroup&&String(this.formattedGroup).length>=3,"d-avatar--clickable":this.resolvedInteractive,"d-avatar--presence":this.presence&&!this.showGroup,"d-avatar--icon-only":this.iconOnly,"d-avatar--deactivated":this.deactivated}]},avatarStyles(){let e=[];if(!o&&!this.isIconType&&this.computedFamily&&this.computedVariant!==void 0){let t=r.computeAvatarHex(this.computedFamily,this.computedVariant,this.anchorHue);e.push({"--avatar-color-background":t})}return e.length>0?e:void 0},overlayClasses(){return[`d-avatar__overlay`,this.overlayClass,{"d-avatar__overlay-icon":this.hasOverlayIcon}]},showGroup(){return r.AVATAR_GROUP_VALIDATOR(this.group)},formattedGroup(){let e=String(this.validatedSize);return([`xs`,`100`,`150`,`200`,`250`].includes(e)?2:3)==2?this.group>9?`9+`:this.group:this.group>99?`99+`:this.group},validatedSize(){return this.size},showImage(){return this.imageLoadedSuccessfully!==!1&&this.imageSrc}},watch:{fullName:{immediate:!0,handler(){this.formatInitials()}},size:{immediate:!0,handler(){this.formatInitials()}},group:{immediate:!0,handler(){this.formatInitials()}},imageSrc(e){this.imageLoadedSuccessfully=null,e&&(this.validateProps(),this.setImageListeners())}},mounted(){this.validateProps(),this.setImageListeners(),o||this.readAnchorHue()},methods:{async setImageListeners(){await this.$nextTick();let e=this.$refs.avatarImage;e&&(e.addEventListener(`load`,()=>this._loadedImageEventHandler(e),{once:!0}),e.addEventListener(`error`,()=>this._erroredImageEventHandler(e),{once:!0}))},formatInitials(){let e=i.extractInitialsFromName(this.fullName),t=String(this.validatedSize);t===`xs`||t===`100`?this.formattedInitials=``:t===`sm`||t===`150`||t===`200`?this.formattedInitials=e[0]:this.formattedInitials=e},readAnchorHue(){try{let e=getComputedStyle(document.documentElement).getPropertyValue(`--dt-avatar-anchor-hue`).trim();this.anchorHue=parseFloat(e)||0}catch{this.anchorHue=0}},_loadedImageEventHandler(e){this.imageLoadedSuccessfully=!0,e.classList.remove(`d-d-none`)},_erroredImageEventHandler(e){this.imageLoadedSuccessfully=!1,e.classList.add(`d-d-none`)},validateProps(){this.imageSrc&&this.imageAlt===void 0&&console.error(`image-alt required if image-src is provided. Can be set to "" (empty string) if the image is described in text nearby`)},handleClick(e){this.resolvedInteractive&&this.$emit(`click`,e)}}},c={class:`d-avatar__canvas-inner`},l=[`src`,`alt`],u=[`aria-label`,`data-qa`],d={key:1,class:`d-avatar__overlay-text`},f=[`aria-label`];function p(e,t,n,r,i,o){let s=(0,a.resolveComponent)(`dt-presence`);return(0,a.openBlock)(),(0,a.createBlock)((0,a.resolveDynamicComponent)(o.resolvedInteractive?`button`:`div`),{id:n.id,class:(0,a.normalizeClass)(o.avatarClasses),style:(0,a.normalizeStyle)(o.avatarStyles),"data-avatar-family":n.iconOnly?void 0:o.computedFamily,"data-avatar-variant":n.iconOnly?void 0:o.computedVariant,"data-qa":`dt-avatar`,type:o.resolvedInteractive?`button`:void 0,onClick:o.handleClick},{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`div`,{ref:`canvas`,class:(0,a.normalizeClass)([n.canvasClass,`d-avatar__canvas`,{"d-avatar--image-loaded":i.imageLoadedSuccessfully}])},[(0,a.createElementVNode)(`div`,c,[o.showImage?((0,a.openBlock)(),(0,a.createElementBlock)(`img`,{key:0,ref:`avatarImage`,class:`d-avatar__image`,"data-qa":`dt-avatar-image`,src:n.imageSrc,alt:n.imageAlt},null,8,l)):o.isIconType?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:1,class:(0,a.normalizeClass)([n.iconClass,i.AVATAR_KIND_MODIFIERS.icon]),"aria-label":o.resolvedInteractive?n.iconAriaLabel:``,"data-qa":o.iconDataQa},[(0,a.renderSlot)(e.$slots,`icon`)],10,u)):((0,a.openBlock)(),(0,a.createElementBlock)(`span`,{key:2,class:(0,a.normalizeClass)([i.AVATAR_KIND_MODIFIERS.initials])},(0,a.toDisplayString)(i.formattedInitials),3))])],2),o.hasOverlayIcon||n.overlayText?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:0,class:(0,a.normalizeClass)(o.overlayClasses)},[o.hasOverlayIcon?(0,a.renderSlot)(e.$slots,`overlayIcon`,{key:0}):n.overlayText?((0,a.openBlock)(),(0,a.createElementBlock)(`p`,d,(0,a.toDisplayString)(n.overlayText),1)):(0,a.createCommentVNode)(``,!0)],2)):(0,a.createCommentVNode)(``,!0),o.showGroup?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,{key:1,class:`d-avatar__count`,"data-qa":`dt-avatar-count`,role:`img`,"aria-label":`${n.group} participants`},(0,a.toDisplayString)(o.formattedGroup),9,f)):(0,a.createCommentVNode)(``,!0),n.presence&&!o.showGroup&&i.AVATAR_PRESENCE_SIZE_MODIFIERS[n.size]?((0,a.openBlock)(),(0,a.createBlock)(s,(0,a.mergeProps)({key:2,presence:n.presence,class:[`d-avatar__presence`,i.AVATAR_PRESENCE_SIZE_MODIFIERS[n.size]]},n.presenceProps,{"data-qa":`dt-presence`}),null,16,[`presence`,`class`])):(0,a.createCommentVNode)(``,!0)]),_:3},8,[`id`,`class`,`style`,`data-avatar-family`,`data-avatar-variant`,`type`,`onClick`])}var m=t.t(s,[[`render`,p]]);exports.default=m;
+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(`../../Presence-DLM3JR-n.cjs`),i=require(`./avatar-constants.cjs`),a=require(`./utils.cjs`);let o=require(`vue`);var s=typeof CSS<`u`&&CSS.supports?.(`background`,`oklch(0.5 0.1 0)`),c={name:`DtAvatar`,components:{DtPresence:r.t},props:{id:{type:String,default(){return t.getUniqueString()}},seed:{type:String,default:void 0},family:{type:Number,default:void 0,validator:e=>e>=1&&e<=12},variant:{type:Number,default:void 0,validator:e=>e>=0&&e<10},color:{type:String,default:void 0},size:{type:[String,Number],default:300,validator:e.ordinalSizeValidator(i.AVATAR_SIZE_MODIFIERS)},avatarClass:{type:[String,Array,Object],default:``},canvasClass:{type:[String,Array,Object],default:``},iconClass:{type:[String,Array,Object],default:``},presence:{type:String,default:i.AVATAR_PRESENCE_STATES.NONE,validator:e=>Object.values(i.AVATAR_PRESENCE_STATES).includes(e)},presenceProps:{type:Object,default:()=>({})},group:{type:Number,default:void 0,validator:e=>i.AVATAR_GROUP_VALIDATOR(e)},overlayText:{type:String,default:``},overlayClass:{type:[String,Array,Object],default:``},imageSrc:{type:String,default:``},imageAlt:{type:String,default:void 0},fullName:{type:String,default:``},interactive:{type:Boolean,default:!1},clickable:{type:Boolean,default:null},iconAriaLabel:{type:String,default:void 0},iconOnly:{type:Boolean,default:!1},deactivated:{type:Boolean,default:!1}},emits:[`click`],data(){return{AVATAR_SIZE_MODIFIERS:i.AVATAR_SIZE_MODIFIERS,AVATAR_KIND_MODIFIERS:i.AVATAR_KIND_MODIFIERS,AVATAR_PRESENCE_SIZE_MODIFIERS:i.AVATAR_PRESENCE_SIZE_MODIFIERS,imageLoadedSuccessfully:null,formattedInitials:``,initializing:!1,hasSlotContent:t.hasSlotContent,anchorHue:0}},computed:{resolvedInteractive(){return this.clickable??this.interactive},hasOverlayIcon(){return t.hasSlotContent(this.$slots.overlayIcon)},isIconType(){return t.hasSlotContent(this.$slots.icon)},iconDataQa(){return`dt-avatar-icon`},computedFamily(){if(!this.isIconType){if(this.family!==void 0)return this.family;if(this.color!==void 0){let e=i.colorToFamilyVariant(this.color);if(e)return e.family}return i.getRandomFamilyVariant(this.seed).family}},computedVariant(){if(!this.isIconType){if(this.variant!==void 0)return this.variant;if(this.color!==void 0){let e=i.colorToFamilyVariant(this.color);if(e)return e.variant}return i.getRandomFamilyVariant(this.seed).variant}},avatarClasses(){return[`d-avatar`,i.AVATAR_SIZE_MODIFIERS[this.validatedSize],this.avatarClass,{"d-avatar--group":this.showGroup,"d-avatar--group-digits-2":this.showGroup&&String(this.formattedGroup).length===2,"d-avatar--group-digits-3":this.showGroup&&String(this.formattedGroup).length>=3,"d-avatar--clickable":this.resolvedInteractive,"d-avatar--presence":this.presence&&!this.showGroup,"d-avatar--icon-only":this.iconOnly,"d-avatar--deactivated":this.deactivated}]},avatarStyles(){let e=[];if(!s&&!this.isIconType&&this.computedFamily&&this.computedVariant!==void 0){let t=i.computeAvatarHex(this.computedFamily,this.computedVariant,this.anchorHue);e.push({"--avatar-color-background":t})}return e.length>0?e:void 0},overlayClasses(){return[`d-avatar__overlay`,this.overlayClass,{"d-avatar__overlay-icon":this.hasOverlayIcon}]},showGroup(){return i.AVATAR_GROUP_VALIDATOR(this.group)},formattedGroup(){let e=String(this.validatedSize);return([`xs`,`100`,`150`,`200`,`250`].includes(e)?2:3)==2?this.group>9?`9+`:this.group:this.group>99?`99+`:this.group},validatedSize(){return this.size},showImage(){return this.imageLoadedSuccessfully!==!1&&this.imageSrc}},watch:{fullName:{immediate:!0,handler(){this.formatInitials()}},size:{immediate:!0,handler(){this.formatInitials()}},group:{immediate:!0,handler(){this.formatInitials()}},imageSrc(e){this.imageLoadedSuccessfully=null,e&&(this.validateProps(),this.setImageListeners())}},mounted(){this.validateProps(),this.setImageListeners(),s||this.readAnchorHue()},methods:{async setImageListeners(){await this.$nextTick();let e=this.$refs.avatarImage;e&&(e.addEventListener(`load`,()=>this._loadedImageEventHandler(e),{once:!0}),e.addEventListener(`error`,()=>this._erroredImageEventHandler(e),{once:!0}))},formatInitials(){let e=a.extractInitialsFromName(this.fullName),t=String(this.validatedSize);t===`xs`||t===`100`?this.formattedInitials=``:t===`sm`||t===`150`||t===`200`?this.formattedInitials=e[0]:this.formattedInitials=e},readAnchorHue(){try{let e=getComputedStyle(document.documentElement).getPropertyValue(`--dt-avatar-anchor-hue`).trim();this.anchorHue=parseFloat(e)||0}catch{this.anchorHue=0}},_loadedImageEventHandler(e){this.imageLoadedSuccessfully=!0,e.classList.remove(`d-d-none`)},_erroredImageEventHandler(e){this.imageLoadedSuccessfully=!1,e.classList.add(`d-d-none`)},validateProps(){this.imageSrc&&this.imageAlt===void 0&&console.error(`image-alt required if image-src is provided. Can be set to "" (empty string) if the image is described in text nearby`)},handleClick(e){this.resolvedInteractive&&this.$emit(`click`,e)}}},l={class:`d-avatar__canvas-inner`},u=[`src`,`alt`],d=[`aria-label`,`data-qa`],f={key:1,class:`d-avatar__overlay-text`},p=[`aria-label`];function m(e,t,n,r,i,a){let s=(0,o.resolveComponent)(`dt-presence`);return(0,o.openBlock)(),(0,o.createBlock)((0,o.resolveDynamicComponent)(a.resolvedInteractive?`button`:`div`),{id:n.id,class:(0,o.normalizeClass)(a.avatarClasses),style:(0,o.normalizeStyle)(a.avatarStyles),"data-avatar-family":n.iconOnly?void 0:a.computedFamily,"data-avatar-variant":n.iconOnly?void 0:a.computedVariant,"data-qa":`dt-avatar`,type:a.resolvedInteractive?`button`:void 0,onClick:a.handleClick},{default:(0,o.withCtx)(()=>[(0,o.createElementVNode)(`div`,{ref:`canvas`,class:(0,o.normalizeClass)([n.canvasClass,`d-avatar__canvas`,{"d-avatar--image-loaded":i.imageLoadedSuccessfully}])},[(0,o.createElementVNode)(`div`,l,[a.showImage?((0,o.openBlock)(),(0,o.createElementBlock)(`img`,{key:0,ref:`avatarImage`,class:`d-avatar__image`,"data-qa":`dt-avatar-image`,src:n.imageSrc,alt:n.imageAlt},null,8,u)):a.isIconType?((0,o.openBlock)(),(0,o.createElementBlock)(`div`,{key:1,class:(0,o.normalizeClass)([n.iconClass,i.AVATAR_KIND_MODIFIERS.icon]),"aria-label":a.resolvedInteractive?n.iconAriaLabel:``,"data-qa":a.iconDataQa},[(0,o.renderSlot)(e.$slots,`icon`)],10,d)):((0,o.openBlock)(),(0,o.createElementBlock)(`span`,{key:2,class:(0,o.normalizeClass)([i.AVATAR_KIND_MODIFIERS.initials])},(0,o.toDisplayString)(i.formattedInitials),3))])],2),a.hasOverlayIcon||n.overlayText?((0,o.openBlock)(),(0,o.createElementBlock)(`div`,{key:0,class:(0,o.normalizeClass)(a.overlayClasses)},[a.hasOverlayIcon?(0,o.renderSlot)(e.$slots,`overlayIcon`,{key:0}):n.overlayText?((0,o.openBlock)(),(0,o.createElementBlock)(`p`,f,(0,o.toDisplayString)(n.overlayText),1)):(0,o.createCommentVNode)(``,!0)],2)):(0,o.createCommentVNode)(``,!0),a.showGroup?((0,o.openBlock)(),(0,o.createElementBlock)(`span`,{key:1,class:`d-avatar__count`,"data-qa":`dt-avatar-count`,role:`img`,"aria-label":`${n.group} participants`},(0,o.toDisplayString)(a.formattedGroup),9,p)):(0,o.createCommentVNode)(``,!0),n.presence&&!a.showGroup&&i.AVATAR_PRESENCE_SIZE_MODIFIERS[n.size]?((0,o.openBlock)(),(0,o.createBlock)(s,(0,o.mergeProps)({key:2,presence:n.presence,class:[`d-avatar__presence`,i.AVATAR_PRESENCE_SIZE_MODIFIERS[n.size]]},n.presenceProps,{"data-qa":`dt-presence`}),null,16,[`presence`,`class`])):(0,o.createCommentVNode)(``,!0)]),_:3},8,[`id`,`class`,`style`,`data-avatar-family`,`data-avatar-variant`,`type`,`onClick`])}var h=n.t(c,[[`render`,m]]);exports.default=h;
 //# sourceMappingURL=avatar.cjs.map

package/dist/lib/avatar/avatar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.cjs","names":[],"sources":["../../../components/Avatar/Avatar.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"resolvedInteractive ? 'button' : 'div'\"\n    :id=\"id\"\n    :class=\"avatarClasses\"\n    :style=\"avatarStyles\"\n    :data-avatar-family=\"!iconOnly ? computedFamily : undefined\"\n    :data-avatar-variant=\"!iconOnly ? computedVariant : undefined\"\n    data-qa=\"dt-avatar\"\n    :type=\"resolvedInteractive ? 'button' : undefined\"\n    @click=\"handleClick\"\n  >\n    <div\n      ref=\"canvas\"\n      :class=\"[\n        canvasClass,\n        'd-avatar__canvas',\n        { 'd-avatar--image-loaded': imageLoadedSuccessfully },\n      ]\"\n    >\n      <div class=\"d-avatar__canvas-inner\">\n        <img\n          v-if=\"showImage\"\n          ref=\"avatarImage\"\n          class=\"d-avatar__image\"\n          data-qa=\"dt-avatar-image\"\n          :src=\"imageSrc\"\n          :alt=\"imageAlt\"\n        >\n        <div\n          v-else-if=\"isIconType\"\n          :class=\"[iconClass, AVATAR_KIND_MODIFIERS.icon]\"\n          :aria-label=\"resolvedInteractive ? iconAriaLabel : ''\"\n          :data-qa=\"iconDataQa\"\n        >\n          <!-- @slot Slot for avatar icon. It will display if no imageSrc is provided -->\n          <slot name=\"icon\" />\n        </div>\n        <span\n          v-else\n          :class=\"[AVATAR_KIND_MODIFIERS.initials]\"\n        >\n          {{ formattedInitials }}\n        </span>\n      </div>\n    </div>\n    <div\n      v-if=\"hasOverlayIcon || overlayText\"\n      :class=\"overlayClasses\"\n    >\n      <!-- @slot Slot for overlay icon. -->\n      <slot\n        v-if=\"hasOverlayIcon\"\n        name=\"overlayIcon\"\n      />\n      <p\n        v-else-if=\"overlayText\"\n        class=\"d-avatar__overlay-text\"\n      >\n        {{ overlayText }}\n      </p>\n    </div>\n    <span\n      v-if=\"showGroup\"\n      class=\"d-avatar__count\"\n      data-qa=\"dt-avatar-count\"\n      role=\"img\"\n      :aria-label=\"`${group} participants`\"\n    >{{ formattedGroup }}</span>\n    <dt-presence\n      v-if=\"presence && !showGroup && AVATAR_PRESENCE_SIZE_MODIFIERS[size]\"\n      :presence=\"presence\"\n      :class=\"[\n        'd-avatar__presence',\n        AVATAR_PRESENCE_SIZE_MODIFIERS[size],\n      ]\"\n      v-bind=\"presenceProps\"\n      data-qa=\"dt-presence\"\n    />\n  </component>\n</template>\n\n<script>\nimport { getUniqueString, hasSlotContent } from '@/common/utils';\nimport { DtPresence } from '../Presence';\nimport {\n  AVATAR_KIND_MODIFIERS,\n  AVATAR_SIZE_MODIFIERS,\n  AVATAR_PRESENCE_SIZE_MODIFIERS,\n  AVATAR_PRESENCE_STATES,\n  AVATAR_GROUP_VALIDATOR,\n  AVATAR_FAMILY_COUNT,\n  AVATAR_VARIANT_COUNT,\n  colorToFamilyVariant,\n  getRandomFamilyVariant,\n  computeAvatarHex,\n} from './AvatarConstants';\nimport { extractInitialsFromName } from './Utils';\n\n// Check if browser supports oklch() - only compute hex fallback if not\nconst supportsOklch = typeof CSS !== 'undefined' && CSS.supports?.('background', 'oklch(0.5 0.1 0)');\n\n/**\n * An avatar is a visual representation of a user or object.\n * @see https://dialtone.dialpad.com/components/avatar.html\n */\nexport default {\n  name: 'DtAvatar',\n  components: { DtPresence },\n\n  props: {\n    /**\n     * Id of the avatar content wrapper element\n     */\n    id: {\n      type: String,\n      default () { return getUniqueString(); },\n    },\n\n    /**\n     * **Recommended.** Pass a unique identifier (e.g., user ID) to generate consistent,\n     * deterministic colors for this avatar. The same seed always produces the same color.\n     * This is the preferred approach for most use cases.\n     */\n    seed: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * **Advanced.** Avatar color family (1-12). Each family represents a different hue\n     * offset from the theme's anchor. Only use this if you need explicit control over\n     * the color. For most cases, use `seed` instead.\n     * Families: 1=Red, 2=Orange, 3=Amber, 4=Yellow-Green, 5=Green, 6=Teal, 7=Cyan,\n     * 8=Blue, 9=Indigo, 10=Purple, 11=Magenta, 12=Pink\n     * @values 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12\n     */\n    family: {\n      type: Number,\n      default: undefined,\n      validator: (val) => val >= 1 && val <= AVATAR_FAMILY_COUNT,\n    },\n\n    /**\n     * **Advanced.** Avatar color variant (0-9). Controls lightness/chroma within the family.\n     * Only use this if you need explicit control over the color. For most cases, use `seed` instead.\n     * 0 = darkest, 9 = lightest. Variants 0-5 have light text, 6-9 have dark text.\n     * @values 0, 1, 2, 3, 4, 5, 6, 7, 8, 9\n     */\n    variant: {\n      type: Number,\n      default: undefined,\n      validator: (val) => val >= 0 && val < AVATAR_VARIANT_COUNT,\n    },\n\n    /**\n     * Avatar color code for backward compatibility. Converted internally\n     * to family/variant. For new code, use `seed` (recommended) or `family`/`variant`.\n     * Format: family (1-12) * 100 + variant (0-9) * 10, e.g., '540' = family 5, variant 4.\n     * @deprecated Use seed or family/variant instead.\n     */\n    color: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * The size of the avatar.\n     * T-shirt sizes (xs, sm, md, lg, xl) are deprecated and will be removed in the next major version.\n     * Please use the numeric scale instead.\n     * @values 100, 150, 200, 250, 300, 400, 500, 600, 700, 800, 900\n     */\n    size: {\n      type: [String, Number],\n      default: 300,\n      validator: (size) => Object.keys(AVATAR_SIZE_MODIFIERS).includes(String(size)),\n    },\n\n    /**\n     * Used to customize the avatar container\n     */\n    avatarClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Set classes on the avatar canvas. Wrapper around the core avatar image.\n     */\n    canvasClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Pass through classes. Used to customize the avatar icon\n     */\n    iconClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Determines whether to show the presence indicator for\n     * Avatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',\n     * 'active', or 'dnd'. By default, it's null and nothing is shown.\n     * @values null, busy, away, offline, active, dnd\n     */\n    presence: {\n      type: String,\n      default: AVATAR_PRESENCE_STATES.NONE,\n      validator: (state) => {\n        return Object.values(AVATAR_PRESENCE_STATES).includes(state);\n      },\n    },\n\n    /**\n     * A set of props to be passed into the presence component.\n     */\n    presenceProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * Determines whether to show a group avatar.\n     * Limit to 2 digits max, more than 99 will be rendered as \"99+\".\n     * if the number is 1 or less it would just show the regular avatar as if group had not been set.\n     */\n    group: {\n      type: Number,\n      default: undefined,\n      validator: (group) => AVATAR_GROUP_VALIDATOR(group),\n    },\n\n    /**\n     * The text that overlays the avatar\n     */\n    overlayText: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Used to customize the avatar overlay\n     */\n    overlayClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Source of the image\n     */\n    imageSrc: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Alt attribute of the image, required if imageSrc is provided.\n     * Can be set to '' (empty string) if the image is described\n     * in text nearby\n     */\n    imageAlt: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Full name used to extract initials.\n     */\n    fullName: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Makes the avatar focusable and interactive,\n     * emits a click event when clicked.\n     */\n    interactive: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * @deprecated Use interactive instead.\n     */\n    clickable: {\n      type: Boolean,\n      default: null,\n    },\n\n    /**\n     * Descriptive label for the icon.\n     * To avoid a11y issues, set this prop if clickable and iconName are set.\n     */\n    iconAriaLabel: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * When true, renders the avatar with a transparent background and no color.\n     * Useful for displaying icons that should not have a colored background,\n     * such as channel or navigation icons.\n     */\n    iconOnly: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * When true, renders the avatar in a desaturated/washed-out state.\n     * Use this to indicate that a user is deactivated or inactive.\n     */\n    deactivated: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    /**\n     * Avatar click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  data () {\n    return {\n      AVATAR_SIZE_MODIFIERS,\n      AVATAR_KIND_MODIFIERS,\n      AVATAR_PRESENCE_SIZE_MODIFIERS,\n      imageLoadedSuccessfully: null,\n      formattedInitials: '',\n      initializing: false,\n      hasSlotContent,\n      anchorHue: 0,\n    };\n  },\n\n  computed: {\n    resolvedInteractive () {\n      return this.clickable ?? this.interactive;\n    },\n\n    hasOverlayIcon () {\n      return hasSlotContent(this.$slots.overlayIcon);\n    },\n\n    isIconType () {\n      return hasSlotContent(this.$slots.icon);\n    },\n\n    iconDataQa () {\n      return 'dt-avatar-icon';\n    },\n\n    /**\n     * Compute family from props, color prop, or random\n     */\n    computedFamily () {\n      // Icon-type avatars don't use color\n      if (this.isIconType) return undefined;\n\n      // Explicit family prop takes precedence\n      if (this.family !== undefined) return this.family;\n\n      // Color prop (converted to family/variant)\n      if (this.color !== undefined) {\n        const parsed = colorToFamilyVariant(this.color);\n        if (parsed) return parsed.family;\n      }\n\n      // Random based on seed\n      const random = getRandomFamilyVariant(this.seed);\n      return random.family;\n    },\n\n    /**\n     * Compute variant from props, color prop, or random\n     */\n    computedVariant () {\n      // Icon-type avatars don't use color\n      if (this.isIconType) return undefined;\n\n      // Explicit variant prop takes precedence\n      if (this.variant !== undefined) return this.variant;\n\n      // Color prop (converted to family/variant)\n      if (this.color !== undefined) {\n        const parsed = colorToFamilyVariant(this.color);\n        if (parsed) return parsed.variant;\n      }\n\n      // Random based on seed\n      const random = getRandomFamilyVariant(this.seed);\n      return random.variant;\n    },\n\n    avatarClasses () {\n      return [\n        'd-avatar',\n        AVATAR_SIZE_MODIFIERS[this.validatedSize],\n        this.avatarClass,\n        {\n          'd-avatar--group': this.showGroup,\n          'd-avatar--group-digits-2': this.showGroup && String(this.formattedGroup).length === 2,\n          'd-avatar--group-digits-3': this.showGroup && String(this.formattedGroup).length >= 3,\n          'd-avatar--clickable': this.resolvedInteractive,\n          'd-avatar--presence': this.presence && !this.showGroup,\n          'd-avatar--icon-only': this.iconOnly,\n          'd-avatar--deactivated': this.deactivated,\n        },\n      ];\n    },\n\n    /**\n     * Compute inline styles for fallback color in browsers that don't support oklch()\n     */\n    avatarStyles () {\n      const baseStyles = [];\n\n      // Only compute hex fallback for browsers that don't support oklch()\n      if (!supportsOklch && !this.isIconType && this.computedFamily && this.computedVariant !== undefined) {\n        const fallbackHex = computeAvatarHex(this.computedFamily, this.computedVariant, this.anchorHue);\n        baseStyles.push({ '--avatar-color-background': fallbackHex });\n      }\n\n      return baseStyles.length > 0 ? baseStyles : undefined;\n    },\n\n    overlayClasses () {\n      return [\n        'd-avatar__overlay',\n        this.overlayClass,\n        { 'd-avatar__overlay-icon': this.hasOverlayIcon },\n      ];\n    },\n\n    showGroup () {\n      return AVATAR_GROUP_VALIDATOR(this.group);\n    },\n\n    formattedGroup () {\n      const size = String(this.validatedSize);\n      // Sizes 100-250 cap at 2 digits — too small for 3\n      const smallSizes = ['xs', '100', '150', '200', '250'];\n      const maxDigits = smallSizes.includes(size) ? 2 : 3;\n      if (maxDigits === 2) {\n        return this.group > 9 ? '9+' : this.group;\n      }\n      return this.group > 99 ? '99+' : this.group;\n    },\n\n    validatedSize () {\n      return this.size;\n    },\n\n    showImage () {\n      return this.imageLoadedSuccessfully !== false && this.imageSrc;\n    },\n  },\n\n  watch: {\n    fullName: {\n      immediate: true,\n      handler () {\n        this.formatInitials();\n      },\n    },\n\n    size: {\n      immediate: true,\n      handler () {\n        this.formatInitials();\n      },\n    },\n\n    group: {\n      immediate: true,\n      handler () {\n        this.formatInitials();\n      },\n    },\n\n    imageSrc (newSrc) {\n      this.imageLoadedSuccessfully = null;\n      if (!newSrc) return;\n\n      this.validateProps();\n      this.setImageListeners();\n    },\n  },\n\n  mounted () {\n    this.validateProps();\n    this.setImageListeners();\n    // Only read anchor hue for fallback computation in browsers without oklch() support\n    if (!supportsOklch) {\n      this.readAnchorHue();\n    }\n  },\n\n  methods: {\n    async setImageListeners () {\n      await this.$nextTick();\n      const el = this.$refs.avatarImage;\n      if (!el) return;\n\n      el.addEventListener('load', () => this._loadedImageEventHandler(el), { once: true });\n      el.addEventListener('error', () => this._erroredImageEventHandler(el), { once: true });\n    },\n\n    formatInitials () {\n      const initials = extractInitialsFromName(this.fullName);\n      const size = String(this.validatedSize);\n\n      // xs/100 are too small for initials\n      if (size === 'xs' || size === '100') {\n        this.formattedInitials = '';\n      // sm/150/200 show single initial\n      } else if (size === 'sm' || size === '150' || size === '200') {\n        this.formattedInitials = initials[0];\n      } else {\n        this.formattedInitials = initials;\n      }\n    },\n\n    /**\n     * Read the anchor hue from CSS custom property for fallback computation\n     */\n    readAnchorHue () {\n      try {\n        const hueValue = getComputedStyle(document.documentElement)\n          .getPropertyValue('--dt-avatar-anchor-hue')\n          .trim();\n        this.anchorHue = parseFloat(hueValue) || 0;\n      } catch {\n        this.anchorHue = 0;\n      }\n    },\n\n    _loadedImageEventHandler (el) {\n      this.imageLoadedSuccessfully = true;\n      el.classList.remove('d-d-none');\n    },\n\n    _erroredImageEventHandler (el) {\n      this.imageLoadedSuccessfully = false;\n      el.classList.add('d-d-none');\n    },\n\n    validateProps () {\n      if (this.imageSrc && this.imageAlt === undefined) {\n        console.error('image-alt required if image-src is provided. Can be set to \"\" (empty string) if the image is described in text nearby');\n      }\n    },\n\n    handleClick (e) {\n      if (!this.resolvedInteractive) return;\n      this.$emit('click', e);\n    },\n  },\n};\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"avatar.cjs","names":[],"sources":["../../../components/Avatar/Avatar.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"resolvedInteractive ? 'button' : 'div'\"\n    :id=\"id\"\n    :class=\"avatarClasses\"\n    :style=\"avatarStyles\"\n    :data-avatar-family=\"!iconOnly ? computedFamily : undefined\"\n    :data-avatar-variant=\"!iconOnly ? computedVariant : undefined\"\n    data-qa=\"dt-avatar\"\n    :type=\"resolvedInteractive ? 'button' : undefined\"\n    @click=\"handleClick\"\n  >\n    <div\n      ref=\"canvas\"\n      :class=\"[\n        canvasClass,\n        'd-avatar__canvas',\n        { 'd-avatar--image-loaded': imageLoadedSuccessfully },\n      ]\"\n    >\n      <div class=\"d-avatar__canvas-inner\">\n        <img\n          v-if=\"showImage\"\n          ref=\"avatarImage\"\n          class=\"d-avatar__image\"\n          data-qa=\"dt-avatar-image\"\n          :src=\"imageSrc\"\n          :alt=\"imageAlt\"\n        >\n        <div\n          v-else-if=\"isIconType\"\n          :class=\"[iconClass, AVATAR_KIND_MODIFIERS.icon]\"\n          :aria-label=\"resolvedInteractive ? iconAriaLabel : ''\"\n          :data-qa=\"iconDataQa\"\n        >\n          <!-- @slot Slot for avatar icon. It will display if no imageSrc is provided -->\n          <slot name=\"icon\" />\n        </div>\n        <span\n          v-else\n          :class=\"[AVATAR_KIND_MODIFIERS.initials]\"\n        >\n          {{ formattedInitials }}\n        </span>\n      </div>\n    </div>\n    <div\n      v-if=\"hasOverlayIcon || overlayText\"\n      :class=\"overlayClasses\"\n    >\n      <!-- @slot Slot for overlay icon. -->\n      <slot\n        v-if=\"hasOverlayIcon\"\n        name=\"overlayIcon\"\n      />\n      <p\n        v-else-if=\"overlayText\"\n        class=\"d-avatar__overlay-text\"\n      >\n        {{ overlayText }}\n      </p>\n    </div>\n    <span\n      v-if=\"showGroup\"\n      class=\"d-avatar__count\"\n      data-qa=\"dt-avatar-count\"\n      role=\"img\"\n      :aria-label=\"`${group} participants`\"\n    >{{ formattedGroup }}</span>\n    <dt-presence\n      v-if=\"presence && !showGroup && AVATAR_PRESENCE_SIZE_MODIFIERS[size]\"\n      :presence=\"presence\"\n      :class=\"[\n        'd-avatar__presence',\n        AVATAR_PRESENCE_SIZE_MODIFIERS[size],\n      ]\"\n      v-bind=\"presenceProps\"\n      data-qa=\"dt-presence\"\n    />\n  </component>\n</template>\n\n<script>\nimport { getUniqueString, hasSlotContent } from '@/common/utils';\nimport { ordinalSizeValidator } from '@/common/validators';\nimport { DtPresence } from '../Presence';\nimport {\n  AVATAR_KIND_MODIFIERS,\n  AVATAR_SIZE_MODIFIERS,\n  AVATAR_PRESENCE_SIZE_MODIFIERS,\n  AVATAR_PRESENCE_STATES,\n  AVATAR_GROUP_VALIDATOR,\n  AVATAR_FAMILY_COUNT,\n  AVATAR_VARIANT_COUNT,\n  colorToFamilyVariant,\n  getRandomFamilyVariant,\n  computeAvatarHex,\n} from './AvatarConstants';\nimport { extractInitialsFromName } from './Utils';\n\n// Check if browser supports oklch() - only compute hex fallback if not\nconst supportsOklch = typeof CSS !== 'undefined' && CSS.supports?.('background', 'oklch(0.5 0.1 0)');\n\n/**\n * An avatar is a visual representation of a user or object.\n * @see https://dialtone.dialpad.com/components/avatar.html\n */\nexport default {\n  name: 'DtAvatar',\n  components: { DtPresence },\n\n  props: {\n    /**\n     * Id of the avatar content wrapper element\n     */\n    id: {\n      type: String,\n      default () { return getUniqueString(); },\n    },\n\n    /**\n     * **Recommended.** Pass a unique identifier (e.g., user ID) to generate consistent,\n     * deterministic colors for this avatar. The same seed always produces the same color.\n     * This is the preferred approach for most use cases.\n     */\n    seed: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * **Advanced.** Avatar color family (1-12). Each family represents a different hue\n     * offset from the theme's anchor. Only use this if you need explicit control over\n     * the color. For most cases, use `seed` instead.\n     * Families: 1=Red, 2=Orange, 3=Amber, 4=Yellow-Green, 5=Green, 6=Teal, 7=Cyan,\n     * 8=Blue, 9=Indigo, 10=Purple, 11=Magenta, 12=Pink\n     * @values 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12\n     */\n    family: {\n      type: Number,\n      default: undefined,\n      validator: (val) => val >= 1 && val <= AVATAR_FAMILY_COUNT,\n    },\n\n    /**\n     * **Advanced.** Avatar color variant (0-9). Controls lightness/chroma within the family.\n     * Only use this if you need explicit control over the color. For most cases, use `seed` instead.\n     * 0 = darkest, 9 = lightest. Variants 0-5 have light text, 6-9 have dark text.\n     * @values 0, 1, 2, 3, 4, 5, 6, 7, 8, 9\n     */\n    variant: {\n      type: Number,\n      default: undefined,\n      validator: (val) => val >= 0 && val < AVATAR_VARIANT_COUNT,\n    },\n\n    /**\n     * Avatar color code for backward compatibility. Converted internally\n     * to family/variant. For new code, use `seed` (recommended) or `family`/`variant`.\n     * Format: family (1-12) * 100 + variant (0-9) * 10, e.g., '540' = family 5, variant 4.\n     * @deprecated Use seed or family/variant instead.\n     */\n    color: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * The size of the avatar.\n     * T-shirt sizes (xs, sm, md, lg, xl) are deprecated and will be removed in the next major version.\n     * Please use the numeric scale instead.\n     * @values 100, 150, 200, 250, 300, 400, 500, 600, 700, 800, 900\n     */\n    size: {\n      type: [String, Number],\n      default: 300,\n      validator: ordinalSizeValidator(AVATAR_SIZE_MODIFIERS),\n    },\n\n    /**\n     * Used to customize the avatar container\n     */\n    avatarClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Set classes on the avatar canvas. Wrapper around the core avatar image.\n     */\n    canvasClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Pass through classes. Used to customize the avatar icon\n     */\n    iconClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Determines whether to show the presence indicator for\n     * Avatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',\n     * 'active', or 'dnd'. By default, it's null and nothing is shown.\n     * @values null, busy, away, offline, active, dnd\n     */\n    presence: {\n      type: String,\n      default: AVATAR_PRESENCE_STATES.NONE,\n      validator: (state) => {\n        return Object.values(AVATAR_PRESENCE_STATES).includes(state);\n      },\n    },\n\n    /**\n     * A set of props to be passed into the presence component.\n     */\n    presenceProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * Determines whether to show a group avatar.\n     * Limit to 2 digits max, more than 99 will be rendered as \"99+\".\n     * if the number is 1 or less it would just show the regular avatar as if group had not been set.\n     */\n    group: {\n      type: Number,\n      default: undefined,\n      validator: (group) => AVATAR_GROUP_VALIDATOR(group),\n    },\n\n    /**\n     * The text that overlays the avatar\n     */\n    overlayText: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Used to customize the avatar overlay\n     */\n    overlayClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Source of the image\n     */\n    imageSrc: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Alt attribute of the image, required if imageSrc is provided.\n     * Can be set to '' (empty string) if the image is described\n     * in text nearby\n     */\n    imageAlt: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Full name used to extract initials.\n     */\n    fullName: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Makes the avatar focusable and interactive,\n     * emits a click event when clicked.\n     */\n    interactive: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * @deprecated Use interactive instead.\n     */\n    clickable: {\n      type: Boolean,\n      default: null,\n    },\n\n    /**\n     * Descriptive label for the icon.\n     * To avoid a11y issues, set this prop if clickable and iconName are set.\n     */\n    iconAriaLabel: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * When true, renders the avatar with a transparent background and no color.\n     * Useful for displaying icons that should not have a colored background,\n     * such as channel or navigation icons.\n     */\n    iconOnly: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * When true, renders the avatar in a desaturated/washed-out state.\n     * Use this to indicate that a user is deactivated or inactive.\n     */\n    deactivated: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    /**\n     * Avatar click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  data () {\n    return {\n      AVATAR_SIZE_MODIFIERS,\n      AVATAR_KIND_MODIFIERS,\n      AVATAR_PRESENCE_SIZE_MODIFIERS,\n      imageLoadedSuccessfully: null,\n      formattedInitials: '',\n      initializing: false,\n      hasSlotContent,\n      anchorHue: 0,\n    };\n  },\n\n  computed: {\n    resolvedInteractive () {\n      return this.clickable ?? this.interactive;\n    },\n\n    hasOverlayIcon () {\n      return hasSlotContent(this.$slots.overlayIcon);\n    },\n\n    isIconType () {\n      return hasSlotContent(this.$slots.icon);\n    },\n\n    iconDataQa () {\n      return 'dt-avatar-icon';\n    },\n\n    /**\n     * Compute family from props, color prop, or random\n     */\n    computedFamily () {\n      // Icon-type avatars don't use color\n      if (this.isIconType) return undefined;\n\n      // Explicit family prop takes precedence\n      if (this.family !== undefined) return this.family;\n\n      // Color prop (converted to family/variant)\n      if (this.color !== undefined) {\n        const parsed = colorToFamilyVariant(this.color);\n        if (parsed) return parsed.family;\n      }\n\n      // Random based on seed\n      const random = getRandomFamilyVariant(this.seed);\n      return random.family;\n    },\n\n    /**\n     * Compute variant from props, color prop, or random\n     */\n    computedVariant () {\n      // Icon-type avatars don't use color\n      if (this.isIconType) return undefined;\n\n      // Explicit variant prop takes precedence\n      if (this.variant !== undefined) return this.variant;\n\n      // Color prop (converted to family/variant)\n      if (this.color !== undefined) {\n        const parsed = colorToFamilyVariant(this.color);\n        if (parsed) return parsed.variant;\n      }\n\n      // Random based on seed\n      const random = getRandomFamilyVariant(this.seed);\n      return random.variant;\n    },\n\n    avatarClasses () {\n      return [\n        'd-avatar',\n        AVATAR_SIZE_MODIFIERS[this.validatedSize],\n        this.avatarClass,\n        {\n          'd-avatar--group': this.showGroup,\n          'd-avatar--group-digits-2': this.showGroup && String(this.formattedGroup).length === 2,\n          'd-avatar--group-digits-3': this.showGroup && String(this.formattedGroup).length >= 3,\n          'd-avatar--clickable': this.resolvedInteractive,\n          'd-avatar--presence': this.presence && !this.showGroup,\n          'd-avatar--icon-only': this.iconOnly,\n          'd-avatar--deactivated': this.deactivated,\n        },\n      ];\n    },\n\n    /**\n     * Compute inline styles for fallback color in browsers that don't support oklch()\n     */\n    avatarStyles () {\n      const baseStyles = [];\n\n      // Only compute hex fallback for browsers that don't support oklch()\n      if (!supportsOklch && !this.isIconType && this.computedFamily && this.computedVariant !== undefined) {\n        const fallbackHex = computeAvatarHex(this.computedFamily, this.computedVariant, this.anchorHue);\n        baseStyles.push({ '--avatar-color-background': fallbackHex });\n      }\n\n      return baseStyles.length > 0 ? baseStyles : undefined;\n    },\n\n    overlayClasses () {\n      return [\n        'd-avatar__overlay',\n        this.overlayClass,\n        { 'd-avatar__overlay-icon': this.hasOverlayIcon },\n      ];\n    },\n\n    showGroup () {\n      return AVATAR_GROUP_VALIDATOR(this.group);\n    },\n\n    formattedGroup () {\n      const size = String(this.validatedSize);\n      // Sizes 100-250 cap at 2 digits — too small for 3\n      const smallSizes = ['xs', '100', '150', '200', '250'];\n      const maxDigits = smallSizes.includes(size) ? 2 : 3;\n      if (maxDigits === 2) {\n        return this.group > 9 ? '9+' : this.group;\n      }\n      return this.group > 99 ? '99+' : this.group;\n    },\n\n    validatedSize () {\n      return this.size;\n    },\n\n    showImage () {\n      return this.imageLoadedSuccessfully !== false && this.imageSrc;\n    },\n  },\n\n  watch: {\n    fullName: {\n      immediate: true,\n      handler () {\n        this.formatInitials();\n      },\n    },\n\n    size: {\n      immediate: true,\n      handler () {\n        this.formatInitials();\n      },\n    },\n\n    group: {\n      immediate: true,\n      handler () {\n        this.formatInitials();\n      },\n    },\n\n    imageSrc (newSrc) {\n      this.imageLoadedSuccessfully = null;\n      if (!newSrc) return;\n\n      this.validateProps();\n      this.setImageListeners();\n    },\n  },\n\n  mounted () {\n    this.validateProps();\n    this.setImageListeners();\n    // Only read anchor hue for fallback computation in browsers without oklch() support\n    if (!supportsOklch) {\n      this.readAnchorHue();\n    }\n  },\n\n  methods: {\n    async setImageListeners () {\n      await this.$nextTick();\n      const el = this.$refs.avatarImage;\n      if (!el) return;\n\n      el.addEventListener('load', () => this._loadedImageEventHandler(el), { once: true });\n      el.addEventListener('error', () => this._erroredImageEventHandler(el), { once: true });\n    },\n\n    formatInitials () {\n      const initials = extractInitialsFromName(this.fullName);\n      const size = String(this.validatedSize);\n\n      // xs/100 are too small for initials\n      if (size === 'xs' || size === '100') {\n        this.formattedInitials = '';\n      // sm/150/200 show single initial\n      } else if (size === 'sm' || size === '150' || size === '200') {\n        this.formattedInitials = initials[0];\n      } else {\n        this.formattedInitials = initials;\n      }\n    },\n\n    /**\n     * Read the anchor hue from CSS custom property for fallback computation\n     */\n    readAnchorHue () {\n      try {\n        const hueValue = getComputedStyle(document.documentElement)\n          .getPropertyValue('--dt-avatar-anchor-hue')\n          .trim();\n        this.anchorHue = parseFloat(hueValue) || 0;\n      } catch {\n        this.anchorHue = 0;\n      }\n    },\n\n    _loadedImageEventHandler (el) {\n      this.imageLoadedSuccessfully = true;\n      el.classList.remove('d-d-none');\n    },\n\n    _erroredImageEventHandler (el) {\n      this.imageLoadedSuccessfully = false;\n      el.classList.add('d-d-none');\n    },\n\n    validateProps () {\n      if (this.imageSrc && this.imageAlt === undefined) {\n        console.error('image-alt required if image-src is provided. Can be set to \"\" (empty string) if the image is described in text nearby');\n      }\n    },\n\n    handleClick (e) {\n      if (!this.resolvedInteractive) return;\n      this.$emit('click', e);\n    },\n  },\n};\n</script>\n"],"mappings":"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"}