@dialpad/dialtone 9.163.0 → 9.164.0

package/dist/vue3/lib/editor/EditorToolbarButton.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),l=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),s=require("../button/button.cjs"),u={name:"EditorToolbarButton",components:{DtButton:s.default},props:{isActive:{type:Boolean,default:!1},tooltipMessage:{type:String,required:!0},dataQA:{type:String,default:""},tabindex:{type:Number,default:-1},icon:{type:Object,required:!0},label:{type:String,default:""},onClick:{type:Function,required:!0}},emits:["shift-focus-right","shift-focus-left"]};function c(o,i,e,f,b,p){const n=t.resolveComponent("dt-button"),a=t.resolveDirective("dt-tooltip");return t.withDirectives((t.openBlock(),t.createBlock(n,{ref:"buttonRef",active:e.isActive,"aria-label":e.tooltipMessage,"data-qa":e.dataQA,tabindex:e.tabindex,importance:"clear",kind:"muted",size:"xs",onClick:e.onClick,onKeydown:[i[0]||(i[0]=t.withKeys(t.withModifiers(r=>o.$emit("shift-focus-right"),["stop"]),["right"])),i[1]||(i[1]=t.withKeys(t.withModifiers(r=>o.$emit("shift-focus-left"),["stop"]),["left"]))]},{icon:t.withCtx(()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.icon),{size:"200"}))]),default:t.withCtx(()=>[t.createTextVNode(" "+t.toDisplayString(e.label),1)]),_:1},8,["active","aria-label","data-qa","tabindex","onClick"])),[[a,{message:e.tooltipMessage,placement:"top"}]])}const d=l._(u,[["render",c]]);exports.default=d;
+//# sourceMappingURL=EditorToolbarButton.cjs.map

package/dist/vue3/lib/editor/EditorToolbarButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorToolbarButton.cjs","sources":["../../../recipes/conversation_view/editor/EditorToolbarButton.vue"],"sourcesContent":["<template>\n  <dt-button\n    ref=\"buttonRef\"\n    v-dt-tooltip=\"{ message: tooltipMessage, placement: 'top' }\"\n    :active=\"isActive\"\n    :aria-label=\"tooltipMessage\"\n    :data-qa=\"dataQA\"\n    :tabindex=\"tabindex\"\n    importance=\"clear\"\n    kind=\"muted\"\n    size=\"xs\"\n    @click=\"onClick\"\n    @keydown.right.stop=\"$emit('shift-focus-right')\"\n    @keydown.left.stop=\"$emit('shift-focus-left')\"\n  >\n    <template #icon>\n      <component\n        :is=\"icon\"\n        size=\"200\"\n      />\n    </template>\n    {{ label }}\n  </dt-button>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\n\nexport default {\n  name: 'EditorToolbarButton',\n\n  components: {\n    DtButton,\n  },\n\n  props: {\n    /**\n     * Whether the button is active\n     */\n    isActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Tooltip message\n     */\n    tooltipMessage: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Data QA attribute for testing\n     */\n    dataQA: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Tab index for keyboard navigation\n     */\n    tabindex: {\n      type: Number,\n      default: -1,\n    },\n\n    /**\n     * Icon component\n     */\n    icon: {\n      type: Object,\n      required: true,\n    },\n\n    /**\n     * Button label text\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Click handler function\n     */\n    onClick: {\n      type: Function,\n      required: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when right arrow key is pressed\n     */\n    'shift-focus-right',\n\n    /**\n     * Emitted when left arrow key is pressed\n     */\n    'shift-focus-left',\n  ],\n};\n</script>\n"],"names":["_sfc_main","DtButton","_createBlock","_component_dt_button","$props","_ctx","_openBlock","_resolveDynamicComponent","_createTextVNode"],"mappings":"+NA4BKA,EAAU,CACb,KAAM,sBAEN,WAAY,CACV,SAAAC,EAAAA,SAGF,MAAO,CAIL,SAAU,CACR,KAAM,QACN,QAAS,IAMX,eAAgB,CACd,KAAM,OACN,SAAU,IAMZ,OAAQ,CACN,KAAM,OACN,QAAS,IAMX,SAAU,CACR,KAAM,OACN,QAAS,IAMX,KAAM,CACJ,KAAM,OACN,SAAU,IAMZ,MAAO,CACL,KAAM,OACN,QAAS,IAMX,QAAS,CACP,KAAM,SACN,SAAU,KAId,MAAO,CAIL,oBAKA,mBAEJ,4IAvGEC,EAAAA,YAqBYC,EAAA,CApBV,IAAI,YAEH,OAAQC,EAAA,SACR,aAAYA,EAAA,eACZ,UAASA,EAAA,OACT,SAAUA,EAAA,SACX,WAAW,QACX,KAAK,QACL,KAAK,KACJ,QAAOA,EAAA,QACP,UAAO,2CAAaC,EAAA,MAAK,mBAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,OAAA,CAAA,6CACNA,EAAA,MAAK,kBAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,MAAA,CAAA,MAEd,eACT,IAGE,EAHFC,YAAA,EAAAJ,EAAAA,YAGEK,0BAFKH,EAAA,IAAI,EAAA,CACT,KAAK,MAAK,uBAEH,IACX,CADWI,EAAAA,gBAAA,sBACRJ,EAAA,KAAK,EAAA,CAAA,iFAlBiBA,EAAA,eAAc,UAAA,KAAA,CAAA"}

package/dist/vue3/lib/editor/EditorToolbarButton.js

@@ -0,0 +1,103 @@
+import { resolveComponent as f, resolveDirective as u, withDirectives as m, openBlock as o, createBlock as n, withKeys as a, withModifiers as r, withCtx as l, createTextVNode as p, toDisplayString as b, resolveDynamicComponent as v } from "vue";
+import { _ as g } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import y from "../button/button.js";
+const _ = {
+  name: "EditorToolbarButton",
+  components: {
+    DtButton: y
+  },
+  props: {
+    /**
+     * Whether the button is active
+     */
+    isActive: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Tooltip message
+     */
+    tooltipMessage: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Data QA attribute for testing
+     */
+    dataQA: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Tab index for keyboard navigation
+     */
+    tabindex: {
+      type: Number,
+      default: -1
+    },
+    /**
+     * Icon component
+     */
+    icon: {
+      type: Object,
+      required: !0
+    },
+    /**
+     * Button label text
+     */
+    label: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Click handler function
+     */
+    onClick: {
+      type: Function,
+      required: !0
+    }
+  },
+  emits: [
+    /**
+     * Emitted when right arrow key is pressed
+     */
+    "shift-focus-right",
+    /**
+     * Emitted when left arrow key is pressed
+     */
+    "shift-focus-left"
+  ]
+};
+function h(i, e, t, x, k, C) {
+  const s = f("dt-button"), d = u("dt-tooltip");
+  return m((o(), n(s, {
+    ref: "buttonRef",
+    active: t.isActive,
+    "aria-label": t.tooltipMessage,
+    "data-qa": t.dataQA,
+    tabindex: t.tabindex,
+    importance: "clear",
+    kind: "muted",
+    size: "xs",
+    onClick: t.onClick,
+    onKeydown: [
+      e[0] || (e[0] = a(r((c) => i.$emit("shift-focus-right"), ["stop"]), ["right"])),
+      e[1] || (e[1] = a(r((c) => i.$emit("shift-focus-left"), ["stop"]), ["left"]))
+    ]
+  }, {
+    icon: l(() => [
+      (o(), n(v(t.icon), { size: "200" }))
+    ]),
+    default: l(() => [
+      p(" " + b(t.label), 1)
+    ]),
+    _: 1
+  }, 8, ["active", "aria-label", "data-qa", "tabindex", "onClick"])), [
+    [d, { message: t.tooltipMessage, placement: "top" }]
+  ]);
+}
+const D = /* @__PURE__ */ g(_, [["render", h]]);
+export {
+  D as default
+};
+//# sourceMappingURL=EditorToolbarButton.js.map

package/dist/vue3/lib/editor/EditorToolbarButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorToolbarButton.js","sources":["../../../recipes/conversation_view/editor/EditorToolbarButton.vue"],"sourcesContent":["<template>\n  <dt-button\n    ref=\"buttonRef\"\n    v-dt-tooltip=\"{ message: tooltipMessage, placement: 'top' }\"\n    :active=\"isActive\"\n    :aria-label=\"tooltipMessage\"\n    :data-qa=\"dataQA\"\n    :tabindex=\"tabindex\"\n    importance=\"clear\"\n    kind=\"muted\"\n    size=\"xs\"\n    @click=\"onClick\"\n    @keydown.right.stop=\"$emit('shift-focus-right')\"\n    @keydown.left.stop=\"$emit('shift-focus-left')\"\n  >\n    <template #icon>\n      <component\n        :is=\"icon\"\n        size=\"200\"\n      />\n    </template>\n    {{ label }}\n  </dt-button>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\n\nexport default {\n  name: 'EditorToolbarButton',\n\n  components: {\n    DtButton,\n  },\n\n  props: {\n    /**\n     * Whether the button is active\n     */\n    isActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Tooltip message\n     */\n    tooltipMessage: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Data QA attribute for testing\n     */\n    dataQA: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Tab index for keyboard navigation\n     */\n    tabindex: {\n      type: Number,\n      default: -1,\n    },\n\n    /**\n     * Icon component\n     */\n    icon: {\n      type: Object,\n      required: true,\n    },\n\n    /**\n     * Button label text\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Click handler function\n     */\n    onClick: {\n      type: Function,\n      required: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when right arrow key is pressed\n     */\n    'shift-focus-right',\n\n    /**\n     * Emitted when left arrow key is pressed\n     */\n    'shift-focus-left',\n  ],\n};\n</script>\n"],"names":["_sfc_main","DtButton","_createBlock","_component_dt_button","$props","_ctx","_openBlock","_resolveDynamicComponent","_createTextVNode"],"mappings":";;;AA4BA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,UAAAC;AAAA;EAGF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,UAAU;AAAA;;;;IAMZ,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA;;;;IAMZ,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,SAAS;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA;;EAId,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL;AAAA;AAAA;AAAA;AAAA,IAKA;AAAA;AAEJ;;;iBAvGEC,EAqBYC,GAAA;AAAA,IApBV,KAAI;AAAA,IAEH,QAAQC,EAAA;AAAA,IACR,cAAYA,EAAA;AAAA,IACZ,WAASA,EAAA;AAAA,IACT,UAAUA,EAAA;AAAA,IACX,YAAW;AAAA,IACX,MAAK;AAAA,IACL,MAAK;AAAA,IACJ,SAAOA,EAAA;AAAA,IACP,WAAO;AAAA,iCAAaC,EAAA,MAAK,mBAAA,GAAA,CAAA,MAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA,iCACNA,EAAA,MAAK,kBAAA,GAAA,CAAA,MAAA,CAAA,GAAA,CAAA,MAAA,CAAA;AAAA;;IAEd,QACT,MAGE;AAAA,OAHFC,EAAA,GAAAJ,EAGEK,EAFKH,EAAA,IAAI,GAAA,EACT,MAAK,OAAK;AAAA;eAEH,MACX;AAAA,MADWI,EAAA,QACRJ,EAAA,KAAK,GAAA,CAAA;AAAA;;;mBAlBiBA,EAAA,gBAAc,WAAA,MAAA,CAAA;AAAA;;;"}

package/dist/vue3/lib/editor/EditorToolbarDropdownButton.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),l=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),u=require("../dropdown/dropdown.cjs"),c=require("../button/button.cjs"),p={name:"EditorToolbardropdownButton",components:{DtButton:c.default,DtDropdown:u.default},props:{isActive:{type:Boolean,default:!1},tooltipMessage:{type:String,required:!0},dataQa:{type:String,default:""},dropdownDataQa:{type:String,default:""},tabindex:{type:Number,default:-1},icon:{type:Object,required:!0}},emits:["shift-focus-right","shift-focus-left"]};function f(i,o,e,b,w,_){const a=t.resolveComponent("dt-button"),r=t.resolveComponent("dt-dropdown"),d=t.resolveDirective("dt-tooltip");return t.openBlock(),t.createBlock(r,{"data-qa":e.dropdownDataQa||`${e.dataQa}-dropdown`,padding:"small","navigation-type":"arrow-keys",placement:"bottom-start"},{anchor:t.withCtx(({attrs:n})=>[t.withDirectives((t.openBlock(),t.createBlock(a,t.mergeProps({ref:"buttonRef"},n,{active:e.isActive,"aria-label":e.tooltipMessage,"data-qa":e.dataQa,tabindex:e.tabindex,importance:"clear",kind:"muted",size:"xs",onKeydown:[o[0]||(o[0]=t.withKeys(t.withModifiers(s=>i.$emit("shift-focus-right"),["stop"]),["right"])),o[1]||(o[1]=t.withKeys(t.withModifiers(s=>i.$emit("shift-focus-left"),["stop"]),["left"]))]}),{icon:t.withCtx(()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.icon),{size:"200"}))]),_:1},16,["active","aria-label","data-qa","tabindex"])),[[d,{message:e.tooltipMessage,placement:"top"}]])]),list:t.withCtx(({close:n})=>[t.renderSlot(i.$slots,"list",{close:n})]),_:3},8,["data-qa"])}const m=l._(p,[["render",f]]);exports.default=m;
+//# sourceMappingURL=EditorToolbarDropdownButton.cjs.map

