@dialpad/dialtone 9.110.1 → 9.111.0

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

@@ -0,0 +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"}

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

@@ -0,0 +1,79 @@
+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 { _ 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";
+const x = {
+  compatConfig: { MODE: 3 },
+  name: "DtRecipeMessageInputButton",
+  components: {
+    DtButton: b,
+    DtTooltip: S,
+    DtStack: g,
+    DtKeyboardShortcut: h
+  },
+  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 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, {
+    anchor: o(() => [
+      c(d, {
+        "data-qa": t.dataQa,
+        importance: "clear",
+        kind: "muted",
+        "aria-label": t.ariaLabel,
+        size: "xs",
+        active: t.isActive,
+        onClick: a[0] || (a[0] = (m) => r.$emit("click", m))
+      }, {
+        icon: o(() => [
+          p(r.$slots, "icon")
+        ]),
+        _: 3
+      }, 8, ["data-qa", "aria-label", "active"])
+    ]),
+    default: o(() => [
+      c(u, { gap: "200" }, {
+        default: o(() => [
+          _("p", null, f(t.tooltipText), 1),
+          t.keyboardShortcutText ? (n(), i(l, {
+            key: 0,
+            inverted: "",
+            shortcut: t.keyboardShortcutText
+          }, null, 8, ["shortcut"])) : k("", !0)
+        ]),
+        _: 1
+      })
+    ]),
+    _: 3
+  });
+}
+const E = /* @__PURE__ */ y(x, [["render", D]]);
+export {
+  E as default
+};
+//# sourceMappingURL=message-input-button.js.map

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

