npm - @dialpad/dialtone-vue - Versions diffs - 3.222.1 → 3.222.2 - Mend

@dialpad/dialtone-vue 3.222.1 → 3.222.2

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

Files changed (32) hide show

package/dist/components/modal/modal.vue.d.ts CHANGED Viewed

@@ -117,6 +117,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     i18n: any;
 }, {
     modalListeners(): {
+        mousedown: (event: any) => void;
         click: (event: any) => void;
         keydown: (event: any) => void;
         'after-enter': () => Promise<void>;

package/dist/components/modal/modal.vue.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"modal.vue.d.ts","sourceRoot":"","sources":["../../../components/modal/modal.vue"],"names":[],"mappings":"AAwHA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qEAsfA~~,~~IA5XE~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~qBA4XF~~,~~GAnckB~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~yBAmclB~~,~~GAnckB~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+~~BA2cwF~~,gBAAgB"}
1	+ {"version":3,"file":"modal.vue.d.ts","sourceRoot":"","sources":["../../../components/modal/modal.vue"],"names":[],"mappings":"AAwHA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qEA+fA,IArYE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAqYF,GA5ckB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBA4clB,GA5ckB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAodwF,gBAAgB"}

package/dist/components/popover/popover.vue.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"popover.vue.d.ts","sourceRoot":"","sources":["../../../components/popover/popover.vue"],"names":[],"mappings":"AA2HA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~qEAolCA~~,~~IAr~~/BA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~yBAq~~/BA,~~GA/iCG~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~yBA+iCH~~,~~GA/iCG~~;;;;;;;;+~~BAwjCyI~~,gBAAgB"}
1	+ {"version":3,"file":"popover.vue.d.ts","sourceRoot":"","sources":["../../../components/popover/popover.vue"],"names":[],"mappings":"AA2HA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qEAqlCA,IAt/BA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAs/BA,GAhjCG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAgjCH,GAhjCG;;;;;;;;+BAyjCyI,gBAAgB"}

package/dist/dialtone-vue.cjs CHANGED Viewed

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

package/dist/dialtone-vue.js CHANGED Viewed

@@ -116,7 +116,7 @@ import { t as Tr } from "./resizable-CPaF9dgG.js";
 import { t as Er } from "./resizable_handle-BlKBiWnx.js";
 import Dr from "./lib/resizable/resizable-panel.js";
 import "./lib/resizable/index.js";
-import { t as Or } from "./rich_text_editor-CNFb6tIx.js";
+import { t as Or } from "./rich_text_editor-BhUKyR0E.js";
 import { RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as kr, RICH_TEXT_EDITOR_OUTPUT_FORMATS as Ar } from "./lib/rich-text-editor/rich-text-editor-constants.js";
 import { ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS as jr, ROOT_LAYOUT_SIDEBAR_POSITIONS as Mr } from "./lib/root-layout/root-layout-constants.js";
 import Nr from "./lib/root-layout/root-layout.js";
@@ -168,7 +168,7 @@ import "./lib/feed-item-pill/index.js";
 import { DEFAULT_FEED_ROW_STATE as xi, FEED_ROW_STATE_BACKGROUND_COLOR as Si } from "./lib/feed-item-row/feed-item-row-constants.js";
 import Ci from "./lib/feed-item-row/feed-item-row.js";
 import "./lib/feed-item-row/index.js";
-import { t as wi } from "./message_input-B47LB7C8.js";
+import { t as wi } from "./message_input-B2fppje7.js";
 import "./lib/message-input/index.js";
 import Ti from "./lib/time-pill/time-pill.js";
 import "./lib/time-pill/index.js";

