@zipify/wysiwyg 3.4.2 → 3.5.0-0

package/dist/wysiwyg.mjs

@@ -16242,7 +16242,7 @@ const LinkDestinations = Object.freeze({
   URL: "url",
   BLOCK: "block"
 });
-var render$I = function __render__() {
+var render$J = function __render__() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -16250,7 +16250,7 @@ var render$I = function __render__() {
     staticClass: "zw-toolbar__group"
   }, [_vm._t("default")], 2);
 };
-var staticRenderFns$I = [];
+var staticRenderFns$J = [];
 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;
@@ -16308,29 +16308,29 @@ function normalizeComponent(scriptExports, render2, staticRenderFns2, functional
     options
   };
 }
-const __vue2_script$I = {
+const __vue2_script$J = {
   name: "ToolbarGroup"
 };
-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,
   "31a43dae",
   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 ToolbarGroup = /* @__PURE__ */ function() {
-  return __component__$I.exports;
+  return __component__$J.exports;
 }();
-var render$H = function __render__2() {
+var render$I = function __render__2() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -16339,9 +16339,9 @@ var render$H = function __render__2() {
     "class": _vm.classes
   });
 };
-var staticRenderFns$H = [];
+var staticRenderFns$I = [];
 const ToolbarDivider_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$H = {
+const __vue2_script$I = {
   name: "ToolbarDivider",
   props: {
     vertical: {
@@ -16363,26 +16363,26 @@ const __vue2_script$H = {
     return { classes };
   }
 };
-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,
   "3c490aa3",
   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 ToolbarDivider = /* @__PURE__ */ function() {
-  return __component__$H.exports;
+  return __component__$I.exports;
 }();
-var render$G = function __render__3() {
+var render$H = function __render__3() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -16390,29 +16390,29 @@ var render$G = function __render__3() {
     staticClass: "zw-toolbar__row"
   }, [_vm._t("default")], 2);
 };
-var staticRenderFns$G = [];
+var staticRenderFns$H = [];
 const ToolbarRow_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$G = {
+const __vue2_script$H = {
   name: "ToolbarRow"
 };
-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,
   "050f71dd",
   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 ToolbarRow = /* @__PURE__ */ function() {
-  return __component__$G.exports;
+  return __component__$H.exports;
 }();
 const InjectionTokens$1 = Object.freeze({
   FONTS: Symbol("fonts"),
@@ -16422,7 +16422,7 @@ const InjectionTokens$1 = Object.freeze({
   FAVORITE_COLORS: Symbol("favoriteColors"),
   PAGE_BLOCKS: Symbol("pageBlocks")
 });
-var render$F = function __render__4() {
+var render$G = function __render__4() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -16440,9 +16440,9 @@ var render$F = function __render__4() {
     }
   }, [_vm._t("default")], 2);
 };
-var staticRenderFns$F = [];
+var staticRenderFns$G = [];
 const Button_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$F = {
+const __vue2_script$G = {
   name: "Button",
   props: {
     skin: {
@@ -16476,26 +16476,26 @@ const __vue2_script$F = {
     return { classes };
   }
 };
-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,
   "562f4e4a",
   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 Button = /* @__PURE__ */ function() {
-  return __component__$F.exports;
+  return __component__$G.exports;
 }();
-var render$E = function __render__5() {
+var render$F = function __render__5() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -16511,9 +16511,9 @@ var render$E = function __render__5() {
     });
   })], 2);
 };
-var staticRenderFns$E = [];
+var staticRenderFns$F = [];
 const ButtonToggle_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$E = {
+const __vue2_script$F = {
   name: "ButtonToggle",
   model: {
     event: "change"
@@ -16529,24 +16529,24 @@ 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,
   "a02f12aa",
   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 ButtonToggle = /* @__PURE__ */ function() {
-  return __component__$E.exports;
+  return __component__$F.exports;
 }();
 function createCommand(exec) {
   return (...args) => (context) => exec(context, ...args);
@@ -21788,11 +21788,12 @@ const __vite_glob_0_15 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" st
 const __vite_glob_0_16 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" d="M9 9h10v10H9z"/>\n</svg>\n';
 const __vite_glob_0_17 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" fill-rule="evenodd" d="M14.089 6.726a1 1 0 0 1 1.425-.003l6.8 6.882a1 1 0 0 1 .007 1.398L17.2 20.3l-.2.2c-2.2 2.1-5.7 2-7.8-.2l-3.516-3.6a1 1 0 0 1 0-1.399l8.405-8.575Zm1.81 12.674c.1 0 .2 0 .2-.1l4.8-5-6.1-6.2-5 5.1 6.1 6.2Z" clip-rule="evenodd"/>\n</svg>\n';
 const __vite_glob_0_18 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" d="M14 9.333V6.666l-3.334 3.333L14 13.333v-2.667c2.206 0 4 1.793 4 4s-1.794 4-4 4c-2.207 0-4-1.793-4-4H8.666A5.332 5.332 0 0 0 14 19.999a5.332 5.332 0 0 0 5.333-5.333A5.332 5.332 0 0 0 14 9.333Z"/>\n</svg>\n';
-const __vite_glob_0_19 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" fill-rule="evenodd" d="m14 12.731.77.27H20v2H8v-2h2.84a2.892 2.892 0 0 1-.46-.71 3.61 3.61 0 0 1-.29-1.52c0-.484.1-.964.29-1.41a3.5 3.5 0 0 1 .83-1.2 4 4 0 0 1 1.35-.84 4.74 4.74 0 0 1 1.83-.32 6 6 0 0 1 2.11.41 5 5 0 0 1 1.68 1l-.46.88a.69.69 0 0 1-.18.22.41.41 0 0 1-.25.07.69.69 0 0 1-.39-.16 5.551 5.551 0 0 0-.56-.36 4.641 4.641 0 0 0-.8-.36 3.44 3.44 0 0 0-1.14-.16 3.16 3.16 0 0 0-1.11.17 2.29 2.29 0 0 0-.8.45 1.87 1.87 0 0 0-.49.67 2.138 2.138 0 0 0-.11.79c-.023.357.08.711.29 1 .206.267.465.489.76.65.338.187.693.34 1.06.46Zm1.99 6.06c.24-.22.427-.49.55-.79.135-.315.2-.657.19-1h1.74a4.58 4.58 0 0 1-.25 1.38 4 4 0 0 1-.91 1.37 4.231 4.231 0 0 1-1.46.92 5.503 5.503 0 0 1-2 .33 6.13 6.13 0 0 1-2.5-.46 5.66 5.66 0 0 1-1.89-1.31l.54-.88a.61.61 0 0 1 .19-.17.45.45 0 0 1 .25-.07.5.5 0 0 1 .28.1c.128.077.251.16.37.25l.46.33c.19.13.391.243.6.34.245.107.5.191.76.25.328.076.664.11 1 .1a3.67 3.67 0 0 0 1.19-.18c.328-.109.63-.282.89-.51Z" clip-rule="evenodd"/>\n</svg>\n';
-const __vite_glob_0_20 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" d="M21.985 8.625h-1.75V9.5h2.625v.875h-3.5v-1.75c0-.481.394-.875.875-.875h1.75v-.875H19.36V6h2.625c.481 0 .875.394.875.875v.875a.878.878 0 0 1-.875.875ZM7.88 20h2.327l2.975-4.742h.105L16.262 20h2.328l-4.069-6.361L18.32 7.75h-2.345l-2.687 4.366h-.105L10.48 7.75H8.15l3.78 5.889L7.88 20Z"/>\n</svg>\n';
-const __vite_glob_0_21 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" fill-rule="evenodd" d="M15.4 16.06a3.3 3.3 0 0 1-1.4.29 3.12 3.12 0 0 1-1.39-.29 2.88 2.88 0 0 1-1.05-.81 3.711 3.711 0 0 1-.65-1.25 5.659 5.659 0 0 1-.22-1.6V7H9v5.41a6.89 6.89 0 0 0 .34 2.22 5.29 5.29 0 0 0 1 1.77c.437.501.975.904 1.58 1.18A5 5 0 0 0 14 18a5 5 0 0 0 2.08-.42 4.61 4.61 0 0 0 1.57-1.18 5.27 5.27 0 0 0 1-1.77 6.89 6.89 0 0 0 .35-2.22V7h-1.69v5.41a5.659 5.659 0 0 1-.22 1.59 3.71 3.71 0 0 1-.69 1.25c-.27.34-.61.617-1 .81ZM20 19H8v2h12v-2Z" clip-rule="evenodd"/>\n</svg>\n';
-const __vite_glob_0_22 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 20 20">\n    <path fill="var(--zw-icon-foreground)" fill-rule="evenodd" d="M18.96 10a5 5 0 0 0-5-5h-2v1.5h2a3.49 3.49 0 0 1 1.58 6.61L13.43 11h.53V9h-2.53l-7-7-1.47 1.47L17.49 18l1.47-1.47-2.34-2.34A4.93 4.93 0 0 0 18.96 10Zm-13 1h1.59L5.96 9.41V11ZM3.81 7.26A3.47 3.47 0 0 0 2.46 10a3.5 3.5 0 0 0 3.5 3.5h2V15h-2a5 5 0 0 1-3.21-8.8l1.06 1.06Z" clip-rule="evenodd"/>\n</svg>\n';
-const modules = /* @__PURE__ */ Object.assign({ "../assets/icons/alignment-center.svg": __vite_glob_0_0, "../assets/icons/alignment-justify.svg": __vite_glob_0_1, "../assets/icons/alignment-left.svg": __vite_glob_0_2, "../assets/icons/alignment-right.svg": __vite_glob_0_3, "../assets/icons/arrow.svg": __vite_glob_0_4, "../assets/icons/background-color.svg": __vite_glob_0_5, "../assets/icons/case-style.svg": __vite_glob_0_6, "../assets/icons/font-color.svg": __vite_glob_0_7, "../assets/icons/italic.svg": __vite_glob_0_8, "../assets/icons/line-height.svg": __vite_glob_0_9, "../assets/icons/link.svg": __vite_glob_0_10, "../assets/icons/list-circle.svg": __vite_glob_0_11, "../assets/icons/list-decimal.svg": __vite_glob_0_12, "../assets/icons/list-disc.svg": __vite_glob_0_13, "../assets/icons/list-latin.svg": __vite_glob_0_14, "../assets/icons/list-roman.svg": __vite_glob_0_15, "../assets/icons/list-square.svg": __vite_glob_0_16, "../assets/icons/remove-format.svg": __vite_glob_0_17, "../assets/icons/reset-styles.svg": __vite_glob_0_18, "../assets/icons/strike-through.svg": __vite_glob_0_19, "../assets/icons/superscript.svg": __vite_glob_0_20, "../assets/icons/underline.svg": __vite_glob_0_21, "../assets/icons/unlink.svg": __vite_glob_0_22 });
+const __vite_glob_0_19 = '<svg xmlns="http://www.w3.org/2000/svg" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 20 20">\n  <path fill="#FFBA00" d="m13.8 4-.7 1.5-1.5.7 1.5.7.7 1.5.7-1.5 1.5-.7-1.5-.7m-6.1.1L7 8.6 4 10l3 1.4 1.4 3 1.3-3 3-1.4-3-1.4m4.1 3-.7 1.5-1.5.7 1.5.7.7 1.5.7-1.5 1.5-.7-1.5-.7"/>\n</svg>\n';
+const __vite_glob_0_20 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" fill-rule="evenodd" d="m14 12.731.77.27H20v2H8v-2h2.84a2.892 2.892 0 0 1-.46-.71 3.61 3.61 0 0 1-.29-1.52c0-.484.1-.964.29-1.41a3.5 3.5 0 0 1 .83-1.2 4 4 0 0 1 1.35-.84 4.74 4.74 0 0 1 1.83-.32 6 6 0 0 1 2.11.41 5 5 0 0 1 1.68 1l-.46.88a.69.69 0 0 1-.18.22.41.41 0 0 1-.25.07.69.69 0 0 1-.39-.16 5.551 5.551 0 0 0-.56-.36 4.641 4.641 0 0 0-.8-.36 3.44 3.44 0 0 0-1.14-.16 3.16 3.16 0 0 0-1.11.17 2.29 2.29 0 0 0-.8.45 1.87 1.87 0 0 0-.49.67 2.138 2.138 0 0 0-.11.79c-.023.357.08.711.29 1 .206.267.465.489.76.65.338.187.693.34 1.06.46Zm1.99 6.06c.24-.22.427-.49.55-.79.135-.315.2-.657.19-1h1.74a4.58 4.58 0 0 1-.25 1.38 4 4 0 0 1-.91 1.37 4.231 4.231 0 0 1-1.46.92 5.503 5.503 0 0 1-2 .33 6.13 6.13 0 0 1-2.5-.46 5.66 5.66 0 0 1-1.89-1.31l.54-.88a.61.61 0 0 1 .19-.17.45.45 0 0 1 .25-.07.5.5 0 0 1 .28.1c.128.077.251.16.37.25l.46.33c.19.13.391.243.6.34.245.107.5.191.76.25.328.076.664.11 1 .1a3.67 3.67 0 0 0 1.19-.18c.328-.109.63-.282.89-.51Z" clip-rule="evenodd"/>\n</svg>\n';
+const __vite_glob_0_21 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" d="M21.985 8.625h-1.75V9.5h2.625v.875h-3.5v-1.75c0-.481.394-.875.875-.875h1.75v-.875H19.36V6h2.625c.481 0 .875.394.875.875v.875a.878.878 0 0 1-.875.875ZM7.88 20h2.327l2.975-4.742h.105L16.262 20h2.328l-4.069-6.361L18.32 7.75h-2.345l-2.687 4.366h-.105L10.48 7.75H8.15l3.78 5.889L7.88 20Z"/>\n</svg>\n';
+const __vite_glob_0_22 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" fill-rule="evenodd" d="M15.4 16.06a3.3 3.3 0 0 1-1.4.29 3.12 3.12 0 0 1-1.39-.29 2.88 2.88 0 0 1-1.05-.81 3.711 3.711 0 0 1-.65-1.25 5.659 5.659 0 0 1-.22-1.6V7H9v5.41a6.89 6.89 0 0 0 .34 2.22 5.29 5.29 0 0 0 1 1.77c.437.501.975.904 1.58 1.18A5 5 0 0 0 14 18a5 5 0 0 0 2.08-.42 4.61 4.61 0 0 0 1.57-1.18 5.27 5.27 0 0 0 1-1.77 6.89 6.89 0 0 0 .35-2.22V7h-1.69v5.41a5.659 5.659 0 0 1-.22 1.59 3.71 3.71 0 0 1-.69 1.25c-.27.34-.61.617-1 .81ZM20 19H8v2h12v-2Z" clip-rule="evenodd"/>\n</svg>\n';
+const __vite_glob_0_23 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 20 20">\n    <path fill="var(--zw-icon-foreground)" fill-rule="evenodd" d="M18.96 10a5 5 0 0 0-5-5h-2v1.5h2a3.49 3.49 0 0 1 1.58 6.61L13.43 11h.53V9h-2.53l-7-7-1.47 1.47L17.49 18l1.47-1.47-2.34-2.34A4.93 4.93 0 0 0 18.96 10Zm-13 1h1.59L5.96 9.41V11ZM3.81 7.26A3.47 3.47 0 0 0 2.46 10a3.5 3.5 0 0 0 3.5 3.5h2V15h-2a5 5 0 0 1-3.21-8.8l1.06 1.06Z" clip-rule="evenodd"/>\n</svg>\n';
+const modules = /* @__PURE__ */ Object.assign({ "../assets/icons/alignment-center.svg": __vite_glob_0_0, "../assets/icons/alignment-justify.svg": __vite_glob_0_1, "../assets/icons/alignment-left.svg": __vite_glob_0_2, "../assets/icons/alignment-right.svg": __vite_glob_0_3, "../assets/icons/arrow.svg": __vite_glob_0_4, "../assets/icons/background-color.svg": __vite_glob_0_5, "../assets/icons/case-style.svg": __vite_glob_0_6, "../assets/icons/font-color.svg": __vite_glob_0_7, "../assets/icons/italic.svg": __vite_glob_0_8, "../assets/icons/line-height.svg": __vite_glob_0_9, "../assets/icons/link.svg": __vite_glob_0_10, "../assets/icons/list-circle.svg": __vite_glob_0_11, "../assets/icons/list-decimal.svg": __vite_glob_0_12, "../assets/icons/list-disc.svg": __vite_glob_0_13, "../assets/icons/list-latin.svg": __vite_glob_0_14, "../assets/icons/list-roman.svg": __vite_glob_0_15, "../assets/icons/list-square.svg": __vite_glob_0_16, "../assets/icons/remove-format.svg": __vite_glob_0_17, "../assets/icons/reset-styles.svg": __vite_glob_0_18, "../assets/icons/sparkles.svg": __vite_glob_0_19, "../assets/icons/strike-through.svg": __vite_glob_0_20, "../assets/icons/superscript.svg": __vite_glob_0_21, "../assets/icons/underline.svg": __vite_glob_0_22, "../assets/icons/unlink.svg": __vite_glob_0_23 });
 function importIcon(name) {
   return modules[`../assets/icons/${name}.svg`] || "";
 }
@@ -22204,7 +22205,7 @@ var cloneDeep_1 = cloneDeep;
 function copyMark(mark) {
   return mark.type.create(cloneDeep_1(mark.attrs));
 }
-var render$D = function __render__6() {
+var render$E = function __render__6() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -22217,9 +22218,9 @@ var render$D = function __render__6() {
     }
   });
 };
-var staticRenderFns$D = [];
+var staticRenderFns$E = [];
 const Icon_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$D = {
+const __vue2_script$E = {
   name: "Icon",
   props: {
     name: {
@@ -22262,24 +22263,24 @@ const __vue2_script$D = {
     };
   }
 };
-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,
   "366d6daa",
   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 Icon = /* @__PURE__ */ function() {
-  return __component__$D.exports;
+  return __component__$E.exports;
 }();
 var canUseDOM = !!(typeof window !== "undefined" && window.document && window.document.createElement);
 var canUseDom = canUseDOM;
@@ -23547,7 +23548,7 @@ function useScrollView() {
   }
   return { scrollToElement };
 }
-var render$C = function __render__7() {
+var render$D = function __render__7() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -23559,9 +23560,9 @@ var render$C = function __render__7() {
     }
   }, [_vm._t("default")], 2);
 };
-var staticRenderFns$C = [];
+var staticRenderFns$D = [];
 const ScrollView_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$C = {
+const __vue2_script$D = {
   name: "ScrollView",
   setup() {
     const hostRef = ref(null);
@@ -23575,26 +23576,26 @@ const __vue2_script$C = {
     return { hostRef };
   }
 };
-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,
   "95e8ad00",
   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 ScrollView = /* @__PURE__ */ function() {
-  return __component__$C.exports;
+  return __component__$D.exports;
 }();
-var render$B = function __render__8() {
+var render$C = function __render__8() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -23605,9 +23606,9 @@ var render$B = function __render__8() {
     }
   }, [_vm._t("default")], 2);
 };
-var staticRenderFns$B = [];
+var staticRenderFns$C = [];
 const FieldLabel_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$B = {
+const __vue2_script$C = {
   name: "FieldLabel",
   props: {
     fieldId: {
@@ -23617,26 +23618,26 @@ const __vue2_script$B = {
     }
   }
 };
-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,
   "116650c2",
   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 FieldLabel = /* @__PURE__ */ function() {
-  return __component__$B.exports;
+  return __component__$C.exports;
 }();
-var render$A = function __render__9() {
+var render$B = function __render__9() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -23660,9 +23661,9 @@ var render$A = function __render__9() {
     }
   });
 };
-var staticRenderFns$A = [];
+var staticRenderFns$B = [];
 const Range_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$A = {
+const __vue2_script$B = {
   name: "Range",
   props: {
     min: {
@@ -23711,26 +23712,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,
   "15a6af30",
   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 Range = /* @__PURE__ */ function() {
-  return __component__$A.exports;
+  return __component__$B.exports;
 }();
-var render$z = function __render__10() {
+var render$A = function __render__10() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -23778,9 +23779,9 @@ var render$z = function __render__10() {
     staticClass: "zw-number-field__units"
   }, [_vm._v(" " + _vm._s(_vm.units) + " ")]) : _vm._e()])]);
 };
-var staticRenderFns$z = [];
+var staticRenderFns$A = [];
 const NumberField_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$z = {
+const __vue2_script$A = {
   name: "NumberField",
   components: {
     Button
@@ -23850,24 +23851,24 @@ 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,
   "2e210d91",
   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 NumberField = /* @__PURE__ */ function() {
-  return __component__$z.exports;
+  return __component__$A.exports;
 }();
 const dataStorage = /* @__PURE__ */ new WeakMap();
 function toggleListener(toEnable, onClick) {
@@ -23917,7 +23918,7 @@ function tooltip(el, { value, modifiers: modifiers2 }) {
   if (modifiers2.lg)
     el.dataset.tooltipSize = "lg";
 }
-var render$y = function __render__11() {
+var render$z = function __render__11() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -23941,9 +23942,9 @@ var render$y = function __render__11() {
     }
   }, [_vm._t("default")], 2) : _vm._e()]);
 };
-var staticRenderFns$y = [];
+var staticRenderFns$z = [];
 const Modal_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$y = {
+const __vue2_script$z = {
   name: "Modal",
   transition: {
     enter: 200,
@@ -24003,26 +24004,26 @@ const __vue2_script$y = {
     };
   }
 };
-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,
   "4818ede9",
   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 Modal = /* @__PURE__ */ function() {
-  return __component__$y.exports;
+  return __component__$z.exports;
 }();
-var render$x = function __render__12() {
+var render$y = function __render__12() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -24055,9 +24056,9 @@ var render$x = function __render__12() {
     }
   }, [_vm._v(" " + _vm._s(_vm.error) + " ")]) : _vm._e()]);
 };
