@dialpad/dialtone-vue 3.219.1 → 3.219.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 (38) hide show
  1. package/dist/component-documentation.json +1 -1
  2. package/dist/components/collapsible/collapsible.vue.d.ts.map +1 -1
  3. package/dist/components/popover/popover.vue.d.ts.map +1 -1
  4. package/dist/components/rich_text_editor/rich_text_editor.vue.d.ts +9 -0
  5. package/dist/components/rich_text_editor/rich_text_editor.vue.d.ts.map +1 -1
  6. package/dist/dialtone-vue.cjs +1 -1
  7. package/dist/dialtone-vue.js +2 -2
  8. package/dist/lib/collapsible/collapsible.cjs +1 -1
  9. package/dist/lib/collapsible/collapsible.cjs.map +1 -1
  10. package/dist/lib/collapsible/collapsible.js +5 -2
  11. package/dist/lib/collapsible/collapsible.js.map +1 -1
  12. package/dist/lib/editor/editor.cjs +1 -1
  13. package/dist/lib/editor/editor.js +1 -1
  14. package/dist/lib/message-input/index.cjs +1 -1
  15. package/dist/lib/message-input/index.js +1 -1
  16. package/dist/lib/message-input/message-input.cjs +1 -1
  17. package/dist/lib/message-input/message-input.js +1 -1
  18. package/dist/lib/popover/popover.cjs +1 -1
  19. package/dist/lib/popover/popover.cjs.map +1 -1
  20. package/dist/lib/popover/popover.js +9 -3
  21. package/dist/lib/popover/popover.js.map +1 -1
  22. package/dist/lib/rich-text-editor/index.cjs +1 -1
  23. package/dist/lib/rich-text-editor/index.js +1 -1
  24. package/dist/lib/rich-text-editor/rich-text-editor.cjs +1 -1
  25. package/dist/lib/rich-text-editor/rich-text-editor.js +1 -1
  26. package/dist/{message_input-15gar4iy.js → message_input-BssxPs1B.js} +2 -2
  27. package/dist/{message_input-15gar4iy.js.map → message_input-BssxPs1B.js.map} +1 -1
  28. package/dist/{message_input-C9OkeBcE.cjs → message_input-Bw5RZHOI.cjs} +2 -2
  29. package/dist/{message_input-C9OkeBcE.cjs.map → message_input-Bw5RZHOI.cjs.map} +1 -1
  30. package/dist/recipes/conversation_view/editor/editor.vue.d.ts +9 -0
  31. package/dist/recipes/conversation_view/editor/editor.vue.d.ts.map +1 -1
  32. package/dist/recipes/conversation_view/message_input/message_input.vue.d.ts +9 -0
  33. package/dist/recipes/conversation_view/message_input/message_input.vue.d.ts.map +1 -1
  34. package/dist/{rich_text_editor-DfniiQVS.cjs → rich_text_editor-BE49FAdX.cjs} +4 -2
  35. package/dist/{rich_text_editor-DfniiQVS.cjs.map → rich_text_editor-BE49FAdX.cjs.map} +1 -1
  36. package/dist/{rich_text_editor-jVEuSPUG.js → rich_text_editor-BtvmJUw1.js} +41 -5
  37. package/dist/{rich_text_editor-jVEuSPUG.js.map → rich_text_editor-BtvmJUw1.js.map} +1 -1
  38. package/package.json +10 -5
@@ -1 +1 @@
1
- {"version":3,"file":"collapsible.vue.d.ts","sourceRoot":"","sources":["../../../components/collapsible/collapsible.vue"],"names":[],"mappings":"AA6EA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA4RA,GA1O6B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA0O7B,GA1O6B;;;;;;;+BA0OwC,gBAAgB"}
1
+ {"version":3,"file":"collapsible.vue.d.ts","sourceRoot":"","sources":["../../../components/collapsible/collapsible.vue"],"names":[],"mappings":"AA6EA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAoSA,GAlP6B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAkP7B,GAlP6B;;;;;;;+BAkPwC,gBAAgB"}
@@ -1 +1 @@
1
- {"version":3,"file":"popover.vue.d.ts","sourceRoot":"","sources":["../../../components/popover/popover.vue"],"names":[],"mappings":"AA2HA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qEAukCA,IAx+BA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAw+BA,GAliCG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAkiCH,GAliCG;;;;;;;;+BA2iCyI,gBAAgB"}
1
+ {"version":3,"file":"popover.vue.d.ts","sourceRoot":"","sources":["../../../components/popover/popover.vue"],"names":[],"mappings":"AA2HA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qEAmlCA,IAp/BA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAo/BA,GA9iCG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBA8iCH,GA9iCG;;;;;;;;+BAujCyI,gBAAgB"}
@@ -147,6 +147,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
147
147
  type: BooleanConstructor;
148
148
  default: boolean;
149
149
  };
150
+ allowTextAlign: {
151
+ type: BooleanConstructor;
152
+ default: boolean;
153
+ };
150
154
  allowImageResize: {
151
155
  type: BooleanConstructor;
152
156
  default: boolean;
@@ -347,6 +351,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
347
351
  type: BooleanConstructor;
348
352
  default: boolean;
349
353
  };