@@ -0,0 +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;;;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=null,t={DEFAULT_CONSTANTS:e};exports.DEFAULT_CONSTANTS=e;exports.default=t;
+//# sourceMappingURL=message-input-constants.cjs.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,8 @@
+const s = null, t = {
+  DEFAULT_CONSTANTS: null
+};
+export {
+  s as DEFAULT_CONSTANTS,
+  t as default
+};
+//# sourceMappingURL=message-input-constants.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("@dialpad/dialtone-icons/vue3"),c=require("./message-input-button.cjs"),e=require("vue"),m=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),b=require("../popover/popover.cjs"),v=require("../input/input.cjs"),g=require("../button/button.cjs"),_=require("../stack/stack.cjs"),f={compatConfig:{MODE:3},name:"MessageInputLink",components:{DtPopover:b.default,DtInput:v.default,DtButton:g.default,DtStack:_.default,DtIconLink2:k.DtIconLink2,DtRecipeMessageInputButton:c.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}},watch:{open:{immediate:!0,handler(l){this.isOpen=l}}},methods:{setInitialValues(l,t){this.linkText=l,this.linkInput=t}}},x={key:0,class:"d-recipe-message-input__link-dialog-title"};function O(l,t,n,C,i,w){const r=e.resolveComponent("dt-icon-link2"),p=e.resolveComponent("dt-recipe-message-input-button"),u=e.resolveComponent("dt-input"),s=e.resolveComponent("dt-button"),a=e.resolveComponent("dt-stack"),d=e.resolveComponent("dt-popover");return e.openBlock(),e.createBlock(d,{open:i.isOpen,placement:"bottom-start","content-class":"d-recipe-message-input__link-popover","visually-hidden-close":!0,"visually-hidden-close-label":n.linkButtonOptions.visuallyHiddenCloseText,"data-qa":"dt-message-input-link-popover","show-close-button":!1,onOpened:t[12]||(t[12]=o=>l.$emit("opened",o))},{anchor:e.withCtx(()=>[e.createVNode(p,{"aria-label":n.linkButtonOptions.ariaLabel,"tooltip-text":n.linkButtonOptions.tooltipText,"keyboard-shortcut-text":n.linkButtonOptions.keyboardShortcutText,"data-qa":"message-input-link-btn","is-active":n.isSelectionActive("link"),onClick:t[0]||(t[0]=o=>i.isOpen=!0)},{icon:e.withCtx(()=>[e.createVNode(r,{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(a,{gap:"500"},{default:e.withCtx(()=>[n.linkButtonOptions.dialogTitle.length>0?(e.openBlock(),e.createElementBlock("div",x,e.toDisplayString(n.linkButtonOptions.dialogTitle),1)):e.createCommentVNode("",!0),e.createVNode(u,{modelValue:i.linkText,"onUpdate:modelValue":t[1]||(t[1]=o=>i.linkText=o),"input-aria-label":n.linkButtonOptions.textLabel,size:"xs","data-qa":"dt-message-input-link-text-input",label:n.linkButtonOptions.textLabel,"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(o=>l.$emit("set-link",i.linkText,i.linkInput),["enter"]))},null,8,["modelValue","input-aria-label","label"]),e.createVNode(u,{modelValue:i.linkInput,"onUpdate:modelValue":t[5]||(t[5]=o=>i.linkInput=o),"input-aria-label":n.linkButtonOptions.linkLabel,size:"xs","data-qa":"dt-message-input-link-input",placeholder:n.linkButtonOptions.linkPlaceholder,label:n.linkButtonOptions.linkLabel,"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(o=>l.$emit("set-link",i.linkText,i.linkInput),["enter"]))},null,8,["modelValue","input-aria-label","placeholder","label"]),e.createVNode(a,{direction:"row",class:"d-recipe-message-input__link-dialog-buttons"},{default:e.withCtx(()=>[e.createVNode(s,{"aria-label":n.linkButtonOptions.removeLabel,importance:"clear",kind:"danger",size:"md","data-qa":"dt-message-input-link-remove-btn",onClick:t[9]||(t[9]=o=>l.$emit("remove-link",i.linkText,i.linkInput))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.linkButtonOptions.removeLabel),1)]),_:1},8,["aria-label"]),e.createVNode(a,{direction:"row",gap:"400"},{default:e.withCtx(()=>[e.createVNode(s,{"aria-label":n.linkButtonOptions.cancelLabel,importance:"clear",kind:"muted",size:"md","data-qa":"dt-message-input-link-cancel-btn",onClick:t[10]||(t[10]=o=>i.isOpen=!1)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.linkButtonOptions.cancelLabel),1)]),_:1},8,["aria-label"]),e.createVNode(s,{size:"md","aria-label":n.linkButtonOptions.confirmLabel,"data-qa":"dt-message-input-link-confirm-btn",onClick:t[11]||(t[11]=o=>l.$emit("set-link",i.linkText,i.linkInput))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.linkButtonOptions.confirmLabel),1)]),_:1},8,["aria-label"])]),_:1})]),_:1})]),_:1})]),_:1},8,["open","visually-hidden-close-label"])}const B=m._(f,[["render",O]]);exports.default=B;
+//# sourceMappingURL=message-input-link.cjs.map

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