package/dist/lib/editor/editor.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),n=require(`../../localization/index.cjs`),r=require(`../button/button.cjs`),i=require(`../list-item/list-item.cjs`),a=require(`../../combobox-DhjZxfUw.cjs`),o=require(`../stack/stack.cjs`),s=require(`../tooltip/tooltip.cjs`),c=require(`../popover/popover.cjs`),l=require(`../dropdown/dropdown-separator.cjs`),u=require(`../input/input.cjs`),d=require(`../list-item-group/list-item-group.cjs`),f=require(`../../rich_text_editor-DRytK1_9.cjs`),p=require(`../rich-text-editor/rich-text-editor-constants.cjs`),m=require(`./editor-constants.cjs`),h=require(`./EditorToolbarButton.cjs`),g=require(`./EditorToolbarDropdownButton.cjs`),_=require(`./EditorToolbarPopoverButton.cjs`);let v=require(`vue`),y=require(`@dialpad/dialtone-icons/vue3`);var b={compatConfig:{MODE:3},name:`DtRecipeEditor`,components:{DtListItemGroup:d.default,DtDropdownSeparator:l.default,DtListItem:i.default,DtRichTextEditor:f.t,DtButton:r.default,DtPopover:c.default,DtStack:o.default,DtInput:u.default,DtTooltip:s.default,DtCombobox:a.t,EditorToolbarButton:h.default,EditorToolbarDropdownButton:g.default,EditorToolbarPopoverButton:_.default,DtIconQuickReply:y.DtIconQuickReply,DtIconBold:y.DtIconBold,DtIconItalic:y.DtIconItalic,DtIconUnderline:y.DtIconUnderline,DtIconStrikethrough:y.DtIconStrikethrough,DtIconListBullet:y.DtIconListBullet,DtIconListOrdered:y.DtIconListOrdered,DtIconAlignLeft:y.DtIconAlignLeft,DtIconAlignCenter:y.DtIconAlignCenter,DtIconAlignRight:y.DtIconAlignRight,DtIconAlignJustify:y.DtIconAlignJustify,DtIconQuote:y.DtIconQuote,DtIconCodeBlock:y.DtIconCodeBlock,DtIconLink2:y.DtIconLink2,DtIconImage:y.DtIconImage,DtIconSearch:y.DtIconSearch,DtIconType:y.DtIconType,DtIconBraces:y.DtIconBraces,DtIconChevronDown:y.DtIconChevronDown,DtIconFontSize:y.DtIconFontSize,DtIconStopFilled:y.DtIconStopFilled},mixins:[],inheritAttrs:!1,props:{modelValue:{type:[Object,String],default:``},editable:{type:Boolean,default:!0},inputAriaLabel:{type:String,required:!0,default:``},inputClass:{type:String,default:``},autoFocus:{type:[Boolean,String,Number],default:!1,validator(e){return typeof e==`string`?p.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES.includes(e):!0}},placeholder:{type:String,default:``},maxHeight:{type:String,default:`unset`},setLinkPlaceholder:{type:String,default:``},showBoldButton:{type:Boolean,default:!0},showItalicsButton:{type:Boolean,default:!0},showUnderlineButton:{type:Boolean,default:!0},showStrikeButton:{type:Boolean,default:!0},showListItemsButton:{type:Boolean,default:!0},showOrderedListButton:{type:Boolean,default:!0},showAlignLeftButton:{type:Boolean,default:!0},showAlignCenterButton:{type:Boolean,default:!0},showAlignRightButton:{type:Boolean,default:!0},showAlignJustifyButton:{type:Boolean,default:!0},showQuoteButton:{type:Boolean,default:!0},showCodeBlockButton:{type:Boolean,default:!0},showQuickRepliesButton:{type:Boolean,default:!0},showInlineImageButton:{type:Boolean,default:!1},showVariableButton:{type:Boolean,default:!1},variableCategories:{type:Array,default:()=>[]},showAddLink:{type:Object,default:()=>({showAddLinkButton:!0})},showFontStyleButton:{type:Boolean,default:!1},showFontSizeButton:{type:Boolean,default:!1},showFontColorButton:{type:Boolean,default:!1},fontStyles:{type:Array,default:()=>[{name:`Arial`,value:null},{name:`Georgia`,value:`Georgia`},{name:`Helvetica`,value:`Helvetica`},{name:`Verdana`,value:`Verdana`},{name:`Times New Roman`,value:`Times New Roman`}]},fontSizes:{type:Array,default:()=>[{name:`Small`,value:`12px`},{name:`Normal`,value:`15px`},{name:`Large`,value:`24px`},{name:`Huge`,value:`36px`}]},allowBackgroundColor:{type:Boolean,default:!1},allowLineHeight:{type:Boolean,default:!1},preserveWhitespace:{type:[Boolean,String],default:`full`},useDivTags:{type:Boolean,default:!1},allowTables:{type:Boolean,default:!1},allowImageResize:{type:Boolean,default:!1}},emits:[`focus`,`blur`,`input`,`update:modelValue`,`quick-replies-click`,`inline-image-click`,`text-input`],data(){return{internalInputValue:this.modelValue,hasFocus:!1,linkOptions:{class:`d-recipe-editor__link`},currentFontColor:void 0,showLinkInput:!1,fontStyleSearch:``,linkInput:``,currentButtonRefIndex:0,variableSearchValue:``,i18n:new n.DialtoneLocalization}},computed:{inputLength(){return this.internalInputValue.length},htmlOutputFormat(){return p.RICH_TEXT_EDITOR_OUTPUT_FORMATS[2]},flattenedVariableItems(){return this.variableCategories?this.variableCategories.reduce((e,t)=>e.concat(t.items||[]),[]):[]},showingTextFormatButtons(){return this.showBoldButton||this.showItalicsButton||this.showStrikeButton||this.showUnderlineButton},showingAlignmentButtons(){return this.showAlignLeftButton||this.showAlignCenterButton||this.showAlignRightButton||this.showAlignJustifyButton},showingListButtons(){return this.showListItemsButton||this.showOrderedListButton},orderedRefs(){let e=this.buttonGroups.reduce(function(e,t){return t.buttonGroup.forEach(n=>{e.push(this.getButtonRef(t.key,n.selector))},this),e}.bind(this),[]);return e.push(this.getButtonRef(`custom`,`link`)),e},buttonGroups(){let e=this.individualButtons.map(e=>({key:e.selector,buttonGroup:[e]}));return[{key:`new`,buttonGroup:this.newButtons},{key:`format`,buttonGroup:this.textFormatButtons},{key:`alignment`,buttonGroup:this.alignmentButtons},{key:`list`,buttonGroup:this.listButtons},...e].filter(e=>e.buttonGroup.length>0)},newButtons(){return[{showBtn:this.showQuickRepliesButton,buttonType:`button`,label:this.i18n.$t(`DIALTONE_EDITOR_QUICK_REPLY_BUTTON_LABEL`),selector:`quickReplies`,icon:y.DtIconQuickReply,dataQA:`dt-recipe-editor-quick-replies-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_QUICK_REPLY_BUTTON_LABEL`),onClick:this.onQuickRepliesClick}].filter(e=>e.showBtn)},textFormatButtons(){return[{showBtn:this.showFontStyleButton,buttonType:`popover`,selector:`fontStyle`,icon:y.DtIconType,dataQA:`dt-recipe-editor-font-style-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_FONT_STYLE_BUTTON_LABEL`)},{showBtn:this.showFontSizeButton,buttonType:`popover`,selector:`fontSize`,icon:y.DtIconFontSize,dataQA:`dt-recipe-editor-font-size-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_FONT_SIZE_BUTTON_LABEL`)},{showBtn:this.showFontColorButton,buttonType:`custom`,selector:`fontColor`,icon:y.DtIconStopFilled,dataQA:`dt-recipe-editor-font-color-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_FONT_COLOR_BUTTON_LABEL`),onClick:this.onColorPickerButtonClick},{showBtn:this.showBoldButton,buttonType:`button`,selector:`bold`,icon:y.DtIconBold,dataQA:`dt-recipe-editor-bold-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_BOLD_BUTTON_LABEL`),onClick:this.onBoldTextToggle},{showBtn:this.showItalicsButton,buttonType:`button`,selector:`italic`,icon:y.DtIconItalic,dataQA:`dt-recipe-editor-italics-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_ITALICS_BUTTON_LABEL`),onClick:this.onItalicTextToggle},{showBtn:this.showUnderlineButton,buttonType:`button`,selector:`underline`,icon:y.DtIconUnderline,dataQA:`dt-recipe-editor-underline-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_UNDERLINE_BUTTON_LABEL`),onClick:this.onUnderlineTextToggle},{showBtn:this.showStrikeButton,buttonType:`button`,selector:`strike`,icon:y.DtIconStrikethrough,dataQA:`dt-recipe-editor-strike-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_STRIKE_BUTTON_LABEL`),onClick:this.onStrikethroughTextToggle}].filter(e=>e.showBtn)},alignmentButtons(){return[{showBtn:this.showAlignLeftButton,buttonType:`button`,selector:{textAlign:`left`},icon:y.DtIconAlignLeft,dataQA:`dt-recipe-editor-align-left-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_ALIGN_LEFT_BUTTON_LABEL`),onClick:()=>this.onTextAlign(`left`)},{showBtn:this.showAlignCenterButton,buttonType:`button`,selector:{textAlign:`center`},icon:y.DtIconAlignCenter,dataQA:`dt-recipe-editor-align-center-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_ALIGN_CENTER_BUTTON_LABEL`),onClick:()=>this.onTextAlign(`center`)},{showBtn:this.showAlignRightButton,buttonType:`button`,selector:{textAlign:`right`},icon:y.DtIconAlignRight,dataQA:`dt-recipe-editor-align-right-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_ALIGN_RIGHT_BUTTON_LABEL`),onClick:()=>this.onTextAlign(`right`)},{showBtn:this.showAlignJustifyButton,buttonType:`button`,selector:{textAlign:`justify`},icon:y.DtIconAlignJustify,dataQA:`dt-recipe-editor-align-justify-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_ALIGN_JUSTIFY_BUTTON_LABEL`),onClick:()=>this.onTextAlign(`justify`)}].filter(e=>e.showBtn)},listButtons(){return[{showBtn:this.showListItemsButton,buttonType:`button`,selector:`bulletList`,icon:y.DtIconListBullet,dataQA:`dt-recipe-editor-list-items-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_BULLET_LIST_BUTTON_LABEL`),onClick:this.onBulletListToggle},{showBtn:this.showOrderedListButton,buttonType:`button`,selector:`orderedList`,icon:y.DtIconListOrdered,dataQA:`dt-recipe-editor-ordered-list-items-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_ORDERED_LIST_BUTTON_LABEL`),onClick:this.onOrderedListToggle}].filter(e=>e.showBtn)},individualButtons(){return[{showBtn:this.showQuoteButton,buttonType:`button`,selector:`blockquote`,icon:y.DtIconQuote,dataQA:`dt-recipe-editor-blockquote-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_QUOTE_BUTTON_LABEL`),onClick:this.onBlockquoteToggle},{showBtn:this.showCodeBlockButton,buttonType:`button`,selector:`codeBlock`,icon:y.DtIconCodeBlock,dataQA:`dt-recipe-editor-code-block-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_CODE_BUTTON_LABEL`),onClick:this.onCodeBlockToggle},{showBtn:this.showInlineImageButton,buttonType:`button`,selector:`image`,icon:y.DtIconImage,dataQA:`dt-recipe-editor-inline-image-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_IMAGE_BUTTON_LABEL`),onClick:this.onInsertInlineImageClick},{showBtn:this.showVariableButton,buttonType:`popover`,selector:`variable`,icon:y.DtIconBraces,dataQA:`dt-recipe-editor-variable-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_VARIABLE_BUTTON_LABEL`)}].filter(e=>e.showBtn)},linkButton(){return{showBtn:this.showAddLink.showAddLinkButton,buttonType:`custom`,selector:`link`,icon:y.DtIconLink2,dataQA:`dt-recipe-editor-add-link-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_LINK_BUTTON_LABEL`),onClick:this.openLinkInput}},confirmSetLinkButtonLabels(){return this.i18n.$ta(`DIALTONE_EDITOR_CONFIRM_SET_LINK_BUTTON`)},cancelSetLinkButtonLabels(){return this.i18n.$ta(`DIALTONE_EDITOR_CANCEL_SET_LINK_BUTTON`)},removeLinkButtonLabels(){return this.i18n.$ta(`DIALTONE_EDITOR_REMOVE_LINK_BUTTON`)},showAddLinkButtonLabels(){return this.i18n.$ta(`DIALTONE_EDITOR_ADD_LINK_BUTTON`)},filteredFontStyles(){let e=this.fontStyleSearch.toLowerCase();return this.fontStyles.filter(t=>t.name.toLowerCase().includes(e))},filteredCategories(){return this.variableCategories.filter(e=>this.getFilteredItemsForCategory(e).length)},colorPickerInput(){return this.$refs.editorRoot?.querySelector(`.colorPickerInput`)},isDefaultFontColor(){return this.currentFontColor===m.EDITOR_DEFAULT_FONT_COLOR},actionBarBtn(){let e=this.$refs[this.orderedRefs[this.currentButtonRefIndex]][0]?.$refs?.buttonRef||this.$refs[this.orderedRefs[this.currentButtonRefIndex]];return Array.isArray(e)?e[0]:e}},watch:{modelValue(e){this.internalInputValue=e}},methods:{removeClassStyleAttrs:e.removeClassStyleAttrs,addClassStyleAttrs:e.addClassStyleAttrs,focusEditor(){this.$refs.richTextEditor?.editor?.commands.focus()},onInputFocus(e){e?.stopPropagation()},removeLink(){this.$refs.richTextEditor?.editor?.chain()?.focus()?.unsetLink()?.run(),this.closeLinkInput()},setLink(e){let t=this.$refs.richTextEditor?.editor;if(e?.preventDefault(),e?.stopPropagation(),!this.linkInput){this.removeLink();return}m.EDITOR_SUPPORTED_LINK_PROTOCOLS.find(e=>e.test(this.linkInput))||(this.linkInput=`${m.EDITOR_DEFAULT_LINK_PREFIX}${this.linkInput}`);let n=t?.view?.state?.selection;n.anchor===n.head?t.chain().focus().insertContentAt(n.anchor,`<a class="${this.linkOptions.class}" href=${this.linkInput}>${this.linkInput}</a>`).run():t.chain().focus().extendMarkRange(`link`).setLink({href:this.linkInput,class:this.linkOptions.class}).run(),this.closeLinkInput()},openLinkInput(){this.showLinkInput=!0},updateInput(e){if(!e)return this.closeLinkInput();this.linkInput=this.$refs.richTextEditor?.editor?.getAttributes(`link`)?.href},closeLinkInput(){this.showLinkInput=!1,this.linkInput=``,this.$refs.richTextEditor.editor?.chain().focus()},onBoldTextToggle(){this.$refs.richTextEditor?.editor?.chain().focus().toggleBold().run()},onItalicTextToggle(){this.$refs.richTextEditor?.editor.chain().focus().toggleItalic().run()},onUnderlineTextToggle(){this.$refs.richTextEditor?.editor.chain().focus().toggleUnderline().run()},onStrikethroughTextToggle(){this.$refs.richTextEditor?.editor.chain().focus().toggleStrike().run()},onTextAlign(e){if(this.$refs.richTextEditor?.editor?.isActive({textAlign:e}))return this.$refs.richTextEditor?.editor.chain().focus().unsetTextAlign().run();this.$refs.richTextEditor?.editor.chain().focus().setTextAlign(e).run()},onBulletListToggle(){this.$refs.richTextEditor?.editor.chain().focus().toggleBulletList().run()},onOrderedListToggle(){this.$refs.richTextEditor?.editor.chain().focus().toggleOrderedList().run()},onCodeBlockToggle(){this.$refs.richTextEditor?.editor.chain().focus().toggleCodeBlock().run()},onQuickRepliesClick(){this.$emit(`quick-replies-click`)},onInsertInlineImageClick(){this.$emit(`inline-image-click`)},insertVariable(e,t){this.$refs.richTextEditor?.editor.chain().focus().insertVariable({id:t.id,placeholder:t.placeholder||``,altText:``,enableAltText:t.enableAltText}).run()},insertInlineImage(e){this.$refs.richTextEditor?.editor.chain().focus().setImage({src:e}).run()},insertInMessageBody(e){this.$refs.richTextEditor?.editor.chain().focus().insertContent(e).run()},setCursorPosition(e=null){this.$refs.richTextEditor?.editor.chain().focus(e).run()},onBlockquoteToggle(){this.$refs.richTextEditor?.editor.chain().focus().toggleBlockquote().run()},onTextInput(e){this.$emit(`text-input`,e)},onFocus(e){this.hasFocus=!0,this.$emit(`focus`,e)},onBlur(e){this.hasFocus=!1,this.$emit(`blur`,e)},onInput(e){this.$emit(`input`,e),this.$emit(`update:modelValue`,e)},onSelected(){this.updateFontColorInput()},getButtonKey(e,t){return`${e}-${JSON.stringify(t)}`},getButtonRef(e,t){return`${this.getButtonKey(e,t)}-ref`},canFocus(e){return e===this.orderedRefs[this.currentButtonRefIndex]},shiftActionBarFocusRight(){this.shiftButtonRefIndex(1)},shiftActionBarFocusLeft(){this.shiftButtonRefIndex(-1)},shiftButtonRefIndex(e){let t=this.actionBarBtn,n=(this.currentButtonRefIndex+e)%this.orderedRefs.length;this.currentButtonRefIndex=n>=0?n:this.orderedRefs.length+n;let r=this.actionBarBtn;t.$el.blur(),r.$el.focus()},onFontStyleSelect(e){e?this.$refs.richTextEditor?.editor?.chain().focus().setFontFamily(e).run():this.$refs.richTextEditor?.editor?.chain().focus().unsetFontFamily().run(),this.$refs.richTextEditor?.editor?.commands.focus()},isCurrentFontFamily(e){return e?this.$refs.richTextEditor?.editor?.isActive(`textStyle`,{fontFamily:e}):!this.$refs.richTextEditor?.editor?.getAttributes(`textStyle`)?.fontFamily},onFontSizeSelect(e){this.$refs.richTextEditor?.editor?.chain().focus().setFontSize(e).run(),this.$refs.richTextEditor?.editor?.commands.focus()},isCurrentFontSize(e){return e?this.$refs.richTextEditor?.editor?.isActive(`textStyle`,{fontSize:e}):!this.$refs.richTextEditor?.editor?.getAttributes(`textStyle`)?.fontSize},getFilteredItemsForCategory(e){let t=this.variableSearchValue.toLowerCase();return e.name.toLowerCase().includes(t)?e.items:e.items.filter(e=>e.name.toLowerCase().includes(t))},updateFontColorInput(){this.currentFontColor=this.$refs.richTextEditor?.editor?.getAttributes(`textStyle`)?.color||`#000000`},onColorPickerButtonClick(){this.colorPickerInput?.click()},onColorPickerInput(e){this.$refs.richTextEditor?.editor?.chain().focus().setColor(e).run(),this.$refs.richTextEditor?.editor?.commands.focus(),this.updateFontColorInput()}}},x={class:`d-recipe-editor__popover-content`};function S(e,t,n,r,i,a){let o=(0,v.resolveComponent)(`dt-icon-search`),s=(0,v.resolveComponent)(`dt-input`),c=(0,v.resolveComponent)(`dt-list-item`),l=(0,v.resolveComponent)(`dt-combobox`),u=(0,v.resolveComponent)(`editor-toolbar-popover-button`),d=(0,v.resolveComponent)(`editor-toolbar-dropdown-button`),f=(0,v.resolveComponent)(`dt-button`),p=(0,v.resolveComponent)(`dt-dropdown-separator`),m=(0,v.resolveComponent)(`dt-list-item-group`),h=(0,v.resolveComponent)(`editor-toolbar-button`),g=(0,v.resolveComponent)(`dt-stack`),_=(0,v.resolveComponent)(`dt-tooltip`),y=(0,v.resolveComponent)(`dt-popover`),b=(0,v.resolveComponent)(`dt-rich-text-editor`),S=(0,v.resolveDirective)(`dt-tooltip`);return(0,v.openBlock)(),(0,v.createElementBlock)(`div`,(0,v.mergeProps)({ref:`editorRoot`,class:`d-recipe-editor`},a.addClassStyleAttrs(e.$attrs),{"data-qa":`dt-recipe-editor`,role:`presentation`,onClick:t[7]||(t[7]=t=>e.$refs.richTextEditor.focusEditor())}),[(0,v.createVNode)(g,{class:`d-recipe-editor__top-bar`,direction:`row`,gap:`450`},{default:(0,v.withCtx)(()=>[((0,v.openBlock)(!0),(0,v.createElementBlock)(v.Fragment,null,(0,v.renderList)(a.buttonGroups,r=>((0,v.openBlock)(),(0,v.createBlock)(g,{key:r.key,direction:`row`,gap:`300`},{default:(0,v.withCtx)(()=>[((0,v.openBlock)(!0),(0,v.createElementBlock)(v.Fragment,null,(0,v.renderList)(r.buttonGroup,g=>((0,v.openBlock)(),(0,v.createElementBlock)(v.Fragment,null,[g.buttonType===`popover`&&g.selector===`fontStyle`?((0,v.openBlock)(),(0,v.createBlock)(u,{key:a.getButtonKey(r.key,g.selector),ref_for:!0,ref:a.getButtonRef(r.key,g.selector),"is-active":e.$refs.richTextEditor?.editor?.isActive(g.selector),"tooltip-message":g.tooltipMessage,"data-qa":g.dataQA,"popover-data-qa":`dt-recipe-editor-font-style-input-popover`,tabindex:a.canFocus(a.getButtonRef(r.key,g.selector))?0:-1,icon:g.icon,onShiftFocusRight:a.shiftActionBarFocusRight,onShiftFocusLeft:a.shiftActionBarFocusLeft},{content:(0,v.withCtx)(({close:e})=>[(0,v.createVNode)(l,{label:``,"label-visible":!1,"show-list":!0,"click-on-select":!0,onEscape:t=>e()},{input:(0,v.withCtx)(({inputProps:e})=>[(0,v.createVNode)(s,(0,v.mergeProps)({ref_for:!0},e,{modelValue:i.fontStyleSearch,"onUpdate:modelValue":t[0]||(t[0]=e=>i.fontStyleSearch=e),"root-class":`d-p8 d-pb4 d-w216`,type:`search`,placeholder:i.i18n.$t(`DIALTONE_EDITOR_FONT_STYLE_SEARCH_PLACEHOLDER`),size:`sm`,role:`menuitem`}),{leftIcon:(0,v.withCtx)(({iconSize:e})=>[(0,v.createVNode)(o,{size:e},null,8,[`size`])]),_:1},16,[`modelValue`,`placeholder`])]),list:(0,v.withCtx)(({listProps:t})=>[(0,v.createElementVNode)(`ul`,(0,v.mergeProps)({ref_for:!0},t),[((0,v.openBlock)(!0),(0,v.createElementBlock)(v.Fragment,null,(0,v.renderList)(a.filteredFontStyles,t=>((0,v.openBlock)(),(0,v.createBlock)(c,{key:t.name,selected:a.isCurrentFontFamily(t.value),style:(0,v.normalizeStyle)({fontFamily:t.value||`inherit`}),role:`option`,"navigation-type":`arrow-keys`,onClick:n=>{e(a.focusEditor),a.onFontStyleSelect(t.value)}},{default:(0,v.withCtx)(()=>[(0,v.createTextVNode)((0,v.toDisplayString)(t.name),1)]),_:2},1032,[`selected`,`style`,`onClick`]))),128))],16)]),_:2},1032,[`onEscape`])]),_:1},8,[`is-active`,`tooltip-message`,`data-qa`,`tabindex`,`icon`,`onShiftFocusRight`,`onShiftFocusLeft`])):g.buttonType===`popover`&&g.selector===`fontSize`?((0,v.openBlock)(),(0,v.createBlock)(d,{key:a.getButtonKey(r.key,g.selector),ref_for:!0,ref:a.getButtonRef(r.key,g.selector),"is-active":e.$refs.richTextEditor?.editor?.isActive(g.selector),"tooltip-message":g.tooltipMessage,"data-qa":g.dataQA,"dropdown-data-qa":`dt-recipe-editor-font-size-input-popover`,tabindex:a.canFocus(a.getButtonRef(r.key,g.selector))?0:-1,icon:g.icon,onShiftFocusRight:a.shiftActionBarFocusRight,onShiftFocusLeft:a.shiftActionBarFocusLeft},{list:(0,v.withCtx)(({close:e})=>[((0,v.openBlock)(!0),(0,v.createElementBlock)(v.Fragment,null,(0,v.renderList)(n.fontSizes,t=>((0,v.openBlock)(),(0,v.createBlock)(c,{key:t.name,selected:a.isCurrentFontSize(t.value),role:`menuitem`,"navigation-type":`arrow-keys`,onClick:n=>{e(a.focusEditor),a.onFontSizeSelect(t.value,n)}},{default:(0,v.withCtx)(()=>[(0,v.createElementVNode)(`span`,{style:(0,v.normalizeStyle)({fontSize:t.value})},(0,v.toDisplayString)(t.name),5)]),_:2},1032,[`selected`,`onClick`]))),128))]),_:1},8,[`is-active`,`tooltip-message`,`data-qa`,`tabindex`,`icon`,`onShiftFocusRight`,`onShiftFocusLeft`])):g.buttonType===`custom`&&g.selector===`fontColor`?(0,v.withDirectives)(((0,v.openBlock)(),(0,v.createBlock)(f,{key:a.getButtonKey(r.key,g.selector),ref_for:!0,ref:a.getButtonRef(r.key,g.selector),kind:`muted`,importance:`clear`,size:`xs`,active:e.$refs.richTextEditor?.editor?.isActive(g.selector),tabindex:a.canFocus(a.getButtonRef(r.key,g.selector))?0:-1,"aria-label":g.tooltipMessage,"data-qa":g.dataQA,onKeydown:[(0,v.withKeys)((0,v.withModifiers)(a.shiftActionBarFocusRight,[`stop`]),[`right`]),(0,v.withKeys)((0,v.withModifiers)(a.shiftActionBarFocusLeft,[`stop`]),[`left`])],onClick:e=>g.onClick()},{icon:(0,v.withCtx)(()=>[((0,v.openBlock)(),(0,v.createBlock)((0,v.resolveDynamicComponent)(g.icon),{size:`200`,style:(0,v.normalizeStyle)(a.isDefaultFontColor?{}:{color:i.currentFontColor})},null,8,[`style`])),(0,v.createVNode)(s,{value:i.currentFontColor,"root-class":`d-w0 d-h0 d-of-hidden`,"input-class":`colorPickerInput d-w0 d-h0 d-p0 d-bar0`,"input-wrapper-class":`d-w0 d-h0 d-ba-none`,size:`sm`,type:`color`,onInput:a.onColorPickerInput,onClick:t[1]||(t[1]=(0,v.withModifiers)(()=>{},[`stop`]))},null,8,[`value`,`onInput`])]),_:2},1032,[`active`,`tabindex`,`aria-label`,`data-qa`,`onKeydown`,`onClick`])),[[S,{message:g.tooltipMessage,placement:`top`,externalAnchorElement:e.$refs[a.getButtonRef(r.key,g.selector)]?.$el}]]):g.buttonType===`popover`&&g.selector===`variable`?((0,v.openBlock)(),(0,v.createBlock)(u,{key:a.getButtonKey(r.key,g.selector),ref_for:!0,ref:a.getButtonRef(r.key,g.selector),"is-active":!1,"tooltip-message":g.tooltipMessage,"data-qa":g.dataQA,"popover-data-qa":`dt-recipe-editor-variable-popover`,tabindex:a.canFocus(a.getButtonRef(r.key,g.selector))?0:-1,icon:g.icon,onShiftFocusRight:a.shiftActionBarFocusRight,onShiftFocusLeft:a.shiftActionBarFocusLeft},{content:(0,v.withCtx)(({close:e})=>[(0,v.createVNode)(l,{label:``,"label-visible":!1,"show-list":!0,"click-on-select":!0,onEscape:t=>e()},{input:(0,v.withCtx)(({inputProps:e})=>[(0,v.createVNode)(s,(0,v.mergeProps)({ref_for:!0},e,{modelValue:i.variableSearchValue,"onUpdate:modelValue":t[2]||(t[2]=e=>i.variableSearchValue=e),"root-class":`d-p8 d-pb4 d-w264`,type:`search`,placeholder:i.i18n.$t(`DIALTONE_EDITOR_VARIABLE_POPOVER_SEARCH_PLACEHOLDER`),size:`md`,role:`menuitem`}),{leftIcon:(0,v.withCtx)(({iconSize:e})=>[(0,v.createVNode)(o,{size:e},null,8,[`size`])]),_:1},16,[`modelValue`,`placeholder`])]),list:(0,v.withCtx)(({listProps:t})=>[(0,v.createElementVNode)(`div`,(0,v.mergeProps)({ref_for:!0},t),[((0,v.openBlock)(!0),(0,v.createElementBlock)(v.Fragment,null,(0,v.renderList)(a.filteredCategories,(t,n)=>((0,v.openBlock)(),(0,v.createBlock)(m,{key:t.name,heading:t.name,"heading-class":`d-headline--sm-compact d-p8`},{default:(0,v.withCtx)(()=>[((0,v.openBlock)(!0),(0,v.createElementBlock)(v.Fragment,null,(0,v.renderList)(a.getFilteredItemsForCategory(t),n=>((0,v.openBlock)(),(0,v.createBlock)(c,{key:t.name+n.name,role:`option`,"navigation-type":`arrow-keys`,onClick:r=>{a.insertVariable(t.name,n),e(a.focusEditor)}},{default:(0,v.withCtx)(()=>[(0,v.createTextVNode)((0,v.toDisplayString)(n.name),1)]),_:2},1032,[`onClick`]))),128)),n<a.filteredCategories.length-1?((0,v.openBlock)(),(0,v.createBlock)(p,{key:0})):(0,v.createCommentVNode)(``,!0)]),_:2},1032,[`heading`]))),128))],16)]),_:2},1032,[`onEscape`])]),_:1},8,[`tooltip-message`,`data-qa`,`tabindex`,`icon`,`onShiftFocusRight`,`onShiftFocusLeft`])):g.buttonType===`button`?((0,v.openBlock)(),(0,v.createBlock)(h,{key:a.getButtonKey(r.key,g.selector),ref_for:!0,ref:a.getButtonRef(r.key,g.selector),"is-active":e.$refs.richTextEditor?.editor?.isActive(g.selector),"tooltip-message":g.tooltipMessage,"data-qa":g.dataQA,tabindex:a.canFocus(a.getButtonRef(r.key,g.selector))?0:-1,icon:g.icon,label:g.label,"on-click":g.onClick,onShiftFocusRight:a.shiftActionBarFocusRight,onShiftFocusLeft:a.shiftActionBarFocusLeft},null,8,[`is-active`,`tooltip-message`,`data-qa`,`tabindex`,`icon`,`label`,`on-click`,`onShiftFocusRight`,`onShiftFocusLeft`])):(0,v.createCommentVNode)(``,!0)],64))),256)),t[8]||(t[8]=(0,v.createElementVNode)(`div`,{class:`d-recipe-editor__button-group-divider`},null,-1))]),_:2},1024))),128)),a.linkButton.showBtn?((0,v.openBlock)(),(0,v.createBlock)(g,{key:0,direction:`row`,gap:`300`},{default:(0,v.withCtx)(()=>[(0,v.createVNode)(y,{open:i.showLinkInput,"show-close-button":!1,"data-qa":`dt-recipe-editor-link-input-popover`,padding:`none`,placement:`bottom-start`,onClick:[a.onInputFocus,(0,v.withModifiers)(a.onInputFocus,[`stop`])],onOpened:a.updateInput},{anchor:(0,v.withCtx)(()=>[((0,v.openBlock)(),(0,v.createBlock)(_,{key:a.linkButton.key,message:a.linkButton.tooltipMessage,placement:`top`},{anchor:(0,v.withCtx)(()=>[(0,v.createVNode)(f,{ref:a.getButtonRef(`custom`,`link`),active:e.$refs.richTextEditor?.editor?.isActive(a.linkButton.selector),"aria-label":a.linkButton.tooltipMessage,"data-qa":a.linkButton.dataQA,tabindex:a.canFocus(a.getButtonRef(`custom`,`link`))?0:-1,importance:`clear`,kind:`muted`,size:`xs`,onClick:t[3]||(t[3]=e=>a.linkButton.onClick()),onKeydown:[(0,v.withKeys)((0,v.withModifiers)(a.shiftActionBarFocusRight,[`stop`]),[`right`]),(0,v.withKeys)((0,v.withModifiers)(a.shiftActionBarFocusLeft,[`stop`]),[`left`])]},{icon:(0,v.withCtx)(()=>[((0,v.openBlock)(),(0,v.createBlock)((0,v.resolveDynamicComponent)(a.linkButton.icon),{size:`200`}))]),_:1},8,[`active`,`aria-label`,`data-qa`,`tabindex`,`onKeydown`])]),_:1},8,[`message`]))]),content:(0,v.withCtx)(()=>[(0,v.createElementVNode)(`div`,x,[(0,v.createElementVNode)(`span`,null,(0,v.toDisplayString)(a.showAddLinkButtonLabels.title),1),(0,v.createVNode)(s,{modelValue:i.linkInput,"onUpdate:modelValue":t[4]||(t[4]=e=>i.linkInput=e),"input-aria-label":a.showAddLinkButtonLabels[`aria-label`],placeholder:n.setLinkPlaceholder,"data-qa":`dt-recipe-editor-link-input`,"input-wrapper-class":`d-recipe-editor-link__input-wrapper`,onClick:[a.onInputFocus,(0,v.withModifiers)(a.onInputFocus,[`stop`])],onFocus:a.onInputFocus,onKeydown:(0,v.withKeys)(a.setLink,[`enter`])},null,8,[`modelValue`,`input-aria-label`,`placeholder`,`onClick`,`onFocus`,`onKeydown`])])]),footerContent:(0,v.withCtx)(()=>[(0,v.createVNode)(g,{direction:`row`,gap:`300`,class:`d-recipe-editor__popover-footer`},{default:(0,v.withCtx)(()=>[(0,v.createVNode)(f,(0,v.mergeProps)({"data-qa":`dt-recipe-editor-remove-link-btn`,importance:`clear`,kind:`muted`,size:`sm`},a.removeLinkButtonLabels,{onClick:a.removeLink}),{default:(0,v.withCtx)(()=>[(0,v.createTextVNode)((0,v.toDisplayString)(a.removeLinkButtonLabels.title),1)]),_:1},16,[`onClick`]),(0,v.createVNode)(f,(0,v.mergeProps)({"data-qa":`dt-recipe-editor-set-link-cancel-btn`,importance:`clear`,kind:`muted`,size:`sm`},a.cancelSetLinkButtonLabels,{onClick:a.closeLinkInput}),{default:(0,v.withCtx)(()=>[(0,v.createTextVNode)((0,v.toDisplayString)(a.cancelSetLinkButtonLabels.title),1)]),_:1},16,[`onClick`]),(0,v.createVNode)(f,(0,v.mergeProps)({"data-qa":`dt-recipe-editor-set-link-confirm-btn`,size:`sm`},a.confirmSetLinkButtonLabels,{onClick:a.setLink}),{default:(0,v.withCtx)(()=>[(0,v.createTextVNode)((0,v.toDisplayString)(a.confirmSetLinkButtonLabels.title),1)]),_:1},16,[`onClick`])]),_:1})]),_:1},8,[`open`,`onClick`,`onOpened`])]),_:1})):(0,v.createCommentVNode)(``,!0)]),_:1}),(0,v.createElementVNode)(`div`,{style:(0,v.normalizeStyle)({"max-height":n.maxHeight}),class:(0,v.normalizeClass)([`d-recipe-editor__content`,{"d-recipe-editor__content-image-resize":n.allowImageResize}])},[(0,v.createVNode)(b,(0,v.mergeProps)({ref:`richTextEditor`,modelValue:i.internalInputValue,"onUpdate:modelValue":t[5]||(t[5]=e=>i.internalInputValue=e),"allow-font-color":!0,"allow-font-family":!0,"allow-inline-images":!0,"allow-line-breaks":!0,"allow-variable":!0,"allow-font-size":n.showFontSizeButton,"allow-background-color":n.allowBackgroundColor,"allow-line-height":n.allowLineHeight,"variable-items":a.flattenedVariableItems,"hide-link-bubble-menu":!0,"auto-focus":n.autoFocus,editable:n.editable,"input-aria-label":n.inputAriaLabel,"input-class":`d-recipe-editor__content-input ${n.inputClass}`,link:!0,"output-format":a.htmlOutputFormat,placeholder:n.placeholder,"preserve-whitespace":n.preserveWhitespace,"use-div-tags":n.useDivTags,"allow-tables":n.allowTables,"allow-image-resize":n.allowImageResize,"data-qa":`dt-rich-text-editor`},a.removeClassStyleAttrs(e.$attrs),{onTextInput:a.onTextInput,onBlur:a.onBlur,onFocus:a.onFocus,onInput:t[6]||(t[6]=e=>a.onInput(e)),onSelected:a.onSelected}),null,16,[`modelValue`,`allow-font-size`,`allow-background-color`,`allow-line-height`,`variable-items`,`auto-focus`,`editable`,`input-aria-label`,`input-class`,`output-format`,`placeholder`,`preserve-whitespace`,`use-div-tags`,`allow-tables`,`allow-image-resize`,`onTextInput`,`onBlur`,`onFocus`,`onSelected`])],6)],16)}var C=t.t(b,[[`render`,S]]);exports.default=C;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),n=require(`../../localization/index.cjs`),r=require(`../button/button.cjs`),i=require(`../list-item/list-item.cjs`),a=require(`../../combobox-DhjZxfUw.cjs`),o=require(`../stack/stack.cjs`),s=require(`../tooltip/tooltip.cjs`),c=require(`../popover/popover.cjs`),l=require(`../dropdown/dropdown-separator.cjs`),u=require(`../input/input.cjs`),d=require(`../list-item-group/list-item-group.cjs`),f=require(`../../rich_text_editor-wvONcbYd.cjs`),p=require(`../rich-text-editor/rich-text-editor-constants.cjs`),m=require(`./editor-constants.cjs`),h=require(`./EditorToolbarButton.cjs`),g=require(`./EditorToolbarDropdownButton.cjs`),_=require(`./EditorToolbarPopoverButton.cjs`);let v=require(`vue`),y=require(`@dialpad/dialtone-icons/vue3`);var b={compatConfig:{MODE:3},name:`DtRecipeEditor`,components:{DtListItemGroup:d.default,DtDropdownSeparator:l.default,DtListItem:i.default,DtRichTextEditor:f.t,DtButton:r.default,DtPopover:c.default,DtStack:o.default,DtInput:u.default,DtTooltip:s.default,DtCombobox:a.t,EditorToolbarButton:h.default,EditorToolbarDropdownButton:g.default,EditorToolbarPopoverButton:_.default,DtIconQuickReply:y.DtIconQuickReply,DtIconBold:y.DtIconBold,DtIconItalic:y.DtIconItalic,DtIconUnderline:y.DtIconUnderline,DtIconStrikethrough:y.DtIconStrikethrough,DtIconListBullet:y.DtIconListBullet,DtIconListOrdered:y.DtIconListOrdered,DtIconAlignLeft:y.DtIconAlignLeft,DtIconAlignCenter:y.DtIconAlignCenter,DtIconAlignRight:y.DtIconAlignRight,DtIconAlignJustify:y.DtIconAlignJustify,DtIconQuote:y.DtIconQuote,DtIconCodeBlock:y.DtIconCodeBlock,DtIconLink2:y.DtIconLink2,DtIconImage:y.DtIconImage,DtIconSearch:y.DtIconSearch,DtIconType:y.DtIconType,DtIconBraces:y.DtIconBraces,DtIconChevronDown:y.DtIconChevronDown,DtIconFontSize:y.DtIconFontSize,DtIconStopFilled:y.DtIconStopFilled},mixins:[],inheritAttrs:!1,props:{modelValue:{type:[Object,String],default:``},editable:{type:Boolean,default:!0},inputAriaLabel:{type:String,required:!0,default:``},inputClass:{type:String,default:``},autoFocus:{type:[Boolean,String,Number],default:!1,validator(e){return typeof e==`string`?p.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES.includes(e):!0}},placeholder:{type:String,default:``},maxHeight:{type:String,default:`unset`},setLinkPlaceholder:{type:String,default:``},showBoldButton:{type:Boolean,default:!0},showItalicsButton:{type:Boolean,default:!0},showUnderlineButton:{type:Boolean,default:!0},showStrikeButton:{type:Boolean,default:!0},showListItemsButton:{type:Boolean,default:!0},showOrderedListButton:{type:Boolean,default:!0},showAlignLeftButton:{type:Boolean,default:!0},showAlignCenterButton:{type:Boolean,default:!0},showAlignRightButton:{type:Boolean,default:!0},showAlignJustifyButton:{type:Boolean,default:!0},showQuoteButton:{type:Boolean,default:!0},showCodeBlockButton:{type:Boolean,default:!0},showQuickRepliesButton:{type:Boolean,default:!0},showInlineImageButton:{type:Boolean,default:!1},showVariableButton:{type:Boolean,default:!1},variableCategories:{type:Array,default:()=>[]},showAddLink:{type:Object,default:()=>({showAddLinkButton:!0})},showFontStyleButton:{type:Boolean,default:!1},showFontSizeButton:{type:Boolean,default:!1},showFontColorButton:{type:Boolean,default:!1},fontStyles:{type:Array,default:()=>[{name:`Arial`,value:null},{name:`Georgia`,value:`Georgia`},{name:`Helvetica`,value:`Helvetica`},{name:`Verdana`,value:`Verdana`},{name:`Times New Roman`,value:`Times New Roman`}]},fontSizes:{type:Array,default:()=>[{name:`Small`,value:`12px`},{name:`Normal`,value:`15px`},{name:`Large`,value:`24px`},{name:`Huge`,value:`36px`}]},allowBackgroundColor:{type:Boolean,default:!1},allowLineHeight:{type:Boolean,default:!1},preserveWhitespace:{type:[Boolean,String],default:`full`},useDivTags:{type:Boolean,default:!1},allowTables:{type:Boolean,default:!1},allowImageResize:{type:Boolean,default:!1}},emits:[`focus`,`blur`,`input`,`update:modelValue`,`quick-replies-click`,`inline-image-click`,`text-input`],data(){return{internalInputValue:this.modelValue,hasFocus:!1,linkOptions:{class:`d-recipe-editor__link`},currentFontColor:void 0,showLinkInput:!1,fontStyleSearch:``,linkInput:``,currentButtonRefIndex:0,variableSearchValue:``,i18n:new n.DialtoneLocalization}},computed:{inputLength(){return this.internalInputValue.length},htmlOutputFormat(){return p.RICH_TEXT_EDITOR_OUTPUT_FORMATS[2]},flattenedVariableItems(){return this.variableCategories?this.variableCategories.reduce((e,t)=>e.concat(t.items||[]),[]):[]},showingTextFormatButtons(){return this.showBoldButton||this.showItalicsButton||this.showStrikeButton||this.showUnderlineButton},showingAlignmentButtons(){return this.showAlignLeftButton||this.showAlignCenterButton||this.showAlignRightButton||this.showAlignJustifyButton},showingListButtons(){return this.showListItemsButton||this.showOrderedListButton},orderedRefs(){let e=this.buttonGroups.reduce(function(e,t){return t.buttonGroup.forEach(n=>{e.push(this.getButtonRef(t.key,n.selector))},this),e}.bind(this),[]);return e.push(this.getButtonRef(`custom`,`link`)),e},buttonGroups(){let e=this.individualButtons.map(e=>({key:e.selector,buttonGroup:[e]}));return[{key:`new`,buttonGroup:this.newButtons},{key:`format`,buttonGroup:this.textFormatButtons},{key:`alignment`,buttonGroup:this.alignmentButtons},{key:`list`,buttonGroup:this.listButtons},...e].filter(e=>e.buttonGroup.length>0)},newButtons(){return[{showBtn:this.showQuickRepliesButton,buttonType:`button`,label:this.i18n.$t(`DIALTONE_EDITOR_QUICK_REPLY_BUTTON_LABEL`),selector:`quickReplies`,icon:y.DtIconQuickReply,dataQA:`dt-recipe-editor-quick-replies-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_QUICK_REPLY_BUTTON_LABEL`),onClick:this.onQuickRepliesClick}].filter(e=>e.showBtn)},textFormatButtons(){return[{showBtn:this.showFontStyleButton,buttonType:`popover`,selector:`fontStyle`,icon:y.DtIconType,dataQA:`dt-recipe-editor-font-style-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_FONT_STYLE_BUTTON_LABEL`)},{showBtn:this.showFontSizeButton,buttonType:`popover`,selector:`fontSize`,icon:y.DtIconFontSize,dataQA:`dt-recipe-editor-font-size-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_FONT_SIZE_BUTTON_LABEL`)},{showBtn:this.showFontColorButton,buttonType:`custom`,selector:`fontColor`,icon:y.DtIconStopFilled,dataQA:`dt-recipe-editor-font-color-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_FONT_COLOR_BUTTON_LABEL`),onClick:this.onColorPickerButtonClick},{showBtn:this.showBoldButton,buttonType:`button`,selector:`bold`,icon:y.DtIconBold,dataQA:`dt-recipe-editor-bold-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_BOLD_BUTTON_LABEL`),onClick:this.onBoldTextToggle},{showBtn:this.showItalicsButton,buttonType:`button`,selector:`italic`,icon:y.DtIconItalic,dataQA:`dt-recipe-editor-italics-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_ITALICS_BUTTON_LABEL`),onClick:this.onItalicTextToggle},{showBtn:this.showUnderlineButton,buttonType:`button`,selector:`underline`,icon:y.DtIconUnderline,dataQA:`dt-recipe-editor-underline-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_UNDERLINE_BUTTON_LABEL`),onClick:this.onUnderlineTextToggle},{showBtn:this.showStrikeButton,buttonType:`button`,selector:`strike`,icon:y.DtIconStrikethrough,dataQA:`dt-recipe-editor-strike-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_STRIKE_BUTTON_LABEL`),onClick:this.onStrikethroughTextToggle}].filter(e=>e.showBtn)},alignmentButtons(){return[{showBtn:this.showAlignLeftButton,buttonType:`button`,selector:{textAlign:`left`},icon:y.DtIconAlignLeft,dataQA:`dt-recipe-editor-align-left-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_ALIGN_LEFT_BUTTON_LABEL`),onClick:()=>this.onTextAlign(`left`)},{showBtn:this.showAlignCenterButton,buttonType:`button`,selector:{textAlign:`center`},icon:y.DtIconAlignCenter,dataQA:`dt-recipe-editor-align-center-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_ALIGN_CENTER_BUTTON_LABEL`),onClick:()=>this.onTextAlign(`center`)},{showBtn:this.showAlignRightButton,buttonType:`button`,selector:{textAlign:`right`},icon:y.DtIconAlignRight,dataQA:`dt-recipe-editor-align-right-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_ALIGN_RIGHT_BUTTON_LABEL`),onClick:()=>this.onTextAlign(`right`)},{showBtn:this.showAlignJustifyButton,buttonType:`button`,selector:{textAlign:`justify`},icon:y.DtIconAlignJustify,dataQA:`dt-recipe-editor-align-justify-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_ALIGN_JUSTIFY_BUTTON_LABEL`),onClick:()=>this.onTextAlign(`justify`)}].filter(e=>e.showBtn)},listButtons(){return[{showBtn:this.showListItemsButton,buttonType:`button`,selector:`bulletList`,icon:y.DtIconListBullet,dataQA:`dt-recipe-editor-list-items-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_BULLET_LIST_BUTTON_LABEL`),onClick:this.onBulletListToggle},{showBtn:this.showOrderedListButton,buttonType:`button`,selector:`orderedList`,icon:y.DtIconListOrdered,dataQA:`dt-recipe-editor-ordered-list-items-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_ORDERED_LIST_BUTTON_LABEL`),onClick:this.onOrderedListToggle}].filter(e=>e.showBtn)},individualButtons(){return[{showBtn:this.showQuoteButton,buttonType:`button`,selector:`blockquote`,icon:y.DtIconQuote,dataQA:`dt-recipe-editor-blockquote-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_QUOTE_BUTTON_LABEL`),onClick:this.onBlockquoteToggle},{showBtn:this.showCodeBlockButton,buttonType:`button`,selector:`codeBlock`,icon:y.DtIconCodeBlock,dataQA:`dt-recipe-editor-code-block-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_CODE_BUTTON_LABEL`),onClick:this.onCodeBlockToggle},{showBtn:this.showInlineImageButton,buttonType:`button`,selector:`image`,icon:y.DtIconImage,dataQA:`dt-recipe-editor-inline-image-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_IMAGE_BUTTON_LABEL`),onClick:this.onInsertInlineImageClick},{showBtn:this.showVariableButton,buttonType:`popover`,selector:`variable`,icon:y.DtIconBraces,dataQA:`dt-recipe-editor-variable-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_VARIABLE_BUTTON_LABEL`)}].filter(e=>e.showBtn)},linkButton(){return{showBtn:this.showAddLink.showAddLinkButton,buttonType:`custom`,selector:`link`,icon:y.DtIconLink2,dataQA:`dt-recipe-editor-add-link-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_LINK_BUTTON_LABEL`),onClick:this.openLinkInput}},confirmSetLinkButtonLabels(){return this.i18n.$ta(`DIALTONE_EDITOR_CONFIRM_SET_LINK_BUTTON`)},cancelSetLinkButtonLabels(){return this.i18n.$ta(`DIALTONE_EDITOR_CANCEL_SET_LINK_BUTTON`)},removeLinkButtonLabels(){return this.i18n.$ta(`DIALTONE_EDITOR_REMOVE_LINK_BUTTON`)},showAddLinkButtonLabels(){return this.i18n.$ta(`DIALTONE_EDITOR_ADD_LINK_BUTTON`)},filteredFontStyles(){let e=this.fontStyleSearch.toLowerCase();return this.fontStyles.filter(t=>t.name.toLowerCase().includes(e))},filteredCategories(){return this.variableCategories.filter(e=>this.getFilteredItemsForCategory(e).length)},colorPickerInput(){return this.$refs.editorRoot?.querySelector(`.colorPickerInput`)},isDefaultFontColor(){return this.currentFontColor===m.EDITOR_DEFAULT_FONT_COLOR},actionBarBtn(){let e=this.$refs[this.orderedRefs[this.currentButtonRefIndex]][0]?.$refs?.buttonRef||this.$refs[this.orderedRefs[this.currentButtonRefIndex]];return Array.isArray(e)?e[0]:e}},watch:{modelValue(e){this.internalInputValue=e}},methods:{removeClassStyleAttrs:e.removeClassStyleAttrs,addClassStyleAttrs:e.addClassStyleAttrs,focusEditor(){this.$refs.richTextEditor?.editor?.commands.focus()},onInputFocus(e){e?.stopPropagation()},removeLink(){this.$refs.richTextEditor?.editor?.chain()?.focus()?.unsetLink()?.run(),this.closeLinkInput()},setLink(e){let t=this.$refs.richTextEditor?.editor;if(e?.preventDefault(),e?.stopPropagation(),!this.linkInput){this.removeLink();return}m.EDITOR_SUPPORTED_LINK_PROTOCOLS.find(e=>e.test(this.linkInput))||(this.linkInput=`${m.EDITOR_DEFAULT_LINK_PREFIX}${this.linkInput}`);let n=t?.view?.state?.selection;n.anchor===n.head?t.chain().focus().insertContentAt(n.anchor,`<a class="${this.linkOptions.class}" href=${this.linkInput}>${this.linkInput}</a>`).run():t.chain().focus().extendMarkRange(`link`).setLink({href:this.linkInput,class:this.linkOptions.class}).run(),this.closeLinkInput()},openLinkInput(){this.showLinkInput=!0},updateInput(e){if(!e)return this.closeLinkInput();this.linkInput=this.$refs.richTextEditor?.editor?.getAttributes(`link`)?.href},closeLinkInput(){this.showLinkInput=!1,this.linkInput=``,this.$refs.richTextEditor.editor?.chain().focus()},onBoldTextToggle(){this.$refs.richTextEditor?.editor?.chain().focus().toggleBold().run()},onItalicTextToggle(){this.$refs.richTextEditor?.editor.chain().focus().toggleItalic().run()},onUnderlineTextToggle(){this.$refs.richTextEditor?.editor.chain().focus().toggleUnderline().run()},onStrikethroughTextToggle(){this.$refs.richTextEditor?.editor.chain().focus().toggleStrike().run()},onTextAlign(e){if(this.$refs.richTextEditor?.editor?.isActive({textAlign:e}))return this.$refs.richTextEditor?.editor.chain().focus().unsetTextAlign().run();this.$refs.richTextEditor?.editor.chain().focus().setTextAlign(e).run()},onBulletListToggle(){this.$refs.richTextEditor?.editor.chain().focus().toggleBulletList().run()},onOrderedListToggle(){this.$refs.richTextEditor?.editor.chain().focus().toggleOrderedList().run()},onCodeBlockToggle(){this.$refs.richTextEditor?.editor.chain().focus().toggleCodeBlock().run()},onQuickRepliesClick(){this.$emit(`quick-replies-click`)},onInsertInlineImageClick(){this.$emit(`inline-image-click`)},insertVariable(e,t){this.$refs.richTextEditor?.editor.chain().focus().insertVariable({id:t.id,placeholder:t.placeholder||``,altText:``,enableAltText:t.enableAltText}).run()},insertInlineImage(e){this.$refs.richTextEditor?.editor.chain().focus().setImage({src:e}).run()},insertInMessageBody(e){this.$refs.richTextEditor?.editor.chain().focus().insertContent(e).run()},setCursorPosition(e=null){this.$refs.richTextEditor?.editor.chain().focus(e).run()},onBlockquoteToggle(){this.$refs.richTextEditor?.editor.chain().focus().toggleBlockquote().run()},onTextInput(e){this.$emit(`text-input`,e)},onFocus(e){this.hasFocus=!0,this.$emit(`focus`,e)},onBlur(e){this.hasFocus=!1,this.$emit(`blur`,e)},onInput(e){this.$emit(`input`,e),this.$emit(`update:modelValue`,e)},onSelected(){this.updateFontColorInput()},getButtonKey(e,t){return`${e}-${JSON.stringify(t)}`},getButtonRef(e,t){return`${this.getButtonKey(e,t)}-ref`},canFocus(e){return e===this.orderedRefs[this.currentButtonRefIndex]},shiftActionBarFocusRight(){this.shiftButtonRefIndex(1)},shiftActionBarFocusLeft(){this.shiftButtonRefIndex(-1)},shiftButtonRefIndex(e){let t=this.actionBarBtn,n=(this.currentButtonRefIndex+e)%this.orderedRefs.length;this.currentButtonRefIndex=n>=0?n:this.orderedRefs.length+n;let r=this.actionBarBtn;t.$el.blur(),r.$el.focus()},onFontStyleSelect(e){e?this.$refs.richTextEditor?.editor?.chain().focus().setFontFamily(e).run():this.$refs.richTextEditor?.editor?.chain().focus().unsetFontFamily().run(),this.$refs.richTextEditor?.editor?.commands.focus()},isCurrentFontFamily(e){return e?this.$refs.richTextEditor?.editor?.isActive(`textStyle`,{fontFamily:e}):!this.$refs.richTextEditor?.editor?.getAttributes(`textStyle`)?.fontFamily},onFontSizeSelect(e){this.$refs.richTextEditor?.editor?.chain().focus().setFontSize(e).run(),this.$refs.richTextEditor?.editor?.commands.focus()},isCurrentFontSize(e){return e?this.$refs.richTextEditor?.editor?.isActive(`textStyle`,{fontSize:e}):!this.$refs.richTextEditor?.editor?.getAttributes(`textStyle`)?.fontSize},getFilteredItemsForCategory(e){let t=this.variableSearchValue.toLowerCase();return e.name.toLowerCase().includes(t)?e.items:e.items.filter(e=>e.name.toLowerCase().includes(t))},updateFontColorInput(){this.currentFontColor=this.$refs.richTextEditor?.editor?.getAttributes(`textStyle`)?.color||`#000000`},onColorPickerButtonClick(){this.colorPickerInput?.click()},onColorPickerInput(e){this.$refs.richTextEditor?.editor?.chain().focus().setColor(e).run(),this.$refs.richTextEditor?.editor?.commands.focus(),this.updateFontColorInput()}}},x={class:`d-recipe-editor__popover-content`};function S(e,t,n,r,i,a){let o=(0,v.resolveComponent)(`dt-icon-search`),s=(0,v.resolveComponent)(`dt-input`),c=(0,v.resolveComponent)(`dt-list-item`),l=(0,v.resolveComponent)(`dt-combobox`),u=(0,v.resolveComponent)(`editor-toolbar-popover-button`),d=(0,v.resolveComponent)(`editor-toolbar-dropdown-button`),f=(0,v.resolveComponent)(`dt-button`),p=(0,v.resolveComponent)(`dt-dropdown-separator`),m=(0,v.resolveComponent)(`dt-list-item-group`),h=(0,v.resolveComponent)(`editor-toolbar-button`),g=(0,v.resolveComponent)(`dt-stack`),_=(0,v.resolveComponent)(`dt-tooltip`),y=(0,v.resolveComponent)(`dt-popover`),b=(0,v.resolveComponent)(`dt-rich-text-editor`),S=(0,v.resolveDirective)(`dt-tooltip`);return(0,v.openBlock)(),(0,v.createElementBlock)(`div`,(0,v.mergeProps)({ref:`editorRoot`,class:`d-recipe-editor`},a.addClassStyleAttrs(e.$attrs),{"data-qa":`dt-recipe-editor`,role:`presentation`,onClick:t[7]||(t[7]=t=>e.$refs.richTextEditor.focusEditor())}),[(0,v.createVNode)(g,{class:`d-recipe-editor__top-bar`,direction:`row`,gap:`450`},{default:(0,v.withCtx)(()=>[((0,v.openBlock)(!0),(0,v.createElementBlock)(v.Fragment,null,(0,v.renderList)(a.buttonGroups,r=>((0,v.openBlock)(),(0,v.createBlock)(g,{key:r.key,direction:`row`,gap:`300`},{default:(0,v.withCtx)(()=>[((0,v.openBlock)(!0),(0,v.createElementBlock)(v.Fragment,null,(0,v.renderList)(r.buttonGroup,g=>((0,v.openBlock)(),(0,v.createElementBlock)(v.Fragment,null,[g.buttonType===`popover`&&g.selector===`fontStyle`?((0,v.openBlock)(),(0,v.createBlock)(u,{key:a.getButtonKey(r.key,g.selector),ref_for:!0,ref:a.getButtonRef(r.key,g.selector),"is-active":e.$refs.richTextEditor?.editor?.isActive(g.selector),"tooltip-message":g.tooltipMessage,"data-qa":g.dataQA,"popover-data-qa":`dt-recipe-editor-font-style-input-popover`,tabindex:a.canFocus(a.getButtonRef(r.key,g.selector))?0:-1,icon:g.icon,onShiftFocusRight:a.shiftActionBarFocusRight,onShiftFocusLeft:a.shiftActionBarFocusLeft},{content:(0,v.withCtx)(({close:e})=>[(0,v.createVNode)(l,{label:``,"label-visible":!1,"show-list":!0,"click-on-select":!0,onEscape:t=>e()},{input:(0,v.withCtx)(({inputProps:e})=>[(0,v.createVNode)(s,(0,v.mergeProps)({ref_for:!0},e,{modelValue:i.fontStyleSearch,"onUpdate:modelValue":t[0]||(t[0]=e=>i.fontStyleSearch=e),"root-class":`d-p8 d-pb4 d-w216`,type:`search`,placeholder:i.i18n.$t(`DIALTONE_EDITOR_FONT_STYLE_SEARCH_PLACEHOLDER`),size:`sm`,role:`menuitem`}),{leftIcon:(0,v.withCtx)(({iconSize:e})=>[(0,v.createVNode)(o,{size:e},null,8,[`size`])]),_:1},16,[`modelValue`,`placeholder`])]),list:(0,v.withCtx)(({listProps:t})=>[(0,v.createElementVNode)(`ul`,(0,v.mergeProps)({ref_for:!0},t),[((0,v.openBlock)(!0),(0,v.createElementBlock)(v.Fragment,null,(0,v.renderList)(a.filteredFontStyles,t=>((0,v.openBlock)(),(0,v.createBlock)(c,{key:t.name,selected:a.isCurrentFontFamily(t.value),style:(0,v.normalizeStyle)({fontFamily:t.value||`inherit`}),role:`option`,"navigation-type":`arrow-keys`,onClick:n=>{e(a.focusEditor),a.onFontStyleSelect(t.value)}},{default:(0,v.withCtx)(()=>[(0,v.createTextVNode)((0,v.toDisplayString)(t.name),1)]),_:2},1032,[`selected`,`style`,`onClick`]))),128))],16)]),_:2},1032,[`onEscape`])]),_:1},8,[`is-active`,`tooltip-message`,`data-qa`,`tabindex`,`icon`,`onShiftFocusRight`,`onShiftFocusLeft`])):g.buttonType===`popover`&&g.selector===`fontSize`?((0,v.openBlock)(),(0,v.createBlock)(d,{key:a.getButtonKey(r.key,g.selector),ref_for:!0,ref:a.getButtonRef(r.key,g.selector),"is-active":e.$refs.richTextEditor?.editor?.isActive(g.selector),"tooltip-message":g.tooltipMessage,"data-qa":g.dataQA,"dropdown-data-qa":`dt-recipe-editor-font-size-input-popover`,tabindex:a.canFocus(a.getButtonRef(r.key,g.selector))?0:-1,icon:g.icon,onShiftFocusRight:a.shiftActionBarFocusRight,onShiftFocusLeft:a.shiftActionBarFocusLeft},{list:(0,v.withCtx)(({close:e})=>[((0,v.openBlock)(!0),(0,v.createElementBlock)(v.Fragment,null,(0,v.renderList)(n.fontSizes,t=>((0,v.openBlock)(),(0,v.createBlock)(c,{key:t.name,selected:a.isCurrentFontSize(t.value),role:`menuitem`,"navigation-type":`arrow-keys`,onClick:n=>{e(a.focusEditor),a.onFontSizeSelect(t.value,n)}},{default:(0,v.withCtx)(()=>[(0,v.createElementVNode)(`span`,{style:(0,v.normalizeStyle)({fontSize:t.value})},(0,v.toDisplayString)(t.name),5)]),_:2},1032,[`selected`,`onClick`]))),128))]),_:1},8,[`is-active`,`tooltip-message`,`data-qa`,`tabindex`,`icon`,`onShiftFocusRight`,`onShiftFocusLeft`])):g.buttonType===`custom`&&g.selector===`fontColor`?(0,v.withDirectives)(((0,v.openBlock)(),(0,v.createBlock)(f,{key:a.getButtonKey(r.key,g.selector),ref_for:!0,ref:a.getButtonRef(r.key,g.selector),kind:`muted`,importance:`clear`,size:`xs`,active:e.$refs.richTextEditor?.editor?.isActive(g.selector),tabindex:a.canFocus(a.getButtonRef(r.key,g.selector))?0:-1,"aria-label":g.tooltipMessage,"data-qa":g.dataQA,onKeydown:[(0,v.withKeys)((0,v.withModifiers)(a.shiftActionBarFocusRight,[`stop`]),[`right`]),(0,v.withKeys)((0,v.withModifiers)(a.shiftActionBarFocusLeft,[`stop`]),[`left`])],onClick:e=>g.onClick()},{icon:(0,v.withCtx)(()=>[((0,v.openBlock)(),(0,v.createBlock)((0,v.resolveDynamicComponent)(g.icon),{size:`200`,style:(0,v.normalizeStyle)(a.isDefaultFontColor?{}:{color:i.currentFontColor})},null,8,[`style`])),(0,v.createVNode)(s,{value:i.currentFontColor,"root-class":`d-w0 d-h0 d-of-hidden`,"input-class":`colorPickerInput d-w0 d-h0 d-p0 d-bar0`,"input-wrapper-class":`d-w0 d-h0 d-ba-none`,size:`sm`,type:`color`,onInput:a.onColorPickerInput,onClick:t[1]||(t[1]=(0,v.withModifiers)(()=>{},[`stop`]))},null,8,[`value`,`onInput`])]),_:2},1032,[`active`,`tabindex`,`aria-label`,`data-qa`,`onKeydown`,`onClick`])),[[S,{message:g.tooltipMessage,placement:`top`,externalAnchorElement:e.$refs[a.getButtonRef(r.key,g.selector)]?.$el}]]):g.buttonType===`popover`&&g.selector===`variable`?((0,v.openBlock)(),(0,v.createBlock)(u,{key:a.getButtonKey(r.key,g.selector),ref_for:!0,ref:a.getButtonRef(r.key,g.selector),"is-active":!1,"tooltip-message":g.tooltipMessage,"data-qa":g.dataQA,"popover-data-qa":`dt-recipe-editor-variable-popover`,tabindex:a.canFocus(a.getButtonRef(r.key,g.selector))?0:-1,icon:g.icon,onShiftFocusRight:a.shiftActionBarFocusRight,onShiftFocusLeft:a.shiftActionBarFocusLeft},{content:(0,v.withCtx)(({close:e})=>[(0,v.createVNode)(l,{label:``,"label-visible":!1,"show-list":!0,"click-on-select":!0,onEscape:t=>e()},{input:(0,v.withCtx)(({inputProps:e})=>[(0,v.createVNode)(s,(0,v.mergeProps)({ref_for:!0},e,{modelValue:i.variableSearchValue,"onUpdate:modelValue":t[2]||(t[2]=e=>i.variableSearchValue=e),"root-class":`d-p8 d-pb4 d-w264`,type:`search`,placeholder:i.i18n.$t(`DIALTONE_EDITOR_VARIABLE_POPOVER_SEARCH_PLACEHOLDER`),size:`md`,role:`menuitem`}),{leftIcon:(0,v.withCtx)(({iconSize:e})=>[(0,v.createVNode)(o,{size:e},null,8,[`size`])]),_:1},16,[`modelValue`,`placeholder`])]),list:(0,v.withCtx)(({listProps:t})=>[(0,v.createElementVNode)(`div`,(0,v.mergeProps)({ref_for:!0},t),[((0,v.openBlock)(!0),(0,v.createElementBlock)(v.Fragment,null,(0,v.renderList)(a.filteredCategories,(t,n)=>((0,v.openBlock)(),(0,v.createBlock)(m,{key:t.name,heading:t.name,"heading-class":`d-headline--sm-compact d-p8`},{default:(0,v.withCtx)(()=>[((0,v.openBlock)(!0),(0,v.createElementBlock)(v.Fragment,null,(0,v.renderList)(a.getFilteredItemsForCategory(t),n=>((0,v.openBlock)(),(0,v.createBlock)(c,{key:t.name+n.name,role:`option`,"navigation-type":`arrow-keys`,onClick:r=>{a.insertVariable(t.name,n),e(a.focusEditor)}},{default:(0,v.withCtx)(()=>[(0,v.createTextVNode)((0,v.toDisplayString)(n.name),1)]),_:2},1032,[`onClick`]))),128)),n<a.filteredCategories.length-1?((0,v.openBlock)(),(0,v.createBlock)(p,{key:0})):(0,v.createCommentVNode)(``,!0)]),_:2},1032,[`heading`]))),128))],16)]),_:2},1032,[`onEscape`])]),_:1},8,[`tooltip-message`,`data-qa`,`tabindex`,`icon`,`onShiftFocusRight`,`onShiftFocusLeft`])):g.buttonType===`button`?((0,v.openBlock)(),(0,v.createBlock)(h,{key:a.getButtonKey(r.key,g.selector),ref_for:!0,ref:a.getButtonRef(r.key,g.selector),"is-active":e.$refs.richTextEditor?.editor?.isActive(g.selector),"tooltip-message":g.tooltipMessage,"data-qa":g.dataQA,tabindex:a.canFocus(a.getButtonRef(r.key,g.selector))?0:-1,icon:g.icon,label:g.label,"on-click":g.onClick,onShiftFocusRight:a.shiftActionBarFocusRight,onShiftFocusLeft:a.shiftActionBarFocusLeft},null,8,[`is-active`,`tooltip-message`,`data-qa`,`tabindex`,`icon`,`label`,`on-click`,`onShiftFocusRight`,`onShiftFocusLeft`])):(0,v.createCommentVNode)(``,!0)],64))),256)),t[8]||(t[8]=(0,v.createElementVNode)(`div`,{class:`d-recipe-editor__button-group-divider`},null,-1))]),_:2},1024))),128)),a.linkButton.showBtn?((0,v.openBlock)(),(0,v.createBlock)(g,{key:0,direction:`row`,gap:`300`},{default:(0,v.withCtx)(()=>[(0,v.createVNode)(y,{open:i.showLinkInput,"show-close-button":!1,"data-qa":`dt-recipe-editor-link-input-popover`,padding:`none`,placement:`bottom-start`,onClick:[a.onInputFocus,(0,v.withModifiers)(a.onInputFocus,[`stop`])],onOpened:a.updateInput},{anchor:(0,v.withCtx)(()=>[((0,v.openBlock)(),(0,v.createBlock)(_,{key:a.linkButton.key,message:a.linkButton.tooltipMessage,placement:`top`},{anchor:(0,v.withCtx)(()=>[(0,v.createVNode)(f,{ref:a.getButtonRef(`custom`,`link`),active:e.$refs.richTextEditor?.editor?.isActive(a.linkButton.selector),"aria-label":a.linkButton.tooltipMessage,"data-qa":a.linkButton.dataQA,tabindex:a.canFocus(a.getButtonRef(`custom`,`link`))?0:-1,importance:`clear`,kind:`muted`,size:`xs`,onClick:t[3]||(t[3]=e=>a.linkButton.onClick()),onKeydown:[(0,v.withKeys)((0,v.withModifiers)(a.shiftActionBarFocusRight,[`stop`]),[`right`]),(0,v.withKeys)((0,v.withModifiers)(a.shiftActionBarFocusLeft,[`stop`]),[`left`])]},{icon:(0,v.withCtx)(()=>[((0,v.openBlock)(),(0,v.createBlock)((0,v.resolveDynamicComponent)(a.linkButton.icon),{size:`200`}))]),_:1},8,[`active`,`aria-label`,`data-qa`,`tabindex`,`onKeydown`])]),_:1},8,[`message`]))]),content:(0,v.withCtx)(()=>[(0,v.createElementVNode)(`div`,x,[(0,v.createElementVNode)(`span`,null,(0,v.toDisplayString)(a.showAddLinkButtonLabels.title),1),(0,v.createVNode)(s,{modelValue:i.linkInput,"onUpdate:modelValue":t[4]||(t[4]=e=>i.linkInput=e),"input-aria-label":a.showAddLinkButtonLabels[`aria-label`],placeholder:n.setLinkPlaceholder,"data-qa":`dt-recipe-editor-link-input`,"input-wrapper-class":`d-recipe-editor-link__input-wrapper`,onClick:[a.onInputFocus,(0,v.withModifiers)(a.onInputFocus,[`stop`])],onFocus:a.onInputFocus,onKeydown:(0,v.withKeys)(a.setLink,[`enter`])},null,8,[`modelValue`,`input-aria-label`,`placeholder`,`onClick`,`onFocus`,`onKeydown`])])]),footerContent:(0,v.withCtx)(()=>[(0,v.createVNode)(g,{direction:`row`,gap:`300`,class:`d-recipe-editor__popover-footer`},{default:(0,v.withCtx)(()=>[(0,v.createVNode)(f,(0,v.mergeProps)({"data-qa":`dt-recipe-editor-remove-link-btn`,importance:`clear`,kind:`muted`,size:`sm`},a.removeLinkButtonLabels,{onClick:a.removeLink}),{default:(0,v.withCtx)(()=>[(0,v.createTextVNode)((0,v.toDisplayString)(a.removeLinkButtonLabels.title),1)]),_:1},16,[`onClick`]),(0,v.createVNode)(f,(0,v.mergeProps)({"data-qa":`dt-recipe-editor-set-link-cancel-btn`,importance:`clear`,kind:`muted`,size:`sm`},a.cancelSetLinkButtonLabels,{onClick:a.closeLinkInput}),{default:(0,v.withCtx)(()=>[(0,v.createTextVNode)((0,v.toDisplayString)(a.cancelSetLinkButtonLabels.title),1)]),_:1},16,[`onClick`]),(0,v.createVNode)(f,(0,v.mergeProps)({"data-qa":`dt-recipe-editor-set-link-confirm-btn`,size:`sm`},a.confirmSetLinkButtonLabels,{onClick:a.setLink}),{default:(0,v.withCtx)(()=>[(0,v.createTextVNode)((0,v.toDisplayString)(a.confirmSetLinkButtonLabels.title),1)]),_:1},16,[`onClick`])]),_:1})]),_:1},8,[`open`,`onClick`,`onOpened`])]),_:1})):(0,v.createCommentVNode)(``,!0)]),_:1}),(0,v.createElementVNode)(`div`,{style:(0,v.normalizeStyle)({"max-height":n.maxHeight}),class:(0,v.normalizeClass)([`d-recipe-editor__content`,{"d-recipe-editor__content-image-resize":n.allowImageResize}])},[(0,v.createVNode)(b,(0,v.mergeProps)({ref:`richTextEditor`,modelValue:i.internalInputValue,"onUpdate:modelValue":t[5]||(t[5]=e=>i.internalInputValue=e),"allow-font-color":!0,"allow-font-family":!0,"allow-inline-images":!0,"allow-line-breaks":!0,"allow-variable":!0,"allow-font-size":n.showFontSizeButton,"allow-background-color":n.allowBackgroundColor,"allow-line-height":n.allowLineHeight,"variable-items":a.flattenedVariableItems,"hide-link-bubble-menu":!0,"auto-focus":n.autoFocus,editable:n.editable,"input-aria-label":n.inputAriaLabel,"input-class":`d-recipe-editor__content-input ${n.inputClass}`,link:!0,"output-format":a.htmlOutputFormat,placeholder:n.placeholder,"preserve-whitespace":n.preserveWhitespace,"use-div-tags":n.useDivTags,"allow-tables":n.allowTables,"allow-image-resize":n.allowImageResize,"data-qa":`dt-rich-text-editor`},a.removeClassStyleAttrs(e.$attrs),{onTextInput:a.onTextInput,onBlur:a.onBlur,onFocus:a.onFocus,onInput:t[6]||(t[6]=e=>a.onInput(e)),onSelected:a.onSelected}),null,16,[`modelValue`,`allow-font-size`,`allow-background-color`,`allow-line-height`,`variable-items`,`auto-focus`,`editable`,`input-aria-label`,`input-class`,`output-format`,`placeholder`,`preserve-whitespace`,`use-div-tags`,`allow-tables`,`allow-image-resize`,`onTextInput`,`onBlur`,`onFocus`,`onSelected`])],6)],16)}var C=t.t(b,[[`render`,S]]);exports.default=C;
 //# sourceMappingURL=editor.cjs.map

