@dialpad/dialtone-vue 3.218.3 → 3.219.0-next.2

package/dist/lib/message-input/message-input-link.js.map

@@ -1 +1 @@
-{"version":3,"file":"message-input-link.js","sources":["../../../recipes/conversation_view/message_input/message_input_link.vue"],"sourcesContent":["<template>\n  <dt-popover\n    :open=\"isOpen\"\n    placement=\"bottom-start\"\n    content-class=\"d-recipe-message-input__link-popover\"\n    data-qa=\"dt-message-input-link-popover\"\n    :show-close-button=\"false\"\n    @opened=\"$emit('opened', $event)\"\n  >\n    <template #anchor>\n      <dt-recipe-message-input-button\n        :aria-label=\"anchorButtonLabel['aria-label']\"\n        :tooltip-text=\"anchorButtonLabel['tooltip-text']\"\n        :keyboard-shortcut-text=\"linkButtonOptions.keyboardShortcutText\"\n        data-qa=\"message-input-link-btn\"\n        :is-active=\"isSelectionActive('link')\"\n        @click=\"isOpen = true\"\n      >\n        <template #icon>\n          <dt-icon-link2\n            class=\"d-recipe-message-input__button-stack-icon\"\n            size=\"200\"\n          />\n        </template>\n      </dt-recipe-message-input-button>\n    </template>\n\n    <template #content>\n      <dt-stack gap=\"500\">\n        <div\n          class=\"d-recipe-message-input__link-dialog-title\"\n        >\n          {{ i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE') }}\n        </div>\n        <dt-input\n          v-model=\"linkText\"\n          :input-aria-label=\"textInputLabel\"\n          size=\"xs\"\n          data-qa=\"dt-message-input-link-text-input\"\n          :label=\"textInputLabel\"\n          input-wrapper-class=\"d-recipe-message-input__link-input\"\n          @click.stop\n          @focus.stop\n          @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n        />\n        <dt-input\n          v-model=\"linkInput\"\n          :input-aria-label=\"linkInputLabel\"\n          size=\"xs\"\n          data-qa=\"dt-message-input-link-input\"\n          :placeholder=\"linkInputPlaceHolder\"\n          :label=\"linkInputLabel\"\n          input-wrapper-class=\"d-recipe-message-input__link-input\"\n          @click.stop\n          @focus.stop\n          @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n        />\n        <dt-stack\n          direction=\"row\"\n          class=\"d-recipe-message-input__link-dialog-buttons\"\n        >\n          <dt-button\n            :aria-label=\"removeButtonLabel\"\n            :title=\"removeButtonLabel\"\n            importance=\"clear\"\n            kind=\"danger\"\n            size=\"md\"\n            data-qa=\"dt-message-input-link-remove-btn\"\n            @click=\"$emit('remove-link', linkText, linkInput)\"\n          >\n            {{ removeButtonLabel }}\n          </dt-button>\n          <dt-stack\n            direction=\"row\"\n            gap=\"400\"\n          >\n            <dt-button\n              :aria-label=\"cancelButtonLabel\"\n              :title=\"cancelButtonLabel\"\n              importance=\"clear\"\n              kind=\"muted\"\n              size=\"md\"\n              data-qa=\"dt-message-input-link-cancel-btn\"\n              @click=\"isOpen = false\"\n            >\n              {{ cancelButtonLabel }}\n            </dt-button>\n            <dt-button\n              size=\"md\"\n              :aria-label=\"confirmButtonLabel\"\n              :title=\"confirmButtonLabel\"\n              data-qa=\"dt-message-input-link-confirm-btn\"\n              @click=\"$emit('set-link', linkText, linkInput)\"\n            >\n              {{ confirmButtonLabel }}\n            </dt-button>\n          </dt-stack>\n        </dt-stack>\n      </dt-stack>\n    </template>\n  </dt-popover>\n</template>\n\n<script>\nimport { DtPopover } from '@/components/popover';\nimport { DtInput } from '@/components/input';\nimport { DtButton } from '@/components/button';\nimport { DtStack } from '@/components/stack';\nimport { DtIconLink2 } from '@dialpad/dialtone-icons/vue3';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'MessageInputLink',\n\n  components: {\n    DtPopover,\n    DtInput,\n    DtButton,\n    DtStack,\n    DtIconLink2,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    open: {\n      type: Boolean,\n      default: false,\n    },\n\n    linkButtonOptions: {\n      type: Object,\n      required: true,\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['set-link', 'remove-link', 'opened'],\n\n  data () {\n    return {\n      linkText: '',\n      linkInput: '',\n      isOpen: false,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    anchorButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_LINK_BUTTON_LABEL'); },\n    textInputLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_TEXT_LABEL'); },\n    linkInputLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_LINK_LABEL'); },\n    linkInputPlaceHolder () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_LINK_PLACEHOLDER'); },\n    removeButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_REMOVE_LABEL'); },\n    cancelButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_CANCEL_LABEL'); },\n    confirmButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_CONFIRM_LABEL'); },\n  },\n\n  watch: {\n    open: {\n      immediate: true,\n      handler (value) {\n        this.isOpen = value;\n      },\n    },\n  },\n\n  methods: {\n    setInitialValues (linkText, linkInput) {\n      this.linkText = linkText;\n      this.linkInput = linkInput;\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtPopover","DtInput","DtButton","DtStack","DtIconLink2","DtRecipeMessageInputButton","DialtoneLocalization","value","linkText","linkInput","_hoisted_1","_createBlock","_component_dt_popover","$data","_cache","$event","_ctx","_createVNode","_component_dt_recipe_message_input_button","$options","$props","_component_dt_icon_link2","_component_dt_stack","_createElementVNode","_toDisplayString","_component_dt_input","_withKeys","_component_dt_button"],"mappings":"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"}
+{"version":3,"file":"message-input-link.js","sources":["../../../recipes/conversation_view/message_input/message_input_link.vue"],"sourcesContent":["<template>\n  <dt-popover\n    :open=\"isOpen\"\n    placement=\"bottom-start\"\n    content-class=\"d-recipe-message-input__link-popover\"\n    data-qa=\"dt-message-input-link-popover\"\n    :show-close-button=\"false\"\n    @opened=\"$emit('opened', $event)\"\n  >\n    <template #anchor>\n      <dt-recipe-message-input-button\n        :aria-label=\"anchorButtonLabel['aria-label']\"\n        :tooltip-text=\"anchorButtonLabel['tooltip-text']\"\n        :keyboard-shortcut-text=\"linkButtonOptions.keyboardShortcutText\"\n        data-qa=\"message-input-link-btn\"\n        :is-active=\"isSelectionActive('link')\"\n        @click=\"isOpen = true\"\n      >\n        <template #icon>\n          <dt-icon-link2\n            class=\"d-recipe-message-input__button-stack-icon\"\n            size=\"200\"\n          />\n        </template>\n      </dt-recipe-message-input-button>\n    </template>\n\n    <template #content>\n      <dt-stack gap=\"200\">\n        <div\n          class=\"d-recipe-message-input__link-dialog-title\"\n        >\n          {{ i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE') }}\n        </div>\n        <dt-input\n          v-model=\"linkText\"\n          :input-aria-label=\"textInputLabel\"\n          :size=\"100\"\n          data-qa=\"dt-message-input-link-text-input\"\n          :label=\"textInputLabel\"\n          input-wrapper-class=\"d-recipe-message-input__link-input\"\n          @click.stop\n          @focus.stop\n          @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n        />\n        <dt-input\n          v-model=\"linkInput\"\n          :input-aria-label=\"linkInputLabel\"\n          :size=\"100\"\n          data-qa=\"dt-message-input-link-input\"\n          :placeholder=\"linkInputPlaceHolder\"\n          :label=\"linkInputLabel\"\n          input-wrapper-class=\"d-recipe-message-input__link-input\"\n          @click.stop\n          @focus.stop\n          @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n        />\n        <dt-stack\n          direction=\"row\"\n          class=\"d-recipe-message-input__link-dialog-buttons\"\n        >\n          <dt-button\n            :aria-label=\"removeButtonLabel\"\n            :title=\"removeButtonLabel\"\n            importance=\"clear\"\n            kind=\"danger\"\n            :size=\"300\"\n            data-qa=\"dt-message-input-link-remove-btn\"\n            @click=\"$emit('remove-link', linkText, linkInput)\"\n          >\n            {{ removeButtonLabel }}\n          </dt-button>\n          <dt-stack\n            direction=\"row\"\n            gap=\"100\"\n          >\n            <dt-button\n              :aria-label=\"cancelButtonLabel\"\n              :title=\"cancelButtonLabel\"\n              importance=\"clear\"\n              kind=\"muted\"\n              :size=\"300\"\n              data-qa=\"dt-message-input-link-cancel-btn\"\n              @click=\"isOpen = false\"\n            >\n              {{ cancelButtonLabel }}\n            </dt-button>\n            <dt-button\n              :size=\"300\"\n              :aria-label=\"confirmButtonLabel\"\n              :title=\"confirmButtonLabel\"\n              data-qa=\"dt-message-input-link-confirm-btn\"\n              @click=\"$emit('set-link', linkText, linkInput)\"\n            >\n              {{ confirmButtonLabel }}\n            </dt-button>\n          </dt-stack>\n        </dt-stack>\n      </dt-stack>\n    </template>\n  </dt-popover>\n</template>\n\n<script>\nimport { DtPopover } from '@/components/popover';\nimport { DtInput } from '@/components/input';\nimport { DtButton } from '@/components/button';\nimport { DtStack } from '@/components/stack';\nimport { DtIconLink2 } from '@dialpad/dialtone-icons/vue';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'MessageInputLink',\n\n  components: {\n    DtPopover,\n    DtInput,\n    DtButton,\n    DtStack,\n    DtIconLink2,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    open: {\n      type: Boolean,\n      default: false,\n    },\n\n    linkButtonOptions: {\n      type: Object,\n      required: true,\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['set-link', 'remove-link', 'opened'],\n\n  data () {\n    return {\n      linkText: '',\n      linkInput: '',\n      isOpen: false,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    anchorButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_LINK_BUTTON_LABEL'); },\n    textInputLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_TEXT_LABEL'); },\n    linkInputLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_LINK_LABEL'); },\n    linkInputPlaceHolder () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_LINK_PLACEHOLDER'); },\n    removeButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_REMOVE_LABEL'); },\n    cancelButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_CANCEL_LABEL'); },\n    confirmButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_CONFIRM_LABEL'); },\n  },\n\n  watch: {\n    open: {\n      immediate: true,\n      handler (value) {\n        this.isOpen = value;\n      },\n    },\n  },\n\n  methods: {\n    setInitialValues (linkText, linkInput) {\n      this.linkText = linkText;\n      this.linkInput = linkInput;\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtPopover","DtInput","DtButton","DtStack","DtIconLink2","DtRecipeMessageInputButton","DialtoneLocalization","value","linkText","linkInput","_hoisted_1","_createBlock","_component_dt_popover","$data","_cache","$event","_ctx","_createVNode","_component_dt_recipe_message_input_button","$options","$props","_component_dt_icon_link2","_component_dt_stack","_createElementVNode","_toDisplayString","_component_dt_input","_withKeys","_component_dt_button"],"mappings":"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"}

