@zipify/wysiwyg 3.5.0-ai-prototype → 3.5.2-ai-prototype

package/dist/wysiwyg.mjs

@@ -16541,7 +16541,7 @@ function getChildren(popper2) {
     })
   };
 }
-function render$P(instance) {
+function render$Q(instance) {
   var popper2 = div();
   var box = div();
   box.className = BOX_CLASS;
@@ -16596,7 +16596,7 @@ function render$P(instance) {
     onUpdate
   };
 }
-render$P.$$tippy = true;
+render$Q.$$tippy = true;
 var idCounter = 1;
 var mouseMoveListeners = [];
 var mountedInstances = [];
@@ -17376,7 +17376,7 @@ Object.assign({}, applyStyles$1, {
   }
 });
 tippy.setDefaultProps({
-  render: render$P
+  render: render$Q
 });
 class FloatingMenuView {
   constructor({ editor, element, view, tippyOptions = {}, shouldShow }) {
@@ -17737,7 +17737,7 @@ const LinkDestinations = Object.freeze({
   URL: "url",
   BLOCK: "block"
 });
-var render$O = function __render__() {
+var render$P = function __render__() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -17745,7 +17745,7 @@ var render$O = function __render__() {
     staticClass: "zw-toolbar__group"
   }, [_vm._t("default")], 2);
 };
-var staticRenderFns$O = [];
+var staticRenderFns$P = [];
 const ToolbarGroup_vue_vue_type_style_index_0_scoped_true_lang = "";
 function normalizeComponent(scriptExports, render2, staticRenderFns2, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
   var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
@@ -17803,29 +17803,29 @@ function normalizeComponent(scriptExports, render2, staticRenderFns2, functional
     options
   };
 }
-const __vue2_script$O = {
+const __vue2_script$P = {
   name: "ToolbarGroup"
 };
-const __cssModules$O = {};
-var __component__$O = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$O,
-  render$O,
-  staticRenderFns$O,
+const __cssModules$P = {};
+var __component__$P = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$P,
+  render$P,
+  staticRenderFns$P,
   false,
-  __vue2_injectStyles$O,
+  __vue2_injectStyles$P,
   "31a43dae",
   null,
   null
 );
-function __vue2_injectStyles$O(context) {
-  for (let o in __cssModules$O) {
-    this[o] = __cssModules$O[o];
+function __vue2_injectStyles$P(context) {
+  for (let o in __cssModules$P) {
+    this[o] = __cssModules$P[o];
   }
 }
 const ToolbarGroup = /* @__PURE__ */ function() {
-  return __component__$O.exports;
+  return __component__$P.exports;
 }();
-var render$N = function __render__2() {
+var render$O = function __render__2() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -17834,9 +17834,9 @@ var render$N = function __render__2() {
     "class": _vm.classes
   });
 };
-var staticRenderFns$N = [];
+var staticRenderFns$O = [];
 const ToolbarDivider_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$N = {
+const __vue2_script$O = {
   name: "ToolbarDivider",
   props: {
     vertical: {
@@ -17858,26 +17858,26 @@ const __vue2_script$N = {
     return { classes };
   }
 };
-const __cssModules$N = {};
-var __component__$N = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$N,
-  render$N,
-  staticRenderFns$N,
+const __cssModules$O = {};
+var __component__$O = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$O,
+  render$O,
+  staticRenderFns$O,
   false,
-  __vue2_injectStyles$N,
+  __vue2_injectStyles$O,
   "3c490aa3",
   null,
   null
 );
-function __vue2_injectStyles$N(context) {
-  for (let o in __cssModules$N) {
-    this[o] = __cssModules$N[o];
+function __vue2_injectStyles$O(context) {
+  for (let o in __cssModules$O) {
+    this[o] = __cssModules$O[o];
   }
 }
 const ToolbarDivider = /* @__PURE__ */ function() {
-  return __component__$N.exports;
+  return __component__$O.exports;
 }();
-var render$M = function __render__3() {
+var render$N = function __render__3() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -17885,29 +17885,29 @@ var render$M = function __render__3() {
     staticClass: "zw-toolbar__row"
   }, [_vm._t("default")], 2);
 };
-var staticRenderFns$M = [];
+var staticRenderFns$N = [];
 const ToolbarRow_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$M = {
+const __vue2_script$N = {
   name: "ToolbarRow"
 };
-const __cssModules$M = {};
-var __component__$M = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$M,
-  render$M,
-  staticRenderFns$M,
+const __cssModules$N = {};
+var __component__$N = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$N,
+  render$N,
+  staticRenderFns$N,
   false,
-  __vue2_injectStyles$M,
+  __vue2_injectStyles$N,
   "050f71dd",
   null,
   null
 );
-function __vue2_injectStyles$M(context) {
-  for (let o in __cssModules$M) {
-    this[o] = __cssModules$M[o];
+function __vue2_injectStyles$N(context) {
+  for (let o in __cssModules$N) {
+    this[o] = __cssModules$N[o];
   }
 }
 const ToolbarRow = /* @__PURE__ */ function() {
-  return __component__$M.exports;
+  return __component__$N.exports;
 }();
 const InjectionTokens$1 = Object.freeze({
   FONTS: Symbol("fonts"),
@@ -17917,7 +17917,7 @@ const InjectionTokens$1 = Object.freeze({
   FAVORITE_COLORS: Symbol("favoriteColors"),
   PAGE_BLOCKS: Symbol("pageBlocks")
 });
-var render$L = function __render__4() {
+var render$M = function __render__4() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -17935,9 +17935,9 @@ var render$L = function __render__4() {
     }
   }, [_vm._t("default")], 2);
 };
-var staticRenderFns$L = [];
+var staticRenderFns$M = [];
 const Button_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$L = {
+const __vue2_script$M = {
   name: "Button",
   props: {
     skin: {
@@ -17971,26 +17971,26 @@ const __vue2_script$L = {
     return { classes };
   }
 };
-const __cssModules$L = {};
-var __component__$L = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$L,
-  render$L,
-  staticRenderFns$L,
+const __cssModules$M = {};
+var __component__$M = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$M,
+  render$M,
+  staticRenderFns$M,
   false,
-  __vue2_injectStyles$L,
+  __vue2_injectStyles$M,
   "562f4e4a",
   null,
   null
 );
-function __vue2_injectStyles$L(context) {
-  for (let o in __cssModules$L) {
-    this[o] = __cssModules$L[o];
+function __vue2_injectStyles$M(context) {
+  for (let o in __cssModules$M) {
+    this[o] = __cssModules$M[o];
   }
 }
 const Button = /* @__PURE__ */ function() {
-  return __component__$L.exports;
+  return __component__$M.exports;
 }();
-var render$K = function __render__5() {
+var render$L = function __render__5() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -18006,9 +18006,9 @@ var render$K = function __render__5() {
     });
   })], 2);
 };
-var staticRenderFns$K = [];
+var staticRenderFns$L = [];
 const ButtonToggle_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$K = {
+const __vue2_script$L = {
   name: "ButtonToggle",
   model: {
     event: "change"
@@ -18024,24 +18024,24 @@ const __vue2_script$K = {
     }
   }
 };
-const __cssModules$K = {};
-var __component__$K = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$K,
-  render$K,
-  staticRenderFns$K,
+const __cssModules$L = {};
+var __component__$L = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$L,
+  render$L,
+  staticRenderFns$L,
   false,
-  __vue2_injectStyles$K,
+  __vue2_injectStyles$L,
   "a02f12aa",
   null,
   null
 );
-function __vue2_injectStyles$K(context) {
-  for (let o in __cssModules$K) {
-    this[o] = __cssModules$K[o];
+function __vue2_injectStyles$L(context) {
+  for (let o in __cssModules$L) {
+    this[o] = __cssModules$L[o];
   }
 }
 const ButtonToggle = /* @__PURE__ */ function() {
-  return __component__$K.exports;
+  return __component__$L.exports;
 }();
 function createCommand(exec) {
   return (...args) => (context) => exec(context, ...args);
@@ -21637,13 +21637,15 @@ const Margin = Extension.create({
   ]
 });
 const AiComponent = Extension.create({
-  name: "device_manager",
+  name: "ai_component",
   addCommands() {
     return {
-      // _getAiAdapter: createCommand(() => toRef(this.options, 'device'))
-      generateText: createCommand(async ({ commands: commands2 }, { prompt, context }) => {
+      getAiSettings: createCommand(() => {
+        return this.options.aiComponent.settings;
+      }),
+      generateText: createCommand(async ({ commands: commands2 }, { prompt, context, instructions }) => {
         const aiComponent = this.options.aiComponent;
-        const result = await aiComponent.generateText({ prompt, context });
+        const result = await aiComponent.generateText({ prompt, context, instructions });
         result.content = result.content.replace(/\n/g, "");
         return result;
       })
@@ -23722,7 +23724,7 @@ var cloneDeep_1 = cloneDeep;
 function copyMark(mark) {
   return mark.type.create(cloneDeep_1(mark.attrs));
 }
-var render$J = function __render__6() {
+var render$K = function __render__6() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -23735,9 +23737,9 @@ var render$J = function __render__6() {
     }
   });
 };
-var staticRenderFns$J = [];
+var staticRenderFns$K = [];
 const Icon_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$J = {
+const __vue2_script$K = {
   name: "Icon",
   props: {
     name: {
@@ -23780,24 +23782,24 @@ const __vue2_script$J = {
     };
   }
 };
-const __cssModules$J = {};
-var __component__$J = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$J,
-  render$J,
-  staticRenderFns$J,
+const __cssModules$K = {};
+var __component__$K = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$K,
+  render$K,
+  staticRenderFns$K,
   false,
-  __vue2_injectStyles$J,
+  __vue2_injectStyles$K,
   "366d6daa",
   null,
   null
 );
-function __vue2_injectStyles$J(context) {
-  for (let o in __cssModules$J) {
-    this[o] = __cssModules$J[o];
+function __vue2_injectStyles$K(context) {
+  for (let o in __cssModules$K) {
+    this[o] = __cssModules$K[o];
   }
 }
 const Icon = /* @__PURE__ */ function() {
-  return __component__$J.exports;
+  return __component__$K.exports;
 }();
 var canUseDOM = !!(typeof window !== "undefined" && window.document && window.document.createElement);
 var canUseDom = canUseDOM;
@@ -25065,7 +25067,7 @@ function useScrollView() {
   }
   return { scrollToElement };
 }
-var render$I = function __render__7() {
+var render$J = function __render__7() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -25077,9 +25079,9 @@ var render$I = function __render__7() {
     }
   }, [_vm._t("default")], 2);
 };
-var staticRenderFns$I = [];
+var staticRenderFns$J = [];
 const ScrollView_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$I = {
+const __vue2_script$J = {
   name: "ScrollView",
   setup() {
     const hostRef = ref(null);
@@ -25093,26 +25095,26 @@ const __vue2_script$I = {
     return { hostRef };
   }
 };
-const __cssModules$I = {};
-var __component__$I = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$I,
-  render$I,
-  staticRenderFns$I,
+const __cssModules$J = {};
+var __component__$J = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$J,
+  render$J,
+  staticRenderFns$J,
   false,
-  __vue2_injectStyles$I,
+  __vue2_injectStyles$J,
   "95e8ad00",
   null,
   null
 );
-function __vue2_injectStyles$I(context) {
-  for (let o in __cssModules$I) {
-    this[o] = __cssModules$I[o];
+function __vue2_injectStyles$J(context) {
+  for (let o in __cssModules$J) {
+    this[o] = __cssModules$J[o];
   }
 }
 const ScrollView = /* @__PURE__ */ function() {
-  return __component__$I.exports;
+  return __component__$J.exports;
 }();
-var render$H = function __render__8() {
+var render$I = function __render__8() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -25123,9 +25125,9 @@ var render$H = function __render__8() {
     }
   }, [_vm._t("default")], 2);
 };
-var staticRenderFns$H = [];
+var staticRenderFns$I = [];
 const FieldLabel_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$H = {
+const __vue2_script$I = {
   name: "FieldLabel",
   props: {
     fieldId: {
@@ -25135,26 +25137,26 @@ const __vue2_script$H = {
     }
   }
 };
-const __cssModules$H = {};
-var __component__$H = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$H,
-  render$H,
-  staticRenderFns$H,
+const __cssModules$I = {};
+var __component__$I = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$I,
+  render$I,
+  staticRenderFns$I,
   false,
-  __vue2_injectStyles$H,
+  __vue2_injectStyles$I,
   "116650c2",
   null,
   null
 );
-function __vue2_injectStyles$H(context) {
-  for (let o in __cssModules$H) {
-    this[o] = __cssModules$H[o];
+function __vue2_injectStyles$I(context) {
+  for (let o in __cssModules$I) {
+    this[o] = __cssModules$I[o];
   }
 }
 const FieldLabel = /* @__PURE__ */ function() {
-  return __component__$H.exports;
+  return __component__$I.exports;
 }();
-var render$G = function __render__9() {
+var render$H = function __render__9() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -25178,9 +25180,9 @@ var render$G = function __render__9() {
     }
   });
 };
-var staticRenderFns$G = [];
+var staticRenderFns$H = [];
 const Range_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$G = {
+const __vue2_script$H = {
   name: "Range",
   props: {
     min: {
@@ -25229,26 +25231,26 @@ const __vue2_script$G = {
     };
   }
 };
-const __cssModules$G = {};
-var __component__$G = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$G,
-  render$G,
-  staticRenderFns$G,
+const __cssModules$H = {};
+var __component__$H = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$H,
+  render$H,
+  staticRenderFns$H,
   false,
-  __vue2_injectStyles$G,
+  __vue2_injectStyles$H,
   "15a6af30",
   null,
   null
 );
-function __vue2_injectStyles$G(context) {
-  for (let o in __cssModules$G) {
-    this[o] = __cssModules$G[o];
+function __vue2_injectStyles$H(context) {
+  for (let o in __cssModules$H) {
+    this[o] = __cssModules$H[o];
   }
 }
 const Range = /* @__PURE__ */ function() {
-  return __component__$G.exports;
+  return __component__$H.exports;
 }();
-var render$F = function __render__10() {
+var render$G = function __render__10() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -25296,9 +25298,9 @@ var render$F = function __render__10() {
     staticClass: "zw-number-field__units"
   }, [_vm._v(" " + _vm._s(_vm.units) + " ")]) : _vm._e()])]);
 };
-var staticRenderFns$F = [];
+var staticRenderFns$G = [];
 const NumberField_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$F = {
+const __vue2_script$G = {
   name: "NumberField",
   components: {
     Button
@@ -25368,24 +25370,24 @@ const __vue2_script$F = {
     };
   }
 };
-const __cssModules$F = {};
-var __component__$F = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$F,
-  render$F,
-  staticRenderFns$F,
+const __cssModules$G = {};
+var __component__$G = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$G,
+  render$G,
+  staticRenderFns$G,
   false,
-  __vue2_injectStyles$F,
+  __vue2_injectStyles$G,
   "2e210d91",
   null,
   null
 );
-function __vue2_injectStyles$F(context) {
-  for (let o in __cssModules$F) {
-    this[o] = __cssModules$F[o];
+function __vue2_injectStyles$G(context) {
+  for (let o in __cssModules$G) {
+    this[o] = __cssModules$G[o];
   }
 }
 const NumberField = /* @__PURE__ */ function() {
-  return __component__$F.exports;
+  return __component__$G.exports;
 }();
 const dataStorage = /* @__PURE__ */ new WeakMap();
 function toggleListener(toEnable, onClick) {
@@ -25435,7 +25437,7 @@ function tooltip(el, { value, modifiers: modifiers2 }) {
   if (modifiers2.lg)
     el.dataset.tooltipSize = "lg";
 }
-var render$E = function __render__11() {
+var render$F = function __render__11() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -25459,9 +25461,9 @@ var render$E = function __render__11() {
     }
   }, [_vm._t("default")], 2) : _vm._e()]);
 };
-var staticRenderFns$E = [];
+var staticRenderFns$F = [];
 const Modal_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$E = {
+const __vue2_script$F = {
   name: "Modal",
   transition: {
     enter: 200,
@@ -25521,26 +25523,26 @@ const __vue2_script$E = {
     };
   }
 };
-const __cssModules$E = {};
-var __component__$E = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$E,
-  render$E,
-  staticRenderFns$E,
+const __cssModules$F = {};
+var __component__$F = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$F,
+  render$F,
+  staticRenderFns$F,
   false,
-  __vue2_injectStyles$E,
+  __vue2_injectStyles$F,
   "4818ede9",
   null,
   null
 );
-function __vue2_injectStyles$E(context) {
-  for (let o in __cssModules$E) {
-    this[o] = __cssModules$E[o];
+function __vue2_injectStyles$F(context) {
+  for (let o in __cssModules$F) {
+    this[o] = __cssModules$F[o];
   }
 }
 const Modal = /* @__PURE__ */ function() {
-  return __component__$E.exports;
+  return __component__$F.exports;
 }();
-var render$D = function __render__12() {
+var render$E = function __render__12() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -25573,9 +25575,9 @@ var render$D = function __render__12() {
     }
   }, [_vm._v(" " + _vm._s(_vm.error) + " ")]) : _vm._e()]);
 };
-var staticRenderFns$D = [];
+var staticRenderFns$E = [];
 const TextField_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$D = {
+const __vue2_script$E = {
   name: "TextField",
   props: {
     value: {
@@ -25605,26 +25607,26 @@ const __vue2_script$D = {
     return { onInput, fieldId };
   }
 };
-const __cssModules$D = {};
-var __component__$D = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$D,
-  render$D,
-  staticRenderFns$D,
+const __cssModules$E = {};
+var __component__$E = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$E,
+  render$E,
+  staticRenderFns$E,
   false,
-  __vue2_injectStyles$D,
+  __vue2_injectStyles$E,
   "20ee36c3",
   null,
   null
 );
-function __vue2_injectStyles$D(context) {
-  for (let o in __cssModules$D) {
-    this[o] = __cssModules$D[o];
+function __vue2_injectStyles$E(context) {
+  for (let o in __cssModules$E) {
+    this[o] = __cssModules$E[o];
   }
 }
 const TextField = /* @__PURE__ */ function() {
-  return __component__$D.exports;
+  return __component__$E.exports;
 }();
-var render$C = function __render__13() {
+var render$D = function __render__13() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -25656,9 +25658,9 @@ var render$C = function __render__13() {
     }
   }, [_vm._v(" " + _vm._s(_vm.error) + " ")]) : _vm._e()]);
 };
-var staticRenderFns$C = [];
+var staticRenderFns$D = [];
 const TextArea_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$C = {
+const __vue2_script$D = {
   name: "TextArea",
   props: {
     value: {
@@ -25689,26 +25691,26 @@ const __vue2_script$C = {
     return { onInput, fieldId };
   }
 };
-const __cssModules$C = {};
-var __component__$C = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$C,
-  render$C,
-  staticRenderFns$C,
+const __cssModules$D = {};
+var __component__$D = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$D,
+  render$D,
+  staticRenderFns$D,
   false,
-  __vue2_injectStyles$C,
+  __vue2_injectStyles$D,
   "11f4bb7a",
   null,
   null
 );
-function __vue2_injectStyles$C(context) {
-  for (let o in __cssModules$C) {
-    this[o] = __cssModules$C[o];
+function __vue2_injectStyles$D(context) {
+  for (let o in __cssModules$D) {
+    this[o] = __cssModules$D[o];
   }
 }
 const TextArea = /* @__PURE__ */ function() {
-  return __component__$C.exports;
+  return __component__$D.exports;
 }();
-var render$B = function __render__14() {
+var render$C = function __render__14() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -25731,9 +25733,9 @@ var render$B = function __render__14() {
     staticClass: "zw-checkbox__label"
   }, [_vm._v(_vm._s(_vm.label))])]);
 };
-var staticRenderFns$B = [];
+var staticRenderFns$C = [];
 const Checkbox_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$B = {
+const __vue2_script$C = {
   name: "Checkbox",
   props: {
     value: {
@@ -25751,24 +25753,24 @@ const __vue2_script$B = {
     return { onCheckedChanged };
   }
 };
-const __cssModules$B = {};
-var __component__$B = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$B,
-  render$B,
-  staticRenderFns$B,
+const __cssModules$C = {};
+var __component__$C = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$C,
+  render$C,
+  staticRenderFns$C,
   false,
-  __vue2_injectStyles$B,
+  __vue2_injectStyles$C,
   "c9d1da12",
   null,
   null
 );
-function __vue2_injectStyles$B(context) {
-  for (let o in __cssModules$B) {
-    this[o] = __cssModules$B[o];
+function __vue2_injectStyles$C(context) {
+  for (let o in __cssModules$C) {
+    this[o] = __cssModules$C[o];
   }
 }
 const Checkbox = /* @__PURE__ */ function() {
-  return __component__$B.exports;
+  return __component__$C.exports;
 }();
 const InjectionTokens = Object.freeze({
   ACTIVE_MANAGER: Symbol("dropdownActiveManager"),
@@ -25798,7 +25800,7 @@ function useDropdownEntityTitle(entityRef) {
     return ((_a2 = entityRef.value) == null ? void 0 : _a2.title) || ((_b = entityRef.value) == null ? void 0 : _b.id) || "";
   });
 }
-var render$A = function __render__15() {
+var render$B = function __render__15() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -25828,9 +25830,9 @@ var render$A = function __render__15() {
     "isOpened": _vm.isOpened
   })], 2);
 };
-var staticRenderFns$A = [];
+var staticRenderFns$B = [];
 const DropdownActivator_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$A = {
+const __vue2_script$B = {
   name: "DropdownActivator",
   components: {
     Icon,
@@ -25866,26 +25868,26 @@ const __vue2_script$A = {
     };
   }
 };
-const __cssModules$A = {};
-var __component__$A = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$A,
-  render$A,
-  staticRenderFns$A,
+const __cssModules$B = {};
+var __component__$B = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$B,
+  render$B,
+  staticRenderFns$B,
   false,
-  __vue2_injectStyles$A,
+  __vue2_injectStyles$B,
   "bb5c4efe",
   null,
   null
 );
-function __vue2_injectStyles$A(context) {
-  for (let o in __cssModules$A) {
-    this[o] = __cssModules$A[o];
+function __vue2_injectStyles$B(context) {
+  for (let o in __cssModules$B) {
+    this[o] = __cssModules$B[o];
   }
 }
 const DropdownActivator = /* @__PURE__ */ function() {
-  return __component__$A.exports;
+  return __component__$B.exports;
 }();
-var render$z = function __render__16() {
+var render$A = function __render__16() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -25900,9 +25902,9 @@ var render$z = function __render__16() {
     return [_vm._v(_vm._s(_vm.optionTitle))];
   })], 2);
 };
-var staticRenderFns$z = [];
+var staticRenderFns$A = [];
 const DropdownOption_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$z = {
+const __vue2_script$A = {
   name: "DropdownOption",
   components: {
     Button
@@ -25947,26 +25949,26 @@ const __vue2_script$z = {
     };
   }
 };
-const __cssModules$z = {};
-var __component__$z = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$z,
-  render$z,
-  staticRenderFns$z,
+const __cssModules$A = {};
+var __component__$A = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$A,
+  render$A,
+  staticRenderFns$A,
   false,
-  __vue2_injectStyles$z,
+  __vue2_injectStyles$A,
   "1355d08c",
   null,
   null
 );
-function __vue2_injectStyles$z(context) {
-  for (let o in __cssModules$z) {
-    this[o] = __cssModules$z[o];
+function __vue2_injectStyles$A(context) {
+  for (let o in __cssModules$A) {
+    this[o] = __cssModules$A[o];
   }
 }
 const DropdownOption = /* @__PURE__ */ function() {
-  return __component__$z.exports;
+  return __component__$A.exports;
 }();
-var render$y = function __render__17() {
+var render$z = function __render__17() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -25986,9 +25988,9 @@ var render$y = function __render__17() {
     });
   })], 2);
 };
-var staticRenderFns$y = [];
+var staticRenderFns$z = [];
 const DropdownGroup_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$y = {
+const __vue2_script$z = {
   name: "DropdownGroup",
   components: {
     DropdownOption
@@ -26004,26 +26006,26 @@ const __vue2_script$y = {
     return { groupTitle };
   }
 };
-const __cssModules$y = {};
-var __component__$y = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$y,
-  render$y,
-  staticRenderFns$y,
+const __cssModules$z = {};
+var __component__$z = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$z,
+  render$z,
+  staticRenderFns$z,
   false,
-  __vue2_injectStyles$y,
+  __vue2_injectStyles$z,
   "21efeb20",
   null,
   null
 );
-function __vue2_injectStyles$y(context) {
-  for (let o in __cssModules$y) {
-    this[o] = __cssModules$y[o];
+function __vue2_injectStyles$z(context) {
+  for (let o in __cssModules$z) {
+    this[o] = __cssModules$z[o];
   }
 }
 const DropdownGroup = /* @__PURE__ */ function() {
-  return __component__$y.exports;
+  return __component__$z.exports;
 }();
-var render$x = function __render__18() {
+var render$y = function __render__18() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -26031,31 +26033,31 @@ var render$x = function __render__18() {
     staticClass: "zw-dropdown__divider"
   });
 };
-var staticRenderFns$x = [];
+var staticRenderFns$y = [];
 const DropdownDivider_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$x = {
+const __vue2_script$y = {
   name: "DropdownDivider"
 };
-const __cssModules$x = {};
-var __component__$x = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$x,
-  render$x,
-  staticRenderFns$x,
+const __cssModules$y = {};
+var __component__$y = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$y,
+  render$y,
+  staticRenderFns$y,
   false,
-  __vue2_injectStyles$x,
+  __vue2_injectStyles$y,
   "1f5efb01",
   null,
   null
 );
-function __vue2_injectStyles$x(context) {
-  for (let o in __cssModules$x) {
-    this[o] = __cssModules$x[o];
+function __vue2_injectStyles$y(context) {
+  for (let o in __cssModules$y) {
+    this[o] = __cssModules$y[o];
   }
 }
 const DropdownDivider = /* @__PURE__ */ function() {
-  return __component__$x.exports;
+  return __component__$y.exports;
 }();
-var render$w = function __render__19() {
+var render$x = function __render__19() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -26089,9 +26091,9 @@ var render$w = function __render__19() {
     })];
   })], 2)]);
 };
-var staticRenderFns$w = [];
+var staticRenderFns$x = [];
 const DropdownMenu_vue_vue_type_style_index_0_lang = "";
-const __vue2_script$w = {
+const __vue2_script$x = {
   name: "DropdownMenu",
   components: {
     ScrollView,
@@ -26109,26 +26111,26 @@ const __vue2_script$w = {
     provide(InjectionTokens.SESSION, {});
   }
 };
-const __cssModules$w = {};
-var __component__$w = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$w,
-  render$w,
-  staticRenderFns$w,
+const __cssModules$x = {};
+var __component__$x = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$x,
+  render$x,
+  staticRenderFns$x,
   false,
-  __vue2_injectStyles$w,
+  __vue2_injectStyles$x,
   null,
   null,
   null
 );
-function __vue2_injectStyles$w(context) {
-  for (let o in __cssModules$w) {
-    this[o] = __cssModules$w[o];
+function __vue2_injectStyles$x(context) {
+  for (let o in __cssModules$x) {
+    this[o] = __cssModules$x[o];
   }
 }
 const DropdownMenu = /* @__PURE__ */ function() {
-  return __component__$w.exports;
+  return __component__$x.exports;
 }();
-var render$v = function __render__20() {
+var render$w = function __render__20() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -26164,9 +26166,9 @@ var render$v = function __render__20() {
     }], null, true)
   })], 1)], 1);
 };
