@dialpad/dialtone 9.133.0-next.2 → 9.134.0

package/dist/vue3/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","_withCtx","_createElementVNode","_toDisplayString","_component_dt_input","_withModifiers","_withKeys","_component_dt_button","_createTextVNode"],"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=\"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","_withCtx","_createElementVNode","_toDisplayString","_component_dt_input","_withModifiers","_withKeys","_component_dt_button","_createTextVNode"],"mappings":"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"}

package/dist/vue3/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","_createElementVNode","_createBlock","_component_dt_stack","_withCtx","_createVNode","_component_dt_recipe_message_input_button","$options","$props","_cache","$event","_ctx","_component_dt_icon_bold","_component_dt_icon_italic","_component_dt_icon_strikethrough","_hoisted_1","_renderSlot","_hoisted_2","_component_dt_icon_list_bullet","_component_dt_icon_list_ordered","_hoisted_3","_component_dt_icon_quote","_hoisted_4","_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=\"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","_createElementVNode","_createBlock","_component_dt_stack","_withCtx","_createVNode","_component_dt_recipe_message_input_button","$options","$props","_cache","$event","_ctx","_component_dt_icon_bold","_component_dt_icon_italic","_component_dt_icon_strikethrough","_hoisted_1","_renderSlot","_hoisted_2","_component_dt_icon_list_bullet","_component_dt_icon_list_ordered","_hoisted_3","_component_dt_icon_quote","_hoisted_4","_component_dt_icon_code","_component_dt_icon_code_block"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
-import { DtIconListBullet as O, DtIconBold as T, DtIconItalic as x, DtIconStrikethrough as E, DtIconListOrdered as S, DtIconQuote as v, DtIconCode as A, DtIconCodeBlock 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/vue3";
 import I from "./message-input-button.js";
 import { DialtoneLocalization as h } from "../../localization/index.js";
-import { resolveComponent as l, openBlock as g, createBlock as D, withCtx as n, createVNode as i, renderSlot as N, createElementVNode as r } from "vue";
+import { resolveComponent as l, createBlock as g, openBlock as D, withCtx as n, createVNode as i, createElementVNode as r, renderSlot as N } from "vue";
 import { _ as f } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import U from "../stack/stack.js";
 const C = {
@@ -9,14 +9,14 @@ const C = {
   name: "DtRecipeMessageInputTopbar",
   components: {
     DtStack: U,
-    DtIconListBullet: O,
-    DtIconBold: T,
-    DtIconItalic: x,
-    DtIconStrikethrough: E,
-    DtIconListOrdered: S,
-    DtIconQuote: v,
-    DtIconCode: A,
-    DtIconCodeBlock: y,
+    DtIconListBullet: y,
+    DtIconBold: A,
+    DtIconItalic: v,
+    DtIconStrikethrough: S,
+    DtIconListOrdered: E,
+    DtIconQuote: x,
+    DtIconCode: T,
+    DtIconCodeBlock: O,
     DtRecipeMessageInputButton: I
   },
   props: {
@@ -93,7 +93,7 @@ const C = {
 }, q = /* @__PURE__ */ r("div", { class: "d-recipe-message-input--button-group-divider" }, null, -1), M = /* @__PURE__ */ r("div", { class: "d-recipe-message-input--button-group-divider" }, null, -1), z = /* @__PURE__ */ r("div", { class: "d-recipe-message-input--button-group-divider" }, null, -1), G = /* @__PURE__ */ r("div", { class: "d-recipe-message-input--button-group-divider" }, null, -1);
 function j(c, t, e, P, Q, o) {
   const u = l("dt-icon-bold"), s = l("dt-recipe-message-input-button"), d = l("dt-icon-italic"), b = l("dt-icon-strikethrough"), _ = l("dt-icon-list-bullet"), k = l("dt-icon-list-ordered"), p = l("dt-icon-quote"), B = l("dt-icon-code"), L = l("dt-icon-code-block"), m = l("dt-stack");
-  return g(), D(m, {
+  return D(), g(m, {
     direction: "row",
     gap: "200",
     class: "d-recipe-message-input__button-stack"

package/dist/vue3/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","_createElementVNode","_createBlock","_component_dt_stack","_withCtx","_createVNode","_component_dt_recipe_message_input_button","$options","$props","_cache","$event","_ctx","_component_dt_icon_bold","_component_dt_icon_italic","_component_dt_icon_strikethrough","_hoisted_1","_renderSlot","_hoisted_2","_component_dt_icon_list_bullet","_component_dt_icon_list_ordered","_hoisted_3","_component_dt_icon_quote","_hoisted_4","_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=\"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","_createElementVNode","_createBlock","_component_dt_stack","_withCtx","_createVNode","_component_dt_recipe_message_input_button","$options","$props","_cache","$event","_ctx","_component_dt_icon_bold","_component_dt_icon_italic","_component_dt_icon_strikethrough","_hoisted_1","_renderSlot","_hoisted_2","_component_dt_icon_list_bullet","_component_dt_icon_list_ordered","_hoisted_3","_component_dt_icon_quote","_hoisted_4","_component_dt_icon_code","_component_dt_icon_code_block"],"mappings":";;;;;;AA4JA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EACN,YAAY;AAAA,IACV,SAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,4BAAAC;AAAA;EAGF,OAAO;AAAA,IACL,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA;IAGlB,qBAAqB;AAAA,MACnB,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA;IAGlB,qBAAqB;AAAA,MACnB,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA;IAGlB,yBAAyB;AAAA,MACvB,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA;IAGlB,0BAA0B;AAAA,MACxB,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA;IAGlB,yBAAyB;AAAA,MACvB,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA;IAGlB,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA;IAGlB,wBAAwB;AAAA,MACtB,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA;IAGlB,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS,MAAM;AAAA,MAAC;AAAA;;EAIpB,OAAO,CAAC,OAAO;AAAA,EAEf,OAAQ;AACN,WAAO;AAAA,MACL,MAAM,IAAIC,EAAoB;AAAA;EAElC;AAAA,EAEA,UAAU;AAAA,IACR,kBAAmB;AAAE,aAAO,KAAK,KAAK,IAAI,0CAA0C;AAAA,IAAG;AAAA,IACvF,oBAAqB;AAAE,aAAO,KAAK,KAAK,IAAI,4CAA4C;AAAA,IAAG;AAAA,IAC3F,oBAAqB;AAAE,aAAO,KAAK,KAAK,IAAI,mDAAmD;AAAA,IAAG;AAAA,IAClG,wBAAyB;AAAE,aAAO,KAAK,KAAK,IAAI,iDAAiD;AAAA,IAAG;AAAA,IACpG,yBAA0B;AAAE,aAAO,KAAK,KAAK,IAAI,kDAAkD;AAAA,IAAG;AAAA,IACtG,wBAAyB;AAAE,aAAO,KAAK,KAAK,IAAI,iDAAiD;AAAA,IAAG;AAAA,IACpG,kBAAmB;AAAE,aAAO,KAAK,KAAK,IAAI,0CAA0C;AAAA,IAAG;AAAA,IACvF,uBAAwB;AAAE,aAAO,KAAK,KAAK,IAAI,gDAAgD;AAAA,IAAG;AAAA;AAEtG,OA1LIC,gBAAAA,EAA4D,OAAA,EAAvD,OAAM,+CAA8C,GAAA,MAAA,EAAA,OAKzDA,gBAAAA,EAA4D,OAAA,EAAvD,OAAM,+CAA8C,GAAA,MAAA,EAAA,OAgCzDA,gBAAAA,EAA4D,OAAA,EAAvD,OAAM,+CAA8C,GAAA,MAAA,EAAA,OAkBzDA,gBAAAA,EAA4D,OAAA,EAAvD,OAAM,+CAA8C,GAAA,MAAA,EAAA;;;cAzG3DC,EAyIWC,GAAA;AAAA,IAxIT,WAAU;AAAA,IACV,KAAI;AAAA,IACJ,OAAM;AAAA;IAJV,SAAAC,EAMI,MAciC;AAAA,MAdjCC,EAciCC,GAAA;AAAA,QAb9B,cAAYC,EAAA,gBAAe,YAAA;AAAA,QAC3B,gBAAcA,EAAA,gBAAe,cAAA;AAAA,QAC7B,0BAAwBC,EAAA,kBAAkB;AAAA,QAC3C,WAAQ;AAAA,QACP,aAAWA,EAAA,kBAAiB,MAAA;AAAA,QAC5B,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEC,EAAA,MAAK,SAAA,QAAkBD,CAAM;AAAA;QAE1B,QACT,MAGE;AAAA,UAHFL,EAGEO,GAAA;AAAA,YAFA,OAAM;AAAA,YACN,MAAK;AAAA;;QAjBf,GAAA;AAAA;MAqBIP,EAciCC,GAAA;AAAA,QAb9B,cAAYC,EAAA,kBAAiB,YAAA;AAAA,QAC7B,gBAAcA,EAAA,kBAAiB,cAAA;AAAA,QAC/B,0BAAwBC,EAAA,oBAAoB;AAAA,QAC7C,WAAQ;AAAA,QACP,aAAWA,EAAA,kBAAiB,QAAA;AAAA,QAC5B,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEC,EAAA,MAAK,SAAA,UAAoBD,CAAM;AAAA;QAE5B,QACT,MAGE;AAAA,UAHFL,EAGEQ,GAAA;AAAA,YAFA,OAAM;AAAA,YACN,MAAK;AAAA;;QAhCf,GAAA;AAAA;MAoCIR,EAciCC,GAAA;AAAA,QAb9B,cAAYC,EAAA,kBAAiB,YAAA;AAAA,QAC7B,gBAAcA,EAAA,kBAAiB,cAAA;AAAA,QAC/B,0BAAwBC,EAAA,oBAAoB;AAAA,QAC7C,WAAQ;AAAA,QACP,aAAWA,EAAA,kBAAiB,QAAA;AAAA,QAC5B,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEC,EAAA,MAAK,SAAA,UAAoBD,CAAM;AAAA;QAE5B,QACT,MAGE;AAAA,UAHFL,EAGES,GAAA;AAAA,YAFA,OAAM;AAAA,YACN,MAAK;AAAA;;QA/Cf,GAAA;AAAA;MAmDIC;AAAA,MAGAC,EAAoBL,EAAA,QAAA,MAAA;AAAA,MAEpBM;AAAA,MAEAZ,EAciCC,GAAA;AAAA,QAb9B,cAAYC,EAAA,sBAAqB,YAAA;AAAA,QACjC,gBAAcA,EAAA,sBAAqB,cAAA;AAAA,QACnC,0BAAwBC,EAAA,wBAAwB;AAAA,QACjD,WAAQ;AAAA,QACP,aAAWA,EAAA,kBAAiB,YAAA;AAAA,QAC5B,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEC,EAAA,MAAK,SAAA,cAAwBD,CAAM;AAAA;QAEhC,QACT,MAGE;AAAA,UAHFL,EAGEa,GAAA;AAAA,YAFA,OAAM;AAAA,YACN,MAAK;AAAA;;QArEf,GAAA;AAAA;MAyEIb,EAciCC,GAAA;AAAA,QAb9B,cAAYC,EAAA,uBAAsB,YAAA;AAAA,QAClC,gBAAcA,EAAA,uBAAsB,cAAA;AAAA,QACpC,0BAAwBC,EAAA,yBAAyB;AAAA,QAClD,WAAQ;AAAA,QACP,aAAWA,EAAA,kBAAiB,aAAA;AAAA,QAC5B,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEC,EAAA,MAAK,SAAA,eAAyBD,CAAM;AAAA;QAEjC,QACT,MAGE;AAAA,UAHFL,EAGEc,GAAA;AAAA,YAFA,OAAM;AAAA,YACN,MAAK;AAAA;;QApFf,GAAA;AAAA;MAwFIC;AAAA,MAEAf,EAciCC,GAAA;AAAA,QAb9B,cAAYC,EAAA,sBAAqB,YAAA;AAAA,QACjC,gBAAcA,EAAA,sBAAqB,cAAA;AAAA,QACnC,0BAAwBC,EAAA,wBAAwB;AAAA,QACjD,WAAQ;AAAA,QACP,aAAWA,EAAA,kBAAiB,YAAA;AAAA,QAC5B,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEC,EAAA,MAAK,SAAA,cAAwBD,CAAM;AAAA;QAEhC,QACT,MAGE;AAAA,UAHFL,EAGEgB,GAAA;AAAA,YAFA,OAAM;AAAA,YACN,MAAK;AAAA;;QArGf,GAAA;AAAA;MA0GIC;AAAA,MAEAjB,EAciCC,GAAA;AAAA,QAb9B,cAAYC,EAAA,gBAAe,YAAA;AAAA,QAC3B,gBAAcA,EAAA,gBAAe,cAAA;AAAA,QAC7B,0BAAwBC,EAAA,kBAAkB;AAAA,QAC3C,WAAQ;AAAA,QACP,aAAWA,EAAA,kBAAiB,MAAA;AAAA,QAC5B,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEC,EAAA,MAAK,SAAA,QAAkBD,CAAM;AAAA;QAE1B,QACT,MAGE;AAAA,UAHFL,EAGEkB,GAAA;AAAA,YAFA,OAAM;AAAA,YACN,MAAK;AAAA;;QAvHf,GAAA;AAAA;MA2HIlB,EAciCC,GAAA;AAAA,QAb9B,cAAYC,EAAA,qBAAoB,YAAA;AAAA,QAChC,gBAAcA,EAAA,qBAAoB,cAAA;AAAA,QAClC,0BAAwBC,EAAA,uBAAuB;AAAA,QAChD,WAAQ;AAAA,QACP,aAAWA,EAAA,kBAAiB,WAAA;AAAA,QAC5B,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEC,EAAA,MAAK,SAAA,aAAuBD,CAAM;AAAA;QAE/B,QACT,MAGE;AAAA,UAHFL,EAGEmB,GAAA;AAAA,YAFA,OAAM;AAAA,YACN,MAAK;AAAA;;QAtIf,GAAA;AAAA;;IAAA,GAAA;AAAA;;;"}

package/dist/vue3/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"),B=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),j=require("../item-layout/item-layout.cjs"),v=require("../button/button.cjs"),V=require("./message-input-topbar.cjs"),N=require("./message-input-link.cjs"),S=require("../editor/editor-constants.cjs"),A=require("../emoji-picker/emoji-picker.cjs"),M=require("../input/input.cjs"),q=require("../popover/popover.cjs"),F=require("../rich-text-editor/rich-text-editor.cjs"),R=require("../tooltip/tooltip.cjs"),z=require("../stack/stack.cjs"),C=require("../rich-text-editor/rich-text-editor-constants.cjs"),U={name:"MeetingPill",components:{NodeViewWrapper:b.NodeViewWrapper,DtItemLayout:j.default,DtIconClose:d.DtIconClose,DtButton:v.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:""},{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=B._(U,[["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:v.default,DtEmojiPicker:A.default,DtInput:M.default,DtPopover:q.default,DtRecipeMessageInputTopbar:V.default,DtRecipeMessageInputLink:N.default,DtRichTextEditor:F.default,DtTooltip:R.default,DtStack:z.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","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},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]()},isSelectionActive(i){var t,o,r,l;return["bulletList","orderedList"].includes(i)?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:((l=(r=this.$refs.richTextEditor)==null?void 0:r.editor)==null?void 0:l.isActive(i))&&this.isFocused},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)}}},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__sms-count"},ee={key:0};function te(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"),L=e.resolveComponent("dt-input"),I=e.resolveComponent("dt-icon-very-satisfied"),w=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[15]||(t[15]=e.withModifiers(()=>{},["prevent"])),onDrop:t[16]||(t[16]=e.withModifiers((...s)=>n.onDrop&&n.onDrop(...s),["prevent"])),onPaste:t[17]||(t[17]=(...s)=>n.onPaste&&n.onPaste(...s)),onMousedown:t[18]||(t[18]=(...s)=>n.onMousedown&&n.onMousedown(...s))}),[e.renderSlot(i.$slots,"top"),o.richText?(e.openBlock(),e.createBlock(p,{key:l.selectedText,"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,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","onEnter","onEditLink"])],4)),[[D]]),e.renderSlot(i.$slots,"middle"),e.createElementVNode("section",J,[e.createElementVNode("div",Y,[e.createVNode(_,{gap:"200",direction:"row"},{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]=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(L,{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.sync":"emojiPickerOpened","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:"sm",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(I,{key:0,size:"300"})):(e.openBlock(),e.createBlock(w,{key:1,size:"300"}))]),_:2},1040,["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})):e.createCommentVNode("",!0),e.renderSlot(i.$slots,"emojiGiphyPicker"),e.renderSlot(i.$slots,"customActionIcons")]),_:3})]),e.createElementVNode("div",Z,[e.createVNode(_,{direction:"row",gap:"300"},{default:e.withCtx(()=>[e.createElementVNode("div",$,[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",ee,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 ie=B._(Q,[["render",te]]);exports.default=ie;
+"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"),B=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),v=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"),z=require("../emoji-picker/emoji-picker.cjs"),C=require("../rich-text-editor/rich-text-editor-constants.cjs"),U={name:"MeetingPill",components:{NodeViewWrapper:b.NodeViewWrapper,DtItemLayout:j.default,DtIconClose:d.DtIconClose,DtButton:v.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:""},{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=B._(U,[["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:v.default,DtEmojiPicker:z.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","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},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]()},isSelectionActive(i){var t,o,r,l;return["bulletList","orderedList"].includes(i)?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:((l=(r=this.$refs.richTextEditor)==null?void 0:r.editor)==null?void 0:l.isActive(i))&&this.isFocused},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)}}},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__sms-count"},ee={key:0};function te(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"),L=e.resolveComponent("dt-input"),I=e.resolveComponent("dt-icon-very-satisfied"),w=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[15]||(t[15]=e.withModifiers(()=>{},["prevent"])),onDrop:t[16]||(t[16]=e.withModifiers((...s)=>n.onDrop&&n.onDrop(...s),["prevent"])),onPaste:t[17]||(t[17]=(...s)=>n.onPaste&&n.onPaste(...s)),onMousedown:t[18]||(t[18]=(...s)=>n.onMousedown&&n.onMousedown(...s))}),[e.renderSlot(i.$slots,"top"),o.richText?(e.openBlock(),e.createBlock(p,{key:l.selectedText,"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,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","onEnter","onEditLink"])],4)),[[D]]),e.renderSlot(i.$slots,"middle"),e.createElementVNode("section",J,[e.createElementVNode("div",Y,[e.createVNode(_,{gap:"200",direction:"row"},{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]=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(L,{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.sync":"emojiPickerOpened","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:"sm",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(I,{key:0,size:"300"})):(e.openBlock(),e.createBlock(w,{key:1,size:"300"}))]),_:2},1040,["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})):e.createCommentVNode("",!0),e.renderSlot(i.$slots,"emojiGiphyPicker"),e.renderSlot(i.$slots,"customActionIcons")]),_:3})]),e.createElementVNode("div",Z,[e.createVNode(_,{direction:"row",gap:"300"},{default:e.withCtx(()=>[e.createElementVNode("div",$,[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",ee,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 ie=B._(Q,[["render",te]]);exports.default=ie;
 //# sourceMappingURL=message-input.cjs.map