npm - @dialpad/dialtone-vue - Versions diffs - 3.193.0-next.2 → 3.193.0-next.3 - Mend

@dialpad/dialtone-vue 3.193.0-next.2 → 3.193.0-next.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (55) hide show

package/dist/dialtone-vue.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { DEFAULT_VALIDATION_MESSAGE_TYPE as e, DESCRIPTION_SIZE_TYPES as r, VALI
 import { validationMessageValidator as _ } from "./common/validators/index.js";
 import { disableRootScrolling as f, enableRootScrolling as D, filterFormattedMessages as S, formatMessages as T, getUniqueString as p, getValidationState as O } from "./common/utils/index.js";
 import { durationInHHMM as R, getDateMedium as l, relativeDate as x, setDateLocale as i } from "./common/dates/index.js";
-import { codeToEmojiData as A, customEmojiAssetUrl as N, defaultEmojiAssetUrl as u, emojiFileExtensionLarge as d, emojiFileExtensionSmall as C, emojiImageUrlLarge as L, emojiImageUrlSmall as P, emojiJson as n, emojiRegex as M, emojiShortCodeRegex as c, emojiVersion as B, filterValidShortCodes as U, findEmojis as V, findShortCodes as F, getEmojiData as G, getEmojiShortCode as K, setCustomEmojiJson as g, setCustomEmojiUrl as b, setEmojiAssetUrlLarge as j, setEmojiAssetUrlSmall as H, shortcodeToEmojiData as Z, stringToUnicode as h, unicodeToString as Y, validateCustomEmojiJson as k } from "./common/emoji/index.js";
+import { codeToEmojiData as A, customEmojiAssetUrl as N, defaultEmojiAssetUrl as d, emojiFileExtensionLarge as u, emojiFileExtensionSmall as C, emojiImageUrlLarge as L, emojiImageUrlSmall as P, emojiJson as n, emojiRegex as M, emojiShortCodeRegex as c, emojiVersion as B, filterValidShortCodes as U, findEmojis as V, findShortCodes as F, getEmojiData as G, getEmojiShortCode as K, setCustomEmojiJson as g, setCustomEmojiUrl as b, setEmojiAssetUrlLarge as j, setEmojiAssetUrlSmall as H, shortcodeToEmojiData as Z, stringToUnicode as Y, unicodeToString as h, validateCustomEmojiJson as k } from "./common/emoji/index.js";
 import { DialtoneLocalization as v } from "./localization/index.js";
 import { default as X } from "./lib/checkbox-group/checkbox-group.js";
 import { default as J } from "./lib/datepicker/datepicker.js";
@@ -18,13 +18,13 @@ import { DtScrollbarDirective as Ot } from "./lib/scrollbar-directive/scrollbar.
 import { default as Rt } from "./common/mixins/dom.js";
 import { CheckableMixin as xt, GroupableMixin as it, InputMixin as st } from "./common/mixins/input.js";
 import { InputGroupMixin as Nt } from "./common/mixins/input-group.js";
-import { default as dt } from "./common/mixins/keyboard-list-navigation.js";
+import { default as ut } from "./common/mixins/keyboard-list-navigation.js";
 import { default as Lt } from "./common/mixins/modal.js";
 import { default as nt } from "./common/mixins/skeleton.js";
 import { default as ct } from "./lib/avatar/avatar.js";
 import { AVATAR_COLORS as Ut, AVATAR_GROUP_VALIDATOR as Vt, AVATAR_ICON_SIZES as Ft, AVATAR_KIND_MODIFIERS as Gt, AVATAR_PRESENCE_SIZE_MODIFIERS as Kt, AVATAR_PRESENCE_STATES as gt, AVATAR_RANDOM_COLORS as bt, AVATAR_SIZE_MODIFIERS as jt } from "./lib/avatar/avatar-constants.js";
 import { default as Zt } from "./lib/badge/badge.js";
-import { BADGE_DECORATION_MODIFIERS as Yt, BADGE_KIND_MODIFIERS as kt, BADGE_TYPE_MODIFIERS as Wt } from "./lib/badge/badge-constants.js";
+import { BADGE_DECORATION_MODIFIERS as ht, BADGE_KIND_MODIFIERS as kt, BADGE_TYPE_MODIFIERS as Wt } from "./lib/badge/badge-constants.js";
 import { default as wt } from "./lib/banner/banner.js";
 import { default as yt } from "./lib/breadcrumbs/breadcrumbs.js";
 import { default as zt } from "./lib/breadcrumbs/breadcrumb-item.js";
@@ -43,7 +43,7 @@ import { default as Bo } from "./lib/combobox/combobox.js";
 import { COMBOBOX_LABEL_SIZES as Vo } from "./lib/combobox/combobox-constants.js";
 import { formatLong as Go, formatMedium as Ko, formatNoYear as go, formatNumerical as bo, formatShort as jo } from "./lib/datepicker/formatUtils.js";
 import { default as Zo } from "./lib/description-list/description-list.js";
-import { DT_DESCRIPTION_LIST_DIRECTION as Yo } from "./lib/description-list/description-list-constants.js";
+import { DT_DESCRIPTION_LIST_DIRECTION as ho } from "./lib/description-list/description-list-constants.js";
 import { default as Wo } from "./lib/dropdown/dropdown.js";
 import { default as wo } from "./lib/dropdown/dropdown-separator.js";
 import { DROPDOWN_PADDING_CLASSES as yo } from "./lib/dropdown/dropdown-constants.js";
@@ -58,90 +58,92 @@ import { default as me } from "./lib/image-viewer/image-viewer.js";
 import { default as le } from "./lib/input/input.js";
 import { INPUT_SIZES as ie, INPUT_TYPES as se } from "./lib/input/input-constants.js";
 import { default as Ne } from "./lib/input-group/input-group.js";
-import { default as de } from "./lib/item-layout/item-layout.js";
+import { default as ue } from "./lib/item-layout/item-layout.js";
 import { default as Le } from "./lib/keyboard-shortcut/keyboard-shortcut.js";
 import { SHORTCUTS_ALIASES_LIST as ne } from "./lib/keyboard-shortcut/keyboard-shortcut-constants.js";
 import { default as ce } from "./lib/lazy-show/lazy-show.js";
 import { default as Ue } from "./lib/link/link.js";
 import { DANGER as Fe, LINK_KIND_MODIFIERS as Ge, LINK_VARIANTS as Ke, MENTION as ge, MUTED as be, SUCCESS as je, WARNING as He, getLinkKindModifier as Ze } from "./lib/link/link-constants.js";
-import { default as Ye } from "./lib/list-item/list-item.js";
+import { default as he } from "./lib/list-item/list-item.js";
 import { LIST_ITEM_NAVIGATION_TYPES as We, LIST_ITEM_TYPES as ve } from "./lib/list-item/list-item-constants.js";
 import { default as Xe } from "./lib/list-item-group/list-item-group.js";
 import { default as Je } from "./lib/loader/loader.js";
 import { default as qe } from "./lib/modal/modal.js";
 import { MODAL_BANNER_KINDS as $e, MODAL_KIND_MODIFIERS as tr, MODAL_SIZE_MODIFIERS as or } from "./lib/modal/modal-constants.js";
-import { default as rr } from "./lib/notice/notice.js";
-import { default as Er } from "./lib/notice/notice-action.js";
-import { default as Ir } from "./lib/notice/notice-icon.js";
-import { default as Dr } from "./lib/notice/notice-content.js";
-import { NOTICE_KINDS as Tr, NOTICE_ROLES as pr } from "./lib/notice/notice-constants.js";
-import { default as mr } from "./lib/pagination/pagination.js";
-import { default as lr } from "./lib/popover/popover.js";
-import { POPOVER_APPEND_TO_VALUES as ir, POPOVER_CONTENT_WIDTHS as sr, POPOVER_DIRECTIONS as Ar, POPOVER_HEADER_FOOTER_PADDING_CLASSES as Nr, POPOVER_INITIAL_FOCUS_STRINGS as ur, POPOVER_PADDING_CLASSES as dr, POPOVER_ROLES as Cr, POPOVER_STICKY_VALUES as Lr } from "./lib/popover/popover-constants.js";
-import { default as nr } from "./lib/presence/presence.js";
-import { PRESENCE_STATES as cr, PRESENCE_STATES_LIST as Br } from "./lib/presence/presence-constants.js";
-import { default as Vr } from "./lib/radio/radio.js";
-import { RADIO_INPUT_VALIDATION_CLASSES as Gr } from "./lib/radio/radio-constants.js";
-import { default as gr } from "./lib/rich-text-editor/rich-text-editor.js";
-import { RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as jr, RICH_TEXT_EDITOR_OUTPUT_FORMATS as Hr } from "./lib/rich-text-editor/rich-text-editor-constants.js";
-import { default as hr } from "./lib/root-layout/root-layout.js";
-import { ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS as kr, ROOT_LAYOUT_SIDEBAR_POSITIONS as Wr } from "./lib/root-layout/root-layout-constants.js";
-import { default as wr } from "./lib/select-menu/select-menu.js";
-import { SELECT_SIZE_MODIFIERS as yr, SELECT_STATE_MODIFIERS as Jr } from "./lib/select-menu/select-menu-constants.js";
-import { default as qr } from "./lib/skeleton/skeleton.js";
-import { default as $r } from "./lib/skeleton/skeleton-list-item.js";
-import { default as oa } from "./lib/skeleton/skeleton-text.js";
-import { default as ra } from "./lib/skeleton/skeleton-shape.js";
-import { default as Ea } from "./lib/skeleton/skeleton-paragraph.js";
-import { SKELETON_HEADING_HEIGHTS as Ia, SKELETON_RIPPLE_DURATION as fa, SKELETON_SHAPES as Da, SKELETON_SHAPE_SIZES as Sa, SKELETON_TEXT_TYPES as Ta } from "./lib/skeleton/skeleton-constants.js";
-import { default as Oa } from "./lib/split-button/split-button.js";
-import { SPLIT_BUTTON_ICON_SIZES as Ra } from "./lib/split-button/split-button-constants.js";
-import { default as xa } from "./lib/stack/stack.js";
-import { DT_STACK_DIRECTION as sa, DT_STACK_GAP as Aa, DT_STACK_RESPONSIVE_BREAKPOINTS as Na } from "./lib/stack/stack-constants.js";
-import { default as da } from "./lib/tab/tab-group.js";
-import { default as La } from "./lib/tab/tab.js";
-import { default as na } from "./lib/tab/tab-panel.js";
-import { TAB_IMPORTANCE_MODIFIERS as ca, TAB_LIST_IMPORTANCE_MODIFIERS as Ba, TAB_LIST_KIND_MODIFIERS as Ua, TAB_LIST_SIZES as Va } from "./lib/tab/tabs-constants.js";
-import { default as Ga } from "./lib/toast/toast.js";
-import { TOAST_MIN_DURATION as ga, TOAST_ROLES as ba } from "./lib/toast/toast-constants.js";
-import { default as Ha } from "./lib/toggle/toggle.js";
-import { TOGGLE_CHECKED_VALUES as ha, TOGGLE_SIZE_MODIFIERS as Ya } from "./lib/toggle/toggle-constants.js";
-import { default as Wa } from "./lib/tooltip/tooltip.js";
-import { TOOLTIP_DELAY_MS as wa, TOOLTIP_DIRECTIONS as Xa, TOOLTIP_HIDE_ON_CLICK_VARIANTS as ya, TOOLTIP_KIND_MODIFIERS as Ja, TOOLTIP_STICKY_VALUES as za } from "./lib/tooltip/tooltip-constants.js";
-import { default as Qa } from "./lib/validation-messages/validation-messages.js";
-import { default as tE } from "./lib/callbar-button/callbar-button.js";
-import { CALLBAR_BUTTON_VALID_WIDTH_SIZE as eE } from "./lib/callbar-button/callbar-button-constants.js";
-import { default as aE } from "./lib/callbar-button-with-popover/callbar-button-with-popover.js";
-import { default as _E } from "./lib/callbar-button-with-dropdown/callbar-button-with-dropdown.js";
-import { default as fE } from "./lib/ivr-node/ivr-node.js";
-import { IVR_NODE_ASSIGN as SE, IVR_NODE_BRANCH as TE, IVR_NODE_CUSTOMER_DATA as pE, IVR_NODE_EXPERT as OE, IVR_NODE_GO_TO as mE, IVR_NODE_HANGUP as RE, IVR_NODE_ICON_TYPES as lE, IVR_NODE_LABELS as xE, IVR_NODE_PROMPT_COLLECT as iE, IVR_NODE_PROMPT_MENU as sE, IVR_NODE_PROMPT_PLAY as AE, IVR_NODE_TRANSFER as NE } from "./lib/ivr-node/ivr-node-constants.js";
-import { default as dE } from "./lib/grouped-chip/grouped-chip.js";
-import { default as LE } from "./lib/combobox-multi-select/combobox-multi-select.js";
-import { CHIP_SIZES as nE, CHIP_TOP_POSITION as ME, MULTI_SELECT_SIZES as cE } from "./lib/combobox-multi-select/combobox-multi-select-constants.js";
-import { default as UE } from "./lib/combobox-with-popover/combobox-with-popover.js";
-import { default as FE } from "./lib/attachment-carousel/attachment-carousel.js";
-import { default as KE } from "./lib/editor/editor.js";
-import { default as bE } from "./lib/emoji-row/emoji-row.js";
-import { REACTIONS_ATTRIBUTES as HE } from "./lib/emoji-row/emoji-row-constants.js";
-import { default as hE } from "./lib/feed-item-pill/feed-item-pill.js";
-import { FEED_ITEM_PILL_BORDER_COLORS as kE } from "./lib/feed-item-pill/feed-item-pill-constants.js";
-import { default as vE } from "./lib/feed-item-row/feed-item-row.js";
-import { DEFAULT_FEED_ROW_STATE as XE, FEED_ROW_STATE_BACKGROUND_COLOR as yE } from "./lib/feed-item-row/feed-item-row-constants.js";
-import { default as zE } from "./lib/message-input/message-input.js";
-import { default as QE } from "./lib/time-pill/time-pill.js";
-import { default as t_ } from "./lib/settings-menu-button/settings-menu-button.js";
-import { default as e_ } from "./lib/contact-info/contact-info.js";
-import { default as a_ } from "./lib/callbox/callbox.js";
-import { CALLBOX_BADGE_COLORS as __, CALLBOX_BORDER_COLORS as I_ } from "./lib/callbox/callbox-constants.js";
-import { default as D_ } from "./lib/contact-centers-row/contact-centers-row.js";
-import { default as T_ } from "./lib/contact-row/contact-row.js";
-import { default as O_ } from "./lib/general-row/general-row.js";
-import { LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS as R_, LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR as l_, LEFTBAR_GENERAL_ROW_ICON_SIZES as x_, LEFTBAR_GENERAL_ROW_TYPES as i_ } from "./lib/general-row/general-row-constants.js";
-import { default as A_ } from "./lib/group-row/group-row.js";
-import { default as u_ } from "./lib/unread-pill/unread-pill.js";
-import { UNREAD_PILL_DIRECTIONS as C_, UNREAD_PILL_KINDS as L_ } from "./lib/unread-pill/unread-pill-constants.js";
-import { default as n_ } from "./lib/top-banner-info/top-banner-info.js";
-import { COLOR_CODES as c_ } from "./lib/top-banner-info/top-banner-info-constants.js";
+import { default as rr } from "./lib/mode-island/mode-island.js";
+import { DT_MODE_ISLAND_TYPES as Er } from "./lib/mode-island/mode-island-constants.js";
+import { default as Ir } from "./lib/notice/notice.js";
+import { default as Dr } from "./lib/notice/notice-action.js";
+import { default as Tr } from "./lib/notice/notice-icon.js";
+import { default as Or } from "./lib/notice/notice-content.js";
+import { NOTICE_KINDS as Rr, NOTICE_ROLES as lr } from "./lib/notice/notice-constants.js";
+import { default as ir } from "./lib/pagination/pagination.js";
+import { default as Ar } from "./lib/popover/popover.js";
+import { POPOVER_APPEND_TO_VALUES as dr, POPOVER_CONTENT_WIDTHS as ur, POPOVER_DIRECTIONS as Cr, POPOVER_HEADER_FOOTER_PADDING_CLASSES as Lr, POPOVER_INITIAL_FOCUS_STRINGS as Pr, POPOVER_PADDING_CLASSES as nr, POPOVER_ROLES as Mr, POPOVER_STICKY_VALUES as cr } from "./lib/popover/popover-constants.js";
+import { default as Ur } from "./lib/presence/presence.js";
+import { PRESENCE_STATES as Fr, PRESENCE_STATES_LIST as Gr } from "./lib/presence/presence-constants.js";
+import { default as gr } from "./lib/radio/radio.js";
+import { RADIO_INPUT_VALIDATION_CLASSES as jr } from "./lib/radio/radio-constants.js";
+import { default as Zr } from "./lib/rich-text-editor/rich-text-editor.js";
+import { RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as hr, RICH_TEXT_EDITOR_OUTPUT_FORMATS as kr } from "./lib/rich-text-editor/rich-text-editor-constants.js";
+import { default as vr } from "./lib/root-layout/root-layout.js";
+import { ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS as Xr, ROOT_LAYOUT_SIDEBAR_POSITIONS as yr } from "./lib/root-layout/root-layout-constants.js";
+import { default as zr } from "./lib/select-menu/select-menu.js";
+import { SELECT_SIZE_MODIFIERS as Qr, SELECT_STATE_MODIFIERS as $r } from "./lib/select-menu/select-menu-constants.js";
+import { default as oa } from "./lib/skeleton/skeleton.js";
+import { default as ra } from "./lib/skeleton/skeleton-list-item.js";
+import { default as Ea } from "./lib/skeleton/skeleton-text.js";
+import { default as Ia } from "./lib/skeleton/skeleton-shape.js";
+import { default as Da } from "./lib/skeleton/skeleton-paragraph.js";
+import { SKELETON_HEADING_HEIGHTS as Ta, SKELETON_RIPPLE_DURATION as pa, SKELETON_SHAPES as Oa, SKELETON_SHAPE_SIZES as ma, SKELETON_TEXT_TYPES as Ra } from "./lib/skeleton/skeleton-constants.js";
+import { default as xa } from "./lib/split-button/split-button.js";
+import { SPLIT_BUTTON_ICON_SIZES as sa } from "./lib/split-button/split-button-constants.js";
+import { default as Na } from "./lib/stack/stack.js";
+import { DT_STACK_DIRECTION as ua, DT_STACK_GAP as Ca, DT_STACK_RESPONSIVE_BREAKPOINTS as La } from "./lib/stack/stack-constants.js";
+import { default as na } from "./lib/tab/tab-group.js";
+import { default as ca } from "./lib/tab/tab.js";
+import { default as Ua } from "./lib/tab/tab-panel.js";
+import { TAB_IMPORTANCE_MODIFIERS as Fa, TAB_LIST_IMPORTANCE_MODIFIERS as Ga, TAB_LIST_KIND_MODIFIERS as Ka, TAB_LIST_SIZES as ga } from "./lib/tab/tabs-constants.js";
+import { default as ja } from "./lib/toast/toast.js";
+import { TOAST_MIN_DURATION as Za, TOAST_ROLES as Ya } from "./lib/toast/toast-constants.js";
+import { default as ka } from "./lib/toggle/toggle.js";
+import { TOGGLE_CHECKED_VALUES as va, TOGGLE_SIZE_MODIFIERS as wa } from "./lib/toggle/toggle-constants.js";
+import { default as ya } from "./lib/tooltip/tooltip.js";
+import { TOOLTIP_DELAY_MS as za, TOOLTIP_DIRECTIONS as qa, TOOLTIP_HIDE_ON_CLICK_VARIANTS as Qa, TOOLTIP_KIND_MODIFIERS as $a, TOOLTIP_STICKY_VALUES as tE } from "./lib/tooltip/tooltip-constants.js";
+import { default as eE } from "./lib/validation-messages/validation-messages.js";
+import { default as aE } from "./lib/callbar-button/callbar-button.js";
+import { CALLBAR_BUTTON_VALID_WIDTH_SIZE as _E } from "./lib/callbar-button/callbar-button-constants.js";
+import { default as fE } from "./lib/callbar-button-with-popover/callbar-button-with-popover.js";
+import { default as SE } from "./lib/callbar-button-with-dropdown/callbar-button-with-dropdown.js";
+import { default as pE } from "./lib/ivr-node/ivr-node.js";
+import { IVR_NODE_ASSIGN as mE, IVR_NODE_BRANCH as RE, IVR_NODE_CUSTOMER_DATA as lE, IVR_NODE_EXPERT as xE, IVR_NODE_GO_TO as iE, IVR_NODE_HANGUP as sE, IVR_NODE_ICON_TYPES as AE, IVR_NODE_LABELS as NE, IVR_NODE_PROMPT_COLLECT as dE, IVR_NODE_PROMPT_MENU as uE, IVR_NODE_PROMPT_PLAY as CE, IVR_NODE_TRANSFER as LE } from "./lib/ivr-node/ivr-node-constants.js";
+import { default as nE } from "./lib/grouped-chip/grouped-chip.js";
+import { default as cE } from "./lib/combobox-multi-select/combobox-multi-select.js";
+import { CHIP_SIZES as UE, CHIP_TOP_POSITION as VE, MULTI_SELECT_SIZES as FE } from "./lib/combobox-multi-select/combobox-multi-select-constants.js";
+import { default as KE } from "./lib/combobox-with-popover/combobox-with-popover.js";
+import { default as bE } from "./lib/attachment-carousel/attachment-carousel.js";
+import { default as HE } from "./lib/editor/editor.js";
+import { default as YE } from "./lib/emoji-row/emoji-row.js";
+import { REACTIONS_ATTRIBUTES as kE } from "./lib/emoji-row/emoji-row-constants.js";
+import { default as vE } from "./lib/feed-item-pill/feed-item-pill.js";
+import { FEED_ITEM_PILL_BORDER_COLORS as XE } from "./lib/feed-item-pill/feed-item-pill-constants.js";
+import { default as JE } from "./lib/feed-item-row/feed-item-row.js";
+import { DEFAULT_FEED_ROW_STATE as qE, FEED_ROW_STATE_BACKGROUND_COLOR as QE } from "./lib/feed-item-row/feed-item-row-constants.js";
+import { default as t_ } from "./lib/message-input/message-input.js";
+import { default as e_ } from "./lib/time-pill/time-pill.js";
+import { default as a_ } from "./lib/settings-menu-button/settings-menu-button.js";
+import { default as __ } from "./lib/contact-info/contact-info.js";
+import { default as f_ } from "./lib/callbox/callbox.js";
+import { CALLBOX_BADGE_COLORS as S_, CALLBOX_BORDER_COLORS as T_ } from "./lib/callbox/callbox-constants.js";
+import { default as O_ } from "./lib/contact-centers-row/contact-centers-row.js";
+import { default as R_ } from "./lib/contact-row/contact-row.js";
+import { default as x_ } from "./lib/general-row/general-row.js";
+import { LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS as s_, LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR as A_, LEFTBAR_GENERAL_ROW_ICON_SIZES as N_, LEFTBAR_GENERAL_ROW_TYPES as d_ } from "./lib/general-row/general-row-constants.js";
+import { default as C_ } from "./lib/group-row/group-row.js";
+import { default as P_ } from "./lib/unread-pill/unread-pill.js";
+import { UNREAD_PILL_DIRECTIONS as M_, UNREAD_PILL_KINDS as c_ } from "./lib/unread-pill/unread-pill-constants.js";
+import { default as U_ } from "./lib/top-banner-info/top-banner-info.js";
+import { COLOR_CODES as F_ } from "./lib/top-banner-info/top-banner-info-constants.js";
 export {
   Qo as ARROW_KEYS,
   Ut as AVATAR_COLORS,
@@ -152,7 +154,7 @@ export {
   gt as AVATAR_PRESENCE_STATES,
   bt as AVATAR_RANDOM_COLORS,
   jt as AVATAR_SIZE_MODIFIERS,
-  Yt as BADGE_DECORATION_MODIFIERS,
+  ht as BADGE_DECORATION_MODIFIERS,
   kt as BADGE_KIND_MODIFIERS,
   Wt as BADGE_TYPE_MODIFIERS,
   Qt as BREADCRUMBS_INVERTED_MODIFIER,
@@ -163,26 +165,27 @@ export {
   Eo as BUTTON_KIND_MODIFIERS,
   _o as BUTTON_SIZE_MODIFIERS,
   Io as BUTTON_TYPES,
-  eE as CALLBAR_BUTTON_VALID_WIDTH_SIZE,
-  __ as CALLBOX_BADGE_COLORS,
-  I_ as CALLBOX_BORDER_COLORS,
+  _E as CALLBAR_BUTTON_VALID_WIDTH_SIZE,
+  S_ as CALLBOX_BADGE_COLORS,
+  T_ as CALLBOX_BORDER_COLORS,
   $o as CDN_URL,
   No as CHIP_CLOSE_BUTTON_SIZE_MODIFIERS,
   uo as CHIP_ICON_SIZES,
-  nE as CHIP_SIZES,
+  UE as CHIP_SIZES,
   Co as CHIP_SIZE_MODIFIERS,
-  ME as CHIP_TOP_POSITION,
-  c_ as COLOR_CODES,
+  VE as CHIP_TOP_POSITION,
+  F_ as COLOR_CODES,
   Vo as COMBOBOX_LABEL_SIZES,
   Fe as DANGER,
-  XE as DEFAULT_FEED_ROW_STATE,
+  qE as DEFAULT_FEED_ROW_STATE,
   e as DEFAULT_VALIDATION_MESSAGE_TYPE,
   r as DESCRIPTION_SIZE_TYPES,
   yo as DROPDOWN_PADDING_CLASSES,
-  Yo as DT_DESCRIPTION_LIST_DIRECTION,
-  sa as DT_STACK_DIRECTION,
-  Aa as DT_STACK_GAP,
-  Na as DT_STACK_RESPONSIVE_BREAKPOINTS,
+  ho as DT_DESCRIPTION_LIST_DIRECTION,
+  Er as DT_MODE_ISLAND_TYPES,
+  ua as DT_STACK_DIRECTION,
+  Ca as DT_STACK_GAP,
+  La as DT_STACK_RESPONSIVE_BREAKPOINTS,
   v as DialtoneLocalization,
   ct as DtAvatar,
   Zt as DtBadge,
@@ -218,74 +221,75 @@ export {
   Ne as DtInputGroup,
   Nt as DtInputGroupMixin,
   st as DtInputMixin,
-  de as DtItemLayout,
-  dt as DtKeyboardListNavigationMixin,
+  ue as DtItemLayout,
+  ut as DtKeyboardListNavigationMixin,
   Le as DtKeyboardShortcut,
   ce as DtLazyShow,
   Ue as DtLink,
-  Ye as DtListItem,
+  he as DtListItem,
   Xe as DtListItemGroup,
   Je as DtLoader,
   qe as DtModal,
   Lt as DtModalMixin,
-  rr as DtNotice,
-  Er as DtNoticeAction,
-  Dr as DtNoticeContent,
-  Ir as DtNoticeIcon,
-  mr as DtPagination,
-  lr as DtPopover,
-  nr as DtPresence,
-  Vr as DtRadio,
+  rr as DtModeIsland,
+  Ir as DtNotice,
+  Dr as DtNoticeAction,
+  Or as DtNoticeContent,
+  Tr as DtNoticeIcon,
+  ir as DtPagination,
+  Ar as DtPopover,
+  Ur as DtPresence,
+  gr as DtRadio,
   It as DtRadioGroup,
-  FE as DtRecipeAttachmentCarousel,
-  tE as DtRecipeCallbarButton,
-  _E as DtRecipeCallbarButtonWithDropdown,
-  aE as DtRecipeCallbarButtonWithPopover,
-  a_ as DtRecipeCallbox,
-  LE as DtRecipeComboboxMultiSelect,
-  UE as DtRecipeComboboxWithPopover,
-  D_ as DtRecipeContactCentersRow,
-  e_ as DtRecipeContactInfo,
-  T_ as DtRecipeContactRow,
-  KE as DtRecipeEditor,
-  bE as DtRecipeEmojiRow,
-  hE as DtRecipeFeedItemPill,
-  vE as DtRecipeFeedItemRow,
-  O_ as DtRecipeGeneralRow,
-  A_ as DtRecipeGroupRow,
-  dE as DtRecipeGroupedChip,
-  fE as DtRecipeIvrNode,
-  zE as DtRecipeMessageInput,
-  t_ as DtRecipeSettingsMenuButton,
-  QE as DtRecipeTimePill,
-  n_ as DtRecipeTopBannerInfo,
-  u_ as DtRecipeUnreadPill,
-  gr as DtRichTextEditor,
-  hr as DtRootLayout,
+  bE as DtRecipeAttachmentCarousel,
+  aE as DtRecipeCallbarButton,
+  SE as DtRecipeCallbarButtonWithDropdown,
+  fE as DtRecipeCallbarButtonWithPopover,
+  f_ as DtRecipeCallbox,
+  cE as DtRecipeComboboxMultiSelect,
+  KE as DtRecipeComboboxWithPopover,
+  O_ as DtRecipeContactCentersRow,
+  __ as DtRecipeContactInfo,
+  R_ as DtRecipeContactRow,
+  HE as DtRecipeEditor,
+  YE as DtRecipeEmojiRow,
+  vE as DtRecipeFeedItemPill,
+  JE as DtRecipeFeedItemRow,
+  x_ as DtRecipeGeneralRow,
+  C_ as DtRecipeGroupRow,
+  nE as DtRecipeGroupedChip,
+  pE as DtRecipeIvrNode,
+  t_ as DtRecipeMessageInput,
+  a_ as DtRecipeSettingsMenuButton,
+  e_ as DtRecipeTimePill,
+  U_ as DtRecipeTopBannerInfo,
+  P_ as DtRecipeUnreadPill,
+  Zr as DtRichTextEditor,
+  vr as DtRootLayout,
   Ot as DtScrollbarDirective,
   Dt as DtScroller,
-  wr as DtSelectMenu,
-  qr as DtSkeleton,
-  $r as DtSkeletonListItem,
+  zr as DtSelectMenu,
+  oa as DtSkeleton,
+  ra as DtSkeletonListItem,
   nt as DtSkeletonMixin,
-  Ea as DtSkeletonParagraph,
-  ra as DtSkeletonShape,
-  oa as DtSkeletonText,
-  Oa as DtSplitButton,
-  xa as DtStack,
-  La as DtTab,
-  da as DtTabGroup,
-  na as DtTabPanel,
-  Ga as DtToast,
-  Ha as DtToggle,
-  Wa as DtTooltip,
+  Da as DtSkeletonParagraph,
+  Ia as DtSkeletonShape,
+  Ea as DtSkeletonText,
+  xa as DtSplitButton,
+  Na as DtStack,
+  ca as DtTab,
+  na as DtTabGroup,
+  Ua as DtTabPanel,
+  ja as DtToast,
+  ka as DtToggle,
+  ya as DtTooltip,
   Tt as DtTooltipDirective,
-  Qa as DtValidationMessages,
+  eE as DtValidationMessages,
   te as EMOJIS_PER_ROW,
   oe as EMOJI_PICKER_SKIN_TONE_MODIFIERS,
   re as EMPTY_STATE_SIZE_MODIFIERS,
-  kE as FEED_ITEM_PILL_BORDER_COLORS,
-  yE as FEED_ROW_STATE_BACKGROUND_COLOR,
+  XE as FEED_ITEM_PILL_BORDER_COLORS,
+  QE as FEED_ROW_STATE_BACKGROUND_COLOR,
   De as ICON_NAMES,
   fo as ICON_POSITION_MODIFIERS,
   Se as ICON_SIZE_MODIFIERS,
@@ -293,22 +297,22 @@ export {
   ie as INPUT_SIZES,
   se as INPUT_TYPES,
   Do as INVALID_COMBINATION,
-  SE as IVR_NODE_ASSIGN,
-  TE as IVR_NODE_BRANCH,
-  pE as IVR_NODE_CUSTOMER_DATA,
-  OE as IVR_NODE_EXPERT,
-  mE as IVR_NODE_GO_TO,
-  RE as IVR_NODE_HANGUP,
-  lE as IVR_NODE_ICON_TYPES,
-  xE as IVR_NODE_LABELS,
-  iE as IVR_NODE_PROMPT_COLLECT,
-  sE as IVR_NODE_PROMPT_MENU,
-  AE as IVR_NODE_PROMPT_PLAY,
-  NE as IVR_NODE_TRANSFER,
-  R_ as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS,
-  l_ as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR,
-  x_ as LEFTBAR_GENERAL_ROW_ICON_SIZES,
-  i_ as LEFTBAR_GENERAL_ROW_TYPES,
+  mE as IVR_NODE_ASSIGN,
+  RE as IVR_NODE_BRANCH,
+  lE as IVR_NODE_CUSTOMER_DATA,
+  xE as IVR_NODE_EXPERT,
+  iE as IVR_NODE_GO_TO,
+  sE as IVR_NODE_HANGUP,
+  AE as IVR_NODE_ICON_TYPES,
+  NE as IVR_NODE_LABELS,
+  dE as IVR_NODE_PROMPT_COLLECT,
+  uE as IVR_NODE_PROMPT_MENU,
+  CE as IVR_NODE_PROMPT_PLAY,
+  LE as IVR_NODE_TRANSFER,
+  s_ as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS,
+  A_ as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR,
+  N_ as LEFTBAR_GENERAL_ROW_ICON_SIZES,
+  d_ as LEFTBAR_GENERAL_ROW_TYPES,
   Ge as LINK_KIND_MODIFIERS,
   Ke as LINK_VARIANTS,
   We as LIST_ITEM_NAVIGATION_TYPES,
@@ -317,59 +321,59 @@ export {
   $e as MODAL_BANNER_KINDS,
   tr as MODAL_KIND_MODIFIERS,
   or as MODAL_SIZE_MODIFIERS,
-  cE as MULTI_SELECT_SIZES,
+  FE as MULTI_SELECT_SIZES,
   be as MUTED,
-  Tr as NOTICE_KINDS,
-  pr as NOTICE_ROLES,
-  ir as POPOVER_APPEND_TO_VALUES,
-  sr as POPOVER_CONTENT_WIDTHS,
-  Ar as POPOVER_DIRECTIONS,
-  Nr as POPOVER_HEADER_FOOTER_PADDING_CLASSES,
-  ur as POPOVER_INITIAL_FOCUS_STRINGS,
-  dr as POPOVER_PADDING_CLASSES,
-  Cr as POPOVER_ROLES,
-  Lr as POPOVER_STICKY_VALUES,
-  cr as PRESENCE_STATES,
-  Br as PRESENCE_STATES_LIST,
-  Gr as RADIO_INPUT_VALIDATION_CLASSES,
-  HE as REACTIONS_ATTRIBUTES,
-  jr as RICH_TEXT_EDITOR_AUTOFOCUS_TYPES,
-  Hr as RICH_TEXT_EDITOR_OUTPUT_FORMATS,
-  kr as ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS,
-  Wr as ROOT_LAYOUT_SIDEBAR_POSITIONS,
-  yr as SELECT_SIZE_MODIFIERS,
-  Jr as SELECT_STATE_MODIFIERS,
+  Rr as NOTICE_KINDS,
+  lr as NOTICE_ROLES,
+  dr as POPOVER_APPEND_TO_VALUES,
+  ur as POPOVER_CONTENT_WIDTHS,
+  Cr as POPOVER_DIRECTIONS,
+  Lr as POPOVER_HEADER_FOOTER_PADDING_CLASSES,
+  Pr as POPOVER_INITIAL_FOCUS_STRINGS,
+  nr as POPOVER_PADDING_CLASSES,
+  Mr as POPOVER_ROLES,
+  cr as POPOVER_STICKY_VALUES,
+  Fr as PRESENCE_STATES,
+  Gr as PRESENCE_STATES_LIST,
+  jr as RADIO_INPUT_VALIDATION_CLASSES,
+  kE as REACTIONS_ATTRIBUTES,
+  hr as RICH_TEXT_EDITOR_AUTOFOCUS_TYPES,
+  kr as RICH_TEXT_EDITOR_OUTPUT_FORMATS,
+  Xr as ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS,
+  yr as ROOT_LAYOUT_SIDEBAR_POSITIONS,
+  Qr as SELECT_SIZE_MODIFIERS,
+  $r as SELECT_STATE_MODIFIERS,
   ne as SHORTCUTS_ALIASES_LIST,
-  Ia as SKELETON_HEADING_HEIGHTS,
-  fa as SKELETON_RIPPLE_DURATION,
-  Da as SKELETON_SHAPES,
-  Sa as SKELETON_SHAPE_SIZES,
-  Ta as SKELETON_TEXT_TYPES,
-  Ra as SPLIT_BUTTON_ICON_SIZES,
+  Ta as SKELETON_HEADING_HEIGHTS,
+  pa as SKELETON_RIPPLE_DURATION,
+  Oa as SKELETON_SHAPES,
+  ma as SKELETON_SHAPE_SIZES,
+  Ra as SKELETON_TEXT_TYPES,
+  sa as SPLIT_BUTTON_ICON_SIZES,
   je as SUCCESS,
-  ca as TAB_IMPORTANCE_MODIFIERS,
-  Ba as TAB_LIST_IMPORTANCE_MODIFIERS,
-  Ua as TAB_LIST_KIND_MODIFIERS,
-  Va as TAB_LIST_SIZES,
-  ga as TOAST_MIN_DURATION,
-  ba as TOAST_ROLES,
-  ha as TOGGLE_CHECKED_VALUES,
-  Ya as TOGGLE_SIZE_MODIFIERS,
-  wa as TOOLTIP_DELAY_MS,
-  Xa as TOOLTIP_DIRECTIONS,
-  ya as TOOLTIP_HIDE_ON_CLICK_VARIANTS,
-  Ja as TOOLTIP_KIND_MODIFIERS,
-  za as TOOLTIP_STICKY_VALUES,
-  C_ as UNREAD_PILL_DIRECTIONS,
-  L_ as UNREAD_PILL_KINDS,
+  Fa as TAB_IMPORTANCE_MODIFIERS,
+  Ga as TAB_LIST_IMPORTANCE_MODIFIERS,
+  Ka as TAB_LIST_KIND_MODIFIERS,
+  ga as TAB_LIST_SIZES,
+  Za as TOAST_MIN_DURATION,
+  Ya as TOAST_ROLES,
+  va as TOGGLE_CHECKED_VALUES,
+  wa as TOGGLE_SIZE_MODIFIERS,
+  za as TOOLTIP_DELAY_MS,
+  qa as TOOLTIP_DIRECTIONS,
+  Qa as TOOLTIP_HIDE_ON_CLICK_VARIANTS,
+  $a as TOOLTIP_KIND_MODIFIERS,
+  tE as TOOLTIP_STICKY_VALUES,
+  M_ as UNREAD_PILL_DIRECTIONS,
+  c_ as UNREAD_PILL_KINDS,
   a as VALIDATION_MESSAGE_TYPES,
   He as WARNING,
   A as codeToEmojiData,
   N as customEmojiAssetUrl,
-  u as defaultEmojiAssetUrl,
+  d as defaultEmojiAssetUrl,
   f as disableRootScrolling,
   R as durationInHHMM,
-  d as emojiFileExtensionLarge,
+  u as emojiFileExtensionLarge,
   C as emojiFileExtensionSmall,
   L as emojiImageUrlLarge,
   P as emojiImageUrlSmall,
@@ -401,8 +405,8 @@ export {
   j as setEmojiAssetUrlLarge,
   H as setEmojiAssetUrlSmall,
   Z as shortcodeToEmojiData,
-  h as stringToUnicode,
-  Y as unicodeToString,
+  Y as stringToUnicode,
+  h as unicodeToString,
   k as validateCustomEmojiJson,
   _ as validationMessageValidator
 };

package/dist/dialtone-vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dialtone-vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"dialtone-vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/lib/list-item/list-item.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./list-item-constants.cjs"),r=require("../../common/utils/index.cjs"),d=require("@dialpad/dialtone-icons/vue3"),t=require("vue"),u=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),c=require("../item-layout/item-layout.cjs"),m=["listitem","menuitem","option"],_={compatConfig:{MODE:3},name:"DtListItem",components:{DtItemLayout:c.default,DtIconCheck:d.DtIconCheck},inject:{highlightId:{default:null}},props:{id:{type:String,default(){return r.default.getUniqueString()}},role:{type:String,default:"listitem",validator:e=>m.includes(e)},elementType:{type:String,default:"li"},type:{type:String,default:s.LIST_ITEM_TYPES.DEFAULT,validator:e=>Object.values(s.LIST_ITEM_TYPES).includes(e)},navigationType:{type:String,default:s.LIST_ITEM_NAVIGATION_TYPES.NONE,validator:e=>Object.values(s.LIST_ITEM_NAVIGATION_TYPES).includes(e)},selected:{type:Boolean,default:!1},wrapperClass:{type:[String,Object,Array],default:""}},emits:["keydown","mousemove","mouseleave"],data(){return{injected:!1,mouseHighlighted:!1}},computed:{isDefaultType(){return this.type===s.LIST_ITEM_TYPES.DEFAULT},listItemListeners(){return{keydown:e=>{["enter","space"].includes(e.code.toLowerCase())&&this.onClick(e),this.$emit("keydown",e)},mousemove:e=>{this.onMouseHover(e),this.$emit("mousemove",e)},mouseleave:e=>{this.onMouseLeave(e),this.$emit("mouseleave",e)}}},isHighlighted(){return this.isHoverable?this.highlightId&&this.highlightId()?this.id===this.highlightId():this.mouseHighlighted:!1},isFocusable(){return this.navigationType===s.LIST_ITEM_NAVIGATION_TYPES.TAB},isHoverable(){return this.navigationType!==s.LIST_ITEM_NAVIGATION_TYPES.NONE}},methods:{onClick(e){this.$emit("click",e)},onMouseHover(){this.mouseHighlighted=!0},onMouseLeave(){this.mouseHighlighted=!1}}};function h(e,T,l,I,f,i){const a=t.resolveComponent("dt-icon-check"),n=t.resolveComponent("dt-item-layout");return t.openBlock(),t.createBlock(t.resolveDynamicComponent(l.elementType),t.mergeProps({id:l.id,class:["d-list-item",{"d-list-item--focusable":i.isFocusable,"d-list-item--highlighted":i.isHighlighted,"d-list-item--static":!i.isHoverable}],tabindex:i.isFocusable?0:-1,role:l.role,"aria-selected":l.role==="listitem"?void 0:i.isHighlighted},t.toHandlers(i.listItemListeners)),{default:t.withCtx(()=>[i.isDefaultType?(t.openBlock(),t.createBlock(n,{key:0,unstyled:"",class:t.normalizeClass(["d-list-item__wrapper",l.wrapperClass]),"left-class":"d-list-item__left","content-class":"d-list-item__content","title-class":"d-list-item__title","subtitle-class":"d-list-item__subtitle","bottom-class":"d-list-item__bottom","right-class":"d-list-item__right","selected-class":"d-list-item__selected","data-qa":"dt-list-item-wrapper"},t.createSlots({_:2},[t.renderList(e.$slots,(y,o)=>({name:o,fn:t.withCtx(()=>[t.renderSlot(e.$slots,o)])})),l.selected?{name:"selected",fn:t.withCtx(()=>[t.createVNode(a,{size:"400"})]),key:"0"}:void 0]),1032,["class"])):t.renderSlot(e.$slots,"default",{key:1})]),_:3},16,["id","class","tabindex","role","aria-selected"])}const g=u._(_,[["render",h]]);exports.default=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./list-item-constants.cjs"),r=require("../../common/utils/index.cjs"),d=require("@dialpad/dialtone-icons/vue3"),t=require("vue"),c=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),u=require("../item-layout/item-layout.cjs"),m=["listitem","menuitem","option"],h={compatConfig:{MODE:3},name:"DtListItem",components:{DtItemLayout:u.default,DtIconCheck:d.DtIconCheck},inject:{highlightId:{default:null}},props:{id:{type:String,default(){return r.default.getUniqueString()}},role:{type:String,default:"listitem",validator:e=>m.includes(e)},elementType:{type:String,default:"li"},type:{type:String,default:s.LIST_ITEM_TYPES.DEFAULT,validator:e=>Object.values(s.LIST_ITEM_TYPES).includes(e)},navigationType:{type:String,default:s.LIST_ITEM_NAVIGATION_TYPES.NONE,validator:e=>Object.values(s.LIST_ITEM_NAVIGATION_TYPES).includes(e)},selected:{type:Boolean,default:!1},wrapperClass:{type:[String,Object,Array],default:""}},emits:["click","keydown","mousemove","mouseleave"],data(){return{injected:!1,mouseHighlighted:!1}},computed:{isDefaultType(){return this.type===s.LIST_ITEM_TYPES.DEFAULT},listItemListeners(){return{click:e=>{this.onClick(e)},keydown:e=>{["enter","space"].includes(e.code.toLowerCase())&&this.onClick(e),this.$emit("keydown",e)},mousemove:e=>{this.onMouseHover(e),this.$emit("mousemove",e)},mouseleave:e=>{this.onMouseLeave(e),this.$emit("mouseleave",e)}}},isHighlighted(){return this.isHoverable?this.highlightId&&this.highlightId()?this.id===this.highlightId():this.mouseHighlighted:!1},isFocusable(){return this.navigationType===s.LIST_ITEM_NAVIGATION_TYPES.TAB},isHoverable(){return this.navigationType!==s.LIST_ITEM_NAVIGATION_TYPES.NONE}},methods:{onClick(e){this.$emit("click",e)},onMouseHover(){this.mouseHighlighted=!0},onMouseLeave(){this.mouseHighlighted=!1}}};function _(e,T,l,I,f,i){const a=t.resolveComponent("dt-icon-check"),n=t.resolveComponent("dt-item-layout");return t.openBlock(),t.createBlock(t.resolveDynamicComponent(l.elementType),t.mergeProps({id:l.id,class:["d-list-item",{"d-list-item--focusable":i.isFocusable,"d-list-item--highlighted":i.isHighlighted,"d-list-item--static":!i.isHoverable}],tabindex:i.isFocusable?0:-1,role:l.role,"aria-selected":l.role==="listitem"?void 0:i.isHighlighted},t.toHandlers(i.listItemListeners)),{default:t.withCtx(()=>[i.isDefaultType?(t.openBlock(),t.createBlock(n,{key:0,unstyled:"",class:t.normalizeClass(["d-list-item__wrapper",l.wrapperClass]),"left-class":"d-list-item__left","content-class":"d-list-item__content","title-class":"d-list-item__title","subtitle-class":"d-list-item__subtitle","bottom-class":"d-list-item__bottom","right-class":"d-list-item__right","selected-class":"d-list-item__selected","data-qa":"dt-list-item-wrapper"},t.createSlots({_:2},[t.renderList(e.$slots,(y,o)=>({name:o,fn:t.withCtx(()=>[t.renderSlot(e.$slots,o)])})),l.selected?{name:"selected",fn:t.withCtx(()=>[t.createVNode(a,{size:"400"})]),key:"0"}:void 0]),1032,["class"])):t.renderSlot(e.$slots,"default",{key:1})]),_:3},16,["id","class","tabindex","role","aria-selected"])}const g=c._(h,[["render",_]]);exports.default=g;
 //# sourceMappingURL=list-item.cjs.map

package/dist/lib/list-item/list-item.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"list-item.cjs","sources":["../../../components/list_item/list_item.vue"],"sourcesContent":["<template>\n <component\n :is=\"elementType\"\n :id=\"id\"\n :class=\"[\n 'd-list-item',\n {\n 'd-list-item--focusable': isFocusable,\n 'd-list-item--highlighted': isHighlighted,\n 'd-list-item--static': !isHoverable,\n }]\"\n :tabindex=\"isFocusable ? 0 : -1\"\n :role=\"role\"\n :aria-selected=\"role === 'listitem' ? undefined : isHighlighted\"\n v-on=\"listItemListeners\"\n >\n <dt-item-layout\n v-if=\"isDefaultType\"\n unstyled\n :class=\"['d-list-item__wrapper', wrapperClass]\"\n left-class=\"d-list-item__left\"\n content-class=\"d-list-item__content\"\n title-class=\"d-list-item__title\"\n subtitle-class=\"d-list-item__subtitle\"\n bottom-class=\"d-list-item__bottom\"\n right-class=\"d-list-item__right\"\n selected-class=\"d-list-item__selected\"\n data-qa=\"dt-list-item-wrapper\"\n >\n <template\n v-for=\"(_, slotName) in $slots\"\n #[slotName]\n >\n <!-- @slot named slots for custom list items -->\n <slot :name=\"slotName\" />\n </template>\n <template\n v-if=\"selected\"\n #selected\n >\n <dt-icon-check size=\"400\" />\n </template>\n </dt-item-layout>\n <!-- @slot slot for the main content -->\n <slot v-else />\n </component>\n</template>\n\n<script>\nimport {\n LIST_ITEM_TYPES,\n LIST_ITEM_NAVIGATION_TYPES,\n} from './list_item_constants';\nimport utils from '@/common/utils';\nimport { DtIconCheck } from '@dialpad/dialtone-icons/vue3';\nimport { DtItemLayout } from '@/components/item_layout';\n\nconst ROLES = ['listitem', 'menuitem', 'option'];\n\n/*\n A list item is an element that can be used to represent individual items in a list.\n * @see https://dialtone.dialpad.com/components/list_item.html\n /\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtListItem',\n\n components: {\n DtItemLayout,\n DtIconCheck,\n },\n\n /\n Value provided from keyboard_list_navigation.js using id prop.\n /\n inject: {\n highlightId: { default: null },\n },\n\n props: {\n /\n Id for the item.\n /\n id: {\n type: String,\n default () { return utils.getUniqueString(); },\n },\n\n /\n String to use for the item's role.\n /\n role: {\n type: String,\n default: 'listitem',\n validator: (role) => (ROLES).includes(role),\n },\n\n /\n HTML element type (tag name) of the content wrapper element.\n /\n elementType: {\n type: String,\n default: 'li',\n },\n\n /\n The type of child list item to use.\n * @values default, custom\n /\n type: {\n type: String,\n default: LIST_ITEM_TYPES.DEFAULT,\n validator: (t) => Object.values(LIST_ITEM_TYPES).includes(t),\n },\n\n /\n The type of navigation that this component should support.\n * - \"arrow-keys\" for items that are navigated with UP/DOWN keys.\n * - \"tab\" for items that are navigated using the TAB key.\n * - \"none\" for static items that are not interactive.\n * @values arrow-keys, tab, none\n /\n navigationType: {\n type: String,\n default: LIST_ITEM_NAVIGATION_TYPES.NONE,\n validator: (t) => Object.values(LIST_ITEM_NAVIGATION_TYPES).includes(t),\n },\n\n /\n Applies selected styles to the list item\n /\n selected: {\n type: Boolean,\n default: false,\n },\n\n /\n Additional Classes to apply to the wrapper element,\n * note: it only applies on \"default\" type\n * Can accept all of: String, Object, and Array, i.e. has the\n * same api as Vue's built-in handling of the class attribute.\n /\n wrapperClass: {\n type: [String, Object, Array],\n default: '',\n },\n },\n\n emits: [\n /\n Key down event\n \n @event keydown\n * @type {KeyboardEvent}\n /\n 'keydown',\n\n /\n Native mouse move event\n \n @event mousemove\n * @type {MouseEvent}\n /\n 'mousemove',\n\n /\n Native mouse leave event\n \n @event mouseleave\n * @type {MouseEvent}\n /\n 'mouseleave',\n ],\n\n data () {\n return {\n injected: false,\n mouseHighlighted: false,\n };\n },\n\n computed: {\n isDefaultType () {\n return this.type === LIST_ITEM_TYPES.DEFAULT;\n },\n\n listItemListeners () {\n return {\n keydown: event => {\n if (['enter', 'space'].includes(event.code.toLowerCase())) {\n this.onClick(event);\n }\n this.$emit('keydown', event);\n },\n\n mousemove: event => {\n this.onMouseHover(event);\n this.$emit('mousemove', event);\n },\n\n mouseleave: event => {\n this.onMouseLeave(event);\n this.$emit('mouseleave', event);\n },\n };\n },\n\n /\n For keyboard navigation, whether this item is currently highlighted.\n * An injected highlightId will override the default mouseover highlight.\n /\n isHighlighted () {\n if (this.isHoverable) {\n return this.highlightId && this.highlightId() ? this.id === this.highlightId() : this.mouseHighlighted;\n }\n return false;\n },\n\n isFocusable () {\n // Navigation type has to be set to \"tab\".\n return this.navigationType === LIST_ITEM_NAVIGATION_TYPES.TAB;\n },\n\n /\n Whether to apply hover styles.\n */\n isHoverable () {\n return this.navigationType !== LIST_ITEM_NAVIGATION_TYPES.NONE;\n },\n },\n\n methods: {\n onClick (e) {\n // disabled as we do not want to override native click\n ~~// eslint-disable-next-line vue/require-explicit-emits\n~~ this.$emit('click', e);\n },\n\n onMouseHover () {\n this.mouseHighlighted = true;\n },\n\n onMouseLeave () {\n this.mouseHighlighted = false;\n },\n },\n};\n</script>\n"],"names":["ROLES","_sfc_main","DtItemLayout","DtIconCheck","utils","role","LIST_ITEM_TYPES","t","LIST_ITEM_NAVIGATION_TYPES","event","_openBlock","_createBlock","_resolveDynamicComponent","$props","_mergeProps","$options","_toHandlers","_withCtx","_component_dt_item_layout","_normalizeClass","_createSlots","_renderList","_ctx","_","slotName","_renderSlot","_createVNode","_component_dt_icon_check"],"mappings":"oWAyDMA,EAAQ,CAAC,WAAY,WAAY,QAAQ,EAM1CC,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,aAEN,WAAY,cACVC,EAAAA,oBACAC,EAAAA,aAMF,OAAQ,CACN,YAAa,CAAE,QAAS,IAAG,GAG7B,MAAO,CAIL,GAAI,CACF,KAAM,OACN,SAAW,CAAE,OAAOC,EAAAA,QAAM,gBAAe,CAAI,GAM/C,KAAM,CACJ,KAAM,OACN,QAAS,WACT,UAAYC,GAAUL,EAAO,SAASK,CAAI,GAM5C,YAAa,CACX,KAAM,OACN,QAAS,MAOX,KAAM,CACJ,KAAM,OACN,QAASC,EAAAA,gBAAgB,QACzB,UAAYC,GAAM,OAAO,OAAOD,iBAAe,EAAE,SAASC,CAAC,GAU7D,eAAgB,CACd,KAAM,OACN,QAASC,EAAAA,2BAA2B,KACpC,UAAYD,GAAM,OAAO,OAAOC,4BAA0B,EAAE,SAASD,CAAC,GAMxE,SAAU,CACR,KAAM,QACN,QAAS,IASX,aAAc,CACZ,KAAM,CAAC,OAAQ,OAAQ,KAAK,EAC5B,QAAS,KAIb,MAAO,CAOL,UAQA,YAQA,cAGF,MAAQ,CACN,MAAO,CACL,SAAU,GACV,iBAAkB,GAEtB,EAEA,SAAU,CACR,eAAiB,CACf,OAAO,KAAK,OAASD,EAAAA,gBAAgB,OACvC,EAEA,mBAAqB,CACnB,MAAO,CACL,~~QAASG~~,GAAS,CACZ,CAAC,QAAS,OAAO,EAAE,SAASA,EAAM,KAAK,YAAW,CAAE,GACtD,KAAK,QAAQA,CAAK,EAEpB,KAAK,MAAM,UAAWA,CAAK,CAC7B,EAEA,UAAWA,GAAS,CAClB,KAAK,aAAaA,CAAK,EACvB,KAAK,MAAM,YAAaA,CAAK,CAC/B,EAEA,WAAYA,GAAS,CACnB,KAAK,aAAaA,CAAK,EACvB,KAAK,MAAM,aAAcA,CAAK,CAChC,EAEJ,EAMA,eAAiB,CACf,OAAI,KAAK,YACA,KAAK,aAAe,KAAK,YAAW,EAAK,KAAK,KAAO,KAAK,YAAW,EAAK,KAAK,iBAEjF,EACT,EAEA,aAAe,CAEb,OAAO,KAAK,iBAAmBD,EAAAA,2BAA2B,GAC5D,EAKA,aAAe,CACb,OAAO,KAAK,iBAAmBA,EAAAA,2BAA2B,IAC5D,GAGF,QAAS,CACP,QAAS,EAAG,~~CAGV~~,KAAK,MAAM,QAAS,CAAC,CACvB,EAEA,cAAgB,CACd,KAAK,iBAAmB,EAC1B,EAEA,cAAgB,CACd,KAAK,iBAAmB,EAC1B,EAEJ,~~6GArPE~~,OAAAE,EAAAA,UAAA,EAAAC,cA4CYC,EAAAA,wBA3CLC,EAAA,WAAW,EADlBC,aA4CY,CA1CT,GAAID,EAAA,GACJ,MAAK,yCAAmEE,EAAA,uCAAiDA,EAAA,qCAA+CA,EAAA,cAOxK,SAAUA,EAAA,YAAW,EAAA,GACrB,KAAMF,EAAA,KACN,gBAAeA,EAAA,OAAI,WAAkB,OAAYE,EAAA,aAClD,EAAAC,aAAwBD,EAAlB,iBAAiB,CAAA,EAAA,CAd3B,QAAAE,EAAAA,QAgBI,IA0BiB,CAzBTF,EAAA,6BADRJ,EAAAA,YA0BiBO,EAAA,CA1CrB,IAAA,EAkBM,SAAA,GACC,MAnBPC,EAAAA,uCAmBuCN,EAAA,YAAY,CAAA,EAC7C,aAAW,oBACX,gBAAc,uBACd,cAAY,qBACZ,iBAAe,wBACf,eAAa,sBACb,cAAY,qBACZ,iBAAe,wBACf,UAAQ,sBA3Bd,EAAAO,cAAA,CAAA,EAAA,GAAA,CAAAC,EAAAA,WA8BgCC,EAAA,OA9BhC,CA8BgBC,EAAGC,MA9BnB,KA+BSA,EA/BT,GAAAP,EAAAA,QAkCQ,IAAyB,CAAzBQ,aAAyBH,SAAZE,CAAQ,OAGfX,EAAA,UArCd,KAsCS,WAtCT,GAAAI,EAAAA,QAwCQ,IAA4B,CAA5BS,EAAAA,YAA4BC,EAAA,CAAb,KAAK,KAAK,CAAA,IAxCjC,IAAA,KAAA,0BA4CIF,EAAAA,WAAeH,oBA5CnB,IAAA,CAAA,CAAA,IAAA,EAAA"}
1	+ {"version":3,"file":"list-item.cjs","sources":["../../../components/list_item/list_item.vue"],"sourcesContent":["<template>\n <component\n :is=\"elementType\"\n :id=\"id\"\n :class=\"[\n 'd-list-item',\n {\n 'd-list-item--focusable': isFocusable,\n 'd-list-item--highlighted': isHighlighted,\n 'd-list-item--static': !isHoverable,\n }]\"\n :tabindex=\"isFocusable ? 0 : -1\"\n :role=\"role\"\n :aria-selected=\"role === 'listitem' ? undefined : isHighlighted\"\n v-on=\"listItemListeners\"\n >\n <dt-item-layout\n v-if=\"isDefaultType\"\n unstyled\n :class=\"['d-list-item__wrapper', wrapperClass]\"\n left-class=\"d-list-item__left\"\n content-class=\"d-list-item__content\"\n title-class=\"d-list-item__title\"\n subtitle-class=\"d-list-item__subtitle\"\n bottom-class=\"d-list-item__bottom\"\n right-class=\"d-list-item__right\"\n selected-class=\"d-list-item__selected\"\n data-qa=\"dt-list-item-wrapper\"\n >\n <template\n v-for=\"(_, slotName) in $slots\"\n #[slotName]\n >\n <!-- @slot named slots for custom list items -->\n <slot :name=\"slotName\" />\n </template>\n <template\n v-if=\"selected\"\n #selected\n >\n <dt-icon-check size=\"400\" />\n </template>\n </dt-item-layout>\n <!-- @slot slot for the main content -->\n <slot v-else />\n </component>\n</template>\n\n<script>\nimport {\n LIST_ITEM_TYPES,\n LIST_ITEM_NAVIGATION_TYPES,\n} from './list_item_constants';\nimport utils from '@/common/utils';\nimport { DtIconCheck } from '@dialpad/dialtone-icons/vue3';\nimport { DtItemLayout } from '@/components/item_layout';\n\nconst ROLES = ['listitem', 'menuitem', 'option'];\n\n/*\n A list item is an element that can be used to represent individual items in a list.\n * @see https://dialtone.dialpad.com/components/list_item.html\n /\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtListItem',\n\n components: {\n DtItemLayout,\n DtIconCheck,\n },\n\n /\n Value provided from keyboard_list_navigation.js using id prop.\n /\n inject: {\n highlightId: { default: null },\n },\n\n props: {\n /\n Id for the item.\n /\n id: {\n type: String,\n default () { return utils.getUniqueString(); },\n },\n\n /\n String to use for the item's role.\n /\n role: {\n type: String,\n default: 'listitem',\n validator: (role) => (ROLES).includes(role),\n },\n\n /\n HTML element type (tag name) of the content wrapper element.\n /\n elementType: {\n type: String,\n default: 'li',\n },\n\n /\n The type of child list item to use.\n * @values default, custom\n /\n type: {\n type: String,\n default: LIST_ITEM_TYPES.DEFAULT,\n validator: (t) => Object.values(LIST_ITEM_TYPES).includes(t),\n },\n\n /\n The type of navigation that this component should support.\n * - \"arrow-keys\" for items that are navigated with UP/DOWN keys.\n * - \"tab\" for items that are navigated using the TAB key.\n * - \"none\" for static items that are not interactive.\n * @values arrow-keys, tab, none\n /\n navigationType: {\n type: String,\n default: LIST_ITEM_NAVIGATION_TYPES.NONE,\n validator: (t) => Object.values(LIST_ITEM_NAVIGATION_TYPES).includes(t),\n },\n\n /\n Applies selected styles to the list item\n /\n selected: {\n type: Boolean,\n default: false,\n },\n\n /\n Additional Classes to apply to the wrapper element,\n * note: it only applies on \"default\" type\n * Can accept all of: String, Object, and Array, i.e. has the\n * same api as Vue's built-in handling of the class attribute.\n /\n wrapperClass: {\n type: [String, Object, Array],\n default: '',\n },\n },\n\n emits: [\n /\n Native click event\n \n @event click\n * @type {PointerEvent \| KeyboardEvent}\n /\n 'click',\n\n /\n Key down event\n \n @event keydown\n * @type {KeyboardEvent}\n /\n 'keydown',\n\n /\n Native mouse move event\n \n @event mousemove\n * @type {MouseEvent}\n /\n 'mousemove',\n\n /\n Native mouse leave event\n \n @event mouseleave\n * @type {MouseEvent}\n /\n 'mouseleave',\n ],\n\n data () {\n return {\n injected: false,\n mouseHighlighted: false,\n };\n },\n\n computed: {\n isDefaultType () {\n return this.type === LIST_ITEM_TYPES.DEFAULT;\n },\n\n listItemListeners () {\n return {\n click: event => {\n this.onClick(event);\n },\n\n keydown: event => {\n if (['enter', 'space'].includes(event.code.toLowerCase())) {\n this.onClick(event);\n }\n this.$emit('keydown', event);\n },\n\n mousemove: event => {\n this.onMouseHover(event);\n this.$emit('mousemove', event);\n },\n\n mouseleave: event => {\n this.onMouseLeave(event);\n this.$emit('mouseleave', event);\n },\n };\n },\n\n /\n For keyboard navigation, whether this item is currently highlighted.\n * An injected highlightId will override the default mouseover highlight.\n /\n isHighlighted () {\n if (this.isHoverable) {\n return this.highlightId && this.highlightId() ? this.id === this.highlightId() : this.mouseHighlighted;\n }\n return false;\n },\n\n isFocusable () {\n // Navigation type has to be set to \"tab\".\n return this.navigationType === LIST_ITEM_NAVIGATION_TYPES.TAB;\n },\n\n /\n Whether to apply hover styles.\n */\n isHoverable () {\n return this.navigationType !== LIST_ITEM_NAVIGATION_TYPES.NONE;\n },\n },\n\n methods: {\n onClick (e) {\n // disabled as we do not want to override native click\n this.$emit('click', e);\n },\n\n onMouseHover () {\n this.mouseHighlighted = true;\n },\n\n onMouseLeave () {\n this.mouseHighlighted = false;\n },\n },\n};\n</script>\n"],"names":["ROLES","_sfc_main","DtItemLayout","DtIconCheck","utils","role","LIST_ITEM_TYPES","t","LIST_ITEM_NAVIGATION_TYPES","event","_openBlock","_createBlock","_resolveDynamicComponent","$props","_mergeProps","$options","_toHandlers","_withCtx","_component_dt_item_layout","_normalizeClass","_createSlots","_renderList","_ctx","_","slotName","_renderSlot","_createVNode","_component_dt_icon_check"],"mappings":"oWAyDMA,EAAQ,CAAC,WAAY,WAAY,QAAQ,EAM1CC,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,aAEN,WAAY,cACVC,EAAAA,oBACAC,EAAAA,aAMF,OAAQ,CACN,YAAa,CAAE,QAAS,IAAG,GAG7B,MAAO,CAIL,GAAI,CACF,KAAM,OACN,SAAW,CAAE,OAAOC,EAAAA,QAAM,gBAAe,CAAI,GAM/C,KAAM,CACJ,KAAM,OACN,QAAS,WACT,UAAYC,GAAUL,EAAO,SAASK,CAAI,GAM5C,YAAa,CACX,KAAM,OACN,QAAS,MAOX,KAAM,CACJ,KAAM,OACN,QAASC,EAAAA,gBAAgB,QACzB,UAAYC,GAAM,OAAO,OAAOD,iBAAe,EAAE,SAASC,CAAC,GAU7D,eAAgB,CACd,KAAM,OACN,QAASC,EAAAA,2BAA2B,KACpC,UAAYD,GAAM,OAAO,OAAOC,4BAA0B,EAAE,SAASD,CAAC,GAMxE,SAAU,CACR,KAAM,QACN,QAAS,IASX,aAAc,CACZ,KAAM,CAAC,OAAQ,OAAQ,KAAK,EAC5B,QAAS,KAIb,MAAO,CAOL,QAQA,UAQA,YAQA,cAGF,MAAQ,CACN,MAAO,CACL,SAAU,GACV,iBAAkB,GAEtB,EAEA,SAAU,CACR,eAAiB,CACf,OAAO,KAAK,OAASD,EAAAA,gBAAgB,OACvC,EAEA,mBAAqB,CACnB,MAAO,CACL,MAAOG,GAAS,CACd,KAAK,QAAQA,CAAK,CACpB,EAEA,QAASA,GAAS,CACZ,CAAC,QAAS,OAAO,EAAE,SAASA,EAAM,KAAK,YAAW,CAAE,GACtD,KAAK,QAAQA,CAAK,EAEpB,KAAK,MAAM,UAAWA,CAAK,CAC7B,EAEA,UAAWA,GAAS,CAClB,KAAK,aAAaA,CAAK,EACvB,KAAK,MAAM,YAAaA,CAAK,CAC/B,EAEA,WAAYA,GAAS,CACnB,KAAK,aAAaA,CAAK,EACvB,KAAK,MAAM,aAAcA,CAAK,CAChC,EAEJ,EAMA,eAAiB,CACf,OAAI,KAAK,YACA,KAAK,aAAe,KAAK,YAAW,EAAK,KAAK,KAAO,KAAK,YAAW,EAAK,KAAK,iBAEjF,EACT,EAEA,aAAe,CAEb,OAAO,KAAK,iBAAmBD,EAAAA,2BAA2B,GAC5D,EAKA,aAAe,CACb,OAAO,KAAK,iBAAmBA,EAAAA,2BAA2B,IAC5D,GAGF,QAAS,CACP,QAAS,EAAG,CAEV,KAAK,MAAM,QAAS,CAAC,CACvB,EAEA,cAAgB,CACd,KAAK,iBAAmB,EAC1B,EAEA,cAAgB,CACd,KAAK,iBAAmB,EAC1B,EAEJ,6GAhQE,OAAAE,EAAAA,UAAA,EAAAC,cA4CYC,EAAAA,wBA3CLC,EAAA,WAAW,EADlBC,aA4CY,CA1CT,GAAID,EAAA,GACJ,MAAK,yCAAmEE,EAAA,uCAAiDA,EAAA,qCAA+CA,EAAA,cAOxK,SAAUA,EAAA,YAAW,EAAA,GACrB,KAAMF,EAAA,KACN,gBAAeA,EAAA,OAAI,WAAkB,OAAYE,EAAA,aAClD,EAAAC,aAAwBD,EAAlB,iBAAiB,CAAA,EAAA,CAd3B,QAAAE,EAAAA,QAgBI,IA0BiB,CAzBTF,EAAA,6BADRJ,EAAAA,YA0BiBO,EAAA,CA1CrB,IAAA,EAkBM,SAAA,GACC,MAnBPC,EAAAA,uCAmBuCN,EAAA,YAAY,CAAA,EAC7C,aAAW,oBACX,gBAAc,uBACd,cAAY,qBACZ,iBAAe,wBACf,eAAa,sBACb,cAAY,qBACZ,iBAAe,wBACf,UAAQ,sBA3Bd,EAAAO,cAAA,CAAA,EAAA,GAAA,CAAAC,EAAAA,WA8BgCC,EAAA,OA9BhC,CA8BgBC,EAAGC,MA9BnB,KA+BSA,EA/BT,GAAAP,EAAAA,QAkCQ,IAAyB,CAAzBQ,aAAyBH,SAAZE,CAAQ,OAGfX,EAAA,UArCd,KAsCS,WAtCT,GAAAI,EAAAA,QAwCQ,IAA4B,CAA5BS,EAAAA,YAA4BC,EAAA,CAAb,KAAK,KAAK,CAAA,IAxCjC,IAAA,KAAA,0BA4CIF,EAAAA,WAAeH,oBA5CnB,IAAA,CAAA,CAAA,IAAA,EAAA"}