-var staticRenderFns$v = [];
+var staticRenderFns$w = [];
 const Dropdown_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$v = {
+const __vue2_script$w = {
   name: "Dropdown",
   components: {
     Modal,
@@ -26219,24 +26221,24 @@ const __vue2_script$v = {
     };
   }
 };
-const __cssModules$v = {};
-var __component__$v = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$v,
-  render$v,
-  staticRenderFns$v,
+const __cssModules$w = {};
+var __component__$w = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$w,
+  render$w,
+  staticRenderFns$w,
   false,
-  __vue2_injectStyles$v,
+  __vue2_injectStyles$w,
   "885109ea",
   null,
   null
 );
-function __vue2_injectStyles$v(context) {
-  for (let o in __cssModules$v) {
-    this[o] = __cssModules$v[o];
+function __vue2_injectStyles$w(context) {
+  for (let o in __cssModules$w) {
+    this[o] = __cssModules$w[o];
   }
 }
 const Dropdown = /* @__PURE__ */ function() {
-  return __component__$v.exports;
+  return __component__$w.exports;
 }();
 function usePickerApi({ pickerRef, colorRef, onChange, onClosed, onBeforeOpened }) {
   const isOpened = computed(() => {
@@ -26304,7 +26306,7 @@ function usePickerHotkeys({ isOpenedRef, onCancel, onApply }) {
     options: { capture: true }
   });
 }
-var render$u = function __render__21() {
+var render$v = function __render__21() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -26349,8 +26351,8 @@ var render$u = function __render__21() {
     }
   });
 };
-var staticRenderFns$u = [];
-const __vue2_script$u = {
+var staticRenderFns$v = [];
+const __vue2_script$v = {
   name: "ColorPicker",
   components: {
     ZipifyColorPicker
@@ -26394,26 +26396,26 @@ const __vue2_script$u = {
     };
   }
 };
-const __cssModules$u = {};
-var __component__$u = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$u,
-  render$u,
-  staticRenderFns$u,
+const __cssModules$v = {};
+var __component__$v = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$v,
+  render$v,
+  staticRenderFns$v,
   false,
-  __vue2_injectStyles$u,
+  __vue2_injectStyles$v,
   null,
   null,
   null
 );
-function __vue2_injectStyles$u(context) {
-  for (let o in __cssModules$u) {
-    this[o] = __cssModules$u[o];
+function __vue2_injectStyles$v(context) {
+  for (let o in __cssModules$v) {
+    this[o] = __cssModules$v[o];
   }
 }
 const ColorPicker = /* @__PURE__ */ function() {
-  return __component__$u.exports;
+  return __component__$v.exports;
 }();
-var render$t = function __render__22() {
+var render$u = function __render__22() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -26457,10 +26459,10 @@ var render$t = function __render__22() {
     }
   })], 1)], 1);
 };
