@dialpad/dialtone/dist/vue3/lib/message-input/message-input-topbar.cjs.map

Dialpad's Dialtone design system monorepo

{"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=\"boldButtonOptions.ariaLabel\"\n      :tooltip-text=\"boldButtonOptions.tooltipText\"\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\n    <dt-recipe-message-input-button\n      :aria-label=\"italicButtonOptions.ariaLabel\"\n      :tooltip-text=\"italicButtonOptions.tooltipText\"\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\n    <dt-recipe-message-input-button\n      :aria-label=\"strikeButtonOptions.ariaLabel\"\n      :tooltip-text=\"strikeButtonOptions.tooltipText\"\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=\"bulletListButtonOptions.ariaLabel\"\n      :tooltip-text=\"bulletListButtonOptions.tooltipText\"\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\n    <dt-recipe-message-input-button\n      :aria-label=\"orderedListButtonOptions.ariaLabel\"\n      :tooltip-text=\"orderedListButtonOptions.tooltipText\"\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    <dt-recipe-message-input-button\n      :aria-label=\"blockQuoteButtonOptions.ariaLabel\"\n      :tooltip-text=\"blockQuoteButtonOptions.tooltipText\"\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=\"codeButtonOptions.ariaLabel\"\n      :tooltip-text=\"codeButtonOptions.tooltipText\"\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=\"codeBlockButtonOptions.ariaLabel\"\n      :tooltip-text=\"codeBlockButtonOptions.tooltipText\"\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';\n\nimport {\n  DtIconListBullet, DtIconBold, DtIconItalic, DtIconStrikethrough,\n  DtIconListOrdered, DtIconQuote, DtIconCode, DtIconCodeBlock,\n} from '@dialpad/dialtone-icons/vue3';\n\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeMesageInputTopbar',\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</script>\n"],"names":["_sfc_main","DtStack","DtIconListBullet","DtIconBold","DtIconItalic","DtIconStrikethrough","DtIconListOrdered","DtIconQuote","DtIconCode","DtIconCodeBlock","DtRecipeMessageInputButton","_createElementVNode","_createBlock","_component_dt_stack","_withCtx","_createVNode","_component_dt_recipe_message_input_button","$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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"}