-var staticRenderFns$x = [];
+var staticRenderFns$y = [];
 const TextField_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$x = {
+const __vue2_script$y = {
   name: "TextField",
   props: {
     value: {
@@ -24087,26 +24088,26 @@ const __vue2_script$x = {
     return { onInput, fieldId };
   }
 };
-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,
   "20ee36c3",
   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 TextField = /* @__PURE__ */ function() {
-  return __component__$x.exports;
+  return __component__$y.exports;
 }();
-var render$w = function __render__13() {
+var render$x = function __render__13() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -24129,9 +24130,9 @@ var render$w = function __render__13() {
     staticClass: "zw-checkbox__label"
   }, [_vm._v(_vm._s(_vm.label))])]);
 };
-var staticRenderFns$w = [];
+var staticRenderFns$x = [];
 const Checkbox_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$w = {
+const __vue2_script$x = {
   name: "Checkbox",
   props: {
     value: {
@@ -24149,24 +24150,24 @@ const __vue2_script$w = {
     return { onCheckedChanged };
   }
 };
-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,
   "c9d1da12",
   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 Checkbox = /* @__PURE__ */ function() {
-  return __component__$w.exports;
+  return __component__$x.exports;
 }();
 const InjectionTokens = Object.freeze({
   ACTIVE_MANAGER: Symbol("dropdownActiveManager"),
@@ -24196,7 +24197,7 @@ function useDropdownEntityTitle(entityRef) {
     return ((_a2 = entityRef.value) == null ? void 0 : _a2.title) || ((_b = entityRef.value) == null ? void 0 : _b.id) || "";
   });
 }
-var render$v = function __render__14() {
+var render$w = function __render__14() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -24226,9 +24227,9 @@ var render$v = function __render__14() {
     "isOpened": _vm.isOpened
   })], 2);
 };
