@dialpad/dialtone 9.146.0 → 9.147.0

package/dist/vue3/dialtone-vue.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./common/constants/index.cjs"),F=require("./common/validators/index.cjs"),E=require("./common/utils/index.cjs"),a=require("./common/dates/index.cjs"),e=require("./common/emoji/index.cjs"),G=require("./localization/index.cjs"),x=require("./lib/checkbox-group/checkbox-group.cjs"),K=require("./lib/datepicker/datepicker.cjs"),j=require("./lib/emoji-picker/emoji-picker.cjs"),h=require("./lib/emoji-text-wrapper/emoji-text-wrapper.cjs"),k=require("./lib/empty-state/empty-state.cjs"),Z=require("./lib/hovercard/hovercard.cjs"),H=require("./lib/illustration/illustration.cjs"),v=require("./lib/radio-group/radio-group.cjs"),Y=require("./lib/scroller/scroller.cjs"),w=require("./lib/tooltip-directive/tooltip.cjs"),W=require("./lib/scrollbar-directive/scrollbar.cjs"),y=require("./common/mixins/dom.cjs"),u=require("./common/mixins/input.cjs"),X=require("./common/mixins/input-group.cjs"),J=require("./common/mixins/keyboard-list-navigation.cjs"),z=require("./common/mixins/modal.cjs"),Q=require("./common/mixins/skeleton.cjs"),$=require("./lib/avatar/avatar.cjs"),_=require("./lib/avatar/avatar-constants.cjs"),ee=require("./lib/badge/badge.cjs"),R=require("./lib/badge/badge-constants.cjs"),te=require("./lib/banner/banner.cjs"),_e=require("./lib/breadcrumbs/breadcrumbs.cjs"),oe=require("./lib/breadcrumbs/breadcrumb-item.cjs"),C=require("./lib/breadcrumbs/breadcrumbs-constants.cjs"),ie=require("./lib/button/button.cjs"),r=require("./lib/button/button-constants.cjs"),re=require("./lib/button-group/button-group.cjs"),Ee=require("./lib/button-group/button-group-constants.cjs"),ne=require("./lib/card/card.cjs"),Ie=require("./lib/checkbox/checkbox.cjs"),le=require("./lib/chip/chip.cjs"),c=require("./lib/chip/chip-constants.cjs"),ae=require("./lib/codeblock/codeblock.cjs"),Se=require("./lib/collapsible/collapsible.cjs"),Oe=require("./lib/combobox/combobox.cjs"),Te=require("./lib/combobox/combobox-constants.cjs"),n=require("./lib/datepicker/formatUtils.cjs"),se=require("./lib/description-list/description-list.cjs"),ue=require("./lib/description-list/description-list-constants.cjs"),Re=require("./lib/dropdown/dropdown.cjs"),ce=require("./lib/dropdown/dropdown-separator.cjs"),De=require("./lib/dropdown/dropdown-constants.cjs"),Ae=require("./lib/emoji/emoji.cjs"),S=require("./lib/emoji-picker/emoji-picker-constants.cjs"),Ne=require("./lib/empty-state/empty-state-constants.cjs"),Ce=require("./lib/icon/icon.cjs"),d=require("./lib/icon/icon-constants.cjs"),de=require("./lib/illustration/illustration-constants.cjs"),be=require("./lib/image-viewer/image-viewer.cjs"),Le=require("./lib/input/input.cjs"),b=require("./lib/input/input-constants.cjs"),Pe=require("./lib/input-group/input-group.cjs"),me=require("./lib/item-layout/item-layout.cjs"),Me=require("./lib/keyboard-shortcut/keyboard-shortcut.cjs"),pe=require("./lib/keyboard-shortcut/keyboard-shortcut-constants.cjs"),qe=require("./lib/lazy-show/lazy-show.cjs"),fe=require("./lib/link/link.cjs"),o=require("./lib/link/link-constants.cjs"),Be=require("./lib/list-item/list-item.cjs"),L=require("./lib/list-item/list-item-constants.cjs"),Ue=require("./lib/list-item-group/list-item-group.cjs"),Ve=require("./lib/loader/loader.cjs"),ge=require("./lib/modal/modal.cjs"),D=require("./lib/modal/modal-constants.cjs"),Fe=require("./lib/notice/notice.cjs"),Ge=require("./lib/notice/notice-action.cjs"),xe=require("./lib/notice/notice-icon.cjs"),Ke=require("./lib/notice/notice-content.cjs"),P=require("./lib/notice/notice-constants.cjs"),je=require("./lib/pagination/pagination.cjs"),he=require("./lib/popover/popover.cjs"),i=require("./lib/popover/popover-constants.cjs"),ke=require("./lib/presence/presence.cjs"),m=require("./lib/presence/presence-constants.cjs"),Ze=require("./lib/radio/radio.cjs"),He=require("./lib/radio/radio-constants.cjs"),ve=require("./lib/rich-text-editor/rich-text-editor.cjs"),M=require("./lib/rich-text-editor/rich-text-editor-constants.cjs"),Ye=require("./lib/root-layout/root-layout.cjs"),p=require("./lib/root-layout/root-layout-constants.cjs"),we=require("./lib/select-menu/select-menu.cjs"),q=require("./lib/select-menu/select-menu-constants.cjs"),We=require("./lib/skeleton/skeleton.cjs"),ye=require("./lib/skeleton/skeleton-list-item.cjs"),Xe=require("./lib/skeleton/skeleton-text.cjs"),Je=require("./lib/skeleton/skeleton-shape.cjs"),ze=require("./lib/skeleton/skeleton-paragraph.cjs"),I=require("./lib/skeleton/skeleton-constants.cjs"),Qe=require("./lib/split-button/split-button.cjs"),$e=require("./lib/split-button/split-button-constants.cjs"),et=require("./lib/stack/stack.cjs"),A=require("./lib/stack/stack-constants.cjs"),tt=require("./lib/tab/tab-group.cjs"),_t=require("./lib/tab/tab.cjs"),ot=require("./lib/tab/tab-panel.cjs"),O=require("./lib/tab/tabs-constants.cjs"),it=require("./lib/toast/toast.cjs"),f=require("./lib/toast/toast-constants.cjs"),rt=require("./lib/toggle/toggle.cjs"),B=require("./lib/toggle/toggle-constants.cjs"),Et=require("./lib/tooltip/tooltip.cjs"),l=require("./lib/tooltip/tooltip-constants.cjs"),nt=require("./lib/validation-messages/validation-messages.cjs"),It=require("./lib/callbar-button/callbar-button.cjs"),lt=require("./lib/callbar-button/callbar-button-constants.cjs"),at=require("./lib/callbar-button-with-popover/callbar-button-with-popover.cjs"),St=require("./lib/callbar-button-with-dropdown/callbar-button-with-dropdown.cjs"),Ot=require("./lib/ivr-node/ivr-node.cjs"),t=require("./lib/ivr-node/ivr-node-constants.cjs"),Tt=require("./lib/grouped-chip/grouped-chip.cjs"),st=require("./lib/combobox-multi-select/combobox-multi-select.cjs"),N=require("./lib/combobox-multi-select/combobox-multi-select-constants.cjs"),ut=require("./lib/combobox-with-popover/combobox-with-popover.cjs"),Rt=require("./lib/attachment-carousel/attachment-carousel.cjs"),ct=require("./lib/editor/editor.cjs"),Dt=require("./lib/emoji-row/emoji-row.cjs"),At=require("./lib/emoji-row/emoji-row-constants.cjs"),Nt=require("./lib/feed-item-pill/feed-item-pill.cjs"),Ct=require("./lib/feed-item-pill/feed-item-pill-constants.cjs"),dt=require("./lib/feed-item-row/feed-item-row.cjs"),U=require("./lib/feed-item-row/feed-item-row-constants.cjs"),bt=require("./lib/message-input/message-input.cjs"),Lt=require("./lib/time-pill/time-pill.cjs"),Pt=require("./lib/settings-menu-button/settings-menu-button.cjs"),mt=require("./lib/contact-info/contact-info.cjs"),Mt=require("./lib/callbox/callbox.cjs"),V=require("./lib/callbox/callbox-constants.cjs"),pt=require("./lib/contact-centers-row/contact-centers-row.cjs"),qt=require("./lib/contact-row/contact-row.cjs"),ft=require("./lib/general-row/general-row.cjs"),T=require("./lib/general-row/general-row-constants.cjs"),Bt=require("./lib/group-row/group-row.cjs"),Ut=require("./lib/unread-pill/unread-pill.cjs"),g=require("./lib/unread-pill/unread-pill-constants.cjs"),Vt=require("./lib/top-banner-info/top-banner-info.cjs"),gt=require("./lib/top-banner-info/top-banner-info-constants.cjs");exports.DEFAULT_VALIDATION_MESSAGE_TYPE=s.DEFAULT_VALIDATION_MESSAGE_TYPE;exports.DESCRIPTION_SIZE_TYPES=s.DESCRIPTION_SIZE_TYPES;exports.VALIDATION_MESSAGE_TYPES=s.VALIDATION_MESSAGE_TYPES;exports.validationMessageValidator=F.validationMessageValidator;exports.disableRootScrolling=E.disableRootScrolling;exports.enableRootScrolling=E.enableRootScrolling;exports.filterFormattedMessages=E.filterFormattedMessages;exports.formatMessages=E.formatMessages;exports.getUniqueString=E.getUniqueString;exports.getValidationState=E.getValidationState;exports.durationInHHMM=a.durationInHHMM;exports.getDateMedium=a.getDateMedium;exports.relativeDate=a.relativeDate;exports.setDateLocale=a.setDateLocale;exports.codeToEmojiData=e.codeToEmojiData;Object.defineProperty(exports,"customEmojiAssetUrl",{enumerable:!0,get:()=>e.customEmojiAssetUrl});exports.defaultEmojiAssetUrl=e.defaultEmojiAssetUrl;Object.defineProperty(exports,"emojiFileExtensionLarge",{enumerable:!0,get:()=>e.emojiFileExtensionLarge});Object.defineProperty(exports,"emojiFileExtensionSmall",{enumerable:!0,get:()=>e.emojiFileExtensionSmall});Object.defineProperty(exports,"emojiImageUrlLarge",{enumerable:!0,get:()=>e.emojiImageUrlLarge});Object.defineProperty(exports,"emojiImageUrlSmall",{enumerable:!0,get:()=>e.emojiImageUrlSmall});exports.emojiJson=e.emojiJson;exports.emojiRegex=e.emojiRegex;exports.emojiShortCodeRegex=e.emojiShortCodeRegex;exports.emojiVersion=e.emojiVersion;exports.filterValidShortCodes=e.filterValidShortCodes;exports.findEmojis=e.findEmojis;exports.findShortCodes=e.findShortCodes;exports.getEmojiData=e.getEmojiData;exports.getEmojiShortCode=e.getEmojiShortCode;exports.setCustomEmojiJson=e.setCustomEmojiJson;exports.setCustomEmojiUrl=e.setCustomEmojiUrl;exports.setEmojiAssetUrlLarge=e.setEmojiAssetUrlLarge;exports.setEmojiAssetUrlSmall=e.setEmojiAssetUrlSmall;exports.shortcodeToEmojiData=e.shortcodeToEmojiData;exports.stringToUnicode=e.stringToUnicode;exports.unicodeToString=e.unicodeToString;exports.validateCustomEmojiJson=e.validateCustomEmojiJson;exports.DialtoneLocalization=G.DialtoneLocalization;exports.DtCheckboxGroup=x.default;exports.DtDatepicker=K.default;exports.DtEmojiPicker=j.default;exports.DtEmojiTextWrapper=h.default;exports.DtEmptyState=k.default;exports.DtHovercard=Z.default;exports.DtIllustration=H.default;exports.DtRadioGroup=v.default;exports.DtScroller=Y.default;exports.DtTooltipDirective=w.DtTooltipDirective;exports.DtScrollbarDirective=W.DtScrollbarDirective;exports.DtDOMMixin=y.default;exports.DtCheckableInputMixin=u.CheckableMixin;exports.DtGroupableInputMixin=u.GroupableMixin;exports.DtInputMixin=u.InputMixin;exports.DtInputGroupMixin=X.InputGroupMixin;exports.DtKeyboardListNavigationMixin=J.default;exports.DtModalMixin=z.default;exports.DtSkeletonMixin=Q.default;exports.DtAvatar=$.default;exports.AVATAR_COLORS=_.AVATAR_COLORS;exports.AVATAR_GROUP_VALIDATOR=_.AVATAR_GROUP_VALIDATOR;exports.AVATAR_ICON_SIZES=_.AVATAR_ICON_SIZES;exports.AVATAR_KIND_MODIFIERS=_.AVATAR_KIND_MODIFIERS;exports.AVATAR_PRESENCE_SIZE_MODIFIERS=_.AVATAR_PRESENCE_SIZE_MODIFIERS;exports.AVATAR_PRESENCE_STATES=_.AVATAR_PRESENCE_STATES;exports.AVATAR_RANDOM_COLORS=_.AVATAR_RANDOM_COLORS;exports.AVATAR_SIZE_MODIFIERS=_.AVATAR_SIZE_MODIFIERS;exports.DtBadge=ee.default;exports.BADGE_DECORATION_MODIFIERS=R.BADGE_DECORATION_MODIFIERS;exports.BADGE_KIND_MODIFIERS=R.BADGE_KIND_MODIFIERS;exports.BADGE_TYPE_MODIFIERS=R.BADGE_TYPE_MODIFIERS;exports.DtBanner=te.default;exports.DtBreadcrumbs=_e.default;exports.DtBreadcrumbItem=oe.default;exports.BREADCRUMBS_INVERTED_MODIFIER=C.BREADCRUMBS_INVERTED_MODIFIER;exports.BREADCRUMB_ITEM_SELECTED_MODIFIER=C.BREADCRUMB_ITEM_SELECTED_MODIFIER;exports.DtButton=ie.default;exports.BUTTON_ICON_SIZES=r.BUTTON_ICON_SIZES;exports.BUTTON_IMPORTANCE_MODIFIERS=r.BUTTON_IMPORTANCE_MODIFIERS;exports.BUTTON_KIND_MODIFIERS=r.BUTTON_KIND_MODIFIERS;exports.BUTTON_SIZE_MODIFIERS=r.BUTTON_SIZE_MODIFIERS;exports.BUTTON_TYPES=r.BUTTON_TYPES;exports.ICON_POSITION_MODIFIERS=r.ICON_POSITION_MODIFIERS;exports.INVALID_COMBINATION=r.INVALID_COMBINATION;exports.DtButtonGroup=re.default;exports.BUTTON_GROUP_ALIGNMENT=Ee.BUTTON_GROUP_ALIGNMENT;exports.DtCard=ne.default;exports.DtCheckbox=Ie.default;exports.DtChip=le.default;exports.CHIP_CLOSE_BUTTON_SIZE_MODIFIERS=c.CHIP_CLOSE_BUTTON_SIZE_MODIFIERS;exports.CHIP_ICON_SIZES=c.CHIP_ICON_SIZES;exports.CHIP_SIZE_MODIFIERS=c.CHIP_SIZE_MODIFIERS;exports.DtCodeblock=ae.default;exports.DtCollapsible=Se.default;exports.DtCombobox=Oe.default;exports.COMBOBOX_LABEL_SIZES=Te.COMBOBOX_LABEL_SIZES;exports.formatLong=n.formatLong;exports.formatMedium=n.formatMedium;exports.formatNoYear=n.formatNoYear;exports.formatNumerical=n.formatNumerical;exports.formatShort=n.formatShort;exports.DtDescriptionList=se.default;exports.DT_DESCRIPTION_LIST_DIRECTION=ue.DT_DESCRIPTION_LIST_DIRECTION;exports.DtDropdown=Re.default;exports.DtDropdownSeparator=ce.default;exports.DROPDOWN_PADDING_CLASSES=De.DROPDOWN_PADDING_CLASSES;exports.DtEmoji=Ae.default;exports.ARROW_KEYS=S.ARROW_KEYS;exports.CDN_URL=S.CDN_URL;exports.EMOJIS_PER_ROW=S.EMOJIS_PER_ROW;exports.EMOJI_PICKER_SKIN_TONE_MODIFIERS=S.EMOJI_PICKER_SKIN_TONE_MODIFIERS;exports.EMPTY_STATE_SIZE_MODIFIERS=Ne.EMPTY_STATE_SIZE_MODIFIERS;exports.DtIcon=Ce.default;exports.ICON_NAMES=d.ICON_NAMES;exports.ICON_SIZE_MODIFIERS=d.ICON_SIZE_MODIFIERS;exports.ILLUSTRATION_NAMES=de.ILLUSTRATION_NAMES;exports.DtImageViewer=be.default;exports.DtInput=Le.default;exports.INPUT_SIZES=b.INPUT_SIZES;exports.INPUT_TYPES=b.INPUT_TYPES;exports.DtInputGroup=Pe.default;exports.DtItemLayout=me.default;exports.DtKeyboardShortcut=Me.default;exports.SHORTCUTS_ALIASES_LIST=pe.SHORTCUTS_ALIASES_LIST;exports.DtLazyShow=qe.default;exports.DtLink=fe.default;exports.DANGER=o.DANGER;exports.LINK_KIND_MODIFIERS=o.LINK_KIND_MODIFIERS;exports.LINK_VARIANTS=o.LINK_VARIANTS;exports.MENTION=o.MENTION;exports.MUTED=o.MUTED;exports.SUCCESS=o.SUCCESS;exports.WARNING=o.WARNING;exports.getLinkKindModifier=o.getLinkKindModifier;exports.DtListItem=Be.default;exports.LIST_ITEM_NAVIGATION_TYPES=L.LIST_ITEM_NAVIGATION_TYPES;exports.LIST_ITEM_TYPES=L.LIST_ITEM_TYPES;exports.DtListItemGroup=Ue.default;exports.DtLoader=Ve.default;exports.DtModal=ge.default;exports.MODAL_BANNER_KINDS=D.MODAL_BANNER_KINDS;exports.MODAL_KIND_MODIFIERS=D.MODAL_KIND_MODIFIERS;exports.MODAL_SIZE_MODIFIERS=D.MODAL_SIZE_MODIFIERS;exports.DtNotice=Fe.default;exports.DtNoticeAction=Ge.default;exports.DtNoticeIcon=xe.default;exports.DtNoticeContent=Ke.default;exports.NOTICE_KINDS=P.NOTICE_KINDS;exports.NOTICE_ROLES=P.NOTICE_ROLES;exports.DtPagination=je.default;exports.DtPopover=he.default;exports.POPOVER_APPEND_TO_VALUES=i.POPOVER_APPEND_TO_VALUES;exports.POPOVER_CONTENT_WIDTHS=i.POPOVER_CONTENT_WIDTHS;exports.POPOVER_DIRECTIONS=i.POPOVER_DIRECTIONS;exports.POPOVER_HEADER_FOOTER_PADDING_CLASSES=i.POPOVER_HEADER_FOOTER_PADDING_CLASSES;exports.POPOVER_INITIAL_FOCUS_STRINGS=i.POPOVER_INITIAL_FOCUS_STRINGS;exports.POPOVER_PADDING_CLASSES=i.POPOVER_PADDING_CLASSES;exports.POPOVER_ROLES=i.POPOVER_ROLES;exports.POPOVER_STICKY_VALUES=i.POPOVER_STICKY_VALUES;exports.DtPresence=ke.default;exports.PRESENCE_STATES=m.PRESENCE_STATES;exports.PRESENCE_STATES_LIST=m.PRESENCE_STATES_LIST;exports.DtRadio=Ze.default;exports.RADIO_INPUT_VALIDATION_CLASSES=He.RADIO_INPUT_VALIDATION_CLASSES;exports.DtRichTextEditor=ve.default;exports.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES=M.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES;exports.RICH_TEXT_EDITOR_OUTPUT_FORMATS=M.RICH_TEXT_EDITOR_OUTPUT_FORMATS;exports.DtRootLayout=Ye.default;exports.ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS=p.ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS;exports.ROOT_LAYOUT_SIDEBAR_POSITIONS=p.ROOT_LAYOUT_SIDEBAR_POSITIONS;exports.DtSelectMenu=we.default;exports.SELECT_SIZE_MODIFIERS=q.SELECT_SIZE_MODIFIERS;exports.SELECT_STATE_MODIFIERS=q.SELECT_STATE_MODIFIERS;exports.DtSkeleton=We.default;exports.DtSkeletonListItem=ye.default;exports.DtSkeletonText=Xe.default;exports.DtSkeletonShape=Je.default;exports.DtSkeletonParagraph=ze.default;exports.SKELETON_HEADING_HEIGHTS=I.SKELETON_HEADING_HEIGHTS;exports.SKELETON_RIPPLE_DURATION=I.SKELETON_RIPPLE_DURATION;exports.SKELETON_SHAPES=I.SKELETON_SHAPES;exports.SKELETON_SHAPE_SIZES=I.SKELETON_SHAPE_SIZES;exports.SKELETON_TEXT_TYPES=I.SKELETON_TEXT_TYPES;exports.DtSplitButton=Qe.default;exports.SPLIT_BUTTON_ICON_SIZES=$e.SPLIT_BUTTON_ICON_SIZES;exports.DtStack=et.default;exports.DT_STACK_DIRECTION=A.DT_STACK_DIRECTION;exports.DT_STACK_GAP=A.DT_STACK_GAP;exports.DT_STACK_RESPONSIVE_BREAKPOINTS=A.DT_STACK_RESPONSIVE_BREAKPOINTS;exports.DtTabGroup=tt.default;exports.DtTab=_t.default;exports.DtTabPanel=ot.default;exports.TAB_IMPORTANCE_MODIFIERS=O.TAB_IMPORTANCE_MODIFIERS;exports.TAB_LIST_IMPORTANCE_MODIFIERS=O.TAB_LIST_IMPORTANCE_MODIFIERS;exports.TAB_LIST_KIND_MODIFIERS=O.TAB_LIST_KIND_MODIFIERS;exports.TAB_LIST_SIZES=O.TAB_LIST_SIZES;exports.DtToast=it.default;exports.TOAST_MIN_DURATION=f.TOAST_MIN_DURATION;exports.TOAST_ROLES=f.TOAST_ROLES;exports.DtToggle=rt.default;exports.TOGGLE_CHECKED_VALUES=B.TOGGLE_CHECKED_VALUES;exports.TOGGLE_SIZE_MODIFIERS=B.TOGGLE_SIZE_MODIFIERS;exports.DtTooltip=Et.default;exports.TOOLTIP_DELAY_MS=l.TOOLTIP_DELAY_MS;exports.TOOLTIP_DIRECTIONS=l.TOOLTIP_DIRECTIONS;exports.TOOLTIP_HIDE_ON_CLICK_VARIANTS=l.TOOLTIP_HIDE_ON_CLICK_VARIANTS;exports.TOOLTIP_KIND_MODIFIERS=l.TOOLTIP_KIND_MODIFIERS;exports.TOOLTIP_STICKY_VALUES=l.TOOLTIP_STICKY_VALUES;exports.DtValidationMessages=nt.default;exports.DtRecipeCallbarButton=It.default;exports.CALLBAR_BUTTON_VALID_WIDTH_SIZE=lt.CALLBAR_BUTTON_VALID_WIDTH_SIZE;exports.DtRecipeCallbarButtonWithPopover=at.default;exports.DtRecipeCallbarButtonWithDropdown=St.default;exports.DtRecipeIvrNode=Ot.default;exports.IVR_NODE_ASSIGN=t.IVR_NODE_ASSIGN;exports.IVR_NODE_BRANCH=t.IVR_NODE_BRANCH;exports.IVR_NODE_CUSTOMER_DATA=t.IVR_NODE_CUSTOMER_DATA;exports.IVR_NODE_EXPERT=t.IVR_NODE_EXPERT;exports.IVR_NODE_GO_TO=t.IVR_NODE_GO_TO;exports.IVR_NODE_HANGUP=t.IVR_NODE_HANGUP;exports.IVR_NODE_ICON_TYPES=t.IVR_NODE_ICON_TYPES;exports.IVR_NODE_LABELS=t.IVR_NODE_LABELS;exports.IVR_NODE_PROMPT_COLLECT=t.IVR_NODE_PROMPT_COLLECT;exports.IVR_NODE_PROMPT_MENU=t.IVR_NODE_PROMPT_MENU;exports.IVR_NODE_PROMPT_PLAY=t.IVR_NODE_PROMPT_PLAY;exports.IVR_NODE_TRANSFER=t.IVR_NODE_TRANSFER;exports.DtRecipeGroupedChip=Tt.default;exports.DtRecipeComboboxMultiSelect=st.default;exports.CHIP_SIZES=N.CHIP_SIZES;exports.CHIP_TOP_POSITION=N.CHIP_TOP_POSITION;exports.MULTI_SELECT_SIZES=N.MULTI_SELECT_SIZES;exports.DtRecipeComboboxWithPopover=ut.default;exports.DtRecipeAttachmentCarousel=Rt.default;exports.DtRecipeEditor=ct.default;exports.DtRecipeEmojiRow=Dt.default;exports.REACTIONS_ATTRIBUTES=At.REACTIONS_ATTRIBUTES;exports.DtRecipeFeedItemPill=Nt.default;exports.FEED_ITEM_PILL_BORDER_COLORS=Ct.FEED_ITEM_PILL_BORDER_COLORS;exports.DtRecipeFeedItemRow=dt.default;exports.DEFAULT_FEED_ROW_STATE=U.DEFAULT_FEED_ROW_STATE;exports.FEED_ROW_STATE_BACKGROUND_COLOR=U.FEED_ROW_STATE_BACKGROUND_COLOR;exports.DtRecipeMessageInput=bt.default;exports.DtRecipeTimePill=Lt.default;exports.DtRecipeSettingsMenuButton=Pt.default;exports.DtRecipeContactInfo=mt.default;exports.DtRecipeCallbox=Mt.default;exports.CALLBOX_BADGE_COLORS=V.CALLBOX_BADGE_COLORS;exports.CALLBOX_BORDER_COLORS=V.CALLBOX_BORDER_COLORS;exports.DtRecipeContactCentersRow=pt.default;exports.DtRecipeContactRow=qt.default;exports.DtRecipeGeneralRow=ft.default;exports.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS=T.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS;exports.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR=T.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR;exports.LEFTBAR_GENERAL_ROW_ICON_SIZES=T.LEFTBAR_GENERAL_ROW_ICON_SIZES;exports.LEFTBAR_GENERAL_ROW_TYPES=T.LEFTBAR_GENERAL_ROW_TYPES;exports.DtRecipeGroupRow=Bt.default;exports.DtRecipeUnreadPill=Ut.default;exports.UNREAD_PILL_DIRECTIONS=g.UNREAD_PILL_DIRECTIONS;exports.UNREAD_PILL_KINDS=g.UNREAD_PILL_KINDS;exports.DtRecipeTopBannerInfo=Vt.default;exports.COLOR_CODES=gt.COLOR_CODES;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./common/constants/index.cjs"),F=require("./common/validators/index.cjs"),E=require("./common/utils/index.cjs"),a=require("./common/dates/index.cjs"),e=require("./common/emoji/index.cjs"),x=require("./localization/index.cjs"),K=require("./lib/checkbox-group/checkbox-group.cjs"),j=require("./lib/datepicker/datepicker.cjs"),h=require("./lib/emoji-picker/emoji-picker.cjs"),k=require("./lib/emoji-text-wrapper/emoji-text-wrapper.cjs"),Z=require("./lib/empty-state/empty-state.cjs"),H=require("./lib/hovercard/hovercard.cjs"),v=require("./lib/illustration/illustration.cjs"),Y=require("./lib/radio-group/radio-group.cjs"),w=require("./lib/scroller/scroller.cjs"),W=require("./lib/tooltip-directive/tooltip.cjs"),y=require("./lib/scrollbar-directive/scrollbar.cjs"),X=require("./common/mixins/dom.cjs"),u=require("./common/mixins/input.cjs"),J=require("./common/mixins/input-group.cjs"),z=require("./common/mixins/keyboard-list-navigation.cjs"),Q=require("./common/mixins/modal.cjs"),$=require("./common/mixins/skeleton.cjs"),ee=require("./lib/avatar/avatar.cjs"),_=require("./lib/avatar/avatar-constants.cjs"),te=require("./lib/badge/badge.cjs"),R=require("./lib/badge/badge-constants.cjs"),_e=require("./lib/banner/banner.cjs"),oe=require("./lib/breadcrumbs/breadcrumbs.cjs"),ie=require("./lib/breadcrumbs/breadcrumb-item.cjs"),d=require("./lib/breadcrumbs/breadcrumbs-constants.cjs"),re=require("./lib/button/button.cjs"),r=require("./lib/button/button-constants.cjs"),Ee=require("./lib/button-group/button-group.cjs"),ne=require("./lib/button-group/button-group-constants.cjs"),Ie=require("./lib/card/card.cjs"),le=require("./lib/checkbox/checkbox.cjs"),ae=require("./lib/chip/chip.cjs"),c=require("./lib/chip/chip-constants.cjs"),Se=require("./lib/codeblock/codeblock.cjs"),Te=require("./lib/collapsible/collapsible.cjs"),Oe=require("./lib/combobox/combobox.cjs"),se=require("./lib/combobox/combobox-constants.cjs"),n=require("./lib/datepicker/formatUtils.cjs"),ue=require("./lib/description-list/description-list.cjs"),Re=require("./lib/description-list/description-list-constants.cjs"),ce=require("./lib/dropdown/dropdown.cjs"),De=require("./lib/dropdown/dropdown-separator.cjs"),Ae=require("./lib/dropdown/dropdown-constants.cjs"),Ne=require("./lib/emoji/emoji.cjs"),S=require("./lib/emoji-picker/emoji-picker-constants.cjs"),Ce=require("./lib/empty-state/empty-state-constants.cjs"),de=require("./lib/icon/icon.cjs"),b=require("./lib/icon/icon-constants.cjs"),be=require("./lib/illustration/illustration-constants.cjs"),Le=require("./lib/image-viewer/image-viewer.cjs"),Pe=require("./lib/input/input.cjs"),L=require("./lib/input/input-constants.cjs"),me=require("./lib/input-group/input-group.cjs"),Me=require("./lib/item-layout/item-layout.cjs"),pe=require("./lib/keyboard-shortcut/keyboard-shortcut.cjs"),qe=require("./lib/keyboard-shortcut/keyboard-shortcut-constants.cjs"),fe=require("./lib/lazy-show/lazy-show.cjs"),Be=require("./lib/link/link.cjs"),o=require("./lib/link/link-constants.cjs"),Ue=require("./lib/list-item/list-item.cjs"),P=require("./lib/list-item/list-item-constants.cjs"),Ve=require("./lib/list-item-group/list-item-group.cjs"),ge=require("./lib/loader/loader.cjs"),Ge=require("./lib/modal/modal.cjs"),D=require("./lib/modal/modal-constants.cjs"),Fe=require("./lib/notice/notice.cjs"),xe=require("./lib/notice/notice-action.cjs"),Ke=require("./lib/notice/notice-icon.cjs"),je=require("./lib/notice/notice-content.cjs"),m=require("./lib/notice/notice-constants.cjs"),he=require("./lib/pagination/pagination.cjs"),ke=require("./lib/popover/popover.cjs"),i=require("./lib/popover/popover-constants.cjs"),Ze=require("./lib/presence/presence.cjs"),M=require("./lib/presence/presence-constants.cjs"),He=require("./lib/radio/radio.cjs"),ve=require("./lib/radio/radio-constants.cjs"),Ye=require("./lib/rich-text-editor/rich-text-editor.cjs"),p=require("./lib/rich-text-editor/rich-text-editor-constants.cjs"),we=require("./lib/root-layout/root-layout.cjs"),q=require("./lib/root-layout/root-layout-constants.cjs"),We=require("./lib/select-menu/select-menu.cjs"),f=require("./lib/select-menu/select-menu-constants.cjs"),ye=require("./lib/skeleton/skeleton.cjs"),Xe=require("./lib/skeleton/skeleton-list-item.cjs"),Je=require("./lib/skeleton/skeleton-text.cjs"),ze=require("./lib/skeleton/skeleton-shape.cjs"),Qe=require("./lib/skeleton/skeleton-paragraph.cjs"),I=require("./lib/skeleton/skeleton-constants.cjs"),$e=require("./lib/split-button/split-button.cjs"),et=require("./lib/split-button/split-button-constants.cjs"),tt=require("./lib/stack/stack.cjs"),A=require("./lib/stack/stack-constants.cjs"),_t=require("./lib/tab/tab-group.cjs"),ot=require("./lib/tab/tab.cjs"),it=require("./lib/tab/tab-panel.cjs"),T=require("./lib/tab/tabs-constants.cjs"),rt=require("./lib/toast/toast.cjs"),B=require("./lib/toast/toast-constants.cjs"),Et=require("./lib/toggle/toggle.cjs"),U=require("./lib/toggle/toggle-constants.cjs"),nt=require("./lib/tooltip/tooltip.cjs"),l=require("./lib/tooltip/tooltip-constants.cjs"),It=require("./lib/validation-messages/validation-messages.cjs"),lt=require("./lib/callbar-button/callbar-button.cjs"),at=require("./lib/callbar-button/callbar-button-constants.cjs"),St=require("./lib/callbar-button-with-popover/callbar-button-with-popover.cjs"),Tt=require("./lib/callbar-button-with-dropdown/callbar-button-with-dropdown.cjs"),Ot=require("./lib/ivr-node/ivr-node.cjs"),t=require("./lib/ivr-node/ivr-node-constants.cjs"),st=require("./lib/grouped-chip/grouped-chip.cjs"),ut=require("./lib/combobox-multi-select/combobox-multi-select.cjs"),N=require("./lib/combobox-multi-select/combobox-multi-select-constants.cjs"),Rt=require("./lib/combobox-with-popover/combobox-with-popover.cjs"),ct=require("./lib/attachment-carousel/attachment-carousel.cjs"),Dt=require("./lib/editor/editor.cjs"),At=require("./lib/emoji-row/emoji-row.cjs"),Nt=require("./lib/emoji-row/emoji-row-constants.cjs"),Ct=require("./lib/feed-item-pill/feed-item-pill.cjs"),dt=require("./lib/feed-item-pill/feed-item-pill-constants.cjs"),bt=require("./lib/feed-item-row/feed-item-row.cjs"),V=require("./lib/feed-item-row/feed-item-row-constants.cjs"),Lt=require("./lib/message-input/message-input.cjs"),Pt=require("./lib/time-pill/time-pill.cjs"),mt=require("./lib/settings-menu-button/settings-menu-button.cjs"),Mt=require("./lib/contact-info/contact-info.cjs"),pt=require("./lib/callbox/callbox.cjs"),g=require("./lib/callbox/callbox-constants.cjs"),qt=require("./lib/contact-centers-row/contact-centers-row.cjs"),ft=require("./lib/contact-row/contact-row.cjs"),Bt=require("./lib/general-row/general-row.cjs"),O=require("./lib/general-row/general-row-constants.cjs"),Ut=require("./lib/group-row/group-row.cjs"),Vt=require("./lib/unread-pill/unread-pill.cjs"),G=require("./lib/unread-pill/unread-pill-constants.cjs"),gt=require("./lib/motion-text/motion-text.cjs"),C=require("./lib/motion-text/motion-text-constants.cjs"),Gt=require("./lib/top-banner-info/top-banner-info.cjs"),Ft=require("./lib/top-banner-info/top-banner-info-constants.cjs");exports.DEFAULT_VALIDATION_MESSAGE_TYPE=s.DEFAULT_VALIDATION_MESSAGE_TYPE;exports.DESCRIPTION_SIZE_TYPES=s.DESCRIPTION_SIZE_TYPES;exports.VALIDATION_MESSAGE_TYPES=s.VALIDATION_MESSAGE_TYPES;exports.validationMessageValidator=F.validationMessageValidator;exports.disableRootScrolling=E.disableRootScrolling;exports.enableRootScrolling=E.enableRootScrolling;exports.filterFormattedMessages=E.filterFormattedMessages;exports.formatMessages=E.formatMessages;exports.getUniqueString=E.getUniqueString;exports.getValidationState=E.getValidationState;exports.durationInHHMM=a.durationInHHMM;exports.getDateMedium=a.getDateMedium;exports.relativeDate=a.relativeDate;exports.setDateLocale=a.setDateLocale;exports.codeToEmojiData=e.codeToEmojiData;Object.defineProperty(exports,"customEmojiAssetUrl",{enumerable:!0,get:()=>e.customEmojiAssetUrl});exports.defaultEmojiAssetUrl=e.defaultEmojiAssetUrl;Object.defineProperty(exports,"emojiFileExtensionLarge",{enumerable:!0,get:()=>e.emojiFileExtensionLarge});Object.defineProperty(exports,"emojiFileExtensionSmall",{enumerable:!0,get:()=>e.emojiFileExtensionSmall});Object.defineProperty(exports,"emojiImageUrlLarge",{enumerable:!0,get:()=>e.emojiImageUrlLarge});Object.defineProperty(exports,"emojiImageUrlSmall",{enumerable:!0,get:()=>e.emojiImageUrlSmall});exports.emojiJson=e.emojiJson;exports.emojiRegex=e.emojiRegex;exports.emojiShortCodeRegex=e.emojiShortCodeRegex;exports.emojiVersion=e.emojiVersion;exports.filterValidShortCodes=e.filterValidShortCodes;exports.findEmojis=e.findEmojis;exports.findShortCodes=e.findShortCodes;exports.getEmojiData=e.getEmojiData;exports.getEmojiShortCode=e.getEmojiShortCode;exports.setCustomEmojiJson=e.setCustomEmojiJson;exports.setCustomEmojiUrl=e.setCustomEmojiUrl;exports.setEmojiAssetUrlLarge=e.setEmojiAssetUrlLarge;exports.setEmojiAssetUrlSmall=e.setEmojiAssetUrlSmall;exports.shortcodeToEmojiData=e.shortcodeToEmojiData;exports.stringToUnicode=e.stringToUnicode;exports.unicodeToString=e.unicodeToString;exports.validateCustomEmojiJson=e.validateCustomEmojiJson;exports.DialtoneLocalization=x.DialtoneLocalization;exports.DtCheckboxGroup=K.default;exports.DtDatepicker=j.default;exports.DtEmojiPicker=h.default;exports.DtEmojiTextWrapper=k.default;exports.DtEmptyState=Z.default;exports.DtHovercard=H.default;exports.DtIllustration=v.default;exports.DtRadioGroup=Y.default;exports.DtScroller=w.default;exports.DtTooltipDirective=W.DtTooltipDirective;exports.DtScrollbarDirective=y.DtScrollbarDirective;exports.DtDOMMixin=X.default;exports.DtCheckableInputMixin=u.CheckableMixin;exports.DtGroupableInputMixin=u.GroupableMixin;exports.DtInputMixin=u.InputMixin;exports.DtInputGroupMixin=J.InputGroupMixin;exports.DtKeyboardListNavigationMixin=z.default;exports.DtModalMixin=Q.default;exports.DtSkeletonMixin=$.default;exports.DtAvatar=ee.default;exports.AVATAR_COLORS=_.AVATAR_COLORS;exports.AVATAR_GROUP_VALIDATOR=_.AVATAR_GROUP_VALIDATOR;exports.AVATAR_ICON_SIZES=_.AVATAR_ICON_SIZES;exports.AVATAR_KIND_MODIFIERS=_.AVATAR_KIND_MODIFIERS;exports.AVATAR_PRESENCE_SIZE_MODIFIERS=_.AVATAR_PRESENCE_SIZE_MODIFIERS;exports.AVATAR_PRESENCE_STATES=_.AVATAR_PRESENCE_STATES;exports.AVATAR_RANDOM_COLORS=_.AVATAR_RANDOM_COLORS;exports.AVATAR_SIZE_MODIFIERS=_.AVATAR_SIZE_MODIFIERS;exports.DtBadge=te.default;exports.BADGE_DECORATION_MODIFIERS=R.BADGE_DECORATION_MODIFIERS;exports.BADGE_KIND_MODIFIERS=R.BADGE_KIND_MODIFIERS;exports.BADGE_TYPE_MODIFIERS=R.BADGE_TYPE_MODIFIERS;exports.DtBanner=_e.default;exports.DtBreadcrumbs=oe.default;exports.DtBreadcrumbItem=ie.default;exports.BREADCRUMBS_INVERTED_MODIFIER=d.BREADCRUMBS_INVERTED_MODIFIER;exports.BREADCRUMB_ITEM_SELECTED_MODIFIER=d.BREADCRUMB_ITEM_SELECTED_MODIFIER;exports.DtButton=re.default;exports.BUTTON_ICON_SIZES=r.BUTTON_ICON_SIZES;exports.BUTTON_IMPORTANCE_MODIFIERS=r.BUTTON_IMPORTANCE_MODIFIERS;exports.BUTTON_KIND_MODIFIERS=r.BUTTON_KIND_MODIFIERS;exports.BUTTON_SIZE_MODIFIERS=r.BUTTON_SIZE_MODIFIERS;exports.BUTTON_TYPES=r.BUTTON_TYPES;exports.ICON_POSITION_MODIFIERS=r.ICON_POSITION_MODIFIERS;exports.INVALID_COMBINATION=r.INVALID_COMBINATION;exports.DtButtonGroup=Ee.default;exports.BUTTON_GROUP_ALIGNMENT=ne.BUTTON_GROUP_ALIGNMENT;exports.DtCard=Ie.default;exports.DtCheckbox=le.default;exports.DtChip=ae.default;exports.CHIP_CLOSE_BUTTON_SIZE_MODIFIERS=c.CHIP_CLOSE_BUTTON_SIZE_MODIFIERS;exports.CHIP_ICON_SIZES=c.CHIP_ICON_SIZES;exports.CHIP_SIZE_MODIFIERS=c.CHIP_SIZE_MODIFIERS;exports.DtCodeblock=Se.default;exports.DtCollapsible=Te.default;exports.DtCombobox=Oe.default;exports.COMBOBOX_LABEL_SIZES=se.COMBOBOX_LABEL_SIZES;exports.formatLong=n.formatLong;exports.formatMedium=n.formatMedium;exports.formatNoYear=n.formatNoYear;exports.formatNumerical=n.formatNumerical;exports.formatShort=n.formatShort;exports.DtDescriptionList=ue.default;exports.DT_DESCRIPTION_LIST_DIRECTION=Re.DT_DESCRIPTION_LIST_DIRECTION;exports.DtDropdown=ce.default;exports.DtDropdownSeparator=De.default;exports.DROPDOWN_PADDING_CLASSES=Ae.DROPDOWN_PADDING_CLASSES;exports.DtEmoji=Ne.default;exports.ARROW_KEYS=S.ARROW_KEYS;exports.CDN_URL=S.CDN_URL;exports.EMOJIS_PER_ROW=S.EMOJIS_PER_ROW;exports.EMOJI_PICKER_SKIN_TONE_MODIFIERS=S.EMOJI_PICKER_SKIN_TONE_MODIFIERS;exports.EMPTY_STATE_SIZE_MODIFIERS=Ce.EMPTY_STATE_SIZE_MODIFIERS;exports.DtIcon=de.default;exports.ICON_NAMES=b.ICON_NAMES;exports.ICON_SIZE_MODIFIERS=b.ICON_SIZE_MODIFIERS;exports.ILLUSTRATION_NAMES=be.ILLUSTRATION_NAMES;exports.DtImageViewer=Le.default;exports.DtInput=Pe.default;exports.INPUT_SIZES=L.INPUT_SIZES;exports.INPUT_TYPES=L.INPUT_TYPES;exports.DtInputGroup=me.default;exports.DtItemLayout=Me.default;exports.DtKeyboardShortcut=pe.default;exports.SHORTCUTS_ALIASES_LIST=qe.SHORTCUTS_ALIASES_LIST;exports.DtLazyShow=fe.default;exports.DtLink=Be.default;exports.DANGER=o.DANGER;exports.LINK_KIND_MODIFIERS=o.LINK_KIND_MODIFIERS;exports.LINK_VARIANTS=o.LINK_VARIANTS;exports.MENTION=o.MENTION;exports.MUTED=o.MUTED;exports.SUCCESS=o.SUCCESS;exports.WARNING=o.WARNING;exports.getLinkKindModifier=o.getLinkKindModifier;exports.DtListItem=Ue.default;exports.LIST_ITEM_NAVIGATION_TYPES=P.LIST_ITEM_NAVIGATION_TYPES;exports.LIST_ITEM_TYPES=P.LIST_ITEM_TYPES;exports.DtListItemGroup=Ve.default;exports.DtLoader=ge.default;exports.DtModal=Ge.default;exports.MODAL_BANNER_KINDS=D.MODAL_BANNER_KINDS;exports.MODAL_KIND_MODIFIERS=D.MODAL_KIND_MODIFIERS;exports.MODAL_SIZE_MODIFIERS=D.MODAL_SIZE_MODIFIERS;exports.DtNotice=Fe.default;exports.DtNoticeAction=xe.default;exports.DtNoticeIcon=Ke.default;exports.DtNoticeContent=je.default;exports.NOTICE_KINDS=m.NOTICE_KINDS;exports.NOTICE_ROLES=m.NOTICE_ROLES;exports.DtPagination=he.default;exports.DtPopover=ke.default;exports.POPOVER_APPEND_TO_VALUES=i.POPOVER_APPEND_TO_VALUES;exports.POPOVER_CONTENT_WIDTHS=i.POPOVER_CONTENT_WIDTHS;exports.POPOVER_DIRECTIONS=i.POPOVER_DIRECTIONS;exports.POPOVER_HEADER_FOOTER_PADDING_CLASSES=i.POPOVER_HEADER_FOOTER_PADDING_CLASSES;exports.POPOVER_INITIAL_FOCUS_STRINGS=i.POPOVER_INITIAL_FOCUS_STRINGS;exports.POPOVER_PADDING_CLASSES=i.POPOVER_PADDING_CLASSES;exports.POPOVER_ROLES=i.POPOVER_ROLES;exports.POPOVER_STICKY_VALUES=i.POPOVER_STICKY_VALUES;exports.DtPresence=Ze.default;exports.PRESENCE_STATES=M.PRESENCE_STATES;exports.PRESENCE_STATES_LIST=M.PRESENCE_STATES_LIST;exports.DtRadio=He.default;exports.RADIO_INPUT_VALIDATION_CLASSES=ve.RADIO_INPUT_VALIDATION_CLASSES;exports.DtRichTextEditor=Ye.default;exports.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES=p.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES;exports.RICH_TEXT_EDITOR_OUTPUT_FORMATS=p.RICH_TEXT_EDITOR_OUTPUT_FORMATS;exports.DtRootLayout=we.default;exports.ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS=q.ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS;exports.ROOT_LAYOUT_SIDEBAR_POSITIONS=q.ROOT_LAYOUT_SIDEBAR_POSITIONS;exports.DtSelectMenu=We.default;exports.SELECT_SIZE_MODIFIERS=f.SELECT_SIZE_MODIFIERS;exports.SELECT_STATE_MODIFIERS=f.SELECT_STATE_MODIFIERS;exports.DtSkeleton=ye.default;exports.DtSkeletonListItem=Xe.default;exports.DtSkeletonText=Je.default;exports.DtSkeletonShape=ze.default;exports.DtSkeletonParagraph=Qe.default;exports.SKELETON_HEADING_HEIGHTS=I.SKELETON_HEADING_HEIGHTS;exports.SKELETON_RIPPLE_DURATION=I.SKELETON_RIPPLE_DURATION;exports.SKELETON_SHAPES=I.SKELETON_SHAPES;exports.SKELETON_SHAPE_SIZES=I.SKELETON_SHAPE_SIZES;exports.SKELETON_TEXT_TYPES=I.SKELETON_TEXT_TYPES;exports.DtSplitButton=$e.default;exports.SPLIT_BUTTON_ICON_SIZES=et.SPLIT_BUTTON_ICON_SIZES;exports.DtStack=tt.default;exports.DT_STACK_DIRECTION=A.DT_STACK_DIRECTION;exports.DT_STACK_GAP=A.DT_STACK_GAP;exports.DT_STACK_RESPONSIVE_BREAKPOINTS=A.DT_STACK_RESPONSIVE_BREAKPOINTS;exports.DtTabGroup=_t.default;exports.DtTab=ot.default;exports.DtTabPanel=it.default;exports.TAB_IMPORTANCE_MODIFIERS=T.TAB_IMPORTANCE_MODIFIERS;exports.TAB_LIST_IMPORTANCE_MODIFIERS=T.TAB_LIST_IMPORTANCE_MODIFIERS;exports.TAB_LIST_KIND_MODIFIERS=T.TAB_LIST_KIND_MODIFIERS;exports.TAB_LIST_SIZES=T.TAB_LIST_SIZES;exports.DtToast=rt.default;exports.TOAST_MIN_DURATION=B.TOAST_MIN_DURATION;exports.TOAST_ROLES=B.TOAST_ROLES;exports.DtToggle=Et.default;exports.TOGGLE_CHECKED_VALUES=U.TOGGLE_CHECKED_VALUES;exports.TOGGLE_SIZE_MODIFIERS=U.TOGGLE_SIZE_MODIFIERS;exports.DtTooltip=nt.default;exports.TOOLTIP_DELAY_MS=l.TOOLTIP_DELAY_MS;exports.TOOLTIP_DIRECTIONS=l.TOOLTIP_DIRECTIONS;exports.TOOLTIP_HIDE_ON_CLICK_VARIANTS=l.TOOLTIP_HIDE_ON_CLICK_VARIANTS;exports.TOOLTIP_KIND_MODIFIERS=l.TOOLTIP_KIND_MODIFIERS;exports.TOOLTIP_STICKY_VALUES=l.TOOLTIP_STICKY_VALUES;exports.DtValidationMessages=It.default;exports.DtRecipeCallbarButton=lt.default;exports.CALLBAR_BUTTON_VALID_WIDTH_SIZE=at.CALLBAR_BUTTON_VALID_WIDTH_SIZE;exports.DtRecipeCallbarButtonWithPopover=St.default;exports.DtRecipeCallbarButtonWithDropdown=Tt.default;exports.DtRecipeIvrNode=Ot.default;exports.IVR_NODE_ASSIGN=t.IVR_NODE_ASSIGN;exports.IVR_NODE_BRANCH=t.IVR_NODE_BRANCH;exports.IVR_NODE_CUSTOMER_DATA=t.IVR_NODE_CUSTOMER_DATA;exports.IVR_NODE_EXPERT=t.IVR_NODE_EXPERT;exports.IVR_NODE_GO_TO=t.IVR_NODE_GO_TO;exports.IVR_NODE_HANGUP=t.IVR_NODE_HANGUP;exports.IVR_NODE_ICON_TYPES=t.IVR_NODE_ICON_TYPES;exports.IVR_NODE_LABELS=t.IVR_NODE_LABELS;exports.IVR_NODE_PROMPT_COLLECT=t.IVR_NODE_PROMPT_COLLECT;exports.IVR_NODE_PROMPT_MENU=t.IVR_NODE_PROMPT_MENU;exports.IVR_NODE_PROMPT_PLAY=t.IVR_NODE_PROMPT_PLAY;exports.IVR_NODE_TRANSFER=t.IVR_NODE_TRANSFER;exports.DtRecipeGroupedChip=st.default;exports.DtRecipeComboboxMultiSelect=ut.default;exports.CHIP_SIZES=N.CHIP_SIZES;exports.CHIP_TOP_POSITION=N.CHIP_TOP_POSITION;exports.MULTI_SELECT_SIZES=N.MULTI_SELECT_SIZES;exports.DtRecipeComboboxWithPopover=Rt.default;exports.DtRecipeAttachmentCarousel=ct.default;exports.DtRecipeEditor=Dt.default;exports.DtRecipeEmojiRow=At.default;exports.REACTIONS_ATTRIBUTES=Nt.REACTIONS_ATTRIBUTES;exports.DtRecipeFeedItemPill=Ct.default;exports.FEED_ITEM_PILL_BORDER_COLORS=dt.FEED_ITEM_PILL_BORDER_COLORS;exports.DtRecipeFeedItemRow=bt.default;exports.DEFAULT_FEED_ROW_STATE=V.DEFAULT_FEED_ROW_STATE;exports.FEED_ROW_STATE_BACKGROUND_COLOR=V.FEED_ROW_STATE_BACKGROUND_COLOR;exports.DtRecipeMessageInput=Lt.default;exports.DtRecipeTimePill=Pt.default;exports.DtRecipeSettingsMenuButton=mt.default;exports.DtRecipeContactInfo=Mt.default;exports.DtRecipeCallbox=pt.default;exports.CALLBOX_BADGE_COLORS=g.CALLBOX_BADGE_COLORS;exports.CALLBOX_BORDER_COLORS=g.CALLBOX_BORDER_COLORS;exports.DtRecipeContactCentersRow=qt.default;exports.DtRecipeContactRow=ft.default;exports.DtRecipeGeneralRow=Bt.default;exports.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS=O.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS;exports.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR=O.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR;exports.LEFTBAR_GENERAL_ROW_ICON_SIZES=O.LEFTBAR_GENERAL_ROW_ICON_SIZES;exports.LEFTBAR_GENERAL_ROW_TYPES=O.LEFTBAR_GENERAL_ROW_TYPES;exports.DtRecipeGroupRow=Ut.default;exports.DtRecipeUnreadPill=Vt.default;exports.UNREAD_PILL_DIRECTIONS=G.UNREAD_PILL_DIRECTIONS;exports.UNREAD_PILL_KINDS=G.UNREAD_PILL_KINDS;exports.DtRecipeMotionText=gt.default;exports.MOTION_TEXT_ANIMATION_MODES=C.MOTION_TEXT_ANIMATION_MODES;exports.MOTION_TEXT_SPEEDS=C.MOTION_TEXT_SPEEDS;exports.MOTION_TEXT_TIMING_PRESETS=C.MOTION_TEXT_TIMING_PRESETS;exports.DtRecipeTopBannerInfo=Gt.default;exports.COLOR_CODES=Ft.COLOR_CODES;
 //# sourceMappingURL=dialtone-vue.cjs.map

