{"version":3,"file":"message_input_topbar.vue.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":["DtStack","DtIconListBullet","DtIconBold","DtIconItalic","DtIconStrikethrough","DtIconListOrdered","DtIconQuote","DtIconCode","DtIconCodeBlock","DtRecipeMessageInputButton","_createElementVNode","_createBlock","_withCtx","_createVNode","_renderSlot"],"mappings":";;;;;;;AAwJA,MAAK,YAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EACN,YAAY;AAAA,IACV,SAAAA,MAAO;AAAA,IACP,kBAAAC,KAAgB;AAAA,gBAChBC,KAAU;AAAA,kBACVC,KAAY;AAAA,IACZ,qBAAAC,KAAmB;AAAA,IACnB,mBAAAC,KAAiB;AAAA,iBACjBC,KAAW;AAAA,gBACXC,KAAU;AAAA,IACV,iBAAAC,KAAe;AAAA,gCACfC,qBAA0B;AAAA,EAC3B;AAAA,EAED,OAAO;AAAA,IACL,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IACjB;AAAA,IAED,qBAAqB;AAAA,MACnB,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IACjB;AAAA,IAED,qBAAqB;AAAA,MACnB,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IACjB;AAAA,IAED,yBAAyB;AAAA,MACvB,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IACjB;AAAA,IAED,0BAA0B;AAAA,MACxB,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IACjB;AAAA,IAED,yBAAyB;AAAA,MACvB,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IACjB;AAAA,IAED,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IACjB;AAAA,IAED,wBAAwB;AAAA,MACtB,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IACjB;AAAA,IAED,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS,MAAM;AAAA,MAAE;AAAA,IAClB;AAAA,EACF;AAAA,EAED,OAAO,CAAC,OAAO;AACjB;mBAnKIC,oBAAAA,mBAA4D,OAAA,EAAvD,OAAM,kDAA8C,MAAA,EAAA;mBAKzDA,oBAAAA,mBAA4D,OAAA,EAAvD,OAAM,kDAA8C,MAAA,EAAA;mBAiCzDA,oBAAAA,mBAA4D,OAAA,EAAvD,OAAM,kDAA8C,MAAA,EAAA;mBAiBzDA,oBAAAA,mBAA4D,OAAA,EAAvD,OAAM,kDAA8C,MAAA,EAAA;;;;;;;;;;;;0BA3G3DC,IA2IW,YAAA,qBAAA;AAAA,IA1IT,WAAU;AAAA,IACV,KAAI;AAAA,IACJ,OAAM;AAAA;IAJV,SAAAC,IAAA,QAMI,MAciC;AAAA,MAdjCC,IAAAA,YAciC,2CAAA;AAAA,QAb9B,cAAY,OAAiB,kBAAC;AAAA,QAC9B,gBAAc,OAAiB,kBAAC;AAAA,QAChC,0BAAwB,OAAiB,kBAAC;AAAA,QAC3C,WAAQ;AAAA,QACP,aAAW,OAAiB,kBAAA,MAAA;AAAA,QAC5B,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAE,KAAK,MAAA,SAAA,QAAkB,MAAM;AAAA;QAE1B,kBACT,MAGE;AAAA,UAHFA,IAAAA,YAGE,yBAAA;AAAA,YAFA,OAAM;AAAA,YACN,MAAK;AAAA;;QAjBf,GAAA;AAAA;MAsBIA,IAAAA,YAciC,2CAAA;AAAA,QAb9B,cAAY,OAAmB,oBAAC;AAAA,QAChC,gBAAc,OAAmB,oBAAC;AAAA,QAClC,0BAAwB,OAAmB,oBAAC;AAAA,QAC7C,WAAQ;AAAA,QACP,aAAW,OAAiB,kBAAA,QAAA;AAAA,QAC5B,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAE,KAAK,MAAA,SAAA,UAAoB,MAAM;AAAA;QAE5B,kBACT,MAGE;AAAA,UAHFA,IAAAA,YAGE,2BAAA;AAAA,YAFA,OAAM;AAAA,YACN,MAAK;AAAA;;QAjCf,GAAA;AAAA;MAsCIA,IAAAA,YAciC,2CAAA;AAAA,QAb9B,cAAY,OAAmB,oBAAC;AAAA,QAChC,gBAAc,OAAmB,oBAAC;AAAA,QAClC,0BAAwB,OAAmB,oBAAC;AAAA,QAC7C,WAAQ;AAAA,QACP,aAAW,OAAiB,kBAAA,QAAA;AAAA,QAC5B,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAE,KAAK,MAAA,SAAA,UAAoB,MAAM;AAAA;QAE5B,kBACT,MAGE;AAAA,UAHFA,IAAAA,YAGE,kCAAA;AAAA,YAFA,OAAM;AAAA,YACN,MAAK;AAAA;;QAjDf,GAAA;AAAA;MAqDI;AAAA,MAGAC,eAAoB,KAAA,QAAA,MAAA;AAAA,MAEpB;AAAA,MAEAD,IAAAA,YAciC,2CAAA;AAAA,QAb9B,cAAY,OAAuB,wBAAC;AAAA,QACpC,gBAAc,OAAuB,wBAAC;AAAA,QACtC,0BAAwB,OAAuB,wBAAC;AAAA,QACjD,WAAQ;AAAA,QACP,aAAW,OAAiB,kBAAA,YAAA;AAAA,QAC5B,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAE,KAAK,MAAA,SAAA,cAAwB,MAAM;AAAA;QAEhC,kBACT,MAGE;AAAA,UAHFA,IAAAA,YAGE,gCAAA;AAAA,YAFA,OAAM;AAAA,YACN,MAAK;AAAA;;QAvEf,GAAA;AAAA;MA4EIA,IAAAA,YAciC,2CAAA;AAAA,QAb9B,cAAY,OAAwB,yBAAC;AAAA,QACrC,gBAAc,OAAwB,yBAAC;AAAA,QACvC,0BAAwB,OAAwB,yBAAC;AAAA,QAClD,WAAQ;AAAA,QACP,aAAW,OAAiB,kBAAA,aAAA;AAAA,QAC5B,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAE,KAAK,MAAA,SAAA,eAAyB,MAAM;AAAA;QAEjC,kBACT,MAGE;AAAA,UAHFA,IAAAA,YAGE,iCAAA;AAAA,YAFA,OAAM;AAAA,YACN,MAAK;AAAA;;QAvFf,GAAA;AAAA;MA2FI;AAAA,MACAA,IAAAA,YAciC,2CAAA;AAAA,QAb9B,cAAY,OAAuB,wBAAC;AAAA,QACpC,gBAAc,OAAuB,wBAAC;AAAA,QACtC,0BAAwB,OAAuB,wBAAC;AAAA,QACjD,WAAQ;AAAA,QACP,aAAW,OAAiB,kBAAA,YAAA;AAAA,QAC5B,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAE,KAAK,MAAA,SAAA,cAAwB,MAAM;AAAA;QAEhC,kBACT,MAGE;AAAA,UAHFA,IAAAA,YAGE,0BAAA;AAAA,YAFA,OAAM;AAAA,YACN,MAAK;AAAA;;QAvGf,GAAA;AAAA;MA4GI;AAAA,MAEAA,IAAAA,YAciC,2CAAA;AAAA,QAb9B,cAAY,OAAiB,kBAAC;AAAA,QAC9B,gBAAc,OAAiB,kBAAC;AAAA,QAChC,0BAAwB,OAAiB,kBAAC;AAAA,QAC3C,WAAQ;AAAA,QACP,aAAW,OAAiB,kBAAA,MAAA;AAAA,QAC5B,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAE,KAAK,MAAA,SAAA,QAAkB,MAAM;AAAA;QAE1B,kBACT,MAGE;AAAA,UAHFA,IAAAA,YAGE,yBAAA;AAAA,YAFA,OAAM;AAAA,YACN,MAAK;AAAA;;QAzHf,GAAA;AAAA;MA6HIA,IAAAA,YAciC,2CAAA;AAAA,QAb9B,cAAY,OAAsB,uBAAC;AAAA,QACnC,gBAAc,OAAsB,uBAAC;AAAA,QACrC,0BAAwB,OAAsB,uBAAC;AAAA,QAChD,WAAQ;AAAA,QACP,aAAW,OAAiB,kBAAA,WAAA;AAAA,QAC5B,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAE,KAAK,MAAA,SAAA,aAAuB,MAAM;AAAA;QAE/B,kBACT,MAGE;AAAA,UAHFA,IAAAA,YAGE,+BAAA;AAAA,YAFA,OAAM;AAAA,YACN,MAAK;AAAA;;QAxIf,GAAA;AAAA;;IAAA,GAAA;AAAA;;;;"}