package/dist/vue3/lib/editor/EditorToolbarDropdownButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorToolbarDropdownButton.cjs","sources":["../../../recipes/conversation_view/editor/EditorToolbarDropdownButton.vue"],"sourcesContent":["<template>\n  <dt-dropdown\n    :data-qa=\"dropdownDataQa || `${dataQa}-dropdown`\"\n    padding=\"small\"\n    navigation-type=\"arrow-keys\"\n    placement=\"bottom-start\"\n  >\n    <template #anchor=\"{ attrs }\">\n      <dt-button\n        ref=\"buttonRef\"\n        v-dt-tooltip=\"{ message: tooltipMessage, placement: 'top' }\"\n        v-bind=\"attrs\"\n        :active=\"isActive\"\n        :aria-label=\"tooltipMessage\"\n        :data-qa=\"dataQa\"\n        :tabindex=\"tabindex\"\n        importance=\"clear\"\n        kind=\"muted\"\n        size=\"xs\"\n        @keydown.right.stop=\"$emit('shift-focus-right')\"\n        @keydown.left.stop=\"$emit('shift-focus-left')\"\n      >\n        <template #icon>\n          <component\n            :is=\"icon\"\n            size=\"200\"\n          />\n        </template>\n      </dt-button>\n    </template>\n    <template #list=\"{ close }\">\n      <slot\n        name=\"list\"\n        :close=\"close\"\n      />\n    </template>\n  </dt-dropdown>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtDropdown } from '@/components/dropdown';\n\nexport default {\n  name: 'EditorToolbardropdownButton',\n\n  components: {\n    DtButton,\n    DtDropdown,\n  },\n\n  props: {\n    /**\n     * Whether the button is active\n     */\n    isActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Tooltip message\n     */\n    tooltipMessage: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Data QA attribute for testing\n     */\n    dataQa: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * dropdown specific data QA attribute\n     */\n    dropdownDataQa: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Tab index for keyboard navigation\n     */\n    tabindex: {\n      type: Number,\n      default: -1,\n    },\n\n    /**\n     * Icon component\n     */\n    icon: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when right arrow key is pressed\n     */\n    'shift-focus-right',\n\n    /**\n     * Emitted when left arrow key is pressed\n     */\n    'shift-focus-left',\n  ],\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtDropdown","_createBlock","_component_dt_dropdown","$props","_withCtx","attrs","_withDirectives","_openBlock","_component_dt_button","_mergeProps","_ctx","_resolveDynamicComponent","close","_renderSlot"],"mappings":"qQA2CKA,EAAU,CACb,KAAM,8BAEN,WAAY,CACV,SAAAC,EAAAA,mBACAC,EAAAA,SAGF,MAAO,CAIL,SAAU,CACR,KAAM,QACN,QAAS,IAMX,eAAgB,CACd,KAAM,OACN,SAAU,IAMZ,OAAQ,CACN,KAAM,OACN,QAAS,IAMX,eAAgB,CACd,KAAM,OACN,QAAS,IAMX,SAAU,CACR,KAAM,OACN,QAAS,IAMX,KAAM,CACJ,KAAM,OACN,SAAU,KAId,MAAO,CAIL,oBAKA,mBAEJ,8JA/GEC,EAAAA,YAmCcC,EAAA,CAlCX,UAASC,EAAA,gBAAc,GAAOA,EAAA,MAAM,YACrC,QAAQ,QACR,kBAAgB,aAChB,UAAU,iBAEC,OAAMC,EAAAA,QACf,CAoBY,CArBO,MAAAC,KAAK,CACxBC,kBAAAC,EAAAA,YAAAN,EAAAA,YAoBYO,EApBZC,EAAAA,WAoBY,CAnBV,IAAI,WAAW,EAEPJ,EAAK,CACZ,OAAQF,EAAA,SACR,aAAYA,EAAA,eACZ,UAASA,EAAA,OACT,SAAUA,EAAA,SACX,WAAW,QACX,KAAK,QACL,KAAK,KACJ,UAAO,2CAAaO,EAAA,MAAK,mBAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,OAAA,CAAA,6CACNA,EAAA,MAAK,kBAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,MAAA,CAAA,OAEd,eACT,IAGE,EAHFH,YAAA,EAAAN,EAAAA,YAGEU,0BAFKR,EAAA,IAAI,EAAA,CACT,KAAK,MAAK,yEAfWA,EAAA,eAAc,UAAA,KAAA,CAAA,MAoBhC,KAAIC,EAAAA,QACb,CAGE,CAJe,MAAAQ,KAAK,CACtBC,EAAAA,WAGEH,EAAA,OAAA,OAAA,CADC,MAAOE,CAAK,CAAA"}

package/dist/vue3/lib/editor/EditorToolbarDropdownButton.js

@@ -0,0 +1,106 @@
+import { resolveComponent as d, resolveDirective as u, openBlock as i, createBlock as n, withCtx as r, renderSlot as b, withDirectives as w, mergeProps as g, withKeys as s, withModifiers as l, resolveDynamicComponent as v } from "vue";
+import { _ } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import y from "../dropdown/dropdown.js";
+import h from "../button/button.js";
+const D = {
+  name: "EditorToolbardropdownButton",
+  components: {
+    DtButton: h,
+    DtDropdown: y
+  },
+  props: {
+    /**
+     * Whether the button is active
+     */
+    isActive: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Tooltip message
+     */
+    tooltipMessage: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Data QA attribute for testing
+     */
+    dataQa: {
+      type: String,
+      default: ""
+    },
+    /**
+     * dropdown specific data QA attribute
+     */
+    dropdownDataQa: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Tab index for keyboard navigation
+     */
+    tabindex: {
+      type: Number,
+      default: -1
+    },
+    /**
+     * Icon component
+     */
+    icon: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: [
+    /**
+     * Emitted when right arrow key is pressed
+     */
+    "shift-focus-right",
+    /**
+     * Emitted when left arrow key is pressed
+     */
+    "shift-focus-left"
+  ]
+};
+function q(o, e, t, x, B, Q) {
+  const p = d("dt-button"), c = d("dt-dropdown"), f = u("dt-tooltip");
+  return i(), n(c, {
+    "data-qa": t.dropdownDataQa || `${t.dataQa}-dropdown`,
+    padding: "small",
+    "navigation-type": "arrow-keys",
+    placement: "bottom-start"
+  }, {
+    anchor: r(({ attrs: a }) => [
+      w((i(), n(p, g({ ref: "buttonRef" }, a, {
+        active: t.isActive,
+        "aria-label": t.tooltipMessage,
+        "data-qa": t.dataQa,
+        tabindex: t.tabindex,
+        importance: "clear",
+        kind: "muted",
+        size: "xs",
+        onKeydown: [
+          e[0] || (e[0] = s(l((m) => o.$emit("shift-focus-right"), ["stop"]), ["right"])),
+          e[1] || (e[1] = s(l((m) => o.$emit("shift-focus-left"), ["stop"]), ["left"]))
+        ]
+      }), {
+        icon: r(() => [
+          (i(), n(v(t.icon), { size: "200" }))
+        ]),
+        _: 1
+      }, 16, ["active", "aria-label", "data-qa", "tabindex"])), [
+        [f, { message: t.tooltipMessage, placement: "top" }]
+      ])
+    ]),
+    list: r(({ close: a }) => [
+      b(o.$slots, "list", { close: a })
+    ]),
+    _: 3
+  }, 8, ["data-qa"]);
+}
+const z = /* @__PURE__ */ _(D, [["render", q]]);
+export {
+  z as default
+};
+//# sourceMappingURL=EditorToolbarDropdownButton.js.map

package/dist/vue3/lib/editor/EditorToolbarDropdownButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorToolbarDropdownButton.js","sources":["../../../recipes/conversation_view/editor/EditorToolbarDropdownButton.vue"],"sourcesContent":["<template>\n  <dt-dropdown\n    :data-qa=\"dropdownDataQa || `${dataQa}-dropdown`\"\n    padding=\"small\"\n    navigation-type=\"arrow-keys\"\n    placement=\"bottom-start\"\n  >\n    <template #anchor=\"{ attrs }\">\n      <dt-button\n        ref=\"buttonRef\"\n        v-dt-tooltip=\"{ message: tooltipMessage, placement: 'top' }\"\n        v-bind=\"attrs\"\n        :active=\"isActive\"\n        :aria-label=\"tooltipMessage\"\n        :data-qa=\"dataQa\"\n        :tabindex=\"tabindex\"\n        importance=\"clear\"\n        kind=\"muted\"\n        size=\"xs\"\n        @keydown.right.stop=\"$emit('shift-focus-right')\"\n        @keydown.left.stop=\"$emit('shift-focus-left')\"\n      >\n        <template #icon>\n          <component\n            :is=\"icon\"\n            size=\"200\"\n          />\n        </template>\n      </dt-button>\n    </template>\n    <template #list=\"{ close }\">\n      <slot\n        name=\"list\"\n        :close=\"close\"\n      />\n    </template>\n  </dt-dropdown>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtDropdown } from '@/components/dropdown';\n\nexport default {\n  name: 'EditorToolbardropdownButton',\n\n  components: {\n    DtButton,\n    DtDropdown,\n  },\n\n  props: {\n    /**\n     * Whether the button is active\n     */\n    isActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Tooltip message\n     */\n    tooltipMessage: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Data QA attribute for testing\n     */\n    dataQa: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * dropdown specific data QA attribute\n     */\n    dropdownDataQa: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Tab index for keyboard navigation\n     */\n    tabindex: {\n      type: Number,\n      default: -1,\n    },\n\n    /**\n     * Icon component\n     */\n    icon: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when right arrow key is pressed\n     */\n    'shift-focus-right',\n\n    /**\n     * Emitted when left arrow key is pressed\n     */\n    'shift-focus-left',\n  ],\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtDropdown","_createBlock","_component_dt_dropdown","$props","_withCtx","attrs","_withDirectives","_openBlock","_component_dt_button","_mergeProps","_ctx","_resolveDynamicComponent","close","_renderSlot"],"mappings":";;;;AA2CA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,YAAAC;AAAA;EAGF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,UAAU;AAAA;;;;IAMZ,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA;;EAId,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL;AAAA;AAAA;AAAA;AAAA,IAKA;AAAA;AAEJ;;;cA/GEC,EAmCcC,GAAA;AAAA,IAlCX,WAASC,EAAA,kBAAc,GAAOA,EAAA,MAAM;AAAA,IACrC,SAAQ;AAAA,IACR,mBAAgB;AAAA,IAChB,WAAU;AAAA;IAEC,QAAMC,EACf,CAoBY,EArBO,OAAAC,QAAK;AAAA,MACxBC,GAAAC,KAAAN,EAoBYO,GApBZC,EAoBY,EAnBV,KAAI,YAAW,GAEPJ,GAAK;AAAA,QACZ,QAAQF,EAAA;AAAA,QACR,cAAYA,EAAA;AAAA,QACZ,WAASA,EAAA;AAAA,QACT,UAAUA,EAAA;AAAA,QACX,YAAW;AAAA,QACX,MAAK;AAAA,QACL,MAAK;AAAA,QACJ,WAAO;AAAA,qCAAaO,EAAA,MAAK,mBAAA,GAAA,CAAA,MAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA,qCACNA,EAAA,MAAK,kBAAA,GAAA,CAAA,MAAA,CAAA,GAAA,CAAA,MAAA,CAAA;AAAA;;QAEd,QACT,MAGE;AAAA,WAHFH,EAAA,GAAAN,EAGEU,EAFKR,EAAA,IAAI,GAAA,EACT,MAAK,OAAK;AAAA;;;uBAfWA,EAAA,gBAAc,WAAA,MAAA,CAAA;AAAA;;IAoBhC,MAAIC,EACb,CAGE,EAJe,OAAAQ,QAAK;AAAA,MACtBC,EAGEH,EAAA,QAAA,QAAA,EADC,OAAOE,EAAK,CAAA;AAAA;;;;;"}

package/dist/vue3/lib/editor/EditorToolbarPopoverButton.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),d=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),c=require("../popover/popover.cjs"),u=require("../button/button.cjs"),p={name:"EditorToolbarPopoverButton",components:{DtButton:u.default,DtPopover:c.default},props:{isActive:{type:Boolean,default:!1},tooltipMessage:{type:String,required:!0},dataQa:{type:String,default:""},popoverDataQa:{type:String,default:""},tabindex:{type:Number,default:-1},icon:{type:Object,required:!0}},emits:["shift-focus-right","shift-focus-left"]};function f(i,o,e,m,b,_){const n=t.resolveComponent("dt-button"),r=t.resolveComponent("dt-popover"),s=t.resolveDirective("dt-tooltip");return t.openBlock(),t.createBlock(r,{"data-qa":e.popoverDataQa||`${e.dataQa}-popover`,padding:"small","navigation-type":"arrow-keys",placement:"bottom-start","open-with-arrow-keys":!0},{anchor:t.withCtx(({attrs:a})=>[t.withDirectives((t.openBlock(),t.createBlock(n,t.mergeProps({ref:"buttonRef"},a,{active:e.isActive,"aria-label":e.tooltipMessage,"data-qa":e.dataQa,tabindex:e.tabindex,importance:"clear",kind:"muted",size:"xs",onKeydown:[o[0]||(o[0]=t.withKeys(t.withModifiers(l=>i.$emit("shift-focus-right"),["stop"]),["right"])),o[1]||(o[1]=t.withKeys(t.withModifiers(l=>i.$emit("shift-focus-left"),["stop"]),["left"]))]}),{icon:t.withCtx(()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.icon),{size:"200"}))]),_:1},16,["active","aria-label","data-qa","tabindex"])),[[s,{message:e.tooltipMessage,placement:"top"}]])]),content:t.withCtx(({close:a})=>[t.renderSlot(i.$slots,"content",{close:a})]),_:3},8,["data-qa"])}const v=d._(p,[["render",f]]);exports.default=v;
+//# sourceMappingURL=EditorToolbarPopoverButton.cjs.map