@@ -0,0 +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    :visually-hidden-close=\"true\"\n    :visually-hidden-close-label=\"linkButtonOptions.visuallyHiddenCloseText\"\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=\"linkButtonOptions.ariaLabel\"\n        :tooltip-text=\"linkButtonOptions.tooltipText\"\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          v-if=\"linkButtonOptions.dialogTitle.length > 0\"\n          class=\"d-recipe-message-input__link-dialog-title\"\n        >\n          {{ linkButtonOptions.dialogTitle }}\n        </div>\n        <dt-input\n          v-model=\"linkText\"\n          :input-aria-label=\"linkButtonOptions.textLabel\"\n          size=\"xs\"\n          data-qa=\"dt-message-input-link-text-input\"\n          :label=\"linkButtonOptions.textLabel\"\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=\"linkButtonOptions.linkLabel\"\n          size=\"xs\"\n          data-qa=\"dt-message-input-link-input\"\n          :placeholder=\"linkButtonOptions.linkPlaceholder\"\n          :label=\"linkButtonOptions.linkLabel\"\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=\"linkButtonOptions.removeLabel\"\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            {{ linkButtonOptions.removeLabel }}\n          </dt-button>\n          <dt-stack\n            direction=\"row\"\n            gap=\"400\"\n          >\n            <dt-button\n              :aria-label=\"linkButtonOptions.cancelLabel\"\n              importance=\"clear\"\n              kind=\"muted\"\n              size=\"md\"\n              data-qa=\"dt-message-input-link-cancel-btn\"\n              @click=\"isOpen = false\"\n            >\n              {{ linkButtonOptions.cancelLabel }}\n            </dt-button>\n            <dt-button\n              size=\"md\"\n              :aria-label=\"linkButtonOptions.confirmLabel\"\n              data-qa=\"dt-message-input-link-confirm-btn\"\n              @click=\"$emit('set-link', linkText, linkInput)\"\n            >\n              {{ linkButtonOptions.confirmLabel }}\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';\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    };\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","value","linkText","linkInput","_createBlock","_component_dt_popover","$data","$props","_cache","$event","_ctx","_createVNode","_component_dt_recipe_message_input_button","_component_dt_icon_link2","_component_dt_stack","_withCtx","_openBlock","_createElementBlock","_hoisted_1","_toDisplayString","_createCommentVNode","_component_dt_input","_withModifiers","_withKeys","_component_dt_button","_createTextVNode"],"mappings":"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"}

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