package/dist/lib/message-input/message-input-topbar.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("@dialpad/dialtone-icons/vue3"),L=require("./message-input-button.cjs"),m=require("../../localization/index.cjs"),t=require("vue"),O=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),x=require("../stack/stack.cjs"),T={compatConfig:{MODE:3},name:"DtRecipeMessageInputTopbar",components:{DtStack:x.default,DtIconListBullet:c.DtIconListBullet,DtIconBold:c.DtIconBold,DtIconItalic:c.DtIconItalic,DtIconStrikethrough:c.DtIconStrikethrough,DtIconListOrdered:c.DtIconListOrdered,DtIconQuote:c.DtIconQuote,DtIconCode:c.DtIconCode,DtIconCodeBlock:c.DtIconCodeBlock,DtRecipeMessageInputButton:L.default},props:{boldButtonOptions:{type:Object,default:()=>({})},italicButtonOptions:{type:Object,default:()=>({})},strikeButtonOptions:{type:Object,default:()=>({})},bulletListButtonOptions:{type:Object,default:()=>({})},orderedListButtonOptions:{type:Object,default:()=>({})},blockQuoteButtonOptions:{type:Object,default:()=>({})},codeButtonOptions:{type:Object,default:()=>({})},codeBlockButtonOptions:{type:Object,default:()=>({})},isSelectionActive:{type:Function,default:()=>{}}},emits:["click"],data(){return{i18n:new m.DialtoneLocalization}},computed:{boldButtonLabel(){return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL")},italicButtonLabel(){return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL")},strikeButtonLabel(){return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL")},bulletListButtonLabel(){return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL")},orderedListButtonLabel(){return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL")},blockQuoteButtonLabel(){return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL")},codeButtonLabel(){return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL")},codeBlockButtonLabel(){return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL")}}};function v(a,e,o,I,N,i){const r=t.resolveComponent("dt-icon-bold"),n=t.resolveComponent("dt-recipe-message-input-button"),s=t.resolveComponent("dt-icon-italic"),d=t.resolveComponent("dt-icon-strikethrough"),u=t.resolveComponent("dt-icon-list-bullet"),b=t.resolveComponent("dt-icon-list-ordered"),_=t.resolveComponent("dt-icon-quote"),k=t.resolveComponent("dt-icon-code"),p=t.resolveComponent("dt-icon-code-block"),B=t.resolveComponent("dt-stack");return t.openBlock(),t.createBlock(B,{direction:"row",gap:"200",class:"d-recipe-message-input__button-stack"},{default:t.withCtx(()=>[t.createVNode(n,{"aria-label":i.boldButtonLabel["aria-label"],"tooltip-text":i.boldButtonLabel["tooltip-text"],"keyboard-shortcut-text":o.boldButtonOptions.keyboardShortcutText,"data-qa":"bold","is-active":o.isSelectionActive("bold"),onClick:e[0]||(e[0]=l=>a.$emit("click","bold",l))},{icon:t.withCtx(()=>[t.createVNode(r,{class:"d-recipe-message-input__button-stack-icon",size:"200"})]),_:1},8,["aria-label","tooltip-text","keyboard-shortcut-text","is-active"]),t.createVNode(n,{"aria-label":i.italicButtonLabel["aria-label"],"tooltip-text":i.italicButtonLabel["tooltip-text"],"keyboard-shortcut-text":o.italicButtonOptions.keyboardShortcutText,"data-qa":"italic","is-active":o.isSelectionActive("italic"),onClick:e[1]||(e[1]=l=>a.$emit("click","italic",l))},{icon:t.withCtx(()=>[t.createVNode(s,{class:"d-recipe-message-input__button-stack-icon",size:"200"})]),_:1},8,["aria-label","tooltip-text","keyboard-shortcut-text","is-active"]),t.createVNode(n,{"aria-label":i.strikeButtonLabel["aria-label"],"tooltip-text":i.strikeButtonLabel["tooltip-text"],"keyboard-shortcut-text":o.strikeButtonOptions.keyboardShortcutText,"data-qa":"strikethrough","is-active":o.isSelectionActive("strike"),onClick:e[2]||(e[2]=l=>a.$emit("click","strike",l))},{icon:t.withCtx(()=>[t.createVNode(d,{class:"d-recipe-message-input__button-stack-icon",size:"200"})]),_:1},8,["aria-label","tooltip-text","keyboard-shortcut-text","is-active"]),e[8]||(e[8]=t.createElementVNode("div",{class:"d-recipe-message-input--button-group-divider"},null,-1)),t.renderSlot(a.$slots,"link"),e[9]||(e[9]=t.createElementVNode("div",{class:"d-recipe-message-input--button-group-divider"},null,-1)),t.createVNode(n,{"aria-label":i.bulletListButtonLabel["aria-label"],"tooltip-text":i.bulletListButtonLabel["tooltip-text"],"keyboard-shortcut-text":o.bulletListButtonOptions.keyboardShortcutText,"data-qa":"bullet-list","is-active":o.isSelectionActive("bulletList"),onClick:e[3]||(e[3]=l=>a.$emit("click","bulletList",l))},{icon:t.withCtx(()=>[t.createVNode(u,{class:"d-recipe-message-input__button-stack-icon",size:"200"})]),_:1},8,["aria-label","tooltip-text","keyboard-shortcut-text","is-active"]),t.createVNode(n,{"aria-label":i.orderedListButtonLabel["aria-label"],"tooltip-text":i.orderedListButtonLabel["tooltip-text"],"keyboard-shortcut-text":o.orderedListButtonOptions.keyboardShortcutText,"data-qa":"ordered-list","is-active":o.isSelectionActive("orderedList"),onClick:e[4]||(e[4]=l=>a.$emit("click","orderedList",l))},{icon:t.withCtx(()=>[t.createVNode(b,{class:"d-recipe-message-input__button-stack-icon",size:"200"})]),_:1},8,["aria-label","tooltip-text","keyboard-shortcut-text","is-active"]),e[10]||(e[10]=t.createElementVNode("div",{class:"d-recipe-message-input--button-group-divider"},null,-1)),t.createVNode(n,{"aria-label":i.blockQuoteButtonLabel["aria-label"],"tooltip-text":i.blockQuoteButtonLabel["tooltip-text"],"keyboard-shortcut-text":o.blockQuoteButtonOptions.keyboardShortcutText,"data-qa":"blockquote","is-active":o.isSelectionActive("blockquote"),onClick:e[5]||(e[5]=l=>a.$emit("click","blockquote",l))},{icon:t.withCtx(()=>[t.createVNode(_,{class:"d-recipe-message-input__button-stack-icon",size:"200"})]),_:1},8,["aria-label","tooltip-text","keyboard-shortcut-text","is-active"]),e[11]||(e[11]=t.createElementVNode("div",{class:"d-recipe-message-input--button-group-divider"},null,-1)),t.createVNode(n,{"aria-label":i.codeButtonLabel["aria-label"],"tooltip-text":i.codeButtonLabel["tooltip-text"],"keyboard-shortcut-text":o.codeButtonOptions.keyboardShortcutText,"data-qa":"code","is-active":o.isSelectionActive("code"),onClick:e[6]||(e[6]=l=>a.$emit("click","code",l))},{icon:t.withCtx(()=>[t.createVNode(k,{class:"d-recipe-message-input__button-stack-icon",size:"200"})]),_:1},8,["aria-label","tooltip-text","keyboard-shortcut-text","is-active"]),t.createVNode(n,{"aria-label":i.codeBlockButtonLabel["aria-label"],"tooltip-text":i.codeBlockButtonLabel["tooltip-text"],"keyboard-shortcut-text":o.codeBlockButtonOptions.keyboardShortcutText,"data-qa":"code-block","is-active":o.isSelectionActive("codeBlock"),onClick:e[7]||(e[7]=l=>a.$emit("click","codeBlock",l))},{icon:t.withCtx(()=>[t.createVNode(p,{class:"d-recipe-message-input__button-stack-icon",size:"200"})]),_:1},8,["aria-label","tooltip-text","keyboard-shortcut-text","is-active"])]),_:3})}const E=O._(T,[["render",v]]);exports.default=E;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("@dialpad/dialtone-icons/vue"),L=require("./message-input-button.cjs"),m=require("../../localization/index.cjs"),t=require("vue"),O=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),x=require("../stack/stack.cjs"),T={compatConfig:{MODE:3},name:"DtRecipeMessageInputTopbar",components:{DtStack:x.default,DtIconListBullet:c.DtIconListBullet,DtIconBold:c.DtIconBold,DtIconItalic:c.DtIconItalic,DtIconStrikethrough:c.DtIconStrikethrough,DtIconListOrdered:c.DtIconListOrdered,DtIconQuote:c.DtIconQuote,DtIconCode:c.DtIconCode,DtIconCodeBlock:c.DtIconCodeBlock,DtRecipeMessageInputButton:L.default},props:{boldButtonOptions:{type:Object,default:()=>({})},italicButtonOptions:{type:Object,default:()=>({})},strikeButtonOptions:{type:Object,default:()=>({})},bulletListButtonOptions:{type:Object,default:()=>({})},orderedListButtonOptions:{type:Object,default:()=>({})},blockQuoteButtonOptions:{type:Object,default:()=>({})},codeButtonOptions:{type:Object,default:()=>({})},codeBlockButtonOptions:{type:Object,default:()=>({})},isSelectionActive:{type:Function,default:()=>{}}},emits:["click"],data(){return{i18n:new m.DialtoneLocalization}},computed:{boldButtonLabel(){return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL")},italicButtonLabel(){return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL")},strikeButtonLabel(){return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL")},bulletListButtonLabel(){return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL")},orderedListButtonLabel(){return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL")},blockQuoteButtonLabel(){return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL")},codeButtonLabel(){return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL")},codeBlockButtonLabel(){return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL")}}};function v(a,e,o,I,N,i){const r=t.resolveComponent("dt-icon-bold"),n=t.resolveComponent("dt-recipe-message-input-button"),s=t.resolveComponent("dt-icon-italic"),d=t.resolveComponent("dt-icon-strikethrough"),u=t.resolveComponent("dt-icon-list-bullet"),b=t.resolveComponent("dt-icon-list-ordered"),_=t.resolveComponent("dt-icon-quote"),k=t.resolveComponent("dt-icon-code"),p=t.resolveComponent("dt-icon-code-block"),B=t.resolveComponent("dt-stack");return t.openBlock(),t.createBlock(B,{direction:"row",gap:"25",class:"d-recipe-message-input__button-stack"},{default:t.withCtx(()=>[t.createVNode(n,{"aria-label":i.boldButtonLabel["aria-label"],"tooltip-text":i.boldButtonLabel["tooltip-text"],"keyboard-shortcut-text":o.boldButtonOptions.keyboardShortcutText,"data-qa":"bold","is-active":o.isSelectionActive("bold"),onClick:e[0]||(e[0]=l=>a.$emit("click","bold",l))},{icon:t.withCtx(()=>[t.createVNode(r,{class:"d-recipe-message-input__button-stack-icon",size:"200"})]),_:1},8,["aria-label","tooltip-text","keyboard-shortcut-text","is-active"]),t.createVNode(n,{"aria-label":i.italicButtonLabel["aria-label"],"tooltip-text":i.italicButtonLabel["tooltip-text"],"keyboard-shortcut-text":o.italicButtonOptions.keyboardShortcutText,"data-qa":"italic","is-active":o.isSelectionActive("italic"),onClick:e[1]||(e[1]=l=>a.$emit("click","italic",l))},{icon:t.withCtx(()=>[t.createVNode(s,{class:"d-recipe-message-input__button-stack-icon",size:"200"})]),_:1},8,["aria-label","tooltip-text","keyboard-shortcut-text","is-active"]),t.createVNode(n,{"aria-label":i.strikeButtonLabel["aria-label"],"tooltip-text":i.strikeButtonLabel["tooltip-text"],"keyboard-shortcut-text":o.strikeButtonOptions.keyboardShortcutText,"data-qa":"strikethrough","is-active":o.isSelectionActive("strike"),onClick:e[2]||(e[2]=l=>a.$emit("click","strike",l))},{icon:t.withCtx(()=>[t.createVNode(d,{class:"d-recipe-message-input__button-stack-icon",size:"200"})]),_:1},8,["aria-label","tooltip-text","keyboard-shortcut-text","is-active"]),e[8]||(e[8]=t.createElementVNode("div",{class:"d-recipe-message-input--button-group-divider"},null,-1)),t.renderSlot(a.$slots,"link"),e[9]||(e[9]=t.createElementVNode("div",{class:"d-recipe-message-input--button-group-divider"},null,-1)),t.createVNode(n,{"aria-label":i.bulletListButtonLabel["aria-label"],"tooltip-text":i.bulletListButtonLabel["tooltip-text"],"keyboard-shortcut-text":o.bulletListButtonOptions.keyboardShortcutText,"data-qa":"bullet-list","is-active":o.isSelectionActive("bulletList"),onClick:e[3]||(e[3]=l=>a.$emit("click","bulletList",l))},{icon:t.withCtx(()=>[t.createVNode(u,{class:"d-recipe-message-input__button-stack-icon",size:"200"})]),_:1},8,["aria-label","tooltip-text","keyboard-shortcut-text","is-active"]),t.createVNode(n,{"aria-label":i.orderedListButtonLabel["aria-label"],"tooltip-text":i.orderedListButtonLabel["tooltip-text"],"keyboard-shortcut-text":o.orderedListButtonOptions.keyboardShortcutText,"data-qa":"ordered-list","is-active":o.isSelectionActive("orderedList"),onClick:e[4]||(e[4]=l=>a.$emit("click","orderedList",l))},{icon:t.withCtx(()=>[t.createVNode(b,{class:"d-recipe-message-input__button-stack-icon",size:"200"})]),_:1},8,["aria-label","tooltip-text","keyboard-shortcut-text","is-active"]),e[10]||(e[10]=t.createElementVNode("div",{class:"d-recipe-message-input--button-group-divider"},null,-1)),t.createVNode(n,{"aria-label":i.blockQuoteButtonLabel["aria-label"],"tooltip-text":i.blockQuoteButtonLabel["tooltip-text"],"keyboard-shortcut-text":o.blockQuoteButtonOptions.keyboardShortcutText,"data-qa":"blockquote","is-active":o.isSelectionActive("blockquote"),onClick:e[5]||(e[5]=l=>a.$emit("click","blockquote",l))},{icon:t.withCtx(()=>[t.createVNode(_,{class:"d-recipe-message-input__button-stack-icon",size:"200"})]),_:1},8,["aria-label","tooltip-text","keyboard-shortcut-text","is-active"]),e[11]||(e[11]=t.createElementVNode("div",{class:"d-recipe-message-input--button-group-divider"},null,-1)),t.createVNode(n,{"aria-label":i.codeButtonLabel["aria-label"],"tooltip-text":i.codeButtonLabel["tooltip-text"],"keyboard-shortcut-text":o.codeButtonOptions.keyboardShortcutText,"data-qa":"code","is-active":o.isSelectionActive("code"),onClick:e[6]||(e[6]=l=>a.$emit("click","code",l))},{icon:t.withCtx(()=>[t.createVNode(k,{class:"d-recipe-message-input__button-stack-icon",size:"200"})]),_:1},8,["aria-label","tooltip-text","keyboard-shortcut-text","is-active"]),t.createVNode(n,{"aria-label":i.codeBlockButtonLabel["aria-label"],"tooltip-text":i.codeBlockButtonLabel["tooltip-text"],"keyboard-shortcut-text":o.codeBlockButtonOptions.keyboardShortcutText,"data-qa":"code-block","is-active":o.isSelectionActive("codeBlock"),onClick:e[7]||(e[7]=l=>a.$emit("click","codeBlock",l))},{icon:t.withCtx(()=>[t.createVNode(p,{class:"d-recipe-message-input__button-stack-icon",size:"200"})]),_:1},8,["aria-label","tooltip-text","keyboard-shortcut-text","is-active"])]),_:3})}const E=O._(T,[["render",v]]);exports.default=E;
 //# sourceMappingURL=message-input-topbar.cjs.map