-var staticRenderFns$t = [];
+var staticRenderFns$u = [];
 const StylePresetControl_vue_vue_type_style_index_0_scoped_true_lang = "";
 const CLEAR_MARKS = [TextSettings.FONT_SIZE, TextSettings.FONT_WEIGHT];
-const __vue2_script$t = {
+const __vue2_script$u = {
   name: "StylePresetControl",
   components: {
     Icon,
@@ -26500,24 +26502,24 @@ const __vue2_script$t = {
     };
   }
 };
-const __cssModules$t = {};
-var __component__$t = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$t,
-  render$t,
-  staticRenderFns$t,
+const __cssModules$u = {};
+var __component__$u = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$u,
+  render$u,
+  staticRenderFns$u,
   false,
-  __vue2_injectStyles$t,
+  __vue2_injectStyles$u,
   "a1013442",
   null,
   null
 );
-function __vue2_injectStyles$t(context) {
-  for (let o in __cssModules$t) {
-    this[o] = __cssModules$t[o];
+function __vue2_injectStyles$u(context) {
+  for (let o in __cssModules$u) {
+    this[o] = __cssModules$u[o];
   }
 }
 const StylePresetControl = /* @__PURE__ */ function() {
-  return __component__$t.exports;
+  return __component__$u.exports;
 }();
 const STORAGE_KEY = "wswg.recently_used_fonts";
 function useRecentFonts({ limit }) {
@@ -26530,7 +26532,7 @@ function useRecentFonts({ limit }) {
   const isEmpty = computed(() => !fonts.value.length);
   return { fonts, isEmpty, add };
 }
-var render$s = function __render__23() {
+var render$t = function __render__23() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -26570,9 +26572,9 @@ var render$s = function __render__23() {
     }])
   });
 };