@@ -0,0 +1,187 @@
+import { DtIconLink2 as O } from "@dialpad/dialtone-icons/vue3";
+import B from "./message-input-button.js";
+import { resolveComponent as a, openBlock as c, createBlock as _, withCtx as s, createVNode as l, createElementBlock as x, toDisplayString as u, createCommentVNode as y, withModifiers as p, withKeys as b, createTextVNode as d } from "vue";
+import { _ as I } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import L from "../popover/popover.js";
+import T from "../input/input.js";
+import w from "../button/button.js";
+import C from "../stack/stack.js";
+const V = {
+  compatConfig: { MODE: 3 },
+  name: "MessageInputLink",
+  components: {
+    DtPopover: L,
+    DtInput: T,
+    DtButton: w,
+    DtStack: C,
+    DtIconLink2: O,
+    DtRecipeMessageInputButton: B
+  },
+  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
+    };
+  },
+  watch: {
+    open: {
+      immediate: !0,
+      handler(o) {
+        this.isOpen = o;
+      }
+    }
+  },
+  methods: {
+    setInitialValues(o, t) {
+      this.linkText = o, this.linkInput = t;
+    }
+  }
+}, D = {
+  key: 0,
+  class: "d-recipe-message-input__link-dialog-title"
+};
+function q(o, t, e, z, n, M) {
+  const f = a("dt-icon-link2"), g = a("dt-recipe-message-input-button"), m = a("dt-input"), r = a("dt-button"), k = a("dt-stack"), v = a("dt-popover");
+  return c(), _(v, {
+    open: n.isOpen,
+    placement: "bottom-start",
+    "content-class": "d-recipe-message-input__link-popover",
+    "visually-hidden-close": !0,
+    "visually-hidden-close-label": e.linkButtonOptions.visuallyHiddenCloseText,
+    "data-qa": "dt-message-input-link-popover",
+    "show-close-button": !1,
+    onOpened: t[12] || (t[12] = (i) => o.$emit("opened", i))
+  }, {
+    anchor: s(() => [
+      l(g, {
+        "aria-label": e.linkButtonOptions.ariaLabel,
+        "tooltip-text": e.linkButtonOptions.tooltipText,
+        "keyboard-shortcut-text": e.linkButtonOptions.keyboardShortcutText,
+        "data-qa": "message-input-link-btn",
+        "is-active": e.isSelectionActive("link"),
+        onClick: t[0] || (t[0] = (i) => n.isOpen = !0)
+      }, {
+        icon: s(() => [
+          l(f, {
+            class: "d-recipe-message-input__button-stack-icon",
+            size: "200"
+          })
+        ]),
+        _: 1
+      }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"])
+    ]),
+    content: s(() => [
+      l(k, { gap: "500" }, {
+        default: s(() => [
+          e.linkButtonOptions.dialogTitle.length > 0 ? (c(), x("div", D, u(e.linkButtonOptions.dialogTitle), 1)) : y("", !0),
+          l(m, {
+            modelValue: n.linkText,
+            "onUpdate:modelValue": t[1] || (t[1] = (i) => n.linkText = i),
+            "input-aria-label": e.linkButtonOptions.textLabel,
+            size: "xs",
+            "data-qa": "dt-message-input-link-text-input",
+            label: e.linkButtonOptions.textLabel,
+            "input-wrapper-class": "d-recipe-message-input__link-input",
+            onClick: t[2] || (t[2] = p(() => {
+            }, ["stop"])),
+            onFocus: t[3] || (t[3] = p(() => {
+            }, ["stop"])),
+            onKeydown: t[4] || (t[4] = b((i) => o.$emit("set-link", n.linkText, n.linkInput), ["enter"]))
+          }, null, 8, ["modelValue", "input-aria-label", "label"]),
+          l(m, {
+            modelValue: n.linkInput,
+            "onUpdate:modelValue": t[5] || (t[5] = (i) => n.linkInput = i),
+            "input-aria-label": e.linkButtonOptions.linkLabel,
+            size: "xs",
+            "data-qa": "dt-message-input-link-input",
+            placeholder: e.linkButtonOptions.linkPlaceholder,
+            label: e.linkButtonOptions.linkLabel,
+            "input-wrapper-class": "d-recipe-message-input__link-input",
+            onClick: t[6] || (t[6] = p(() => {
+            }, ["stop"])),
+            onFocus: t[7] || (t[7] = p(() => {
+            }, ["stop"])),
+            onKeydown: t[8] || (t[8] = b((i) => o.$emit("set-link", n.linkText, n.linkInput), ["enter"]))
+          }, null, 8, ["modelValue", "input-aria-label", "placeholder", "label"]),
+          l(k, {
+            direction: "row",
+            class: "d-recipe-message-input__link-dialog-buttons"
+          }, {
+            default: s(() => [
+              l(r, {
+                "aria-label": e.linkButtonOptions.removeLabel,
+                importance: "clear",
+                kind: "danger",
+                size: "md",
+                "data-qa": "dt-message-input-link-remove-btn",
+                onClick: t[9] || (t[9] = (i) => o.$emit("remove-link", n.linkText, n.linkInput))
+              }, {
+                default: s(() => [
+                  d(u(e.linkButtonOptions.removeLabel), 1)
+                ]),
+                _: 1
+              }, 8, ["aria-label"]),
+              l(k, {
+                direction: "row",
+                gap: "400"
+              }, {
+                default: s(() => [
+                  l(r, {
+                    "aria-label": e.linkButtonOptions.cancelLabel,
+                    importance: "clear",
+                    kind: "muted",
+                    size: "md",
+                    "data-qa": "dt-message-input-link-cancel-btn",
+                    onClick: t[10] || (t[10] = (i) => n.isOpen = !1)
+                  }, {
+                    default: s(() => [
+                      d(u(e.linkButtonOptions.cancelLabel), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["aria-label"]),
+                  l(r, {
+                    size: "md",
+                    "aria-label": e.linkButtonOptions.confirmLabel,
+                    "data-qa": "dt-message-input-link-confirm-btn",
+                    onClick: t[11] || (t[11] = (i) => o.$emit("set-link", n.linkText, n.linkInput))
+                  }, {
+                    default: s(() => [
+                      d(u(e.linkButtonOptions.confirmLabel), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["aria-label"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  }, 8, ["open", "visually-hidden-close-label"]);
+}
+const U = /* @__PURE__ */ I(V, [["render", q]]);
+export {
+  U as default
+};
+//# sourceMappingURL=message-input-link.js.map

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

@@ -0,0 +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    :visually-hidden-close=\"true\"\n    :visually-hidden-close-label=\"linkButtonOptions.visuallyHiddenCloseText\"\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=\"linkButtonOptions.ariaLabel\"\n        :tooltip-text=\"linkButtonOptions.tooltipText\"\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          v-if=\"linkButtonOptions.dialogTitle.length > 0\"\n          class=\"d-recipe-message-input__link-dialog-title\"\n        >\n          {{ linkButtonOptions.dialogTitle }}\n        </div>\n        <dt-input\n          v-model=\"linkText\"\n          :input-aria-label=\"linkButtonOptions.textLabel\"\n          size=\"xs\"\n          data-qa=\"dt-message-input-link-text-input\"\n          :label=\"linkButtonOptions.textLabel\"\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=\"linkButtonOptions.linkLabel\"\n          size=\"xs\"\n          data-qa=\"dt-message-input-link-input\"\n          :placeholder=\"linkButtonOptions.linkPlaceholder\"\n          :label=\"linkButtonOptions.linkLabel\"\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=\"linkButtonOptions.removeLabel\"\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            {{ linkButtonOptions.removeLabel }}\n          </dt-button>\n          <dt-stack\n            direction=\"row\"\n            gap=\"400\"\n          >\n            <dt-button\n              :aria-label=\"linkButtonOptions.cancelLabel\"\n              importance=\"clear\"\n              kind=\"muted\"\n              size=\"md\"\n              data-qa=\"dt-message-input-link-cancel-btn\"\n              @click=\"isOpen = false\"\n            >\n              {{ linkButtonOptions.cancelLabel }}\n            </dt-button>\n            <dt-button\n              size=\"md\"\n              :aria-label=\"linkButtonOptions.confirmLabel\"\n              data-qa=\"dt-message-input-link-confirm-btn\"\n              @click=\"$emit('set-link', linkText, linkInput)\"\n            >\n              {{ linkButtonOptions.confirmLabel }}\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';\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    };\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","value","linkText","linkInput","_createBlock","_component_dt_popover","$data","$props","_cache","$event","_ctx","_createVNode","_component_dt_recipe_message_input_button","_component_dt_icon_link2","_component_dt_stack","_withCtx","_openBlock","_createElementBlock","_hoisted_1","_toDisplayString","_createCommentVNode","_component_dt_input","_withModifiers","_withKeys","_component_dt_button","_createTextVNode"],"mappings":"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"}

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

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

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

@@ -0,0 +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=\"boldButtonOptions.ariaLabel\"\n      :tooltip-text=\"boldButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"boldButtonOptions.keyboardShortcutText\"\n      data-qa=\"bold\"\n      :is-active=\"isSelectionActive('bold')\"\n      @click=\"$emit('click', 'bold', $event)\"\n    >\n      <template #icon>\n        <dt-icon-bold\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <dt-recipe-message-input-button\n      :aria-label=\"italicButtonOptions.ariaLabel\"\n      :tooltip-text=\"italicButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"italicButtonOptions.keyboardShortcutText\"\n      data-qa=\"italic\"\n      :is-active=\"isSelectionActive('italic')\"\n      @click=\"$emit('click', 'italic', $event)\"\n    >\n      <template #icon>\n        <dt-icon-italic\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <dt-recipe-message-input-button\n      :aria-label=\"strikeButtonOptions.ariaLabel\"\n      :tooltip-text=\"strikeButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"strikeButtonOptions.keyboardShortcutText\"\n      data-qa=\"strikethrough\"\n      :is-active=\"isSelectionActive('strike')\"\n      @click=\"$emit('click', 'strike', $event)\"\n    >\n      <template #icon>\n        <dt-icon-strikethrough\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <!-- @slot special slot for link button, since links require a custom dialog -->\n    <slot name=\"link\" />\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"bulletListButtonOptions.ariaLabel\"\n      :tooltip-text=\"bulletListButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"bulletListButtonOptions.keyboardShortcutText\"\n      data-qa=\"bullet-list\"\n      :is-active=\"isSelectionActive('bulletList')\"\n      @click=\"$emit('click', 'bulletList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-bullet\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <dt-recipe-message-input-button\n      :aria-label=\"orderedListButtonOptions.ariaLabel\"\n      :tooltip-text=\"orderedListButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"orderedListButtonOptions.keyboardShortcutText\"\n      data-qa=\"ordered-list\"\n      :is-active=\"isSelectionActive('orderedList')\"\n      @click=\"$emit('click', 'orderedList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-ordered\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n    <dt-recipe-message-input-button\n      :aria-label=\"blockQuoteButtonOptions.ariaLabel\"\n      :tooltip-text=\"blockQuoteButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"blockQuoteButtonOptions.keyboardShortcutText\"\n      data-qa=\"blockquote\"\n      :is-active=\"isSelectionActive('blockquote')\"\n      @click=\"$emit('click', 'blockquote', $event)\"\n    >\n      <template #icon>\n        <dt-icon-quote\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"codeButtonOptions.ariaLabel\"\n      :tooltip-text=\"codeButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"codeButtonOptions.keyboardShortcutText\"\n      data-qa=\"code\"\n      :is-active=\"isSelectionActive('code')\"\n      @click=\"$emit('click', 'code', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"codeBlockButtonOptions.ariaLabel\"\n      :tooltip-text=\"codeBlockButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"codeBlockButtonOptions.keyboardShortcutText\"\n      data-qa=\"code-block\"\n      :is-active=\"isSelectionActive('codeBlock')\"\n      @click=\"$emit('click', 'codeBlock', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code-block\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtStack } from '@/components/stack';\n\nimport {\n  DtIconListBullet, DtIconBold, DtIconItalic, DtIconStrikethrough,\n  DtIconListOrdered, DtIconQuote, DtIconCode, DtIconCodeBlock,\n} from '@dialpad/dialtone-icons/vue3';\n\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeMesageInputTopbar',\n  components: {\n    DtStack,\n    DtIconListBullet,\n    DtIconBold,\n    DtIconItalic,\n    DtIconStrikethrough,\n    DtIconListOrdered,\n    DtIconQuote,\n    DtIconCode,\n    DtIconCodeBlock,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    boldButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    italicButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    strikeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    bulletListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    orderedListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    blockQuoteButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeBlockButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['click'],\n};\n</script>\n"],"names":["_sfc_main","DtStack","DtIconListBullet","DtIconBold","DtIconItalic","DtIconStrikethrough","DtIconListOrdered","DtIconQuote","DtIconCode","DtIconCodeBlock","DtRecipeMessageInputButton","_createElementVNode","_createBlock","_component_dt_stack","_withCtx","_createVNode","_component_dt_recipe_message_input_button","$props","_cache","$event","_ctx","_component_dt_icon_bold","_component_dt_icon_italic","_component_dt_icon_strikethrough","_hoisted_1","_renderSlot","_hoisted_2","_component_dt_icon_list_bullet","_component_dt_icon_list_ordered","_hoisted_3","_component_dt_icon_quote","_hoisted_4","_component_dt_icon_code","_component_dt_icon_code_block"],"mappings":"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"}

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

@@ -0,0 +1,211 @@
+import { DtIconListBullet as x, DtIconBold as O, DtIconItalic as v, DtIconStrikethrough as y, DtIconListOrdered as g, DtIconQuote as h, DtIconCode as L, DtIconCodeBlock as f } from "@dialpad/dialtone-icons/vue3";
+import S from "./message-input-button.js";
+import { resolveComponent as c, openBlock as T, createBlock as q, withCtx as a, createVNode as o, renderSlot as C, createElementVNode as s } from "vue";
+import { _ as D } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import I from "../stack/stack.js";
+const A = {
+  compatConfig: { MODE: 3 },
+  name: "DtRecipeMesageInputTopbar",
+  components: {
+    DtStack: I,
+    DtIconListBullet: x,
+    DtIconBold: O,
+    DtIconItalic: v,
+    DtIconStrikethrough: y,
+    DtIconListOrdered: g,
+    DtIconQuote: h,
+    DtIconCode: L,
+    DtIconCodeBlock: f,
+    DtRecipeMessageInputButton: S
+  },
+  props: {
+    boldButtonOptions: {
+      type: Object,
+      default: () => ({})
+    },
+    italicButtonOptions: {
+      type: Object,
+      default: () => ({})
+    },
+    strikeButtonOptions: {
+      type: Object,
+      default: () => ({})
+    },
+    bulletListButtonOptions: {
+      type: Object,
+      default: () => ({})
+    },
+    orderedListButtonOptions: {
+      type: Object,
+      default: () => ({})
+    },
+    blockQuoteButtonOptions: {
+      type: Object,
+      default: () => ({})
+    },
+    codeButtonOptions: {
+      type: Object,
+      default: () => ({})
+    },
+    codeBlockButtonOptions: {
+      type: Object,
+      default: () => ({})
+    },
+    isSelectionActive: {
+      type: Function,
+      default: () => {
+      }
+    }
+  },
+  emits: ["click"]
+}, j = /* @__PURE__ */ s("div", { class: "d-recipe-message-input--button-group-divider" }, null, -1), z = /* @__PURE__ */ s("div", { class: "d-recipe-message-input--button-group-divider" }, null, -1), Q = /* @__PURE__ */ s("div", { class: "d-recipe-message-input--button-group-divider" }, null, -1), M = /* @__PURE__ */ s("div", { class: "d-recipe-message-input--button-group-divider" }, null, -1);
+function R(n, e, t, w, E, N) {
+  const d = c("dt-icon-bold"), l = c("dt-recipe-message-input-button"), u = c("dt-icon-italic"), r = c("dt-icon-strikethrough"), b = c("dt-icon-list-bullet"), k = c("dt-icon-list-ordered"), p = c("dt-icon-quote"), _ = c("dt-icon-code"), m = c("dt-icon-code-block"), B = c("dt-stack");
+  return T(), q(B, {
+    direction: "row",
+    gap: "200",
+    class: "d-recipe-message-input__button-stack"
+  }, {
+    default: a(() => [
+      o(l, {
+        "aria-label": t.boldButtonOptions.ariaLabel,
+        "tooltip-text": t.boldButtonOptions.tooltipText,
+        "keyboard-shortcut-text": t.boldButtonOptions.keyboardShortcutText,
+        "data-qa": "bold",
+        "is-active": t.isSelectionActive("bold"),
+        onClick: e[0] || (e[0] = (i) => n.$emit("click", "bold", i))
+      }, {
+        icon: a(() => [
+          o(d, {
+            class: "d-recipe-message-input__button-stack-icon",
+            size: "200"
+          })
+        ]),
+        _: 1
+      }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"]),
+      o(l, {
+        "aria-label": t.italicButtonOptions.ariaLabel,
+        "tooltip-text": t.italicButtonOptions.tooltipText,
+        "keyboard-shortcut-text": t.italicButtonOptions.keyboardShortcutText,
+        "data-qa": "italic",
+        "is-active": t.isSelectionActive("italic"),
+        onClick: e[1] || (e[1] = (i) => n.$emit("click", "italic", i))
+      }, {
+        icon: a(() => [
+          o(u, {
+            class: "d-recipe-message-input__button-stack-icon",
+            size: "200"
+          })
+        ]),
+        _: 1
+      }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"]),
+      o(l, {
+        "aria-label": t.strikeButtonOptions.ariaLabel,
+        "tooltip-text": t.strikeButtonOptions.tooltipText,
+        "keyboard-shortcut-text": t.strikeButtonOptions.keyboardShortcutText,
+        "data-qa": "strikethrough",
+        "is-active": t.isSelectionActive("strike"),
+        onClick: e[2] || (e[2] = (i) => n.$emit("click", "strike", i))
+      }, {
+        icon: a(() => [
+          o(r, {
+            class: "d-recipe-message-input__button-stack-icon",
+            size: "200"
+          })
+        ]),
+        _: 1
+      }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"]),
+      j,
+      C(n.$slots, "link"),
+      z,
+      o(l, {
+        "aria-label": t.bulletListButtonOptions.ariaLabel,
+        "tooltip-text": t.bulletListButtonOptions.tooltipText,
+        "keyboard-shortcut-text": t.bulletListButtonOptions.keyboardShortcutText,
+        "data-qa": "bullet-list",
+        "is-active": t.isSelectionActive("bulletList"),
+        onClick: e[3] || (e[3] = (i) => n.$emit("click", "bulletList", i))
+      }, {
+        icon: a(() => [
+          o(b, {
+            class: "d-recipe-message-input__button-stack-icon",
+            size: "200"
+          })
+        ]),
+        _: 1
+      }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"]),
+      o(l, {
+        "aria-label": t.orderedListButtonOptions.ariaLabel,
+        "tooltip-text": t.orderedListButtonOptions.tooltipText,
+        "keyboard-shortcut-text": t.orderedListButtonOptions.keyboardShortcutText,
+        "data-qa": "ordered-list",
+        "is-active": t.isSelectionActive("orderedList"),
+        onClick: e[4] || (e[4] = (i) => n.$emit("click", "orderedList", i))
+      }, {
+        icon: a(() => [
+          o(k, {
+            class: "d-recipe-message-input__button-stack-icon",
+            size: "200"
+          })
+        ]),
+        _: 1
+      }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"]),
+      Q,
+      o(l, {
+        "aria-label": t.blockQuoteButtonOptions.ariaLabel,
+        "tooltip-text": t.blockQuoteButtonOptions.tooltipText,
+        "keyboard-shortcut-text": t.blockQuoteButtonOptions.keyboardShortcutText,
+        "data-qa": "blockquote",
+        "is-active": t.isSelectionActive("blockquote"),
+        onClick: e[5] || (e[5] = (i) => n.$emit("click", "blockquote", i))
+      }, {
+        icon: a(() => [
+          o(p, {
+            class: "d-recipe-message-input__button-stack-icon",
+            size: "200"
+          })
+        ]),
+        _: 1
+      }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"]),
+      M,
+      o(l, {
+        "aria-label": t.codeButtonOptions.ariaLabel,
+        "tooltip-text": t.codeButtonOptions.tooltipText,
+        "keyboard-shortcut-text": t.codeButtonOptions.keyboardShortcutText,
+        "data-qa": "code",
+        "is-active": t.isSelectionActive("code"),
+        onClick: e[6] || (e[6] = (i) => n.$emit("click", "code", i))
+      }, {
+        icon: a(() => [
+          o(_, {
+            class: "d-recipe-message-input__button-stack-icon",
+            size: "200"
+          })
+        ]),
+        _: 1
+      }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"]),
+      o(l, {
+        "aria-label": t.codeBlockButtonOptions.ariaLabel,
+        "tooltip-text": t.codeBlockButtonOptions.tooltipText,
+        "keyboard-shortcut-text": t.codeBlockButtonOptions.keyboardShortcutText,
+        "data-qa": "code-block",
+        "is-active": t.isSelectionActive("codeBlock"),
+        onClick: e[7] || (e[7] = (i) => n.$emit("click", "codeBlock", i))
+      }, {
+        icon: a(() => [
+          o(m, {
+            class: "d-recipe-message-input__button-stack-icon",
+            size: "200"
+          })
+        ]),
+        _: 1
+      }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"])
+    ]),
+    _: 3
+  });
+}
+const K = /* @__PURE__ */ D(A, [["render", R]]);
+export {
+  K as default
+};
+//# sourceMappingURL=message-input-topbar.js.map