package/dist/lib/message-input/message-input-topbar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"message-input-topbar.cjs","sources":["../../../recipes/conversation_view/message_input/message_input_topbar.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"200\"\n    class=\"d-recipe-message-input__button-stack\"\n  >\n    <dt-recipe-message-input-button\n      :aria-label=\"boldButtonLabel['aria-label']\"\n      :tooltip-text=\"boldButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"boldButtonOptions.keyboardShortcutText\"\n      data-qa=\"bold\"\n      :is-active=\"isSelectionActive('bold')\"\n      @click=\"$emit('click', 'bold', $event)\"\n    >\n      <template #icon>\n        <dt-icon-bold\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"italicButtonLabel['aria-label']\"\n      :tooltip-text=\"italicButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"italicButtonOptions.keyboardShortcutText\"\n      data-qa=\"italic\"\n      :is-active=\"isSelectionActive('italic')\"\n      @click=\"$emit('click', 'italic', $event)\"\n    >\n      <template #icon>\n        <dt-icon-italic\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"strikeButtonLabel['aria-label']\"\n      :tooltip-text=\"strikeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"strikeButtonOptions.keyboardShortcutText\"\n      data-qa=\"strikethrough\"\n      :is-active=\"isSelectionActive('strike')\"\n      @click=\"$emit('click', 'strike', $event)\"\n    >\n      <template #icon>\n        <dt-icon-strikethrough\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <!-- @slot special slot for link button, since links require a custom dialog -->\n    <slot name=\"link\" />\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"bulletListButtonLabel['aria-label']\"\n      :tooltip-text=\"bulletListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"bulletListButtonOptions.keyboardShortcutText\"\n      data-qa=\"bullet-list\"\n      :is-active=\"isSelectionActive('bulletList')\"\n      @click=\"$emit('click', 'bulletList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-bullet\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"orderedListButtonLabel['aria-label']\"\n      :tooltip-text=\"orderedListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"orderedListButtonOptions.keyboardShortcutText\"\n      data-qa=\"ordered-list\"\n      :is-active=\"isSelectionActive('orderedList')\"\n      @click=\"$emit('click', 'orderedList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-ordered\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"blockQuoteButtonLabel['aria-label']\"\n      :tooltip-text=\"blockQuoteButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"blockQuoteButtonOptions.keyboardShortcutText\"\n      data-qa=\"blockquote\"\n      :is-active=\"isSelectionActive('blockquote')\"\n      @click=\"$emit('click', 'blockquote', $event)\"\n    >\n      <template #icon>\n        <dt-icon-quote\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"codeButtonLabel['aria-label']\"\n      :tooltip-text=\"codeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeButtonOptions.keyboardShortcutText\"\n      data-qa=\"code\"\n      :is-active=\"isSelectionActive('code')\"\n      @click=\"$emit('click', 'code', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"codeBlockButtonLabel['aria-label']\"\n      :tooltip-text=\"codeBlockButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeBlockButtonOptions.keyboardShortcutText\"\n      data-qa=\"code-block\"\n      :is-active=\"isSelectionActive('codeBlock')\"\n      @click=\"$emit('click', 'codeBlock', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code-block\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtStack } from '@/components/stack';\nimport {\n  DtIconListBullet,\n  DtIconBold,\n  DtIconItalic,\n  DtIconStrikethrough,\n  DtIconListOrdered,\n  DtIconQuote,\n  DtIconCode,\n  DtIconCodeBlock,\n} from '@dialpad/dialtone-icons/vue3';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeMessageInputTopbar',\n  components: {\n    DtStack,\n    DtIconListBullet,\n    DtIconBold,\n    DtIconItalic,\n    DtIconStrikethrough,\n    DtIconListOrdered,\n    DtIconQuote,\n    DtIconCode,\n    DtIconCodeBlock,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    boldButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    italicButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    strikeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    bulletListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    orderedListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    blockQuoteButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeBlockButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['click'],\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    boldButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL'); },\n    italicButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL'); },\n    strikeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL'); },\n    bulletListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL'); },\n    orderedListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL'); },\n    blockQuoteButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL'); },\n    codeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL'); },\n    codeBlockButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL'); },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtStack","DtIconListBullet","DtIconBold","DtIconItalic","DtIconStrikethrough","DtIconListOrdered","DtIconQuote","DtIconCode","DtIconCodeBlock","DtRecipeMessageInputButton","DialtoneLocalization","_createBlock","_component_dt_stack","_createVNode","_component_dt_recipe_message_input_button","$options","$props","_cache","$event","_ctx","_component_dt_icon_bold","_component_dt_icon_italic","_component_dt_icon_strikethrough","_createElementVNode","_renderSlot","_component_dt_icon_list_bullet","_component_dt_icon_list_ordered","_component_dt_icon_quote","_component_dt_icon_code","_component_dt_icon_code_block"],"mappings":"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"}
+{"version":3,"file":"message-input-topbar.cjs","sources":["../../../recipes/conversation_view/message_input/message_input_topbar.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"25\"\n    class=\"d-recipe-message-input__button-stack\"\n  >\n    <dt-recipe-message-input-button\n      :aria-label=\"boldButtonLabel['aria-label']\"\n      :tooltip-text=\"boldButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"boldButtonOptions.keyboardShortcutText\"\n      data-qa=\"bold\"\n      :is-active=\"isSelectionActive('bold')\"\n      @click=\"$emit('click', 'bold', $event)\"\n    >\n      <template #icon>\n        <dt-icon-bold\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"italicButtonLabel['aria-label']\"\n      :tooltip-text=\"italicButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"italicButtonOptions.keyboardShortcutText\"\n      data-qa=\"italic\"\n      :is-active=\"isSelectionActive('italic')\"\n      @click=\"$emit('click', 'italic', $event)\"\n    >\n      <template #icon>\n        <dt-icon-italic\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"strikeButtonLabel['aria-label']\"\n      :tooltip-text=\"strikeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"strikeButtonOptions.keyboardShortcutText\"\n      data-qa=\"strikethrough\"\n      :is-active=\"isSelectionActive('strike')\"\n      @click=\"$emit('click', 'strike', $event)\"\n    >\n      <template #icon>\n        <dt-icon-strikethrough\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <!-- @slot special slot for link button, since links require a custom dialog -->\n    <slot name=\"link\" />\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"bulletListButtonLabel['aria-label']\"\n      :tooltip-text=\"bulletListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"bulletListButtonOptions.keyboardShortcutText\"\n      data-qa=\"bullet-list\"\n      :is-active=\"isSelectionActive('bulletList')\"\n      @click=\"$emit('click', 'bulletList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-bullet\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"orderedListButtonLabel['aria-label']\"\n      :tooltip-text=\"orderedListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"orderedListButtonOptions.keyboardShortcutText\"\n      data-qa=\"ordered-list\"\n      :is-active=\"isSelectionActive('orderedList')\"\n      @click=\"$emit('click', 'orderedList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-ordered\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"blockQuoteButtonLabel['aria-label']\"\n      :tooltip-text=\"blockQuoteButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"blockQuoteButtonOptions.keyboardShortcutText\"\n      data-qa=\"blockquote\"\n      :is-active=\"isSelectionActive('blockquote')\"\n      @click=\"$emit('click', 'blockquote', $event)\"\n    >\n      <template #icon>\n        <dt-icon-quote\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"codeButtonLabel['aria-label']\"\n      :tooltip-text=\"codeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeButtonOptions.keyboardShortcutText\"\n      data-qa=\"code\"\n      :is-active=\"isSelectionActive('code')\"\n      @click=\"$emit('click', 'code', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"codeBlockButtonLabel['aria-label']\"\n      :tooltip-text=\"codeBlockButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeBlockButtonOptions.keyboardShortcutText\"\n      data-qa=\"code-block\"\n      :is-active=\"isSelectionActive('codeBlock')\"\n      @click=\"$emit('click', 'codeBlock', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code-block\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtStack } from '@/components/stack';\nimport {\n  DtIconListBullet,\n  DtIconBold,\n  DtIconItalic,\n  DtIconStrikethrough,\n  DtIconListOrdered,\n  DtIconQuote,\n  DtIconCode,\n  DtIconCodeBlock,\n} from '@dialpad/dialtone-icons/vue';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeMessageInputTopbar',\n  components: {\n    DtStack,\n    DtIconListBullet,\n    DtIconBold,\n    DtIconItalic,\n    DtIconStrikethrough,\n    DtIconListOrdered,\n    DtIconQuote,\n    DtIconCode,\n    DtIconCodeBlock,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    boldButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    italicButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    strikeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    bulletListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    orderedListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    blockQuoteButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeBlockButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['click'],\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    boldButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL'); },\n    italicButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL'); },\n    strikeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL'); },\n    bulletListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL'); },\n    orderedListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL'); },\n    blockQuoteButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL'); },\n    codeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL'); },\n    codeBlockButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL'); },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtStack","DtIconListBullet","DtIconBold","DtIconItalic","DtIconStrikethrough","DtIconListOrdered","DtIconQuote","DtIconCode","DtIconCodeBlock","DtRecipeMessageInputButton","DialtoneLocalization","_createBlock","_component_dt_stack","_createVNode","_component_dt_recipe_message_input_button","$options","$props","_cache","$event","_ctx","_component_dt_icon_bold","_component_dt_icon_italic","_component_dt_icon_strikethrough","_createElementVNode","_renderSlot","_component_dt_icon_list_bullet","_component_dt_icon_list_ordered","_component_dt_icon_quote","_component_dt_icon_code","_component_dt_icon_code_block"],"mappings":"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"}