package/dist/lib/editor/editor.js CHANGED Viewed

@@ -10,7 +10,7 @@ import l from "../popover/popover.js";
 import u from "../dropdown/dropdown-separator.js";
 import d from "../input/input.js";
 import f from "../list-item-group/list-item-group.js";
-import { t as p } from "../../rich_text_editor-CNFb6tIx.js";
+import { t as p } from "../../rich_text_editor-BhUKyR0E.js";
 import { RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as m, RICH_TEXT_EDITOR_OUTPUT_FORMATS as h } from "../rich-text-editor/rich-text-editor-constants.js";
 import { EDITOR_DEFAULT_FONT_COLOR as g, EDITOR_DEFAULT_LINK_PREFIX as _, EDITOR_SUPPORTED_LINK_PROTOCOLS as v } from "./editor-constants.js";
 import y from "./EditorToolbarButton.js";

package/dist/lib/message-input/index.cjs CHANGED Viewed

	@@ -1 +1 @@
1	- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../message_input-~~BCIq_1AD~~.cjs`);exports.DtRecipeMessageInput=e.t;
1	+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../message_input-DmLi63dh.cjs`);exports.DtRecipeMessageInput=e.t;

package/dist/lib/message-input/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { t as e } from "../../message_input-B47LB7C8.js";
+import { t as e } from "../../message_input-B2fppje7.js";
 export { e as DtRecipeMessageInput };