-var staticRenderFns$v = [];
+var staticRenderFns$w = [];
 const DropdownActivator_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$v = {
+const __vue2_script$w = {
   name: "DropdownActivator",
   components: {
     Icon,
@@ -24264,26 +24265,26 @@ 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,
   "bb5c4efe",
   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 DropdownActivator = /* @__PURE__ */ function() {
-  return __component__$v.exports;
+  return __component__$w.exports;
 }();
-var render$u = function __render__15() {
+var render$v = function __render__15() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -24298,9 +24299,9 @@ var render$u = function __render__15() {
     return [_vm._v(_vm._s(_vm.optionTitle))];
   })], 2);
 };
-var staticRenderFns$u = [];
+var staticRenderFns$v = [];
 const DropdownOption_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$u = {
+const __vue2_script$v = {
   name: "DropdownOption",
   components: {
     Button
@@ -24345,26 +24346,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,
   "1355d08c",
   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 DropdownOption = /* @__PURE__ */ function() {
-  return __component__$u.exports;
+  return __component__$v.exports;
 }();
-var render$t = function __render__16() {
+var render$u = function __render__16() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -24384,9 +24385,9 @@ var render$t = function __render__16() {
     });
   })], 2);
 };
-var staticRenderFns$t = [];
+var staticRenderFns$u = [];
 const DropdownGroup_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$t = {
+const __vue2_script$u = {
   name: "DropdownGroup",
   components: {
     DropdownOption
@@ -24402,26 +24403,26 @@ const __vue2_script$t = {
     return { groupTitle };
   }
 };
-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,
   "21efeb20",
   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 DropdownGroup = /* @__PURE__ */ function() {
-  return __component__$t.exports;
+  return __component__$u.exports;
 }();
-var render$s = function __render__17() {
+var render$t = function __render__17() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -24429,31 +24430,31 @@ var render$s = function __render__17() {
     staticClass: "zw-dropdown__divider"
   });
 };
-var staticRenderFns$s = [];
+var staticRenderFns$t = [];
 const DropdownDivider_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$s = {
+const __vue2_script$t = {
   name: "DropdownDivider"
 };
-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,
   "1f5efb01",
   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 DropdownDivider = /* @__PURE__ */ function() {
-  return __component__$s.exports;
+  return __component__$t.exports;
 }();
-var render$r = function __render__18() {
+var render$s = function __render__18() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -24487,9 +24488,9 @@ var render$r = function __render__18() {
     })];
   })], 2)]);
 };