package/dist/vue3/lib/editor/EditorToolbarPopoverButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorToolbarPopoverButton.cjs","sources":["../../../recipes/conversation_view/editor/EditorToolbarPopoverButton.vue"],"sourcesContent":["<template>\n  <dt-popover\n    :data-qa=\"popoverDataQa || `${dataQa}-popover`\"\n    padding=\"small\"\n    navigation-type=\"arrow-keys\"\n    placement=\"bottom-start\"\n    :open-with-arrow-keys=\"true\"\n  >\n    <template #anchor=\"{ attrs }\">\n      <dt-button\n        ref=\"buttonRef\"\n        v-dt-tooltip=\"{ message: tooltipMessage, placement: 'top' }\"\n        v-bind=\"attrs\"\n        :active=\"isActive\"\n        :aria-label=\"tooltipMessage\"\n        :data-qa=\"dataQa\"\n        :tabindex=\"tabindex\"\n        importance=\"clear\"\n        kind=\"muted\"\n        size=\"xs\"\n        @keydown.right.stop=\"$emit('shift-focus-right')\"\n        @keydown.left.stop=\"$emit('shift-focus-left')\"\n      >\n        <template #icon>\n          <component\n            :is=\"icon\"\n            size=\"200\"\n          />\n        </template>\n      </dt-button>\n    </template>\n    <template #content=\"{ close }\">\n      <slot\n        name=\"content\"\n        :close=\"close\"\n      />\n    </template>\n  </dt-popover>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtPopover } from '@/components/popover';\n\nexport default {\n  name: 'EditorToolbarPopoverButton',\n\n  components: {\n    DtButton,\n    DtPopover,\n  },\n\n  props: {\n    /**\n     * Whether the button is active\n     */\n    isActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Tooltip message\n     */\n    tooltipMessage: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Data QA attribute for testing\n     */\n    dataQa: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Popover specific data QA attribute\n     */\n    popoverDataQa: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Tab index for keyboard navigation\n     */\n    tabindex: {\n      type: Number,\n      default: -1,\n    },\n\n    /**\n     * Icon component\n     */\n    icon: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when right arrow key is pressed\n     */\n    'shift-focus-right',\n\n    /**\n     * Emitted when left arrow key is pressed\n     */\n    'shift-focus-left',\n  ],\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtPopover","_createBlock","_component_dt_popover","$props","_withCtx","attrs","_withDirectives","_openBlock","_component_dt_button","_mergeProps","_ctx","_resolveDynamicComponent","close","_renderSlot"],"mappings":"mQA4CKA,EAAU,CACb,KAAM,6BAEN,WAAY,CACV,SAAAC,EAAAA,QACA,UAAAC,EAAAA,SAGF,MAAO,CAIL,SAAU,CACR,KAAM,QACN,QAAS,IAMX,eAAgB,CACd,KAAM,OACN,SAAU,IAMZ,OAAQ,CACN,KAAM,OACN,QAAS,IAMX,cAAe,CACb,KAAM,OACN,QAAS,IAMX,SAAU,CACR,KAAM,OACN,QAAS,IAMX,KAAM,CACJ,KAAM,OACN,SAAU,KAId,MAAO,CAIL,oBAKA,mBAEJ,6JAhHEC,EAAAA,YAoCaC,EAAA,CAnCV,UAASC,EAAA,eAAa,GAAOA,EAAA,MAAM,WACpC,QAAQ,QACR,kBAAgB,aAChB,UAAU,eACT,uBAAsB,KAEZ,OAAMC,EAAAA,QACf,CAoBY,CArBO,MAAAC,KAAK,CACxBC,kBAAAC,EAAAA,YAAAN,EAAAA,YAoBYO,EApBZC,EAAAA,WAoBY,CAnBV,IAAI,WAAW,EAEPJ,EAAK,CACZ,OAAQF,EAAA,SACR,aAAYA,EAAA,eACZ,UAASA,EAAA,OACT,SAAUA,EAAA,SACX,WAAW,QACX,KAAK,QACL,KAAK,KACJ,UAAO,2CAAaO,EAAA,MAAK,mBAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,OAAA,CAAA,6CACNA,EAAA,MAAK,kBAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,MAAA,CAAA,OAEd,eACT,IAGE,EAHFH,YAAA,EAAAN,EAAAA,YAGEU,0BAFKR,EAAA,IAAI,EAAA,CACT,KAAK,MAAK,yEAfWA,EAAA,eAAc,UAAA,KAAA,CAAA,MAoBhC,QAAOC,EAAAA,QAChB,CAGE,CAJkB,MAAAQ,KAAK,CACzBC,EAAAA,WAGEH,EAAA,OAAA,UAAA,CADC,MAAOE,CAAK,CAAA"}

package/dist/vue3/lib/editor/EditorToolbarPopoverButton.js

@@ -0,0 +1,107 @@
+import { resolveComponent as s, resolveDirective as u, openBlock as i, createBlock as n, withCtx as r, renderSlot as v, withDirectives as b, mergeProps as g, withKeys as d, withModifiers as p, resolveDynamicComponent as _ } from "vue";
+import { _ as y } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import h from "../popover/popover.js";
+import w from "../button/button.js";
+const D = {
+  name: "EditorToolbarPopoverButton",
+  components: {
+    DtButton: w,
+    DtPopover: h
+  },
+  props: {
+    /**
+     * Whether the button is active
+     */
+    isActive: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Tooltip message
+     */
+    tooltipMessage: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Data QA attribute for testing
+     */
+    dataQa: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Popover specific data QA attribute
+     */
+    popoverDataQa: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Tab index for keyboard navigation
+     */
+    tabindex: {
+      type: Number,
+      default: -1
+    },
+    /**
+     * Icon component
+     */
+    icon: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: [
+    /**
+     * Emitted when right arrow key is pressed
+     */
+    "shift-focus-right",
+    /**
+     * Emitted when left arrow key is pressed
+     */
+    "shift-focus-left"
+  ]
+};
+function q(o, e, t, x, B, k) {
+  const l = s("dt-button"), c = s("dt-popover"), f = u("dt-tooltip");
+  return i(), n(c, {
+    "data-qa": t.popoverDataQa || `${t.dataQa}-popover`,
+    padding: "small",
+    "navigation-type": "arrow-keys",
+    placement: "bottom-start",
+    "open-with-arrow-keys": !0
+  }, {
+    anchor: r(({ attrs: a }) => [
+      b((i(), n(l, g({ ref: "buttonRef" }, a, {
+        active: t.isActive,
+        "aria-label": t.tooltipMessage,
+        "data-qa": t.dataQa,
+        tabindex: t.tabindex,
+        importance: "clear",
+        kind: "muted",
+        size: "xs",
+        onKeydown: [
+          e[0] || (e[0] = d(p((m) => o.$emit("shift-focus-right"), ["stop"]), ["right"])),
+          e[1] || (e[1] = d(p((m) => o.$emit("shift-focus-left"), ["stop"]), ["left"]))
+        ]
+      }), {
+        icon: r(() => [
+          (i(), n(_(t.icon), { size: "200" }))
+        ]),
+        _: 1
+      }, 16, ["active", "aria-label", "data-qa", "tabindex"])), [
+        [f, { message: t.tooltipMessage, placement: "top" }]
+      ])
+    ]),
+    content: r(({ close: a }) => [
+      v(o.$slots, "content", { close: a })
+    ]),
+    _: 3
+  }, 8, ["data-qa"]);
+}
+const C = /* @__PURE__ */ y(D, [["render", q]]);
+export {
+  C as default
+};
+//# sourceMappingURL=EditorToolbarPopoverButton.js.map

package/dist/vue3/lib/editor/EditorToolbarPopoverButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorToolbarPopoverButton.js","sources":["../../../recipes/conversation_view/editor/EditorToolbarPopoverButton.vue"],"sourcesContent":["<template>\n  <dt-popover\n    :data-qa=\"popoverDataQa || `${dataQa}-popover`\"\n    padding=\"small\"\n    navigation-type=\"arrow-keys\"\n    placement=\"bottom-start\"\n    :open-with-arrow-keys=\"true\"\n  >\n    <template #anchor=\"{ attrs }\">\n      <dt-button\n        ref=\"buttonRef\"\n        v-dt-tooltip=\"{ message: tooltipMessage, placement: 'top' }\"\n        v-bind=\"attrs\"\n        :active=\"isActive\"\n        :aria-label=\"tooltipMessage\"\n        :data-qa=\"dataQa\"\n        :tabindex=\"tabindex\"\n        importance=\"clear\"\n        kind=\"muted\"\n        size=\"xs\"\n        @keydown.right.stop=\"$emit('shift-focus-right')\"\n        @keydown.left.stop=\"$emit('shift-focus-left')\"\n      >\n        <template #icon>\n          <component\n            :is=\"icon\"\n            size=\"200\"\n          />\n        </template>\n      </dt-button>\n    </template>\n    <template #content=\"{ close }\">\n      <slot\n        name=\"content\"\n        :close=\"close\"\n      />\n    </template>\n  </dt-popover>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtPopover } from '@/components/popover';\n\nexport default {\n  name: 'EditorToolbarPopoverButton',\n\n  components: {\n    DtButton,\n    DtPopover,\n  },\n\n  props: {\n    /**\n     * Whether the button is active\n     */\n    isActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Tooltip message\n     */\n    tooltipMessage: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Data QA attribute for testing\n     */\n    dataQa: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Popover specific data QA attribute\n     */\n    popoverDataQa: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Tab index for keyboard navigation\n     */\n    tabindex: {\n      type: Number,\n      default: -1,\n    },\n\n    /**\n     * Icon component\n     */\n    icon: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when right arrow key is pressed\n     */\n    'shift-focus-right',\n\n    /**\n     * Emitted when left arrow key is pressed\n     */\n    'shift-focus-left',\n  ],\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtPopover","_createBlock","_component_dt_popover","$props","_withCtx","attrs","_withDirectives","_openBlock","_component_dt_button","_mergeProps","_ctx","_resolveDynamicComponent","close","_renderSlot"],"mappings":";;;;AA4CA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,WAAAC;AAAA;EAGF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,UAAU;AAAA;;;;IAMZ,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA;;EAId,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL;AAAA;AAAA;AAAA;AAAA,IAKA;AAAA;AAEJ;;;cAhHEC,EAoCaC,GAAA;AAAA,IAnCV,WAASC,EAAA,iBAAa,GAAOA,EAAA,MAAM;AAAA,IACpC,SAAQ;AAAA,IACR,mBAAgB;AAAA,IAChB,WAAU;AAAA,IACT,wBAAsB;AAAA;IAEZ,QAAMC,EACf,CAoBY,EArBO,OAAAC,QAAK;AAAA,MACxBC,GAAAC,KAAAN,EAoBYO,GApBZC,EAoBY,EAnBV,KAAI,YAAW,GAEPJ,GAAK;AAAA,QACZ,QAAQF,EAAA;AAAA,QACR,cAAYA,EAAA;AAAA,QACZ,WAASA,EAAA;AAAA,QACT,UAAUA,EAAA;AAAA,QACX,YAAW;AAAA,QACX,MAAK;AAAA,QACL,MAAK;AAAA,QACJ,WAAO;AAAA,qCAAaO,EAAA,MAAK,mBAAA,GAAA,CAAA,MAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA,qCACNA,EAAA,MAAK,kBAAA,GAAA,CAAA,MAAA,CAAA,GAAA,CAAA,MAAA,CAAA;AAAA;;QAEd,QACT,MAGE;AAAA,WAHFH,EAAA,GAAAN,EAGEU,EAFKR,EAAA,IAAI,GAAA,EACT,MAAK,OAAK;AAAA;;;uBAfWA,EAAA,gBAAc,WAAA,MAAA,CAAA;AAAA;;IAoBhC,SAAOC,EAChB,CAGE,EAJkB,OAAAQ,QAAK;AAAA,MACzBC,EAGEH,EAAA,QAAA,WAAA,EADC,OAAOE,EAAK,CAAA;AAAA;;;;;"}

package/dist/vue3/lib/editor/editor-constants.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=[/^https?:\/\//,/^http?:\/\//,/^ftp?:\/\//,/^ftps?:\/\//,/^ftps?:\/\//,/mailto:([^?]*)/],_="https://",e={EDITOR_SUPPORTED_LINK_PROTOCOLS:t,EDITOR_DEFAULT_LINK_PREFIX:_};exports.EDITOR_DEFAULT_LINK_PREFIX=_;exports.EDITOR_SUPPORTED_LINK_PROTOCOLS=t;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=[/^https?:\/\//,/^http?:\/\//,/^ftp?:\/\//,/^ftps?:\/\//,/^ftps?:\/\//,/mailto:([^?]*)/],O="https://",_="#000000",T={EDITOR_SUPPORTED_LINK_PROTOCOLS:t,EDITOR_DEFAULT_LINK_PREFIX:O,EDITOR_DEFAULT_FONT_COLOR:_};exports.EDITOR_DEFAULT_FONT_COLOR=_;exports.EDITOR_DEFAULT_LINK_PREFIX=O;exports.EDITOR_SUPPORTED_LINK_PROTOCOLS=t;exports.default=T;
 //# sourceMappingURL=editor-constants.cjs.map

package/dist/vue3/lib/editor/editor-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"editor-constants.cjs","sources":["../../../recipes/conversation_view/editor/editor_constants.js"],"sourcesContent":["export const EDITOR_SUPPORTED_LINK_PROTOCOLS = [\n  /^https?:\\/\\//,\n  /^http?:\\/\\//,\n  /^ftp?:\\/\\//,\n  /^ftps?:\\/\\//,\n  /^ftps?:\\/\\//,\n  /mailto:([^?]*)/,\n];\n\nexport const EDITOR_DEFAULT_LINK_PREFIX = 'https://';\n\nexport default {\n  EDITOR_SUPPORTED_LINK_PROTOCOLS,\n  EDITOR_DEFAULT_LINK_PREFIX,\n};\n"],"names":["EDITOR_SUPPORTED_LINK_PROTOCOLS","EDITOR_DEFAULT_LINK_PREFIX","editor_constants"],"mappings":"4GAAY,MAACA,EAAkC,CAC7C,eACA,cACA,aACA,cACA,cACA,gBACF,EAEaC,EAA6B,WAE1CC,EAAe,CACb,gCAAAF,EACA,2BAAAC,CACF"}
+{"version":3,"file":"editor-constants.cjs","sources":["../../../recipes/conversation_view/editor/editor_constants.js"],"sourcesContent":["export const EDITOR_SUPPORTED_LINK_PROTOCOLS = [\n  /^https?:\\/\\//,\n  /^http?:\\/\\//,\n  /^ftp?:\\/\\//,\n  /^ftps?:\\/\\//,\n  /^ftps?:\\/\\//,\n  /mailto:([^?]*)/,\n];\n\nexport const EDITOR_DEFAULT_LINK_PREFIX = 'https://';\n\nexport const EDITOR_DEFAULT_FONT_COLOR = '#000000';\n\nexport default {\n  EDITOR_SUPPORTED_LINK_PROTOCOLS,\n  EDITOR_DEFAULT_LINK_PREFIX,\n  EDITOR_DEFAULT_FONT_COLOR,\n};\n"],"names":["EDITOR_SUPPORTED_LINK_PROTOCOLS","EDITOR_DEFAULT_LINK_PREFIX","EDITOR_DEFAULT_FONT_COLOR","editor_constants"],"mappings":"4GAAY,MAACA,EAAkC,CAC7C,eACA,cACA,aACA,cACA,cACA,gBACF,EAEaC,EAA6B,WAE7BC,EAA4B,UAEzCC,EAAe,CACb,gCAAAH,EACA,2BAAAC,EACA,0BAAAC,CACF"}

