@dialpad/dialtone 9.164.0 → 9.166.0

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

@@ -1,2 +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;
+"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 d(o,i,e,f,b,p){const n=t.resolveComponent("dt-button"),r=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(a=>o.$emit("shift-focus-right"),["stop"]),["right"])),i[1]||(i[1]=t.withKeys(t.withModifiers(a=>o.$emit("shift-focus-left"),["stop"]),["left"]))]},{icon:t.withCtx(()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.icon),{size:"200"})),t.renderSlot(o.$slots,"extra")]),default:t.withCtx(()=>[t.createTextVNode(" "+t.toDisplayString(e.label),1)]),_:3},8,["active","aria-label","data-qa","tabindex","onClick"])),[[r,{message:e.tooltipMessage,placement:"top"}]])}const c=l._(u,[["render",d]]);exports.default=c;
 //# sourceMappingURL=EditorToolbarButton.cjs.map

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

@@ -1 +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"}
+{"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      <slot name=\"extra\" />\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","_renderSlot","_createTextVNode"],"mappings":"+NA6BKA,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,4IAxGEC,EAAAA,YAsBYC,EAAA,CArBV,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,GAEZI,aAAqBH,EAAA,OAAA,OAAA,sBACZ,IACX,CADWI,EAAAA,gBAAA,sBACRL,EAAA,KAAK,EAAA,CAAA,iFAnBiBA,EAAA,eAAc,UAAA,KAAA,CAAA"}

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

@@ -1,10 +1,10 @@
-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 _ = {
+import { resolveComponent as f, resolveDirective as u, withDirectives as m, openBlock as i, createBlock as n, withKeys as a, withModifiers as r, withCtx as l, createTextVNode as p, toDisplayString as b, resolveDynamicComponent as v, renderSlot as g } from "vue";
+import { _ as y } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import _ from "../button/button.js";
+const h = {
   name: "EditorToolbarButton",
   components: {
-    DtButton: y
+    DtButton: _
   },
   props: {
     /**
@@ -68,9 +68,9 @@ const _ = {
     "shift-focus-left"
   ]
 };
-function h(i, e, t, x, k, C) {
+function x(o, e, t, k, C, B) {
   const s = f("dt-button"), d = u("dt-tooltip");
-  return m((o(), n(s, {
+  return m((i(), n(s, {
     ref: "buttonRef",
     active: t.isActive,
     "aria-label": t.tooltipMessage,
@@ -81,23 +81,24 @@ function h(i, e, t, x, k, C) {
     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"]))
+      e[0] || (e[0] = a(r((c) => o.$emit("shift-focus-right"), ["stop"]), ["right"])),
+      e[1] || (e[1] = a(r((c) => o.$emit("shift-focus-left"), ["stop"]), ["left"]))
     ]
   }, {
     icon: l(() => [
-      (o(), n(v(t.icon), { size: "200" }))
+      (i(), n(v(t.icon), { size: "200" })),
+      g(o.$slots, "extra")
     ]),
     default: l(() => [
       p(" " + b(t.label), 1)
     ]),
-    _: 1
+    _: 3
   }, 8, ["active", "aria-label", "data-qa", "tabindex", "onClick"])), [
     [d, { message: t.tooltipMessage, placement: "top" }]
   ]);
 }
-const D = /* @__PURE__ */ g(_, [["render", h]]);
+const S = /* @__PURE__ */ y(h, [["render", x]]);
 export {
-  D as default
+  S as default
 };
 //# sourceMappingURL=EditorToolbarButton.js.map

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

@@ -1 +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;;;"}
+{"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      <slot name=\"extra\" />\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","_renderSlot","_createTextVNode"],"mappings":";;;AA6BA,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;;;iBAxGEC,EAsBYC,GAAA;AAAA,IArBV,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,MAEZI,EAAqBH,EAAA,QAAA,OAAA;AAAA;eACZ,MACX;AAAA,MADWI,EAAA,QACRL,EAAA,KAAK,GAAA,CAAA;AAAA;;;mBAnBiBA,EAAA,gBAAc,WAAA,MAAA,CAAA;AAAA;;;"}

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

@@ -1,2 +1,2 @@
-"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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("./editor-constants.cjs"),O=require("../../common/utils/index.cjs"),M=require("./EditorToolbarButton.cjs"),Q=require("./EditorToolbarDropdownButton.cjs"),P=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"),S=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:M.default,EditorToolbarDropdownButton:Q.default,EditorToolbarPopoverButton:P.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,DtIconStopFilled:l.DtIconStopFilled},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"?S.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},allowImageResize:{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 S.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",icon:l.DtIconStopFilled,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")},isDefaultFontColor(){return this.currentFontColor===k.EDITOR_DEFAULT_FONT_COLOR},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}k.EDITOR_SUPPORTED_LINK_PROTOCOLS.find(f=>f.test(this.linkInput))||(this.linkInput=`${k.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:"",enableAltText:i.enableAltText}).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)||k.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(),this.updateFontColorInput()}}},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"),m=t.resolveComponent("dt-list-item"),I=t.resolveComponent("dt-combobox"),L=t.resolveComponent("editor-toolbar-popover-button"),F=t.resolveComponent("editor-toolbar-dropdown-button"),B=t.resolveComponent("dt-button"),R=t.resolveComponent("dt-dropdown-separator"),v=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"),z=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 T,w,y,E,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":(w=(T=e.$refs.richTextEditor)==null?void 0:T.editor)==null?void 0:w.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(m,{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(F,{key:o.getButtonKey(c.key,r.selector),ref_for:!0,ref:o.getButtonRef(c.key,r.selector),"is-active":(E=(y=e.$refs.richTextEditor)==null?void 0:y.editor)==null?void 0:E.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(m,{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()},{icon:t.withCtx(()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(r.icon),{size:"200",style:t.normalizeStyle(o.isDefaultFontColor?{}:{color:s.currentFontColor})},null,8,["style"])),t.createVNode(f,{value:s.currentFontColor,"root-class":"d-w0 d-h0 d-of-hidden","input-class":"colorPickerInput d-w0 d-h0 d-p0 d-bar0","input-wrapper-class":"d-w0 d-h0 d-ba-none",size:"sm",type:"color",onInput:o.onColorPickerInput,onClick:i[1]||(i[1]=t.withModifiers(()=>{},["stop"]))},null,8,["value","onInput"])]),_:2},1032,["active","tabindex","aria-label","data-qa","onKeydown","onClick"])),[[z,{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(v,{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.openBlock(),t.createBlock(m,{key:u.name+_.name,role:"option","navigation-type":"arrow-keys",onClick:lt=>{o.insertVariable(u.name,_),p()}},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(_.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]=T=>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:t.normalizeClass(["d-recipe-editor__content",{"d-recipe-editor__content-image-resize":n.allowImageResize}])},[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,"allow-image-resize":n.allowImageResize,"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","allow-image-resize","onTextInput","onBlur","onFocus","onSelected"])],6)],16)}const rt=H._(ot,[["render",nt]]);exports.default=rt;
 //# sourceMappingURL=editor.cjs.map