-var staticRenderFns$r = [];
+var staticRenderFns$s = [];
 const DropdownMenu_vue_vue_type_style_index_0_lang = "";
-const __vue2_script$r = {
+const __vue2_script$s = {
   name: "DropdownMenu",
   components: {
     ScrollView,
@@ -24507,26 +24508,26 @@ const __vue2_script$r = {
     provide(InjectionTokens.SESSION, {});
   }
 };
-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,
   null,
   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 DropdownMenu = /* @__PURE__ */ function() {
-  return __component__$r.exports;
+  return __component__$s.exports;
 }();
-var render$q = function __render__19() {
+var render$r = function __render__19() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -24562,9 +24563,9 @@ var render$q = function __render__19() {
     }], null, true)
   })], 1)], 1);
 };
-var staticRenderFns$q = [];
+var staticRenderFns$r = [];
 const Dropdown_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$q = {
+const __vue2_script$r = {
   name: "Dropdown",
   components: {
     Modal,
@@ -24617,24 +24618,24 @@ 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,
   "885109ea",
   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 Dropdown = /* @__PURE__ */ function() {
-  return __component__$q.exports;
+  return __component__$r.exports;
 }();
 function usePickerApi({ pickerRef, colorRef, onChange, onClosed, onBeforeOpened }) {
   const isOpened = computed(() => {
@@ -24702,7 +24703,7 @@ function usePickerHotkeys({ isOpenedRef, onCancel, onApply }) {
     options: { capture: true }
   });
 }
-var render$p = function __render__20() {
+var render$q = function __render__20() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -24747,8 +24748,8 @@ var render$p = function __render__20() {
     }
   });
 };
-var staticRenderFns$p = [];
-const __vue2_script$p = {
+var staticRenderFns$q = [];
+const __vue2_script$q = {
   name: "ColorPicker",
   components: {
     ZipifyColorPicker
@@ -24792,26 +24793,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 ColorPicker = /* @__PURE__ */ function() {
-  return __component__$p.exports;
+  return __component__$q.exports;
 }();
-var render$o = function __render__21() {
+var render$p = function __render__21() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -24855,10 +24856,10 @@ var render$o = function __render__21() {
     }
   })], 1)], 1);
 };