package/dist/lib/message-input/message-input.cjs CHANGED Viewed

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

package/dist/lib/message-input/message-input.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { t as e } from "../../message_input-B47LB7C8.js";
+import { t as e } from "../../message_input-B2fppje7.js";
 export { e as default };

package/dist/lib/modal/modal.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/constants/index.cjs`),t=require(`../../common/utils/index.cjs`),n=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),r=require(`../../common/mixins/modal.cjs`),i=require(`../notice/notice-constants.cjs`),a=require(`../../localization/index.cjs`),o=require(`../button/button.cjs`),s=require(`../../shared/sr_only_close_button.cjs`),c=require(`../lazy-show/lazy-show.cjs`),l=require(`./modal-constants.cjs`);let u=require(`vue`),d=require(`@dialpad/dialtone-icons/vue3`);var f={compatConfig:{MODE:3},name:`DtModal`,components:{DtLazyShow:c.default,DtButton:o.default,DtIconClose:d.DtIconClose,SrOnlyCloseButton:s.default},mixins:[r.default],props:{copy:{type:String,default:``},describedById:{type:String,default:``},labelledById:{type:String,default:function(){return t.getUniqueString()}},show:{type:Boolean,default:!1},title:{type:String,default:``},bannerTitle:{type:String,default:``},kind:{type:String,default:`default`,validator:e=>Object.keys(l.MODAL_KIND_MODIFIERS).includes(e)},size:{type:String,default:`default`,validator:e=>Object.keys(l.MODAL_SIZE_MODIFIERS).includes(e)},modalClass:{type:[String,Object,Array],default:``},dialogClass:{type:[String,Object,Array],default:``},contentClass:{type:[String,Object,Array],default:``},bannerKind:{type:String,default:`warning`,validate(e){return i.NOTICE_KINDS.includes(e)}},bannerClass:{type:[String,Object,Array],default:``},hideClose:{type:Boolean,default:!1},closeOnClick:{type:Boolean,default:!0},fixedHeaderFooter:{type:Boolean,default:!0},initialFocusElement:{type:[String,e.HTML_ELEMENT_TYPE],default:`first`,validator:e=>e===`first`||e instanceof HTMLElement||e.startsWith(`#`)},appendTo:{type:String,default:void 0}},emits:[`click`,`keydown`,`update:show`],data(){return{MODAL_KIND_MODIFIERS:l.MODAL_KIND_MODIFIERS,MODAL_SIZE_MODIFIERS:l.MODAL_SIZE_MODIFIERS,MODAL_BANNER_KINDS:l.MODAL_BANNER_KINDS,EVENT_KEYNAMES:e.EVENT_KEYNAMES,hasSlotContent:t.hasSlotContent,i18n:new a.DialtoneLocalization}},computed:{modalListeners(){return{click:e=>{this.closeOnClick&&e.target===e.currentTarget&&this.close(),this.$emit(`click`,e)},keydown:t=>{switch(t.code){case e.EVENT_KEYNAMES.esc:case e.EVENT_KEYNAMES.escape:this.close();break;case e.EVENT_KEYNAMES.tab:this.trapFocus(t);break}this.$emit(`keydown`,t)},"after-enter":async()=>{this.$emit(`update:show`,!0),await this.setFocusAfterTransition()},focusin:e=>{let t=this.$refs.modalRoot?.$el||this.$el;this.show&&t&&!t.contains(e.target)&&(e.preventDefault(),this.focusFirstElement(t))}}},open(){return`${!this.show}`},hasFooterSlot(){return!!this.$slots.footer},bannerKindClass(){return l.MODAL_BANNER_KINDS[this.bannerKind]},closeButtonTitle(){return this.i18n.$t(`DIALTONE_CLOSE_BUTTON`)}},watch:{show:{handler(e){e?(this.previousActiveElement=document.activeElement,t.disableRootScrolling(t.returnFirstEl(this.$refs.modalRoot?.$el||this.$el).getRootNode().host),document.addEventListener(`keydown`,this._trapFocusGlobalBound)):(t.enableRootScrolling(t.returnFirstEl(this.$refs.modalRoot?.$el||this.$el).getRootNode().host),this.previousActiveElement?.focus(),this.previousActiveElement=null,document.removeEventListener(`keydown`,this._trapFocusGlobalBound))}}},created(){this._trapFocusGlobalBound=e=>this._trapFocusGlobal(e)},mounted(){this.show&&document.addEventListener(`keydown`,this._trapFocusGlobalBound)},beforeUnmount(){document.removeEventListener(`keydown`,this._trapFocusGlobalBound)},methods:{close(){this.$emit(`update:show`,!1)},async setFocusAfterTransition(){let e=this.$refs.modalRoot?.$el||this.$el;this.initialFocusElement===`first`?await this.focusFirstElement(e):this.initialFocusElement.startsWith(`#`)?await this.focusElementById(this.initialFocusElement):this.initialFocusElement instanceof HTMLElement&&this.initialFocusElement.focus()},trapFocus(e){if(this.show){let t=this.$refs.modalRoot?.$el||this.$el;this.focusTrappedTabPress(e,t)}},_trapFocusGlobal(t){if(!this.show||t.code!==e.EVENT_KEYNAMES.tab)return;let n=this.$refs.modalRoot?.$el||this.$el;n&&!n.contains(document.activeElement)&&(t.preventDefault(),this.focusFirstElement(n))}}},p=[`aria-describedby`,`aria-labelledby`],m=[`id`],h=[`id`],g={key:4,class:`d-modal__footer`};function _(e,t,n,r,i,a){let o=(0,u.resolveComponent)(`sr-only-close-button`),s=(0,u.resolveComponent)(`dt-icon-close`),c=(0,u.resolveComponent)(`dt-button`),l=(0,u.resolveComponent)(`dt-lazy-show`);return(0,u.openBlock)(),(0,u.createBlock)(u.Teleport,{disabled:!n.appendTo,to:n.appendTo},[(0,u.createVNode)(l,(0,u.mergeProps)({ref:`modalRoot`,transition:`d-zoom`,show:n.show,class:[`d-modal`,i.MODAL_KIND_MODIFIERS[n.kind],i.MODAL_SIZE_MODIFIERS[n.size],n.modalClass],"data-qa":`dt-modal`,"aria-hidden":a.open},(0,u.toHandlers)(a.modalListeners)),{default:(0,u.withCtx)(()=>[n.show&&(i.hasSlotContent(e.$slots.banner)||n.bannerTitle)?((0,u.openBlock)(),(0,u.createElementBlock)(`div`,{key:0,"data-qa":`dt-modal-banner`,class:(0,u.normalizeClass)([`d-modal__banner`,n.bannerClass,a.bannerKindClass])},[(0,u.renderSlot)(e.$slots,`banner`,{},()=>[(0,u.createTextVNode)((0,u.toDisplayString)(n.bannerTitle),1)])],2)):(0,u.createCommentVNode)(``,!0),(0,u.createVNode)(u.Transition,{appear:``,name:`d-modal__dialog`},{default:(0,u.withCtx)(()=>[(0,u.withDirectives)((0,u.createElementVNode)(`div`,{class:(0,u.normalizeClass)([`d-modal__dialog`,{"d-modal__dialog--scrollable":n.fixedHeaderFooter},n.dialogClass]),role:`dialog`,"aria-modal":`true`,"aria-describedby":n.describedById,"aria-labelledby":n.labelledById},[i.hasSlotContent(e.$slots.header)?((0,u.openBlock)(),(0,u.createElementBlock)(`div`,{key:0,id:n.labelledById,class:`d-modal__header`,"data-qa":`dt-modal-title`},[(0,u.renderSlot)(e.$slots,`header`)],8,m)):((0,u.openBlock)(),(0,u.createElementBlock)(`h2`,{key:1,id:n.labelledById,class:`d-modal__header`,"data-qa":`dt-modal-title`},(0,u.toDisplayString)(n.title),9,h)),i.hasSlotContent(e.$slots.default)?((0,u.openBlock)(),(0,u.createElementBlock)(`div`,{key:2,class:(0,u.normalizeClass)([`d-modal__content`,n.contentClass]),"data-qa":`dt-modal-copy`},[(0,u.renderSlot)(e.$slots,`default`)],2)):((0,u.openBlock)(),(0,u.createElementBlock)(`p`,{key:3,class:(0,u.normalizeClass)([`d-modal__content`,n.contentClass]),"data-qa":`dt-modal-copy`},(0,u.toDisplayString)(n.copy),3)),a.hasFooterSlot?((0,u.openBlock)(),(0,u.createElementBlock)(`footer`,g,[(0,u.renderSlot)(e.$slots,`footer`)])):(0,u.createCommentVNode)(``,!0),n.hideClose?((0,u.openBlock)(),(0,u.createBlock)(o,{key:5,onClose:a.close},null,8,[`onClose`])):((0,u.openBlock)(),(0,u.createBlock)(c,{key:6,class:`d-modal__close`,"data-qa":`dt-modal-close-button`,size:`md`,kind:`muted`,importance:`clear`,"aria-label":a.closeButtonTitle,title:a.closeButtonTitle,onClick:a.close},{icon:(0,u.withCtx)(({iconSize:e})=>[(0,u.createVNode)(s,{size:e},null,8,[`size`])]),_:1},8,[`aria-label`,`title`,`onClick`]))],10,p),[[u.vShow,n.show]])]),_:3})]),_:3},16,[`show`,`class`,`aria-hidden`])],8,[`disabled`,`to`])}var v=n.t(f,[[`render`,_]]);exports.default=v;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/constants/index.cjs`),t=require(`../../common/utils/index.cjs`),n=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),r=require(`../../common/mixins/modal.cjs`),i=require(`../notice/notice-constants.cjs`),a=require(`../../localization/index.cjs`),o=require(`../button/button.cjs`),s=require(`../../shared/sr_only_close_button.cjs`),c=require(`../lazy-show/lazy-show.cjs`),l=require(`./modal-constants.cjs`);let u=require(`vue`),d=require(`@dialpad/dialtone-icons/vue3`);var f={compatConfig:{MODE:3},name:`DtModal`,components:{DtLazyShow:c.default,DtButton:o.default,DtIconClose:d.DtIconClose,SrOnlyCloseButton:s.default},mixins:[r.default],props:{copy:{type:String,default:``},describedById:{type:String,default:``},labelledById:{type:String,default:function(){return t.getUniqueString()}},show:{type:Boolean,default:!1},title:{type:String,default:``},bannerTitle:{type:String,default:``},kind:{type:String,default:`default`,validator:e=>Object.keys(l.MODAL_KIND_MODIFIERS).includes(e)},size:{type:String,default:`default`,validator:e=>Object.keys(l.MODAL_SIZE_MODIFIERS).includes(e)},modalClass:{type:[String,Object,Array],default:``},dialogClass:{type:[String,Object,Array],default:``},contentClass:{type:[String,Object,Array],default:``},bannerKind:{type:String,default:`warning`,validate(e){return i.NOTICE_KINDS.includes(e)}},bannerClass:{type:[String,Object,Array],default:``},hideClose:{type:Boolean,default:!1},closeOnClick:{type:Boolean,default:!0},fixedHeaderFooter:{type:Boolean,default:!0},initialFocusElement:{type:[String,e.HTML_ELEMENT_TYPE],default:`first`,validator:e=>e===`first`||e instanceof HTMLElement||e.startsWith(`#`)},appendTo:{type:String,default:void 0}},emits:[`click`,`keydown`,`update:show`],data(){return{MODAL_KIND_MODIFIERS:l.MODAL_KIND_MODIFIERS,MODAL_SIZE_MODIFIERS:l.MODAL_SIZE_MODIFIERS,MODAL_BANNER_KINDS:l.MODAL_BANNER_KINDS,EVENT_KEYNAMES:e.EVENT_KEYNAMES,hasSlotContent:t.hasSlotContent,i18n:new a.DialtoneLocalization}},computed:{modalListeners(){return{mousedown:e=>{this._mousedownOnBackdrop=e.target===e.currentTarget},click:e=>{this.closeOnClick&&e.target===e.currentTarget&&this._mousedownOnBackdrop&&this.close(),this.$emit(`click`,e)},keydown:t=>{switch(t.code){case e.EVENT_KEYNAMES.esc:case e.EVENT_KEYNAMES.escape:this.close();break;case e.EVENT_KEYNAMES.tab:this.trapFocus(t);break}this.$emit(`keydown`,t)},"after-enter":async()=>{this.$emit(`update:show`,!0),await this.setFocusAfterTransition()},focusin:e=>{let t=this.$refs.modalRoot?.$el||this.$el;this.show&&t&&!t.contains(e.target)&&(e.preventDefault(),this.focusFirstElement(t))}}},open(){return`${!this.show}`},hasFooterSlot(){return!!this.$slots.footer},bannerKindClass(){return l.MODAL_BANNER_KINDS[this.bannerKind]},closeButtonTitle(){return this.i18n.$t(`DIALTONE_CLOSE_BUTTON`)}},watch:{show:{handler(e){e?(this.previousActiveElement=document.activeElement,t.disableRootScrolling(t.returnFirstEl(this.$refs.modalRoot?.$el||this.$el).getRootNode().host),document.addEventListener(`keydown`,this._trapFocusGlobalBound)):(t.enableRootScrolling(t.returnFirstEl(this.$refs.modalRoot?.$el||this.$el).getRootNode().host),this.previousActiveElement?.focus(),this.previousActiveElement=null,document.removeEventListener(`keydown`,this._trapFocusGlobalBound))}}},created(){this._trapFocusGlobalBound=e=>this._trapFocusGlobal(e),this._mousedownOnBackdrop=!1},mounted(){this.show&&document.addEventListener(`keydown`,this._trapFocusGlobalBound)},beforeUnmount(){document.removeEventListener(`keydown`,this._trapFocusGlobalBound)},methods:{close(){this.$emit(`update:show`,!1)},async setFocusAfterTransition(){let e=this.$refs.modalRoot?.$el||this.$el;this.initialFocusElement===`first`?await this.focusFirstElement(e):this.initialFocusElement.startsWith(`#`)?await this.focusElementById(this.initialFocusElement):this.initialFocusElement instanceof HTMLElement&&this.initialFocusElement.focus()},trapFocus(e){if(this.show){let t=this.$refs.modalRoot?.$el||this.$el;this.focusTrappedTabPress(e,t)}},_trapFocusGlobal(t){if(!this.show||t.code!==e.EVENT_KEYNAMES.tab)return;let n=this.$refs.modalRoot?.$el||this.$el;n&&!n.contains(document.activeElement)&&(t.preventDefault(),this.focusFirstElement(n))}}},p=[`aria-describedby`,`aria-labelledby`],m=[`id`],h=[`id`],g={key:4,class:`d-modal__footer`};function _(e,t,n,r,i,a){let o=(0,u.resolveComponent)(`sr-only-close-button`),s=(0,u.resolveComponent)(`dt-icon-close`),c=(0,u.resolveComponent)(`dt-button`),l=(0,u.resolveComponent)(`dt-lazy-show`);return(0,u.openBlock)(),(0,u.createBlock)(u.Teleport,{disabled:!n.appendTo,to:n.appendTo},[(0,u.createVNode)(l,(0,u.mergeProps)({ref:`modalRoot`,transition:`d-zoom`,show:n.show,class:[`d-modal`,i.MODAL_KIND_MODIFIERS[n.kind],i.MODAL_SIZE_MODIFIERS[n.size],n.modalClass],"data-qa":`dt-modal`,"aria-hidden":a.open},(0,u.toHandlers)(a.modalListeners)),{default:(0,u.withCtx)(()=>[n.show&&(i.hasSlotContent(e.$slots.banner)||n.bannerTitle)?((0,u.openBlock)(),(0,u.createElementBlock)(`div`,{key:0,"data-qa":`dt-modal-banner`,class:(0,u.normalizeClass)([`d-modal__banner`,n.bannerClass,a.bannerKindClass])},[(0,u.renderSlot)(e.$slots,`banner`,{},()=>[(0,u.createTextVNode)((0,u.toDisplayString)(n.bannerTitle),1)])],2)):(0,u.createCommentVNode)(``,!0),(0,u.createVNode)(u.Transition,{appear:``,name:`d-modal__dialog`},{default:(0,u.withCtx)(()=>[(0,u.withDirectives)((0,u.createElementVNode)(`div`,{class:(0,u.normalizeClass)([`d-modal__dialog`,{"d-modal__dialog--scrollable":n.fixedHeaderFooter},n.dialogClass]),role:`dialog`,"aria-modal":`true`,"aria-describedby":n.describedById,"aria-labelledby":n.labelledById},[i.hasSlotContent(e.$slots.header)?((0,u.openBlock)(),(0,u.createElementBlock)(`div`,{key:0,id:n.labelledById,class:`d-modal__header`,"data-qa":`dt-modal-title`},[(0,u.renderSlot)(e.$slots,`header`)],8,m)):((0,u.openBlock)(),(0,u.createElementBlock)(`h2`,{key:1,id:n.labelledById,class:`d-modal__header`,"data-qa":`dt-modal-title`},(0,u.toDisplayString)(n.title),9,h)),i.hasSlotContent(e.$slots.default)?((0,u.openBlock)(),(0,u.createElementBlock)(`div`,{key:2,class:(0,u.normalizeClass)([`d-modal__content`,n.contentClass]),"data-qa":`dt-modal-copy`},[(0,u.renderSlot)(e.$slots,`default`)],2)):((0,u.openBlock)(),(0,u.createElementBlock)(`p`,{key:3,class:(0,u.normalizeClass)([`d-modal__content`,n.contentClass]),"data-qa":`dt-modal-copy`},(0,u.toDisplayString)(n.copy),3)),a.hasFooterSlot?((0,u.openBlock)(),(0,u.createElementBlock)(`footer`,g,[(0,u.renderSlot)(e.$slots,`footer`)])):(0,u.createCommentVNode)(``,!0),n.hideClose?((0,u.openBlock)(),(0,u.createBlock)(o,{key:5,onClose:a.close},null,8,[`onClose`])):((0,u.openBlock)(),(0,u.createBlock)(c,{key:6,class:`d-modal__close`,"data-qa":`dt-modal-close-button`,size:`md`,kind:`muted`,importance:`clear`,"aria-label":a.closeButtonTitle,title:a.closeButtonTitle,onClick:a.close},{icon:(0,u.withCtx)(({iconSize:e})=>[(0,u.createVNode)(s,{size:e},null,8,[`size`])]),_:1},8,[`aria-label`,`title`,`onClick`]))],10,p),[[u.vShow,n.show]])]),_:3})]),_:3},16,[`show`,`class`,`aria-hidden`])],8,[`disabled`,`to`])}var v=n.t(f,[[`render`,_]]);exports.default=v;
 //# sourceMappingURL=modal.cjs.map