package/dist/vue3/lib/editor/editor-constants.js

@@ -5,13 +5,15 @@ const t = [
   /^ftps?:\/\//,
   /^ftps?:\/\//,
   /mailto:([^?]*)/
-], s = "https://", o = {
+], s = "https://", O = "#000000", _ = {
   EDITOR_SUPPORTED_LINK_PROTOCOLS: t,
-  EDITOR_DEFAULT_LINK_PREFIX: s
+  EDITOR_DEFAULT_LINK_PREFIX: s,
+  EDITOR_DEFAULT_FONT_COLOR: O
 };
 export {
+  O as EDITOR_DEFAULT_FONT_COLOR,
   s as EDITOR_DEFAULT_LINK_PREFIX,
   t as EDITOR_SUPPORTED_LINK_PROTOCOLS,
-  o as default
+  _ as default
 };
 //# sourceMappingURL=editor-constants.js.map

package/dist/vue3/lib/editor/editor-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"editor-constants.js","sources":["../../../recipes/conversation_view/editor/editor_constants.js"],"sourcesContent":["export const EDITOR_SUPPORTED_LINK_PROTOCOLS = [\n  /^https?:\\/\\//,\n  /^http?:\\/\\//,\n  /^ftp?:\\/\\//,\n  /^ftps?:\\/\\//,\n  /^ftps?:\\/\\//,\n  /mailto:([^?]*)/,\n];\n\nexport const EDITOR_DEFAULT_LINK_PREFIX = 'https://';\n\nexport default {\n  EDITOR_SUPPORTED_LINK_PROTOCOLS,\n  EDITOR_DEFAULT_LINK_PREFIX,\n};\n"],"names":["EDITOR_SUPPORTED_LINK_PROTOCOLS","EDITOR_DEFAULT_LINK_PREFIX","editor_constants"],"mappings":"AAAY,MAACA,IAAkC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAA6B,YAE1CC,IAAe;AAAA,EACb,iCAAAF;AAAA,EACA,4BAAAC;AACF;"}
+{"version":3,"file":"editor-constants.js","sources":["../../../recipes/conversation_view/editor/editor_constants.js"],"sourcesContent":["export const EDITOR_SUPPORTED_LINK_PROTOCOLS = [\n  /^https?:\\/\\//,\n  /^http?:\\/\\//,\n  /^ftp?:\\/\\//,\n  /^ftps?:\\/\\//,\n  /^ftps?:\\/\\//,\n  /mailto:([^?]*)/,\n];\n\nexport const EDITOR_DEFAULT_LINK_PREFIX = 'https://';\n\nexport const EDITOR_DEFAULT_FONT_COLOR = '#000000';\n\nexport default {\n  EDITOR_SUPPORTED_LINK_PROTOCOLS,\n  EDITOR_DEFAULT_LINK_PREFIX,\n  EDITOR_DEFAULT_FONT_COLOR,\n};\n"],"names":["EDITOR_SUPPORTED_LINK_PROTOCOLS","EDITOR_DEFAULT_LINK_PREFIX","EDITOR_DEFAULT_FONT_COLOR","editor_constants"],"mappings":"AAAY,MAACA,IAAkC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAA6B,YAE7BC,IAA4B,WAEzCC,IAAe;AAAA,EACb,iCAAAH;AAAA,EACA,4BAAAC;AAAA,EACA,2BAAAC;AACF;"}