-var staticRenderFns$o = [];
+var staticRenderFns$p = [];
 const StylePresetControl_vue_vue_type_style_index_0_scoped_true_lang = "";
 const CLEAR_MARKS = [TextSettings.FONT_SIZE, TextSettings.FONT_WEIGHT];
-const __vue2_script$o = {
+const __vue2_script$p = {
   name: "StylePresetControl",
   components: {
     Icon,
@@ -24898,24 +24899,24 @@ 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,
   "a1013442",
   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 StylePresetControl = /* @__PURE__ */ function() {
-  return __component__$o.exports;
+  return __component__$p.exports;
 }();
 const STORAGE_KEY = "wswg.recently_used_fonts";
 function useRecentFonts({ limit }) {
@@ -24928,7 +24929,7 @@ function useRecentFonts({ limit }) {
   const isEmpty = computed(() => !fonts.value.length);
   return { fonts, isEmpty, add };
 }
-var render$n = function __render__22() {
+var render$o = function __render__22() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -24968,9 +24969,9 @@ var render$n = function __render__22() {
     }])
   });
 };
-var staticRenderFns$n = [];
+var staticRenderFns$o = [];
 const FontFamilyControl_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$n = {
+const __vue2_script$o = {
   name: "FontFamilyControl",
   components: {
     Dropdown,
@@ -25015,26 +25016,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,
   "70087590",
   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 FontFamilyControl = /* @__PURE__ */ function() {
-  return __component__$n.exports;
+  return __component__$o.exports;
 }();
-var render$m = function __render__23() {
+var render$n = function __render__23() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -25058,9 +25059,9 @@ var render$m = function __render__23() {
     }
   });
 };
-var staticRenderFns$m = [];
+var staticRenderFns$n = [];
 const FontWeightControl_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$m = {
+const __vue2_script$n = {
   name: "FontWeightControl",
   components: {
     Dropdown
@@ -25081,26 +25082,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,
   "dbb38600",
   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 FontWeightControl = /* @__PURE__ */ function() {
-  return __component__$m.exports;
+  return __component__$n.exports;
 }();
-var render$l = function __render__24() {
+var render$m = function __render__24() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -25124,9 +25125,9 @@ var render$l = function __render__24() {
     }
   });
 };
-var staticRenderFns$l = [];
+var staticRenderFns$m = [];
 const FontSizeControl_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$l = {
+const __vue2_script$m = {
   name: "FontSizeControl",
   components: {
     Dropdown
@@ -25149,26 +25150,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,
   "6b3c7f37",
   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 FontSizeControl = /* @__PURE__ */ function() {
-  return __component__$l.exports;
+  return __component__$m.exports;
 }();
-var render$k = function __render__25() {
+var render$l = function __render__25() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -25209,8 +25210,8 @@ var render$k = function __render__25() {
     }])
   });
 };
-var staticRenderFns$k = [];
-const __vue2_script$k = {
+var staticRenderFns$l = [];
+const __vue2_script$l = {
   name: "FontColorControl",
   components: {
     ColorPicker,
@@ -25230,26 +25231,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 FontColorControl = /* @__PURE__ */ function() {
-  return __component__$k.exports;
+  return __component__$l.exports;
 }();
-var render$j = function __render__26() {
+var render$k = function __render__26() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -25290,8 +25291,8 @@ var render$j = function __render__26() {
     }])
   });
 };
-var staticRenderFns$j = [];
-const __vue2_script$j = {
+var staticRenderFns$k = [];
+const __vue2_script$k = {
   name: "BackgroundColorControl",
   components: {
     ColorPicker,
@@ -25311,26 +25312,26 @@ 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,
   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 BackgroundColorControl = /* @__PURE__ */ function() {
-  return __component__$j.exports;
+  return __component__$k.exports;
 }();
-var render$i = function __render__27() {
+var render$j = function __render__27() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -25361,8 +25362,8 @@ var render$i = function __render__27() {
     }
   })], 1);
 };