-var staticRenderFns$s = [];
+var staticRenderFns$t = [];
 const FontFamilyControl_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$s = {
+const __vue2_script$t = {
   name: "FontFamilyControl",
   components: {
     Dropdown,
@@ -26617,26 +26619,26 @@ const __vue2_script$s = {
     };
   }
 };
-const __cssModules$s = {};
-var __component__$s = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$s,
-  render$s,
-  staticRenderFns$s,
+const __cssModules$t = {};
+var __component__$t = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$t,
+  render$t,
+  staticRenderFns$t,
   false,
-  __vue2_injectStyles$s,
+  __vue2_injectStyles$t,
   "70087590",
   null,
   null
 );
-function __vue2_injectStyles$s(context) {
-  for (let o in __cssModules$s) {
-    this[o] = __cssModules$s[o];
+function __vue2_injectStyles$t(context) {
+  for (let o in __cssModules$t) {
+    this[o] = __cssModules$t[o];
   }
 }
 const FontFamilyControl = /* @__PURE__ */ function() {
-  return __component__$s.exports;
+  return __component__$t.exports;
 }();
-var render$r = function __render__24() {
+var render$s = function __render__24() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -26660,9 +26662,9 @@ var render$r = function __render__24() {
     }
   });
 };
-var staticRenderFns$r = [];
+var staticRenderFns$s = [];
 const FontWeightControl_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$r = {
+const __vue2_script$s = {
   name: "FontWeightControl",
   components: {
     Dropdown
@@ -26683,26 +26685,26 @@ const __vue2_script$r = {
     };
   }
 };
-const __cssModules$r = {};
-var __component__$r = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$r,
-  render$r,
-  staticRenderFns$r,
+const __cssModules$s = {};
+var __component__$s = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$s,
+  render$s,
+  staticRenderFns$s,
   false,
-  __vue2_injectStyles$r,
+  __vue2_injectStyles$s,
   "dbb38600",
   null,
   null
 );
