@dialpad/dialtone 9.133.0-next.2 → 9.133.0

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),u=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),d=require("../button/button.cjs"),s=require("../tooltip/tooltip.cjs"),_=require("../stack/stack.cjs"),p=require("../keyboard-shortcut/keyboard-shortcut.cjs"),b={compatConfig:{MODE:3},name:"DtRecipeMessageInputButton",components:{DtButton:d.default,DtTooltip:s.default,DtStack:_.default,DtKeyboardShortcut:p.default},props:{ariaLabel:{type:String,required:!0},tooltipText:{type:String,required:!0},keyboardShortcutText:{type:String,default:""},isActive:{type:Boolean,default:!1},dataQa:{type:String,required:!0}},emits:["click"]};function k(o,r,e,y,f,S){const n=t.resolveComponent("dt-button"),a=t.resolveComponent("dt-keyboard-shortcut"),i=t.resolveComponent("dt-stack"),c=t.resolveComponent("dt-tooltip");return t.openBlock(),t.createBlock(c,null,{anchor:t.withCtx(()=>[t.createVNode(n,{"data-qa":e.dataQa,importance:"clear",kind:"muted","aria-label":e.ariaLabel,size:"xs",active:e.isActive,onClick:r[0]||(r[0]=l=>o.$emit("click",l))},{icon:t.withCtx(()=>[t.renderSlot(o.$slots,"icon")]),_:3},8,["data-qa","aria-label","active"])]),default:t.withCtx(()=>[t.createVNode(i,{gap:"200"},{default:t.withCtx(()=>[t.createElementVNode("p",null,t.toDisplayString(e.tooltipText),1),e.keyboardShortcutText?(t.openBlock(),t.createBlock(a,{key:0,inverted:"",shortcut:e.keyboardShortcutText},null,8,["shortcut"])):t.createCommentVNode("",!0)]),_:1})]),_:3})}const m=u._(b,[["render",k]]);exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),u=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),d=require("../keyboard-shortcut/keyboard-shortcut.cjs"),s=require("../stack/stack.cjs"),_=require("../tooltip/tooltip.cjs"),p=require("../button/button.cjs"),b={compatConfig:{MODE:3},name:"DtRecipeMessageInputButton",components:{DtButton:p.default,DtTooltip:_.default,DtStack:s.default,DtKeyboardShortcut:d.default},props:{ariaLabel:{type:String,required:!0},tooltipText:{type:String,required:!0},keyboardShortcutText:{type:String,default:""},isActive:{type:Boolean,default:!1},dataQa:{type:String,required:!0}},emits:["click"]};function k(o,r,e,y,f,S){const n=t.resolveComponent("dt-button"),a=t.resolveComponent("dt-keyboard-shortcut"),i=t.resolveComponent("dt-stack"),c=t.resolveComponent("dt-tooltip");return t.openBlock(),t.createBlock(c,null,{anchor:t.withCtx(()=>[t.createVNode(n,{"data-qa":e.dataQa,importance:"clear",kind:"muted","aria-label":e.ariaLabel,size:"xs",active:e.isActive,onClick:r[0]||(r[0]=l=>o.$emit("click",l))},{icon:t.withCtx(()=>[t.renderSlot(o.$slots,"icon")]),_:3},8,["data-qa","aria-label","active"])]),default:t.withCtx(()=>[t.createVNode(i,{gap:"200"},{default:t.withCtx(()=>[t.createElementVNode("p",null,t.toDisplayString(e.tooltipText),1),e.keyboardShortcutText?(t.openBlock(),t.createBlock(a,{key:0,inverted:"",shortcut:e.keyboardShortcutText},null,8,["shortcut"])):t.createCommentVNode("",!0)]),_:1})]),_:3})}const m=u._(b,[["render",k]]);exports.default=m;
 //# sourceMappingURL=message-input-button.cjs.map