-var staticRenderFns$i = [];
-const __vue2_script$i = {
+var staticRenderFns$j = [];
+const __vue2_script$j = {
   name: "ItalicControl",
   components: {
     Button,
@@ -25383,26 +25384,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 ItalicControl = /* @__PURE__ */ function() {
-  return __component__$i.exports;
+  return __component__$j.exports;
 }();
-var render$h = function __render__28() {
+var render$i = function __render__28() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -25432,8 +25433,8 @@ var render$h = function __render__28() {
     }
   })], 1);
 };
-var staticRenderFns$h = [];
-const __vue2_script$h = {
+var staticRenderFns$i = [];
+const __vue2_script$i = {
   name: "UnderlineControl",
   components: {
     Button,
@@ -25452,26 +25453,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,
   null,
   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 UnderlineControl = /* @__PURE__ */ function() {
-  return __component__$h.exports;
+  return __component__$i.exports;
 }();
-var render$g = function __render__29() {
+var render$h = function __render__29() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -25498,8 +25499,8 @@ var render$g = function __render__29() {
     }
   })], 1);
 };
-var staticRenderFns$g = [];
-const __vue2_script$g = {
+var staticRenderFns$h = [];
+const __vue2_script$h = {
   name: "StrikeThroughControl",
   components: {
     Button,
@@ -25518,26 +25519,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,
   null,
   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 StrikeThroughControl = /* @__PURE__ */ function() {
-  return __component__$g.exports;
+  return __component__$h.exports;
 }();
-var render$f = function __render__30() {
+var render$g = function __render__30() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -25564,8 +25565,8 @@ var render$f = function __render__30() {
     }
   })], 1);
 };
-var staticRenderFns$f = [];
-const __vue2_script$f = {
+var staticRenderFns$g = [];
+const __vue2_script$g = {
   name: "SuperscriptControl",
   components: {
     Button,
@@ -25584,26 +25585,26 @@ 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,
   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 SuperscriptControl = /* @__PURE__ */ function() {
-  return __component__$f.exports;
+  return __component__$g.exports;
 }();
-var render$e = function __render__31() {
+var render$f = function __render__31() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -25644,8 +25645,8 @@ var render$e = function __render__31() {
     }])
   });
 };
-var staticRenderFns$e = [];
-const __vue2_script$e = {
+var staticRenderFns$f = [];
+const __vue2_script$f = {
   name: "CaseStyleControl",
   components: {
     Dropdown,
@@ -25666,26 +25667,26 @@ const __vue2_script$e = {
     return { apply: apply2 };
   }
 };
-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,
   null,
   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 CaseStyleControl = /* @__PURE__ */ function() {
-  return __component__$e.exports;
+  return __component__$f.exports;
 }();
-var render$d = function __render__32() {
+var render$e = function __render__32() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -25728,8 +25729,8 @@ var render$d = function __render__32() {
     }])
   });
 };
-var staticRenderFns$d = [];
-const __vue2_script$d = {
+var staticRenderFns$e = [];
+const __vue2_script$e = {
   name: "AlignmentControl",
   alignments: [
     {
@@ -25770,26 +25771,26 @@ const __vue2_script$d = {
     };
   }
 };
-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,
   null,
   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 AlignmentControl = /* @__PURE__ */ function() {
-  return __component__$d.exports;
+  return __component__$e.exports;
 }();
-var render$c = function __render__33() {
+var render$d = function __render__33() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -25855,9 +25856,9 @@ var render$c = function __render__33() {
     }
   })], 1)], 1)], 1);
 };
-var staticRenderFns$c = [];
+var staticRenderFns$d = [];
 const LineHeightControl_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$c = {
+const __vue2_script$d = {
   name: "LineHeightControl",
   components: {
     Range,
@@ -25887,26 +25888,26 @@ const __vue2_script$c = {
     };
   }
 };
-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,
   "1fcd599c",
   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 LineHeightControl = /* @__PURE__ */ function() {
-  return __component__$c.exports;
+  return __component__$d.exports;
 }();
-var render$b = function __render__34() {
+var render$c = function __render__34() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -25989,9 +25990,9 @@ var render$b = function __render__34() {
     }])
   })], 1);
 };
-var staticRenderFns$b = [];
+var staticRenderFns$c = [];
 const ListControl_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$b = {
+const __vue2_script$c = {
   name: "ListControl",
   listTypes: ListTypes.values.map((type) => ({
     id: type,
@@ -26029,26 +26030,26 @@ const __vue2_script$b = {
     };
   }
 };
-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,
   "2eeb2252",
   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 ListControl = /* @__PURE__ */ function() {
-  return __component__$b.exports;
+  return __component__$c.exports;
 }();
-var render$a = function __render__35() {
+var render$b = function __render__35() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -26074,8 +26075,8 @@ var render$a = function __render__35() {
     }
   })], 1);
 };
-var staticRenderFns$a = [];
-const __vue2_script$a = {
+var staticRenderFns$b = [];
+const __vue2_script$b = {
   name: "RemoveFormatControl",
   components: {
     Icon,
@@ -26090,24 +26091,24 @@ const __vue2_script$a = {
     return { apply: apply2 };
   }
 };
-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,
   null,
   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 RemoveFormatControl = /* @__PURE__ */ function() {
-  return __component__$a.exports;
+  return __component__$b.exports;
 }();
 const RegExps = {
   URL: /^(https:\/\/www\.|https:\/\/)?[a-z0-9]+([-.]{1}[a-z0-9]+)*\.[a-z]{2,100}(:[0-9]{1,5})?(\/.*)?$/i,
@@ -26115,7 +26116,7 @@ const RegExps = {
   MAILTO_PROTOCOL: /^mailto:.+$/,
   TEL_PROTOCOL: /^tel:.+$/
 };
-var render$9 = function __render__36() {
+var render$a = function __render__36() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -26141,9 +26142,9 @@ var render$9 = function __render__36() {
     }
   }), _vm._v(" Remove ")], 1)], 1);
 };