-function __vue2_injectStyles$r(context) {
-  for (let o in __cssModules$r) {
-    this[o] = __cssModules$r[o];
+function __vue2_injectStyles$s(context) {
+  for (let o in __cssModules$s) {
+    this[o] = __cssModules$s[o];
   }
 }
 const FontWeightControl = /* @__PURE__ */ function() {
-  return __component__$r.exports;
+  return __component__$s.exports;
 }();
-var render$q = function __render__25() {
+var render$r = function __render__25() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -26726,9 +26728,9 @@ var render$q = function __render__25() {
     }
   });
 };
-var staticRenderFns$q = [];
+var staticRenderFns$r = [];
 const FontSizeControl_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$q = {
+const __vue2_script$r = {
   name: "FontSizeControl",
   components: {
     Dropdown
@@ -26751,26 +26753,26 @@ const __vue2_script$q = {
     };
   }
 };
-const __cssModules$q = {};
-var __component__$q = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$q,
-  render$q,
-  staticRenderFns$q,
+const __cssModules$r = {};
+var __component__$r = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$r,
+  render$r,
+  staticRenderFns$r,
   false,
-  __vue2_injectStyles$q,
+  __vue2_injectStyles$r,
   "6b3c7f37",
   null,
   null
 );
-function __vue2_injectStyles$q(context) {
-  for (let o in __cssModules$q) {
-    this[o] = __cssModules$q[o];
+function __vue2_injectStyles$r(context) {
+  for (let o in __cssModules$r) {
+    this[o] = __cssModules$r[o];
   }
 }
 const FontSizeControl = /* @__PURE__ */ function() {
-  return __component__$q.exports;
+  return __component__$r.exports;
 }();
-var render$p = function __render__26() {
+var render$q = function __render__26() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -26811,8 +26813,8 @@ var render$p = function __render__26() {
     }])
   });
 };
-var staticRenderFns$p = [];
-const __vue2_script$p = {
+var staticRenderFns$q = [];
+const __vue2_script$q = {
   name: "FontColorControl",
   components: {
     ColorPicker,
@@ -26832,26 +26834,26 @@ const __vue2_script$p = {
     };
   }
 };
-const __cssModules$p = {};
-var __component__$p = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$p,
-  render$p,
-  staticRenderFns$p,
+const __cssModules$q = {};
+var __component__$q = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$q,
+  render$q,
+  staticRenderFns$q,
   false,
-  __vue2_injectStyles$p,
+  __vue2_injectStyles$q,
   null,
   null,
   null
 );
-function __vue2_injectStyles$p(context) {
-  for (let o in __cssModules$p) {
-    this[o] = __cssModules$p[o];
+function __vue2_injectStyles$q(context) {
+  for (let o in __cssModules$q) {
+    this[o] = __cssModules$q[o];
   }
 }
 const FontColorControl = /* @__PURE__ */ function() {
-  return __component__$p.exports;
+  return __component__$q.exports;
 }();
-var render$o = function __render__27() {
+var render$p = function __render__27() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -26892,8 +26894,8 @@ var render$o = function __render__27() {
     }])
   });
 };
-var staticRenderFns$o = [];
-const __vue2_script$o = {
+var staticRenderFns$p = [];
+const __vue2_script$p = {
   name: "BackgroundColorControl",
   components: {
     ColorPicker,
@@ -26913,26 +26915,26 @@ const __vue2_script$o = {
     };
   }
 };
-const __cssModules$o = {};
-var __component__$o = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$o,
-  render$o,
-  staticRenderFns$o,
+const __cssModules$p = {};
+var __component__$p = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$p,
+  render$p,
+  staticRenderFns$p,
   false,
-  __vue2_injectStyles$o,
+  __vue2_injectStyles$p,
   null,
   null,
   null
 );
-function __vue2_injectStyles$o(context) {
-  for (let o in __cssModules$o) {
-    this[o] = __cssModules$o[o];
+function __vue2_injectStyles$p(context) {
+  for (let o in __cssModules$p) {
+    this[o] = __cssModules$p[o];
   }
 }
 const BackgroundColorControl = /* @__PURE__ */ function() {
-  return __component__$o.exports;
+  return __component__$p.exports;
 }();
-var render$n = function __render__28() {
+var render$o = function __render__28() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -26963,8 +26965,8 @@ var render$n = function __render__28() {
     }
   })], 1);
 };
-var staticRenderFns$n = [];
-const __vue2_script$n = {
+var staticRenderFns$o = [];
+const __vue2_script$o = {
   name: "ItalicControl",
   components: {
     Button,
@@ -26985,26 +26987,26 @@ const __vue2_script$n = {
     };
   }
 };
-const __cssModules$n = {};
-var __component__$n = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$n,
-  render$n,
-  staticRenderFns$n,
+const __cssModules$o = {};
+var __component__$o = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$o,
+  render$o,
+  staticRenderFns$o,
   false,
-  __vue2_injectStyles$n,
+  __vue2_injectStyles$o,
   null,
   null,
   null
 );