package/dist/vue3/dialtone-vue.js

@@ -139,8 +139,10 @@ import { LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS as p_, LEFTBAR_GENERAL_ROW_CO
 import { default as i_ } from "./lib/group-row/group-row.js";
 import { default as s_ } from "./lib/unread-pill/unread-pill.js";
 import { UNREAD_PILL_DIRECTIONS as u_, UNREAD_PILL_KINDS as d_ } from "./lib/unread-pill/unread-pill-constants.js";
-import { default as L_ } from "./lib/top-banner-info/top-banner-info.js";
-import { COLOR_CODES as n_ } from "./lib/top-banner-info/top-banner-info-constants.js";
+import { default as L_ } from "./lib/motion-text/motion-text.js";
+import { MOTION_TEXT_ANIMATION_MODES as n_, MOTION_TEXT_SPEEDS as M_, MOTION_TEXT_TIMING_PRESETS as c_ } from "./lib/motion-text/motion-text-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,
@@ -171,7 +173,7 @@ export {
   LE as CHIP_SIZES,
   Co as CHIP_SIZE_MODIFIERS,
   PE as CHIP_TOP_POSITION,
-  n_ as COLOR_CODES,
+  F_ as COLOR_CODES,
   Vo as COMBOBOX_LABEL_SIZES,
   Ue as DANGER,
   vE as DEFAULT_FEED_ROW_STATE,
@@ -254,9 +256,10 @@ export {
   NE as DtRecipeGroupedChip,
   _E as DtRecipeIvrNode,
   yE as DtRecipeMessageInput,
+  L_ as DtRecipeMotionText,
   QE as DtRecipeSettingsMenuButton,
   zE as DtRecipeTimePill,
-  L_ as DtRecipeTopBannerInfo,
+  U_ as DtRecipeTopBannerInfo,
   s_ as DtRecipeUnreadPill,
   Gr as DtRichTextEditor,
   Hr as DtRootLayout,
@@ -315,6 +318,9 @@ export {
   qe as MODAL_BANNER_KINDS,
   Qe as MODAL_KIND_MODIFIERS,
   $e as MODAL_SIZE_MODIFIERS,
+  n_ as MOTION_TEXT_ANIMATION_MODES,
+  M_ as MOTION_TEXT_SPEEDS,
+  c_ as MOTION_TEXT_TIMING_PRESETS,
   nE as MULTI_SELECT_SIZES,
   Ke as MUTED,
   Dr as NOTICE_KINDS,

package/dist/vue3/dialtone-vue.js.map

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

package/dist/vue3/lib/hovercard/hovercard.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),b=require("../../common/utils/index.cjs"),c=require("../tooltip/tooltip-constants.cjs"),g=require("../popover/popover.cjs"),m=require("../popover/popover-constants.cjs"),C={__name:"hovercard",props:{transition:{type:Boolean,default:!1},open:{type:Boolean,default:null},fallbackPlacements:{type:Array,default:()=>["auto"]},placement:{type:String,default:"top-start",validator(t){return c.TOOLTIP_DIRECTIONS.includes(t)}},padding:{type:String,default:"large",validator:t=>Object.keys(m.POPOVER_PADDING_CLASSES).some(a=>a===t)},offset:{type:Array,default:()=>[0,16]},id:{type:String,default(){return b.getUniqueString()}},headerClass:{type:[String,Array,Object],default:""},footerClass:{type:[String,Array,Object],default:""},dialogClass:{type:[String,Array,Object],default:""},contentClass:{type:[String,Array,Object],default:""},appendTo:{type:[HTMLElement,String],default:"body",validator:t=>m.POPOVER_APPEND_TO_VALUES.includes(t)||t instanceof HTMLElement},enterDelay:{type:Number,default:c.TOOLTIP_DELAY_MS},leaveDelay:{type:Number,default:c.TOOLTIP_DELAY_MS}},emits:["opened"],setup(t){const a=t,l=e.ref(a.open),s=e.ref(null),i=e.ref(null),d=e.ref(null),u=e.ref(null),f=e.ref(null);e.onMounted(()=>{e.nextTick(()=>{var n,r,o;d.value=(o=(r=(n=f.value)==null?void 0:n.$refs)==null?void 0:r.anchor)==null?void 0:o.firstElementChild,u.value=new MutationObserver(()=>{d.value&&!d.value.isConnected&&(l.value=!1)}),u.value.observe(document.body,{childList:!0,subtree:!0})})}),e.onBeforeUnmount(()=>{u.value&&u.value.disconnect(),clearTimeout(s),clearTimeout(i)}),e.watch(()=>a.open,n=>{l.value=n},{immediate:!0});function y(){s.value=setTimeout(()=>{l.value=!0},a.enterDelay)}function T(){i.value=setTimeout(()=>{l.value=!1},a.leaveDelay)}function v(){a.open===null&&(clearTimeout(i.value),y())}function p(){a.open===null&&(clearTimeout(s.value),T())}return(n,r)=>(e.openBlock(),e.createBlock(e.unref(g.default),{id:t.id,ref_key:"popover",ref:f,open:l.value,placement:t.placement,"content-class":t.contentClass,"dialog-class":t.dialogClass,"fallback-placements":t.fallbackPlacements,padding:t.padding,transition:t.transition?"fade":null,offset:t.offset,modal:!1,"initial-focus-element":"none","header-class":t.headerClass,"footer-class":t.footerClass,"append-to":t.appendTo,"data-qa":"dt-hovercard","enter-delay":t.enterDelay,"leave-delay":t.leaveDelay,onOpened:r[0]||(r[0]=o=>n.$emit("opened",o)),onMouseenterPopover:v,onMouseleavePopover:p,onMouseenterPopoverAnchor:v,onMouseleavePopoverAnchor:p},{anchor:e.withCtx(({attrs:o})=>[e.renderSlot(n.$slots,"anchor",e.normalizeProps(e.guardReactiveProps(o)))]),content:e.withCtx(()=>[e.renderSlot(n.$slots,"content")]),headerContent:e.withCtx(()=>[e.renderSlot(n.$slots,"headerContent")]),footerContent:e.withCtx(()=>[e.renderSlot(n.$slots,"footerContent")]),_:3},8,["id","open","placement","content-class","dialog-class","fallback-placements","padding","transition","offset","header-class","footer-class","append-to","enter-delay","leave-delay"]))}};exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),S=require("../../common/utils/index.cjs"),v=require("../tooltip/tooltip-constants.cjs"),h=require("../popover/popover.cjs"),T=require("../popover/popover-constants.cjs"),P={__name:"hovercard",props:{transition:{type:Boolean,default:!1},open:{type:Boolean,default:null},fallbackPlacements:{type:Array,default:()=>["auto"]},placement:{type:String,default:"top-start",validator(t){return v.TOOLTIP_DIRECTIONS.includes(t)}},padding:{type:String,default:"large",validator:t=>Object.keys(T.POPOVER_PADDING_CLASSES).some(o=>o===t)},offset:{type:Array,default:()=>[0,16]},id:{type:String,default(){return S.getUniqueString()}},headerClass:{type:[String,Array,Object],default:""},footerClass:{type:[String,Array,Object],default:""},dialogClass:{type:[String,Array,Object],default:""},contentClass:{type:[String,Array,Object],default:""},appendTo:{type:[HTMLElement,String],default:"body",validator:t=>T.POPOVER_APPEND_TO_VALUES.includes(t)||t instanceof HTMLElement},enterDelay:{type:Number,default:v.TOOLTIP_DELAY_MS},leaveDelay:{type:Number,default:v.TOOLTIP_DELAY_MS}},emits:["opened"],setup(t){const o=t,l=e.ref(o.open),s=e.ref(!1),i=e.ref(!1),c=e.ref(null),d=e.ref(null),f=e.ref(null),u=e.ref(null),p=e.ref(null);e.onMounted(()=>{e.nextTick(()=>{var n,r,a;f.value=(a=(r=(n=p.value)==null?void 0:n.$refs)==null?void 0:r.anchor)==null?void 0:a.firstElementChild,u.value=new MutationObserver(()=>{f.value&&!f.value.isConnected&&(l.value=!1)}),u.value.observe(document.body,{childList:!0,subtree:!0})})}),e.onBeforeUnmount(()=>{u.value&&u.value.disconnect(),clearTimeout(c),clearTimeout(d)}),e.watch(()=>o.open,n=>{l.value=n},{immediate:!0});function m(){o.open===null&&(clearTimeout(d.value),c.value=setTimeout(()=>{l.value=!0},o.enterDelay))}function y(){o.open===null&&(clearTimeout(c.value),d.value=setTimeout(()=>{l.value=!1},o.leaveDelay))}function C(){i.value=!0,m()}function O(){i.value=!1,!s.value&&y()}function b(){s.value=!0,m()}function g(){s.value=!1,i.value||y()}return(n,r)=>(e.openBlock(),e.createBlock(e.unref(h.default),{id:t.id,ref_key:"popover",ref:p,open:l.value,placement:t.placement,"content-class":t.contentClass,"dialog-class":t.dialogClass,"fallback-placements":t.fallbackPlacements,padding:t.padding,transition:t.transition?"fade":null,offset:t.offset,modal:!1,"initial-focus-element":"none","header-class":t.headerClass,"footer-class":t.footerClass,"append-to":t.appendTo,"data-qa":"dt-hovercard","enter-delay":t.enterDelay,"leave-delay":t.leaveDelay,onOpened:r[0]||(r[0]=a=>n.$emit("opened",a)),onMouseenterPopover:C,onMouseleavePopover:O,onMouseenterPopoverAnchor:C,onMouseleavePopoverAnchor:O},{anchor:e.withCtx(({attrs:a})=>[e.renderSlot(n.$slots,"anchor",e.normalizeProps(e.guardReactiveProps(a)))]),content:e.withCtx(()=>[e.createElementVNode("div",{onFocusin:b,onFocusout:g},[e.renderSlot(n.$slots,"content")],32)]),headerContent:e.withCtx(()=>[e.renderSlot(n.$slots,"headerContent")]),footerContent:e.withCtx(()=>[e.renderSlot(n.$slots,"footerContent")]),_:3},8,["id","open","placement","content-class","dialog-class","fallback-placements","padding","transition","offset","header-class","footer-class","append-to","enter-delay","leave-delay"]))}};exports.default=P;
 //# sourceMappingURL=hovercard.cjs.map

package/dist/vue3/lib/hovercard/hovercard.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"hovercard.cjs","sources":["../../../components/hovercard/hovercard.vue"],"sourcesContent":["<!-- eslint-disable vue/multi-word-component-names -->\n<template>\n  <dt-popover\n    :id=\"id\"\n    ref=\"popover\"\n    :open=\"hovercardOpen\"\n    :placement=\"placement\"\n    :content-class=\"contentClass\"\n    :dialog-class=\"dialogClass\"\n    :fallback-placements=\"fallbackPlacements\"\n    :padding=\"padding\"\n    :transition=\"transition ? 'fade' : null\"\n    :offset=\"offset\"\n    :modal=\"false\"\n    initial-focus-element=\"none\"\n    :header-class=\"headerClass\"\n    :footer-class=\"footerClass\"\n    :append-to=\"appendTo\"\n    data-qa=\"dt-hovercard\"\n    :enter-delay=\"enterDelay\"\n    :leave-delay=\"leaveDelay\"\n    @opened=\"(e) => ($emit('opened', e))\"\n    @mouseenter-popover=\"onMouseEnter\"\n    @mouseleave-popover=\"onMouseLeave\"\n    @mouseenter-popover-anchor=\"onMouseEnter\"\n    @mouseleave-popover-anchor=\"onMouseLeave\"\n  >\n    <template #anchor=\"{ attrs }\">\n      <!-- @slot Anchor element that activates the hovercard. Usually a button. -->\n      <slot\n        name=\"anchor\"\n        v-bind=\"attrs\"\n      />\n    </template>\n    <template #content>\n      <!-- @slot Slot for the content that is displayed in the hovercard. -->\n      <slot name=\"content\" />\n    </template>\n    <template #headerContent>\n      <!-- @slot Slot for hovercard header content -->\n      <slot name=\"headerContent\" />\n    </template>\n\n    <template #footerContent>\n      <!-- @slot Slot for the footer content. -->\n      <slot name=\"footerContent\" />\n    </template>\n  </dt-popover>\n</template>\n\n<script setup>\nimport { ref, watch, nextTick, onMounted, onBeforeUnmount } from 'vue';\nimport { POPOVER_APPEND_TO_VALUES, POPOVER_PADDING_CLASSES, DtPopover } from '@/components/popover/index.js';\nimport { TOOLTIP_DIRECTIONS, TOOLTIP_DELAY_MS } from '@/components/tooltip/index.js';\nimport { getUniqueString } from '@/common/utils';\n\nconst props = defineProps({\n  /**\n     * Fade transition when the content display is toggled.\n     * @type boolean\n     * @values true, false\n     */\n  transition: {\n    type: Boolean,\n    default: false,\n  },\n\n  /**\n     * Controls whether the hovercard is shown. Leaving this null will have the hovercard trigger on hover by default.\n     * If you set this value, the default trigger behavior will be disabled, and you can control it as you need.\n     * Supports .sync modifier\n     * @values null, true, false\n     */\n  open: {\n    type: Boolean,\n    default: null,\n  },\n\n  /**\n      * If the popover does not fit in the direction described by \"placement\",\n     * it will attempt to change its direction to the \"fallbackPlacements\".\n     * @see https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements\"\n     */\n  fallbackPlacements: {\n    type: Array,\n    default: () => {\n      return ['auto'];\n    },\n  },\n\n  /**\n     * The direction the popover displays relative to the anchor.\n     * @see https://atomiks.github.io/tippyjs/v6/all-props/#placement\"\n     * @values top, top-start, top-end,\n     * right, right-start, right-end,\n     * left, left-start, left-end,\n     * bottom, bottom-start, bottom-end,\n     * auto, auto-start, auto-end\n     */\n  placement: {\n    type: String,\n    default: 'top-start',\n    validator (placement) {\n      return TOOLTIP_DIRECTIONS.includes(placement);\n    },\n  },\n\n  /**\n     * Padding size class for the popover content.\n     * @values none, small, medium, large\n     */\n  padding: {\n    type: String,\n    default: 'large',\n    validator: (padding) => {\n      return Object.keys(POPOVER_PADDING_CLASSES).some((item) => item === padding);\n    },\n  },\n\n  /**\n     * Displaces the content box from its anchor element\n     * by the specified number of pixels.\n     * @see https://atomiks.github.io/tippyjs/v6/all-props/#offset\"\n     */\n  offset: {\n    type: Array,\n    default: () => [0, 16],\n  },\n\n  /**\n     * The id of the tooltip\n     */\n  id: {\n    type: String,\n    default () { return getUniqueString(); },\n  },\n\n  /**\n     * Additional class name for the header content wrapper element.\n     */\n  headerClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n     * Additional class name for the footer content wrapper element.\n     */\n  footerClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n     * Additional class name for the dialog element.\n     */\n  dialogClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n     * Additional class name for the content wrapper element.\n     */\n  contentClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n     * Sets the element to which the popover is going to append to.\n     * 'body' will append to the nearest body (supports shadow DOM).\n     * @values 'body', 'parent', HTMLElement,\n     */\n  appendTo: {\n    type: [HTMLElement, String],\n    default: 'body',\n    validator: appendTo => {\n      return POPOVER_APPEND_TO_VALUES.includes(appendTo) ||\n            (appendTo instanceof HTMLElement);\n    },\n  },\n\n  /**\n   * The enter delay in milliseconds before the hovercard is shown.\n   * @type number\n   */\n  enterDelay: {\n    type: Number,\n    default: TOOLTIP_DELAY_MS,\n  },\n\n  /**\n   * The leave delay in milliseconds before the hovercard is hidden.\n   * @type number\n   */\n  leaveDelay: {\n    type: Number,\n    default: TOOLTIP_DELAY_MS,\n  },\n});\n\ndefineEmits([\n  /**\n   * Emitted when hovercard is shown or hidden\n   *\n   * @event opened\n   * @type {Boolean | Array}\n   */\n  'opened',\n]);\n\nconst hovercardOpen = ref(props.open);\nconst inTimer = ref(null);\nconst outTimer = ref(null);\nconst anchorEl = ref(null);\nconst observer = ref(null);\nconst popover = ref(null);\n\nonMounted(() => {\n  nextTick(() => {\n    anchorEl.value = popover.value?.$refs?.anchor?.firstElementChild;\n\n    observer.value = new MutationObserver(() => {\n      if (anchorEl.value && !anchorEl.value.isConnected) {\n        hovercardOpen.value = false;\n      }\n    });\n\n    observer.value.observe(document.body, {\n      childList: true,\n      subtree: true,\n    });\n  });\n});\n\nonBeforeUnmount(() => {\n  if (observer.value) {\n    observer.value.disconnect();\n  }\n  clearTimeout(inTimer);\n  clearTimeout(outTimer);\n});\nwatch(() => props.open, (open) => {\n  hovercardOpen.value = open;\n}, { immediate: true });\n\nfunction setInTimer () {\n  inTimer.value = setTimeout(() => {\n    hovercardOpen.value = true;\n  }, props.enterDelay);\n}\n\nfunction setOutTimer () {\n  outTimer.value = setTimeout(() => {\n    hovercardOpen.value = false;\n  }, props.leaveDelay);\n}\n\nfunction onMouseEnter () {\n  if (props.open === null) {\n    clearTimeout(outTimer.value);\n    setInTimer();\n  }\n}\n\nfunction onMouseLeave () {\n  if (props.open === null) {\n    clearTimeout(inTimer.value);\n    setOutTimer();\n  }\n}\n</script>\n"],"names":["props","__props","hovercardOpen","ref","inTimer","outTimer","anchorEl","observer","popover","onMounted","nextTick","_c","_b","_a","onBeforeUnmount","watch","open","setInTimer","setOutTimer","onMouseEnter","onMouseLeave"],"mappings":"osCAwDA,MAAMA,EAAQC,EA4JRC,EAAgBC,EAAAA,IAAIH,EAAM,IAAI,EAC9BI,EAAUD,EAAAA,IAAI,IAAI,EAClBE,EAAWF,EAAAA,IAAI,IAAI,EACnBG,EAAWH,EAAAA,IAAI,IAAI,EACnBI,EAAWJ,EAAAA,IAAI,IAAI,EACnBK,EAAUL,EAAAA,IAAI,IAAI,EAExBM,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,WACbJ,EAAS,OAAQK,GAAAC,GAAAC,EAAAL,EAAQ,QAAR,YAAAK,EAAe,QAAf,YAAAD,EAAsB,SAAtB,YAAAD,EAA8B,kBAE/CJ,EAAS,MAAQ,IAAI,iBAAiB,IAAM,CACtCD,EAAS,OAAS,CAACA,EAAS,MAAM,cACpCJ,EAAc,MAAQ,GAE1B,CAAC,EAEDK,EAAS,MAAM,QAAQ,SAAS,KAAM,CACpC,UAAW,GACX,QAAS,EACf,CAAK,CACH,CAAC,CACH,CAAC,EAEDO,EAAAA,gBAAgB,IAAM,CAChBP,EAAS,OACXA,EAAS,MAAM,WAAU,EAE3B,aAAaH,CAAO,EACpB,aAAaC,CAAQ,CACvB,CAAC,EACDU,EAAAA,MAAM,IAAMf,EAAM,KAAOgB,GAAS,CAChCd,EAAc,MAAQc,CACxB,EAAG,CAAE,UAAW,GAAM,EAEtB,SAASC,GAAc,CACrBb,EAAQ,MAAQ,WAAW,IAAM,CAC/BF,EAAc,MAAQ,EACxB,EAAGF,EAAM,UAAU,CACrB,CAEA,SAASkB,GAAe,CACtBb,EAAS,MAAQ,WAAW,IAAM,CAChCH,EAAc,MAAQ,EACxB,EAAGF,EAAM,UAAU,CACrB,CAEA,SAASmB,GAAgB,CACnBnB,EAAM,OAAS,OACjB,aAAaK,EAAS,KAAK,EAC3BY,EAAU,EAEd,CAEA,SAASG,GAAgB,CACnBpB,EAAM,OAAS,OACjB,aAAaI,EAAQ,KAAK,EAC1Bc,EAAW,EAEf"}
+{"version":3,"file":"hovercard.cjs","sources":["../../../components/hovercard/hovercard.vue"],"sourcesContent":["<!-- eslint-disable vue/multi-word-component-names -->\n<template>\n  <dt-popover\n    :id=\"id\"\n    ref=\"popover\"\n    :open=\"hovercardOpen\"\n    :placement=\"placement\"\n    :content-class=\"contentClass\"\n    :dialog-class=\"dialogClass\"\n    :fallback-placements=\"fallbackPlacements\"\n    :padding=\"padding\"\n    :transition=\"transition ? 'fade' : null\"\n    :offset=\"offset\"\n    :modal=\"false\"\n    initial-focus-element=\"none\"\n    :header-class=\"headerClass\"\n    :footer-class=\"footerClass\"\n    :append-to=\"appendTo\"\n    data-qa=\"dt-hovercard\"\n    :enter-delay=\"enterDelay\"\n    :leave-delay=\"leaveDelay\"\n    @opened=\"(e) => ($emit('opened', e))\"\n    @mouseenter-popover=\"onMouseEnter\"\n    @mouseleave-popover=\"onMouseLeave\"\n    @mouseenter-popover-anchor=\"onMouseEnter\"\n    @mouseleave-popover-anchor=\"onMouseLeave\"\n  >\n    <template #anchor=\"{ attrs }\">\n      <!-- @slot Anchor element that activates the hovercard. Usually a button. -->\n      <slot\n        name=\"anchor\"\n        v-bind=\"attrs\"\n      />\n    </template>\n    <template #content>\n      <div\n        @focusin=\"onContentFocusIn\"\n        @focusout=\"onContentFocusOut\"\n      >\n        <!-- @slot Slot for the content that is displayed in the hovercard. -->\n        <slot name=\"content\" />\n      </div>\n    </template>\n    <template #headerContent>\n      <!-- @slot Slot for hovercard header content -->\n      <slot name=\"headerContent\" />\n    </template>\n\n    <template #footerContent>\n      <!-- @slot Slot for the footer content. -->\n      <slot name=\"footerContent\" />\n    </template>\n  </dt-popover>\n</template>\n\n<script setup>\nimport { ref, watch, nextTick, onMounted, onBeforeUnmount } from 'vue';\nimport { POPOVER_APPEND_TO_VALUES, POPOVER_PADDING_CLASSES, DtPopover } from '@/components/popover/index.js';\nimport { TOOLTIP_DIRECTIONS, TOOLTIP_DELAY_MS } from '@/components/tooltip/index.js';\nimport { getUniqueString } from '@/common/utils';\n\nconst props = defineProps({\n  /**\n     * Fade transition when the content display is toggled.\n     * @type boolean\n     * @values true, false\n     */\n  transition: {\n    type: Boolean,\n    default: false,\n  },\n\n  /**\n     * Controls whether the hovercard is shown. Leaving this null will have the hovercard trigger on hover by default.\n     * If you set this value, the default trigger behavior will be disabled, and you can control it as you need.\n     * Supports .sync modifier\n     * @values null, true, false\n     */\n  open: {\n    type: Boolean,\n    default: null,\n  },\n\n  /**\n      * If the popover does not fit in the direction described by \"placement\",\n     * it will attempt to change its direction to the \"fallbackPlacements\".\n     * @see https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements\"\n     */\n  fallbackPlacements: {\n    type: Array,\n    default: () => {\n      return ['auto'];\n    },\n  },\n\n  /**\n     * The direction the popover displays relative to the anchor.\n     * @see https://atomiks.github.io/tippyjs/v6/all-props/#placement\"\n     * @values top, top-start, top-end,\n     * right, right-start, right-end,\n     * left, left-start, left-end,\n     * bottom, bottom-start, bottom-end,\n     * auto, auto-start, auto-end\n     */\n  placement: {\n    type: String,\n    default: 'top-start',\n    validator (placement) {\n      return TOOLTIP_DIRECTIONS.includes(placement);\n    },\n  },\n\n  /**\n     * Padding size class for the popover content.\n     * @values none, small, medium, large\n     */\n  padding: {\n    type: String,\n    default: 'large',\n    validator: (padding) => {\n      return Object.keys(POPOVER_PADDING_CLASSES).some((item) => item === padding);\n    },\n  },\n\n  /**\n     * Displaces the content box from its anchor element\n     * by the specified number of pixels.\n     * @see https://atomiks.github.io/tippyjs/v6/all-props/#offset\"\n     */\n  offset: {\n    type: Array,\n    default: () => [0, 16],\n  },\n\n  /**\n     * The id of the tooltip\n     */\n  id: {\n    type: String,\n    default () { return getUniqueString(); },\n  },\n\n  /**\n     * Additional class name for the header content wrapper element.\n     */\n  headerClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n     * Additional class name for the footer content wrapper element.\n     */\n  footerClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n     * Additional class name for the dialog element.\n     */\n  dialogClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n     * Additional class name for the content wrapper element.\n     */\n  contentClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n     * Sets the element to which the popover is going to append to.\n     * 'body' will append to the nearest body (supports shadow DOM).\n     * @values 'body', 'parent', HTMLElement,\n     */\n  appendTo: {\n    type: [HTMLElement, String],\n    default: 'body',\n    validator: appendTo => {\n      return POPOVER_APPEND_TO_VALUES.includes(appendTo) ||\n            (appendTo instanceof HTMLElement);\n    },\n  },\n\n  /**\n   * The enter delay in milliseconds before the hovercard is shown.\n   * @type number\n   */\n  enterDelay: {\n    type: Number,\n    default: TOOLTIP_DELAY_MS,\n  },\n\n  /**\n   * The leave delay in milliseconds before the hovercard is hidden.\n   * @type number\n   */\n  leaveDelay: {\n    type: Number,\n    default: TOOLTIP_DELAY_MS,\n  },\n});\n\ndefineEmits([\n  /**\n   * Emitted when hovercard is shown or hidden\n   *\n   * @event opened\n   * @type {Boolean | Array}\n   */\n  'opened',\n]);\n\nconst hovercardOpen = ref(props.open);\nconst contentFocused = ref(false);\nconst mouseOverHovercard = ref(false);\nconst inTimer = ref(null);\nconst outTimer = ref(null);\nconst anchorEl = ref(null);\nconst observer = ref(null);\nconst popover = ref(null);\n\nonMounted(() => {\n  nextTick(() => {\n    anchorEl.value = popover.value?.$refs?.anchor?.firstElementChild;\n\n    observer.value = new MutationObserver(() => {\n      if (anchorEl.value && !anchorEl.value.isConnected) {\n        hovercardOpen.value = false;\n      }\n    });\n\n    observer.value.observe(document.body, {\n      childList: true,\n      subtree: true,\n    });\n  });\n});\n\nonBeforeUnmount(() => {\n  if (observer.value) {\n    observer.value.disconnect();\n  }\n  clearTimeout(inTimer);\n  clearTimeout(outTimer);\n});\nwatch(() => props.open, (open) => {\n  hovercardOpen.value = open;\n}, { immediate: true });\n\nfunction setInTimer () {\n  if (props.open === null) {\n    clearTimeout(outTimer.value);\n    inTimer.value = setTimeout(() => {\n      hovercardOpen.value = true;\n    }, props.enterDelay);\n  }\n}\n\nfunction setOutTimer () {\n  if (props.open === null) {\n    clearTimeout(inTimer.value);\n    outTimer.value = setTimeout(() => {\n      hovercardOpen.value = false;\n    }, props.leaveDelay);\n  }\n}\n\nfunction onMouseEnter () {\n  mouseOverHovercard.value = true;\n  setInTimer();\n}\n\nfunction onMouseLeave () {\n  mouseOverHovercard.value = false;\n  if (contentFocused.value) {\n    return;\n  }\n  setOutTimer();\n}\n\nfunction onContentFocusIn () {\n  contentFocused.value = true;\n  setInTimer();\n}\n\nfunction onContentFocusOut () {\n  contentFocused.value = false;\n\n  // If mouse is not over the hovercard, close it\n  if (!mouseOverHovercard.value) {\n    setOutTimer();\n  }\n}\n</script>\n"],"names":["props","__props","hovercardOpen","ref","contentFocused","mouseOverHovercard","inTimer","outTimer","anchorEl","observer","popover","onMounted","nextTick","_c","_b","_a","onBeforeUnmount","watch","open","setInTimer","setOutTimer","onMouseEnter","onMouseLeave","onContentFocusIn","onContentFocusOut"],"mappings":"osCA6DA,MAAMA,EAAQC,EA4JRC,EAAgBC,EAAAA,IAAIH,EAAM,IAAI,EAC9BI,EAAiBD,EAAAA,IAAI,EAAK,EAC1BE,EAAqBF,EAAAA,IAAI,EAAK,EAC9BG,EAAUH,EAAAA,IAAI,IAAI,EAClBI,EAAWJ,EAAAA,IAAI,IAAI,EACnBK,EAAWL,EAAAA,IAAI,IAAI,EACnBM,EAAWN,EAAAA,IAAI,IAAI,EACnBO,EAAUP,EAAAA,IAAI,IAAI,EAExBQ,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,WACbJ,EAAS,OAAQK,GAAAC,GAAAC,EAAAL,EAAQ,QAAR,YAAAK,EAAe,QAAf,YAAAD,EAAsB,SAAtB,YAAAD,EAA8B,kBAE/CJ,EAAS,MAAQ,IAAI,iBAAiB,IAAM,CACtCD,EAAS,OAAS,CAACA,EAAS,MAAM,cACpCN,EAAc,MAAQ,GAE1B,CAAC,EAEDO,EAAS,MAAM,QAAQ,SAAS,KAAM,CACpC,UAAW,GACX,QAAS,EACf,CAAK,CACH,CAAC,CACH,CAAC,EAEDO,EAAAA,gBAAgB,IAAM,CAChBP,EAAS,OACXA,EAAS,MAAM,WAAU,EAE3B,aAAaH,CAAO,EACpB,aAAaC,CAAQ,CACvB,CAAC,EACDU,EAAAA,MAAM,IAAMjB,EAAM,KAAOkB,GAAS,CAChChB,EAAc,MAAQgB,CACxB,EAAG,CAAE,UAAW,GAAM,EAEtB,SAASC,GAAc,CACjBnB,EAAM,OAAS,OACjB,aAAaO,EAAS,KAAK,EAC3BD,EAAQ,MAAQ,WAAW,IAAM,CAC/BJ,EAAc,MAAQ,EACxB,EAAGF,EAAM,UAAU,EAEvB,CAEA,SAASoB,GAAe,CAClBpB,EAAM,OAAS,OACjB,aAAaM,EAAQ,KAAK,EAC1BC,EAAS,MAAQ,WAAW,IAAM,CAChCL,EAAc,MAAQ,EACxB,EAAGF,EAAM,UAAU,EAEvB,CAEA,SAASqB,GAAgB,CACvBhB,EAAmB,MAAQ,GAC3Bc,EAAU,CACZ,CAEA,SAASG,GAAgB,CACvBjB,EAAmB,MAAQ,GACvB,CAAAD,EAAe,OAGnBgB,EAAW,CACb,CAEA,SAASG,GAAoB,CAC3BnB,EAAe,MAAQ,GACvBe,EAAU,CACZ,CAEA,SAASK,GAAqB,CAC5BpB,EAAe,MAAQ,GAGlBC,EAAmB,OACtBe,EAAW,CAEf"}

package/dist/vue3/lib/hovercard/hovercard.js

@@ -1,9 +1,9 @@
-import { ref as o, onMounted as O, nextTick as h, onBeforeUnmount as P, watch as b, createBlock as C, openBlock as S, unref as A, withCtx as u, renderSlot as i, normalizeProps as D, guardReactiveProps as E } from "vue";
-import { getUniqueString as M } from "../../common/utils/index.js";
-import { TOOLTIP_DELAY_MS as y, TOOLTIP_DIRECTIONS as k } from "../tooltip/tooltip-constants.js";
-import L from "../popover/popover.js";
-import { POPOVER_APPEND_TO_VALUES as I, POPOVER_PADDING_CLASSES as $ } from "../popover/popover-constants.js";
-const U = {
+import { ref as a, onMounted as b, nextTick as S, onBeforeUnmount as A, watch as E, createBlock as D, openBlock as M, unref as k, withCtx as s, renderSlot as i, createElementVNode as L, normalizeProps as I, guardReactiveProps as N } from "vue";
+import { getUniqueString as $ } from "../../common/utils/index.js";
+import { TOOLTIP_DELAY_MS as C, TOOLTIP_DIRECTIONS as j } from "../tooltip/tooltip-constants.js";
+import B from "../popover/popover.js";
+import { POPOVER_APPEND_TO_VALUES as F, POPOVER_PADDING_CLASSES as R } from "../popover/popover-constants.js";
+const z = {
   __name: "hovercard",
   props: {
     /**
@@ -47,7 +47,7 @@ const U = {
       type: String,
       default: "top-start",
       validator(e) {
-        return k.includes(e);
+        return j.includes(e);
       }
     },
     /**
@@ -57,7 +57,7 @@ const U = {
     padding: {
       type: String,
       default: "large",
-      validator: (e) => Object.keys($).some((a) => a === e)
+      validator: (e) => Object.keys(R).some((n) => n === e)
     },
     /**
        * Displaces the content box from its anchor element
@@ -74,7 +74,7 @@ const U = {
     id: {
       type: String,
       default() {
-        return M();
+        return $();
       }
     },
     /**
@@ -113,7 +113,7 @@ const U = {
     appendTo: {
       type: [HTMLElement, String],
       default: "body",
-      validator: (e) => I.includes(e) || e instanceof HTMLElement
+      validator: (e) => F.includes(e) || e instanceof HTMLElement
     },
     /**
      * The enter delay in milliseconds before the hovercard is shown.
@@ -121,7 +121,7 @@ const U = {
      */
     enterDelay: {
       type: Number,
-      default: y
+      default: C
     },
     /**
      * The leave delay in milliseconds before the hovercard is hidden.
@@ -129,7 +129,7 @@ const U = {
      */
     leaveDelay: {
       type: Number,
-      default: y
+      default: C
     }
   },
   emits: [
@@ -142,42 +142,48 @@ const U = {
     "opened"
   ],
   setup(e) {
-    const a = e, l = o(a.open), d = o(null), c = o(null), f = o(null), s = o(null), m = o(null);
-    O(() => {
-      h(() => {
-        var t, r, n;
-        f.value = (n = (r = (t = m.value) == null ? void 0 : t.$refs) == null ? void 0 : r.anchor) == null ? void 0 : n.firstElementChild, s.value = new MutationObserver(() => {
-          f.value && !f.value.isConnected && (l.value = !1);
-        }), s.value.observe(document.body, {
+    const n = e, l = a(n.open), c = a(!1), d = a(!1), f = a(null), v = a(null), m = a(null), u = a(null), p = a(null);
+    b(() => {
+      S(() => {
+        var t, r, o;
+        m.value = (o = (r = (t = p.value) == null ? void 0 : t.$refs) == null ? void 0 : r.anchor) == null ? void 0 : o.firstElementChild, u.value = new MutationObserver(() => {
+          m.value && !m.value.isConnected && (l.value = !1);
+        }), u.value.observe(document.body, {
           childList: !0,
           subtree: !0
         });
       });
-    }), P(() => {
-      s.value && s.value.disconnect(), clearTimeout(d), clearTimeout(c);
-    }), b(() => a.open, (t) => {
+    }), A(() => {
+      u.value && u.value.disconnect(), clearTimeout(f), clearTimeout(v);
+    }), E(() => n.open, (t) => {
       l.value = t;
     }, { immediate: !0 });
-    function g() {
-      d.value = setTimeout(() => {
+    function y() {
+      n.open === null && (clearTimeout(v.value), f.value = setTimeout(() => {
         l.value = !0;
-      }, a.enterDelay);
+      }, n.enterDelay));
     }
-    function T() {
-      c.value = setTimeout(() => {
+    function O() {
+      n.open === null && (clearTimeout(f.value), v.value = setTimeout(() => {
         l.value = !1;
-      }, a.leaveDelay);
+      }, n.leaveDelay));
+    }
+    function g() {
+      d.value = !0, y();
+    }
+    function T() {
+      d.value = !1, !c.value && O();
     }
-    function v() {
-      a.open === null && (clearTimeout(c.value), g());
+    function h() {
+      c.value = !0, y();
     }
-    function p() {
-      a.open === null && (clearTimeout(d.value), T());
+    function P() {
+      c.value = !1, d.value || O();
     }
-    return (t, r) => (S(), C(A(L), {
+    return (t, r) => (M(), D(k(B), {
       id: e.id,
       ref_key: "popover",
-      ref: m,
+      ref: p,
       open: l.value,
       placement: e.placement,
       "content-class": e.contentClass,
@@ -194,22 +200,27 @@ const U = {
       "data-qa": "dt-hovercard",
       "enter-delay": e.enterDelay,
       "leave-delay": e.leaveDelay,
-      onOpened: r[0] || (r[0] = (n) => t.$emit("opened", n)),
-      onMouseenterPopover: v,
-      onMouseleavePopover: p,
-      onMouseenterPopoverAnchor: v,
-      onMouseleavePopoverAnchor: p
+      onOpened: r[0] || (r[0] = (o) => t.$emit("opened", o)),
+      onMouseenterPopover: g,
+      onMouseleavePopover: T,
+      onMouseenterPopoverAnchor: g,
+      onMouseleavePopoverAnchor: T
     }, {
-      anchor: u(({ attrs: n }) => [
-        i(t.$slots, "anchor", D(E(n)))
+      anchor: s(({ attrs: o }) => [
+        i(t.$slots, "anchor", I(N(o)))
       ]),
-      content: u(() => [
-        i(t.$slots, "content")
+      content: s(() => [
+        L("div", {
+          onFocusin: h,
+          onFocusout: P
+        }, [
+          i(t.$slots, "content")
+        ], 32)
       ]),
-      headerContent: u(() => [
+      headerContent: s(() => [
         i(t.$slots, "headerContent")
       ]),
-      footerContent: u(() => [
+      footerContent: s(() => [
         i(t.$slots, "footerContent")
       ]),
       _: 3
@@ -217,6 +228,6 @@ const U = {
   }
 };
 export {
-  U as default
+  z as default
 };
 //# sourceMappingURL=hovercard.js.map

package/dist/vue3/lib/hovercard/hovercard.js.map

@@ -1 +1 @@
-{"version":3,"file":"hovercard.js","sources":["../../../components/hovercard/hovercard.vue"],"sourcesContent":["<!-- eslint-disable vue/multi-word-component-names -->\n<template>\n  <dt-popover\n    :id=\"id\"\n    ref=\"popover\"\n    :open=\"hovercardOpen\"\n    :placement=\"placement\"\n    :content-class=\"contentClass\"\n    :dialog-class=\"dialogClass\"\n    :fallback-placements=\"fallbackPlacements\"\n    :padding=\"padding\"\n    :transition=\"transition ? 'fade' : null\"\n    :offset=\"offset\"\n    :modal=\"false\"\n    initial-focus-element=\"none\"\n    :header-class=\"headerClass\"\n    :footer-class=\"footerClass\"\n    :append-to=\"appendTo\"\n    data-qa=\"dt-hovercard\"\n    :enter-delay=\"enterDelay\"\n    :leave-delay=\"leaveDelay\"\n    @opened=\"(e) => ($emit('opened', e))\"\n    @mouseenter-popover=\"onMouseEnter\"\n    @mouseleave-popover=\"onMouseLeave\"\n    @mouseenter-popover-anchor=\"onMouseEnter\"\n    @mouseleave-popover-anchor=\"onMouseLeave\"\n  >\n    <template #anchor=\"{ attrs }\">\n      <!-- @slot Anchor element that activates the hovercard. Usually a button. -->\n      <slot\n        name=\"anchor\"\n        v-bind=\"attrs\"\n      />\n    </template>\n    <template #content>\n      <!-- @slot Slot for the content that is displayed in the hovercard. -->\n      <slot name=\"content\" />\n    </template>\n    <template #headerContent>\n      <!-- @slot Slot for hovercard header content -->\n      <slot name=\"headerContent\" />\n    </template>\n\n    <template #footerContent>\n      <!-- @slot Slot for the footer content. -->\n      <slot name=\"footerContent\" />\n    </template>\n  </dt-popover>\n</template>\n\n<script setup>\nimport { ref, watch, nextTick, onMounted, onBeforeUnmount } from 'vue';\nimport { POPOVER_APPEND_TO_VALUES, POPOVER_PADDING_CLASSES, DtPopover } from '@/components/popover/index.js';\nimport { TOOLTIP_DIRECTIONS, TOOLTIP_DELAY_MS } from '@/components/tooltip/index.js';\nimport { getUniqueString } from '@/common/utils';\n\nconst props = defineProps({\n  /**\n     * Fade transition when the content display is toggled.\n     * @type boolean\n     * @values true, false\n     */\n  transition: {\n    type: Boolean,\n    default: false,\n  },\n\n  /**\n     * Controls whether the hovercard is shown. Leaving this null will have the hovercard trigger on hover by default.\n     * If you set this value, the default trigger behavior will be disabled, and you can control it as you need.\n     * Supports .sync modifier\n     * @values null, true, false\n     */\n  open: {\n    type: Boolean,\n    default: null,\n  },\n\n  /**\n      * If the popover does not fit in the direction described by \"placement\",\n     * it will attempt to change its direction to the \"fallbackPlacements\".\n     * @see https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements\"\n     */\n  fallbackPlacements: {\n    type: Array,\n    default: () => {\n      return ['auto'];\n    },\n  },\n\n  /**\n     * The direction the popover displays relative to the anchor.\n     * @see https://atomiks.github.io/tippyjs/v6/all-props/#placement\"\n     * @values top, top-start, top-end,\n     * right, right-start, right-end,\n     * left, left-start, left-end,\n     * bottom, bottom-start, bottom-end,\n     * auto, auto-start, auto-end\n     */\n  placement: {\n    type: String,\n    default: 'top-start',\n    validator (placement) {\n      return TOOLTIP_DIRECTIONS.includes(placement);\n    },\n  },\n\n  /**\n     * Padding size class for the popover content.\n     * @values none, small, medium, large\n     */\n  padding: {\n    type: String,\n    default: 'large',\n    validator: (padding) => {\n      return Object.keys(POPOVER_PADDING_CLASSES).some((item) => item === padding);\n    },\n  },\n\n  /**\n     * Displaces the content box from its anchor element\n     * by the specified number of pixels.\n     * @see https://atomiks.github.io/tippyjs/v6/all-props/#offset\"\n     */\n  offset: {\n    type: Array,\n    default: () => [0, 16],\n  },\n\n  /**\n     * The id of the tooltip\n     */\n  id: {\n    type: String,\n    default () { return getUniqueString(); },\n  },\n\n  /**\n     * Additional class name for the header content wrapper element.\n     */\n  headerClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n     * Additional class name for the footer content wrapper element.\n     */\n  footerClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n     * Additional class name for the dialog element.\n     */\n  dialogClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n     * Additional class name for the content wrapper element.\n     */\n  contentClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n     * Sets the element to which the popover is going to append to.\n     * 'body' will append to the nearest body (supports shadow DOM).\n     * @values 'body', 'parent', HTMLElement,\n     */\n  appendTo: {\n    type: [HTMLElement, String],\n    default: 'body',\n    validator: appendTo => {\n      return POPOVER_APPEND_TO_VALUES.includes(appendTo) ||\n            (appendTo instanceof HTMLElement);\n    },\n  },\n\n  /**\n   * The enter delay in milliseconds before the hovercard is shown.\n   * @type number\n   */\n  enterDelay: {\n    type: Number,\n    default: TOOLTIP_DELAY_MS,\n  },\n\n  /**\n   * The leave delay in milliseconds before the hovercard is hidden.\n   * @type number\n   */\n  leaveDelay: {\n    type: Number,\n    default: TOOLTIP_DELAY_MS,\n  },\n});\n\ndefineEmits([\n  /**\n   * Emitted when hovercard is shown or hidden\n   *\n   * @event opened\n   * @type {Boolean | Array}\n   */\n  'opened',\n]);\n\nconst hovercardOpen = ref(props.open);\nconst inTimer = ref(null);\nconst outTimer = ref(null);\nconst anchorEl = ref(null);\nconst observer = ref(null);\nconst popover = ref(null);\n\nonMounted(() => {\n  nextTick(() => {\n    anchorEl.value = popover.value?.$refs?.anchor?.firstElementChild;\n\n    observer.value = new MutationObserver(() => {\n      if (anchorEl.value && !anchorEl.value.isConnected) {\n        hovercardOpen.value = false;\n      }\n    });\n\n    observer.value.observe(document.body, {\n      childList: true,\n      subtree: true,\n    });\n  });\n});\n\nonBeforeUnmount(() => {\n  if (observer.value) {\n    observer.value.disconnect();\n  }\n  clearTimeout(inTimer);\n  clearTimeout(outTimer);\n});\nwatch(() => props.open, (open) => {\n  hovercardOpen.value = open;\n}, { immediate: true });\n\nfunction setInTimer () {\n  inTimer.value = setTimeout(() => {\n    hovercardOpen.value = true;\n  }, props.enterDelay);\n}\n\nfunction setOutTimer () {\n  outTimer.value = setTimeout(() => {\n    hovercardOpen.value = false;\n  }, props.leaveDelay);\n}\n\nfunction onMouseEnter () {\n  if (props.open === null) {\n    clearTimeout(outTimer.value);\n    setInTimer();\n  }\n}\n\nfunction onMouseLeave () {\n  if (props.open === null) {\n    clearTimeout(inTimer.value);\n    setOutTimer();\n  }\n}\n</script>\n"],"names":["props","__props","hovercardOpen","ref","inTimer","outTimer","anchorEl","observer","popover","onMounted","nextTick","_c","_b","_a","onBeforeUnmount","watch","open","setInTimer","setOutTimer","onMouseEnter","onMouseLeave"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA,UAAMA,IAAQC,GA4JRC,IAAgBC,EAAIH,EAAM,IAAI,GAC9BI,IAAUD,EAAI,IAAI,GAClBE,IAAWF,EAAI,IAAI,GACnBG,IAAWH,EAAI,IAAI,GACnBI,IAAWJ,EAAI,IAAI,GACnBK,IAAUL,EAAI,IAAI;AAExB,IAAAM,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAJ,EAAS,SAAQK,KAAAC,KAAAC,IAAAL,EAAQ,UAAR,gBAAAK,EAAe,UAAf,gBAAAD,EAAsB,WAAtB,gBAAAD,EAA8B,mBAE/CJ,EAAS,QAAQ,IAAI,iBAAiB,MAAM;AAC1C,UAAID,EAAS,SAAS,CAACA,EAAS,MAAM,gBACpCJ,EAAc,QAAQ;AAAA,QAE1B,CAAC,GAEDK,EAAS,MAAM,QAAQ,SAAS,MAAM;AAAA,UACpC,WAAW;AAAA,UACX,SAAS;AAAA,QACf,CAAK;AAAA,MACH,CAAC;AAAA,IACH,CAAC,GAEDO,EAAgB,MAAM;AACpB,MAAIP,EAAS,SACXA,EAAS,MAAM,WAAU,GAE3B,aAAaH,CAAO,GACpB,aAAaC,CAAQ;AAAA,IACvB,CAAC,GACDU,EAAM,MAAMf,EAAM,MAAM,CAACgB,MAAS;AAChC,MAAAd,EAAc,QAAQc;AAAA,IACxB,GAAG,EAAE,WAAW,IAAM;AAEtB,aAASC,IAAc;AACrB,MAAAb,EAAQ,QAAQ,WAAW,MAAM;AAC/B,QAAAF,EAAc,QAAQ;AAAA,MACxB,GAAGF,EAAM,UAAU;AAAA,IACrB;AAEA,aAASkB,IAAe;AACtB,MAAAb,EAAS,QAAQ,WAAW,MAAM;AAChC,QAAAH,EAAc,QAAQ;AAAA,MACxB,GAAGF,EAAM,UAAU;AAAA,IACrB;AAEA,aAASmB,IAAgB;AACvB,MAAInB,EAAM,SAAS,SACjB,aAAaK,EAAS,KAAK,GAC3BY,EAAU;AAAA,IAEd;AAEA,aAASG,IAAgB;AACvB,MAAIpB,EAAM,SAAS,SACjB,aAAaI,EAAQ,KAAK,GAC1Bc,EAAW;AAAA,IAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"hovercard.js","sources":["../../../components/hovercard/hovercard.vue"],"sourcesContent":["<!-- eslint-disable vue/multi-word-component-names -->\n<template>\n  <dt-popover\n    :id=\"id\"\n    ref=\"popover\"\n    :open=\"hovercardOpen\"\n    :placement=\"placement\"\n    :content-class=\"contentClass\"\n    :dialog-class=\"dialogClass\"\n    :fallback-placements=\"fallbackPlacements\"\n    :padding=\"padding\"\n    :transition=\"transition ? 'fade' : null\"\n    :offset=\"offset\"\n    :modal=\"false\"\n    initial-focus-element=\"none\"\n    :header-class=\"headerClass\"\n    :footer-class=\"footerClass\"\n    :append-to=\"appendTo\"\n    data-qa=\"dt-hovercard\"\n    :enter-delay=\"enterDelay\"\n    :leave-delay=\"leaveDelay\"\n    @opened=\"(e) => ($emit('opened', e))\"\n    @mouseenter-popover=\"onMouseEnter\"\n    @mouseleave-popover=\"onMouseLeave\"\n    @mouseenter-popover-anchor=\"onMouseEnter\"\n    @mouseleave-popover-anchor=\"onMouseLeave\"\n  >\n    <template #anchor=\"{ attrs }\">\n      <!-- @slot Anchor element that activates the hovercard. Usually a button. -->\n      <slot\n        name=\"anchor\"\n        v-bind=\"attrs\"\n      />\n    </template>\n    <template #content>\n      <div\n        @focusin=\"onContentFocusIn\"\n        @focusout=\"onContentFocusOut\"\n      >\n        <!-- @slot Slot for the content that is displayed in the hovercard. -->\n        <slot name=\"content\" />\n      </div>\n    </template>\n    <template #headerContent>\n      <!-- @slot Slot for hovercard header content -->\n      <slot name=\"headerContent\" />\n    </template>\n\n    <template #footerContent>\n      <!-- @slot Slot for the footer content. -->\n      <slot name=\"footerContent\" />\n    </template>\n  </dt-popover>\n</template>\n\n<script setup>\nimport { ref, watch, nextTick, onMounted, onBeforeUnmount } from 'vue';\nimport { POPOVER_APPEND_TO_VALUES, POPOVER_PADDING_CLASSES, DtPopover } from '@/components/popover/index.js';\nimport { TOOLTIP_DIRECTIONS, TOOLTIP_DELAY_MS } from '@/components/tooltip/index.js';\nimport { getUniqueString } from '@/common/utils';\n\nconst props = defineProps({\n  /**\n     * Fade transition when the content display is toggled.\n     * @type boolean\n     * @values true, false\n     */\n  transition: {\n    type: Boolean,\n    default: false,\n  },\n\n  /**\n     * Controls whether the hovercard is shown. Leaving this null will have the hovercard trigger on hover by default.\n     * If you set this value, the default trigger behavior will be disabled, and you can control it as you need.\n     * Supports .sync modifier\n     * @values null, true, false\n     */\n  open: {\n    type: Boolean,\n    default: null,\n  },\n\n  /**\n      * If the popover does not fit in the direction described by \"placement\",\n     * it will attempt to change its direction to the \"fallbackPlacements\".\n     * @see https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements\"\n     */\n  fallbackPlacements: {\n    type: Array,\n    default: () => {\n      return ['auto'];\n    },\n  },\n\n  /**\n     * The direction the popover displays relative to the anchor.\n     * @see https://atomiks.github.io/tippyjs/v6/all-props/#placement\"\n     * @values top, top-start, top-end,\n     * right, right-start, right-end,\n     * left, left-start, left-end,\n     * bottom, bottom-start, bottom-end,\n     * auto, auto-start, auto-end\n     */\n  placement: {\n    type: String,\n    default: 'top-start',\n    validator (placement) {\n      return TOOLTIP_DIRECTIONS.includes(placement);\n    },\n  },\n\n  /**\n     * Padding size class for the popover content.\n     * @values none, small, medium, large\n     */\n  padding: {\n    type: String,\n    default: 'large',\n    validator: (padding) => {\n      return Object.keys(POPOVER_PADDING_CLASSES).some((item) => item === padding);\n    },\n  },\n\n  /**\n     * Displaces the content box from its anchor element\n     * by the specified number of pixels.\n     * @see https://atomiks.github.io/tippyjs/v6/all-props/#offset\"\n     */\n  offset: {\n    type: Array,\n    default: () => [0, 16],\n  },\n\n  /**\n     * The id of the tooltip\n     */\n  id: {\n    type: String,\n    default () { return getUniqueString(); },\n  },\n\n  /**\n     * Additional class name for the header content wrapper element.\n     */\n  headerClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n     * Additional class name for the footer content wrapper element.\n     */\n  footerClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n     * Additional class name for the dialog element.\n     */\n  dialogClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n     * Additional class name for the content wrapper element.\n     */\n  contentClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n     * Sets the element to which the popover is going to append to.\n     * 'body' will append to the nearest body (supports shadow DOM).\n     * @values 'body', 'parent', HTMLElement,\n     */\n  appendTo: {\n    type: [HTMLElement, String],\n    default: 'body',\n    validator: appendTo => {\n      return POPOVER_APPEND_TO_VALUES.includes(appendTo) ||\n            (appendTo instanceof HTMLElement);\n    },\n  },\n\n  /**\n   * The enter delay in milliseconds before the hovercard is shown.\n   * @type number\n   */\n  enterDelay: {\n    type: Number,\n    default: TOOLTIP_DELAY_MS,\n  },\n\n  /**\n   * The leave delay in milliseconds before the hovercard is hidden.\n   * @type number\n   */\n  leaveDelay: {\n    type: Number,\n    default: TOOLTIP_DELAY_MS,\n  },\n});\n\ndefineEmits([\n  /**\n   * Emitted when hovercard is shown or hidden\n   *\n   * @event opened\n   * @type {Boolean | Array}\n   */\n  'opened',\n]);\n\nconst hovercardOpen = ref(props.open);\nconst contentFocused = ref(false);\nconst mouseOverHovercard = ref(false);\nconst inTimer = ref(null);\nconst outTimer = ref(null);\nconst anchorEl = ref(null);\nconst observer = ref(null);\nconst popover = ref(null);\n\nonMounted(() => {\n  nextTick(() => {\n    anchorEl.value = popover.value?.$refs?.anchor?.firstElementChild;\n\n    observer.value = new MutationObserver(() => {\n      if (anchorEl.value && !anchorEl.value.isConnected) {\n        hovercardOpen.value = false;\n      }\n    });\n\n    observer.value.observe(document.body, {\n      childList: true,\n      subtree: true,\n    });\n  });\n});\n\nonBeforeUnmount(() => {\n  if (observer.value) {\n    observer.value.disconnect();\n  }\n  clearTimeout(inTimer);\n  clearTimeout(outTimer);\n});\nwatch(() => props.open, (open) => {\n  hovercardOpen.value = open;\n}, { immediate: true });\n\nfunction setInTimer () {\n  if (props.open === null) {\n    clearTimeout(outTimer.value);\n    inTimer.value = setTimeout(() => {\n      hovercardOpen.value = true;\n    }, props.enterDelay);\n  }\n}\n\nfunction setOutTimer () {\n  if (props.open === null) {\n    clearTimeout(inTimer.value);\n    outTimer.value = setTimeout(() => {\n      hovercardOpen.value = false;\n    }, props.leaveDelay);\n  }\n}\n\nfunction onMouseEnter () {\n  mouseOverHovercard.value = true;\n  setInTimer();\n}\n\nfunction onMouseLeave () {\n  mouseOverHovercard.value = false;\n  if (contentFocused.value) {\n    return;\n  }\n  setOutTimer();\n}\n\nfunction onContentFocusIn () {\n  contentFocused.value = true;\n  setInTimer();\n}\n\nfunction onContentFocusOut () {\n  contentFocused.value = false;\n\n  // If mouse is not over the hovercard, close it\n  if (!mouseOverHovercard.value) {\n    setOutTimer();\n  }\n}\n</script>\n"],"names":["props","__props","hovercardOpen","ref","contentFocused","mouseOverHovercard","inTimer","outTimer","anchorEl","observer","popover","onMounted","nextTick","_c","_b","_a","onBeforeUnmount","watch","open","setInTimer","setOutTimer","onMouseEnter","onMouseLeave","onContentFocusIn","onContentFocusOut"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA,UAAMA,IAAQC,GA4JRC,IAAgBC,EAAIH,EAAM,IAAI,GAC9BI,IAAiBD,EAAI,EAAK,GAC1BE,IAAqBF,EAAI,EAAK,GAC9BG,IAAUH,EAAI,IAAI,GAClBI,IAAWJ,EAAI,IAAI,GACnBK,IAAWL,EAAI,IAAI,GACnBM,IAAWN,EAAI,IAAI,GACnBO,IAAUP,EAAI,IAAI;AAExB,IAAAQ,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAJ,EAAS,SAAQK,KAAAC,KAAAC,IAAAL,EAAQ,UAAR,gBAAAK,EAAe,UAAf,gBAAAD,EAAsB,WAAtB,gBAAAD,EAA8B,mBAE/CJ,EAAS,QAAQ,IAAI,iBAAiB,MAAM;AAC1C,UAAID,EAAS,SAAS,CAACA,EAAS,MAAM,gBACpCN,EAAc,QAAQ;AAAA,QAE1B,CAAC,GAEDO,EAAS,MAAM,QAAQ,SAAS,MAAM;AAAA,UACpC,WAAW;AAAA,UACX,SAAS;AAAA,QACf,CAAK;AAAA,MACH,CAAC;AAAA,IACH,CAAC,GAEDO,EAAgB,MAAM;AACpB,MAAIP,EAAS,SACXA,EAAS,MAAM,WAAU,GAE3B,aAAaH,CAAO,GACpB,aAAaC,CAAQ;AAAA,IACvB,CAAC,GACDU,EAAM,MAAMjB,EAAM,MAAM,CAACkB,MAAS;AAChC,MAAAhB,EAAc,QAAQgB;AAAA,IACxB,GAAG,EAAE,WAAW,IAAM;AAEtB,aAASC,IAAc;AACrB,MAAInB,EAAM,SAAS,SACjB,aAAaO,EAAS,KAAK,GAC3BD,EAAQ,QAAQ,WAAW,MAAM;AAC/B,QAAAJ,EAAc,QAAQ;AAAA,MACxB,GAAGF,EAAM,UAAU;AAAA,IAEvB;AAEA,aAASoB,IAAe;AACtB,MAAIpB,EAAM,SAAS,SACjB,aAAaM,EAAQ,KAAK,GAC1BC,EAAS,QAAQ,WAAW,MAAM;AAChC,QAAAL,EAAc,QAAQ;AAAA,MACxB,GAAGF,EAAM,UAAU;AAAA,IAEvB;AAEA,aAASqB,IAAgB;AACvB,MAAAhB,EAAmB,QAAQ,IAC3Bc,EAAU;AAAA,IACZ;AAEA,aAASG,IAAgB;AAEvB,MADAjB,EAAmB,QAAQ,IACvB,CAAAD,EAAe,SAGnBgB,EAAW;AAAA,IACb;AAEA,aAASG,IAAoB;AAC3B,MAAAnB,EAAe,QAAQ,IACvBe,EAAU;AAAA,IACZ;AAEA,aAASK,IAAqB;AAC5B,MAAApB,EAAe,QAAQ,IAGlBC,EAAmB,SACtBe,EAAW;AAAA,IAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/vue3/lib/motion-text/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./motion-text.cjs"),T=require("./motion-text-constants.cjs");exports.DtRecipeMotionText=t.default;exports.MOTION_TEXT_ANIMATION_MODES=T.MOTION_TEXT_ANIMATION_MODES;exports.MOTION_TEXT_SPEEDS=T.MOTION_TEXT_SPEEDS;exports.MOTION_TEXT_TIMING_PRESETS=T.MOTION_TEXT_TIMING_PRESETS;
+//# sourceMappingURL=index.cjs.map

package/dist/vue3/lib/motion-text/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/vue3/lib/motion-text/index.js

@@ -0,0 +1,9 @@
+import { default as O } from "./motion-text.js";
+import { MOTION_TEXT_ANIMATION_MODES as I, MOTION_TEXT_SPEEDS as M, MOTION_TEXT_TIMING_PRESETS as e } from "./motion-text-constants.js";
+export {
+  O as DtRecipeMotionText,
+  I as MOTION_TEXT_ANIMATION_MODES,
+  M as MOTION_TEXT_SPEEDS,
+  e as MOTION_TEXT_TIMING_PRESETS
+};
+//# sourceMappingURL=index.js.map

package/dist/vue3/lib/motion-text/index.js.map

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

package/dist/vue3/lib/motion-text/motion-text-constants.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=["gradient-in","fade-in","slide-in","gradient-sweep","shimmer","none"],t=["sm","md","lg"],T={sm:{characterDelay:20,wordDelay:30,duration:600},md:{characterDelay:30,wordDelay:50,duration:1e3},lg:{characterDelay:50,wordDelay:100,duration:1500}},a={MOTION_TEXT_ANIMATION_MODES:e,MOTION_TEXT_SPEEDS:t,MOTION_TEXT_TIMING_PRESETS:T};exports.MOTION_TEXT_ANIMATION_MODES=e;exports.MOTION_TEXT_SPEEDS=t;exports.MOTION_TEXT_TIMING_PRESETS=T;exports.default=a;
+//# sourceMappingURL=motion-text-constants.cjs.map

package/dist/vue3/lib/motion-text/motion-text-constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion-text-constants.cjs","sources":["../../../recipes/motion/motion_text/motion_text_constants.js"],"sourcesContent":["// Animation mode options\nexport const MOTION_TEXT_ANIMATION_MODES = [\n  'gradient-in',\n  'fade-in',\n  'slide-in',\n  'gradient-sweep',\n  'shimmer',\n  'none',\n];\n\n// Speed options (t-shirt sizing)\nexport const MOTION_TEXT_SPEEDS = ['sm', 'md', 'lg'];\n\n// Timing presets based on speed\nexport const MOTION_TEXT_TIMING_PRESETS = {\n  sm: {\n    characterDelay: 20,\n    wordDelay: 30,\n    duration: 600,\n  },\n  md: {\n    characterDelay: 30,\n    wordDelay: 50,\n    duration: 1000,\n  },\n  lg: {\n    characterDelay: 50,\n    wordDelay: 100,\n    duration: 1500,\n  },\n};\n\nexport default {\n  MOTION_TEXT_ANIMATION_MODES,\n  MOTION_TEXT_SPEEDS,\n  MOTION_TEXT_TIMING_PRESETS,\n};\n"],"names":["MOTION_TEXT_ANIMATION_MODES","MOTION_TEXT_SPEEDS","MOTION_TEXT_TIMING_PRESETS","motion_text_constants"],"mappings":"4GACY,MAACA,EAA8B,CACzC,cACA,UACA,WACA,iBACA,UACA,MACF,EAGaC,EAAqB,CAAC,KAAM,KAAM,IAAI,EAGtCC,EAA6B,CACxC,GAAI,CACF,eAAgB,GAChB,UAAW,GACX,SAAU,GACd,EACE,GAAI,CACF,eAAgB,GAChB,UAAW,GACX,SAAU,GACd,EACE,GAAI,CACF,eAAgB,GAChB,UAAW,IACX,SAAU,IACd,CACA,EAEAC,EAAe,CACb,4BAAAH,EACA,mBAAAC,EACA,2BAAAC,CACF"}

package/dist/vue3/lib/motion-text/motion-text-constants.js

@@ -0,0 +1,35 @@
+const a = [
+  "gradient-in",
+  "fade-in",
+  "slide-in",
+  "gradient-sweep",
+  "shimmer",
+  "none"
+], e = ["sm", "md", "lg"], t = {
+  sm: {
+    characterDelay: 20,
+    wordDelay: 30,
+    duration: 600
+  },
+  md: {
+    characterDelay: 30,
+    wordDelay: 50,
+    duration: 1e3
+  },
+  lg: {
+    characterDelay: 50,
+    wordDelay: 100,
+    duration: 1500
+  }
+}, n = {
+  MOTION_TEXT_ANIMATION_MODES: a,
+  MOTION_TEXT_SPEEDS: e,
+  MOTION_TEXT_TIMING_PRESETS: t
+};
+export {
+  a as MOTION_TEXT_ANIMATION_MODES,
+  e as MOTION_TEXT_SPEEDS,
+  t as MOTION_TEXT_TIMING_PRESETS,
+  n as default
+};
+//# sourceMappingURL=motion-text-constants.js.map

package/dist/vue3/lib/motion-text/motion-text-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion-text-constants.js","sources":["../../../recipes/motion/motion_text/motion_text_constants.js"],"sourcesContent":["// Animation mode options\nexport const MOTION_TEXT_ANIMATION_MODES = [\n  'gradient-in',\n  'fade-in',\n  'slide-in',\n  'gradient-sweep',\n  'shimmer',\n  'none',\n];\n\n// Speed options (t-shirt sizing)\nexport const MOTION_TEXT_SPEEDS = ['sm', 'md', 'lg'];\n\n// Timing presets based on speed\nexport const MOTION_TEXT_TIMING_PRESETS = {\n  sm: {\n    characterDelay: 20,\n    wordDelay: 30,\n    duration: 600,\n  },\n  md: {\n    characterDelay: 30,\n    wordDelay: 50,\n    duration: 1000,\n  },\n  lg: {\n    characterDelay: 50,\n    wordDelay: 100,\n    duration: 1500,\n  },\n};\n\nexport default {\n  MOTION_TEXT_ANIMATION_MODES,\n  MOTION_TEXT_SPEEDS,\n  MOTION_TEXT_TIMING_PRESETS,\n};\n"],"names":["MOTION_TEXT_ANIMATION_MODES","MOTION_TEXT_SPEEDS","MOTION_TEXT_TIMING_PRESETS","motion_text_constants"],"mappings":"AACY,MAACA,IAA8B;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAGaC,IAAqB,CAAC,MAAM,MAAM,IAAI,GAGtCC,IAA6B;AAAA,EACxC,IAAI;AAAA,IACF,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,UAAU;AAAA,EACd;AAAA,EACE,IAAI;AAAA,IACF,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,UAAU;AAAA,EACd;AAAA,EACE,IAAI;AAAA,IACF,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,UAAU;AAAA,EACd;AACA,GAEAC,IAAe;AAAA,EACb,6BAAAH;AAAA,EACA,oBAAAC;AAAA,EACA,4BAAAC;AACF;"}

package/dist/vue3/lib/motion-text/motion-text.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./motion-text-constants.cjs"),t=require("vue"),m=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),u={compatConfig:{MODE:3},name:"DtRecipeMotionText",inheritAttrs:!1,props:{text:{type:String,default:""},animationMode:{type:String,default:"gradient-in",validator:e=>d.MOTION_TEXT_ANIMATION_MODES.includes(e)},speed:{type:String,default:"md",validator:e=>d.MOTION_TEXT_SPEEDS.includes(e)},autoStart:{type:Boolean,default:!0},loop:{type:Boolean,default:!1},respectsReducedMotion:{type:Boolean,default:!0},screenReaderText:{type:String,default:""}},emits:["start","complete","progress","pause","resume"],data(){return{words:[],visibleWordCount:0,visibleCharsPerWord:[],isAnimating:!1,isPaused:!1,isLooped:!1,animationTimeouts:[],prefersReducedMotion:!1,animationKey:0}},computed:{timing(){return d.MOTION_TEXT_TIMING_PRESETS[this.speed]},componentStyles(){return{"--dt-recipe-motion-text-duration":`${this.timing.duration}ms`,"--dt-recipe-motion-text-char-duration":`${this.timing.duration}ms`,"--dt-recipe-motion-text-word-duration":`${this.timing.duration*2}ms`}},isStaticAnimationMode(){return this.animationMode==="gradient-sweep"||this.animationMode==="shimmer"},motionTextClasses(){return["dt-recipe-motion-text",`dt-recipe-motion-text--${this.animationMode}`,{"dt-recipe-motion-text--animating":this.isAnimating,"dt-recipe-motion-text--paused":this.isPaused,"dt-recipe-motion-text--looped":this.isLooped},this.$attrs.class]}},watch:{text(){this.reset(),this.initializeContent()},loop:{handler(e){this.isLooped=e},immediate:!0}},mounted(){this.checkReducedMotion(),this.initializeContent()},beforeUnmount(){this.clearTimeouts()},methods:{processTextToChars(e){const l=[],i=(n,s=0)=>{var r;if(n.nodeType===Node.TEXT_NODE){const a=((r=n.textContent)==null?void 0:r.match(/\S+\s*/g))||[];return l.push(...a.map((o,c)=>({text:o,chars:o.split(""),index:s+c}))),s+a.length}else if(n.nodeType===Node.ELEMENT_NODE){let a=s;return Array.from(n.childNodes).forEach(o=>{a=i(o,a)}),a}return s};return i(e),l},processDirectText(e){return e?(e.match(/\S+\s*/g)||[]).map((i,n)=>({text:i,chars:i.split(""),index:n})):[]},checkReducedMotion(){typeof window<"u"&&window.matchMedia&&(this.prefersReducedMotion=window.matchMedia("(prefers-reduced-motion: reduce)").matches)},clearTimeouts(){this.animationTimeouts.forEach(e=>clearTimeout(e)),this.animationTimeouts=[]},start(){if(!this.isAnimating){if(this.isAnimating=!0,this.isPaused=!1,this.$emit("start"),this.respectsReducedMotion&&this.prefersReducedMotion){this.showAllContent();return}if(this.animationMode==="none"){this.showAllContent();return}this.isStaticAnimationMode||this.showNextWord()}},pause(){!this.isAnimating||this.isPaused||(this.isPaused=!0,this.clearTimeouts(),this.$emit("pause"))},resume(){this.isPaused&&(this.isPaused=!1,this.$emit("resume"),this.showNextWord())},reset(){this.clearTimeouts(),this.isAnimating=!1,this.isPaused=!1,this.visibleWordCount=0,this.visibleCharsPerWord=Array(this.words.length).fill(0),this.animationKey++},skipToEnd(){this.showAllContent()},showAllContent(){this.visibleWordCount=this.words.length,this.visibleCharsPerWord=this.words.map(e=>e.chars.length),setTimeout(()=>{this.isAnimating=!1,this.$emit("complete")},0)},showNextWord(){if(this.isPaused||this.visibleWordCount>=this.words.length){this.visibleWordCount>=this.words.length&&this.completeAnimation();return}const e=setTimeout(()=>{this.visibleWordCount++,this.$emit("progress",{wordsComplete:this.visibleWordCount,totalWords:this.words.length,progress:this.visibleWordCount/this.words.length}),this.animateCharsForWord(this.visibleWordCount-1)},this.timing.wordDelay);this.animationTimeouts.push(e)},animateCharsForWord(e){if(this.isPaused||e>=this.words.length)return;this.visibleCharsPerWord[e]=0;const l=this.words[e].chars.length,i=()=>{if(this.isPaused||this.visibleCharsPerWord[e]>=l){this.visibleCharsPerWord[e]>=l&&this.showNextWord();return}this.visibleCharsPerWord[e]++;const n=setTimeout(i,this.timing.characterDelay);this.animationTimeouts.push(n)};i()},completeAnimation(){if(this.isAnimating=!1,this.clearTimeouts(),this.$emit("complete"),this.loop){const e=setTimeout(()=>{this.reset(),this.$nextTick(()=>{this.start()})},500);this.animationTimeouts.push(e)}},initializeContent(){if(this.isStaticAnimationMode){this.autoStart&&this.$nextTick(()=>this.start());return}this.text?this.words=this.processDirectText(this.text):this.$refs.contentRef&&(this.words=this.processTextToChars(this.$refs.contentRef)),this.visibleCharsPerWord=Array(this.words.length).fill(0),this.visibleWordCount=0,this.autoStart&&this.words.length>0&&this.$nextTick(()=>this.start())}}},p=["data-text-content","aria-live","aria-label"],f={key:0,class:"dt-recipe-motion-text__sr-only"},T=["aria-hidden"],g=["data-text-content"],C={key:3,class:"dt-recipe-motion-text__fallback"};function y(e,l,i,n,s,r){return t.openBlock(),t.createElementBlock("span",{ref:"contentRef",class:t.normalizeClass(r.motionTextClasses),style:t.normalizeStyle(r.componentStyles),"data-text-content":r.isStaticAnimationMode?i.text:void 0,"aria-live":s.isAnimating?"polite":"off","aria-label":i.screenReaderText||void 0},[i.screenReaderText?(t.openBlock(),t.createElementBlock("span",f,t.toDisplayString(i.screenReaderText),1)):t.createCommentVNode("",!0),r.isStaticAnimationMode?(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createTextVNode(t.toDisplayString(i.text)+" ",1),i.text?t.createCommentVNode("",!0):t.renderSlot(e.$slots,"default",{key:0})],64)):(t.openBlock(),t.createElementBlock("span",{key:s.animationKey,class:"dt-recipe-motion-text__content","aria-hidden":s.isAnimating},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.words,(a,o)=>(t.openBlock(),t.createBlock(t.Transition,{key:`${s.animationKey}-${o}`,name:`dt-recipe-motion-text-word-${i.animationMode}`},{default:t.withCtx(()=>[o<s.visibleWordCount?(t.openBlock(),t.createElementBlock("span",{key:0,class:"dt-recipe-motion-text__word","data-text-content":a.text,style:t.normalizeStyle({"--word-index":o})},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(a.chars,(c,h)=>(t.openBlock(),t.createBlock(t.Transition,{key:`${s.animationKey}-${o}-${h}`,name:`dt-recipe-motion-text-char-${i.animationMode}`},{default:t.withCtx(()=>[h<s.visibleCharsPerWord[o]?(t.openBlock(),t.createElementBlock("span",{key:0,class:"dt-recipe-motion-text__char",style:t.normalizeStyle({"--char-index":h,"--char-delay":`${h*r.timing.characterDelay}ms`})},t.toDisplayString(c),5)):t.createCommentVNode("",!0)]),_:2},1032,["name"]))),128))],12,g)):t.createCommentVNode("",!0)]),_:2},1032,["name"]))),128))],8,T)),!s.words.length&&!i.text&&!r.isStaticAnimationMode?(t.openBlock(),t.createElementBlock("span",C,[t.renderSlot(e.$slots,"default")])):t.createCommentVNode("",!0)],14,p)}const _=m._(u,[["render",y]]);exports.default=_;
+//# sourceMappingURL=motion-text.cjs.map