@dialpad/dialtone 9.126.6 → 9.127.0

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

@@ -1,21 +1,22 @@
-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 = {
+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 { _ 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";
+const D = {
   compatConfig: { MODE: 3 },
   name: "MessageInputLink",
   components: {
-    DtPopover: L,
-    DtInput: T,
-    DtButton: w,
-    DtStack: C,
-    DtIconLink2: O,
-    DtRecipeMessageInputButton: B
+    DtPopover: v,
+    DtInput: O,
+    DtButton: S,
+    DtStack: x,
+    DtIconLink2: E,
+    DtRecipeMessageInputButton: f
   },
   props: {
     open: {
@@ -37,9 +38,33 @@ const V = {
     return {
       linkText: "",
       linkInput: "",
-      isOpen: !1
+      isOpen: !1,
+      i18n: new N()
     };
   },
+  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,
@@ -53,33 +78,28 @@ const V = {
       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,
+}, 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, {
+    open: e.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,
+    anchor: a(() => [
+      l(c, {
+        "aria-label": n.anchorButtonLabel["aria-label"],
+        "tooltip-text": n.anchorButtonLabel["tooltip-text"],
+        "keyboard-shortcut-text": k.linkButtonOptions.keyboardShortcutText,
         "data-qa": "message-input-link-btn",
-        "is-active": e.isSelectionActive("link"),
-        onClick: t[0] || (t[0] = (i) => n.isOpen = !0)
+        "is-active": k.isSelectionActive("link"),
+        onClick: t[0] || (t[0] = (i) => e.isOpen = !0)
       }, {
-        icon: s(() => [
-          l(f, {
+        icon: a(() => [
+          l(b, {
             class: "d-recipe-message-input__button-stack-icon",
             size: "200"
           })
@@ -87,86 +107,89 @@ function q(o, t, e, z, n, M) {
         _: 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,
+    content: a(() => [
+      l(m, { gap: "500" }, {
+        default: a(() => [
+          A("div", M, u(e.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE")), 1),
+          l(_, {
+            modelValue: e.linkText,
+            "onUpdate:modelValue": t[1] || (t[1] = (i) => e.linkText = i),
+            "input-aria-label": n.textInputLabel,
             size: "xs",
             "data-qa": "dt-message-input-link-text-input",
-            label: e.linkButtonOptions.textLabel,
+            label: n.textInputLabel,
             "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"]))
+            onKeydown: t[4] || (t[4] = L((i) => o.$emit("set-link", e.linkText, e.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,
+          l(_, {
+            modelValue: e.linkInput,
+            "onUpdate:modelValue": t[5] || (t[5] = (i) => e.linkInput = i),
+            "input-aria-label": n.linkInputLabel,
             size: "xs",
             "data-qa": "dt-message-input-link-input",
-            placeholder: e.linkButtonOptions.linkPlaceholder,
-            label: e.linkButtonOptions.linkLabel,
+            placeholder: n.linkInputPlaceHolder,
+            label: n.linkInputLabel,
             "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"]))
+            onKeydown: t[8] || (t[8] = L((i) => o.$emit("set-link", e.linkText, e.linkInput), ["enter"]))
           }, null, 8, ["modelValue", "input-aria-label", "placeholder", "label"]),
-          l(k, {
+          l(m, {
             direction: "row",
             class: "d-recipe-message-input__link-dialog-buttons"
           }, {
-            default: s(() => [
-              l(r, {
-                "aria-label": e.linkButtonOptions.removeLabel,
+            default: a(() => [
+              l(s, {
+                "aria-label": n.removeButtonLabel,
+                title: n.removeButtonLabel,
                 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))
+                onClick: t[9] || (t[9] = (i) => o.$emit("remove-link", e.linkText, e.linkInput))
               }, {
-                default: s(() => [
-                  d(u(e.linkButtonOptions.removeLabel), 1)
+                default: a(() => [
+                  d(u(n.removeButtonLabel), 1)
                 ]),
                 _: 1
-              }, 8, ["aria-label"]),
-              l(k, {
+              }, 8, ["aria-label", "title"]),
+              l(m, {
                 direction: "row",
                 gap: "400"
               }, {
-                default: s(() => [
-                  l(r, {
-                    "aria-label": e.linkButtonOptions.cancelLabel,
+                default: a(() => [
+                  l(s, {
+                    "aria-label": n.cancelButtonLabel,
+                    title: n.cancelButtonLabel,
                     importance: "clear",
                     kind: "muted",
                     size: "md",
                     "data-qa": "dt-message-input-link-cancel-btn",
-                    onClick: t[10] || (t[10] = (i) => n.isOpen = !1)
+                    onClick: t[10] || (t[10] = (i) => e.isOpen = !1)
                   }, {
-                    default: s(() => [
-                      d(u(e.linkButtonOptions.cancelLabel), 1)
+                    default: a(() => [
+                      d(u(n.cancelButtonLabel), 1)
                     ]),
                     _: 1
-                  }, 8, ["aria-label"]),
-                  l(r, {
+                  }, 8, ["aria-label", "title"]),
+                  l(s, {
                     size: "md",
-                    "aria-label": e.linkButtonOptions.confirmLabel,
+                    "aria-label": n.confirmButtonLabel,
+                    title: n.confirmButtonLabel,
                     "data-qa": "dt-message-input-link-confirm-btn",
-                    onClick: t[11] || (t[11] = (i) => o.$emit("set-link", n.linkText, n.linkInput))
+                    onClick: t[11] || (t[11] = (i) => o.$emit("set-link", e.linkText, e.linkInput))
                   }, {
-                    default: s(() => [
-                      d(u(e.linkButtonOptions.confirmLabel), 1)
+                    default: a(() => [
+                      d(u(n.confirmButtonLabel), 1)
                     ]),
                     _: 1
-                  }, 8, ["aria-label"])
+                  }, 8, ["aria-label", "title"])
                 ]),
                 _: 1
               })
@@ -178,10 +201,10 @@ function q(o, t, e, z, n, M) {
       })
     ]),
     _: 1
-  }, 8, ["open", "visually-hidden-close-label"]);
+  }, 8, ["open"]);
 }
-const U = /* @__PURE__ */ I(V, [["render", q]]);
+const F = /* @__PURE__ */ g(D, [["render", C]]);
 export {
-  U as default
+  F as default
 };
 //# sourceMappingURL=message-input-link.js.map

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    :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":";;;;;;;;AA8GA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC;AAAA,IACA,4BAAAC;AAAA,EACD;AAAA,EAED,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IAED,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,IAED,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS,MAAM;AAAA,MAAE;AAAA,IAClB;AAAA,EACF;AAAA,EAED,OAAO,CAAC,YAAY,eAAe,QAAQ;AAAA,EAE3C,OAAQ;AACN,WAAO;AAAA,MACL,UAAU;AAAA,MACV,WAAW;AAAA,MACX,QAAQ;AAAA;EAEX;AAAA,EAED,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,WAAW;AAAA,MACX,QAASC,GAAO;AACd,aAAK,SAASA;AAAA,MACf;AAAA,IACF;AAAA,EACF;AAAA,EAED,SAAS;AAAA,IACP,iBAAkBC,GAAUC,GAAW;AACrC,WAAK,WAAWD,GAChB,KAAK,YAAYC;AAAA,IAClB;AAAA,EACF;AACH;EArKA,KAAA;AAAA,EAiCU,OAAM;;;;cAhCdC,EAmGaC,GAAA;AAAA,IAlGV,MAAMC,EAAM;AAAA,IACb,WAAU;AAAA,IACV,iBAAc;AAAA,IACb,yBAAuB;AAAA,IACvB,+BAA6BC,EAAiB,kBAAC;AAAA,IAChD,WAAQ;AAAA,IACP,qBAAmB;AAAA,IACnB,UAAMC,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAA,CAAAC,MAAEC,EAAK,MAAA,UAAWD,CAAM;AAAA;IAEpB,UACT,MAciC;AAAA,MAdjCE,EAciCC,GAAA;AAAA,QAb9B,cAAYL,EAAiB,kBAAC;AAAA,QAC9B,gBAAcA,EAAiB,kBAAC;AAAA,QAChC,0BAAwBA,EAAiB,kBAAC;AAAA,QAC3C,WAAQ;AAAA,QACP,aAAWA,EAAiB,kBAAA,MAAA;AAAA,QAC5B,gCAAOD,EAAM,SAAA;AAAA;QAEH,QACT,MAGE;AAAA,UAHFK,EAGEE,GAAA;AAAA,YAFA,OAAM;AAAA,YACN,MAAK;AAAA;;QAvBjB,GAAA;AAAA;;IA6Be,WACT,MAoEW;AAAA,MApEXF,EAoEWG,GAAA,EApED,KAAI,MAAK,GAAA;AAAA,QA9BzB,SAAAC,EA+BQ,MAKM;AAAA,UAJER,EAAiB,kBAAC,YAAY,SAAM,KAD5CS,EAAA,GAAAC,EAKM,OALNC,GAIKC,EAAAZ,EAAA,kBAAkB,WAAW,GAAA,CAAA,KAnC1Ca,EAAA,IAAA,EAAA;AAAA,UAqCQT,EAUEU,GAAA;AAAA,YA/CV,YAsCmBf,EAAQ;AAAA,YAtC3B,uBAAAE,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAsCmBH,EAAQ,WAAAG;AAAA,YAChB,oBAAkBF,EAAiB,kBAAC;AAAA,YACrC,MAAK;AAAA,YACL,WAAQ;AAAA,YACP,OAAOA,EAAiB,kBAAC;AAAA,YAC1B,uBAAoB;AAAA,YACnB,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IA5ChBc,EA4CU,MAAW;AAAA,YAAA,GAAA,CAAA,MAAA,CAAA;AAAA,YACV,SAAKd,EAAA,CAAA,MAAAA,EAAA,CAAA,IA7ChBc,EA6CU,MAAW;AAAA,YAAA,GAAA,CAAA,MAAA,CAAA;AAAA,YACV,2BA9CXC,EA8C0B,CAAAd,MAAAC,EAAA,MAAkB,YAAAJ,EAAA,UAAUA,EAAS,SAAA,GAAA,CAAA,OAAA,CAAA;AAAA;UAEvDK,EAWEU,GAAA;AAAA,YA3DV,YAiDmBf,EAAS;AAAA,YAjD5B,uBAAAE,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAiDmBH,EAAS,YAAAG;AAAA,YACjB,oBAAkBF,EAAiB,kBAAC;AAAA,YACrC,MAAK;AAAA,YACL,WAAQ;AAAA,YACP,aAAaA,EAAiB,kBAAC;AAAA,YAC/B,OAAOA,EAAiB,kBAAC;AAAA,YAC1B,uBAAoB;AAAA,YACnB,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAxDhBc,EAwDU,MAAW;AAAA,YAAA,GAAA,CAAA,MAAA,CAAA;AAAA,YACV,SAAKd,EAAA,CAAA,MAAAA,EAAA,CAAA,IAzDhBc,EAyDU,MAAW;AAAA,YAAA,GAAA,CAAA,MAAA,CAAA;AAAA,YACV,2BA1DXC,EA0D0B,CAAAd,MAAAC,EAAA,MAAkB,YAAAJ,EAAA,UAAUA,EAAS,SAAA,GAAA,CAAA,OAAA,CAAA;AAAA;UAEvDK,EAqCWG,GAAA;AAAA,YApCT,WAAU;AAAA,YACV,OAAM;AAAA;YA9DhB,SAAAC,EAgEU,MASY;AAAA,cATZJ,EASYa,GAAA;AAAA,gBART,cAAYjB,EAAiB,kBAAC;AAAA,gBAC/B,YAAW;AAAA,gBACX,MAAK;AAAA,gBACL,MAAK;AAAA,gBACL,WAAQ;AAAA,gBACP,SAAOC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAC,EAAA,MAAqB,eAAAJ,EAAA,UAAUA,EAAS,SAAA;AAAA;gBAtE5D,SAAAS,EAwEY,MAAmC;AAAA,kBAxE/CU,EAwEeN,EAAAZ,EAAA,kBAAkB,WAAW,GAAA,CAAA;AAAA;gBAxE5C,GAAA;AAAA;cA0EUI,EAsBWG,GAAA;AAAA,gBArBT,WAAU;AAAA,gBACV,KAAI;AAAA;gBA5EhB,SAAAC,EA8EY,MASY;AAAA,kBATZJ,EASYa,GAAA;AAAA,oBART,cAAYjB,EAAiB,kBAAC;AAAA,oBAC/B,YAAW;AAAA,oBACX,MAAK;AAAA,oBACL,MAAK;AAAA,oBACL,WAAQ;AAAA,oBACP,kCAAOD,EAAM,SAAA;AAAA;oBApF5B,SAAAS,EAsFc,MAAmC;AAAA,sBAtFjDU,EAsFiBN,EAAAZ,EAAA,kBAAkB,WAAW,GAAA,CAAA;AAAA;oBAtF9C,GAAA;AAAA;kBAwFYI,EAOYa,GAAA;AAAA,oBANV,MAAK;AAAA,oBACJ,cAAYjB,EAAiB,kBAAC;AAAA,oBAC/B,WAAQ;AAAA,oBACP,SAAOC,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAA,CAAAC,MAAAC,EAAA,MAAkB,YAAAJ,EAAA,UAAUA,EAAS,SAAA;AAAA;oBA5F3D,SAAAS,EA8Fc,MAAoC;AAAA,sBA9FlDU,EA8FiBN,EAAAZ,EAAA,kBAAkB,YAAY,GAAA,CAAA;AAAA;oBA9F/C,GAAA;AAAA;;gBAAA,GAAA;AAAA;;YAAA,GAAA;AAAA;;QAAA,GAAA;AAAA;;IAAA,GAAA;AAAA;;;"}
+{"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

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

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=\"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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"}
+{"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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"}