package/dist/lib/message-input/message-input-topbar.js

@@ -1,4 +1,4 @@
-import { DtIconCodeBlock as O, DtIconCode as T, DtIconQuote as x, DtIconListOrdered as E, DtIconStrikethrough as S, DtIconItalic as v, DtIconBold as A, DtIconListBullet as y } from "@dialpad/dialtone-icons/vue3";
+import { DtIconCodeBlock as O, DtIconCode as T, DtIconQuote as x, DtIconListOrdered as E, DtIconStrikethrough as S, DtIconItalic as v, DtIconBold as A, DtIconListBullet as y } from "@dialpad/dialtone-icons/vue";
 import I from "./message-input-button.js";
 import { DialtoneLocalization as g } from "../../localization/index.js";
 import { resolveComponent as a, openBlock as D, createBlock as N, withCtx as n, createVNode as i, createElementVNode as r, renderSlot as f } from "vue";
@@ -95,7 +95,7 @@ function q(c, t, e, M, z, o) {
   const u = a("dt-icon-bold"), s = a("dt-recipe-message-input-button"), d = a("dt-icon-italic"), b = a("dt-icon-strikethrough"), _ = a("dt-icon-list-bullet"), k = a("dt-icon-list-ordered"), p = a("dt-icon-quote"), B = a("dt-icon-code"), L = a("dt-icon-code-block"), m = a("dt-stack");
   return D(), N(m, {
     direction: "row",
-    gap: "200",
+    gap: "25",
     class: "d-recipe-message-input__button-stack"
   }, {
     default: n(() => [

package/dist/lib/message-input/message-input-topbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"message-input-topbar.js","sources":["../../../recipes/conversation_view/message_input/message_input_topbar.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"200\"\n    class=\"d-recipe-message-input__button-stack\"\n  >\n    <dt-recipe-message-input-button\n      :aria-label=\"boldButtonLabel['aria-label']\"\n      :tooltip-text=\"boldButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"boldButtonOptions.keyboardShortcutText\"\n      data-qa=\"bold\"\n      :is-active=\"isSelectionActive('bold')\"\n      @click=\"$emit('click', 'bold', $event)\"\n    >\n      <template #icon>\n        <dt-icon-bold\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"italicButtonLabel['aria-label']\"\n      :tooltip-text=\"italicButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"italicButtonOptions.keyboardShortcutText\"\n      data-qa=\"italic\"\n      :is-active=\"isSelectionActive('italic')\"\n      @click=\"$emit('click', 'italic', $event)\"\n    >\n      <template #icon>\n        <dt-icon-italic\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"strikeButtonLabel['aria-label']\"\n      :tooltip-text=\"strikeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"strikeButtonOptions.keyboardShortcutText\"\n      data-qa=\"strikethrough\"\n      :is-active=\"isSelectionActive('strike')\"\n      @click=\"$emit('click', 'strike', $event)\"\n    >\n      <template #icon>\n        <dt-icon-strikethrough\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <!-- @slot special slot for link button, since links require a custom dialog -->\n    <slot name=\"link\" />\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"bulletListButtonLabel['aria-label']\"\n      :tooltip-text=\"bulletListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"bulletListButtonOptions.keyboardShortcutText\"\n      data-qa=\"bullet-list\"\n      :is-active=\"isSelectionActive('bulletList')\"\n      @click=\"$emit('click', 'bulletList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-bullet\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"orderedListButtonLabel['aria-label']\"\n      :tooltip-text=\"orderedListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"orderedListButtonOptions.keyboardShortcutText\"\n      data-qa=\"ordered-list\"\n      :is-active=\"isSelectionActive('orderedList')\"\n      @click=\"$emit('click', 'orderedList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-ordered\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"blockQuoteButtonLabel['aria-label']\"\n      :tooltip-text=\"blockQuoteButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"blockQuoteButtonOptions.keyboardShortcutText\"\n      data-qa=\"blockquote\"\n      :is-active=\"isSelectionActive('blockquote')\"\n      @click=\"$emit('click', 'blockquote', $event)\"\n    >\n      <template #icon>\n        <dt-icon-quote\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"codeButtonLabel['aria-label']\"\n      :tooltip-text=\"codeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeButtonOptions.keyboardShortcutText\"\n      data-qa=\"code\"\n      :is-active=\"isSelectionActive('code')\"\n      @click=\"$emit('click', 'code', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"codeBlockButtonLabel['aria-label']\"\n      :tooltip-text=\"codeBlockButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeBlockButtonOptions.keyboardShortcutText\"\n      data-qa=\"code-block\"\n      :is-active=\"isSelectionActive('codeBlock')\"\n      @click=\"$emit('click', 'codeBlock', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code-block\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtStack } from '@/components/stack';\nimport {\n  DtIconListBullet,\n  DtIconBold,\n  DtIconItalic,\n  DtIconStrikethrough,\n  DtIconListOrdered,\n  DtIconQuote,\n  DtIconCode,\n  DtIconCodeBlock,\n} from '@dialpad/dialtone-icons/vue3';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeMessageInputTopbar',\n  components: {\n    DtStack,\n    DtIconListBullet,\n    DtIconBold,\n    DtIconItalic,\n    DtIconStrikethrough,\n    DtIconListOrdered,\n    DtIconQuote,\n    DtIconCode,\n    DtIconCodeBlock,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    boldButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    italicButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    strikeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    bulletListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    orderedListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    blockQuoteButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeBlockButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['click'],\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    boldButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL'); },\n    italicButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL'); },\n    strikeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL'); },\n    bulletListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL'); },\n    orderedListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL'); },\n    blockQuoteButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL'); },\n    codeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL'); },\n    codeBlockButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL'); },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtStack","DtIconListBullet","DtIconBold","DtIconItalic","DtIconStrikethrough","DtIconListOrdered","DtIconQuote","DtIconCode","DtIconCodeBlock","DtRecipeMessageInputButton","DialtoneLocalization","_createBlock","_component_dt_stack","_createVNode","_component_dt_recipe_message_input_button","$options","$props","_cache","$event","_ctx","_component_dt_icon_bold","_component_dt_icon_italic","_component_dt_icon_strikethrough","_createElementVNode","_renderSlot","_component_dt_icon_list_bullet","_component_dt_icon_list_ordered","_component_dt_icon_quote","_component_dt_icon_code","_component_dt_icon_code_block"],"mappings":"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"}
+{"version":3,"file":"message-input-topbar.js","sources":["../../../recipes/conversation_view/message_input/message_input_topbar.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"25\"\n    class=\"d-recipe-message-input__button-stack\"\n  >\n    <dt-recipe-message-input-button\n      :aria-label=\"boldButtonLabel['aria-label']\"\n      :tooltip-text=\"boldButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"boldButtonOptions.keyboardShortcutText\"\n      data-qa=\"bold\"\n      :is-active=\"isSelectionActive('bold')\"\n      @click=\"$emit('click', 'bold', $event)\"\n    >\n      <template #icon>\n        <dt-icon-bold\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"italicButtonLabel['aria-label']\"\n      :tooltip-text=\"italicButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"italicButtonOptions.keyboardShortcutText\"\n      data-qa=\"italic\"\n      :is-active=\"isSelectionActive('italic')\"\n      @click=\"$emit('click', 'italic', $event)\"\n    >\n      <template #icon>\n        <dt-icon-italic\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"strikeButtonLabel['aria-label']\"\n      :tooltip-text=\"strikeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"strikeButtonOptions.keyboardShortcutText\"\n      data-qa=\"strikethrough\"\n      :is-active=\"isSelectionActive('strike')\"\n      @click=\"$emit('click', 'strike', $event)\"\n    >\n      <template #icon>\n        <dt-icon-strikethrough\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <!-- @slot special slot for link button, since links require a custom dialog -->\n    <slot name=\"link\" />\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"bulletListButtonLabel['aria-label']\"\n      :tooltip-text=\"bulletListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"bulletListButtonOptions.keyboardShortcutText\"\n      data-qa=\"bullet-list\"\n      :is-active=\"isSelectionActive('bulletList')\"\n      @click=\"$emit('click', 'bulletList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-bullet\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"orderedListButtonLabel['aria-label']\"\n      :tooltip-text=\"orderedListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"orderedListButtonOptions.keyboardShortcutText\"\n      data-qa=\"ordered-list\"\n      :is-active=\"isSelectionActive('orderedList')\"\n      @click=\"$emit('click', 'orderedList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-ordered\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"blockQuoteButtonLabel['aria-label']\"\n      :tooltip-text=\"blockQuoteButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"blockQuoteButtonOptions.keyboardShortcutText\"\n      data-qa=\"blockquote\"\n      :is-active=\"isSelectionActive('blockquote')\"\n      @click=\"$emit('click', 'blockquote', $event)\"\n    >\n      <template #icon>\n        <dt-icon-quote\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"codeButtonLabel['aria-label']\"\n      :tooltip-text=\"codeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeButtonOptions.keyboardShortcutText\"\n      data-qa=\"code\"\n      :is-active=\"isSelectionActive('code')\"\n      @click=\"$emit('click', 'code', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"codeBlockButtonLabel['aria-label']\"\n      :tooltip-text=\"codeBlockButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeBlockButtonOptions.keyboardShortcutText\"\n      data-qa=\"code-block\"\n      :is-active=\"isSelectionActive('codeBlock')\"\n      @click=\"$emit('click', 'codeBlock', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code-block\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtStack } from '@/components/stack';\nimport {\n  DtIconListBullet,\n  DtIconBold,\n  DtIconItalic,\n  DtIconStrikethrough,\n  DtIconListOrdered,\n  DtIconQuote,\n  DtIconCode,\n  DtIconCodeBlock,\n} from '@dialpad/dialtone-icons/vue';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeMessageInputTopbar',\n  components: {\n    DtStack,\n    DtIconListBullet,\n    DtIconBold,\n    DtIconItalic,\n    DtIconStrikethrough,\n    DtIconListOrdered,\n    DtIconQuote,\n    DtIconCode,\n    DtIconCodeBlock,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    boldButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    italicButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    strikeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    bulletListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    orderedListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    blockQuoteButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeBlockButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['click'],\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    boldButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL'); },\n    italicButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL'); },\n    strikeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL'); },\n    bulletListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL'); },\n    orderedListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL'); },\n    blockQuoteButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL'); },\n    codeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL'); },\n    codeBlockButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL'); },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtStack","DtIconListBullet","DtIconBold","DtIconItalic","DtIconStrikethrough","DtIconListOrdered","DtIconQuote","DtIconCode","DtIconCodeBlock","DtRecipeMessageInputButton","DialtoneLocalization","_createBlock","_component_dt_stack","_createVNode","_component_dt_recipe_message_input_button","$options","$props","_cache","$event","_ctx","_component_dt_icon_bold","_component_dt_icon_italic","_component_dt_icon_strikethrough","_createElementVNode","_renderSlot","_component_dt_icon_list_bullet","_component_dt_icon_list_ordered","_component_dt_icon_quote","_component_dt_icon_code","_component_dt_icon_code_block"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const P=require("./last-active-nodes.cjs"),k=require("../../common/utils/index.cjs"),f=require("@tiptap/core"),b=require("../../node_modules/@tiptap/vue-3.cjs"),d=require("@dialpad/dialtone-icons/vue3"),T=require("../../localization/index.cjs"),e=require("vue"),v=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),B=require("../button/button.cjs"),j=require("../item-layout/item-layout.cjs"),V=require("./message-input-topbar.cjs"),N=require("./message-input-link.cjs"),S=require("../editor/editor-constants.cjs"),A=require("../stack/stack.cjs"),M=require("../tooltip/tooltip.cjs"),q=require("../rich-text-editor/rich-text-editor.cjs"),F=require("../popover/popover.cjs"),R=require("../input/input.cjs"),U=require("../emoji-picker/emoji-picker.cjs"),C=require("../rich-text-editor/rich-text-editor-constants.cjs"),z={name:"MeetingPill",components:{NodeViewWrapper:b.NodeViewWrapper,DtItemLayout:j.default,DtIconClose:d.DtIconClose,DtButton:B.default,DtIconVideo:d.DtIconVideo},props:b.nodeViewProps,emits:["meeting-pill-close"],data(){return{i18n:new T.DialtoneLocalization}},computed:{closeButtonTitle(){return this.i18n.$t("DIALTONE_CLOSE_BUTTON")}},methods:{close(i){var o,r,s;const t=(s=(r=(o=this.editor)==null?void 0:o.storage)==null?void 0:r.meetingPill)==null?void 0:s.onClose;t&&typeof t=="function"&&t(i)}}},H={class:"d-recipe-message-input-meeting-pill__icon"},G={class:"d-recipe-message-input-meeting-pill__close"};function W(i,t,o,r,s,n){const m=e.resolveComponent("dt-icon-video"),p=e.resolveComponent("dt-icon-close"),h=e.resolveComponent("dt-button"),g=e.resolveComponent("dt-item-layout"),c=e.resolveComponent("node-view-wrapper");return e.openBlock(),e.createBlock(c,{class:"d-recipe-message-input-meeting-pill"},{default:e.withCtx(()=>[e.createVNode(g,{class:"d-recipe-message-input-meeting-pill__layout",unstyled:""},{left:e.withCtx(()=>[e.createElementVNode("div",H,[e.createVNode(m,{size:"400"})])]),right:e.withCtx(()=>[e.createElementVNode("div",G,[e.createVNode(h,{circle:"",importance:"clear",size:"xs","aria-label":n.closeButtonTitle,title:n.closeButtonTitle,onClick:n.close},{icon:e.withCtx(()=>[e.createVNode(p,{size:"300"})]),_:1},8,["aria-label","title","onClick"])])]),default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(i.node.attrs.text)+" ",1)]),_:1})]),_:1})}const K=v._(z,[["render",W]]),X=f.Node.create({name:"meetingPill",atom:!0,group:"inline",inline:!0,addOptions(){return{onClose:()=>{}}},addStorage(){return{onClose:this.options.onClose}},addNodeView(){return b.VueNodeViewRenderer(K)},addAttributes(){return{text:{default:'Please pass in "text" attribute'}}},parseHTML(){return[{tag:"meeting-pill"}]},renderText(){return"/dpm"},renderHTML({HTMLAttributes:i}){return["meeting-pill",f.mergeAttributes(i)]}}),Q={compatConfig:{MODE:3},name:"DtRecipeMessageInput",components:{DtButton:B.default,DtEmojiPicker:U.default,DtInput:R.default,DtPopover:F.default,DtRecipeMessageInputTopbar:V.default,DtRecipeMessageInputLink:N.default,DtRichTextEditor:q.default,DtTooltip:M.default,DtStack:A.default,DtIconImage:d.DtIconImage,DtIconVerySatisfied:d.DtIconVerySatisfied,DtIconSatisfied:d.DtIconSatisfied,DtIconSend:d.DtIconSend},inheritAttrs:!1,props:{richText:{type:Boolean,default:!0},modelValue:{type:[Object,String],default:""},editable:{type:Boolean,default:!0},inputAriaLabel:{type:String,required:!0,default:""},preventTyping:{type:Boolean,default:!1},inputClass:{type:String,default:""},autoFocus:{type:[Boolean,String,Number],default:!1,validator(i){return typeof i=="string"?C.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES.includes(i):!0}},outputFormat:{type:String,default:"json",validator(i){return C.RICH_TEXT_EDITOR_OUTPUT_FORMATS.includes(i)}},placeholder:{type:String,default:""},disableSend:{type:Boolean,default:!1},maxHeight:{type:String,default:"unset"},showEmojiPicker:{type:Boolean,default:!0},emojiPickerProps:{type:Object,default:()=>({})},showCharacterLimit:{type:[Boolean,Object],default:()=>({count:1500,warning:500,message:""})},showImagePicker:{type:[Boolean,Object],default:()=>({})},showSend:{type:[Boolean,Object],default:()=>({})},showCancel:{type:[Boolean,Object],default:()=>({})},mentionSuggestion:{type:Object,default:null},channelSuggestion:{type:Object,default:null},slashCommandSuggestion:{type:Object,default:null},boldButtonOptions:{type:Object,default:()=>({keyboardShortcutText:"Mod + B"})},italicButtonOptions:{type:Object,default:()=>({keyboardShortcutText:"Mod + I"})},strikeButtonOptions:{type:Object,default:()=>({keyboardShortcutText:"Mod + Shift + S"})},linkButtonOptions:{type:Object,default:()=>({keyboardShortcutText:"Mod + K",linkPlaceholder:"e.g. https://www.dialpad.com"})},bulletListButtonOptions:{type:Object,default:()=>({keyboardShortcutText:"Mod + Shift + 8"})},orderedListButtonOptions:{type:Object,default:()=>({keyboardShortcutText:"Mod + Shift + 7"})},blockQuoteButtonOptions:{type:Object,default:()=>({keyboardShortcutText:"Mod + Shift + B"})},codeButtonOptions:{type:Object,default:()=>({keyboardShortcutText:"Mod + E"})},codeBlockButtonOptions:{type:Object,default:()=>({keyboardShortcutText:"Mod + Alt + C"})}},emits:["submit","select-media","add-media","paste-media","cancel","skin-tone","selected-emoji","selected-command","meeting-pill-close","update:modelValue","text-input","markdown-input","add-emoji","emoji-scroll-bottom-reached"],data(){return{lastActiveNodes:P.default,additionalExtensions:[X.configure({onClose:i=>{this.$emit("meeting-pill-close",i)}})],internalInputValue:this.modelValue,imagePickerFocus:!1,emojiPickerFocus:!1,emojiPickerOpened:!1,isFocused:!1,linkOptions:{class:"d-link d-c-text d-d-inline-block"},linkDialogOpen:!1,selectedText:"",text:"",hideLinkBubbleMenu:!1,i18n:new T.DialtoneLocalization}},computed:{showSendIcon(){return!this.showSend.text},inputLength(){return this.text.length},displayCharacterLimitWarning(){return!!this.showCharacterLimit&&this.showCharacterLimit.count-this.inputLength<=this.showCharacterLimit.warning},characterLimitTooltipEnabled(){return this.showCharacterLimit.message&&this.showCharacterLimit.count-this.inputLength<0},isSelectionActive(){return i=>{var t,o,r,s;return["bulletList","orderedList"].includes(i)?this.richText?this.lastActiveNodes((o=(t=this.$refs.richTextEditor)==null?void 0:t.editor)==null?void 0:o.state,[{type:"bulletList"},{type:"orderedList"}]).includes(i)&&this.isFocused:!1:((s=(r=this.$refs.richTextEditor)==null?void 0:r.editor)==null?void 0:s.isActive(i))&&this.isFocused}},isSendDisabled(){return this.disableSend||this.showCharacterLimit&&this.inputLength>this.showCharacterLimit.count},emojiPickerHovered(){return this.emojiPickerFocus||this.emojiPickerOpened},sendIconSize(){return"300"},sendButtonLabel(){return this.i18n.$t("DIALTONE_MESSAGE_INPUT_SEND_BUTTON_ARIA_LABEL")},imagePickerButtonLabel(){return this.i18n.$t("DIALTONE_MESSAGE_INPUT_IMAGE_PICKER_BUTTON_ARIA_LABEL")},emojiPickerButtonLabel(){return this.i18n.$t("DIALTONE_MESSAGE_INPUT_EMOJI_PICKER_BUTTON_ARIA_LABEL")},cancelButtonLabel(){return this.i18n.$t("DIALTONE_MESSAGE_INPUT_CANCEL_BUTTON_ARIA_LABEL")}},watch:{modelValue(i){this.internalInputValue=i},emojiPickerOpened(i){var t;i||(t=this.$refs.richTextEditor)==null||t.focusEditor()}},created(){this.modelValue&&this.outputFormat==="text"?this.internalInputValue=this.modelValue.replace(/\n/g,"<br>"):this.internalInputValue=this.modelValue},methods:{removeClassStyleAttrs:k.removeClassStyleAttrs,addClassStyleAttrs:k.addClassStyleAttrs,linkDialogOpened(i){var t;this.linkDialogOpen=i,i===!0?this.initLinkDialog():(this.hideLinkBubbleMenu=!1,(t=this.$refs.richTextEditor)==null||t.focusEditor())},handleTopbarClick(i){var r;const t=(r=this.$refs.richTextEditor)==null?void 0:r.editor,o={bold:()=>t==null?void 0:t.chain().focus().toggleBold().run(),italic:()=>t==null?void 0:t.chain().focus().toggleItalic().run(),strike:()=>t==null?void 0:t.chain().focus().toggleStrike().run(),bulletList:()=>t==null?void 0:t.chain().focus().toggleBulletList().run(),orderedList:()=>t==null?void 0:t.chain().focus().toggleOrderedList().run(),blockquote:()=>t==null?void 0:t.chain().focus().toggleBlockquote().run(),code:()=>t==null?void 0:t.chain().focus().toggleCode().run(),codeBlock:()=>t==null?void 0:t.chain().focus().toggleCodeBlock().run()};t&&o[i]&&o[i]()},initLinkDialog(){var i,t,o;this.$refs.link.setInitialValues(this.selectedText,(o=(t=(i=this.$refs.richTextEditor)==null?void 0:i.editor)==null?void 0:t.getAttributes("link"))==null?void 0:o.href),this.hideLinkBubbleMenu=!0,this.linkDialogOpen=!0},removeLink(){var i;(i=this.$refs.richTextEditor)==null||i.removeLink(),this.linkDialogOpen=!1},setLink(i,t){this.$refs.richTextEditor.setLink(t,i,this.linkOptions,S.EDITOR_SUPPORTED_LINK_PROTOCOLS,S.EDITOR_DEFAULT_LINK_PREFIX),this.linkDialogOpen=!1},onMousedown(i){k.returnFirstEl(this.$refs.richTextEditor.$el).querySelector(".tiptap").contains(i.target)||(i.preventDefault(),this.$refs.richTextEditor.focusEditor())},onDrop(i){const t=i.dataTransfer,o=Array.from(t.files);this.$emit("add-media",o)},onPaste(i){if(i.clipboardData.files.length){i.stopPropagation(),i.preventDefault();const t=[...i.clipboardData.files];this.$emit("paste-media",t)}},onSkinTone(i){this.$emit("skin-tone",i)},onSelectEmoji(i,t){i&&(i.shift_key||t(),this.$refs.richTextEditor.editor.commands.insertContent({type:"emoji",attrs:{code:i.shortname,image:i.image,name:i.name}}),this.$emit("selected-emoji",i))},onSelectImage(){this.$refs.messageInputImageUpload.$refs.input.click()},onImageUpload(){this.$emit("select-media",this.$refs.messageInputImageUpload.$refs.input.files)},toggleEmojiPicker(){this.emojiPickerOpened=!this.emojiPickerOpened},onSend(){this.isSendDisabled||this.$emit("submit",this.internalInputValue)},onCancel(){this.$emit("cancel")},onInput(i){this.$emit("update:modelValue",i)},onTextInput(i){this.text=i,this.$emit("text-input",i)},onMarkdownInput(i){this.$emit("markdown-input",i)}}},J={class:"d-recipe-message-input__bottom-section"},Y={class:"d-recipe-message-input__bottom-section-left"},Z={class:"d-recipe-message-input__bottom-section-right"},$={class:"d-recipe-message-input__schedule-message"},ee={class:"d-recipe-message-input__sms-count"},te={key:0};function ie(i,t,o,r,s,n){const m=e.resolveComponent("dt-recipe-message-input-link"),p=e.resolveComponent("dt-recipe-message-input-topbar"),h=e.resolveComponent("dt-rich-text-editor"),g=e.resolveComponent("dt-icon-image"),c=e.resolveComponent("dt-button"),I=e.resolveComponent("dt-input"),w=e.resolveComponent("dt-icon-very-satisfied"),L=e.resolveComponent("dt-icon-satisfied"),y=e.resolveComponent("dt-emoji-picker"),E=e.resolveComponent("dt-popover"),_=e.resolveComponent("dt-stack"),O=e.resolveComponent("dt-tooltip"),x=e.resolveComponent("dt-icon-send"),D=e.resolveDirective("dt-scrollbar"),u=e.resolveDirective("dt-tooltip");return e.openBlock(),e.createElementBlock("div",e.mergeProps({"data-qa":"dt-recipe-message-input",role:"presentation",class:"d-recipe-message-input"},n.addClassStyleAttrs(i.$attrs),{onDragover:t[16]||(t[16]=e.withModifiers(()=>{},["prevent"])),onDrop:t[17]||(t[17]=e.withModifiers((...l)=>n.onDrop&&n.onDrop(...l),["prevent"])),onPaste:t[18]||(t[18]=(...l)=>n.onPaste&&n.onPaste(...l)),onMousedown:t[19]||(t[19]=(...l)=>n.onMousedown&&n.onMousedown(...l))}),[e.renderSlot(i.$slots,"top"),o.richText?(e.openBlock(),e.createBlock(p,{key:0,"bold-button-options":o.boldButtonOptions,"italic-button-options":o.italicButtonOptions,"strike-button-options":o.strikeButtonOptions,"bullet-list-button-options":o.bulletListButtonOptions,"ordered-list-button-options":o.orderedListButtonOptions,"block-quote-button-options":o.blockQuoteButtonOptions,"code-button-options":o.codeButtonOptions,"code-block-button-options":o.codeBlockButtonOptions,"is-selection-active":n.isSelectionActive,onClick:n.handleTopbarClick},{link:e.withCtx(()=>[e.createVNode(m,{ref:"link",open:s.linkDialogOpen,"link-button-options":o.linkButtonOptions,"is-selection-active":n.isSelectionActive,onOpened:n.linkDialogOpened,onSetLink:n.setLink,onRemoveLink:n.removeLink},null,8,["open","link-button-options","is-selection-active","onOpened","onSetLink","onRemoveLink"])]),_:1},8,["bold-button-options","italic-button-options","strike-button-options","bullet-list-button-options","ordered-list-button-options","block-quote-button-options","code-button-options","code-block-button-options","is-selection-active","onClick"])):e.createCommentVNode("",!0),e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:"d-recipe-message-input__editor-wrapper",style:e.normalizeStyle({"max-height":o.maxHeight})},[e.createVNode(h,e.mergeProps({ref:"richTextEditor",modelValue:s.internalInputValue,"onUpdate:modelValue":t[0]||(t[0]=l=>s.internalInputValue=l),"allow-blockquote":o.richText,"allow-bold":o.richText,"allow-bullet-list":o.richText,"allow-code":o.richText,"allow-codeblock":o.richText,"allow-italic":o.richText,"allow-strike":o.richText,"allow-underline":o.richText,"paste-rich-text":o.richText,editable:o.editable,"input-aria-label":o.inputAriaLabel,"input-class":o.inputClass,"output-format":o.outputFormat,"auto-focus":o.autoFocus,link:o.richText,placeholder:o.placeholder,"prevent-typing":o.preventTyping,"mention-suggestion":o.mentionSuggestion,"channel-suggestion":o.channelSuggestion,"slash-command-suggestion":o.slashCommandSuggestion,"additional-extensions":s.additionalExtensions,"hide-link-bubble-menu":s.hideLinkBubbleMenu},n.removeClassStyleAttrs(i.$attrs),{onInput:n.onInput,onTextInput:n.onTextInput,onMarkdownInput:n.onMarkdownInput,onEnter:n.onSend,onSelected:t[1]||(t[1]=l=>s.selectedText=l),onSelectedCommand:t[2]||(t[2]=l=>i.$emit("selected-command",l)),onEditLink:n.initLinkDialog,onFocus:t[3]||(t[3]=l=>s.isFocused=!0),onBlur:t[4]||(t[4]=l=>s.isFocused=!1)}),null,16,["modelValue","allow-blockquote","allow-bold","allow-bullet-list","allow-code","allow-codeblock","allow-italic","allow-strike","allow-underline","paste-rich-text","editable","input-aria-label","input-class","output-format","auto-focus","link","placeholder","prevent-typing","mention-suggestion","channel-suggestion","slash-command-suggestion","additional-extensions","hide-link-bubble-menu","onInput","onTextInput","onMarkdownInput","onEnter","onEditLink"])],4)),[[D]]),e.renderSlot(i.$slots,"middle"),e.createElementVNode("section",J,[e.createElementVNode("div",Y,[e.createVNode(_,{gap:"200",direction:"row",class:"d-recipe-message-input__bottom-section-left-stack"},{default:e.withCtx(()=>[o.showImagePicker?e.withDirectives((e.openBlock(),e.createBlock(c,{key:0,"data-qa":"dt-recipe-message-input-image-btn",size:"sm",class:"d-recipe-message-input__button",kind:"muted",importance:"clear","aria-label":n.imagePickerButtonLabel,onClick:n.onSelectImage,onMouseenter:t[5]||(t[5]=l=>s.imagePickerFocus=!0),onMouseleave:t[6]||(t[6]=l=>s.imagePickerFocus=!1),onFocus:t[7]||(t[7]=l=>s.imagePickerFocus=!0),onBlur:t[8]||(t[8]=l=>s.imagePickerFocus=!1)},{icon:e.withCtx(()=>[e.createVNode(g,{size:"300"})]),_:1},8,["aria-label","onClick"])),[[u,n.imagePickerButtonLabel,"top-start"]]):e.createCommentVNode("",!0),e.createVNode(I,{ref:"messageInputImageUpload","data-qa":"dt-recipe-message-input-image-input",accept:"image/*, video/*",type:"file",class:"d-recipe-message-input__image-input",multiple:"",hidden:"",onInput:n.onImageUpload},null,8,["onInput"]),o.showEmojiPicker?(e.openBlock(),e.createBlock(E,{key:1,open:s.emojiPickerOpened,"onUpdate:open":t[15]||(t[15]=l=>s.emojiPickerOpened=l),"data-qa":"dt-recipe-message-input-emoji-picker-popover","initial-focus-element":"#searchInput",padding:"none"},{anchor:e.withCtx(({attrs:l})=>[e.withDirectives((e.openBlock(),e.createBlock(c,e.mergeProps(l,{"data-qa":"dt-recipe-message-input-emoji-picker-btn",size:"sm",class:"d-recipe-message-input__button",kind:"muted",importance:"clear","aria-label":n.emojiPickerButtonLabel,onClick:n.toggleEmojiPicker,onMouseenter:t[9]||(t[9]=a=>s.emojiPickerFocus=!0),onMouseleave:t[10]||(t[10]=a=>s.emojiPickerFocus=!1),onFocus:t[11]||(t[11]=a=>s.emojiPickerFocus=!0),onBlur:t[12]||(t[12]=a=>s.emojiPickerFocus=!1)}),{icon:e.withCtx(()=>[n.emojiPickerHovered?(e.openBlock(),e.createBlock(w,{key:0,size:"300"})):(e.openBlock(),e.createBlock(L,{key:1,size:"300"}))]),_:1},16,["aria-label","onClick"])),[[u,n.emojiPickerButtonLabel]])]),content:e.withCtx(({close:l})=>[e.createVNode(y,e.mergeProps(o.emojiPickerProps,{onAddEmoji:t[13]||(t[13]=a=>i.$emit("add-emoji")),onSkinTone:n.onSkinTone,onSelectedEmoji:a=>n.onSelectEmoji(a,l),onScrollBottomReached:t[14]||(t[14]=a=>i.$emit("emoji-scroll-bottom-reached"))}),null,16,["onSkinTone","onSelectedEmoji"])]),_:1},8,["open"])):e.createCommentVNode("",!0),e.renderSlot(i.$slots,"emojiGiphyPicker"),e.renderSlot(i.$slots,"customActionIcons"),e.renderSlot(i.$slots,"messagePolish")]),_:3})]),e.createElementVNode("div",Z,[e.createVNode(_,{direction:"row",gap:"300"},{default:e.withCtx(()=>[e.createElementVNode("div",$,[e.renderSlot(i.$slots,"scheduleMessage")]),e.createElementVNode("div",ee,[e.renderSlot(i.$slots,"smsCount")]),o.showCharacterLimit?(e.openBlock(),e.createBlock(O,{key:0,class:"d-recipe-message-input__remaining-char-tooltip",placement:"top-end",enabled:n.characterLimitTooltipEnabled,message:o.showCharacterLimit.message,offset:[10,8]},{anchor:e.withCtx(()=>[e.withDirectives(e.createElementVNode("p",{class:"d-recipe-message-input__remaining-char","data-qa":"dt-recipe-message-input-character-limit"},e.toDisplayString(o.showCharacterLimit.count-n.inputLength),513),[[e.vShow,n.displayCharacterLimitWarning]])]),_:1},8,["enabled","message"])):e.createCommentVNode("",!0),o.showCancel?e.withDirectives((e.openBlock(),e.createBlock(c,{key:1,"data-qa":"dt-recipe-message-input-cancel-button",class:"d-recipe-message-input__button d-recipe-message-input__cancel-button",size:"sm",kind:"muted",importance:"clear","aria-label":n.cancelButtonLabel,onClick:n.onCancel},{default:e.withCtx(()=>[e.createElementVNode("p",null,e.toDisplayString(n.cancelButtonLabel),1)]),_:1},8,["aria-label","onClick"])),[[u,n.cancelButtonLabel]]):e.createCommentVNode("",!0),e.renderSlot(i.$slots,"sendButton",{},()=>[o.showSend?e.withDirectives((e.openBlock(),e.createBlock(c,{key:0,"data-qa":"dt-recipe-message-input-send-btn",size:"sm",kind:"default",importance:"primary",class:e.normalizeClass(["d-recipe-message-input__button d-recipe-message-input__send-button",{"d-recipe-message-input__send-button--disabled":n.isSendDisabled,"d-btn--icon-only":n.showSendIcon}]),"aria-label":n.sendButtonLabel,"aria-disabled":n.isSendDisabled,onClick:n.onSend},e.createSlots({default:e.withCtx(()=>[o.showSend.text?(e.openBlock(),e.createElementBlock("p",te,e.toDisplayString(o.showSend.text),1)):e.createCommentVNode("",!0)]),_:2},[n.showSendIcon?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(i.$slots,"sendIcon",{iconSize:n.sendIconSize},()=>[e.createVNode(x,{size:n.sendIconSize},null,8,["size"])])]),key:"0"}:void 0]),1032,["class","aria-label","aria-disabled","onClick"])),[[u,n.sendButtonLabel,"top-end"]]):e.createCommentVNode("",!0)])]),_:3})])])],16)}const oe=v._(Q,[["render",ie]]);exports.default=oe;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const P=require("./last-active-nodes.cjs"),k=require("../../common/utils/index.cjs"),f=require("@tiptap/core"),b=require("../../node_modules/@tiptap/vue-3.cjs"),d=require("@dialpad/dialtone-icons/vue"),T=require("../../localization/index.cjs"),e=require("vue"),v=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),B=require("../button/button.cjs"),j=require("../item-layout/item-layout.cjs"),V=require("./message-input-topbar.cjs"),N=require("./message-input-link.cjs"),S=require("../editor/editor-constants.cjs"),A=require("../stack/stack.cjs"),M=require("../tooltip/tooltip.cjs"),q=require("../rich-text-editor/rich-text-editor.cjs"),F=require("../popover/popover.cjs"),R=require("../input/input.cjs"),U=require("../emoji-picker/emoji-picker.cjs"),C=require("../rich-text-editor/rich-text-editor-constants.cjs"),z={name:"MeetingPill",components:{NodeViewWrapper:b.NodeViewWrapper,DtItemLayout:j.default,DtIconClose:d.DtIconClose,DtButton:B.default,DtIconVideo:d.DtIconVideo},props:b.nodeViewProps,emits:["meeting-pill-close"],data(){return{i18n:new T.DialtoneLocalization}},computed:{closeButtonTitle(){return this.i18n.$t("DIALTONE_CLOSE_BUTTON")}},methods:{close(i){var o,r,l;const t=(l=(r=(o=this.editor)==null?void 0:o.storage)==null?void 0:r.meetingPill)==null?void 0:l.onClose;t&&typeof t=="function"&&t(i)}}},H={class:"d-recipe-message-input-meeting-pill__icon"},G={class:"d-recipe-message-input-meeting-pill__close"};function W(i,t,o,r,l,n){const m=e.resolveComponent("dt-icon-video"),p=e.resolveComponent("dt-icon-close"),h=e.resolveComponent("dt-button"),g=e.resolveComponent("dt-item-layout"),c=e.resolveComponent("node-view-wrapper");return e.openBlock(),e.createBlock(c,{class:"d-recipe-message-input-meeting-pill"},{default:e.withCtx(()=>[e.createVNode(g,{class:"d-recipe-message-input-meeting-pill__layout",unstyled:""},{start:e.withCtx(()=>[e.createElementVNode("div",H,[e.createVNode(m,{size:"400"})])]),end:e.withCtx(()=>[e.createElementVNode("div",G,[e.createVNode(h,{circle:"",importance:"clear",size:100,"aria-label":n.closeButtonTitle,title:n.closeButtonTitle,onClick:n.close},{icon:e.withCtx(()=>[e.createVNode(p,{size:"300"})]),_:1},8,["aria-label","title","onClick"])])]),default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(i.node.attrs.text)+" ",1)]),_:1})]),_:1})}const K=v._(z,[["render",W]]),X=f.Node.create({name:"meetingPill",atom:!0,group:"inline",inline:!0,addOptions(){return{onClose:()=>{}}},addStorage(){return{onClose:this.options.onClose}},addNodeView(){return b.VueNodeViewRenderer(K)},addAttributes(){return{text:{default:'Please pass in "text" attribute'}}},parseHTML(){return[{tag:"meeting-pill"}]},renderText(){return"/dpm"},renderHTML({HTMLAttributes:i}){return["meeting-pill",f.mergeAttributes(i)]}}),Q={compatConfig:{MODE:3},name:"DtRecipeMessageInput",components:{DtButton:B.default,DtEmojiPicker:U.default,DtInput:R.default,DtPopover:F.default,DtRecipeMessageInputTopbar:V.default,DtRecipeMessageInputLink:N.default,DtRichTextEditor:q.default,DtTooltip:M.default,DtStack:A.default,DtIconImage:d.DtIconImage,DtIconVerySatisfied:d.DtIconVerySatisfied,DtIconSatisfied:d.DtIconSatisfied,DtIconSend:d.DtIconSend},inheritAttrs:!1,props:{richText:{type:Boolean,default:!0},modelValue:{type:[Object,String],default:""},editable:{type:Boolean,default:!0},inputAriaLabel:{type:String,required:!0,default:""},preventTyping:{type:Boolean,default:!1},inputClass:{type:String,default:""},autoFocus:{type:[Boolean,String,Number],default:!1,validator(i){return typeof i=="string"?C.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES.includes(i):!0}},outputFormat:{type:String,default:"json",validator(i){return C.RICH_TEXT_EDITOR_OUTPUT_FORMATS.includes(i)}},placeholder:{type:String,default:""},disableSend:{type:Boolean,default:!1},maxHeight:{type:String,default:"unset"},showEmojiPicker:{type:Boolean,default:!0},emojiPickerProps:{type:Object,default:()=>({})},showCharacterLimit:{type:[Boolean,Object],default:()=>({count:1500,warning:500,message:""})},showImagePicker:{type:[Boolean,Object],default:()=>({})},showSend:{type:[Boolean,Object],default:()=>({})},showCancel:{type:[Boolean,Object],default:()=>({})},mentionSuggestion:{type:Object,default:null},channelSuggestion:{type:Object,default:null},slashCommandSuggestion:{type:Object,default:null},boldButtonOptions:{type:Object,default:()=>({keyboardShortcutText:"Mod + B"})},italicButtonOptions:{type:Object,default:()=>({keyboardShortcutText:"Mod + I"})},strikeButtonOptions:{type:Object,default:()=>({keyboardShortcutText:"Mod + Shift + S"})},linkButtonOptions:{type:Object,default:()=>({keyboardShortcutText:"Mod + K",linkPlaceholder:"e.g. https://www.dialpad.com"})},bulletListButtonOptions:{type:Object,default:()=>({keyboardShortcutText:"Mod + Shift + 8"})},orderedListButtonOptions:{type:Object,default:()=>({keyboardShortcutText:"Mod + Shift + 7"})},blockQuoteButtonOptions:{type:Object,default:()=>({keyboardShortcutText:"Mod + Shift + B"})},codeButtonOptions:{type:Object,default:()=>({keyboardShortcutText:"Mod + E"})},codeBlockButtonOptions:{type:Object,default:()=>({keyboardShortcutText:"Mod + Alt + C"})}},emits:["submit","select-media","add-media","paste-media","cancel","skin-tone","selected-emoji","selected-command","meeting-pill-close","update:modelValue","text-input","markdown-input","add-emoji","emoji-scroll-bottom-reached"],data(){return{lastActiveNodes:P.default,additionalExtensions:[X.configure({onClose:i=>{this.$emit("meeting-pill-close",i)}})],internalInputValue:this.modelValue,imagePickerFocus:!1,emojiPickerFocus:!1,emojiPickerOpened:!1,isFocused:!1,linkOptions:{class:"d-link d-c-text d-d-inline-block"},linkDialogOpen:!1,selectedText:"",text:"",hideLinkBubbleMenu:!1,i18n:new T.DialtoneLocalization}},computed:{showSendIcon(){return!this.showSend.text},inputLength(){return this.text.length},displayCharacterLimitWarning(){return!!this.showCharacterLimit&&this.showCharacterLimit.count-this.inputLength<=this.showCharacterLimit.warning},characterLimitTooltipEnabled(){return this.showCharacterLimit.message&&this.showCharacterLimit.count-this.inputLength<0},isSelectionActive(){return i=>{var t,o,r,l;return["bulletList","orderedList"].includes(i)?this.richText?this.lastActiveNodes((o=(t=this.$refs.richTextEditor)==null?void 0:t.editor)==null?void 0:o.state,[{type:"bulletList"},{type:"orderedList"}]).includes(i)&&this.isFocused:!1:((l=(r=this.$refs.richTextEditor)==null?void 0:r.editor)==null?void 0:l.isActive(i))&&this.isFocused}},isSendDisabled(){return this.disableSend||this.showCharacterLimit&&this.inputLength>this.showCharacterLimit.count},emojiPickerHovered(){return this.emojiPickerFocus||this.emojiPickerOpened},sendIconSize(){return"300"},sendButtonLabel(){return this.i18n.$t("DIALTONE_MESSAGE_INPUT_SEND_BUTTON_ARIA_LABEL")},imagePickerButtonLabel(){return this.i18n.$t("DIALTONE_MESSAGE_INPUT_IMAGE_PICKER_BUTTON_ARIA_LABEL")},emojiPickerButtonLabel(){return this.i18n.$t("DIALTONE_MESSAGE_INPUT_EMOJI_PICKER_BUTTON_ARIA_LABEL")},cancelButtonLabel(){return this.i18n.$t("DIALTONE_MESSAGE_INPUT_CANCEL_BUTTON_ARIA_LABEL")}},watch:{modelValue(i){this.internalInputValue=i},emojiPickerOpened(i){var t;i||(t=this.$refs.richTextEditor)==null||t.focusEditor()}},created(){this.modelValue&&this.outputFormat==="text"?this.internalInputValue=this.modelValue.replace(/\n/g,"<br>"):this.internalInputValue=this.modelValue},methods:{removeClassStyleAttrs:k.removeClassStyleAttrs,addClassStyleAttrs:k.addClassStyleAttrs,linkDialogOpened(i){var t;this.linkDialogOpen=i,i===!0?this.initLinkDialog():(this.hideLinkBubbleMenu=!1,(t=this.$refs.richTextEditor)==null||t.focusEditor())},handleTopbarClick(i){var r;const t=(r=this.$refs.richTextEditor)==null?void 0:r.editor,o={bold:()=>t==null?void 0:t.chain().focus().toggleBold().run(),italic:()=>t==null?void 0:t.chain().focus().toggleItalic().run(),strike:()=>t==null?void 0:t.chain().focus().toggleStrike().run(),bulletList:()=>t==null?void 0:t.chain().focus().toggleBulletList().run(),orderedList:()=>t==null?void 0:t.chain().focus().toggleOrderedList().run(),blockquote:()=>t==null?void 0:t.chain().focus().toggleBlockquote().run(),code:()=>t==null?void 0:t.chain().focus().toggleCode().run(),codeBlock:()=>t==null?void 0:t.chain().focus().toggleCodeBlock().run()};t&&o[i]&&o[i]()},initLinkDialog(){var i,t,o;this.$refs.link.setInitialValues(this.selectedText,(o=(t=(i=this.$refs.richTextEditor)==null?void 0:i.editor)==null?void 0:t.getAttributes("link"))==null?void 0:o.href),this.hideLinkBubbleMenu=!0,this.linkDialogOpen=!0},removeLink(){var i;(i=this.$refs.richTextEditor)==null||i.removeLink(),this.linkDialogOpen=!1},setLink(i,t){this.$refs.richTextEditor.setLink(t,i,this.linkOptions,S.EDITOR_SUPPORTED_LINK_PROTOCOLS,S.EDITOR_DEFAULT_LINK_PREFIX),this.linkDialogOpen=!1},onMousedown(i){k.returnFirstEl(this.$refs.richTextEditor.$el).querySelector(".tiptap").contains(i.target)||(i.preventDefault(),this.$refs.richTextEditor.focusEditor())},onDrop(i){const t=i.dataTransfer,o=Array.from(t.files);this.$emit("add-media",o)},onPaste(i){if(i.clipboardData.files.length){i.stopPropagation(),i.preventDefault();const t=[...i.clipboardData.files];this.$emit("paste-media",t)}},onSkinTone(i){this.$emit("skin-tone",i)},onSelectEmoji(i,t){i&&(i.shift_key||t(),this.$refs.richTextEditor.editor.commands.insertContent({type:"emoji",attrs:{code:i.shortname,image:i.image,name:i.name}}),this.$emit("selected-emoji",i))},onSelectImage(){this.$refs.messageInputImageUpload.$refs.input.click()},onImageUpload(){this.$emit("select-media",this.$refs.messageInputImageUpload.$refs.input.files)},toggleEmojiPicker(){this.emojiPickerOpened=!this.emojiPickerOpened},onSend(){this.isSendDisabled||this.$emit("submit",this.internalInputValue)},onCancel(){this.$emit("cancel")},onInput(i){this.$emit("update:modelValue",i)},onTextInput(i){this.text=i,this.$emit("text-input",i)},onMarkdownInput(i){this.$emit("markdown-input",i)}}},J={class:"d-recipe-message-input__bottom-section"},Y={class:"d-recipe-message-input__bottom-section-left"},Z={class:"d-recipe-message-input__bottom-section-right"},$={class:"d-recipe-message-input__schedule-message"},ee={class:"d-recipe-message-input__sms-count"},te={key:0};function ie(i,t,o,r,l,n){const m=e.resolveComponent("dt-recipe-message-input-link"),p=e.resolveComponent("dt-recipe-message-input-topbar"),h=e.resolveComponent("dt-rich-text-editor"),g=e.resolveComponent("dt-icon-image"),c=e.resolveComponent("dt-button"),I=e.resolveComponent("dt-input"),w=e.resolveComponent("dt-icon-very-satisfied"),L=e.resolveComponent("dt-icon-satisfied"),y=e.resolveComponent("dt-emoji-picker"),E=e.resolveComponent("dt-popover"),_=e.resolveComponent("dt-stack"),O=e.resolveComponent("dt-tooltip"),x=e.resolveComponent("dt-icon-send"),D=e.resolveDirective("dt-scrollbar"),u=e.resolveDirective("dt-tooltip");return e.openBlock(),e.createElementBlock("div",e.mergeProps({"data-qa":"dt-recipe-message-input",role:"presentation",class:"d-recipe-message-input"},n.addClassStyleAttrs(i.$attrs),{onDragover:t[16]||(t[16]=e.withModifiers(()=>{},["prevent"])),onDrop:t[17]||(t[17]=e.withModifiers((...s)=>n.onDrop&&n.onDrop(...s),["prevent"])),onPaste:t[18]||(t[18]=(...s)=>n.onPaste&&n.onPaste(...s)),onMousedown:t[19]||(t[19]=(...s)=>n.onMousedown&&n.onMousedown(...s))}),[i.$slots.blockStart?e.renderSlot(i.$slots,"blockStart",{key:0}):e.renderSlot(i.$slots,"top",{key:1}),o.richText?(e.openBlock(),e.createBlock(p,{key:2,"bold-button-options":o.boldButtonOptions,"italic-button-options":o.italicButtonOptions,"strike-button-options":o.strikeButtonOptions,"bullet-list-button-options":o.bulletListButtonOptions,"ordered-list-button-options":o.orderedListButtonOptions,"block-quote-button-options":o.blockQuoteButtonOptions,"code-button-options":o.codeButtonOptions,"code-block-button-options":o.codeBlockButtonOptions,"is-selection-active":n.isSelectionActive,onClick:n.handleTopbarClick},{link:e.withCtx(()=>[e.createVNode(m,{ref:"link",open:l.linkDialogOpen,"link-button-options":o.linkButtonOptions,"is-selection-active":n.isSelectionActive,onOpened:n.linkDialogOpened,onSetLink:n.setLink,onRemoveLink:n.removeLink},null,8,["open","link-button-options","is-selection-active","onOpened","onSetLink","onRemoveLink"])]),_:1},8,["bold-button-options","italic-button-options","strike-button-options","bullet-list-button-options","ordered-list-button-options","block-quote-button-options","code-button-options","code-block-button-options","is-selection-active","onClick"])):e.createCommentVNode("",!0),e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:"d-recipe-message-input__editor-wrapper",style:e.normalizeStyle({"max-height":o.maxHeight})},[e.createVNode(h,e.mergeProps({ref:"richTextEditor",modelValue:l.internalInputValue,"onUpdate:modelValue":t[0]||(t[0]=s=>l.internalInputValue=s),"allow-blockquote":o.richText,"allow-bold":o.richText,"allow-bullet-list":o.richText,"allow-code":o.richText,"allow-codeblock":o.richText,"allow-italic":o.richText,"allow-strike":o.richText,"allow-underline":o.richText,"paste-rich-text":o.richText,editable:o.editable,"input-aria-label":o.inputAriaLabel,"input-class":o.inputClass,"output-format":o.outputFormat,"auto-focus":o.autoFocus,link:o.richText,placeholder:o.placeholder,"prevent-typing":o.preventTyping,"mention-suggestion":o.mentionSuggestion,"channel-suggestion":o.channelSuggestion,"slash-command-suggestion":o.slashCommandSuggestion,"additional-extensions":l.additionalExtensions,"hide-link-bubble-menu":l.hideLinkBubbleMenu},n.removeClassStyleAttrs(i.$attrs),{onInput:n.onInput,onTextInput:n.onTextInput,onMarkdownInput:n.onMarkdownInput,onEnter:n.onSend,onSelected:t[1]||(t[1]=s=>l.selectedText=s),onSelectedCommand:t[2]||(t[2]=s=>i.$emit("selected-command",s)),onEditLink:n.initLinkDialog,onFocus:t[3]||(t[3]=s=>l.isFocused=!0),onBlur:t[4]||(t[4]=s=>l.isFocused=!1)}),null,16,["modelValue","allow-blockquote","allow-bold","allow-bullet-list","allow-code","allow-codeblock","allow-italic","allow-strike","allow-underline","paste-rich-text","editable","input-aria-label","input-class","output-format","auto-focus","link","placeholder","prevent-typing","mention-suggestion","channel-suggestion","slash-command-suggestion","additional-extensions","hide-link-bubble-menu","onInput","onTextInput","onMarkdownInput","onEnter","onEditLink"])],4)),[[D]]),e.renderSlot(i.$slots,"middle"),e.createElementVNode("section",J,[e.createElementVNode("div",Y,[e.createVNode(_,{gap:"25",direction:"row",class:"d-recipe-message-input__bottom-section-left-stack"},{default:e.withCtx(()=>[o.showImagePicker?e.withDirectives((e.openBlock(),e.createBlock(c,{key:0,"data-qa":"dt-recipe-message-input-image-btn",size:200,class:"d-recipe-message-input__button",kind:"muted",importance:"clear","aria-label":n.imagePickerButtonLabel,onClick:n.onSelectImage,onMouseenter:t[5]||(t[5]=s=>l.imagePickerFocus=!0),onMouseleave:t[6]||(t[6]=s=>l.imagePickerFocus=!1),onFocus:t[7]||(t[7]=s=>l.imagePickerFocus=!0),onBlur:t[8]||(t[8]=s=>l.imagePickerFocus=!1)},{icon:e.withCtx(()=>[e.createVNode(g,{size:"300"})]),_:1},8,["aria-label","onClick"])),[[u,n.imagePickerButtonLabel,"top-start"]]):e.createCommentVNode("",!0),e.createVNode(I,{ref:"messageInputImageUpload","data-qa":"dt-recipe-message-input-image-input",accept:"image/*, video/*",type:"file",class:"d-recipe-message-input__image-input",multiple:"",hidden:"",onInput:n.onImageUpload},null,8,["onInput"]),o.showEmojiPicker?(e.openBlock(),e.createBlock(E,{key:1,open:l.emojiPickerOpened,"onUpdate:open":t[15]||(t[15]=s=>l.emojiPickerOpened=s),"data-qa":"dt-recipe-message-input-emoji-picker-popover","initial-focus-element":"#searchInput",padding:"none"},{anchor:e.withCtx(({attrs:s})=>[e.withDirectives((e.openBlock(),e.createBlock(c,e.mergeProps(s,{"data-qa":"dt-recipe-message-input-emoji-picker-btn",size:200,class:"d-recipe-message-input__button",kind:"muted",importance:"clear","aria-label":n.emojiPickerButtonLabel,onClick:n.toggleEmojiPicker,onMouseenter:t[9]||(t[9]=a=>l.emojiPickerFocus=!0),onMouseleave:t[10]||(t[10]=a=>l.emojiPickerFocus=!1),onFocus:t[11]||(t[11]=a=>l.emojiPickerFocus=!0),onBlur:t[12]||(t[12]=a=>l.emojiPickerFocus=!1)}),{icon:e.withCtx(()=>[n.emojiPickerHovered?(e.openBlock(),e.createBlock(w,{key:0,size:"300"})):(e.openBlock(),e.createBlock(L,{key:1,size:"300"}))]),_:1},16,["aria-label","onClick"])),[[u,n.emojiPickerButtonLabel]])]),content:e.withCtx(({close:s})=>[e.createVNode(y,e.mergeProps(o.emojiPickerProps,{onAddEmoji:t[13]||(t[13]=a=>i.$emit("add-emoji")),onSkinTone:n.onSkinTone,onSelectedEmoji:a=>n.onSelectEmoji(a,s),onScrollBottomReached:t[14]||(t[14]=a=>i.$emit("emoji-scroll-bottom-reached"))}),null,16,["onSkinTone","onSelectedEmoji"])]),_:1},8,["open"])):e.createCommentVNode("",!0),e.renderSlot(i.$slots,"emojiGiphyPicker"),e.renderSlot(i.$slots,"customActionIcons"),e.renderSlot(i.$slots,"messagePolish")]),_:3})]),e.createElementVNode("div",Z,[e.createVNode(_,{direction:"row",gap:"50"},{default:e.withCtx(()=>[e.createElementVNode("div",$,[e.renderSlot(i.$slots,"scheduleMessage")]),e.createElementVNode("div",ee,[e.renderSlot(i.$slots,"smsCount")]),o.showCharacterLimit?(e.openBlock(),e.createBlock(O,{key:0,class:"d-recipe-message-input__remaining-char-tooltip",placement:"top-end",enabled:n.characterLimitTooltipEnabled,message:o.showCharacterLimit.message,offset:[10,8]},{anchor:e.withCtx(()=>[e.withDirectives(e.createElementVNode("p",{class:"d-recipe-message-input__remaining-char","data-qa":"dt-recipe-message-input-character-limit"},e.toDisplayString(o.showCharacterLimit.count-n.inputLength),513),[[e.vShow,n.displayCharacterLimitWarning]])]),_:1},8,["enabled","message"])):e.createCommentVNode("",!0),o.showCancel?e.withDirectives((e.openBlock(),e.createBlock(c,{key:1,"data-qa":"dt-recipe-message-input-cancel-button",class:"d-recipe-message-input__button d-recipe-message-input__cancel-button",size:200,kind:"muted",importance:"clear","aria-label":n.cancelButtonLabel,onClick:n.onCancel},{default:e.withCtx(()=>[e.createElementVNode("p",null,e.toDisplayString(n.cancelButtonLabel),1)]),_:1},8,["aria-label","onClick"])),[[u,n.cancelButtonLabel]]):e.createCommentVNode("",!0),e.renderSlot(i.$slots,"sendButton",{},()=>[o.showSend?e.withDirectives((e.openBlock(),e.createBlock(c,{key:0,"data-qa":"dt-recipe-message-input-send-btn",size:200,kind:"default",importance:"primary",class:e.normalizeClass(["d-recipe-message-input__button d-recipe-message-input__send-button",{"d-recipe-message-input__send-button--disabled":n.isSendDisabled,"d-btn--icon-only":n.showSendIcon}]),"aria-label":n.sendButtonLabel,"aria-disabled":n.isSendDisabled,onClick:n.onSend},e.createSlots({default:e.withCtx(()=>[o.showSend.text?(e.openBlock(),e.createElementBlock("p",te,e.toDisplayString(o.showSend.text),1)):e.createCommentVNode("",!0)]),_:2},[n.showSendIcon?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(i.$slots,"sendIcon",{iconSize:n.sendIconSize},()=>[e.createVNode(x,{size:n.sendIconSize},null,8,["size"])])]),key:"0"}:void 0]),1032,["class","aria-label","aria-disabled","onClick"])),[[u,n.sendButtonLabel,"top-end"]]):e.createCommentVNode("",!0)])]),_:3})])])],16)}const oe=v._(Q,[["render",ie]]);exports.default=oe;
 //# sourceMappingURL=message-input.cjs.map