-function __vue2_injectStyles$n(context) {
-  for (let o in __cssModules$n) {
-    this[o] = __cssModules$n[o];
+function __vue2_injectStyles$o(context) {
+  for (let o in __cssModules$o) {
+    this[o] = __cssModules$o[o];
   }
 }
 const ItalicControl = /* @__PURE__ */ function() {
-  return __component__$n.exports;
+  return __component__$o.exports;
 }();
-var render$m = function __render__29() {
+var render$n = function __render__29() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -27034,8 +27036,8 @@ var render$m = function __render__29() {
     }
   })], 1);
 };
-var staticRenderFns$m = [];
-const __vue2_script$m = {
+var staticRenderFns$n = [];
+const __vue2_script$n = {
   name: "UnderlineControl",
   components: {
     Button,
@@ -27054,26 +27056,26 @@ const __vue2_script$m = {
     };
   }
 };
-const __cssModules$m = {};
-var __component__$m = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$m,
-  render$m,
-  staticRenderFns$m,
+const __cssModules$n = {};
+var __component__$n = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$n,
+  render$n,
+  staticRenderFns$n,
   false,
-  __vue2_injectStyles$m,
+  __vue2_injectStyles$n,
   null,
   null,
   null
 );
-function __vue2_injectStyles$m(context) {
-  for (let o in __cssModules$m) {
-    this[o] = __cssModules$m[o];
+function __vue2_injectStyles$n(context) {
+  for (let o in __cssModules$n) {
+    this[o] = __cssModules$n[o];
   }
 }
 const UnderlineControl = /* @__PURE__ */ function() {
-  return __component__$m.exports;
+  return __component__$n.exports;
 }();
-var render$l = function __render__30() {
+var render$m = function __render__30() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -27100,8 +27102,8 @@ var render$l = function __render__30() {
     }
   })], 1);
 };
-var staticRenderFns$l = [];
-const __vue2_script$l = {
+var staticRenderFns$m = [];
+const __vue2_script$m = {
   name: "StrikeThroughControl",
   components: {
     Button,
@@ -27120,26 +27122,26 @@ const __vue2_script$l = {
     };
   }
 };
-const __cssModules$l = {};
-var __component__$l = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$l,
-  render$l,
-  staticRenderFns$l,
+const __cssModules$m = {};
+var __component__$m = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$m,
+  render$m,
+  staticRenderFns$m,
   false,
-  __vue2_injectStyles$l,
+  __vue2_injectStyles$m,
   null,
   null,
   null
 );
-function __vue2_injectStyles$l(context) {
-  for (let o in __cssModules$l) {
-    this[o] = __cssModules$l[o];
+function __vue2_injectStyles$m(context) {
+  for (let o in __cssModules$m) {
+    this[o] = __cssModules$m[o];
   }
 }
 const StrikeThroughControl = /* @__PURE__ */ function() {
-  return __component__$l.exports;
+  return __component__$m.exports;
 }();
-var render$k = function __render__31() {
+var render$l = function __render__31() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -27166,8 +27168,8 @@ var render$k = function __render__31() {
     }
   })], 1);
 };
-var staticRenderFns$k = [];
-const __vue2_script$k = {
+var staticRenderFns$l = [];
+const __vue2_script$l = {
   name: "SuperscriptControl",
   components: {
     Button,
@@ -27186,26 +27188,26 @@ const __vue2_script$k = {
     };
   }
 };
-const __cssModules$k = {};
-var __component__$k = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$k,
-  render$k,
-  staticRenderFns$k,
+const __cssModules$l = {};
+var __component__$l = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$l,
+  render$l,
+  staticRenderFns$l,
   false,
-  __vue2_injectStyles$k,
+  __vue2_injectStyles$l,
   null,
   null,
   null
 );
-function __vue2_injectStyles$k(context) {
-  for (let o in __cssModules$k) {
-    this[o] = __cssModules$k[o];
+function __vue2_injectStyles$l(context) {
+  for (let o in __cssModules$l) {
+    this[o] = __cssModules$l[o];
   }
 }
 const SuperscriptControl = /* @__PURE__ */ function() {
-  return __component__$k.exports;
+  return __component__$l.exports;
 }();
-var render$j = function __render__32() {
+var render$k = function __render__32() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -27246,8 +27248,8 @@ var render$j = function __render__32() {
     }])
   });
 };
-var staticRenderFns$j = [];
-const __vue2_script$j = {
+var staticRenderFns$k = [];
+const __vue2_script$k = {
   name: "CaseStyleControl",
   components: {
     Dropdown,
@@ -27268,26 +27270,26 @@ const __vue2_script$j = {
     return { apply: apply2 };
   }
 };
-const __cssModules$j = {};
-var __component__$j = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$j,
-  render$j,
-  staticRenderFns$j,
+const __cssModules$k = {};
+var __component__$k = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$k,
+  render$k,
+  staticRenderFns$k,
   false,
-  __vue2_injectStyles$j,
+  __vue2_injectStyles$k,
   null,
   null,
   null
 );
-function __vue2_injectStyles$j(context) {
-  for (let o in __cssModules$j) {
-    this[o] = __cssModules$j[o];
+function __vue2_injectStyles$k(context) {
+  for (let o in __cssModules$k) {
+    this[o] = __cssModules$k[o];
   }
 }
 const CaseStyleControl = /* @__PURE__ */ function() {
-  return __component__$j.exports;
+  return __component__$k.exports;
 }();
-var render$i = function __render__33() {
+var render$j = function __render__33() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -27330,8 +27332,8 @@ var render$i = function __render__33() {
     }])
   });
 };
-var staticRenderFns$i = [];
-const __vue2_script$i = {
+var staticRenderFns$j = [];
+const __vue2_script$j = {
   name: "AlignmentControl",
   alignments: [
     {
@@ -27372,26 +27374,26 @@ const __vue2_script$i = {
     };
   }
 };
-const __cssModules$i = {};
-var __component__$i = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$i,
-  render$i,
-  staticRenderFns$i,
+const __cssModules$j = {};
+var __component__$j = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$j,
+  render$j,
+  staticRenderFns$j,
   false,
-  __vue2_injectStyles$i,
+  __vue2_injectStyles$j,
   null,
   null,
   null
 );
-function __vue2_injectStyles$i(context) {
-  for (let o in __cssModules$i) {
-    this[o] = __cssModules$i[o];
+function __vue2_injectStyles$j(context) {
+  for (let o in __cssModules$j) {
+    this[o] = __cssModules$j[o];
   }
 }
 const AlignmentControl = /* @__PURE__ */ function() {
-  return __component__$i.exports;
+  return __component__$j.exports;
 }();
-var render$h = function __render__34() {
+var render$i = function __render__34() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -27457,9 +27459,9 @@ var render$h = function __render__34() {
     }
   })], 1)], 1)], 1);
 };
-var staticRenderFns$h = [];
+var staticRenderFns$i = [];
 const LineHeightControl_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$h = {
+const __vue2_script$i = {
   name: "LineHeightControl",
   components: {
     Range,
@@ -27489,26 +27491,26 @@ const __vue2_script$h = {
     };
   }
 };
-const __cssModules$h = {};
-var __component__$h = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$h,
-  render$h,
-  staticRenderFns$h,
+const __cssModules$i = {};
+var __component__$i = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$i,
+  render$i,
+  staticRenderFns$i,
   false,
-  __vue2_injectStyles$h,
+  __vue2_injectStyles$i,
   "1fcd599c",
   null,
   null
 );
-function __vue2_injectStyles$h(context) {
-  for (let o in __cssModules$h) {
-    this[o] = __cssModules$h[o];
+function __vue2_injectStyles$i(context) {
+  for (let o in __cssModules$i) {
+    this[o] = __cssModules$i[o];
   }
 }
 const LineHeightControl = /* @__PURE__ */ function() {
-  return __component__$h.exports;
+  return __component__$i.exports;
 }();
-var render$g = function __render__35() {
+var render$h = function __render__35() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -27591,9 +27593,9 @@ var render$g = function __render__35() {
     }])
   })], 1);
 };