-var staticRenderFns$9 = [];
+var staticRenderFns$a = [];
 const LinkControlHeader_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$9 = {
+const __vue2_script$a = {
   name: "LinkControlHeader",
   components: { Icon, Button },
   setup(_, { emit }) {
@@ -26153,24 +26154,24 @@ const __vue2_script$9 = {
     return { isLink, removeLink };
   }
 };
-const __cssModules$9 = {};
-var __component__$9 = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$9,
-  render$9,
-  staticRenderFns$9,
+const __cssModules$a = {};
+var __component__$a = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$a,
+  render$a,
+  staticRenderFns$a,
   false,
-  __vue2_injectStyles$9,
+  __vue2_injectStyles$a,
   "0a0c67c1",
   null,
   null
 );
-function __vue2_injectStyles$9(context) {
-  for (let o in __cssModules$9) {
-    this[o] = __cssModules$9[o];
+function __vue2_injectStyles$a(context) {
+  for (let o in __cssModules$a) {
+    this[o] = __cssModules$a[o];
   }
 }
 const LinkControlHeader = /* @__PURE__ */ function() {
-  return __component__$9.exports;
+  return __component__$a.exports;
 }();
 function useLink() {
   const editor = inject(InjectionTokens$1.EDITOR);
@@ -26239,7 +26240,7 @@ function useLink() {
     updateText
   };
 }
-var render$8 = function __render__37() {
+var render$9 = function __render__37() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -26272,8 +26273,8 @@ var render$8 = function __render__37() {
     }])
   })], 1);
 };
-var staticRenderFns$8 = [];
-const __vue2_script$8 = {
+var staticRenderFns$9 = [];
+const __vue2_script$9 = {
   name: "LinkControlPageBlock",
   components: { DropdownOption, Dropdown, FieldLabel },
   props: {
@@ -26291,26 +26292,26 @@ const __vue2_script$8 = {
     return { pageBlocks, applyBlock };
   }
 };
-const __cssModules$8 = {};
-var __component__$8 = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$8,
-  render$8,
-  staticRenderFns$8,
+const __cssModules$9 = {};
+var __component__$9 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$9,
+  render$9,
+  staticRenderFns$9,
   false,
-  __vue2_injectStyles$8,
+  __vue2_injectStyles$9,
   null,
   null,
   null
 );
-function __vue2_injectStyles$8(context) {
-  for (let o in __cssModules$8) {
-    this[o] = __cssModules$8[o];
+function __vue2_injectStyles$9(context) {
+  for (let o in __cssModules$9) {
+    this[o] = __cssModules$9[o];
   }
 }
 const LinkControlPageBlock = /* @__PURE__ */ function() {
-  return __component__$8.exports;
+  return __component__$9.exports;
 }();
-var render$7 = function __render__38() {
+var render$8 = function __render__38() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -26335,8 +26336,8 @@ var render$7 = function __render__38() {
     }
   })], 1);
 };
-var staticRenderFns$7 = [];
-const __vue2_script$7 = {
+var staticRenderFns$8 = [];
+const __vue2_script$8 = {
   name: "LinkControlUrl",
   components: { TextField, Checkbox },
   props: {
@@ -26359,26 +26360,26 @@ const __vue2_script$7 = {
     return { updateLink, updateTarget };
   }
 };
-const __cssModules$7 = {};
-var __component__$7 = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$7,
-  render$7,
-  staticRenderFns$7,
+const __cssModules$8 = {};
+var __component__$8 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$8,
+  render$8,
+  staticRenderFns$8,
   false,
-  __vue2_injectStyles$7,
+  __vue2_injectStyles$8,
   null,
   null,
   null
 );
-function __vue2_injectStyles$7(context) {
-  for (let o in __cssModules$7) {
-    this[o] = __cssModules$7[o];
+function __vue2_injectStyles$8(context) {
+  for (let o in __cssModules$8) {
+    this[o] = __cssModules$8[o];
   }
 }
 const LinkControlUrl = /* @__PURE__ */ function() {
-  return __component__$7.exports;
+  return __component__$8.exports;
 }();
-var render$6 = function __render__39() {
+var render$7 = function __render__39() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -26427,8 +26428,8 @@ var render$6 = function __render__39() {
     }
   })], 1);
 };
-var staticRenderFns$6 = [];
-const __vue2_script$6 = {
+var staticRenderFns$7 = [];
+const __vue2_script$7 = {
   name: "LinkControlDestination",
   destinationTypes: [
     { id: LinkDestinations.URL, title: "URL" },
@@ -26474,26 +26475,26 @@ const __vue2_script$6 = {
     };
   }
 };
-const __cssModules$6 = {};
-var __component__$6 = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$6,
-  render$6,
-  staticRenderFns$6,
+const __cssModules$7 = {};
+var __component__$7 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$7,
+  render$7,
+  staticRenderFns$7,
   false,
-  __vue2_injectStyles$6,
+  __vue2_injectStyles$7,
   null,
   null,
   null
 );
-function __vue2_injectStyles$6(context) {
-  for (let o in __cssModules$6) {
-    this[o] = __cssModules$6[o];
+function __vue2_injectStyles$7(context) {
+  for (let o in __cssModules$7) {
+    this[o] = __cssModules$7[o];
   }
 }
 const LinkControlDestination = /* @__PURE__ */ function() {
-  return __component__$6.exports;
+  return __component__$7.exports;
 }();
-var render$5 = function __render__40() {
+var render$6 = function __render__40() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -26580,9 +26581,9 @@ var render$5 = function __render__40() {
     }
   }, [_vm._v(" Save ")])], 1)], 1)], 1)], 1);
 };