354
+ allowTextAlign: {
355
+ type: BooleanConstructor;
356
+ default: boolean;
357
+ };
350
358
  allowImageResize: {
351
359
  type: BooleanConstructor;
352
360
  default: boolean;
@@ -404,6 +412,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
404
412
  hideLinkBubbleMenu: boolean;
405
413
  useDivTags: boolean;
406
414
  allowTables: boolean;
415
+ allowTextAlign: boolean;
407
416
  allowImageResize: boolean;
408
417
  }, {}, {
409
418
  EditorContent: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -1 +1 @@
1
- {"version":3,"file":"rich_text_editor.vue.d.ts","sourceRoot":"","sources":["../../../components/rich_text_editor/rich_text_editor.vue"],"names":[],"mappings":"AAqDA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAmtCA,CA1hCE;qBA0hCF,CAxhCmB;kBAwhCnB,CAphCqD;gBAohCrD,CA9gCM;iBA8gCN,CA7gCqE;iBA6gCrE,CA5gC6D;gBA4gC7D,CA1gCuB;yBA0gCvB,CAtgCY;gBAsgCZ,CApgCmC;kBAogCnC,CA//BW;kBA+/BX,CA3/Bc;kBA2/Bd,CAv/BQ;oBAu/BR,CAv/BuC;qBAu/BvC,CAv/BuE;wBAu/BvE,CAr/Be;;;;;;;;;;;oBAq/Bf,CAx+BW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BA0+Be,cAAc;uBAFF,eAAe"}
1
+ {"version":3,"file":"rich_text_editor.vue.d.ts","sourceRoot":"","sources":["../../../components/rich_text_editor/rich_text_editor.vue"],"names":[],"mappings":"AAqDA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBA8xCA,CArmCE;qBAqmCF,CAnmCmB;kBAmmCnB,CA/lCqD;gBA+lCrD,CAzlCM;iBAylCN,CAxlCqE;iBAwlCrE,CAvlC6D;gBAulC7D,CArlCuB;yBAqlCvB,CAjlCY;gBAilCZ,CA/kCmC;kBA+kCnC,CA1kCW;kBA0kCX,CAtkCc;kBAskCd,CAlkCQ;oBAkkCR,CAlkCuC;qBAkkCvC,CAlkCuE;wBAkkCvE,CAhkCe;;;;;;;;;;;oBAgkCf,CAnjCW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAqjCe,cAAc;uBAFF,eAAe"}
@@ -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-aOVGO_Os.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-DfniiQVS.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-C9OkeBcE.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.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-aOVGO_Os.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-BE49FAdX.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-Bw5RZHOI.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.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;
@@ -116,7 +116,7 @@ import { t as wr } from "./resizable-D4-peBOl.js";
116
116
  import { t as Tr } from "./resizable_handle-BlKBiWnx.js";
117
117
  import Er from "./lib/resizable/resizable-panel.js";
118
118
  import "./lib/resizable/index.js";
119
- import { t as Dr } from "./rich_text_editor-jVEuSPUG.js";
119
+ import { t as Dr } from "./rich_text_editor-BtvmJUw1.js";
120
120
  import { RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as Or, RICH_TEXT_EDITOR_OUTPUT_FORMATS as kr } from "./lib/rich-text-editor/rich-text-editor-constants.js";
121
121
  import { ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS as Ar, ROOT_LAYOUT_SIDEBAR_POSITIONS as jr } from "./lib/root-layout/root-layout-constants.js";
122
122
  import Mr from "./lib/root-layout/root-layout.js";
@@ -168,7 +168,7 @@ import "./lib/feed-item-pill/index.js";
168
168
  import { DEFAULT_FEED_ROW_STATE as bi, FEED_ROW_STATE_BACKGROUND_COLOR as xi } from "./lib/feed-item-row/feed-item-row-constants.js";
169
169
  import Si from "./lib/feed-item-row/feed-item-row.js";
170
170
  import "./lib/feed-item-row/index.js";
171
- import { t as Ci } from "./message_input-15gar4iy.js";
171
+ import { t as Ci } from "./message_input-BssxPs1B.js";
172
172
  import "./lib/message-input/index.js";
173
173
  import wi from "./lib/time-pill/time-pill.js";
174
174
  import "./lib/time-pill/index.js";
@@ -1,2 +1,2 @@
1
- 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(`../button/button.cjs`),r=require(`./collapsible-lazy-show.cjs`),i=require(`../lazy-show/lazy-show.cjs`);let a=require(`vue`),o=require(`@dialpad/dialtone-icons/vue3`);var s={compatConfig:{MODE:3},name:`DtCollapsible`,components:{DtButton:n.default,DtCollapsibleLazyShow:r.default,DtLazyShow:i.default,DtIconChevronDown:o.DtIconChevronDown,DtIconChevronRight:o.DtIconChevronRight},props:{anchorText:{type:String,default:null},open:{type:Boolean,default:null},id:{type:String,default(){return e.getUniqueString()}},elementType:{type:String,default:`div`},contentElementType:{type:String,default:`div`},anchorClass:{type:[String,Array,Object],default:null},contentClass:{type:[String,Array,Object],default:null},maxWidth:{type:String,default:null},maxHeight:{type:String,default:null},ariaLabel:{type:String,default:null},ariaLabelledBy:{type:String,default:null}},emits:[`update:open`,`opened`],data(){return{isOpen:!0}},computed:{labelledBy(){return this.ariaLabelledBy||!this.ariaLabel&&e.getUniqueString(`DtCollapsible__anchor`)},collapsibleListeners(){return e.extractVueListeners(this.$attrs)}},watch:{open:{handler:function(e){e!==null&&(this.isOpen=e)},immediate:!0}},created(){this.validateProperAnchor()},methods:{onLeaveTransitionComplete(){this.$emit(`opened`,!1),this.open!==null&&this.$emit(`update:open`,!1)},onEnterTransitionComplete(){this.$emit(`opened`,!0,this.$refs.content),this.open!==null&&this.$emit(`update:open`,!0)},defaultToggleOpen(){this.open===null&&this.toggleOpen()},toggleOpen(){this.isOpen=!this.isOpen},validateProperAnchor(){!this.anchorText&&!e.hasSlotContent(this.$slots.anchor)&&console.error(`anchor text and anchor slot content cannot both be falsy`)}}},c=[`id`],l=[`title`];function u(e,t,n,r,i,o){let s=(0,a.resolveComponent)(`dt-icon-chevron-down`),u=(0,a.resolveComponent)(`dt-icon-chevron-right`),d=(0,a.resolveComponent)(`dt-button`),f=(0,a.resolveComponent)(`dt-collapsible-lazy-show`);return(0,a.openBlock)(),(0,a.createBlock)((0,a.resolveDynamicComponent)(n.elementType),(0,a.mergeProps)({ref:`collapsible`},(0,a.toHandlers)(o.collapsibleListeners)),{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`div`,{id:!n.ariaLabelledBy&&o.labelledBy,ref:`anchor`,class:(0,a.normalizeClass)(n.anchorClass)},[(0,a.renderSlot)(e.$slots,`anchor`,{attrs:{"aria-controls":n.id,"aria-expanded":i.isOpen.toString(),role:`button`}},()=>[(0,a.createVNode)(d,{importance:`clear`,kind:`muted`,"aria-controls":n.id,"aria-expanded":`${i.isOpen}`,style:(0,a.normalizeStyle)({width:n.maxWidth}),onClick:o.defaultToggleOpen},{default:(0,a.withCtx)(()=>[i.isOpen?((0,a.openBlock)(),(0,a.createBlock)(s,{key:0,class:`d-collapsible__icon`,size:`300`})):((0,a.openBlock)(),(0,a.createBlock)(u,{key:1,class:`d-collapsible__icon`,size:`300`})),(0,a.createElementVNode)(`span`,{class:`d-collapsible__anchor-text`,title:n.anchorText},(0,a.toDisplayString)(n.anchorText),9,l)]),_:1},8,[`aria-controls`,`aria-expanded`,`style`,`onClick`])])],10,c),(0,a.createVNode)(f,(0,a.mergeProps)({id:n.id,ref:`contentWrapper`,"aria-hidden":`${!i.isOpen}`,"aria-labelledby":o.labelledBy,"aria-label":n.ariaLabel,show:i.isOpen,"element-type":n.contentElementType,class:n.contentClass,style:{"max-height":n.maxHeight,"max-width":n.maxWidth},"data-qa":`dt-collapsible--content`,tabindex:`-1`,appear:``},(0,a.toHandlers)(o.collapsibleListeners),{onAfterLeave:o.onLeaveTransitionComplete,onAfterEnter:o.onEnterTransitionComplete}),{default:(0,a.withCtx)(()=>[(0,a.renderSlot)(e.$slots,`content`)]),_:3},16,[`id`,`aria-hidden`,`aria-labelledby`,`aria-label`,`show`,`element-type`,`class`,`style`,`onAfterLeave`,`onAfterEnter`])]),_:3},16)}var d=t.t(s,[[`render`,u]]);exports.default=d;
1
+ 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(`../button/button.cjs`),r=require(`./collapsible-lazy-show.cjs`),i=require(`../lazy-show/lazy-show.cjs`);let a=require(`vue`),o=require(`@dialpad/dialtone-icons/vue3`);var s={compatConfig:{MODE:3},name:`DtCollapsible`,components:{DtButton:n.default,DtCollapsibleLazyShow:r.default,DtLazyShow:i.default,DtIconChevronDown:o.DtIconChevronDown,DtIconChevronRight:o.DtIconChevronRight},props:{anchorText:{type:String,default:null},open:{type:Boolean,default:null},id:{type:String,default(){return e.getUniqueString()}},elementType:{type:String,default:`div`},contentElementType:{type:String,default:`div`},anchorClass:{type:[String,Array,Object],default:null},contentClass:{type:[String,Array,Object],default:null},maxWidth:{type:String,default:null},maxHeight:{type:String,default:null},ariaLabel:{type:String,default:null},ariaLabelledBy:{type:String,default:null}},emits:[`update:open`,`opened`],data(){return{isOpen:!0}},computed:{labelledBy(){return this.ariaLabelledBy||!this.ariaLabel&&e.getUniqueString(`DtCollapsible__anchor`)},collapsibleListeners(){return e.extractVueListeners(this.$attrs)}},watch:{open:{handler:function(e){e!==null&&(this.isOpen=e)},immediate:!0}},created(){this.validateProperAnchor()},beforeUnmount(){this._isUnmounting=!0},methods:{onLeaveTransitionComplete(){this._isUnmounting||(this.$emit(`opened`,!1),this.open!==null&&this.$emit(`update:open`,!1))},onEnterTransitionComplete(){this._isUnmounting||(this.$emit(`opened`,!0,this.$refs.content),this.open!==null&&this.$emit(`update:open`,!0))},defaultToggleOpen(){this.open===null&&this.toggleOpen()},toggleOpen(){this.isOpen=!this.isOpen},validateProperAnchor(){!this.anchorText&&!e.hasSlotContent(this.$slots.anchor)&&console.error(`anchor text and anchor slot content cannot both be falsy`)}}},c=[`id`],l=[`title`];function u(e,t,n,r,i,o){let s=(0,a.resolveComponent)(`dt-icon-chevron-down`),u=(0,a.resolveComponent)(`dt-icon-chevron-right`),d=(0,a.resolveComponent)(`dt-button`),f=(0,a.resolveComponent)(`dt-collapsible-lazy-show`);return(0,a.openBlock)(),(0,a.createBlock)((0,a.resolveDynamicComponent)(n.elementType),(0,a.mergeProps)({ref:`collapsible`},(0,a.toHandlers)(o.collapsibleListeners)),{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`div`,{id:!n.ariaLabelledBy&&o.labelledBy,ref:`anchor`,class:(0,a.normalizeClass)(n.anchorClass)},[(0,a.renderSlot)(e.$slots,`anchor`,{attrs:{"aria-controls":n.id,"aria-expanded":i.isOpen.toString(),role:`button`}},()=>[(0,a.createVNode)(d,{importance:`clear`,kind:`muted`,"aria-controls":n.id,"aria-expanded":`${i.isOpen}`,style:(0,a.normalizeStyle)({width:n.maxWidth}),onClick:o.defaultToggleOpen},{default:(0,a.withCtx)(()=>[i.isOpen?((0,a.openBlock)(),(0,a.createBlock)(s,{key:0,class:`d-collapsible__icon`,size:`300`})):((0,a.openBlock)(),(0,a.createBlock)(u,{key:1,class:`d-collapsible__icon`,size:`300`})),(0,a.createElementVNode)(`span`,{class:`d-collapsible__anchor-text`,title:n.anchorText},(0,a.toDisplayString)(n.anchorText),9,l)]),_:1},8,[`aria-controls`,`aria-expanded`,`style`,`onClick`])])],10,c),(0,a.createVNode)(f,(0,a.mergeProps)({id:n.id,ref:`contentWrapper`,"aria-hidden":`${!i.isOpen}`,"aria-labelledby":o.labelledBy,"aria-label":n.ariaLabel,show:i.isOpen,"element-type":n.contentElementType,class:n.contentClass,style:{"max-height":n.maxHeight,"max-width":n.maxWidth},"data-qa":`dt-collapsible--content`,tabindex:`-1`,appear:``},(0,a.toHandlers)(o.collapsibleListeners),{onAfterLeave:o.onLeaveTransitionComplete,onAfterEnter:o.onEnterTransitionComplete}),{default:(0,a.withCtx)(()=>[(0,a.renderSlot)(e.$slots,`content`)]),_:3},16,[`id`,`aria-hidden`,`aria-labelledby`,`aria-label`,`show`,`element-type`,`class`,`style`,`onAfterLeave`,`onAfterEnter`])]),_:3},16)}var d=t.t(s,[[`render`,u]]);exports.default=d;
2
2
  //# sourceMappingURL=collapsible.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"collapsible.cjs","names":[],"sources":["../../../components/collapsible/collapsible.vue"],"sourcesContent":["<template>\n <component\n :is=\"elementType\"\n ref=\"collapsible\"\n v-on=\"collapsibleListeners\"\n >\n <!-- Element for capturing keypress events -->\n <div\n :id=\"!ariaLabelledBy && labelledBy\"\n ref=\"anchor\"\n :class=\"anchorClass\"\n >\n <!-- @slot Slot for the anchor element that toggles the collapsible content -->\n <slot\n name=\"anchor\"\n :attrs=\"{\n 'aria-controls': id,\n 'aria-expanded': isOpen.toString(),\n 'role': 'button',\n }\"\n >\n <dt-button\n importance=\"clear\"\n kind=\"muted\"\n :aria-controls=\"id\"\n :aria-expanded=\"`${isOpen}`\"\n :style=\"{\n 'width': maxWidth,\n }\"\n @click=\"defaultToggleOpen\"\n >\n <dt-icon-chevron-down\n v-if=\"isOpen\"\n class=\"d-collapsible__icon\"\n size=\"300\"\n />\n <dt-icon-chevron-right\n v-else\n class=\"d-collapsible__icon\"\n size=\"300\"\n />\n <span\n class=\"d-collapsible__anchor-text\"\n :title=\"anchorText\"\n >\n {{ anchorText }}\n </span>\n </dt-button>\n </slot>\n </div>\n <dt-collapsible-lazy-show\n :id=\"id\"\n ref=\"contentWrapper\"\n :aria-hidden=\"`${!isOpen}`\"\n :aria-labelledby=\"labelledBy\"\n :aria-label=\"ariaLabel\"\n :show=\"isOpen\"\n :element-type=\"contentElementType\"\n :class=\"contentClass\"\n :style=\"{\n 'max-height': maxHeight,\n 'max-width': maxWidth,\n }\"\n data-qa=\"dt-collapsible--content\"\n tabindex=\"-1\"\n appear\n v-on=\"collapsibleListeners\"\n @after-leave=\"onLeaveTransitionComplete\"\n @after-enter=\"onEnterTransitionComplete\"\n >\n <!-- @slot Slot for the collapsible element that is expanded by the anchor -->\n <slot\n name=\"content\"\n />\n </dt-collapsible-lazy-show>\n </component>\n</template>\n\n<script>\nimport { extractVueListeners, getUniqueString, hasSlotContent } from '@/common/utils';\nimport DtCollapsibleLazyShow from './collapsible_lazy_show.vue';\nimport { DtButton } from '@/components/button';\nimport { DtLazyShow } from '@/components/lazy_show';\nimport { DtIconChevronDown, DtIconChevronRight } from '@dialpad/dialtone-icons/vue3';\n\n/**\n * A collapsible is a component consisting of an interactive anchor that toggled the expandable/collapsible element.\n * @see https://dialtone.dialpad.com/components/collapsible.html\n */\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtCollapsible',\n\n components: {\n DtButton,\n DtCollapsibleLazyShow,\n DtLazyShow,\n DtIconChevronDown,\n DtIconChevronRight,\n },\n\n props: {\n /**\n * Text that is displayed on the anchor if nothing is passed in the slot.\n * Ignored if the anchor slot is used.\n */\n anchorText: {\n type: String,\n default: null,\n },\n\n /**\n * Controls whether the collapsible is shown. Leaving this null will have the collapsible start\n * expanded and trigger on click by default. If you set this value, the default trigger\n * behavior will be disabled, and you can control it as you need.\n * Supports .sync modifier\n * @values null, true, false\n */\n open: {\n type: Boolean,\n default: null,\n },\n\n /**\n * The id of the content wrapper.\n */\n id: {\n type: String,\n default () { return getUniqueString(); },\n },\n\n /**\n * HTML element type (tag name) of the root element of the component.\n */\n elementType: {\n type: String,\n default: 'div',\n },\n\n /**\n * HTML element type (tag name) of the content wrapper element.\n */\n contentElementType: {\n type: String,\n default: 'div',\n },\n\n /**\n * Additional class name for the anchor wrapper element.\n */\n anchorClass: {\n type: [String, Array, Object],\n default: null,\n },\n\n /**\n * Additional class name for the content wrapper element.\n */\n contentClass: {\n type: [String, Array, Object],\n default: null,\n },\n\n /**\n * The maximum width of the anchor and collapsible element.\n * Possible units rem|px|%|em\n */\n maxWidth: {\n type: String,\n default: null,\n },\n\n /**\n * The maximum height of the collapsible element.\n * Possible units rem|px|%|em\n */\n maxHeight: {\n type: String,\n default: null,\n },\n\n /**\n * Label on the collapsible content. Should provide this or ariaLabelledBy but not both.\n */\n ariaLabel: {\n type: String,\n default: null,\n },\n\n /**\n * Id of the element that labels the collapsible content. Defaults to the anchor element.\n * Should provide this or ariaLabel but not both.\n */\n ariaLabelledBy: {\n type: String,\n default: null,\n },\n },\n\n emits: [\n /**\n * Event fired to sync the open prop with the parent component\n * @event update:open\n */\n 'update:open',\n\n /**\n * Event fired when the content is shown or hidden\n *\n * @event opened\n * @type {Boolean}\n */\n 'opened',\n ],\n\n data () {\n return {\n isOpen: true,\n };\n },\n\n computed: {\n labelledBy () {\n // aria-labelledby should be set only if aria-labelledby is passed as a prop, or if\n // there is no aria-label and the labelledby should point to the anchor\n return this.ariaLabelledBy || (!this.ariaLabel && getUniqueString('DtCollapsible__anchor'));\n },\n\n collapsibleListeners () {\n return extractVueListeners(this.$attrs);\n },\n },\n\n watch: {\n open: {\n handler: function (open) {\n if (open !== null) {\n this.isOpen = open;\n }\n },\n\n immediate: true,\n },\n },\n\n created () {\n this.validateProperAnchor();\n },\n\n methods: {\n onLeaveTransitionComplete () {\n this.$emit('opened', false);\n if (this.open !== null) {\n this.$emit('update:open', false);\n }\n },\n\n onEnterTransitionComplete () {\n this.$emit('opened', true, this.$refs.content);\n if (this.open !== null) {\n this.$emit('update:open', true);\n }\n },\n\n defaultToggleOpen () {\n if (this.open === null) {\n this.toggleOpen();\n }\n },\n\n toggleOpen () {\n this.isOpen = !this.isOpen;\n },\n\n validateProperAnchor () {\n if (!this.anchorText && !hasSlotContent(this.$slots.anchor)) {\n console.error('anchor text and anchor slot content cannot both be falsy');\n }\n },\n },\n};\n</script>\n"],"mappings":"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"}