package/dist/vue3/lib/message-input/message-input-button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"message-input-button.cjs","sources":["../../../recipes/conversation_view/message_input/message_input_button.vue"],"sourcesContent":["<template>\n  <dt-tooltip>\n    <template #anchor>\n      <dt-button\n        :data-qa=\"dataQa\"\n        importance=\"clear\"\n        kind=\"muted\"\n        :aria-label=\"ariaLabel\"\n        size=\"xs\"\n        :active=\"isActive\"\n        @click=\"$emit('click', $event)\"\n      >\n        <template #icon>\n          <slot name=\"icon\" />\n        </template>\n      </dt-button>\n    </template>\n    <dt-stack gap=\"200\">\n      <p>{{ tooltipText }}</p>\n      <dt-keyboard-shortcut\n        v-if=\"keyboardShortcutText\"\n        inverted\n        :shortcut=\"keyboardShortcutText\"\n      />\n    </dt-stack>\n  </dt-tooltip>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtStack } from '@/components/stack';\nimport { DtKeyboardShortcut } from '@/components/keyboard_shortcut';\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeMessageInputButton',\n  components: {\n    DtButton,\n    DtTooltip,\n    DtStack,\n    DtKeyboardShortcut,\n  },\n\n  props: {\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n\n    tooltipText: {\n      type: String,\n      required: true,\n    },\n\n    keyboardShortcutText: {\n      type: String,\n      default: '',\n    },\n\n    isActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    dataQa: {\n      type: String,\n      required: true,\n    },\n  },\n\n  emits: ['click'],\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtTooltip","DtStack","DtKeyboardShortcut","_createBlock","_component_dt_tooltip","_createVNode","_component_dt_button","$props","_cache","$event","_ctx","_renderSlot","_withCtx","_component_dt_stack","_createElementVNode","_component_dt_keyboard_shortcut","_createCommentVNode"],"mappings":"2VAiCKA,EAAU,CACb,aAAc,CAAE,KAAM,CAAG,EACzB,KAAM,6BACN,WAAY,CACV,SAAAC,EAAQ,QACR,UAAAC,EAAS,QACT,QAAAC,EAAO,QACP,mBAAAC,EAAkB,OACnB,EAED,MAAO,CACL,UAAW,CACT,KAAM,OACN,SAAU,EACX,EAED,YAAa,CACX,KAAM,OACN,SAAU,EACX,EAED,qBAAsB,CACpB,KAAM,OACN,QAAS,EACV,EAED,SAAU,CACR,KAAM,QACN,QAAS,EACV,EAED,OAAQ,CACN,KAAM,OACN,SAAU,EACX,CACF,EAED,MAAO,CAAC,OAAO,CACjB,wMAtEEC,cAwBaC,EAAA,KAAA,CAvBA,iBACT,IAYY,CAZZC,EAAAA,YAYYC,EAAA,CAXT,UAASC,EAAM,OAChB,WAAW,QACX,KAAK,QACJ,aAAYA,EAAS,UACtB,KAAK,KACJ,OAAQA,EAAQ,SAChB,QAAKC,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEC,EAAK,MAAA,QAAUD,CAAM,KAElB,eACT,IAAoB,CAApBE,aAAoBD,EAAA,OAAA,MAAA,IAb9B,EAAA,0CAAA,QAAAE,EAAA,QAiBI,IAOW,CAPXP,EAAAA,YAOWQ,EAAA,CAPD,IAAI,KAAK,EAAA,CAjBvB,QAAAD,EAAA,QAkBM,IAAwB,CAAxBE,EAAA,mBAAwB,2BAAlBP,EAAW,WAAA,EAAA,CAAA,EAETA,EAAoB,oCAD5BJ,EAIE,YAAAY,EAAA,CAvBR,IAAA,EAqBQ,SAAA,GACC,SAAUR,EAAoB,4CAtBvCS,EAAA,mBAAA,GAAA,EAAA,IAAA,EAAA,MAAA,EAAA"}
+{"version":3,"file":"message-input-button.cjs","sources":["../../../recipes/conversation_view/message_input/message_input_button.vue"],"sourcesContent":["<template>\n  <dt-tooltip>\n    <template #anchor>\n      <dt-button\n        :data-qa=\"dataQa\"\n        importance=\"clear\"\n        kind=\"muted\"\n        :aria-label=\"ariaLabel\"\n        size=\"xs\"\n        :active=\"isActive\"\n        @click=\"$emit('click', $event)\"\n      >\n        <template #icon>\n          <slot name=\"icon\" />\n        </template>\n      </dt-button>\n    </template>\n    <dt-stack gap=\"200\">\n      <p>{{ tooltipText }}</p>\n      <dt-keyboard-shortcut\n        v-if=\"keyboardShortcutText\"\n        inverted\n        :shortcut=\"keyboardShortcutText\"\n      />\n    </dt-stack>\n  </dt-tooltip>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtStack } from '@/components/stack';\nimport { DtKeyboardShortcut } from '@/components/keyboard_shortcut';\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeMessageInputButton',\n  components: {\n    DtButton,\n    DtTooltip,\n    DtStack,\n    DtKeyboardShortcut,\n  },\n\n  props: {\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n\n    tooltipText: {\n      type: String,\n      required: true,\n    },\n\n    keyboardShortcutText: {\n      type: String,\n      default: '',\n    },\n\n    isActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    dataQa: {\n      type: String,\n      required: true,\n    },\n  },\n\n  emits: ['click'],\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtTooltip","DtStack","DtKeyboardShortcut","_createBlock","_component_dt_tooltip","_createVNode","_component_dt_button","$props","_cache","$event","_ctx","_renderSlot","_withCtx","_component_dt_stack","_createElementVNode","_component_dt_keyboard_shortcut","_createCommentVNode"],"mappings":"2VAiCKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,6BACN,WAAY,CACV,SAAAC,EAAAA,QACA,UAAAC,EAAAA,QACA,QAAAC,EAAAA,QACA,mBAAAC,EAAAA,SAGF,MAAO,CACL,UAAW,CACT,KAAM,OACN,SAAU,IAGZ,YAAa,CACX,KAAM,OACN,SAAU,IAGZ,qBAAsB,CACpB,KAAM,OACN,QAAS,IAGX,SAAU,CACR,KAAM,QACN,QAAS,IAGX,OAAQ,CACN,KAAM,OACN,SAAU,KAId,MAAO,CAAC,OAAO,CACjB,wMAtEEC,cAwBaC,EAAA,KAAA,CAvBA,iBACT,IAYY,CAZZC,EAAAA,YAYYC,EAAA,CAXT,UAASC,EAAA,OACV,WAAW,QACX,KAAK,QACJ,aAAYA,EAAA,UACb,KAAK,KACJ,OAAQA,EAAA,SACR,QAAKC,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEC,EAAA,MAAK,QAAUD,CAAM,KAElB,eACT,IAAoB,CAApBE,aAAoBD,EAAA,OAAA,MAAA,IAb9B,EAAA,0CAAA,QAAAE,EAAAA,QAiBI,IAOW,CAPXP,EAAAA,YAOWQ,EAAA,CAPD,IAAI,KAAK,EAAA,CAjBvB,QAAAD,EAAAA,QAkBM,IAAwB,CAAxBE,EAAAA,mBAAwB,2BAAlBP,EAAA,WAAW,EAAA,CAAA,EAETA,EAAA,oCADRJ,EAAAA,YAIEY,EAAA,CAvBR,IAAA,EAqBQ,SAAA,GACC,SAAUR,EAAA,4CAtBnBS,EAAAA,mBAAA,GAAA,EAAA,IAAA,EAAA,MAAA,EAAA"}

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