-var staticRenderFns$g = [];
+var staticRenderFns$h = [];
 const ListControl_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$g = {
+const __vue2_script$h = {
   name: "ListControl",
   listTypes: ListTypes.values.map((type) => ({
     id: type,
@@ -27631,26 +27633,26 @@ const __vue2_script$g = {
     };
   }
 };
-const __cssModules$g = {};
-var __component__$g = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$g,
-  render$g,
-  staticRenderFns$g,
+const __cssModules$h = {};
+var __component__$h = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$h,
+  render$h,
+  staticRenderFns$h,
   false,
-  __vue2_injectStyles$g,
+  __vue2_injectStyles$h,
   "2eeb2252",
   null,
   null
 );
-function __vue2_injectStyles$g(context) {
-  for (let o in __cssModules$g) {
-    this[o] = __cssModules$g[o];
+function __vue2_injectStyles$h(context) {
+  for (let o in __cssModules$h) {
+    this[o] = __cssModules$h[o];
   }
 }
 const ListControl = /* @__PURE__ */ function() {
-  return __component__$g.exports;
+  return __component__$h.exports;
 }();
-var render$f = function __render__36() {
+var render$g = function __render__36() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -27676,8 +27678,8 @@ var render$f = function __render__36() {
     }
   })], 1);
 };