1
+ {"version":3,"file":"collapsible.cjs","names":[],"sources":["../../../components/collapsible/collapsible.vue"],"sourcesContent":["<template>\n <component\n :is=\"elementType\"\n ref=\"collapsible\"\n v-on=\"collapsibleListeners\"\n >\n <!-- Element for capturing keypress events -->\n <div\n :id=\"!ariaLabelledBy && labelledBy\"\n ref=\"anchor\"\n :class=\"anchorClass\"\n >\n <!-- @slot Slot for the anchor element that toggles the collapsible content -->\n <slot\n name=\"anchor\"\n :attrs=\"{\n 'aria-controls': id,\n 'aria-expanded': isOpen.toString(),\n 'role': 'button',\n }\"\n >\n <dt-button\n importance=\"clear\"\n kind=\"muted\"\n :aria-controls=\"id\"\n :aria-expanded=\"`${isOpen}`\"\n :style=\"{\n 'width': maxWidth,\n }\"\n @click=\"defaultToggleOpen\"\n >\n <dt-icon-chevron-down\n v-if=\"isOpen\"\n class=\"d-collapsible__icon\"\n size=\"300\"\n />\n <dt-icon-chevron-right\n v-else\n class=\"d-collapsible__icon\"\n size=\"300\"\n />\n <span\n class=\"d-collapsible__anchor-text\"\n :title=\"anchorText\"\n >\n {{ anchorText }}\n </span>\n </dt-button>\n </slot>\n </div>\n <dt-collapsible-lazy-show\n :id=\"id\"\n ref=\"contentWrapper\"\n :aria-hidden=\"`${!isOpen}`\"\n :aria-labelledby=\"labelledBy\"\n :aria-label=\"ariaLabel\"\n :show=\"isOpen\"\n :element-type=\"contentElementType\"\n :class=\"contentClass\"\n :style=\"{\n 'max-height': maxHeight,\n 'max-width': maxWidth,\n }\"\n data-qa=\"dt-collapsible--content\"\n tabindex=\"-1\"\n appear\n v-on=\"collapsibleListeners\"\n @after-leave=\"onLeaveTransitionComplete\"\n @after-enter=\"onEnterTransitionComplete\"\n >\n <!-- @slot Slot for the collapsible element that is expanded by the anchor -->\n <slot\n name=\"content\"\n />\n </dt-collapsible-lazy-show>\n </component>\n</template>\n\n<script>\nimport { extractVueListeners, getUniqueString, hasSlotContent } from '@/common/utils';\nimport DtCollapsibleLazyShow from './collapsible_lazy_show.vue';\nimport { DtButton } from '@/components/button';\nimport { DtLazyShow } from '@/components/lazy_show';\nimport { DtIconChevronDown, DtIconChevronRight } from '@dialpad/dialtone-icons/vue3';\n\n/**\n * A collapsible is a component consisting of an interactive anchor that toggled the expandable/collapsible element.\n * @see https://dialtone.dialpad.com/components/collapsible.html\n */\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtCollapsible',\n\n components: {\n DtButton,\n DtCollapsibleLazyShow,\n DtLazyShow,\n DtIconChevronDown,\n DtIconChevronRight,\n },\n\n props: {\n /**\n * Text that is displayed on the anchor if nothing is passed in the slot.\n * Ignored if the anchor slot is used.\n */\n anchorText: {\n type: String,\n default: null,\n },\n\n /**\n * Controls whether the collapsible is shown. Leaving this null will have the collapsible start\n * expanded and trigger on click by default. If you set this value, the default trigger\n * behavior will be disabled, and you can control it as you need.\n * Supports .sync modifier\n * @values null, true, false\n */\n open: {\n type: Boolean,\n default: null,\n },\n\n /**\n * The id of the content wrapper.\n */\n id: {\n type: String,\n default () { return getUniqueString(); },\n },\n\n /**\n * HTML element type (tag name) of the root element of the component.\n */\n elementType: {\n type: String,\n default: 'div',\n },\n\n /**\n * HTML element type (tag name) of the content wrapper element.\n */\n contentElementType: {\n type: String,\n default: 'div',\n },\n\n /**\n * Additional class name for the anchor wrapper element.\n */\n anchorClass: {\n type: [String, Array, Object],\n default: null,\n },\n\n /**\n * Additional class name for the content wrapper element.\n */\n contentClass: {\n type: [String, Array, Object],\n default: null,\n },\n\n /**\n * The maximum width of the anchor and collapsible element.\n * Possible units rem|px|%|em\n */\n maxWidth: {\n type: String,\n default: null,\n },\n\n /**\n * The maximum height of the collapsible element.\n * Possible units rem|px|%|em\n */\n maxHeight: {\n type: String,\n default: null,\n },\n\n /**\n * Label on the collapsible content. Should provide this or ariaLabelledBy but not both.\n */\n ariaLabel: {\n type: String,\n default: null,\n },\n\n /**\n * Id of the element that labels the collapsible content. Defaults to the anchor element.\n * Should provide this or ariaLabel but not both.\n */\n ariaLabelledBy: {\n type: String,\n default: null,\n },\n },\n\n emits: [\n /**\n * Event fired to sync the open prop with the parent component\n * @event update:open\n */\n 'update:open',\n\n /**\n * Event fired when the content is shown or hidden\n *\n * @event opened\n * @type {Boolean}\n */\n 'opened',\n ],\n\n data () {\n return {\n isOpen: true,\n };\n },\n\n computed: {\n labelledBy () {\n // aria-labelledby should be set only if aria-labelledby is passed as a prop, or if\n // there is no aria-label and the labelledby should point to the anchor\n return this.ariaLabelledBy || (!this.ariaLabel && getUniqueString('DtCollapsible__anchor'));\n },\n\n collapsibleListeners () {\n return extractVueListeners(this.$attrs);\n },\n },\n\n watch: {\n open: {\n handler: function (open) {\n if (open !== null) {\n this.isOpen = open;\n }\n },\n\n immediate: true,\n },\n },\n\n created () {\n this.validateProperAnchor();\n },\n\n beforeUnmount () {\n this._isUnmounting = true;\n // Prevent transition callbacks from calling into dead lifecycle methods\n // after this component is torn down (DP-185811).\n },\n\n methods: {\n onLeaveTransitionComplete () {\n if (this._isUnmounting) return;\n this.$emit('opened', false);\n if (this.open !== null) {\n this.$emit('update:open', false);\n }\n },\n\n onEnterTransitionComplete () {\n if (this._isUnmounting) return;\n this.$emit('opened', true, this.$refs.content);\n if (this.open !== null) {\n this.$emit('update:open', true);\n }\n },\n\n defaultToggleOpen () {\n if (this.open === null) {\n this.toggleOpen();\n }\n },\n\n toggleOpen () {\n this.isOpen = !this.isOpen;\n },\n\n validateProperAnchor () {\n if (!this.anchorText && !hasSlotContent(this.$slots.anchor)) {\n console.error('anchor text and anchor slot content cannot both be falsy');\n }\n },\n },\n};\n</script>\n"],"mappings":"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"}
@@ -93,12 +93,15 @@ var S = {
93
93
  created() {
94
94
  this.validateProperAnchor();
95
95
  },
96
+ beforeUnmount() {
97
+ this._isUnmounting = !0;
98
+ },
96
99
  methods: {
97
100
  onLeaveTransitionComplete() {
98
- this.$emit("opened", !1), this.open !== null && this.$emit("update:open", !1);
101
+ this._isUnmounting || (this.$emit("opened", !1), this.open !== null && this.$emit("update:open", !1));
99
102
  },
100
103
  onEnterTransitionComplete() {
101
- this.$emit("opened", !0, this.$refs.content), this.open !== null && this.$emit("update:open", !0);
104
+ this._isUnmounting || (this.$emit("opened", !0, this.$refs.content), this.open !== null && this.$emit("update:open", !0));
102
105
  },
103
106
  defaultToggleOpen() {
104
107
  this.open === null && this.toggleOpen();
@@ -1 +1 @@
1
- {"version":3,"file":"collapsible.js","names":[],"sources":["../../../components/collapsible/collapsible.vue"],"sourcesContent":["<template>\n <component\n :is=\"elementType\"\n ref=\"collapsible\"\n v-on=\"collapsibleListeners\"\n >\n <!-- Element for capturing keypress events -->\n <div\n :id=\"!ariaLabelledBy && labelledBy\"\n ref=\"anchor\"\n :class=\"anchorClass\"\n >\n <!-- @slot Slot for the anchor element that toggles the collapsible content -->\n <slot\n name=\"anchor\"\n :attrs=\"{\n 'aria-controls': id,\n 'aria-expanded': isOpen.toString(),\n 'role': 'button',\n }\"\n >\n <dt-button\n importance=\"clear\"\n kind=\"muted\"\n :aria-controls=\"id\"\n :aria-expanded=\"`${isOpen}`\"\n :style=\"{\n 'width': maxWidth,\n }\"\n @click=\"defaultToggleOpen\"\n >\n <dt-icon-chevron-down\n v-if=\"isOpen\"\n class=\"d-collapsible__icon\"\n size=\"300\"\n />\n <dt-icon-chevron-right\n v-else\n class=\"d-collapsible__icon\"\n size=\"300\"\n />\n <span\n class=\"d-collapsible__anchor-text\"\n :title=\"anchorText\"\n >\n {{ anchorText }}\n </span>\n </dt-button>\n </slot>\n </div>\n <dt-collapsible-lazy-show\n :id=\"id\"\n ref=\"contentWrapper\"\n :aria-hidden=\"`${!isOpen}`\"\n :aria-labelledby=\"labelledBy\"\n :aria-label=\"ariaLabel\"\n :show=\"isOpen\"\n :element-type=\"contentElementType\"\n :class=\"contentClass\"\n :style=\"{\n 'max-height': maxHeight,\n 'max-width': maxWidth,\n }\"\n data-qa=\"dt-collapsible--content\"\n tabindex=\"-1\"\n appear\n v-on=\"collapsibleListeners\"\n @after-leave=\"onLeaveTransitionComplete\"\n @after-enter=\"onEnterTransitionComplete\"\n >\n <!-- @slot Slot for the collapsible element that is expanded by the anchor -->\n <slot\n name=\"content\"\n />\n </dt-collapsible-lazy-show>\n </component>\n</template>\n\n<script>\nimport { extractVueListeners, getUniqueString, hasSlotContent } from '@/common/utils';\nimport DtCollapsibleLazyShow from './collapsible_lazy_show.vue';\nimport { DtButton } from '@/components/button';\nimport { DtLazyShow } from '@/components/lazy_show';\nimport { DtIconChevronDown, DtIconChevronRight } from '@dialpad/dialtone-icons/vue3';\n\n/**\n * A collapsible is a component consisting of an interactive anchor that toggled the expandable/collapsible element.\n * @see https://dialtone.dialpad.com/components/collapsible.html\n */\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtCollapsible',\n\n components: {\n DtButton,\n DtCollapsibleLazyShow,\n DtLazyShow,\n DtIconChevronDown,\n DtIconChevronRight,\n },\n\n props: {\n /**\n * Text that is displayed on the anchor if nothing is passed in the slot.\n * Ignored if the anchor slot is used.\n */\n anchorText: {\n type: String,\n default: null,\n },\n\n /**\n * Controls whether the collapsible is shown. Leaving this null will have the collapsible start\n * expanded and trigger on click by default. If you set this value, the default trigger\n * behavior will be disabled, and you can control it as you need.\n * Supports .sync modifier\n * @values null, true, false\n */\n open: {\n type: Boolean,\n default: null,\n },\n\n /**\n * The id of the content wrapper.\n */\n id: {\n type: String,\n default () { return getUniqueString(); },\n },\n\n /**\n * HTML element type (tag name) of the root element of the component.\n */\n elementType: {\n type: String,\n default: 'div',\n },\n\n /**\n * HTML element type (tag name) of the content wrapper element.\n */\n contentElementType: {\n type: String,\n default: 'div',\n },\n\n /**\n * Additional class name for the anchor wrapper element.\n */\n anchorClass: {\n type: [String, Array, Object],\n default: null,\n },\n\n /**\n * Additional class name for the content wrapper element.\n */\n contentClass: {\n type: [String, Array, Object],\n default: null,\n },\n\n /**\n * The maximum width of the anchor and collapsible element.\n * Possible units rem|px|%|em\n */\n maxWidth: {\n type: String,\n default: null,\n },\n\n /**\n * The maximum height of the collapsible element.\n * Possible units rem|px|%|em\n */\n maxHeight: {\n type: String,\n default: null,\n },\n\n /**\n * Label on the collapsible content. Should provide this or ariaLabelledBy but not both.\n */\n ariaLabel: {\n type: String,\n default: null,\n },\n\n /**\n * Id of the element that labels the collapsible content. Defaults to the anchor element.\n * Should provide this or ariaLabel but not both.\n */\n ariaLabelledBy: {\n type: String,\n default: null,\n },\n },\n\n emits: [\n /**\n * Event fired to sync the open prop with the parent component\n * @event update:open\n */\n 'update:open',\n\n /**\n * Event fired when the content is shown or hidden\n *\n * @event opened\n * @type {Boolean}\n */\n 'opened',\n ],\n\n data () {\n return {\n isOpen: true,\n };\n },\n\n computed: {\n labelledBy () {\n // aria-labelledby should be set only if aria-labelledby is passed as a prop, or if\n // there is no aria-label and the labelledby should point to the anchor\n return this.ariaLabelledBy || (!this.ariaLabel && getUniqueString('DtCollapsible__anchor'));\n },\n\n collapsibleListeners () {\n return extractVueListeners(this.$attrs);\n },\n },\n\n watch: {\n open: {\n handler: function (open) {\n if (open !== null) {\n this.isOpen = open;\n }\n },\n\n immediate: true,\n },\n },\n\n created () {\n this.validateProperAnchor();\n },\n\n methods: {\n onLeaveTransitionComplete () {\n this.$emit('opened', false);\n if (this.open !== null) {\n this.$emit('update:open', false);\n }\n },\n\n onEnterTransitionComplete () {\n this.$emit('opened', true, this.$refs.content);\n if (this.open !== null) {\n this.$emit('update:open', true);\n }\n },\n\n defaultToggleOpen () {\n if (this.open === null) {\n this.toggleOpen();\n }\n },\n\n toggleOpen () {\n this.isOpen = !this.isOpen;\n },\n\n validateProperAnchor () {\n if (!this.anchorText && !hasSlotContent(this.$slots.anchor)) {\n console.error('anchor text and anchor slot content cannot both be falsy');\n }\n },\n },\n};\n</script>\n"],"mappings":";;;;;;;;AAyFA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,YAAY;EACV,UAAA;EACA,uBAAA;EACA,YAAA;EACA;EACA;EACD;CAED,OAAO;EAKL,YAAY;GACV,MAAM;GACN,SAAS;GACV;EASD,MAAM;GACJ,MAAM;GACN,SAAS;GACV;EAKD,IAAI;GACF,MAAM;GACN,UAAW;AAAE,WAAO,GAAiB;;GACtC;EAKD,aAAa;GACX,MAAM;GACN,SAAS;GACV;EAKD,oBAAoB;GAClB,MAAM;GACN,SAAS;GACV;EAKD,aAAa;GACX,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,cAAc;GACZ,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAMD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAMD,WAAW;GACT,MAAM;GACN,SAAS;GACV;EAKD,WAAW;GACT,MAAM;GACN,SAAS;GACV;EAMD,gBAAgB;GACd,MAAM;GACN,SAAS;GACV;EACF;CAED,OAAO,CAKL,eAQA,SACD;CAED,OAAQ;AACN,SAAO,EACL,QAAQ,IACT;;CAGH,UAAU;EACR,aAAc;AAGZ,UAAO,KAAK,kBAAmB,CAAC,KAAK,aAAa,EAAgB,wBAAwB;;EAG5F,uBAAwB;AACtB,UAAO,EAAoB,KAAK,OAAO;;EAE1C;CAED,OAAO,EACL,MAAM;EACJ,SAAS,SAAU,GAAM;AACvB,GAAI,MAAS,SACX,KAAK,SAAS;;EAIlB,WAAW;EACZ,EACF;CAED,UAAW;AACT,OAAK,sBAAsB;;CAG7B,SAAS;EACP,4BAA6B;AAE3B,GADA,KAAK,MAAM,UAAU,GAAM,EACvB,KAAK,SAAS,QAChB,KAAK,MAAM,eAAe,GAAM;;EAIpC,4BAA6B;AAE3B,GADA,KAAK,MAAM,UAAU,IAAM,KAAK,MAAM,QAAQ,EAC1C,KAAK,SAAS,QAChB,KAAK,MAAM,eAAe,GAAK;;EAInC,oBAAqB;AACnB,GAAI,KAAK,SAAS,QAChB,KAAK,YAAY;;EAIrB,aAAc;AACZ,QAAK,SAAS,CAAC,KAAK;;EAGtB,uBAAwB;AACtB,GAAI,CAAC,KAAK,cAAc,CAAC,EAAe,KAAK,OAAO,OAAO,IACzD,QAAQ,MAAM,2DAA2D;;EAG9E;CACF;;;aAvRC,EA0EY,EAzEL,EAAA,YAAW,EADlB,EA0EY,EAxEV,KAAI,eAAa,EACjB,EAA2B,EAArB,qBAAoB,CAAA,EAAA;mBA6CpB,CA1CN,EA0CM,OAAA;GAzCH,IAAE,CAAG,EAAA,kBAAkB,EAAA;GACxB,KAAI;GACH,OAAK,EAAE,EAAA,YAAW;MAGnB,EAmCO,EAAA,QAAA,UAAA,EAjCJ,OAAK;oBAA+B,EAAA;oBAA+B,EAAA,OAAO,UAAQ;;aAiC9E,CA3BL,EA0BY,GAAA;GAzBV,YAAW;GACX,MAAK;GACJ,iBAAe,EAAA;GACf,iBAAa,GAAK,EAAA;GAClB,OAAK,EAAA,EAAA,OAAyB,EAAA,UAAA,CAAA;GAG9B,SAAO,EAAA;;oBAMN,CAHM,EAAA,UAAA,GAAA,EADR,EAIE,GAAA;;IAFA,OAAM;IACN,MAAK;eAEP,EAIE,GAAA;;IAFA,OAAM;IACN,MAAK;QAEP,EAKO,QAAA;IAJL,OAAM;IACL,OAAO,EAAA;QAEL,EAAA,WAAU,EAAA,GAAA,EAAA,CAAA,CAAA;;;;;;;iBAKrB,EAwB2B,GAxB3B,EAwB2B;GAvBxB,IAAI,EAAA;GACL,KAAI;GACH,eAAW,GAAA,CAAM,EAAA;GACjB,mBAAiB,EAAA;GACjB,cAAY,EAAA;GACZ,MAAM,EAAA;GACN,gBAAc,EAAA;GACd,OAAO,EAAA;GACP,OAAK;kBAA0B,EAAA;iBAAgC,EAAA;;GAIhE,WAAQ;GACR,UAAS;GACT,QAAA;KACA,EAA2B,EAArB,qBAAoB,EAAA;GACzB,cAAa,EAAA;GACb,cAAa,EAAA;;oBAKZ,CAFF,EAEE,EAAA,QAAA,UAAA,CAAA,CAAA"}
1
+ {"version":3,"file":"collapsible.js","names":[],"sources":["../../../components/collapsible/collapsible.vue"],"sourcesContent":["<template>\n <component\n :is=\"elementType\"\n ref=\"collapsible\"\n v-on=\"collapsibleListeners\"\n >\n <!-- Element for capturing keypress events -->\n <div\n :id=\"!ariaLabelledBy && labelledBy\"\n ref=\"anchor\"\n :class=\"anchorClass\"\n >\n <!-- @slot Slot for the anchor element that toggles the collapsible content -->\n <slot\n name=\"anchor\"\n :attrs=\"{\n 'aria-controls': id,\n 'aria-expanded': isOpen.toString(),\n 'role': 'button',\n }\"\n >\n <dt-button\n importance=\"clear\"\n kind=\"muted\"\n :aria-controls=\"id\"\n :aria-expanded=\"`${isOpen}`\"\n :style=\"{\n 'width': maxWidth,\n }\"\n @click=\"defaultToggleOpen\"\n >\n <dt-icon-chevron-down\n v-if=\"isOpen\"\n class=\"d-collapsible__icon\"\n size=\"300\"\n />\n <dt-icon-chevron-right\n v-else\n class=\"d-collapsible__icon\"\n size=\"300\"\n />\n <span\n class=\"d-collapsible__anchor-text\"\n :title=\"anchorText\"\n >\n {{ anchorText }}\n </span>\n </dt-button>\n </slot>\n </div>\n <dt-collapsible-lazy-show\n :id=\"id\"\n ref=\"contentWrapper\"\n :aria-hidden=\"`${!isOpen}`\"\n :aria-labelledby=\"labelledBy\"\n :aria-label=\"ariaLabel\"\n :show=\"isOpen\"\n :element-type=\"contentElementType\"\n :class=\"contentClass\"\n :style=\"{\n 'max-height': maxHeight,\n 'max-width': maxWidth,\n }\"\n data-qa=\"dt-collapsible--content\"\n tabindex=\"-1\"\n appear\n v-on=\"collapsibleListeners\"\n @after-leave=\"onLeaveTransitionComplete\"\n @after-enter=\"onEnterTransitionComplete\"\n >\n <!-- @slot Slot for the collapsible element that is expanded by the anchor -->\n <slot\n name=\"content\"\n />\n </dt-collapsible-lazy-show>\n </component>\n</template>\n\n<script>\nimport { extractVueListeners, getUniqueString, hasSlotContent } from '@/common/utils';\nimport DtCollapsibleLazyShow from './collapsible_lazy_show.vue';\nimport { DtButton } from '@/components/button';\nimport { DtLazyShow } from '@/components/lazy_show';\nimport { DtIconChevronDown, DtIconChevronRight } from '@dialpad/dialtone-icons/vue3';\n\n/**\n * A collapsible is a component consisting of an interactive anchor that toggled the expandable/collapsible element.\n * @see https://dialtone.dialpad.com/components/collapsible.html\n */\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtCollapsible',\n\n components: {\n DtButton,\n DtCollapsibleLazyShow,\n DtLazyShow,\n DtIconChevronDown,\n DtIconChevronRight,\n },\n\n props: {\n /**\n * Text that is displayed on the anchor if nothing is passed in the slot.\n * Ignored if the anchor slot is used.\n */\n anchorText: {\n type: String,\n default: null,\n },\n\n /**\n * Controls whether the collapsible is shown. Leaving this null will have the collapsible start\n * expanded and trigger on click by default. If you set this value, the default trigger\n * behavior will be disabled, and you can control it as you need.\n * Supports .sync modifier\n * @values null, true, false\n */\n open: {\n type: Boolean,\n default: null,\n },\n\n /**\n * The id of the content wrapper.\n */\n id: {\n type: String,\n default () { return getUniqueString(); },\n },\n\n /**\n * HTML element type (tag name) of the root element of the component.\n */\n elementType: {\n type: String,\n default: 'div',\n },\n\n /**\n * HTML element type (tag name) of the content wrapper element.\n */\n contentElementType: {\n type: String,\n default: 'div',\n },\n\n /**\n * Additional class name for the anchor wrapper element.\n */\n anchorClass: {\n type: [String, Array, Object],\n default: null,\n },\n\n /**\n * Additional class name for the content wrapper element.\n */\n contentClass: {\n type: [String, Array, Object],\n default: null,\n },\n\n /**\n * The maximum width of the anchor and collapsible element.\n * Possible units rem|px|%|em\n */\n maxWidth: {\n type: String,\n default: null,\n },\n\n /**\n * The maximum height of the collapsible element.\n * Possible units rem|px|%|em\n */\n maxHeight: {\n type: String,\n default: null,\n },\n\n /**\n * Label on the collapsible content. Should provide this or ariaLabelledBy but not both.\n */\n ariaLabel: {\n type: String,\n default: null,\n },\n\n /**\n * Id of the element that labels the collapsible content. Defaults to the anchor element.\n * Should provide this or ariaLabel but not both.\n */\n ariaLabelledBy: {\n type: String,\n default: null,\n },\n },\n\n emits: [\n /**\n * Event fired to sync the open prop with the parent component\n * @event update:open\n */\n 'update:open',\n\n /**\n * Event fired when the content is shown or hidden\n *\n * @event opened\n * @type {Boolean}\n */\n 'opened',\n ],\n\n data () {\n return {\n isOpen: true,\n };\n },\n\n computed: {\n labelledBy () {\n // aria-labelledby should be set only if aria-labelledby is passed as a prop, or if\n // there is no aria-label and the labelledby should point to the anchor\n return this.ariaLabelledBy || (!this.ariaLabel && getUniqueString('DtCollapsible__anchor'));\n },\n\n collapsibleListeners () {\n return extractVueListeners(this.$attrs);\n },\n },\n\n watch: {\n open: {\n handler: function (open) {\n if (open !== null) {\n this.isOpen = open;\n }\n },\n\n immediate: true,\n },\n },\n\n created () {\n this.validateProperAnchor();\n },\n\n beforeUnmount () {\n this._isUnmounting = true;\n // Prevent transition callbacks from calling into dead lifecycle methods\n // after this component is torn down (DP-185811).\n },\n\n methods: {\n onLeaveTransitionComplete () {\n if (this._isUnmounting) return;\n this.$emit('opened', false);\n if (this.open !== null) {\n this.$emit('update:open', false);\n }\n },\n\n onEnterTransitionComplete () {\n if (this._isUnmounting) return;\n this.$emit('opened', true, this.$refs.content);\n if (this.open !== null) {\n this.$emit('update:open', true);\n }\n },\n\n defaultToggleOpen () {\n if (this.open === null) {\n this.toggleOpen();\n }\n },\n\n toggleOpen () {\n this.isOpen = !this.isOpen;\n },\n\n validateProperAnchor () {\n if (!this.anchorText && !hasSlotContent(this.$slots.anchor)) {\n console.error('anchor text and anchor slot content cannot both be falsy');\n }\n },\n },\n};\n</script>\n"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- 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-DfniiQVS.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;
1
+ 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-BE49FAdX.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;
2
2
  //# sourceMappingURL=editor.cjs.map
@@ -10,7 +10,7 @@ import l from "../popover/popover.js";
10
10
  import u from "../dropdown/dropdown-separator.js";
11
11
  import d from "../input/input.js";
12
12
  import f from "../list-item-group/list-item-group.js";
13
- import { t as p } from "../../rich_text_editor-jVEuSPUG.js";
13
+ import { t as p } from "../../rich_text_editor-BtvmJUw1.js";
14
14
  import { RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as m, RICH_TEXT_EDITOR_OUTPUT_FORMATS as h } from "../rich-text-editor/rich-text-editor-constants.js";
15
15
  import { EDITOR_DEFAULT_FONT_COLOR as g, EDITOR_DEFAULT_LINK_PREFIX as _, EDITOR_SUPPORTED_LINK_PROTOCOLS as v } from "./editor-constants.js";
16
16
  import y from "./EditorToolbarButton.js";
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../message_input-C9OkeBcE.cjs`);exports.DtRecipeMessageInput=e.t;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../message_input-Bw5RZHOI.cjs`);exports.DtRecipeMessageInput=e.t;
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../message_input-15gar4iy.js";
1
+ import { t as e } from "../../message_input-BssxPs1B.js";
2
2
  export { e as DtRecipeMessageInput };
@@ -1 +1 @@
1
- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../message_input-C9OkeBcE.cjs`);exports.default=e.t;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../message_input-Bw5RZHOI.cjs`);exports.default=e.t;
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../message_input-15gar4iy.js";
1
+ import { t as e } from "../../message_input-BssxPs1B.js";
2
2
  export { e as default };