package/dist/lib/modal/modal.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"modal.cjs","names":[],"sources":["../../../components/modal/modal.vue"],"sourcesContent":["<template>\n <teleport\n :disabled=\"!appendTo\"\n :to=\"appendTo\"\n >\n <dt-lazy-show\n ref=\"modalRoot\"\n transition=\"d-zoom\"\n :show=\"show\"\n :class=\"[\n 'd-modal',\n MODAL_KIND_MODIFIERS[kind],\n MODAL_SIZE_MODIFIERS[size],\n modalClass,\n ]\"\n data-qa=\"dt-modal\"\n :aria-hidden=\"open\"\n v-on=\"modalListeners\"\n >\n <div\n v-if=\"show && (hasSlotContent($slots.banner) \|\| bannerTitle)\"\n data-qa=\"dt-modal-banner\"\n :class=\"[\n 'd-modal__banner',\n bannerClass,\n bannerKindClass,\n ]\"\n >\n <!-- @slot Slot for the banner, defaults to bannerTitle prop -->\n <slot name=\"banner\">\n {{ bannerTitle }}\n </slot>\n </div>\n <transition\n appear\n name=\"d-modal__dialog\"\n >\n <div\n v-show=\"show\"\n :class=\"[\n 'd-modal__dialog',\n { 'd-modal__dialog--scrollable': fixedHeaderFooter },\n dialogClass,\n ]\"\n role=\"dialog\"\n aria-modal=\"true\"\n :aria-describedby=\"describedById\"\n :aria-labelledby=\"labelledById\"\n >\n <div\n v-if=\"hasSlotContent($slots.header)\"\n :id=\"labelledById\"\n class=\"d-modal__header\"\n data-qa=\"dt-modal-title\"\n >\n <!-- @slot Slot for dialog header section, taking the place of any \"title\" text prop -->\n <slot name=\"header\" />\n </div>\n <h2\n v-else\n :id=\"labelledById\"\n class=\"d-modal__header\"\n data-qa=\"dt-modal-title\"\n >\n {{ title }}\n </h2>\n <div\n v-if=\"hasSlotContent($slots.default)\"\n :class=\"[\n 'd-modal__content',\n contentClass,\n ]\"\n data-qa=\"dt-modal-copy\"\n >\n <!-- @slot Default slot for dialog body section, taking the place of any \"copy\" text prop -->\n <slot />\n </div>\n <p\n v-else\n :class=\"[\n 'd-modal__content',\n contentClass,\n ]\"\n data-qa=\"dt-modal-copy\"\n >\n {{ copy }}\n </p>\n <footer\n v-if=\"hasFooterSlot\"\n class=\"d-modal__footer\"\n >\n <!-- @slot Slot for dialog footer content, often containing cancel and confirm buttons. -->\n <slot name=\"footer\" />\n </footer>\n <sr-only-close-button\n v-if=\"hideClose\"\n @close=\"close\"\n />\n <dt-button\n v-else\n class=\"d-modal__close\"\n data-qa=\"dt-modal-close-button\"\n size=\"md\"\n kind=\"muted\"\n importance=\"clear\"\n :aria-label=\"closeButtonTitle\"\n :title=\"closeButtonTitle\"\n @click=\"close\"\n >\n <template #icon=\"{ iconSize }\">\n <dt-icon-close\n :size=\"iconSize\"\n />\n </template>\n </dt-button>\n </div>\n </transition>\n </dt-lazy-show>\n </teleport>\n</template>\n\n<script>\n/* eslint-disable max-lines /\nimport { DtButton } from '@/components/button';\nimport { DtIconClose } from '@dialpad/dialtone-icons/vue3';\nimport Modal from '@/common/mixins/modal';\nimport {\n MODAL_BANNER_KINDS,\n MODAL_KIND_MODIFIERS,\n MODAL_SIZE_MODIFIERS,\n} from './modal_constants';\nimport { returnFirstEl, getUniqueString, hasSlotContent, disableRootScrolling, enableRootScrolling } from '@/common/utils';\nimport { DtLazyShow } from '@/components/lazy_show';\nimport { EVENT_KEYNAMES, HTML_ELEMENT_TYPE } from '@/common/constants';\nimport SrOnlyCloseButton from '@/common/sr_only_close_button.vue';\nimport { NOTICE_KINDS } from '@/components/notice';\nimport { DialtoneLocalization } from '@/localization';\n\n/\n Modals focus the user’s attention exclusively on one task or piece of information\n * via a window that sits on top of the page content.\n * @see https://dialtone.dialpad.com/components/modal.html\n /\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtModal',\n\n components: {\n DtLazyShow,\n DtButton,\n DtIconClose,\n SrOnlyCloseButton,\n },\n\n mixins: [Modal],\n\n props: {\n /\n Body text to display as the modal's main content.\n /\n copy: {\n type: String,\n default: '',\n },\n\n /\n Id to use for the dialog's aria-describedby.\n * Recommended only if the dialog content itself isn't enough to give full context,\n * as screen readers should recite the dialog contents by default before any aria-description.\n /\n describedById: {\n type: String,\n default: '',\n },\n\n /\n Id to use for the dialog's aria-labelledby.\n /\n labelledById: {\n type: String,\n default: function () { return getUniqueString(); },\n },\n\n /\n Whether the modal should be shown.\n * Parent component can sync on this value to control the modal's visibility.\n * @values true, false\n /\n show: {\n type: Boolean,\n default: false,\n },\n\n /\n Title text to display in the modal header.\n /\n title: {\n type: String,\n default: '',\n },\n\n /\n Title text to display in the modal banner.\n /\n bannerTitle: {\n type: String,\n default: '',\n },\n\n /\n The theme of the modal. kind - default or danger,\n * @values default, danger\n /\n kind: {\n type: String,\n default: 'default',\n validator: (k) => Object.keys(MODAL_KIND_MODIFIERS).includes(k),\n },\n\n /\n The size of the modal. size - default or full,\n * @values default, full\n /\n size: {\n type: String,\n default: 'default',\n validator: (s) => Object.keys(MODAL_SIZE_MODIFIERS).includes(s),\n },\n\n /\n Additional class name for the root modal element.\n * Can accept String, Object, and Array, i.e. has the\n * same API as Vue's built-in handling of the class attribute.\n /\n modalClass: {\n type: [String, Object, Array],\n default: '',\n },\n\n /\n Additional class name for the dialog element within the modal.\n * Can accept String, Object, and Array, i.e. has the\n * same API as Vue's built-in handling of the class attribute.\n /\n dialogClass: {\n type: [String, Object, Array],\n default: '',\n },\n\n /\n Additional class name for the content element within the modal.\n * Can accept String, Object, and Array, i.e. has the\n * same API as Vue's built-in handling of the class attribute.\n /\n contentClass: {\n type: [String, Object, Array],\n default: '',\n },\n\n /\n Sets the color of the banner.\n * @values base, error, info, success, warning\n /\n bannerKind: {\n type: String,\n default: 'warning',\n validate (kind) {\n return NOTICE_KINDS.includes(kind);\n },\n },\n\n /\n Additional class name for the banner element within the modal.\n * Can accept String, Object, and Array, i.e. has the\n * same API as Vue's built-in handling of the class attribute.\n /\n bannerClass: {\n type: [String, Object, Array],\n default: '',\n },\n\n /\n Hides the close button on the modal\n * @values true, false\n /\n hideClose: {\n type: Boolean,\n default: false,\n },\n\n /\n Whether the modal will close when you click outside of the dialog on the overlay.\n * @values true, false\n /\n closeOnClick: {\n type: Boolean,\n default: true,\n },\n\n /\n Scrollable modal that allows scroll the modal content keeping the header and footer fixed\n * @values true, false\n /\n fixedHeaderFooter: {\n type: Boolean,\n default: true,\n },\n\n /\n The element that is focused when the modal is opened. This can be an\n * HTMLElement within the modal, a string starting with '#' which will\n * find the element by ID. 'first' which will automatically focus\n * the first element, or 'dialog' which will focus the dialog window itself.\n * If the dialog is modal this prop cannot be 'none'.\n /\n initialFocusElement: {\n type: [String, HTML_ELEMENT_TYPE],\n default: 'first',\n validator: initialFocusElement => {\n return initialFocusElement === 'first' \|\|\n (initialFocusElement instanceof HTMLElement) \|\|\n initialFocusElement.startsWith('#');\n },\n },\n\n /\n A CSS selector string for the element to portal the modal to. If not provided, the modal will be rendered in its default location.\n /\n appendTo: {\n type: String,\n default: undefined,\n },\n },\n\n emits: [\n /\n Native button click event\n \n @event click\n * @type {PointerEvent \| KeyboardEvent}\n /\n 'click',\n\n /\n Native keydown event\n \n @event keydown\n * @type {KeyboardEvent}\n /\n 'keydown',\n\n /\n The modal will emit a \"false\" boolean value for this event when the user performs a modal-closing action.\n * Parent components can sync on this value to create a 2-way binding to control modal visibility.\n \n @event update:show\n * @type {Boolean}\n */\n 'update:show',\n ],\n\n data () {\n return {\n MODAL_KIND_MODIFIERS,\n MODAL_SIZE_MODIFIERS,\n MODAL_BANNER_KINDS,\n EVENT_KEYNAMES,\n hasSlotContent,\n i18n: new DialtoneLocalization(),\n };\n },\n\n computed: {\n modalListeners () {\n return {\n click: event => {\n // Handle backdrop clicks for closing modal\n if (this.closeOnClick && event.target === event.currentTarget) {\n this.close();\n }\n\n this.$emit('click', event);\n },\n\n keydown: event => {\n switch (event.code) {\n case EVENT_KEYNAMES.esc:\n case EVENT_KEYNAMES.escape:\n this.close();\n break;\n case EVENT_KEYNAMES.tab:\n this.trapFocus(event);\n break;\n }\n this.$emit('keydown', event);\n },\n\n 'after-enter': async () => {\n this.$emit('update:show', true);\n await this.setFocusAfterTransition();\n },\n\n focusin: event => {\n // Ensure focus stays within modal\n const modalEl = this.$refs.modalRoot?.$el \|\| this.$el;\n if (this.show && modalEl && !modalEl.contains(event.target)) {\n event.preventDefault();\n this.focusFirstElement(modalEl);\n }\n },\n };\n },\n\n open () {\n return `${!this.show}`;\n },\n\n hasFooterSlot () {\n return !!this.$slots.footer;\n },\n\n bannerKindClass () {\n return MODAL_BANNER_KINDS[this.bannerKind];\n },\n\n closeButtonTitle () {\n return this.i18n.$t('DIALTONE_CLOSE_BUTTON');\n },\n },\n\n watch: {\n show: {\n handler (isShowing) {\n if (isShowing) {\n // Set a reference to the previously-active element, to which we'll return focus on modal close.\n this.previousActiveElement = document.activeElement;\n const modalEl = this.$refs.modalRoot?.$el \|\| this.$el;\n disableRootScrolling(returnFirstEl(modalEl).getRootNode().host);\n document.addEventListener('keydown', this._trapFocusGlobalBound);\n } else {\n const modalEl = this.$refs.modalRoot?.$el \|\| this.$el;\n enableRootScrolling(returnFirstEl(modalEl).getRootNode().host);\n // Modal is being hidden, so return focus to the previously active element before clearing the reference.\n this.previousActiveElement?.focus();\n this.previousActiveElement = null;\n document.removeEventListener('keydown', this._trapFocusGlobalBound);\n }\n },\n },\n },\n\n created () {\n this._trapFocusGlobalBound = (e) => this._trapFocusGlobal(e);\n },\n\n mounted () {\n if (this.show) {\n document.addEventListener('keydown', this._trapFocusGlobalBound);\n }\n },\n\n beforeUnmount () {\n document.removeEventListener('keydown', this._trapFocusGlobalBound);\n },\n\n methods: {\n close () {\n this.$emit('update:show', false);\n },\n\n async setFocusAfterTransition () {\n const modalEl = this.$refs.modalRoot?.$el \|\| this.$el;\n if (this.initialFocusElement === 'first') {\n await this.focusFirstElement(modalEl);\n } else if (this.initialFocusElement.startsWith('#')) {\n await this.focusElementById(this.initialFocusElement);\n } else if (this.initialFocusElement instanceof HTMLElement) {\n this.initialFocusElement.focus();\n }\n },\n\n trapFocus (e) {\n if (this.show) {\n const modalEl = this.$refs.modalRoot?.$el \|\| this.$el;\n this.focusTrappedTabPress(e, modalEl);\n }\n },\n\n _trapFocusGlobal (e) {\n if (!this.show \|\| e.code !== EVENT_KEYNAMES.tab) return;\n const modalEl = this.$refs.modalRoot?.$el \|\| this.$el;\n if (modalEl && !modalEl.contains(document.activeElement)) {\n e.preventDefault();\n this.focusFirstElement(modalEl);\n }\n },\n },\n};\n</script>\n"],"mappings":"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"}
1	+ {"version":3,"file":"modal.cjs","names":[],"sources":["../../../components/modal/modal.vue"],"sourcesContent":["<template>\n <teleport\n :disabled=\"!appendTo\"\n :to=\"appendTo\"\n >\n <dt-lazy-show\n ref=\"modalRoot\"\n transition=\"d-zoom\"\n :show=\"show\"\n :class=\"[\n 'd-modal',\n MODAL_KIND_MODIFIERS[kind],\n MODAL_SIZE_MODIFIERS[size],\n modalClass,\n ]\"\n data-qa=\"dt-modal\"\n :aria-hidden=\"open\"\n v-on=\"modalListeners\"\n >\n <div\n v-if=\"show && (hasSlotContent($slots.banner) \|\| bannerTitle)\"\n data-qa=\"dt-modal-banner\"\n :class=\"[\n 'd-modal__banner',\n bannerClass,\n bannerKindClass,\n ]\"\n >\n <!-- @slot Slot for the banner, defaults to bannerTitle prop -->\n <slot name=\"banner\">\n {{ bannerTitle }}\n </slot>\n </div>\n <transition\n appear\n name=\"d-modal__dialog\"\n >\n <div\n v-show=\"show\"\n :class=\"[\n 'd-modal__dialog',\n { 'd-modal__dialog--scrollable': fixedHeaderFooter },\n dialogClass,\n ]\"\n role=\"dialog\"\n aria-modal=\"true\"\n :aria-describedby=\"describedById\"\n :aria-labelledby=\"labelledById\"\n >\n <div\n v-if=\"hasSlotContent($slots.header)\"\n :id=\"labelledById\"\n class=\"d-modal__header\"\n data-qa=\"dt-modal-title\"\n >\n <!-- @slot Slot for dialog header section, taking the place of any \"title\" text prop -->\n <slot name=\"header\" />\n </div>\n <h2\n v-else\n :id=\"labelledById\"\n class=\"d-modal__header\"\n data-qa=\"dt-modal-title\"\n >\n {{ title }}\n </h2>\n <div\n v-if=\"hasSlotContent($slots.default)\"\n :class=\"[\n 'd-modal__content',\n contentClass,\n ]\"\n data-qa=\"dt-modal-copy\"\n >\n <!-- @slot Default slot for dialog body section, taking the place of any \"copy\" text prop -->\n <slot />\n </div>\n <p\n v-else\n :class=\"[\n 'd-modal__content',\n contentClass,\n ]\"\n data-qa=\"dt-modal-copy\"\n >\n {{ copy }}\n </p>\n <footer\n v-if=\"hasFooterSlot\"\n class=\"d-modal__footer\"\n >\n <!-- @slot Slot for dialog footer content, often containing cancel and confirm buttons. -->\n <slot name=\"footer\" />\n </footer>\n <sr-only-close-button\n v-if=\"hideClose\"\n @close=\"close\"\n />\n <dt-button\n v-else\n class=\"d-modal__close\"\n data-qa=\"dt-modal-close-button\"\n size=\"md\"\n kind=\"muted\"\n importance=\"clear\"\n :aria-label=\"closeButtonTitle\"\n :title=\"closeButtonTitle\"\n @click=\"close\"\n >\n <template #icon=\"{ iconSize }\">\n <dt-icon-close\n :size=\"iconSize\"\n />\n </template>\n </dt-button>\n </div>\n </transition>\n </dt-lazy-show>\n </teleport>\n</template>\n\n<script>\n/* eslint-disable max-lines /\nimport { DtButton } from '@/components/button';\nimport { DtIconClose } from '@dialpad/dialtone-icons/vue3';\nimport Modal from '@/common/mixins/modal';\nimport {\n MODAL_BANNER_KINDS,\n MODAL_KIND_MODIFIERS,\n MODAL_SIZE_MODIFIERS,\n} from './modal_constants';\nimport { returnFirstEl, getUniqueString, hasSlotContent, disableRootScrolling, enableRootScrolling } from '@/common/utils';\nimport { DtLazyShow } from '@/components/lazy_show';\nimport { EVENT_KEYNAMES, HTML_ELEMENT_TYPE } from '@/common/constants';\nimport SrOnlyCloseButton from '@/common/sr_only_close_button.vue';\nimport { NOTICE_KINDS } from '@/components/notice';\nimport { DialtoneLocalization } from '@/localization';\n\n/\n Modals focus the user’s attention exclusively on one task or piece of information\n * via a window that sits on top of the page content.\n * @see https://dialtone.dialpad.com/components/modal.html\n /\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtModal',\n\n components: {\n DtLazyShow,\n DtButton,\n DtIconClose,\n SrOnlyCloseButton,\n },\n\n mixins: [Modal],\n\n props: {\n /\n Body text to display as the modal's main content.\n /\n copy: {\n type: String,\n default: '',\n },\n\n /\n Id to use for the dialog's aria-describedby.\n * Recommended only if the dialog content itself isn't enough to give full context,\n * as screen readers should recite the dialog contents by default before any aria-description.\n /\n describedById: {\n type: String,\n default: '',\n },\n\n /\n Id to use for the dialog's aria-labelledby.\n /\n labelledById: {\n type: String,\n default: function () { return getUniqueString(); },\n },\n\n /\n Whether the modal should be shown.\n * Parent component can sync on this value to control the modal's visibility.\n * @values true, false\n /\n show: {\n type: Boolean,\n default: false,\n },\n\n /\n Title text to display in the modal header.\n /\n title: {\n type: String,\n default: '',\n },\n\n /\n Title text to display in the modal banner.\n /\n bannerTitle: {\n type: String,\n default: '',\n },\n\n /\n The theme of the modal. kind - default or danger,\n * @values default, danger\n /\n kind: {\n type: String,\n default: 'default',\n validator: (k) => Object.keys(MODAL_KIND_MODIFIERS).includes(k),\n },\n\n /\n The size of the modal. size - default or full,\n * @values default, full\n /\n size: {\n type: String,\n default: 'default',\n validator: (s) => Object.keys(MODAL_SIZE_MODIFIERS).includes(s),\n },\n\n /\n Additional class name for the root modal element.\n * Can accept String, Object, and Array, i.e. has the\n * same API as Vue's built-in handling of the class attribute.\n /\n modalClass: {\n type: [String, Object, Array],\n default: '',\n },\n\n /\n Additional class name for the dialog element within the modal.\n * Can accept String, Object, and Array, i.e. has the\n * same API as Vue's built-in handling of the class attribute.\n /\n dialogClass: {\n type: [String, Object, Array],\n default: '',\n },\n\n /\n Additional class name for the content element within the modal.\n * Can accept String, Object, and Array, i.e. has the\n * same API as Vue's built-in handling of the class attribute.\n /\n contentClass: {\n type: [String, Object, Array],\n default: '',\n },\n\n /\n Sets the color of the banner.\n * @values base, error, info, success, warning\n /\n bannerKind: {\n type: String,\n default: 'warning',\n validate (kind) {\n return NOTICE_KINDS.includes(kind);\n },\n },\n\n /\n Additional class name for the banner element within the modal.\n * Can accept String, Object, and Array, i.e. has the\n * same API as Vue's built-in handling of the class attribute.\n /\n bannerClass: {\n type: [String, Object, Array],\n default: '',\n },\n\n /\n Hides the close button on the modal\n * @values true, false\n /\n hideClose: {\n type: Boolean,\n default: false,\n },\n\n /\n Whether the modal will close when you click outside of the dialog on the overlay.\n * @values true, false\n /\n closeOnClick: {\n type: Boolean,\n default: true,\n },\n\n /\n Scrollable modal that allows scroll the modal content keeping the header and footer fixed\n * @values true, false\n /\n fixedHeaderFooter: {\n type: Boolean,\n default: true,\n },\n\n /\n The element that is focused when the modal is opened. This can be an\n * HTMLElement within the modal, a string starting with '#' which will\n * find the element by ID. 'first' which will automatically focus\n * the first element, or 'dialog' which will focus the dialog window itself.\n * If the dialog is modal this prop cannot be 'none'.\n /\n initialFocusElement: {\n type: [String, HTML_ELEMENT_TYPE],\n default: 'first',\n validator: initialFocusElement => {\n return initialFocusElement === 'first' \|\|\n (initialFocusElement instanceof HTMLElement) \|\|\n initialFocusElement.startsWith('#');\n },\n },\n\n /\n A CSS selector string for the element to portal the modal to. If not provided, the modal will be rendered in its default location.\n /\n appendTo: {\n type: String,\n default: undefined,\n },\n },\n\n emits: [\n /\n Native button click event\n \n @event click\n * @type {PointerEvent \| KeyboardEvent}\n /\n 'click',\n\n /\n Native keydown event\n \n @event keydown\n * @type {KeyboardEvent}\n /\n 'keydown',\n\n /\n The modal will emit a \"false\" boolean value for this event when the user performs a modal-closing action.\n * Parent components can sync on this value to create a 2-way binding to control modal visibility.\n \n @event update:show\n * @type {Boolean}\n */\n 'update:show',\n ],\n\n data () {\n return {\n MODAL_KIND_MODIFIERS,\n MODAL_SIZE_MODIFIERS,\n MODAL_BANNER_KINDS,\n EVENT_KEYNAMES,\n hasSlotContent,\n i18n: new DialtoneLocalization(),\n };\n },\n\n computed: {\n modalListeners () {\n return {\n mousedown: event => {\n // Track whether the drag originated on the backdrop so that a drag\n // starting inside the dialog and ending outside doesn't close the modal.\n this._mousedownOnBackdrop = (event.target === event.currentTarget);\n },\n\n click: event => {\n // Handle backdrop clicks for closing modal.\n // Require mousedown to have also started on the backdrop — prevents\n // text-selection drags that end outside from dismissing the modal.\n if (this.closeOnClick && event.target === event.currentTarget && this._mousedownOnBackdrop) {\n this.close();\n }\n\n this.$emit('click', event);\n },\n\n keydown: event => {\n switch (event.code) {\n case EVENT_KEYNAMES.esc:\n case EVENT_KEYNAMES.escape:\n this.close();\n break;\n case EVENT_KEYNAMES.tab:\n this.trapFocus(event);\n break;\n }\n this.$emit('keydown', event);\n },\n\n 'after-enter': async () => {\n this.$emit('update:show', true);\n await this.setFocusAfterTransition();\n },\n\n focusin: event => {\n // Ensure focus stays within modal\n const modalEl = this.$refs.modalRoot?.$el \|\| this.$el;\n if (this.show && modalEl && !modalEl.contains(event.target)) {\n event.preventDefault();\n this.focusFirstElement(modalEl);\n }\n },\n };\n },\n\n open () {\n return `${!this.show}`;\n },\n\n hasFooterSlot () {\n return !!this.$slots.footer;\n },\n\n bannerKindClass () {\n return MODAL_BANNER_KINDS[this.bannerKind];\n },\n\n closeButtonTitle () {\n return this.i18n.$t('DIALTONE_CLOSE_BUTTON');\n },\n },\n\n watch: {\n show: {\n handler (isShowing) {\n if (isShowing) {\n // Set a reference to the previously-active element, to which we'll return focus on modal close.\n this.previousActiveElement = document.activeElement;\n const modalEl = this.$refs.modalRoot?.$el \|\| this.$el;\n disableRootScrolling(returnFirstEl(modalEl).getRootNode().host);\n document.addEventListener('keydown', this._trapFocusGlobalBound);\n } else {\n const modalEl = this.$refs.modalRoot?.$el \|\| this.$el;\n enableRootScrolling(returnFirstEl(modalEl).getRootNode().host);\n // Modal is being hidden, so return focus to the previously active element before clearing the reference.\n this.previousActiveElement?.focus();\n this.previousActiveElement = null;\n document.removeEventListener('keydown', this._trapFocusGlobalBound);\n }\n },\n },\n },\n\n created () {\n this._trapFocusGlobalBound = (e) => this._trapFocusGlobal(e);\n this._mousedownOnBackdrop = false;\n },\n\n mounted () {\n if (this.show) {\n document.addEventListener('keydown', this._trapFocusGlobalBound);\n }\n },\n\n beforeUnmount () {\n document.removeEventListener('keydown', this._trapFocusGlobalBound);\n },\n\n methods: {\n close () {\n this.$emit('update:show', false);\n },\n\n async setFocusAfterTransition () {\n const modalEl = this.$refs.modalRoot?.$el \|\| this.$el;\n if (this.initialFocusElement === 'first') {\n await this.focusFirstElement(modalEl);\n } else if (this.initialFocusElement.startsWith('#')) {\n await this.focusElementById(this.initialFocusElement);\n } else if (this.initialFocusElement instanceof HTMLElement) {\n this.initialFocusElement.focus();\n }\n },\n\n trapFocus (e) {\n if (this.show) {\n const modalEl = this.$refs.modalRoot?.$el \|\| this.$el;\n this.focusTrappedTabPress(e, modalEl);\n }\n },\n\n _trapFocusGlobal (e) {\n if (!this.show \|\| e.code !== EVENT_KEYNAMES.tab) return;\n const modalEl = this.$refs.modalRoot?.$el \|\| this.$el;\n if (modalEl && !modalEl.contains(document.activeElement)) {\n e.preventDefault();\n this.focusFirstElement(modalEl);\n }\n },\n },\n};\n</script>\n"],"mappings":"2nBA+IA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,UAEN,WAAY,CACV,WAAA,EAAA,QACA,SAAA,EAAA,QACA,YAAA,EAAA,YACA,kBAAA,EAAA,QACD,CAED,OAAQ,CAAC,EAAA,QAAM,CAEf,MAAO,CAIL,KAAM,CACJ,KAAM,OACN,QAAS,GACV,CAOD,cAAe,CACb,KAAM,OACN,QAAS,GACV,CAKD,aAAc,CACZ,KAAM,OACN,QAAS,UAAY,CAAE,OAAO,EAAA,iBAAiB,EAChD,CAOD,KAAM,CACJ,KAAM,QACN,QAAS,GACV,CAKD,MAAO,CACL,KAAM,OACN,QAAS,GACV,CAKD,YAAa,CACX,KAAM,OACN,QAAS,GACV,CAMD,KAAM,CACJ,KAAM,OACN,QAAS,UACT,UAAY,GAAM,OAAO,KAAK,EAAA,qBAAqB,CAAC,SAAS,EAAE,CAChE,CAMD,KAAM,CACJ,KAAM,OACN,QAAS,UACT,UAAY,GAAM,OAAO,KAAK,EAAA,qBAAqB,CAAC,SAAS,EAAE,CAChE,CAOD,WAAY,CACV,KAAM,CAAC,OAAQ,OAAQ,MAAM,CAC7B,QAAS,GACV,CAOD,YAAa,CACX,KAAM,CAAC,OAAQ,OAAQ,MAAM,CAC7B,QAAS,GACV,CAOD,aAAc,CACZ,KAAM,CAAC,OAAQ,OAAQ,MAAM,CAC7B,QAAS,GACV,CAMD,WAAY,CACV,KAAM,OACN,QAAS,UACT,SAAU,EAAM,CACd,OAAO,EAAA,aAAa,SAAS,EAAK,EAErC,CAOD,YAAa,CACX,KAAM,CAAC,OAAQ,OAAQ,MAAM,CAC7B,QAAS,GACV,CAMD,UAAW,CACT,KAAM,QACN,QAAS,GACV,CAMD,aAAc,CACZ,KAAM,QACN,QAAS,GACV,CAMD,kBAAmB,CACjB,KAAM,QACN,QAAS,GACV,CASD,oBAAqB,CACnB,KAAM,CAAC,OAAQ,EAAA,kBAAkB,CACjC,QAAS,QACT,UAAW,GACF,IAAwB,SAC5B,aAA+B,aAChC,EAAoB,WAAW,IAAI,CAExC,CAKD,SAAU,CACR,KAAM,OACN,QAAS,IAAA,GACV,CACF,CAED,MAAO,CAOL,QAQA,UASA,cACD,CAED,MAAQ,CACN,MAAO,CACL,qBAAA,EAAA,qBACA,qBAAA,EAAA,qBACA,mBAAA,EAAA,mBACA,eAAA,EAAA,eACA,eAAA,EAAA,eACA,KAAM,IAAI,EAAA,qBACX,EAGH,SAAU,CACR,gBAAkB,CAChB,MAAO,CACL,UAAW,GAAS,CAGlB,KAAK,qBAAwB,EAAM,SAAW,EAAM,eAGtD,MAAO,GAAS,CAIV,KAAK,cAAgB,EAAM,SAAW,EAAM,eAAiB,KAAK,sBACpE,KAAK,OAAO,CAGd,KAAK,MAAM,QAAS,EAAM,EAG5B,QAAS,GAAS,CAChB,OAAQ,EAAM,KAAd,CACE,KAAK,EAAA,eAAe,IACpB,KAAK,EAAA,eAAe,OAClB,KAAK,OAAO,CACZ,MACF,KAAK,EAAA,eAAe,IAClB,KAAK,UAAU,EAAM,CACrB,MAEJ,KAAK,MAAM,UAAW,EAAM,EAG9B,cAAe,SAAY,CACzB,KAAK,MAAM,cAAe,GAAK,CAC/B,MAAM,KAAK,yBAAyB,EAGtC,QAAS,GAAS,CAEhB,IAAM,EAAU,KAAK,MAAM,WAAW,KAAO,KAAK,IAC9C,KAAK,MAAQ,GAAW,CAAC,EAAQ,SAAS,EAAM,OAAO,GACzD,EAAM,gBAAgB,CACtB,KAAK,kBAAkB,EAAQ,GAGpC,EAGH,MAAQ,CACN,MAAO,GAAG,CAAC,KAAK,QAGlB,eAAiB,CACf,MAAO,CAAC,CAAC,KAAK,OAAO,QAGvB,iBAAmB,CACjB,OAAO,EAAA,mBAAmB,KAAK,aAGjC,kBAAoB,CAClB,OAAO,KAAK,KAAK,GAAG,wBAAwB,EAE/C,CAED,MAAO,CACL,KAAM,CACJ,QAAS,EAAW,CACd,GAEF,KAAK,sBAAwB,SAAS,cAEtC,EAAA,qBAAqB,EAAA,cADL,KAAK,MAAM,WAAW,KAAO,KAAK,IACP,CAAC,aAAa,CAAC,KAAK,CAC/D,SAAS,iBAAiB,UAAW,KAAK,sBAAsB,GAGhE,EAAA,oBAAoB,EAAA,cADJ,KAAK,MAAM,WAAW,KAAO,KAAK,IACR,CAAC,aAAa,CAAC,KAAK,CAE9D,KAAK,uBAAuB,OAAO,CACnC,KAAK,sBAAwB,KAC7B,SAAS,oBAAoB,UAAW,KAAK,sBAAsB,GAGxE,CACF,CAED,SAAW,CACT,KAAK,sBAAyB,GAAM,KAAK,iBAAiB,EAAE,CAC5D,KAAK,qBAAuB,IAG9B,SAAW,CACL,KAAK,MACP,SAAS,iBAAiB,UAAW,KAAK,sBAAsB,EAIpE,eAAiB,CACf,SAAS,oBAAoB,UAAW,KAAK,sBAAsB,EAGrE,QAAS,CACP,OAAS,CACP,KAAK,MAAM,cAAe,GAAM,EAGlC,MAAM,yBAA2B,CAC/B,IAAM,EAAU,KAAK,MAAM,WAAW,KAAO,KAAK,IAC9C,KAAK,sBAAwB,QAC/B,MAAM,KAAK,kBAAkB,EAAQ,CAC5B,KAAK,oBAAoB,WAAW,IAAI,CACjD,MAAM,KAAK,iBAAiB,KAAK,oBAAoB,CAC5C,KAAK,+BAA+B,aAC7C,KAAK,oBAAoB,OAAO,EAIpC,UAAW,EAAG,CACZ,GAAI,KAAK,KAAM,CACb,IAAM,EAAU,KAAK,MAAM,WAAW,KAAO,KAAK,IAClD,KAAK,qBAAqB,EAAG,EAAQ,GAIzC,iBAAkB,EAAG,CACnB,GAAI,CAAC,KAAK,MAAQ,EAAE,OAAS,EAAA,eAAe,IAAK,OACjD,IAAM,EAAU,KAAK,MAAM,WAAW,KAAO,KAAK,IAC9C,GAAW,CAAC,EAAQ,SAAS,SAAS,cAAc,GACtD,EAAE,gBAAgB,CAClB,KAAK,kBAAkB,EAAQ,GAGpC,CACF,qEAjaW,MAAM,mQA6BL,EAAA,SAAA,CApHR,SAAQ,CAAG,EAAA,SACX,GAAI,EAAA,6BAkHU,GAAA,EAAA,EAAA,YAAA,CA/Gb,IAAI,YACJ,WAAW,SACV,KAAM,EAAA,KACN,MAAK,WAA+B,EAAA,qBAAqB,EAAA,MAAe,EAAA,qBAAqB,EAAA,MAAe,EAAA,YAM7G,UAAQ,WACP,cAAa,EAAA,uBACO,EAAf,eAAc,CAAA,CAAA,2BAed,CAZE,EAAA,OAAS,EAAA,eAAe,EAAA,OAAO,OAAM,EAAK,EAAA,eAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAY5C,MAAA,OAXJ,UAAQ,kBACP,OAAA,EAAA,EAAA,gBAAK,mBAA2C,EAAA,YAAuB,EAAA,qCASjE,EAAA,OAAA,SAAA,EAAA,KAAA,EAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBADF,EAAA,YAAW,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,EAAA,EAAA,EAAA,aAsFL,EAAA,WAAA,CAlFX,OAAA,GACA,KAAK,8CAgFC,EAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,oBAAA,MAAA,CA5EH,OAAA,EAAA,EAAA,gBAAK,kDAAgF,EAAA,kBAAiB,CAAgB,EAAA,cAKvH,KAAK,SACL,aAAW,OACV,mBAAkB,EAAA,cAClB,kBAAiB,EAAA,eAGV,EAAA,eAAe,EAAA,OAAO,OAAM,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAO9B,MAAA,OANH,GAAI,EAAA,aACL,MAAM,kBACN,UAAQ,oCAGc,EAAA,OAAA,SAAA,CAAA,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBASnB,KAAA,OALF,GAAI,EAAA,aACL,MAAM,kBACN,UAAQ,wCAEL,EAAA,MAAK,CAAA,EAAA,EAAA,EAGF,EAAA,eAAe,EAAA,OAAO,QAAO,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAS/B,MAAA,OARH,OAAA,EAAA,EAAA,gBAAK,CAAA,mBAAoD,EAAA,aAAA,CAAA,CAI1D,UAAQ,mCAGA,EAAA,OAAA,UAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAWN,IAAA,OAPD,OAAA,EAAA,EAAA,gBAAK,CAAA,mBAAoD,EAAA,aAAA,CAAA,CAI1D,UAAQ,uCAEL,EAAA,KAAI,CAAA,EAAA,EAGD,EAAA,gBAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAKC,SANT,EAMS,EAAA,EAAA,EAAA,YADe,EAAA,OAAA,SAAA,CAAA,CAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,CAGhB,EAAA,YAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAEN,EAAA,OADC,QAAO,EAAA,iEAkBE,EAAA,OAdV,MAAM,iBACN,UAAQ,wBACR,KAAK,KACL,KAAK,QACL,WAAW,QACV,aAAY,EAAA,iBACZ,MAAO,EAAA,iBACP,QAAO,EAAA,QAEG,MAAA,EAAA,EAAA,UAGP,CAHe,cAAQ,EAAA,EAAA,EAAA,aAGvB,EAAA,CADC,KAAM,EAAQ,CAAA,KAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA,4DAzEb,EAAA,KAAI,CAAA,CAAA,CAAA,CAAA"}