-var staticRenderFns$5 = [];
+var staticRenderFns$6 = [];
 const LinkControl_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$5 = {
+const __vue2_script$6 = {
   name: "LinkControl",
   components: {
     LinkControlDestination,
@@ -26669,6 +26670,103 @@ const __vue2_script$5 = {
     };
   }
 };
+const __cssModules$6 = {};
+var __component__$6 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$6,
+  render$6,
+  staticRenderFns$6,
+  false,
+  __vue2_injectStyles$6,
+  "eea2f92a",
+  null,
+  null
+);
+function __vue2_injectStyles$6(context) {
+  for (let o in __cssModules$6) {
+    this[o] = __cssModules$6[o];
+  }
+}
+const LinkControl = /* @__PURE__ */ function() {
+  return __component__$6.exports;
+}();
+var render$5 = function __render__41() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
+    ref: "wrapperRef"
+  }, [_c("Button", {
+    directives: [{
+      name: "tooltip",
+      rawName: "v-tooltip.lg",
+      value: "Zipify AI is in Beta. Please check your text for inaccuracies",
+      expression: "'Zipify AI is in Beta. Please check your text for inaccuracies'",
+      modifiers: {
+        "lg": true
+      }
+    }],
+    attrs: {
+      "icon": "",
+      "skin": "toolbar",
+      "active": _vm.isActive
+    },
+    on: {
+      "click": _vm.toggler.open
+    }
+  }, [_c("Icon", {
+    attrs: {
+      "name": "sparkles",
+      "size": "28px"
+    }
+  }), _c("span", {
+    staticClass: "zw-ai-control__caption"
+  }, [_vm._v("AI")])], 1), _c(_vm.aiComponent, {
+    ref: _vm.modalRef,
+    tag: "component",
+    attrs: {
+      "editor": _vm.editor,
+      "toggler": _vm.toggler
+    }
+  })], 1);
+};
+var staticRenderFns$5 = [];
+const AiControl_vue_vue_type_style_index_0_scoped_true_lang = "";
+const __vue2_script$5 = {
+  name: "AiControl",
+  components: {
+    Button,
+    Icon
+  },
+  directives: {
+    tooltip
+  },
+  props: {
+    aiComponent: {
+      type: Object,
+      required: true
+    }
+  },
+  setup() {
+    const editor = inject(InjectionTokens$1.EDITOR);
+    const wrapperRef = ref(null);
+    const modalRef = ref(null);
+    const onBeforeOpened = () => {
+    };
+    const toggler = useModalToggler({
+      onBeforeOpened: () => onBeforeOpened(),
+      wrapperRef,
+      modalRef
+    });
+    const isActive2 = computed(() => unref(toggler.isOpened));
+    return {
+      editor,
+      wrapperRef,
+      modalRef,
+      toggler,
+      isActive: isActive2
+    };
+  }
+};
 const __cssModules$5 = {};
 var __component__$5 = /* @__PURE__ */ normalizeComponent(
   __vue2_script$5,
@@ -26676,7 +26774,7 @@ var __component__$5 = /* @__PURE__ */ normalizeComponent(
   staticRenderFns$5,
   false,
   __vue2_injectStyles$5,
-  "eea2f92a",
+  "4001e194",
   null,
   null
 );
@@ -26685,14 +26783,22 @@ function __vue2_injectStyles$5(context) {
     this[o] = __cssModules$5[o];
   }
 }
-const LinkControl = /* @__PURE__ */ function() {
+const AiControl = /* @__PURE__ */ function() {
   return __component__$5.exports;
 }();
-var render$4 = function __render__41() {
+var render$4 = function __render__42() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("div", [_c("ToolbarRow", [_c("StylePresetControl"), _c("ToolbarDivider", {
+  return _c("div", [_c("ToolbarRow", [_vm.aiComponent ? [_c("AiControl", {
+    attrs: {
+      "ai-component": _vm.aiComponent
+    }
+  }), _c("ToolbarDivider", {
+    attrs: {
+      "vertical": ""
+    }
+  })] : _vm._e(), _c("StylePresetControl"), _c("ToolbarDivider", {
     attrs: {
       "vertical": ""
     }
@@ -26708,7 +26814,7 @@ var render$4 = function __render__41() {
     attrs: {
       "vertical": ""
     }
-  }), _c("ToolbarGroup", [_c("FontColorControl"), _c("BackgroundColorControl")], 1)], 1), _c("ToolbarDivider", {
+  }), _c("ToolbarGroup", [_c("FontColorControl"), _c("BackgroundColorControl")], 1)], 2), _c("ToolbarDivider", {
     attrs: {
       "horizontal": ""
     }
@@ -26752,7 +26858,15 @@ const __vue2_script$4 = {
     LineHeightControl,
     ListControl,
     RemoveFormatControl,
-    LinkControl
+    LinkControl,
+    AiControl
+  },
+  props: {
+    aiComponent: {
+      type: Object,
+      required: false,
+      default: null
+    }
   }
 };
 const __cssModules$4 = {};
@@ -26774,7 +26888,7 @@ function __vue2_injectStyles$4(context) {
 const ToolbarDesktop = /* @__PURE__ */ function() {
   return __component__$4.exports;
 }();
-var render$3 = function __render__42() {
+var render$3 = function __render__43() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -26860,7 +26974,7 @@ function __vue2_injectStyles$3(context) {
 const ToolbarMobile = /* @__PURE__ */ function() {
   return __component__$3.exports;
 }();
-var render$2 = function __render__43() {
+var render$2 = function __render__44() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -26946,7 +27060,7 @@ function __vue2_injectStyles$2(context) {
 const ToolbarPopup = /* @__PURE__ */ function() {
   return __component__$2.exports;
 }();
-var render$1 = function __render__44() {
+var render$1 = function __render__45() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -26960,7 +27074,10 @@ var render$1 = function __render__44() {
     staticClass: "zw-toolbar",
     style: _vm.toolbarStyles
   }, [_c(_vm.layoutComponent, {
-    tag: "component"
+    tag: "component",
+    attrs: {
+      "ai-component": _vm.aiComponent
+    }
   })], 1) : _vm._e()])], 1);
 };
 var staticRenderFns$1 = [];
@@ -26979,6 +27096,11 @@ const __vue2_script$1 = {
     popupMode: {
       type: Boolean,
       required: true
+    },
+    aiComponent: {
+      type: Object,
+      required: false,
+      default: null
     }
   },
   setup(props) {
@@ -27010,7 +27132,7 @@ var __component__$1 = /* @__PURE__ */ normalizeComponent(
   staticRenderFns$1,
   false,
   __vue2_injectStyles$1,
-  "d18ac382",
+  "09336b0a",
   null,
   null
 );
@@ -27110,7 +27232,7 @@ class Font {
     return String(closestWeight);
   }
 }
-var render = function __render__45() {
+var render = function __render__46() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -27122,7 +27244,8 @@ var render = function __render__45() {
     attrs: {
       "toolbar": _vm.toolbar,
       "device": _vm.device,
-      "popup-mode": _vm.popupMode
+      "popup-mode": _vm.popupMode,
+      "ai-component": _vm.aiComponent
     }
   }), _c("EditorContent", {
     attrs: {
@@ -27131,7 +27254,7 @@ var render = function __render__45() {
   })], 1);
 };
 var staticRenderFns = [];
-const main_css_vue_type_style_index_0_from__2FUsers_2Fmaster_2FProjects_2FZipifyWysiwyg_2Flib_2FWysiwyg_vue_src_lang = "";
+const main_css_vue_type_style_index_0_from__2FUsers_2Fmaster_2Fprojects_2FZipifyWysiwyg_2Flib_2FWysiwyg_vue_src_lang = "";
 const MIN_FONT_SIZE = 5;
 const MAX_FONT_SIZE = 112;
 const __vue2_script = {
@@ -27221,6 +27344,11 @@ const __vue2_script = {
     window: {
       required: false,
       default: () => window
+    },
+    aiComponent: {
+      type: Object,
+      required: false,
+      default: null
     }
   },
   emits: [