package/dist/vue3/lib/editor/editor.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("./editor-constants.cjs"),I=require("../../common/utils/index.cjs"),n=require("@dialpad/dialtone-icons/vue3"),C=require("../../localization/index.cjs"),t=require("vue"),D=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),b=require("../tooltip/tooltip.cjs"),x=require("../input/input.cjs"),O=require("../stack/stack.cjs"),y=require("../popover/popover.cjs"),R=require("../button/button.cjs"),N=require("../rich-text-editor/rich-text-editor.cjs"),v=require("../list-item/list-item.cjs"),V=require("../dropdown/dropdown-separator.cjs"),S=require("../list-item-group/list-item-group.cjs"),_=require("../rich-text-editor/rich-text-editor-constants.cjs"),F={compatConfig:{MODE:3},name:"DtRecipeEditor",components:{DtListItemGroup:S.default,DtDropdownSeparator:V.default,DtListItem:v.default,DtRichTextEditor:N.default,DtButton:R.default,DtPopover:y.default,DtStack:O.default,DtInput:x.default,DtTooltip:b.default,DtIconQuickReply:n.DtIconQuickReply,DtIconBold:n.DtIconBold,DtIconItalic:n.DtIconItalic,DtIconUnderline:n.DtIconUnderline,DtIconStrikethrough:n.DtIconStrikethrough,DtIconListBullet:n.DtIconListBullet,DtIconListOrdered:n.DtIconListOrdered,DtIconAlignLeft:n.DtIconAlignLeft,DtIconAlignCenter:n.DtIconAlignCenter,DtIconAlignRight:n.DtIconAlignRight,DtIconAlignJustify:n.DtIconAlignJustify,DtIconQuote:n.DtIconQuote,DtIconCodeBlock:n.DtIconCodeBlock,DtIconLink2:n.DtIconLink2,DtIconImage:n.DtIconImage,DtIconBraces:n.DtIconBraces,DtIconSearch:n.DtIconSearch},mixins:[],inheritAttrs:!1,props:{modelValue:{type:[Object,String],default:""},editable:{type:Boolean,default:!0},inputAriaLabel:{type:String,required:!0,default:""},inputClass:{type:String,default:""},autoFocus:{type:[Boolean,String,Number],default:!1,validator(e){return typeof e=="string"?_.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES.includes(e):!0}},placeholder:{type:String,default:""},maxHeight:{type:String,default:"unset"},setLinkPlaceholder:{type:String,default:""},showBoldButton:{type:Boolean,default:!0},showItalicsButton:{type:Boolean,default:!0},showUnderlineButton:{type:Boolean,default:!0},showStrikeButton:{type:Boolean,default:!0},showListItemsButton:{type:Boolean,default:!0},showOrderedListButton:{type:Boolean,default:!0},showAlignLeftButton:{type:Boolean,default:!0},showAlignCenterButton:{type:Boolean,default:!0},showAlignRightButton:{type:Boolean,default:!0},showAlignJustifyButton:{type:Boolean,default:!0},showQuoteButton:{type:Boolean,default:!0},showCodeBlockButton:{type:Boolean,default:!0},showQuickRepliesButton:{type:Boolean,default:!0},showInlineImageButton:{type:Boolean,default:!1},showVariableButton:{type:Boolean,default:!1},variableCategories:{type:Array,default:()=>[]},showAddLink:{type:Object,default:()=>({showAddLinkButton:!0})},useDivTags:{type:Boolean,default:!1},allowTables:{type:Boolean,default:!1}},emits:["focus","blur","input","update:modelValue","quick-replies-click","inline-image-click","text-input"],data(){return{internalInputValue:this.modelValue,hasFocus:!1,linkOptions:{class:"d-recipe-editor__link"},showLinkInput:!1,linkInput:"",currentButtonRefIndex:0,variableSearchValue:"",i18n:new C.DialtoneLocalization}},computed:{inputLength(){return this.internalInputValue.length},htmlOutputFormat(){return _.RICH_TEXT_EDITOR_OUTPUT_FORMATS[2]},flattenedVariableItems(){return this.variableCategories?this.variableCategories.reduce((e,o)=>e.concat(o.items||[]),[]):[]},showingTextFormatButtons(){return this.showBoldButton||this.showItalicsButton||this.showStrikeButton||this.showUnderlineButton},showingAlignmentButtons(){return this.showAlignLeftButton||this.showAlignCenterButton||this.showAlignRightButton||this.showAlignJustifyButton},showingListButtons(){return this.showListItemsButton||this.showOrderedListButton},orderedRefs(){const e=this.buttonGroups.reduce((function(o,r){return r.buttonGroup.forEach(a=>{o.push(this.getButtonRef(r.key,a.selector))},this),o}).bind(this),[]);return e.push(this.getButtonRef("custom","link")),e},buttonGroups(){const e=this.individualButtons.map(o=>({key:o.selector,buttonGroup:[o]}));return[{key:"new",buttonGroup:this.newButtons},{key:"format",buttonGroup:this.textFormatButtons},{key:"alignment",buttonGroup:this.alignmentButtons},{key:"list",buttonGroup:this.listButtons},...e].filter(o=>o.buttonGroup.length>0)},newButtons(){return[{showBtn:this.showQuickRepliesButton,label:this.i18n.$t("DIALTONE_EDITOR_QUICK_REPLY_BUTTON_LABEL"),selector:"quickReplies",icon:n.DtIconQuickReply,dataQA:"dt-recipe-editor-quick-replies-btn",tooltipMessage:this.i18n.$t("DIALTONE_EDITOR_QUICK_REPLY_BUTTON_LABEL"),onClick:this.onQuickRepliesClick}].filter(e=>e.showBtn)},textFormatButtons(){return[{showBtn:this.showBoldButton,selector:"bold",icon:n.DtIconBold,dataQA:"dt-recipe-editor-bold-btn",tooltipMessage:this.i18n.$t("DIALTONE_EDITOR_BOLD_BUTTON_LABEL"),onClick:this.onBoldTextToggle},{showBtn:this.showItalicsButton,selector:"italic",icon:n.DtIconItalic,dataQA:"dt-recipe-editor-italics-btn",tooltipMessage:this.i18n.$t("DIALTONE_EDITOR_ITALICS_BUTTON_LABEL"),onClick:this.onItalicTextToggle},{showBtn:this.showUnderlineButton,selector:"underline",icon:n.DtIconUnderline,dataQA:"dt-recipe-editor-underline-btn",tooltipMessage:this.i18n.$t("DIALTONE_EDITOR_UNDERLINE_BUTTON_LABEL"),onClick:this.onUnderlineTextToggle},{showBtn:this.showStrikeButton,selector:"strike",icon:n.DtIconStrikethrough,dataQA:"dt-recipe-editor-strike-btn",tooltipMessage:this.i18n.$t("DIALTONE_EDITOR_STRIKE_BUTTON_LABEL"),onClick:this.onStrikethroughTextToggle}].filter(e=>e.showBtn)},alignmentButtons(){return[{showBtn:this.showAlignLeftButton,selector:{textAlign:"left"},icon:n.DtIconAlignLeft,dataQA:"dt-recipe-editor-align-left-btn",tooltipMessage:this.i18n.$t("DIALTONE_EDITOR_ALIGN_LEFT_BUTTON_LABEL"),onClick:()=>this.onTextAlign("left")},{showBtn:this.showAlignCenterButton,selector:{textAlign:"center"},icon:n.DtIconAlignCenter,dataQA:"dt-recipe-editor-align-center-btn",tooltipMessage:this.i18n.$t("DIALTONE_EDITOR_ALIGN_CENTER_BUTTON_LABEL"),onClick:()=>this.onTextAlign("center")},{showBtn:this.showAlignRightButton,selector:{textAlign:"right"},icon:n.DtIconAlignRight,dataQA:"dt-recipe-editor-align-right-btn",tooltipMessage:this.i18n.$t("DIALTONE_EDITOR_ALIGN_RIGHT_BUTTON_LABEL"),onClick:()=>this.onTextAlign("right")},{showBtn:this.showAlignJustifyButton,selector:{textAlign:"justify"},icon:n.DtIconAlignJustify,dataQA:"dt-recipe-editor-align-justify-btn",tooltipMessage:this.i18n.$t("DIALTONE_EDITOR_ALIGN_JUSTIFY_BUTTON_LABEL"),onClick:()=>this.onTextAlign("justify")}].filter(e=>e.showBtn)},listButtons(){return[{showBtn:this.showListItemsButton,selector:"bulletList",icon:n.DtIconListBullet,dataQA:"dt-recipe-editor-list-items-btn",tooltipMessage:this.i18n.$t("DIALTONE_EDITOR_BULLET_LIST_BUTTON_LABEL"),onClick:this.onBulletListToggle},{showBtn:this.showOrderedListButton,selector:"orderedList",icon:n.DtIconListOrdered,dataQA:"dt-recipe-editor-ordered-list-items-btn",tooltipMessage:this.i18n.$t("DIALTONE_EDITOR_ORDERED_LIST_BUTTON_LABEL"),onClick:this.onOrderedListToggle}].filter(e=>e.showBtn)},individualButtons(){return[{showBtn:this.showQuoteButton,selector:"blockquote",icon:n.DtIconQuote,dataQA:"dt-recipe-editor-blockquote-btn",tooltipMessage:this.i18n.$t("DIALTONE_EDITOR_QUOTE_BUTTON_LABEL"),onClick:this.onBlockquoteToggle},{showBtn:this.showCodeBlockButton,selector:"codeBlock",icon:n.DtIconCodeBlock,dataQA:"dt-recipe-editor-code-block-btn",tooltipMessage:this.i18n.$t("DIALTONE_EDITOR_CODE_BUTTON_LABEL"),onClick:this.onCodeBlockToggle},{showBtn:this.showInlineImageButton,selector:"image",icon:n.DtIconImage,dataQA:"dt-recipe-editor-inline-image-btn",tooltipMessage:this.i18n.$t("DIALTONE_EDITOR_IMAGE_BUTTON_LABEL"),onClick:this.onInsertInlineImageClick}].filter(e=>e.showBtn)},linkButton(){return{showBtn:this.showAddLink.showAddLinkButton,selector:"link",icon:n.DtIconLink2,dataQA:"dt-recipe-editor-add-link-btn",tooltipMessage:this.i18n.$t("DIALTONE_EDITOR_LINK_BUTTON_LABEL"),onClick:this.openLinkInput}},variableButton(){return{showBtn:this.showVariableButton,selector:"variable",icon:n.DtIconBraces,dataQA:"dt-recipe-editor-variable-btn",tooltipMessage:this.i18n.$t("DIALTONE_EDITOR_VARIABLE_BUTTON_LABEL")}},confirmSetLinkButtonLabels(){return this.i18n.$ta("DIALTONE_EDITOR_CONFIRM_SET_LINK_BUTTON")},cancelSetLinkButtonLabels(){return this.i18n.$ta("DIALTONE_EDITOR_CANCEL_SET_LINK_BUTTON")},removeLinkButtonLabels(){return this.i18n.$ta("DIALTONE_EDITOR_REMOVE_LINK_BUTTON")},showAddLinkButtonLabels(){return this.i18n.$ta("DIALTONE_EDITOR_ADD_LINK_BUTTON")},filteredCategories(){return this.variableCategories.filter(e=>this.getFilteredItemsForCategory(e).length)}},watch:{modelValue(e){this.internalInputValue=e}},methods:{removeClassStyleAttrs:I.removeClassStyleAttrs,addClassStyleAttrs:I.addClassStyleAttrs,onInputFocus(e){e==null||e.stopPropagation()},removeLink(){var e,o,r,a,s;(s=(a=(r=(o=(e=this.$refs.richTextEditor)==null?void 0:e.editor)==null?void 0:o.chain())==null?void 0:r.focus())==null?void 0:a.unsetLink())==null||s.run(),this.closeLinkInput()},setLink(e){var s,i,u;const o=(s=this.$refs.richTextEditor)==null?void 0:s.editor;if(e==null||e.preventDefault(),e==null||e.stopPropagation(),!this.linkInput){this.removeLink();return}k.EDITOR_SUPPORTED_LINK_PROTOCOLS.find(h=>h.test(this.linkInput))||(this.linkInput=`${k.EDITOR_DEFAULT_LINK_PREFIX}${this.linkInput}`);const a=(u=(i=o==null?void 0:o.view)==null?void 0:i.state)==null?void 0:u.selection;a.anchor===a.head?o.chain().focus().insertContentAt(a.anchor,`<a class="${this.linkOptions.class}" href=${this.linkInput}>${this.linkInput}</a>`).run():o.chain().focus().extendMarkRange("link").setLink({href:this.linkInput,class:this.linkOptions.class}).run(),this.closeLinkInput()},openLinkInput(){this.showLinkInput=!0},updateInput(e){var o,r,a;if(!e)return this.closeLinkInput();this.linkInput=(a=(r=(o=this.$refs.richTextEditor)==null?void 0:o.editor)==null?void 0:r.getAttributes("link"))==null?void 0:a.href},closeLinkInput(){var e;this.showLinkInput=!1,this.linkInput="",(e=this.$refs.richTextEditor.editor)==null||e.chain().focus()},onBoldTextToggle(){var e,o;(o=(e=this.$refs.richTextEditor)==null?void 0:e.editor)==null||o.chain().focus().toggleBold().run()},onItalicTextToggle(){var e;(e=this.$refs.richTextEditor)==null||e.editor.chain().focus().toggleItalic().run()},onUnderlineTextToggle(){var e;(e=this.$refs.richTextEditor)==null||e.editor.chain().focus().toggleUnderline().run()},onStrikethroughTextToggle(){var e;(e=this.$refs.richTextEditor)==null||e.editor.chain().focus().toggleStrike().run()},onTextAlign(e){var o,r,a,s;if((r=(o=this.$refs.richTextEditor)==null?void 0:o.editor)!=null&&r.isActive({textAlign:e}))return(a=this.$refs.richTextEditor)==null?void 0:a.editor.chain().focus().unsetTextAlign().run();(s=this.$refs.richTextEditor)==null||s.editor.chain().focus().setTextAlign(e).run()},onBulletListToggle(){var e;(e=this.$refs.richTextEditor)==null||e.editor.chain().focus().toggleBulletList().run()},onOrderedListToggle(){var e;(e=this.$refs.richTextEditor)==null||e.editor.chain().focus().toggleOrderedList().run()},onCodeBlockToggle(){var e;(e=this.$refs.richTextEditor)==null||e.editor.chain().focus().toggleCodeBlock().run()},onQuickRepliesClick(){this.$emit("quick-replies-click")},onInsertInlineImageClick(){this.$emit("inline-image-click")},insertVariable(e,o){var r;(r=this.$refs.richTextEditor)==null||r.editor.chain().focus().insertVariable({id:o.id,placeholder:o.placeholder||"",altText:""}).run()},insertInlineImage(e){var o;(o=this.$refs.richTextEditor)==null||o.editor.chain().focus().setImage({src:e}).run()},insertInMessageBody(e){var o;(o=this.$refs.richTextEditor)==null||o.editor.chain().focus().insertContent(e).run()},setCursorPosition(e=null){var o;(o=this.$refs.richTextEditor)==null||o.editor.chain().focus(e).run()},onBlockquoteToggle(){var e;(e=this.$refs.richTextEditor)==null||e.editor.chain().focus().toggleBlockquote().run()},onTextInput(e){this.$emit("text-input",e)},onFocus(e){this.hasFocus=!0,this.$emit("focus",e)},onBlur(e){this.hasFocus=!1,this.$emit("blur",e)},onInput(e){this.$emit("input",e),this.$emit("update:modelValue",e)},getButtonKey(e,o){return`${e}-${JSON.stringify(o)}`},getButtonRef(e,o){return`${this.getButtonKey(e,o)}-ref`},canFocus(e){return e===this.orderedRefs[this.currentButtonRefIndex]},shiftActionBarFocusRight(){this.shiftButtonRefIndex(1)},shiftActionBarFocusLeft(){this.shiftButtonRefIndex(-1)},shiftButtonRefIndex(e){const o=this.$refs[this.orderedRefs[this.currentButtonRefIndex]],r=Array.isArray(o)?o[0]:o,a=(this.currentButtonRefIndex+e)%this.orderedRefs.length;this.currentButtonRefIndex=a>=0?a:this.orderedRefs.length+a;const s=this.$refs[this.orderedRefs[this.currentButtonRefIndex]],i=Array.isArray(s)?s[0]:s;r.$el.blur(),i.$el.focus()},getFilteredItemsForCategory(e){const o=this.variableSearchValue.toLowerCase();return e.name.toLowerCase().includes(o)?e.items:e.items.filter(r=>r.name.toLowerCase().includes(o))}}},U={class:"d-recipe-editor__popover-content"};function q(e,o,r,a,s,i){const u=t.resolveComponent("dt-button"),h=t.resolveComponent("dt-tooltip"),p=t.resolveComponent("dt-stack"),m=t.resolveComponent("dt-icon-search"),g=t.resolveComponent("dt-input"),T=t.resolveComponent("dt-list-item"),L=t.resolveComponent("dt-dropdown-separator"),w=t.resolveComponent("dt-list-item-group"),f=t.resolveComponent("dt-popover"),A=t.resolveComponent("dt-rich-text-editor");return t.openBlock(),t.createElementBlock("div",t.mergeProps({class:"d-recipe-editor"},i.addClassStyleAttrs(e.$attrs),{"data-qa":"dt-recipe-editor",role:"presentation",onClick:o[5]||(o[5]=c=>e.$refs.richTextEditor.focusEditor())}),[t.createVNode(p,{class:"d-recipe-editor__top-bar",direction:"row",gap:"450"},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(i.buttonGroups,c=>(t.openBlock(),t.createBlock(p,{key:c.key,direction:"row",gap:"300"},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(c.buttonGroup,l=>(t.openBlock(),t.createBlock(h,{key:i.getButtonKey(c.key,l.selector),message:l.tooltipMessage,placement:"top"},{anchor:t.withCtx(()=>{var B,d;return[t.createVNode(u,{ref_for:!0,ref:i.getButtonRef(c.key,l.selector),active:(d=(B=e.$refs.richTextEditor)==null?void 0:B.editor)==null?void 0:d.isActive(l.selector),"aria-label":l.tooltipMessage,"data-qa":l.dataQA,tabindex:i.canFocus(i.getButtonRef(c.key,l.selector))?0:-1,importance:"clear",kind:"muted",size:"xs",onClick:E=>l.onClick(),onKeydown:[t.withKeys(t.withModifiers(i.shiftActionBarFocusRight,["stop"]),["right"]),t.withKeys(t.withModifiers(i.shiftActionBarFocusLeft,["stop"]),["left"])]},{icon:t.withCtx(()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(l.icon),{size:"200"}))]),default:t.withCtx(()=>[t.createTextVNode(" "+t.toDisplayString(l==null?void 0:l.label),1)]),_:2},1032,["active","aria-label","data-qa","tabindex","onClick","onKeydown"])]}),_:2},1032,["message"]))),128)),o[6]||(o[6]=t.createElementVNode("div",{class:"d-recipe-editor__button-group-divider"},null,-1))]),_:2},1024))),128)),i.variableButton.showBtn?(t.openBlock(),t.createBlock(p,{key:0,direction:"row",gap:"300"},{default:t.withCtx(()=>[t.createVNode(f,{padding:"small","navigation-type":"arrow-keys",modal:!1,placement:"bottom-start"},{anchor:t.withCtx(({attrs:c})=>[t.createVNode(h,{message:i.variableButton.tooltipMessage,placement:"top"},{anchor:t.withCtx(()=>[t.createVNode(u,t.mergeProps(c,{kind:"muted",size:"xs",importance:"clear","aria-label":i.variableButton.tooltipMessage,"data-qa":i.variableButton.dataQA,"label-class":"d-jc-flex-start"}),{icon:t.withCtx(()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(i.variableButton.icon),{size:"200"}))]),_:1},16,["aria-label","data-qa"])]),_:2},1032,["message"])]),content:t.withCtx(({close:c})=>[t.createVNode(g,{modelValue:s.variableSearchValue,"onUpdate:modelValue":o[0]||(o[0]=l=>s.variableSearchValue=l),"root-class":"d-p8 d-pb4 d-w264",type:"search",placeholder:s.i18n.$t("DIALTONE_EDITOR_VARIABLE_POPOVER_SEARCH_PLACEHOLDER"),size:"md",role:"menuitem"},{leftIcon:t.withCtx(({iconSize:l})=>[t.createVNode(m,{size:l},null,8,["size"])]),_:1},8,["modelValue","placeholder"]),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(i.filteredCategories,(l,B)=>(t.openBlock(),t.createBlock(w,{key:l.name,heading:l.name,"heading-class":"d-headline--sm-compact d-p8"},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(i.getFilteredItemsForCategory(l),d=>(t.openBlock(),t.createBlock(T,{key:l.name+d.name,role:"menuitem","navigation-type":"arrow-keys",onClick:E=>{i.insertVariable(l.name,d),c()}},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(d.name),1)]),_:2},1032,["onClick"]))),128)),B<i.filteredCategories.length-1?(t.openBlock(),t.createBlock(L,{key:0})):t.createCommentVNode("",!0)]),_:2},1032,["heading"]))),128))]),_:1}),o[7]||(o[7]=t.createElementVNode("div",{class:"d-recipe-editor__button-group-divider"},null,-1))]),_:1})):t.createCommentVNode("",!0),i.linkButton.showBtn?(t.openBlock(),t.createBlock(p,{key:1,direction:"row",gap:"300"},{default:t.withCtx(()=>[t.createVNode(f,{open:s.showLinkInput,"show-close-button":!1,"data-qa":"dt-recipe-editor-link-input-popover",padding:"none",placement:"bottom-start",onClick:[i.onInputFocus,t.withModifiers(i.onInputFocus,["stop"])],onOpened:i.updateInput},{anchor:t.withCtx(()=>[(t.openBlock(),t.createBlock(h,{key:i.linkButton.key,message:i.linkButton.tooltipMessage,placement:"top"},{anchor:t.withCtx(()=>{var c,l;return[t.createVNode(u,{ref:i.getButtonRef("custom","link"),active:(l=(c=e.$refs.richTextEditor)==null?void 0:c.editor)==null?void 0:l.isActive(i.linkButton.selector),"aria-label":i.linkButton.tooltipMessage,"data-qa":i.linkButton.dataQA,tabindex:i.canFocus(i.getButtonRef("custom","link"))?0:-1,importance:"clear",kind:"muted",size:"xs",onClick:o[1]||(o[1]=B=>i.linkButton.onClick()),onKeydown:[t.withKeys(t.withModifiers(i.shiftActionBarFocusRight,["stop"]),["right"]),t.withKeys(t.withModifiers(i.shiftActionBarFocusLeft,["stop"]),["left"])]},{icon:t.withCtx(()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(i.linkButton.icon),{size:"200"}))]),_:1},8,["active","aria-label","data-qa","tabindex","onKeydown"])]}),_:1},8,["message"]))]),content:t.withCtx(()=>[t.createElementVNode("div",U,[t.createElementVNode("span",null,t.toDisplayString(i.showAddLinkButtonLabels.title),1),t.createVNode(g,{modelValue:s.linkInput,"onUpdate:modelValue":o[2]||(o[2]=c=>s.linkInput=c),"input-aria-label":i.showAddLinkButtonLabels["aria-label"],placeholder:r.setLinkPlaceholder,"data-qa":"dt-recipe-editor-link-input","input-wrapper-class":"d-recipe-editor-link__input-wrapper",onClick:[i.onInputFocus,t.withModifiers(i.onInputFocus,["stop"])],onFocus:i.onInputFocus,onKeydown:t.withKeys(i.setLink,["enter"])},null,8,["modelValue","input-aria-label","placeholder","onClick","onFocus","onKeydown"])])]),footerContent:t.withCtx(()=>[t.createVNode(p,{direction:"row",gap:"300",class:"d-recipe-editor__popover-footer"},{default:t.withCtx(()=>[t.createVNode(u,t.mergeProps({"data-qa":"dt-recipe-editor-remove-link-btn",importance:"clear",kind:"muted",size:"sm"},i.removeLinkButtonLabels,{onClick:i.removeLink}),{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(i.removeLinkButtonLabels.title),1)]),_:1},16,["onClick"]),t.createVNode(u,t.mergeProps({"data-qa":"dt-recipe-editor-set-link-cancel-btn",importance:"clear",kind:"muted",size:"sm"},i.cancelSetLinkButtonLabels,{onClick:i.closeLinkInput}),{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(i.cancelSetLinkButtonLabels.title),1)]),_:1},16,["onClick"]),t.createVNode(u,t.mergeProps({"data-qa":"dt-recipe-editor-set-link-confirm-btn",size:"sm"},i.confirmSetLinkButtonLabels,{onClick:i.setLink}),{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(i.confirmSetLinkButtonLabels.title),1)]),_:1},16,["onClick"])]),_:1})]),_:1},8,["open","onClick","onOpened"])]),_:1})):t.createCommentVNode("",!0)]),_:1}),t.createElementVNode("div",{style:t.normalizeStyle({"max-height":r.maxHeight}),class:"d-recipe-editor__content"},[t.createVNode(A,t.mergeProps({ref:"richTextEditor",modelValue:s.internalInputValue,"onUpdate:modelValue":o[3]||(o[3]=c=>s.internalInputValue=c),"allow-font-color":!0,"allow-font-family":!0,"allow-inline-images":!0,"allow-line-breaks":!0,"allow-variable":!0,"variable-items":i.flattenedVariableItems,"hide-link-bubble-menu":!0,"auto-focus":r.autoFocus,editable:r.editable,"input-aria-label":r.inputAriaLabel,"input-class":`d-recipe-editor__content-input ${r.inputClass}`,link:!0,"output-format":i.htmlOutputFormat,placeholder:r.placeholder,"use-div-tags":r.useDivTags,"allow-tables":r.allowTables,"data-qa":"dt-rich-text-editor"},i.removeClassStyleAttrs(e.$attrs),{onTextInput:i.onTextInput,onBlur:i.onBlur,onFocus:i.onFocus,onInput:o[4]||(o[4]=c=>i.onInput(c))}),null,16,["modelValue","variable-items","auto-focus","editable","input-aria-label","input-class","output-format","placeholder","use-div-tags","allow-tables","onTextInput","onBlur","onFocus"])],4)],16)}const M=D._(F,[["render",q]]);exports.default=M;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _=require("./editor-constants.cjs"),O=require("../../common/utils/index.cjs"),Q=require("./EditorToolbarButton.cjs"),P=require("./EditorToolbarDropdownButton.cjs"),z=require("./EditorToolbarPopoverButton.cjs"),l=require("@dialpad/dialtone-icons/vue3"),K=require("../../localization/index.cjs"),t=require("vue"),H=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),J=require("../combobox/combobox.cjs"),j=require("../tooltip/tooltip.cjs"),G=require("../input/input.cjs"),Y=require("../stack/stack.cjs"),X=require("../popover/popover.cjs"),Z=require("../button/button.cjs"),W=require("../rich-text-editor/rich-text-editor.cjs"),$=require("../list-item/list-item.cjs"),tt=require("../dropdown/dropdown-separator.cjs"),et=require("../list-item-group/list-item-group.cjs"),v=require("../rich-text-editor/rich-text-editor-constants.cjs"),ot={compatConfig:{MODE:3},name:"DtRecipeEditor",components:{DtListItemGroup:et.default,DtDropdownSeparator:tt.default,DtListItem:$.default,DtRichTextEditor:W.default,DtButton:Z.default,DtPopover:X.default,DtStack:Y.default,DtInput:G.default,DtTooltip:j.default,DtCombobox:J.default,EditorToolbarButton:Q.default,EditorToolbarDropdownButton:P.default,EditorToolbarPopoverButton:z.default,DtIconQuickReply:l.DtIconQuickReply,DtIconBold:l.DtIconBold,DtIconItalic:l.DtIconItalic,DtIconUnderline:l.DtIconUnderline,DtIconStrikethrough:l.DtIconStrikethrough,DtIconListBullet:l.DtIconListBullet,DtIconListOrdered:l.DtIconListOrdered,DtIconAlignLeft:l.DtIconAlignLeft,DtIconAlignCenter:l.DtIconAlignCenter,DtIconAlignRight:l.DtIconAlignRight,DtIconAlignJustify:l.DtIconAlignJustify,DtIconQuote:l.DtIconQuote,DtIconCodeBlock:l.DtIconCodeBlock,DtIconLink2:l.DtIconLink2,DtIconImage:l.DtIconImage,DtIconSearch:l.DtIconSearch,DtIconType:l.DtIconType,DtIconBraces:l.DtIconBraces,DtIconChevronDown:l.DtIconChevronDown,DtIconFontSize:l.DtIconFontSize},mixins:[],inheritAttrs:!1,props:{modelValue:{type:[Object,String],default:""},editable:{type:Boolean,default:!0},inputAriaLabel:{type:String,required:!0,default:""},inputClass:{type:String,default:""},autoFocus:{type:[Boolean,String,Number],default:!1,validator(e){return typeof e=="string"?v.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES.includes(e):!0}},placeholder:{type:String,default:""},maxHeight:{type:String,default:"unset"},setLinkPlaceholder:{type:String,default:""},showBoldButton:{type:Boolean,default:!0},showItalicsButton:{type:Boolean,default:!0},showUnderlineButton:{type:Boolean,default:!0},showStrikeButton:{type:Boolean,default:!0},showListItemsButton:{type:Boolean,default:!0},showOrderedListButton:{type:Boolean,default:!0},showAlignLeftButton:{type:Boolean,default:!0},showAlignCenterButton:{type:Boolean,default:!0},showAlignRightButton:{type:Boolean,default:!0},showAlignJustifyButton:{type:Boolean,default:!0},showQuoteButton:{type:Boolean,default:!0},showCodeBlockButton:{type:Boolean,default:!0},showQuickRepliesButton:{type:Boolean,default:!0},showInlineImageButton:{type:Boolean,default:!1},showVariableButton:{type:Boolean,default:!1},variableCategories:{type:Array,default:()=>[]},showAddLink:{type:Object,default:()=>({showAddLinkButton:!0})},showFontStyleButton:{type:Boolean,default:!1},showFontSizeButton:{type:Boolean,default:!1},showFontColorButton:{type:Boolean,default:!1},fontStyles:{type:Array,default:()=>[{name:"Arial",value:null},{name:"Georgia",value:"Georgia"},{name:"Helvetica",value:"Helvetica"},{name:"Verdana",value:"Verdana"},{name:"Times New Roman",value:"Times New Roman"}]},fontSizes:{type:Array,default:()=>[{name:"Small",value:"12px"},{name:"Normal",value:"15px"},{name:"Large",value:"24px"},{name:"Huge",value:"36px"}]},useDivTags:{type:Boolean,default:!1},allowTables:{type:Boolean,default:!1}},emits:["focus","blur","input","update:modelValue","quick-replies-click","inline-image-click","text-input"],data(){return{internalInputValue:this.modelValue,hasFocus:!1,linkOptions:{class:"d-recipe-editor__link"},currentFontColor:void 0,showLinkInput:!1,fontStyleSearch:"",linkInput:"",currentButtonRefIndex:0,variableSearchValue:"",i18n:new K.DialtoneLocalization}},computed:{inputLength(){return this.internalInputValue.length},htmlOutputFormat(){return v.RICH_TEXT_EDITOR_OUTPUT_FORMATS[2]},flattenedVariableItems(){return this.variableCategories?this.variableCategories.reduce((e,i)=>e.concat(i.items||[]),[]):[]},showingTextFormatButtons(){return this.showBoldButton||this.showItalicsButton||this.showStrikeButton||this.showUnderlineButton},showingAlignmentButtons(){return this.showAlignLeftButton||this.showAlignCenterButton||this.showAlignRightButton||this.showAlignJustifyButton},showingListButtons(){return this.showListItemsButton||this.showOrderedListButton},orderedRefs(){const e=this.buttonGroups.reduce((function(i,n){return n.buttonGroup.forEach(a=>{i.push(this.getButtonRef(n.key,a.selector))},this),i}).bind(this),[]);return e.push(this.getButtonRef("custom","link")),e},buttonGroups(){const e=this.individualButtons.map(i=>({key:i.selector,buttonGroup:[i]}));return[{key:"new",buttonGroup:this.newButtons},{key:"format",buttonGroup:this.textFormatButtons},{key:"alignment",buttonGroup:this.alignmentButtons},{key:"list",buttonGroup:this.listButtons},...e].filter(i=>i.buttonGroup.length>0)},newButtons(){return[{showBtn:this.showQuickRepliesButton,buttonType:"button",label:this.i18n.$t("DIALTONE_EDITOR_QUICK_REPLY_BUTTON_LABEL"),selector:"quickReplies",icon:l.DtIconQuickReply,dataQA:"dt-recipe-editor-quick-replies-btn",tooltipMessage:this.i18n.$t("DIALTONE_EDITOR_QUICK_REPLY_BUTTON_LABEL"),onClick:this.onQuickRepliesClick}].filter(e=>e.showBtn)},textFormatButtons(){return[{showBtn:this.showFontStyleButton,buttonType:"popover",selector:"fontStyle",icon:l.DtIconType,dataQA:"dt-recipe-editor-font-style-btn",tooltipMessage:this.i18n.$t("DIALTONE_EDITOR_FONT_STYLE_BUTTON_LABEL")},{showBtn:this.showFontSizeButton,buttonType:"popover",selector:"fontSize",icon:l.DtIconFontSize,dataQA:"dt-recipe-editor-font-size-btn",tooltipMessage:this.i18n.$t("DIALTONE_EDITOR_FONT_SIZE_BUTTON_LABEL")},{showBtn:this.showFontColorButton,buttonType:"custom",selector:"fontColor",dataQA:"dt-recipe-editor-font-color-btn",tooltipMessage:this.i18n.$t("DIALTONE_EDITOR_FONT_COLOR_BUTTON_LABEL"),onClick:this.onColorPickerButtonClick},{showBtn:this.showBoldButton,buttonType:"button",selector:"bold",icon:l.DtIconBold,dataQA:"dt-recipe-editor-bold-btn",tooltipMessage:this.i18n.$t("DIALTONE_EDITOR_BOLD_BUTTON_LABEL"),onClick:this.onBoldTextToggle},{showBtn:this.showItalicsButton,buttonType:"button",selector:"italic",icon:l.DtIconItalic,dataQA:"dt-recipe-editor-italics-btn",tooltipMessage:this.i18n.$t("DIALTONE_EDITOR_ITALICS_BUTTON_LABEL"),onClick:this.onItalicTextToggle},{showBtn:this.showUnderlineButton,buttonType:"button",selector:"underline",icon:l.DtIconUnderline,dataQA:"dt-recipe-editor-underline-btn",tooltipMessage:this.i18n.$t("DIALTONE_EDITOR_UNDERLINE_BUTTON_LABEL"),onClick:this.onUnderlineTextToggle},{showBtn:this.showStrikeButton,buttonType:"button",selector:"strike",icon:l.DtIconStrikethrough,dataQA:"dt-recipe-editor-strike-btn",tooltipMessage:this.i18n.$t("DIALTONE_EDITOR_STRIKE_BUTTON_LABEL"),onClick:this.onStrikethroughTextToggle}].filter(e=>e.showBtn)},alignmentButtons(){return[{showBtn:this.showAlignLeftButton,buttonType:"button",selector:{textAlign:"left"},icon:l.DtIconAlignLeft,dataQA:"dt-recipe-editor-align-left-btn",tooltipMessage:this.i18n.$t("DIALTONE_EDITOR_ALIGN_LEFT_BUTTON_LABEL"),onClick:()=>this.onTextAlign("left")},{showBtn:this.showAlignCenterButton,buttonType:"button",selector:{textAlign:"center"},icon:l.DtIconAlignCenter,dataQA:"dt-recipe-editor-align-center-btn",tooltipMessage:this.i18n.$t("DIALTONE_EDITOR_ALIGN_CENTER_BUTTON_LABEL"),onClick:()=>this.onTextAlign("center")},{showBtn:this.showAlignRightButton,buttonType:"button",selector:{textAlign:"right"},icon:l.DtIconAlignRight,dataQA:"dt-recipe-editor-align-right-btn",tooltipMessage:this.i18n.$t("DIALTONE_EDITOR_ALIGN_RIGHT_BUTTON_LABEL"),onClick:()=>this.onTextAlign("right")},{showBtn:this.showAlignJustifyButton,buttonType:"button",selector:{textAlign:"justify"},icon:l.DtIconAlignJustify,dataQA:"dt-recipe-editor-align-justify-btn",tooltipMessage:this.i18n.$t("DIALTONE_EDITOR_ALIGN_JUSTIFY_BUTTON_LABEL"),onClick:()=>this.onTextAlign("justify")}].filter(e=>e.showBtn)},listButtons(){return[{showBtn:this.showListItemsButton,buttonType:"button",selector:"bulletList",icon:l.DtIconListBullet,dataQA:"dt-recipe-editor-list-items-btn",tooltipMessage:this.i18n.$t("DIALTONE_EDITOR_BULLET_LIST_BUTTON_LABEL"),onClick:this.onBulletListToggle},{showBtn:this.showOrderedListButton,buttonType:"button",selector:"orderedList",icon:l.DtIconListOrdered,dataQA:"dt-recipe-editor-ordered-list-items-btn",tooltipMessage:this.i18n.$t("DIALTONE_EDITOR_ORDERED_LIST_BUTTON_LABEL"),onClick:this.onOrderedListToggle}].filter(e=>e.showBtn)},individualButtons(){return[{showBtn:this.showQuoteButton,buttonType:"button",selector:"blockquote",icon:l.DtIconQuote,dataQA:"dt-recipe-editor-blockquote-btn",tooltipMessage:this.i18n.$t("DIALTONE_EDITOR_QUOTE_BUTTON_LABEL"),onClick:this.onBlockquoteToggle},{showBtn:this.showCodeBlockButton,buttonType:"button",selector:"codeBlock",icon:l.DtIconCodeBlock,dataQA:"dt-recipe-editor-code-block-btn",tooltipMessage:this.i18n.$t("DIALTONE_EDITOR_CODE_BUTTON_LABEL"),onClick:this.onCodeBlockToggle},{showBtn:this.showInlineImageButton,buttonType:"button",selector:"image",icon:l.DtIconImage,dataQA:"dt-recipe-editor-inline-image-btn",tooltipMessage:this.i18n.$t("DIALTONE_EDITOR_IMAGE_BUTTON_LABEL"),onClick:this.onInsertInlineImageClick},{showBtn:this.showVariableButton,buttonType:"popover",selector:"variable",icon:l.DtIconBraces,dataQA:"dt-recipe-editor-variable-btn",tooltipMessage:this.i18n.$t("DIALTONE_EDITOR_VARIABLE_BUTTON_LABEL")}].filter(e=>e.showBtn)},linkButton(){return{showBtn:this.showAddLink.showAddLinkButton,buttonType:"custom",selector:"link",icon:l.DtIconLink2,dataQA:"dt-recipe-editor-add-link-btn",tooltipMessage:this.i18n.$t("DIALTONE_EDITOR_LINK_BUTTON_LABEL"),onClick:this.openLinkInput}},confirmSetLinkButtonLabels(){return this.i18n.$ta("DIALTONE_EDITOR_CONFIRM_SET_LINK_BUTTON")},cancelSetLinkButtonLabels(){return this.i18n.$ta("DIALTONE_EDITOR_CANCEL_SET_LINK_BUTTON")},removeLinkButtonLabels(){return this.i18n.$ta("DIALTONE_EDITOR_REMOVE_LINK_BUTTON")},showAddLinkButtonLabels(){return this.i18n.$ta("DIALTONE_EDITOR_ADD_LINK_BUTTON")},filteredFontStyles(){const e=this.fontStyleSearch.toLowerCase();return this.fontStyles.filter(i=>i.name.toLowerCase().includes(e))},filteredCategories(){return this.variableCategories.filter(e=>this.getFilteredItemsForCategory(e).length)},colorPickerInput(){return document.querySelector(".colorPickerInput")},actionBarBtn(){var i,n;const e=((n=(i=this.$refs[this.orderedRefs[this.currentButtonRefIndex]][0])==null?void 0:i.$refs)==null?void 0:n.buttonRef)||this.$refs[this.orderedRefs[this.currentButtonRefIndex]];return Array.isArray(e)?e[0]:e}},watch:{modelValue(e){this.internalInputValue=e}},methods:{removeClassStyleAttrs:O.removeClassStyleAttrs,addClassStyleAttrs:O.addClassStyleAttrs,onInputFocus(e){e==null||e.stopPropagation()},removeLink(){var e,i,n,a,s;(s=(a=(n=(i=(e=this.$refs.richTextEditor)==null?void 0:e.editor)==null?void 0:i.chain())==null?void 0:n.focus())==null?void 0:a.unsetLink())==null||s.run(),this.closeLinkInput()},setLink(e){var s,o,h;const i=(s=this.$refs.richTextEditor)==null?void 0:s.editor;if(e==null||e.preventDefault(),e==null||e.stopPropagation(),!this.linkInput){this.removeLink();return}_.EDITOR_SUPPORTED_LINK_PROTOCOLS.find(f=>f.test(this.linkInput))||(this.linkInput=`${_.EDITOR_DEFAULT_LINK_PREFIX}${this.linkInput}`);const a=(h=(o=i==null?void 0:i.view)==null?void 0:o.state)==null?void 0:h.selection;a.anchor===a.head?i.chain().focus().insertContentAt(a.anchor,`<a class="${this.linkOptions.class}" href=${this.linkInput}>${this.linkInput}</a>`).run():i.chain().focus().extendMarkRange("link").setLink({href:this.linkInput,class:this.linkOptions.class}).run(),this.closeLinkInput()},openLinkInput(){this.showLinkInput=!0},updateInput(e){var i,n,a;if(!e)return this.closeLinkInput();this.linkInput=(a=(n=(i=this.$refs.richTextEditor)==null?void 0:i.editor)==null?void 0:n.getAttributes("link"))==null?void 0:a.href},closeLinkInput(){var e;this.showLinkInput=!1,this.linkInput="",(e=this.$refs.richTextEditor.editor)==null||e.chain().focus()},onBoldTextToggle(){var e,i;(i=(e=this.$refs.richTextEditor)==null?void 0:e.editor)==null||i.chain().focus().toggleBold().run()},onItalicTextToggle(){var e;(e=this.$refs.richTextEditor)==null||e.editor.chain().focus().toggleItalic().run()},onUnderlineTextToggle(){var e;(e=this.$refs.richTextEditor)==null||e.editor.chain().focus().toggleUnderline().run()},onStrikethroughTextToggle(){var e;(e=this.$refs.richTextEditor)==null||e.editor.chain().focus().toggleStrike().run()},onTextAlign(e){var i,n,a,s;if((n=(i=this.$refs.richTextEditor)==null?void 0:i.editor)!=null&&n.isActive({textAlign:e}))return(a=this.$refs.richTextEditor)==null?void 0:a.editor.chain().focus().unsetTextAlign().run();(s=this.$refs.richTextEditor)==null||s.editor.chain().focus().setTextAlign(e).run()},onBulletListToggle(){var e;(e=this.$refs.richTextEditor)==null||e.editor.chain().focus().toggleBulletList().run()},onOrderedListToggle(){var e;(e=this.$refs.richTextEditor)==null||e.editor.chain().focus().toggleOrderedList().run()},onCodeBlockToggle(){var e;(e=this.$refs.richTextEditor)==null||e.editor.chain().focus().toggleCodeBlock().run()},onQuickRepliesClick(){this.$emit("quick-replies-click")},onInsertInlineImageClick(){this.$emit("inline-image-click")},insertVariable(e,i){var n;(n=this.$refs.richTextEditor)==null||n.editor.chain().focus().insertVariable({id:i.id,placeholder:i.placeholder||"",altText:""}).run()},insertInlineImage(e){var i;(i=this.$refs.richTextEditor)==null||i.editor.chain().focus().setImage({src:e}).run()},insertInMessageBody(e){var i;(i=this.$refs.richTextEditor)==null||i.editor.chain().focus().insertContent(e).run()},setCursorPosition(e=null){var i;(i=this.$refs.richTextEditor)==null||i.editor.chain().focus(e).run()},onBlockquoteToggle(){var e;(e=this.$refs.richTextEditor)==null||e.editor.chain().focus().toggleBlockquote().run()},onTextInput(e){this.$emit("text-input",e)},onFocus(e){this.hasFocus=!0,this.$emit("focus",e)},onBlur(e){this.hasFocus=!1,this.$emit("blur",e)},onInput(e){this.$emit("input",e),this.$emit("update:modelValue",e)},onSelected(){this.updateFontColorInput()},getButtonKey(e,i){return`${e}-${JSON.stringify(i)}`},getButtonRef(e,i){return`${this.getButtonKey(e,i)}-ref`},canFocus(e){return e===this.orderedRefs[this.currentButtonRefIndex]},shiftActionBarFocusRight(){this.shiftButtonRefIndex(1)},shiftActionBarFocusLeft(){this.shiftButtonRefIndex(-1)},shiftButtonRefIndex(e){const i=this.actionBarBtn,n=(this.currentButtonRefIndex+e)%this.orderedRefs.length;this.currentButtonRefIndex=n>=0?n:this.orderedRefs.length+n;const a=this.actionBarBtn;i.$el.blur(),a.$el.focus()},onFontStyleSelect(e){var i,n,a,s,o,h;e?(n=(i=this.$refs.richTextEditor)==null?void 0:i.editor)==null||n.chain().focus().setFontFamily(e).run():(s=(a=this.$refs.richTextEditor)==null?void 0:a.editor)==null||s.chain().focus().unsetFontFamily().run(),(h=(o=this.$refs.richTextEditor)==null?void 0:o.editor)==null||h.commands.focus()},isCurrentFontFamily(e){var i,n,a,s,o;return e?(o=(s=this.$refs.richTextEditor)==null?void 0:s.editor)==null?void 0:o.isActive("textStyle",{fontFamily:e}):!((a=(n=(i=this.$refs.richTextEditor)==null?void 0:i.editor)==null?void 0:n.getAttributes("textStyle"))!=null&&a.fontFamily)},onFontSizeSelect(e){var i,n,a,s;(n=(i=this.$refs.richTextEditor)==null?void 0:i.editor)==null||n.chain().focus().setFontSize(e).run(),(s=(a=this.$refs.richTextEditor)==null?void 0:a.editor)==null||s.commands.focus()},isCurrentFontSize(e){var i,n,a,s,o;return e?(o=(s=this.$refs.richTextEditor)==null?void 0:s.editor)==null?void 0:o.isActive("textStyle",{fontSize:e}):!((a=(n=(i=this.$refs.richTextEditor)==null?void 0:i.editor)==null?void 0:n.getAttributes("textStyle"))!=null&&a.fontSize)},getFilteredItemsForCategory(e){const i=this.variableSearchValue.toLowerCase();return e.name.toLowerCase().includes(i)?e.items:e.items.filter(n=>n.name.toLowerCase().includes(i))},updateFontColorInput(){var e,i,n;this.currentFontColor=((n=(i=(e=this.$refs.richTextEditor)==null?void 0:e.editor)==null?void 0:i.getAttributes("textStyle"))==null?void 0:n.color)||_.EDITOR_DEFAULT_FONT_COLOR},onColorPickerButtonClick(){var e;(e=this.colorPickerInput)==null||e.click()},onColorPickerInput(e){var i,n,a,s;(n=(i=this.$refs.richTextEditor)==null?void 0:i.editor)==null||n.chain().focus().setColor(e).run(),(s=(a=this.$refs.richTextEditor)==null?void 0:a.editor)==null||s.commands.focus()}}},it={class:"d-recipe-editor__popover-content"};function nt(e,i,n,a,s,o){const h=t.resolveComponent("dt-icon-search"),f=t.resolveComponent("dt-input"),k=t.resolveComponent("dt-list-item"),I=t.resolveComponent("dt-combobox"),L=t.resolveComponent("editor-toolbar-popover-button"),S=t.resolveComponent("editor-toolbar-dropdown-button"),B=t.resolveComponent("dt-button"),R=t.resolveComponent("dt-dropdown-separator"),F=t.resolveComponent("dt-list-item-group"),N=t.resolveComponent("editor-toolbar-button"),g=t.resolveComponent("dt-stack"),V=t.resolveComponent("dt-tooltip"),q=t.resolveComponent("dt-popover"),U=t.resolveComponent("dt-rich-text-editor"),M=t.resolveDirective("dt-tooltip");return t.openBlock(),t.createElementBlock("div",t.mergeProps({class:"d-recipe-editor"},o.addClassStyleAttrs(e.$attrs),{"data-qa":"dt-recipe-editor",role:"presentation",onClick:i[7]||(i[7]=c=>e.$refs.richTextEditor.focusEditor())}),[t.createVNode(g,{class:"d-recipe-editor__top-bar",direction:"row",gap:"450"},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.buttonGroups,c=>(t.openBlock(),t.createBlock(g,{key:c.key,direction:"row",gap:"300"},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(c.buttonGroup,r=>{var m,E,y,w,A,C,b,D;return t.openBlock(),t.createElementBlock(t.Fragment,null,[r.buttonType==="popover"&&r.selector==="fontStyle"?(t.openBlock(),t.createBlock(L,{key:o.getButtonKey(c.key,r.selector),ref_for:!0,ref:o.getButtonRef(c.key,r.selector),"is-active":(E=(m=e.$refs.richTextEditor)==null?void 0:m.editor)==null?void 0:E.isActive(r.selector),"tooltip-message":r.tooltipMessage,"data-qa":r.dataQA,"popover-data-qa":"dt-recipe-editor-font-style-input-popover",tabindex:o.canFocus(o.getButtonRef(c.key,r.selector))?0:-1,icon:r.icon,onShiftFocusRight:o.shiftActionBarFocusRight,onShiftFocusLeft:o.shiftActionBarFocusLeft},{content:t.withCtx(({close:p})=>[t.createVNode(I,{label:"","label-visible":!1,"show-list":!0,"click-on-select":!0,onEscape:d=>p()},{input:t.withCtx(({inputProps:d})=>[t.createVNode(f,t.mergeProps({ref_for:!0},d,{modelValue:s.fontStyleSearch,"onUpdate:modelValue":i[0]||(i[0]=u=>s.fontStyleSearch=u),"root-class":"d-p8 d-pb4 d-w216",type:"search",placeholder:s.i18n.$t("DIALTONE_EDITOR_FONT_STYLE_SEARCH_PLACEHOLDER"),size:"sm",role:"menuitem"}),{leftIcon:t.withCtx(({iconSize:u})=>[t.createVNode(h,{size:u},null,8,["size"])]),_:1},16,["modelValue","placeholder"])]),list:t.withCtx(({listProps:d})=>[t.createElementVNode("ul",t.mergeProps({ref_for:!0},d),[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.filteredFontStyles,u=>(t.openBlock(),t.createBlock(k,{key:u.name,selected:o.isCurrentFontFamily(u.value),style:t.normalizeStyle({fontFamily:u.value||"inherit"}),role:"option","navigation-type":"arrow-keys",onClick:x=>{p(),o.onFontStyleSelect(u.value)}},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(u.name),1)]),_:2},1032,["selected","style","onClick"]))),128))],16)]),_:2},1032,["onEscape"])]),_:1},8,["is-active","tooltip-message","data-qa","tabindex","icon","onShiftFocusRight","onShiftFocusLeft"])):r.buttonType==="popover"&&r.selector==="fontSize"?(t.openBlock(),t.createBlock(S,{key:o.getButtonKey(c.key,r.selector),ref_for:!0,ref:o.getButtonRef(c.key,r.selector),"is-active":(w=(y=e.$refs.richTextEditor)==null?void 0:y.editor)==null?void 0:w.isActive(r.selector),"tooltip-message":r.tooltipMessage,"data-qa":r.dataQA,"dropdown-data-qa":"dt-recipe-editor-font-size-input-popover",tabindex:o.canFocus(o.getButtonRef(c.key,r.selector))?0:-1,icon:r.icon,onShiftFocusRight:o.shiftActionBarFocusRight,onShiftFocusLeft:o.shiftActionBarFocusLeft},{list:t.withCtx(({close:p})=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(n.fontSizes,d=>(t.openBlock(),t.createBlock(k,{key:d.name,selected:o.isCurrentFontSize(d.value),role:"menuitem","navigation-type":"arrow-keys",onClick:u=>{p(),o.onFontSizeSelect(d.value,u)}},{default:t.withCtx(()=>[t.createElementVNode("span",{style:t.normalizeStyle({fontSize:d.value})},t.toDisplayString(d.name),5)]),_:2},1032,["selected","onClick"]))),128))]),_:1},8,["is-active","tooltip-message","data-qa","tabindex","icon","onShiftFocusRight","onShiftFocusLeft"])):r.buttonType==="custom"&&r.selector==="fontColor"?t.withDirectives((t.openBlock(),t.createBlock(B,{key:o.getButtonKey(c.key,r.selector),ref_for:!0,ref:o.getButtonRef(c.key,r.selector),kind:"muted",importance:"clear",size:"xs",active:(C=(A=e.$refs.richTextEditor)==null?void 0:A.editor)==null?void 0:C.isActive(r.selector),tabindex:o.canFocus(o.getButtonRef(c.key,r.selector))?0:-1,"aria-label":r.tooltipMessage,"data-qa":r.dataQA,onKeydown:[t.withKeys(t.withModifiers(o.shiftActionBarFocusRight,["stop"]),["right"]),t.withKeys(t.withModifiers(o.shiftActionBarFocusLeft,["stop"]),["left"])],onClick:p=>r.onClick()},{default:t.withCtx(()=>[t.createVNode(f,{value:s.currentFontColor,"root-class":"d-w12 d-h12 d-my1","input-class":"colorPickerInput d-w100p d-h100p d-p0 d-bar0 d-c-pointer","input-wrapper-class":"d-w12 d-h12 d-bar2 d-ba-none",size:"sm",type:"color",onInput:o.onColorPickerInput,onClick:i[1]||(i[1]=t.withModifiers(()=>{},["stop"]))},null,8,["value","onInput"])]),_:1},8,["active","tabindex","aria-label","data-qa","onKeydown","onClick"])),[[M,{message:r.tooltipMessage,placement:"top"}]]):r.buttonType==="popover"&&r.selector==="variable"?(t.openBlock(),t.createBlock(L,{key:o.getButtonKey(c.key,r.selector),ref_for:!0,ref:o.getButtonRef(c.key,r.selector),"is-active":!1,"tooltip-message":r.tooltipMessage,"data-qa":r.dataQA,"popover-data-qa":"dt-recipe-editor-variable-popover",tabindex:o.canFocus(o.getButtonRef(c.key,r.selector))?0:-1,icon:r.icon,onShiftFocusRight:o.shiftActionBarFocusRight,onShiftFocusLeft:o.shiftActionBarFocusLeft},{content:t.withCtx(({close:p})=>[t.createVNode(I,{label:"","label-visible":!1,"show-list":!0,"click-on-select":!0,onEscape:d=>p()},{input:t.withCtx(({inputProps:d})=>[t.createVNode(f,t.mergeProps({ref_for:!0},d,{modelValue:s.variableSearchValue,"onUpdate:modelValue":i[2]||(i[2]=u=>s.variableSearchValue=u),"root-class":"d-p8 d-pb4 d-w264",type:"search",placeholder:s.i18n.$t("DIALTONE_EDITOR_VARIABLE_POPOVER_SEARCH_PLACEHOLDER"),size:"md",role:"menuitem"}),{leftIcon:t.withCtx(({iconSize:u})=>[t.createVNode(h,{size:u},null,8,["size"])]),_:1},16,["modelValue","placeholder"])]),list:t.withCtx(({listProps:d})=>[t.createElementVNode("div",t.mergeProps({ref_for:!0},d),[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.filteredCategories,(u,x)=>(t.openBlock(),t.createBlock(F,{key:u.name,heading:u.name,"heading-class":"d-headline--sm-compact d-p8"},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.getFilteredItemsForCategory(u),T=>(t.openBlock(),t.createBlock(k,{key:u.name+T.name,role:"option","navigation-type":"arrow-keys",onClick:lt=>{o.insertVariable(u.name,T),p()}},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(T.name),1)]),_:2},1032,["onClick"]))),128)),x<o.filteredCategories.length-1?(t.openBlock(),t.createBlock(R,{key:0})):t.createCommentVNode("",!0)]),_:2},1032,["heading"]))),128))],16)]),_:2},1032,["onEscape"])]),_:1},8,["tooltip-message","data-qa","tabindex","icon","onShiftFocusRight","onShiftFocusLeft"])):r.buttonType==="button"?(t.openBlock(),t.createBlock(N,{key:o.getButtonKey(c.key,r.selector),ref_for:!0,ref:o.getButtonRef(c.key,r.selector),"is-active":(D=(b=e.$refs.richTextEditor)==null?void 0:b.editor)==null?void 0:D.isActive(r.selector),"tooltip-message":r.tooltipMessage,"data-qa":r.dataQA,tabindex:o.canFocus(o.getButtonRef(c.key,r.selector))?0:-1,icon:r.icon,label:r.label,"on-click":r.onClick,onShiftFocusRight:o.shiftActionBarFocusRight,onShiftFocusLeft:o.shiftActionBarFocusLeft},null,8,["is-active","tooltip-message","data-qa","tabindex","icon","label","on-click","onShiftFocusRight","onShiftFocusLeft"])):t.createCommentVNode("",!0)],64)}),256)),i[8]||(i[8]=t.createElementVNode("div",{class:"d-recipe-editor__button-group-divider"},null,-1))]),_:2},1024))),128)),o.linkButton.showBtn?(t.openBlock(),t.createBlock(g,{key:0,direction:"row",gap:"300"},{default:t.withCtx(()=>[t.createVNode(q,{open:s.showLinkInput,"show-close-button":!1,"data-qa":"dt-recipe-editor-link-input-popover",padding:"none",placement:"bottom-start",onClick:[o.onInputFocus,t.withModifiers(o.onInputFocus,["stop"])],onOpened:o.updateInput},{anchor:t.withCtx(()=>[(t.openBlock(),t.createBlock(V,{key:o.linkButton.key,message:o.linkButton.tooltipMessage,placement:"top"},{anchor:t.withCtx(()=>{var c,r;return[t.createVNode(B,{ref:o.getButtonRef("custom","link"),active:(r=(c=e.$refs.richTextEditor)==null?void 0:c.editor)==null?void 0:r.isActive(o.linkButton.selector),"aria-label":o.linkButton.tooltipMessage,"data-qa":o.linkButton.dataQA,tabindex:o.canFocus(o.getButtonRef("custom","link"))?0:-1,importance:"clear",kind:"muted",size:"xs",onClick:i[3]||(i[3]=m=>o.linkButton.onClick()),onKeydown:[t.withKeys(t.withModifiers(o.shiftActionBarFocusRight,["stop"]),["right"]),t.withKeys(t.withModifiers(o.shiftActionBarFocusLeft,["stop"]),["left"])]},{icon:t.withCtx(()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.linkButton.icon),{size:"200"}))]),_:1},8,["active","aria-label","data-qa","tabindex","onKeydown"])]}),_:1},8,["message"]))]),content:t.withCtx(()=>[t.createElementVNode("div",it,[t.createElementVNode("span",null,t.toDisplayString(o.showAddLinkButtonLabels.title),1),t.createVNode(f,{modelValue:s.linkInput,"onUpdate:modelValue":i[4]||(i[4]=c=>s.linkInput=c),"input-aria-label":o.showAddLinkButtonLabels["aria-label"],placeholder:n.setLinkPlaceholder,"data-qa":"dt-recipe-editor-link-input","input-wrapper-class":"d-recipe-editor-link__input-wrapper",onClick:[o.onInputFocus,t.withModifiers(o.onInputFocus,["stop"])],onFocus:o.onInputFocus,onKeydown:t.withKeys(o.setLink,["enter"])},null,8,["modelValue","input-aria-label","placeholder","onClick","onFocus","onKeydown"])])]),footerContent:t.withCtx(()=>[t.createVNode(g,{direction:"row",gap:"300",class:"d-recipe-editor__popover-footer"},{default:t.withCtx(()=>[t.createVNode(B,t.mergeProps({"data-qa":"dt-recipe-editor-remove-link-btn",importance:"clear",kind:"muted",size:"sm"},o.removeLinkButtonLabels,{onClick:o.removeLink}),{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(o.removeLinkButtonLabels.title),1)]),_:1},16,["onClick"]),t.createVNode(B,t.mergeProps({"data-qa":"dt-recipe-editor-set-link-cancel-btn",importance:"clear",kind:"muted",size:"sm"},o.cancelSetLinkButtonLabels,{onClick:o.closeLinkInput}),{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(o.cancelSetLinkButtonLabels.title),1)]),_:1},16,["onClick"]),t.createVNode(B,t.mergeProps({"data-qa":"dt-recipe-editor-set-link-confirm-btn",size:"sm"},o.confirmSetLinkButtonLabels,{onClick:o.setLink}),{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(o.confirmSetLinkButtonLabels.title),1)]),_:1},16,["onClick"])]),_:1})]),_:1},8,["open","onClick","onOpened"])]),_:1})):t.createCommentVNode("",!0)]),_:1}),t.createElementVNode("div",{style:t.normalizeStyle({"max-height":n.maxHeight}),class:"d-recipe-editor__content"},[t.createVNode(U,t.mergeProps({ref:"richTextEditor",modelValue:s.internalInputValue,"onUpdate:modelValue":i[5]||(i[5]=c=>s.internalInputValue=c),"allow-font-color":!0,"allow-font-family":!0,"allow-inline-images":!0,"allow-line-breaks":!0,"allow-variable":!0,"allow-font-size":n.showFontSizeButton,"variable-items":o.flattenedVariableItems,"hide-link-bubble-menu":!0,"auto-focus":n.autoFocus,editable:n.editable,"input-aria-label":n.inputAriaLabel,"input-class":`d-recipe-editor__content-input ${n.inputClass}`,link:!0,"output-format":o.htmlOutputFormat,placeholder:n.placeholder,"use-div-tags":n.useDivTags,"allow-tables":n.allowTables,"data-qa":"dt-rich-text-editor"},o.removeClassStyleAttrs(e.$attrs),{onTextInput:o.onTextInput,onBlur:o.onBlur,onFocus:o.onFocus,onInput:i[6]||(i[6]=c=>o.onInput(c)),onSelected:o.onSelected}),null,16,["modelValue","allow-font-size","variable-items","auto-focus","editable","input-aria-label","input-class","output-format","placeholder","use-div-tags","allow-tables","onTextInput","onBlur","onFocus","onSelected"])],4)],16)}const rt=H._(ot,[["render",nt]]);exports.default=rt;
 //# sourceMappingURL=editor.cjs.map