package/dist/lib/modal/modal.js CHANGED Viewed

@@ -137,8 +137,11 @@ var I = {
 	computed: {
 		modalListeners() {
 			return {
+				mousedown: (e) => {
+					this._mousedownOnBackdrop = e.target === e.currentTarget;
+				},
 				click: (e) => {
-					this.closeOnClick && e.target === e.currentTarget && this.close(), this.$emit("click", e);
+					this.closeOnClick && e.target === e.currentTarget && this._mousedownOnBackdrop && this.close(), this.$emit("click", e);
 				},
 				keydown: (t) => {
 					switch (t.code) {
@@ -178,7 +181,7 @@ var I = {
 		e ? (this.previousActiveElement = document.activeElement, n(o(this.$refs.modalRoot?.$el || this.$el).getRootNode().host), document.addEventListener("keydown", this._trapFocusGlobalBound)) : (r(o(this.$refs.modalRoot?.$el || this.$el).getRootNode().host), this.previousActiveElement?.focus(), this.previousActiveElement = null, document.removeEventListener("keydown", this._trapFocusGlobalBound));
 	} } },
 	created() {
-		this._trapFocusGlobalBound = (e) => this._trapFocusGlobal(e);
+		this._trapFocusGlobalBound = (e) => this._trapFocusGlobal(e), this._mousedownOnBackdrop = !1;
 	},
 	mounted() {
 		this.show && document.addEventListener("keydown", this._trapFocusGlobalBound);