-var staticRenderFns$f = [];
-const __vue2_script$f = {
+var staticRenderFns$g = [];
+const __vue2_script$g = {
   name: "RemoveFormatControl",
   components: {
     Icon,
@@ -27692,32 +27694,32 @@ const __vue2_script$f = {
     return { apply: apply2 };
   }
 };
-const __cssModules$f = {};
-var __component__$f = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$f,
-  render$f,
-  staticRenderFns$f,
+const __cssModules$g = {};
+var __component__$g = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$g,
+  render$g,
+  staticRenderFns$g,
   false,
-  __vue2_injectStyles$f,
+  __vue2_injectStyles$g,
   null,
   null,
   null
 );
-function __vue2_injectStyles$f(context) {
-  for (let o in __cssModules$f) {
-    this[o] = __cssModules$f[o];
+function __vue2_injectStyles$g(context) {
+  for (let o in __cssModules$g) {
+    this[o] = __cssModules$g[o];
   }
 }
 const RemoveFormatControl = /* @__PURE__ */ function() {
-  return __component__$f.exports;
+  return __component__$g.exports;
 }();
-var render$e = function __render__37() {
+var render$f = function __render__37() {
   var _vm = this;
   var _h = _vm.$createElement;
   _vm._self._c || _h;
   return _vm._m(0);
 };
-var staticRenderFns$e = [function() {
+var staticRenderFns$f = [function() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -27728,29 +27730,29 @@ var staticRenderFns$e = [function() {
   }, [_vm._v("Generate text")])]);
 }];
 const AiControlHeader_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$e = {
+const __vue2_script$f = {
   name: "AiControlHeader"
 };
-const __cssModules$e = {};
-var __component__$e = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$e,
-  render$e,
-  staticRenderFns$e,
+const __cssModules$f = {};
+var __component__$f = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$f,
+  render$f,
+  staticRenderFns$f,
   false,
-  __vue2_injectStyles$e,
+  __vue2_injectStyles$f,
   "40738e23",
   null,
   null
 );
-function __vue2_injectStyles$e(context) {
-  for (let o in __cssModules$e) {
-    this[o] = __cssModules$e[o];
+function __vue2_injectStyles$f(context) {
+  for (let o in __cssModules$f) {
+    this[o] = __cssModules$f[o];
   }
 }
 const AiControlHeader = /* @__PURE__ */ function() {
-  return __component__$e.exports;
+  return __component__$f.exports;
 }();
-var render$d = function __render__38() {
+var render$e = function __render__38() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -27777,9 +27779,9 @@ var render$d = function __render__38() {
     }
   }, [_vm._v(" ✍ Rewrite text ")]) : _vm._e()], 1);
 };
-var staticRenderFns$d = [];
+var staticRenderFns$e = [];
 const AiSuggestionItem_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$d = {
+const __vue2_script$e = {
   name: "AiSuggestionItem",
   components: {
     Button
@@ -27801,6 +27803,161 @@ const __vue2_script$d = {
     };
   }
 };
+const __cssModules$e = {};
+var __component__$e = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$e,
+  render$e,
+  staticRenderFns$e,
+  false,
+  __vue2_injectStyles$e,
+  "3b3df0c3",
+  null,
+  null
+);
+function __vue2_injectStyles$e(context) {
+  for (let o in __cssModules$e) {
+    this[o] = __cssModules$e[o];
+  }
+}
+const AiSuggestionItem = /* @__PURE__ */ function() {
+  return __component__$e.exports;
+}();
+var render$d = function __render__39() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
+    staticClass: "zw-selectors"
+  }, [_c("div", {
+    staticClass: "zw-ai__dropdown zw-margin-right--xs"
+  }, [_c("FieldLabel", {
+    staticClass: "zw-margin-bottom--xxs"
+  }, [_vm._v(" Tone ")]), _c("Dropdown", {
+    staticClass: "zw-margin-bottom--sm",
+    attrs: {
+      "color": "gray",
+      "value": _vm.settings.tone,
+      "options": _vm.tones
+    },
+    on: {
+      "change": _vm.changeTone
+    },
+    scopedSlots: _vm._u([{
+      key: "option",
+      fn: function fn2(_ref) {
+        var option = _ref.option;
+        return [_c("DropdownOption", {
+          staticClass: "zw-link-modal-dropdown__option",
+          attrs: {
+            "option": option
+          }
+        })];
+      }
+    }])
+  })], 1), _c("div", {
+    staticClass: "zw-ai__dropdown zw-margin-right--xs"
+  }, [_c("FieldLabel", {
+    staticClass: "zw-margin-bottom--xxs"
+  }, [_vm._v(" Text Style ")]), _c("Dropdown", {
+    staticClass: "zw-margin-bottom--sm",
+    attrs: {
+      "color": "gray",
+      "value": _vm.settings.textStyle,
+      "options": _vm.textStyles
+    },
+    on: {
+      "change": _vm.changeTextStyle
+    },
+    scopedSlots: _vm._u([{
+      key: "option",
+      fn: function fn2(_ref2) {
+        var option = _ref2.option;
+        return [_c("DropdownOption", {
+          staticClass: "zw-link-modal-dropdown__option",
+          attrs: {
+            "option": option
+          }
+        })];
+      }
+    }])
+  })], 1), _c("div", {
+    staticClass: "zw-ai__dropdown"
+  }, [_c("FieldLabel", {
+    staticClass: "zw-margin-bottom--xxs"
+  }, [_vm._v(" Length ")]), _c("Dropdown", {
+    staticClass: "zw-margin-bottom--sm",
+    attrs: {
+      "color": "gray",
+      "value": _vm.settings.textLength,
+      "options": _vm.textLength
+    },
+    on: {
+      "change": _vm.changeTextLength
+    },
+    scopedSlots: _vm._u([{
+      key: "option",
+      fn: function fn2(_ref3) {
+        var option = _ref3.option;
+        return [_c("DropdownOption", {
+          staticClass: "zw-link-modal-dropdown__option",
+          attrs: {
+            "option": option
+          }
+        })];
+      }
+    }])
+  })], 1)]);
+};
+var staticRenderFns$d = [];
+const AiSettings_vue_vue_type_style_index_0_scoped_true_lang = "";
+const __vue2_script$d = {
+  name: "AiSettings",
+  components: {
+    FieldLabel,
+    Dropdown,
+    DropdownOption
+  },
+  props: {
+    value: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(props, { emit }) {
+    const settings = computed(() => {
+      return {
+        tone: props.value.tone,
+        textStyle: props.value.textStyle,
+        textLength: props.value.textLength
+      };
+    });
+    const editor = inject(InjectionTokens$1.EDITOR);
+    const tones = editor.commands.getAiSettings().tones;
+    const textStyles = editor.commands.getAiSettings().textStyles;
+    const textLength = editor.commands.getAiSettings().textLength;
+    const changeTone = (value) => {
+      settings.value.tone = value;
+      emit("input", settings.value);
+    };
+    const changeTextStyle = (value) => {
+      settings.value.textStyle = value;
+      emit("input", settings.value);
+    };
+    const changeTextLength = (value) => {
+      settings.value.textLength = value;
+      emit("input", settings.value);
+    };
+    return {
+      tones,
+      textStyles,
+      textLength,
+      changeTone,
+      changeTextStyle,
+      changeTextLength,
+      settings
+    };
+  }
+};
 const __cssModules$d = {};
 var __component__$d = /* @__PURE__ */ normalizeComponent(
   __vue2_script$d,
@@ -27808,7 +27965,7 @@ var __component__$d = /* @__PURE__ */ normalizeComponent(
   staticRenderFns$d,
   false,
   __vue2_injectStyles$d,
-  "390cf52c",
+  "5281be82",
   null,
   null
 );
@@ -27817,10 +27974,10 @@ function __vue2_injectStyles$d(context) {
     this[o] = __cssModules$d[o];
   }
 }
-const AiSuggestionItem = /* @__PURE__ */ function() {
+const AiSettings = /* @__PURE__ */ function() {
   return __component__$d.exports;
 }();
-var render$c = function __render__39() {
+var render$c = function __render__40() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -27862,12 +28019,12 @@ var render$c = function __render__39() {
         return _vm.generateText.apply(null, arguments);
       }
     }
-  }, [_vm.isLoading ? _c("AiSuggestionItem", {
+  }, [_vm.isLoading ? _c("Icon", {
+    staticClass: "zw-ai-component__icon",
     attrs: {
-      "suggestion": {
-        content: "Working on it...",
-        state: "loading"
-      }
+      "auto-color": "",
+      "name": "loading",
+      "size": "32px"
     }
   }) : _vm.lastSuggestions ? _c("AiSuggestionItem", {
     attrs: {
@@ -27898,7 +28055,15 @@ var render$c = function __render__39() {
       "name": "send",
       "size": "32px"
     }
-  })], 1)], 1), _c("Button", {
+  })], 1)], 1), _c("AiSettings", {
+    model: {
+      value: _vm.settings,
+      callback: function callback($$v) {
+        _vm.settings = $$v;
+      },
+      expression: "settings"
+    }
+  }), _c("Button", {
     attrs: {
       "disabled": !_vm.lastSuggestions,
       "type": "button",
@@ -27919,7 +28084,8 @@ const __vue2_script$c = {
     Button,
     TextArea,
     AiControlHeader,
-    AiSuggestionItem
+    AiSuggestionItem,
+    AiSettings
   },
   directives: {
     tooltip
@@ -27930,6 +28096,17 @@ const __vue2_script$c = {
     const prompt = ref("");
     const suggestions = ref([]);
     const isLoading = ref(false);
+    const settings = ref({
+      tone: "",
+      textLength: "500",
+      textStyle: ""
+    });
+    if (localStorage.getItem("ai-settings")) {
+      settings.value = JSON.parse(localStorage.getItem("ai-settings"));
+    }
+    watch(settings, () => {
+      localStorage.setItem("ai-settings", JSON.stringify(settings.value));
+    });
     const textAreaLabel = computed(() => {
       return suggestions.value.length ? "Tell AI what to do next…" : "Write you request";
     });
@@ -27946,7 +28123,11 @@ const __vue2_script$c = {
       isLoading.value = true;
       const lastSuggestions2 = suggestions.value[suggestions.value.length - 1];
       const context = lastSuggestions2 ? lastSuggestions2.content : "";
-      const result = await editor.commands.generateText({ prompt: action, context });
+      const result = await editor.commands.generateText({
+        prompt: action,
+        context,
+        instructions: unref(settings)
+      });
       isLoading.value = false;
       suggestions.value.push(result);
     };
@@ -27956,7 +28137,11 @@ const __vue2_script$c = {
       isLoading.value = true;
       const lastSuggestions2 = suggestions.value[suggestions.value.length - 1];
       const context = lastSuggestions2 ? lastSuggestions2.content : "";
-      const result = await editor.commands.generateText({ prompt: prompt.value, context });
+      const result = await editor.commands.generateText({
+        prompt: prompt.value,
+        context,
+        instructions: unref(settings)
+      });
       isLoading.value = false;
       prompt.value = "";
       suggestions.value.push(result);
@@ -27979,7 +28164,8 @@ const __vue2_script$c = {
       textAreaLabel,
       isLoading,
       onAction,
-      applyText
+      applyText,
+      settings
     };
   }
 };
@@ -27990,7 +28176,7 @@ var __component__$c = /* @__PURE__ */ normalizeComponent(
   staticRenderFns$c,
   false,
   __vue2_injectStyles$c,
-  "a21c0bda",
+  "5714b6dc",
   null,
   null
 );
@@ -28008,7 +28194,7 @@ const RegExps = {
   MAILTO_PROTOCOL: /^mailto:.+$/,
   TEL_PROTOCOL: /^tel:.+$/
 };
-var render$b = function __render__40() {
+var render$b = function __render__41() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -28132,7 +28318,7 @@ function useLink() {
     updateText
   };
 }
-var render$a = function __render__41() {
+var render$a = function __render__42() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -28203,7 +28389,7 @@ function __vue2_injectStyles$a(context) {
 const LinkControlPageBlock = /* @__PURE__ */ function() {
   return __component__$a.exports;
 }();
-var render$9 = function __render__42() {
+var render$9 = function __render__43() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -28271,7 +28457,7 @@ function __vue2_injectStyles$9(context) {
 const LinkControlUrl = /* @__PURE__ */ function() {
   return __component__$9.exports;
 }();
-var render$8 = function __render__43() {
+var render$8 = function __render__44() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -28386,7 +28572,7 @@ function __vue2_injectStyles$8(context) {
 const LinkControlDestination = /* @__PURE__ */ function() {
   return __component__$8.exports;
 }();
-var render$7 = function __render__44() {
+var render$7 = function __render__45() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -28581,7 +28767,7 @@ function __vue2_injectStyles$7(context) {
 const LinkControl = /* @__PURE__ */ function() {
   return __component__$7.exports;
 }();
-var render$6 = function __render__45() {
+var render$6 = function __render__46() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -28668,7 +28854,7 @@ function __vue2_injectStyles$6(context) {
 const ToolbarDesktop = /* @__PURE__ */ function() {
   return __component__$6.exports;
 }();
-var render$5 = function __render__46() {
+var render$5 = function __render__47() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -28754,7 +28940,7 @@ function __vue2_injectStyles$5(context) {
 const ToolbarMobile = /* @__PURE__ */ function() {
   return __component__$5.exports;
 }();
-var render$4 = function __render__47() {
+var render$4 = function __render__48() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -28840,7 +29026,7 @@ function __vue2_injectStyles$4(context) {
 const ToolbarPopup = /* @__PURE__ */ function() {
   return __component__$4.exports;
 }();
-var render$3 = function __render__48() {
+var render$3 = function __render__49() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -29004,7 +29190,7 @@ class Font {
     return String(closestWeight);
   }
 }
-var render$2 = function __render__49() {
+var render$2 = function __render__50() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -29067,7 +29253,7 @@ function __vue2_injectStyles$2(context) {
 const AiWidgetSuggestionItem = /* @__PURE__ */ function() {
   return __component__$2.exports;
 }();
-var render$1 = function __render__50() {
+var render$1 = function __render__51() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -29265,7 +29451,7 @@ function __vue2_injectStyles$1(context) {
 const FloatingMenuControl = /* @__PURE__ */ function() {
   return __component__$1.exports;
 }();
-var render = function __render__51() {
+var render = function __render__52() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;