@@ -1,17 +1,17 @@
-import { resolveComponent as e, openBlock as n, createBlock as i, withCtx as o, createVNode as c, renderSlot as p, createElementVNode as _, toDisplayString as f, createCommentVNode as k } from "vue";
+import { resolveComponent as e, createBlock as n, openBlock as i, withCtx as o, createVNode as c, createElementVNode as p, createCommentVNode as _, toDisplayString as f, renderSlot as k } from "vue";
 import { _ as y } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import b from "../button/button.js";
-import S from "../tooltip/tooltip.js";
-import g from "../stack/stack.js";
-import h from "../keyboard-shortcut/keyboard-shortcut.js";
+import b from "../keyboard-shortcut/keyboard-shortcut.js";
+import S from "../stack/stack.js";
+import g from "../tooltip/tooltip.js";
+import h from "../button/button.js";
 const x = {
   compatConfig: { MODE: 3 },
   name: "DtRecipeMessageInputButton",
   components: {
-    DtButton: b,
-    DtTooltip: S,
-    DtStack: g,
-    DtKeyboardShortcut: h
+    DtButton: h,
+    DtTooltip: g,
+    DtStack: S,
+    DtKeyboardShortcut: b
   },
   props: {
     ariaLabel: {
@@ -39,7 +39,7 @@ const x = {
 };
 function D(r, a, t, v, B, T) {
   const d = e("dt-button"), l = e("dt-keyboard-shortcut"), u = e("dt-stack"), s = e("dt-tooltip");
-  return n(), i(s, null, {
+  return i(), n(s, null, {
     anchor: o(() => [
       c(d, {
         "data-qa": t.dataQa,
@@ -51,7 +51,7 @@ function D(r, a, t, v, B, T) {
         onClick: a[0] || (a[0] = (m) => r.$emit("click", m))
       }, {
         icon: o(() => [
-          p(r.$slots, "icon")
+          k(r.$slots, "icon")
         ]),
         _: 3
       }, 8, ["data-qa", "aria-label", "active"])
@@ -59,12 +59,12 @@ function D(r, a, t, v, B, T) {
     default: o(() => [
       c(u, { gap: "200" }, {
         default: o(() => [
-          _("p", null, f(t.tooltipText), 1),
-          t.keyboardShortcutText ? (n(), i(l, {
+          p("p", null, f(t.tooltipText), 1),
+          t.keyboardShortcutText ? (i(), n(l, {
             key: 0,
             inverted: "",
             shortcut: t.keyboardShortcutText
-          }, null, 8, ["shortcut"])) : k("", !0)
+          }, null, 8, ["shortcut"])) : _("", !0)
         ]),
         _: 1
       })

package/dist/vue3/lib/message-input/message-input-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"message-input-button.js","sources":["../../../recipes/conversation_view/message_input/message_input_button.vue"],"sourcesContent":["<template>\n  <dt-tooltip>\n    <template #anchor>\n      <dt-button\n        :data-qa=\"dataQa\"\n        importance=\"clear\"\n        kind=\"muted\"\n        :aria-label=\"ariaLabel\"\n        size=\"xs\"\n        :active=\"isActive\"\n        @click=\"$emit('click', $event)\"\n      >\n        <template #icon>\n          <slot name=\"icon\" />\n        </template>\n      </dt-button>\n    </template>\n    <dt-stack gap=\"200\">\n      <p>{{ tooltipText }}</p>\n      <dt-keyboard-shortcut\n        v-if=\"keyboardShortcutText\"\n        inverted\n        :shortcut=\"keyboardShortcutText\"\n      />\n    </dt-stack>\n  </dt-tooltip>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtStack } from '@/components/stack';\nimport { DtKeyboardShortcut } from '@/components/keyboard_shortcut';\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeMessageInputButton',\n  components: {\n    DtButton,\n    DtTooltip,\n    DtStack,\n    DtKeyboardShortcut,\n  },\n\n  props: {\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n\n    tooltipText: {\n      type: String,\n      required: true,\n    },\n\n    keyboardShortcutText: {\n      type: String,\n      default: '',\n    },\n\n    isActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    dataQa: {\n      type: String,\n      required: true,\n    },\n  },\n\n  emits: ['click'],\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtTooltip","DtStack","DtKeyboardShortcut","_createBlock","_component_dt_tooltip","_createVNode","_component_dt_button","$props","_cache","$event","_ctx","_renderSlot","_withCtx","_component_dt_stack","_createElementVNode","_component_dt_keyboard_shortcut","_createCommentVNode"],"mappings":";;;;;;AAiCA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,oBAAAC;AAAA,EACD;AAAA,EAED,OAAO;AAAA,IACL,WAAW;AAAA,MACT,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,IAED,aAAa;AAAA,MACX,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,IAED,sBAAsB;AAAA,MACpB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IAED,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IAED,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,EACF;AAAA,EAED,OAAO,CAAC,OAAO;AACjB;;;cAtEEC,EAwBaC,GAAA,MAAA;AAAA,IAvBA,UACT,MAYY;AAAA,MAZZC,EAYYC,GAAA;AAAA,QAXT,WAASC,EAAM;AAAA,QAChB,YAAW;AAAA,QACX,MAAK;AAAA,QACJ,cAAYA,EAAS;AAAA,QACtB,MAAK;AAAA,QACJ,QAAQA,EAAQ;AAAA,QAChB,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEC,EAAK,MAAA,SAAUD,CAAM;AAAA;QAElB,QACT,MAAoB;AAAA,UAApBE,EAAoBD,EAAA,QAAA,MAAA;AAAA;QAb9B,GAAA;AAAA;;IAAA,SAAAE,EAiBI,MAOW;AAAA,MAPXP,EAOWQ,GAAA,EAPD,KAAI,MAAK,GAAA;AAAA,QAjBvB,SAAAD,EAkBM,MAAwB;AAAA,UAAxBE,EAAwB,aAAlBP,EAAW,WAAA,GAAA,CAAA;AAAA,UAETA,EAAoB,6BAD5BJ,EAIEY,GAAA;AAAA,YAvBR,KAAA;AAAA,YAqBQ,UAAA;AAAA,YACC,UAAUR,EAAoB;AAAA,uCAtBvCS,EAAA,IAAA,EAAA;AAAA;QAAA,GAAA;AAAA;;IAAA,GAAA;AAAA;;;"}
+{"version":3,"file":"message-input-button.js","sources":["../../../recipes/conversation_view/message_input/message_input_button.vue"],"sourcesContent":["<template>\n  <dt-tooltip>\n    <template #anchor>\n      <dt-button\n        :data-qa=\"dataQa\"\n        importance=\"clear\"\n        kind=\"muted\"\n        :aria-label=\"ariaLabel\"\n        size=\"xs\"\n        :active=\"isActive\"\n        @click=\"$emit('click', $event)\"\n      >\n        <template #icon>\n          <slot name=\"icon\" />\n        </template>\n      </dt-button>\n    </template>\n    <dt-stack gap=\"200\">\n      <p>{{ tooltipText }}</p>\n      <dt-keyboard-shortcut\n        v-if=\"keyboardShortcutText\"\n        inverted\n        :shortcut=\"keyboardShortcutText\"\n      />\n    </dt-stack>\n  </dt-tooltip>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtStack } from '@/components/stack';\nimport { DtKeyboardShortcut } from '@/components/keyboard_shortcut';\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeMessageInputButton',\n  components: {\n    DtButton,\n    DtTooltip,\n    DtStack,\n    DtKeyboardShortcut,\n  },\n\n  props: {\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n\n    tooltipText: {\n      type: String,\n      required: true,\n    },\n\n    keyboardShortcutText: {\n      type: String,\n      default: '',\n    },\n\n    isActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    dataQa: {\n      type: String,\n      required: true,\n    },\n  },\n\n  emits: ['click'],\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtTooltip","DtStack","DtKeyboardShortcut","_createBlock","_component_dt_tooltip","_createVNode","_component_dt_button","$props","_cache","$event","_ctx","_renderSlot","_withCtx","_component_dt_stack","_createElementVNode","_component_dt_keyboard_shortcut","_createCommentVNode"],"mappings":";;;;;;AAiCA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,oBAAAC;AAAA;EAGF,OAAO;AAAA,IACL,WAAW;AAAA,MACT,MAAM;AAAA,MACN,UAAU;AAAA;IAGZ,aAAa;AAAA,MACX,MAAM;AAAA,MACN,UAAU;AAAA;IAGZ,sBAAsB;AAAA,MACpB,MAAM;AAAA,MACN,SAAS;AAAA;IAGX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;IAGX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA;;EAId,OAAO,CAAC,OAAO;AACjB;;;cAtEEC,EAwBaC,GAAA,MAAA;AAAA,IAvBA,UACT,MAYY;AAAA,MAZZC,EAYYC,GAAA;AAAA,QAXT,WAASC,EAAA;AAAA,QACV,YAAW;AAAA,QACX,MAAK;AAAA,QACJ,cAAYA,EAAA;AAAA,QACb,MAAK;AAAA,QACJ,QAAQA,EAAA;AAAA,QACR,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEC,EAAA,MAAK,SAAUD,CAAM;AAAA;QAElB,QACT,MAAoB;AAAA,UAApBE,EAAoBD,EAAA,QAAA,MAAA;AAAA;QAb9B,GAAA;AAAA;;IAAA,SAAAE,EAiBI,MAOW;AAAA,MAPXP,EAOWQ,GAAA,EAPD,KAAI,MAAK,GAAA;AAAA,QAjBvB,SAAAD,EAkBM,MAAwB;AAAA,UAAxBE,EAAwB,aAAlBP,EAAA,WAAW,GAAA,CAAA;AAAA,UAETA,EAAA,6BADRJ,EAIEY,GAAA;AAAA,YAvBR,KAAA;AAAA,YAqBQ,UAAA;AAAA,YACC,UAAUR,EAAA;AAAA,uCAtBnBS,EAAA,IAAA,EAAA;AAAA;QAAA,GAAA;AAAA;;IAAA,GAAA;AAAA;;;"}

package/dist/vue3/lib/message-input/message-input-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"message-input-constants.cjs","sources":["../../../recipes/conversation_view/message_input/message_input_constants.js"],"sourcesContent":["export const DEFAULT_CONSTANTS = null;\n\nexport default {\n  DEFAULT_CONSTANTS,\n};\n"],"names":["DEFAULT_CONSTANTS","message_input_constants"],"mappings":"4GAAY,MAACA,EAAoB,KAElBC,EAAA,CACb,kBAAAD,CACF"}
+{"version":3,"file":"message-input-constants.cjs","sources":["../../../recipes/conversation_view/message_input/message_input_constants.js"],"sourcesContent":["export const DEFAULT_CONSTANTS = null;\n\nexport default {\n  DEFAULT_CONSTANTS,\n};\n"],"names":["DEFAULT_CONSTANTS","message_input_constants"],"mappings":"4GAAY,MAACA,EAAoB,KAEjCC,EAAe,CACb,kBAAAD,CACF"}

package/dist/vue3/lib/message-input/message-input-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"message-input-constants.js","sources":["../../../recipes/conversation_view/message_input/message_input_constants.js"],"sourcesContent":["export const DEFAULT_CONSTANTS = null;\n\nexport default {\n  DEFAULT_CONSTANTS,\n};\n"],"names":["DEFAULT_CONSTANTS","message_input_constants"],"mappings":"AAAY,MAACA,IAAoB,MAElBC,IAAA;AAAA,EACb;AACF;"}
+{"version":3,"file":"message-input-constants.js","sources":["../../../recipes/conversation_view/message_input/message_input_constants.js"],"sourcesContent":["export const DEFAULT_CONSTANTS = null;\n\nexport default {\n  DEFAULT_CONSTANTS,\n};\n"],"names":["DEFAULT_CONSTANTS","message_input_constants"],"mappings":"AAAY,MAACA,IAAoB,MAEjCC,IAAe;AAAA,EACb;AACF;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _=require("@dialpad/dialtone-icons/vue3"),m=require("./message-input-button.cjs"),k=require("../../localization/index.cjs"),e=require("vue"),b=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),L=require("../popover/popover.cjs"),I=require("../input/input.cjs"),N=require("../button/button.cjs"),E=require("../stack/stack.cjs"),v={compatConfig:{MODE:3},name:"MessageInputLink",components:{DtPopover:L.default,DtInput:I.default,DtButton:N.default,DtStack:E.default,DtIconLink2:_.DtIconLink2,DtRecipeMessageInputButton:m.default},props:{open:{type:Boolean,default:!1},linkButtonOptions:{type:Object,required:!0},isSelectionActive:{type:Function,default:()=>{}}},emits:["set-link","remove-link","opened"],data(){return{linkText:"",linkInput:"",isOpen:!1,i18n:new k.DialtoneLocalization}},computed:{anchorButtonLabel(){return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_LINK_BUTTON_LABEL")},textInputLabel(){return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_TEXT_LABEL")},linkInputLabel(){return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_LINK_LABEL")},linkInputPlaceHolder(){return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_LINK_PLACEHOLDER")},removeButtonLabel(){return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_REMOVE_LABEL")},cancelButtonLabel(){return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_CANCEL_LABEL")},confirmButtonLabel(){return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_CONFIRM_LABEL")}},watch:{open:{immediate:!0,handler(o){this.isOpen=o}}},methods:{setInitialValues(o,t){this.linkText=o,this.linkInput=t}}},T={class:"d-recipe-message-input__link-dialog-title"};function g(o,t,u,x,n,i){const p=e.resolveComponent("dt-icon-link2"),d=e.resolveComponent("dt-recipe-message-input-button"),s=e.resolveComponent("dt-input"),a=e.resolveComponent("dt-button"),r=e.resolveComponent("dt-stack"),c=e.resolveComponent("dt-popover");return e.openBlock(),e.createBlock(c,{open:n.isOpen,placement:"bottom-start","content-class":"d-recipe-message-input__link-popover","data-qa":"dt-message-input-link-popover","show-close-button":!1,onOpened:t[12]||(t[12]=l=>o.$emit("opened",l))},{anchor:e.withCtx(()=>[e.createVNode(d,{"aria-label":i.anchorButtonLabel["aria-label"],"tooltip-text":i.anchorButtonLabel["tooltip-text"],"keyboard-shortcut-text":u.linkButtonOptions.keyboardShortcutText,"data-qa":"message-input-link-btn","is-active":u.isSelectionActive("link"),onClick:t[0]||(t[0]=l=>n.isOpen=!0)},{icon:e.withCtx(()=>[e.createVNode(p,{class:"d-recipe-message-input__button-stack-icon",size:"200"})]),_:1},8,["aria-label","tooltip-text","keyboard-shortcut-text","is-active"])]),content:e.withCtx(()=>[e.createVNode(r,{gap:"500"},{default:e.withCtx(()=>[e.createElementVNode("div",T,e.toDisplayString(n.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE")),1),e.createVNode(s,{modelValue:n.linkText,"onUpdate:modelValue":t[1]||(t[1]=l=>n.linkText=l),"input-aria-label":i.textInputLabel,size:"xs","data-qa":"dt-message-input-link-text-input",label:i.textInputLabel,"input-wrapper-class":"d-recipe-message-input__link-input",onClick:t[2]||(t[2]=e.withModifiers(()=>{},["stop"])),onFocus:t[3]||(t[3]=e.withModifiers(()=>{},["stop"])),onKeydown:t[4]||(t[4]=e.withKeys(l=>o.$emit("set-link",n.linkText,n.linkInput),["enter"]))},null,8,["modelValue","input-aria-label","label"]),e.createVNode(s,{modelValue:n.linkInput,"onUpdate:modelValue":t[5]||(t[5]=l=>n.linkInput=l),"input-aria-label":i.linkInputLabel,size:"xs","data-qa":"dt-message-input-link-input",placeholder:i.linkInputPlaceHolder,label:i.linkInputLabel,"input-wrapper-class":"d-recipe-message-input__link-input",onClick:t[6]||(t[6]=e.withModifiers(()=>{},["stop"])),onFocus:t[7]||(t[7]=e.withModifiers(()=>{},["stop"])),onKeydown:t[8]||(t[8]=e.withKeys(l=>o.$emit("set-link",n.linkText,n.linkInput),["enter"]))},null,8,["modelValue","input-aria-label","placeholder","label"]),e.createVNode(r,{direction:"row",class:"d-recipe-message-input__link-dialog-buttons"},{default:e.withCtx(()=>[e.createVNode(a,{"aria-label":i.removeButtonLabel,title:i.removeButtonLabel,importance:"clear",kind:"danger",size:"md","data-qa":"dt-message-input-link-remove-btn",onClick:t[9]||(t[9]=l=>o.$emit("remove-link",n.linkText,n.linkInput))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.removeButtonLabel),1)]),_:1},8,["aria-label","title"]),e.createVNode(r,{direction:"row",gap:"400"},{default:e.withCtx(()=>[e.createVNode(a,{"aria-label":i.cancelButtonLabel,title:i.cancelButtonLabel,importance:"clear",kind:"muted",size:"md","data-qa":"dt-message-input-link-cancel-btn",onClick:t[10]||(t[10]=l=>n.isOpen=!1)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.cancelButtonLabel),1)]),_:1},8,["aria-label","title"]),e.createVNode(a,{size:"md","aria-label":i.confirmButtonLabel,title:i.confirmButtonLabel,"data-qa":"dt-message-input-link-confirm-btn",onClick:t[11]||(t[11]=l=>o.$emit("set-link",n.linkText,n.linkInput))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.confirmButtonLabel),1)]),_:1},8,["aria-label","title"])]),_:1})]),_:1})]),_:1})]),_:1},8,["open"])}const f=b._(v,[["render",g]]);exports.default=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _=require("@dialpad/dialtone-icons/vue3"),m=require("./message-input-button.cjs"),k=require("../../localization/index.cjs"),e=require("vue"),b=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),L=require("../stack/stack.cjs"),I=require("../button/button.cjs"),N=require("../input/input.cjs"),E=require("../popover/popover.cjs"),v={compatConfig:{MODE:3},name:"MessageInputLink",components:{DtPopover:E.default,DtInput:N.default,DtButton:I.default,DtStack:L.default,DtIconLink2:_.DtIconLink2,DtRecipeMessageInputButton:m.default},props:{open:{type:Boolean,default:!1},linkButtonOptions:{type:Object,required:!0},isSelectionActive:{type:Function,default:()=>{}}},emits:["set-link","remove-link","opened"],data(){return{linkText:"",linkInput:"",isOpen:!1,i18n:new k.DialtoneLocalization}},computed:{anchorButtonLabel(){return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_LINK_BUTTON_LABEL")},textInputLabel(){return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_TEXT_LABEL")},linkInputLabel(){return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_LINK_LABEL")},linkInputPlaceHolder(){return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_LINK_PLACEHOLDER")},removeButtonLabel(){return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_REMOVE_LABEL")},cancelButtonLabel(){return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_CANCEL_LABEL")},confirmButtonLabel(){return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_CONFIRM_LABEL")}},watch:{open:{immediate:!0,handler(o){this.isOpen=o}}},methods:{setInitialValues(o,t){this.linkText=o,this.linkInput=t}}},T={class:"d-recipe-message-input__link-dialog-title"};function g(o,t,u,x,n,i){const p=e.resolveComponent("dt-icon-link2"),d=e.resolveComponent("dt-recipe-message-input-button"),s=e.resolveComponent("dt-input"),a=e.resolveComponent("dt-button"),r=e.resolveComponent("dt-stack"),c=e.resolveComponent("dt-popover");return e.openBlock(),e.createBlock(c,{open:n.isOpen,placement:"bottom-start","content-class":"d-recipe-message-input__link-popover","data-qa":"dt-message-input-link-popover","show-close-button":!1,onOpened:t[12]||(t[12]=l=>o.$emit("opened",l))},{anchor:e.withCtx(()=>[e.createVNode(d,{"aria-label":i.anchorButtonLabel["aria-label"],"tooltip-text":i.anchorButtonLabel["tooltip-text"],"keyboard-shortcut-text":u.linkButtonOptions.keyboardShortcutText,"data-qa":"message-input-link-btn","is-active":u.isSelectionActive("link"),onClick:t[0]||(t[0]=l=>n.isOpen=!0)},{icon:e.withCtx(()=>[e.createVNode(p,{class:"d-recipe-message-input__button-stack-icon",size:"200"})]),_:1},8,["aria-label","tooltip-text","keyboard-shortcut-text","is-active"])]),content:e.withCtx(()=>[e.createVNode(r,{gap:"500"},{default:e.withCtx(()=>[e.createElementVNode("div",T,e.toDisplayString(n.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE")),1),e.createVNode(s,{modelValue:n.linkText,"onUpdate:modelValue":t[1]||(t[1]=l=>n.linkText=l),"input-aria-label":i.textInputLabel,size:"xs","data-qa":"dt-message-input-link-text-input",label:i.textInputLabel,"input-wrapper-class":"d-recipe-message-input__link-input",onClick:t[2]||(t[2]=e.withModifiers(()=>{},["stop"])),onFocus:t[3]||(t[3]=e.withModifiers(()=>{},["stop"])),onKeydown:t[4]||(t[4]=e.withKeys(l=>o.$emit("set-link",n.linkText,n.linkInput),["enter"]))},null,8,["modelValue","input-aria-label","label"]),e.createVNode(s,{modelValue:n.linkInput,"onUpdate:modelValue":t[5]||(t[5]=l=>n.linkInput=l),"input-aria-label":i.linkInputLabel,size:"xs","data-qa":"dt-message-input-link-input",placeholder:i.linkInputPlaceHolder,label:i.linkInputLabel,"input-wrapper-class":"d-recipe-message-input__link-input",onClick:t[6]||(t[6]=e.withModifiers(()=>{},["stop"])),onFocus:t[7]||(t[7]=e.withModifiers(()=>{},["stop"])),onKeydown:t[8]||(t[8]=e.withKeys(l=>o.$emit("set-link",n.linkText,n.linkInput),["enter"]))},null,8,["modelValue","input-aria-label","placeholder","label"]),e.createVNode(r,{direction:"row",class:"d-recipe-message-input__link-dialog-buttons"},{default:e.withCtx(()=>[e.createVNode(a,{"aria-label":i.removeButtonLabel,title:i.removeButtonLabel,importance:"clear",kind:"danger",size:"md","data-qa":"dt-message-input-link-remove-btn",onClick:t[9]||(t[9]=l=>o.$emit("remove-link",n.linkText,n.linkInput))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.removeButtonLabel),1)]),_:1},8,["aria-label","title"]),e.createVNode(r,{direction:"row",gap:"400"},{default:e.withCtx(()=>[e.createVNode(a,{"aria-label":i.cancelButtonLabel,title:i.cancelButtonLabel,importance:"clear",kind:"muted",size:"md","data-qa":"dt-message-input-link-cancel-btn",onClick:t[10]||(t[10]=l=>n.isOpen=!1)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.cancelButtonLabel),1)]),_:1},8,["aria-label","title"]),e.createVNode(a,{size:"md","aria-label":i.confirmButtonLabel,title:i.confirmButtonLabel,"data-qa":"dt-message-input-link-confirm-btn",onClick:t[11]||(t[11]=l=>o.$emit("set-link",n.linkText,n.linkInput))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.confirmButtonLabel),1)]),_:1},8,["aria-label","title"])]),_:1})]),_:1})]),_:1})]),_:1},8,["open"])}const f=b._(v,[["render",g]]);exports.default=f;
 //# sourceMappingURL=message-input-link.cjs.map

package/dist/vue3/lib/message-input/message-input-link.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"message-input-link.cjs","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.cjs","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-link.js

@@ -1,20 +1,20 @@
 import { DtIconLink2 as E } from "@dialpad/dialtone-icons/vue3";
 import f from "./message-input-button.js";
 import { DialtoneLocalization as N } from "../../localization/index.js";
-import { resolveComponent as r, openBlock as T, createBlock as B, withCtx as a, createVNode as l, createElementVNode as A, toDisplayString as u, withModifiers as p, withKeys as L, createTextVNode as d } from "vue";
+import { resolveComponent as r, createBlock as T, openBlock as B, withCtx as a, createVNode as l, createElementVNode as A, toDisplayString as u, withKeys as L, withModifiers as p, createTextVNode as d } from "vue";
 import { _ as g } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import v from "../popover/popover.js";
-import O from "../input/input.js";
-import S from "../button/button.js";
-import x from "../stack/stack.js";
+import v from "../stack/stack.js";
+import O from "../button/button.js";
+import S from "../input/input.js";
+import x from "../popover/popover.js";
 const D = {
   compatConfig: { MODE: 3 },
   name: "MessageInputLink",
   components: {
-    DtPopover: v,
-    DtInput: O,
-    DtButton: S,
-    DtStack: x,
+    DtPopover: x,
+    DtInput: S,
+    DtButton: O,
+    DtStack: v,
     DtIconLink2: E,
     DtRecipeMessageInputButton: f
   },
@@ -81,7 +81,7 @@ const D = {
 }, M = { class: "d-recipe-message-input__link-dialog-title" };
 function C(o, t, k, K, e, n) {
   const b = r("dt-icon-link2"), c = r("dt-recipe-message-input-button"), _ = r("dt-input"), s = r("dt-button"), m = r("dt-stack"), I = r("dt-popover");
-  return T(), B(I, {
+  return B(), T(I, {
     open: e.isOpen,
     placement: "bottom-start",
     "content-class": "d-recipe-message-input__link-popover",

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":"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"}