@dialpad/dialtone 9.168.0 → 9.170.0

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

@@ -1,12 +1,12 @@
-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 = {
+import { resolveComponent as s, resolveDirective as b, openBlock as n, createBlock as i, withCtx as r, renderSlot as w, withDirectives as g, mergeProps as v, withKeys as l, withModifiers as f, resolveDynamicComponent as _ } from "vue";
+import { _ as y } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import h from "../dropdown/dropdown.js";
+import D from "../button/button.js";
+const q = {
   name: "EditorToolbardropdownButton",
   components: {
-    DtButton: h,
-    DtDropdown: y
+    DtButton: D,
+    DtDropdown: h
   },
   props: {
     /**
@@ -63,44 +63,47 @@ const D = {
     "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, {
+function x(e, o, t, B, Q, k) {
+  const p = s("dt-button"), c = s("dt-dropdown"), m = b("dt-tooltip");
+  return n(), i(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" }]
-      ])
-    ]),
+    anchor: r(({ attrs: a }) => {
+      var d;
+      return [
+        g((n(), i(p, v({ ref: "buttonRef" }, a, {
+          active: t.isActive,
+          "aria-label": t.tooltipMessage,
+          "data-qa": t.dataQa,
+          tabindex: t.tabindex,
+          importance: "clear",
+          kind: "muted",
+          size: "xs",
+          onKeydown: [
+            o[0] || (o[0] = l(f((u) => e.$emit("shift-focus-right"), ["stop"]), ["right"])),
+            o[1] || (o[1] = l(f((u) => e.$emit("shift-focus-left"), ["stop"]), ["left"]))
+          ]
+        }), {
+          icon: r(() => [
+            (n(), i(_(t.icon), { size: "200" }))
+          ]),
+          _: 1
+        }, 16, ["active", "aria-label", "data-qa", "tabindex"])), [
+          [m, { message: t.tooltipMessage, placement: "top", externalAnchorElement: (d = e.$refs.buttonRef) == null ? void 0 : d.$el }]
+        ])
+      ];
+    }),
     list: r(({ close: a }) => [
-      b(o.$slots, "list", { close: a })
+      w(e.$slots, "list", { close: a })
     ]),
     _: 3
   }, 8, ["data-qa"]);
 }
-const z = /* @__PURE__ */ _(D, [["render", q]]);
+const C = /* @__PURE__ */ y(q, [["render", x]]);
 export {
-  z as default
+  C as default
 };
 //# sourceMappingURL=EditorToolbarDropdownButton.js.map

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

@@ -1 +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;;;;;"}
+{"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', externalAnchorElement: $refs.buttonRef?.$el }\"\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","_directive_dt_tooltip","_a","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;AAAA,QACxBC,GAAAC,KAAAN,EAoBYO,GApBZC,EAoBY,EAnBV,KAAI,YAAW,GAEPJ,GAAK;AAAA,UACZ,QAAQF,EAAA;AAAA,UACR,cAAYA,EAAA;AAAA,UACZ,WAASA,EAAA;AAAA,UACT,UAAUA,EAAA;AAAA,UACX,YAAW;AAAA,UACX,MAAK;AAAA,UACL,MAAK;AAAA,UACJ,WAAO;AAAA,uCAAaO,EAAA,MAAK,mBAAA,GAAA,CAAA,MAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA,uCACNA,EAAA,MAAK,kBAAA,GAAA,CAAA,MAAA,CAAA,GAAA,CAAA,MAAA,CAAA;AAAA;;UAEd,QACT,MAGE;AAAA,aAHFH,EAAA,GAAAN,EAGEU,EAFKR,EAAA,IAAI,GAAA,EACT,MAAK,OAAK;AAAA;;;UAfW,CAAAS,GAAA,EAAA,SAAAT,EAAA,gBAAc,WAAA,OAAA,wBAA2CU,IAAAH,EAAA,MAAM,cAAN,gBAAAG,EAAiB,IAAG,CAAA;AAAA;;;IAoB/F,MAAIT,EACb,CAGE,EAJe,OAAAU,QAAK;AAAA,MACtBC,EAGEL,EAAA,QAAA,QAAA,EADC,OAAOI,EAAK,CAAA;AAAA;;;;;"}

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

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

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

@@ -1 +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"}
+{"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', externalAnchorElement: $refs.buttonRef?.$el }\"\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","_directive_dt_tooltip","_a","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,OAAA,OACxBC,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,6DAfW,CAAAS,EAAA,CAAA,QAAAT,EAAA,eAAc,UAAA,MAAA,uBAA2CU,EAAAH,EAAA,MAAM,YAAN,YAAAG,EAAiB,GAAG,CAAA,OAoB/F,QAAOT,EAAAA,QAChB,CAGE,CAJkB,MAAAU,KAAK,CACzBC,EAAAA,WAGEL,EAAA,OAAA,UAAA,CADC,MAAOI,CAAK,CAAA"}

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

@@ -1,12 +1,12 @@
-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 = {
+import { resolveComponent as d, resolveDirective as v, openBlock as i, createBlock as n, withCtx as r, renderSlot as b, withDirectives as g, mergeProps as y, withKeys as l, withModifiers as p, resolveDynamicComponent as _ } from "vue";
+import { _ as h } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import w from "../popover/popover.js";
+import D from "../button/button.js";
+const q = {
   name: "EditorToolbarPopoverButton",
   components: {
-    DtButton: w,
-    DtPopover: h
+    DtButton: D,
+    DtPopover: w
   },
   props: {
     /**
@@ -63,45 +63,48 @@ const D = {
     "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, {
+function x(e, o, t, B, k, Q) {
+  const c = d("dt-button"), f = d("dt-popover"), m = v("dt-tooltip");
+  return i(), n(f, {
     "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" }]
-      ])
-    ]),
+    anchor: r(({ attrs: a }) => {
+      var s;
+      return [
+        g((i(), n(c, y({ ref: "buttonRef" }, a, {
+          active: t.isActive,
+          "aria-label": t.tooltipMessage,
+          "data-qa": t.dataQa,
+          tabindex: t.tabindex,
+          importance: "clear",
+          kind: "muted",
+          size: "xs",
+          onKeydown: [
+            o[0] || (o[0] = l(p((u) => e.$emit("shift-focus-right"), ["stop"]), ["right"])),
+            o[1] || (o[1] = l(p((u) => e.$emit("shift-focus-left"), ["stop"]), ["left"]))
+          ]
+        }), {
+          icon: r(() => [
+            (i(), n(_(t.icon), { size: "200" }))
+          ]),
+          _: 1
+        }, 16, ["active", "aria-label", "data-qa", "tabindex"])), [
+          [m, { message: t.tooltipMessage, placement: "top", externalAnchorElement: (s = e.$refs.buttonRef) == null ? void 0 : s.$el }]
+        ])
+      ];
+    }),
     content: r(({ close: a }) => [
-      v(o.$slots, "content", { close: a })
+      b(e.$slots, "content", { close: a })
     ]),
     _: 3
   }, 8, ["data-qa"]);
 }
-const C = /* @__PURE__ */ y(D, [["render", q]]);
+const A = /* @__PURE__ */ h(q, [["render", x]]);
 export {
-  C as default
+  A as default
 };
 //# sourceMappingURL=EditorToolbarPopoverButton.js.map

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

@@ -1 +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;;;;;"}
+{"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', externalAnchorElement: $refs.buttonRef?.$el }\"\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","_directive_dt_tooltip","_a","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;AAAA,QACxBC,GAAAC,KAAAN,EAoBYO,GApBZC,EAoBY,EAnBV,KAAI,YAAW,GAEPJ,GAAK;AAAA,UACZ,QAAQF,EAAA;AAAA,UACR,cAAYA,EAAA;AAAA,UACZ,WAASA,EAAA;AAAA,UACT,UAAUA,EAAA;AAAA,UACX,YAAW;AAAA,UACX,MAAK;AAAA,UACL,MAAK;AAAA,UACJ,WAAO;AAAA,uCAAaO,EAAA,MAAK,mBAAA,GAAA,CAAA,MAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA,uCACNA,EAAA,MAAK,kBAAA,GAAA,CAAA,MAAA,CAAA,GAAA,CAAA,MAAA,CAAA;AAAA;;UAEd,QACT,MAGE;AAAA,aAHFH,EAAA,GAAAN,EAGEU,EAFKR,EAAA,IAAI,GAAA,EACT,MAAK,OAAK;AAAA;;;UAfW,CAAAS,GAAA,EAAA,SAAAT,EAAA,gBAAc,WAAA,OAAA,wBAA2CU,IAAAH,EAAA,MAAM,cAAN,gBAAAG,EAAiB,IAAG,CAAA;AAAA;;;IAoB/F,SAAOT,EAChB,CAGE,EAJkB,OAAAU,QAAK;AAAA,MACzBC,EAGEL,EAAA,QAAA,WAAA,EADC,OAAOI,EAAK,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 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"}]},allowBackgroundColor:{type:Boolean,default:!1},allowLineHeight:{type:Boolean,default:!1},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,C,A,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:(A=(C=e.$refs.richTextEditor)==null?void 0:C.editor)==null?void 0:A.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,"allow-background-color":n.allowBackgroundColor,"allow-line-height":n.allowLineHeight,"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","allow-background-color","allow-line-height","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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("./editor-constants.cjs"),R=require("../../common/utils/index.cjs"),Q=require("./EditorToolbarButton.cjs"),P=require("./EditorToolbarDropdownButton.cjs"),K=require("./EditorToolbarPopoverButton.cjs"),l=require("@dialpad/dialtone-icons/vue3"),H=require("../../localization/index.cjs"),t=require("vue"),J=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),j=require("../combobox/combobox.cjs"),Y=require("../tooltip/tooltip.cjs"),G=require("../input/input.cjs"),X=require("../stack/stack.cjs"),Z=require("../popover/popover.cjs"),W=require("../button/button.cjs"),$=require("../rich-text-editor/rich-text-editor.cjs"),tt=require("../list-item/list-item.cjs"),et=require("../dropdown/dropdown-separator.cjs"),ot=require("../list-item-group/list-item-group.cjs"),S=require("../rich-text-editor/rich-text-editor-constants.cjs"),it={compatConfig:{MODE:3},name:"DtRecipeEditor",components:{DtListItemGroup:ot.default,DtDropdownSeparator:et.default,DtListItem:tt.default,DtRichTextEditor:$.default,DtButton:W.default,DtPopover:Z.default,DtStack:X.default,DtInput:G.default,DtTooltip:Y.default,DtCombobox:j.default,EditorToolbarButton:Q.default,EditorToolbarDropdownButton:P.default,EditorToolbarPopoverButton:K.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"}]},allowBackgroundColor:{type:Boolean,default:!1},allowLineHeight:{type:Boolean,default:!1},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 H.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(){var e;return(e=this.$refs.editorRoot)==null?void 0:e.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:R.removeClassStyleAttrs,addClassStyleAttrs:R.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()}}},nt={class:"d-recipe-editor__popover-content"};function rt(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"),v=t.resolveComponent("dt-dropdown-separator"),N=t.resolveComponent("dt-list-item-group"),V=t.resolveComponent("editor-toolbar-button"),g=t.resolveComponent("dt-stack"),q=t.resolveComponent("dt-tooltip"),U=t.resolveComponent("dt-popover"),z=t.resolveComponent("dt-rich-text-editor"),M=t.resolveDirective("dt-tooltip");return t.openBlock(),t.createElementBlock("div",t.mergeProps({ref:"editorRoot",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,x;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:O=>{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"])),[[M,{message:r.tooltipMessage,placement:"top",externalAnchorElement:(b=e.$refs[o.getButtonRef(c.key,r.selector)])==null?void 0:b.$el}]]):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,O)=>(t.openBlock(),t.createBlock(N,{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:st=>{o.insertVariable(u.name,_),p()}},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(_.name),1)]),_:2},1032,["onClick"]))),128)),O<o.filteredCategories.length-1?(t.openBlock(),t.createBlock(v,{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(V,{key:o.getButtonKey(c.key,r.selector),ref_for:!0,ref:o.getButtonRef(c.key,r.selector),"is-active":(x=(D=e.$refs.richTextEditor)==null?void 0:D.editor)==null?void 0:x.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(U,{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(q,{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",nt,[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(z,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,"allow-background-color":n.allowBackgroundColor,"allow-line-height":n.allowLineHeight,"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","allow-background-color","allow-line-height","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 lt=J._(it,[["render",rt]]);exports.default=lt;
 //# sourceMappingURL=editor.cjs.map