@zipify/wysiwyg 3.5.0-9 → 3.5.0

package/dist/wysiwyg.mjs

@@ -16242,7 +16242,7 @@ const LinkDestinations = Object.freeze({
   URL: "url",
   BLOCK: "block"
 });
-var render$J = function __render__() {
+var render$I = function __render__() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -16250,7 +16250,7 @@ var render$J = function __render__() {
     staticClass: "zw-toolbar__group"
   }, [_vm._t("default")], 2);
 };
-var staticRenderFns$J = [];
+var staticRenderFns$I = [];
 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$J = {
+const __vue2_script$I = {
   name: "ToolbarGroup"
 };
-const __cssModules$J = {};
-var __component__$J = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$J,
-  render$J,
-  staticRenderFns$J,
+const __cssModules$I = {};
+var __component__$I = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$I,
+  render$I,
+  staticRenderFns$I,
   false,
-  __vue2_injectStyles$J,
+  __vue2_injectStyles$I,
   "31a43dae",
   null,
   null
 );
-function __vue2_injectStyles$J(context) {
-  for (let o in __cssModules$J) {
-    this[o] = __cssModules$J[o];
+function __vue2_injectStyles$I(context) {
+  for (let o in __cssModules$I) {
+    this[o] = __cssModules$I[o];
   }
 }
 const ToolbarGroup = /* @__PURE__ */ function() {
-  return __component__$J.exports;
+  return __component__$I.exports;
 }();
-var render$I = function __render__2() {
+var render$H = function __render__2() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -16339,9 +16339,9 @@ var render$I = function __render__2() {
     "class": _vm.classes
   });
 };
-var staticRenderFns$I = [];
+var staticRenderFns$H = [];
 const ToolbarDivider_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$I = {
+const __vue2_script$H = {
   name: "ToolbarDivider",
   props: {
     vertical: {
@@ -16363,26 +16363,26 @@ const __vue2_script$I = {
     return { classes };
   }
 };
-const __cssModules$I = {};
-var __component__$I = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$I,
-  render$I,
-  staticRenderFns$I,
+const __cssModules$H = {};
+var __component__$H = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$H,
+  render$H,
+  staticRenderFns$H,
   false,
-  __vue2_injectStyles$I,
+  __vue2_injectStyles$H,
   "3c490aa3",
   null,
   null
 );
-function __vue2_injectStyles$I(context) {
-  for (let o in __cssModules$I) {
-    this[o] = __cssModules$I[o];
+function __vue2_injectStyles$H(context) {
+  for (let o in __cssModules$H) {
+    this[o] = __cssModules$H[o];
   }
 }
 const ToolbarDivider = /* @__PURE__ */ function() {
-  return __component__$I.exports;
+  return __component__$H.exports;
 }();
-var render$H = function __render__3() {
+var render$G = function __render__3() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -16390,29 +16390,29 @@ var render$H = function __render__3() {
     staticClass: "zw-toolbar__row"
   }, [_vm._t("default")], 2);
 };
-var staticRenderFns$H = [];
+var staticRenderFns$G = [];
 const ToolbarRow_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$H = {
+const __vue2_script$G = {
   name: "ToolbarRow"
 };
-const __cssModules$H = {};
-var __component__$H = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$H,
-  render$H,
-  staticRenderFns$H,
+const __cssModules$G = {};
+var __component__$G = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$G,
+  render$G,
+  staticRenderFns$G,
   false,
-  __vue2_injectStyles$H,
+  __vue2_injectStyles$G,
   "050f71dd",
   null,
   null
 );
-function __vue2_injectStyles$H(context) {
-  for (let o in __cssModules$H) {
-    this[o] = __cssModules$H[o];
+function __vue2_injectStyles$G(context) {
+  for (let o in __cssModules$G) {
+    this[o] = __cssModules$G[o];
   }
 }
 const ToolbarRow = /* @__PURE__ */ function() {
-  return __component__$H.exports;
+  return __component__$G.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$G = function __render__4() {
+var render$F = function __render__4() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -16440,9 +16440,9 @@ var render$G = function __render__4() {
     }
   }, [_vm._t("default")], 2);
 };
-var staticRenderFns$G = [];
+var staticRenderFns$F = [];
 const Button_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$G = {
+const __vue2_script$F = {
   name: "Button",
   props: {
     skin: {
@@ -16476,26 +16476,26 @@ const __vue2_script$G = {
     return { classes };
   }
 };
-const __cssModules$G = {};
-var __component__$G = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$G,
-  render$G,
-  staticRenderFns$G,
+const __cssModules$F = {};
+var __component__$F = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$F,
+  render$F,
+  staticRenderFns$F,
   false,
-  __vue2_injectStyles$G,
+  __vue2_injectStyles$F,
   "562f4e4a",
   null,
   null
 );
-function __vue2_injectStyles$G(context) {
-  for (let o in __cssModules$G) {
-    this[o] = __cssModules$G[o];
+function __vue2_injectStyles$F(context) {
+  for (let o in __cssModules$F) {
+    this[o] = __cssModules$F[o];
   }
 }
 const Button = /* @__PURE__ */ function() {
-  return __component__$G.exports;
+  return __component__$F.exports;
 }();
-var render$F = function __render__5() {
+var render$E = function __render__5() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -16511,9 +16511,9 @@ var render$F = function __render__5() {
     });
   })], 2);
 };
-var staticRenderFns$F = [];
+var staticRenderFns$E = [];
 const ButtonToggle_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$F = {
+const __vue2_script$E = {
   name: "ButtonToggle",
   model: {
     event: "change"
@@ -16529,24 +16529,24 @@ const __vue2_script$F = {
     }
   }
 };
-const __cssModules$F = {};
-var __component__$F = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$F,
-  render$F,
-  staticRenderFns$F,
+const __cssModules$E = {};
+var __component__$E = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$E,
+  render$E,
+  staticRenderFns$E,
   false,
-  __vue2_injectStyles$F,
+  __vue2_injectStyles$E,
   "a02f12aa",
   null,
   null
 );
-function __vue2_injectStyles$F(context) {
-  for (let o in __cssModules$F) {
-    this[o] = __cssModules$F[o];
+function __vue2_injectStyles$E(context) {
+  for (let o in __cssModules$E) {
+    this[o] = __cssModules$E[o];
   }
 }
 const ButtonToggle = /* @__PURE__ */ function() {
-  return __component__$F.exports;
+  return __component__$E.exports;
 }();
 function createCommand(exec) {
   return (...args) => (context) => exec(context, ...args);
@@ -21788,12 +21788,11 @@ 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" 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 });
+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 });
 function importIcon(name) {
   return modules[`../assets/icons/${name}.svg`] || "";
 }
@@ -22205,7 +22204,7 @@ var cloneDeep_1 = cloneDeep;
 function copyMark(mark) {
   return mark.type.create(cloneDeep_1(mark.attrs));
 }
-var render$E = function __render__6() {
+var render$D = function __render__6() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -22218,9 +22217,9 @@ var render$E = function __render__6() {
     }
   });
 };
-var staticRenderFns$E = [];
+var staticRenderFns$D = [];
 const Icon_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$E = {
+const __vue2_script$D = {
   name: "Icon",
   props: {
     name: {
@@ -22263,24 +22262,24 @@ const __vue2_script$E = {
     };
   }
 };
-const __cssModules$E = {};
-var __component__$E = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$E,
-  render$E,
-  staticRenderFns$E,
+const __cssModules$D = {};
+var __component__$D = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$D,
+  render$D,
+  staticRenderFns$D,
   false,
-  __vue2_injectStyles$E,
+  __vue2_injectStyles$D,
   "366d6daa",
   null,
   null
 );
-function __vue2_injectStyles$E(context) {
-  for (let o in __cssModules$E) {
-    this[o] = __cssModules$E[o];
+function __vue2_injectStyles$D(context) {
+  for (let o in __cssModules$D) {
+    this[o] = __cssModules$D[o];
   }
 }
 const Icon = /* @__PURE__ */ function() {
-  return __component__$E.exports;
+  return __component__$D.exports;
 }();
 var canUseDOM = !!(typeof window !== "undefined" && window.document && window.document.createElement);
 var canUseDom = canUseDOM;
@@ -23442,24 +23441,21 @@ function useNumberValue({ valueRef, digits, min: min2, max: max2, onChange }) {
     decrement
   };
 }
-function useModalToggler({ onBeforeOpened, onClosed, wrapperRef, modalRef, options = {} } = {}) {
+function useModalToggler({ onBeforeOpened, onClosed, wrapperRef, modalRef } = {}) {
   const editor = inject(InjectionTokens$1.EDITOR);
   const isOpened = ref(false);
   let popper2;
-  const popperPlacement = options.placement || "bottom";
-  const popperStrategy = options.strategy || "fixed";
-  const popperOffset = options.offset || [0, 4];
   function initPopper() {
     const wrapperEl = useElementRef(wrapperRef);
     const modalEl = useElementRef(modalRef);
     popper2 = createPopper(wrapperEl.value, modalEl.value, {
-      placement: popperPlacement,
-      strategy: popperStrategy,
+      placement: "bottom",
+      strategy: "fixed",
       modifiers: [
         {
           name: "offset",
           options: {
-            offset: popperOffset
+            offset: [0, 4]
           }
         },
         {
@@ -23551,7 +23547,7 @@ function useScrollView() {
   }
   return { scrollToElement };
 }
-var render$D = function __render__7() {
+var render$C = function __render__7() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -23563,9 +23559,9 @@ var render$D = function __render__7() {
     }
   }, [_vm._t("default")], 2);
 };
-var staticRenderFns$D = [];
+var staticRenderFns$C = [];
 const ScrollView_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$D = {
+const __vue2_script$C = {
   name: "ScrollView",
   setup() {
     const hostRef = ref(null);
@@ -23579,26 +23575,26 @@ const __vue2_script$D = {
     return { hostRef };
   }
 };
-const __cssModules$D = {};
-var __component__$D = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$D,
-  render$D,
-  staticRenderFns$D,
+const __cssModules$C = {};
+var __component__$C = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$C,
+  render$C,
+  staticRenderFns$C,
   false,
-  __vue2_injectStyles$D,
+  __vue2_injectStyles$C,
   "95e8ad00",
   null,
   null
 );
-function __vue2_injectStyles$D(context) {
-  for (let o in __cssModules$D) {
-    this[o] = __cssModules$D[o];
+function __vue2_injectStyles$C(context) {
+  for (let o in __cssModules$C) {
+    this[o] = __cssModules$C[o];
   }
 }
 const ScrollView = /* @__PURE__ */ function() {
-  return __component__$D.exports;
+  return __component__$C.exports;
 }();
-var render$C = function __render__8() {
+var render$B = function __render__8() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -23609,9 +23605,9 @@ var render$C = function __render__8() {
     }
   }, [_vm._t("default")], 2);
 };
-var staticRenderFns$C = [];
+var staticRenderFns$B = [];
 const FieldLabel_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$C = {
+const __vue2_script$B = {
   name: "FieldLabel",
   props: {
     fieldId: {
@@ -23621,26 +23617,26 @@ const __vue2_script$C = {
     }
   }
 };
-const __cssModules$C = {};
-var __component__$C = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$C,
-  render$C,
-  staticRenderFns$C,
+const __cssModules$B = {};
+var __component__$B = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$B,
+  render$B,
+  staticRenderFns$B,
   false,
-  __vue2_injectStyles$C,
+  __vue2_injectStyles$B,
   "116650c2",
   null,
   null
 );
-function __vue2_injectStyles$C(context) {
-  for (let o in __cssModules$C) {
-    this[o] = __cssModules$C[o];
+function __vue2_injectStyles$B(context) {
+  for (let o in __cssModules$B) {
+    this[o] = __cssModules$B[o];
   }
 }
 const FieldLabel = /* @__PURE__ */ function() {
-  return __component__$C.exports;
+  return __component__$B.exports;
 }();
-var render$B = function __render__9() {
+var render$A = function __render__9() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -23664,9 +23660,9 @@ var render$B = function __render__9() {
     }
   });
 };
-var staticRenderFns$B = [];
+var staticRenderFns$A = [];
 const Range_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$B = {
+const __vue2_script$A = {
   name: "Range",
   props: {
     min: {
@@ -23715,26 +23711,26 @@ const __vue2_script$B = {
     };
   }
 };
-const __cssModules$B = {};
-var __component__$B = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$B,
-  render$B,
-  staticRenderFns$B,
+const __cssModules$A = {};
+var __component__$A = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$A,
+  render$A,
+  staticRenderFns$A,
   false,
-  __vue2_injectStyles$B,
+  __vue2_injectStyles$A,
   "15a6af30",
   null,
   null
 );
-function __vue2_injectStyles$B(context) {
-  for (let o in __cssModules$B) {
-    this[o] = __cssModules$B[o];
+function __vue2_injectStyles$A(context) {
+  for (let o in __cssModules$A) {
+    this[o] = __cssModules$A[o];
   }
 }
 const Range = /* @__PURE__ */ function() {
-  return __component__$B.exports;
+  return __component__$A.exports;
 }();
-var render$A = function __render__10() {
+var render$z = function __render__10() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -23782,9 +23778,9 @@ var render$A = function __render__10() {
     staticClass: "zw-number-field__units"
   }, [_vm._v(" " + _vm._s(_vm.units) + " ")]) : _vm._e()])]);
 };
-var staticRenderFns$A = [];
+var staticRenderFns$z = [];
 const NumberField_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$A = {
+const __vue2_script$z = {
   name: "NumberField",
   components: {
     Button
@@ -23854,24 +23850,24 @@ const __vue2_script$A = {
     };
   }
 };
-const __cssModules$A = {};
-var __component__$A = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$A,
-  render$A,
-  staticRenderFns$A,
+const __cssModules$z = {};
+var __component__$z = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$z,
+  render$z,
+  staticRenderFns$z,
   false,
-  __vue2_injectStyles$A,
+  __vue2_injectStyles$z,
   "2e210d91",
   null,
   null
 );
-function __vue2_injectStyles$A(context) {
-  for (let o in __cssModules$A) {
-    this[o] = __cssModules$A[o];
+function __vue2_injectStyles$z(context) {
+  for (let o in __cssModules$z) {
+    this[o] = __cssModules$z[o];
   }
 }
 const NumberField = /* @__PURE__ */ function() {
-  return __component__$A.exports;
+  return __component__$z.exports;
 }();
 const dataStorage = /* @__PURE__ */ new WeakMap();
 function toggleListener(toEnable, onClick) {
@@ -23921,7 +23917,7 @@ function tooltip(el, { value, modifiers: modifiers2 }) {
   if (modifiers2.lg)
     el.dataset.tooltipSize = "lg";
 }
-var render$z = function __render__11() {
+var render$y = function __render__11() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -23934,11 +23930,8 @@ var render$z = function __render__11() {
     directives: [{
       name: "out-click",
       rawName: "v-out-click",
-      value: {
-        onOutClick: _vm.close,
-        isDisabled: !_vm.closeOnOutClick
-      },
-      expression: "{ onOutClick: close, isDisabled: !closeOnOutClick }"
+      value: _vm.close,
+      expression: "close"
     }],
     ref: "hostRef",
     staticClass: "zw-modal",
@@ -23948,9 +23941,9 @@ var render$z = function __render__11() {
     }
   }, [_vm._t("default")], 2) : _vm._e()]);
 };
-var staticRenderFns$z = [];
+var staticRenderFns$y = [];
 const Modal_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$z = {
+const __vue2_script$y = {
   name: "Modal",
   transition: {
     enter: 200,
@@ -23979,11 +23972,6 @@ const __vue2_script$z = {
       type: Boolean,
       required: false,
       default: false
-    },
-    closeOnOutClick: {
-      type: Boolean,
-      required: false,
-      default: true
     }
   },
   setup(props) {
@@ -24015,26 +24003,26 @@ const __vue2_script$z = {
     };
   }
 };
-const __cssModules$z = {};
-var __component__$z = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$z,
-  render$z,
-  staticRenderFns$z,
+const __cssModules$y = {};
+var __component__$y = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$y,
+  render$y,
+  staticRenderFns$y,
   false,
-  __vue2_injectStyles$z,
-  "bfddf238",
+  __vue2_injectStyles$y,
+  "4818ede9",
   null,
   null
 );
-function __vue2_injectStyles$z(context) {
-  for (let o in __cssModules$z) {
-    this[o] = __cssModules$z[o];
-  }
-}
+function __vue2_injectStyles$y(context) {
+  for (let o in __cssModules$y) {
+    this[o] = __cssModules$y[o];
+  }
+}
 const Modal = /* @__PURE__ */ function() {
-  return __component__$z.exports;
+  return __component__$y.exports;
 }();
-var render$y = function __render__12() {
+var render$x = function __render__12() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -24067,9 +24055,9 @@ var render$y = function __render__12() {
     }
   }, [_vm._v(" " + _vm._s(_vm.error) + " ")]) : _vm._e()]);
 };
-var staticRenderFns$y = [];
+var staticRenderFns$x = [];
 const TextField_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$y = {
+const __vue2_script$x = {
   name: "TextField",
   props: {
     value: {
@@ -24099,26 +24087,26 @@ const __vue2_script$y = {
     return { onInput, fieldId };
   }
 };
-const __cssModules$y = {};
-var __component__$y = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$y,
-  render$y,
-  staticRenderFns$y,
+const __cssModules$x = {};
+var __component__$x = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$x,
+  render$x,
+  staticRenderFns$x,
   false,
-  __vue2_injectStyles$y,
+  __vue2_injectStyles$x,
   "20ee36c3",
   null,
   null
 );
-function __vue2_injectStyles$y(context) {
-  for (let o in __cssModules$y) {
-    this[o] = __cssModules$y[o];
+function __vue2_injectStyles$x(context) {
+  for (let o in __cssModules$x) {
+    this[o] = __cssModules$x[o];
   }
 }
 const TextField = /* @__PURE__ */ function() {
-  return __component__$y.exports;
+  return __component__$x.exports;
 }();
-var render$x = function __render__13() {
+var render$w = function __render__13() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -24141,9 +24129,9 @@ var render$x = function __render__13() {
     staticClass: "zw-checkbox__label"
   }, [_vm._v(_vm._s(_vm.label))])]);
 };
-var staticRenderFns$x = [];
+var staticRenderFns$w = [];
 const Checkbox_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$x = {
+const __vue2_script$w = {
   name: "Checkbox",
   props: {
     value: {
@@ -24161,24 +24149,24 @@ const __vue2_script$x = {
     return { onCheckedChanged };
   }
 };
-const __cssModules$x = {};
-var __component__$x = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$x,
-  render$x,
-  staticRenderFns$x,
+const __cssModules$w = {};
+var __component__$w = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$w,
+  render$w,
+  staticRenderFns$w,
   false,
-  __vue2_injectStyles$x,
+  __vue2_injectStyles$w,
   "c9d1da12",
   null,
   null
 );
-function __vue2_injectStyles$x(context) {
-  for (let o in __cssModules$x) {
-    this[o] = __cssModules$x[o];
+function __vue2_injectStyles$w(context) {
+  for (let o in __cssModules$w) {
+    this[o] = __cssModules$w[o];
   }
 }
 const Checkbox = /* @__PURE__ */ function() {
-  return __component__$x.exports;
+  return __component__$w.exports;
 }();
 const InjectionTokens = Object.freeze({
   ACTIVE_MANAGER: Symbol("dropdownActiveManager"),
@@ -24208,7 +24196,7 @@ function useDropdownEntityTitle(entityRef) {
     return ((_a2 = entityRef.value) == null ? void 0 : _a2.title) || ((_b = entityRef.value) == null ? void 0 : _b.id) || "";
   });
 }
-var render$w = function __render__14() {
+var render$v = function __render__14() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -24238,9 +24226,9 @@ var render$w = function __render__14() {
     "isOpened": _vm.isOpened
   })], 2);
 };
-var staticRenderFns$w = [];
+var staticRenderFns$v = [];
 const DropdownActivator_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$w = {
+const __vue2_script$v = {
   name: "DropdownActivator",
   components: {
     Icon,
@@ -24276,26 +24264,26 @@ const __vue2_script$w = {
     };
   }
 };
-const __cssModules$w = {};
-var __component__$w = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$w,
-  render$w,
-  staticRenderFns$w,
+const __cssModules$v = {};
+var __component__$v = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$v,
+  render$v,
+  staticRenderFns$v,
   false,
-  __vue2_injectStyles$w,
+  __vue2_injectStyles$v,
   "bb5c4efe",
   null,
   null
 );
-function __vue2_injectStyles$w(context) {
-  for (let o in __cssModules$w) {
-    this[o] = __cssModules$w[o];
+function __vue2_injectStyles$v(context) {
+  for (let o in __cssModules$v) {
+    this[o] = __cssModules$v[o];
   }
 }
 const DropdownActivator = /* @__PURE__ */ function() {
-  return __component__$w.exports;
+  return __component__$v.exports;
 }();
-var render$v = function __render__15() {
+var render$u = function __render__15() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -24310,9 +24298,9 @@ var render$v = function __render__15() {
     return [_vm._v(_vm._s(_vm.optionTitle))];
   })], 2);
 };
-var staticRenderFns$v = [];
+var staticRenderFns$u = [];
 const DropdownOption_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$v = {
+const __vue2_script$u = {
   name: "DropdownOption",
   components: {
     Button
@@ -24357,26 +24345,26 @@ const __vue2_script$v = {
     };
   }
 };
-const __cssModules$v = {};
-var __component__$v = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$v,
-  render$v,
-  staticRenderFns$v,
+const __cssModules$u = {};
+var __component__$u = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$u,
+  render$u,
+  staticRenderFns$u,
   false,
-  __vue2_injectStyles$v,
+  __vue2_injectStyles$u,
   "1355d08c",
   null,
   null
 );
-function __vue2_injectStyles$v(context) {
-  for (let o in __cssModules$v) {
-    this[o] = __cssModules$v[o];
+function __vue2_injectStyles$u(context) {
+  for (let o in __cssModules$u) {
+    this[o] = __cssModules$u[o];
   }
 }
 const DropdownOption = /* @__PURE__ */ function() {
-  return __component__$v.exports;
+  return __component__$u.exports;
 }();
-var render$u = function __render__16() {
+var render$t = function __render__16() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -24396,9 +24384,9 @@ var render$u = function __render__16() {
     });
   })], 2);
 };
-var staticRenderFns$u = [];
+var staticRenderFns$t = [];
 const DropdownGroup_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$u = {
+const __vue2_script$t = {
   name: "DropdownGroup",
   components: {
     DropdownOption
@@ -24414,26 +24402,26 @@ const __vue2_script$u = {
     return { groupTitle };
   }
 };
-const __cssModules$u = {};
-var __component__$u = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$u,
-  render$u,
-  staticRenderFns$u,
+const __cssModules$t = {};
+var __component__$t = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$t,
+  render$t,
+  staticRenderFns$t,
   false,
-  __vue2_injectStyles$u,
+  __vue2_injectStyles$t,
   "21efeb20",
   null,
   null
 );
-function __vue2_injectStyles$u(context) {
-  for (let o in __cssModules$u) {
-    this[o] = __cssModules$u[o];
+function __vue2_injectStyles$t(context) {
+  for (let o in __cssModules$t) {
+    this[o] = __cssModules$t[o];
   }
 }
 const DropdownGroup = /* @__PURE__ */ function() {
-  return __component__$u.exports;
+  return __component__$t.exports;
 }();
-var render$t = function __render__17() {
+var render$s = function __render__17() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -24441,31 +24429,31 @@ var render$t = function __render__17() {
     staticClass: "zw-dropdown__divider"
   });
 };
-var staticRenderFns$t = [];
+var staticRenderFns$s = [];
 const DropdownDivider_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$t = {
+const __vue2_script$s = {
   name: "DropdownDivider"
 };
-const __cssModules$t = {};
-var __component__$t = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$t,
-  render$t,
-  staticRenderFns$t,
+const __cssModules$s = {};
+var __component__$s = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$s,
+  render$s,
+  staticRenderFns$s,
   false,
-  __vue2_injectStyles$t,
+  __vue2_injectStyles$s,
   "1f5efb01",
   null,
   null
 );
-function __vue2_injectStyles$t(context) {
-  for (let o in __cssModules$t) {
-    this[o] = __cssModules$t[o];
+function __vue2_injectStyles$s(context) {
+  for (let o in __cssModules$s) {
+    this[o] = __cssModules$s[o];
   }
 }
 const DropdownDivider = /* @__PURE__ */ function() {
-  return __component__$t.exports;
+  return __component__$s.exports;
 }();
-var render$s = function __render__18() {
+var render$r = function __render__18() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -24499,9 +24487,9 @@ var render$s = function __render__18() {
     })];
   })], 2)]);
 };
-var staticRenderFns$s = [];
+var staticRenderFns$r = [];
 const DropdownMenu_vue_vue_type_style_index_0_lang = "";
-const __vue2_script$s = {
+const __vue2_script$r = {
   name: "DropdownMenu",
   components: {
     ScrollView,
@@ -24519,26 +24507,26 @@ const __vue2_script$s = {
     provide(InjectionTokens.SESSION, {});
   }
 };
-const __cssModules$s = {};
-var __component__$s = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$s,
-  render$s,
-  staticRenderFns$s,
+const __cssModules$r = {};
+var __component__$r = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$r,
+  render$r,
+  staticRenderFns$r,
   false,
-  __vue2_injectStyles$s,
+  __vue2_injectStyles$r,
   null,
   null,
   null
 );
-function __vue2_injectStyles$s(context) {
-  for (let o in __cssModules$s) {
-    this[o] = __cssModules$s[o];
+function __vue2_injectStyles$r(context) {
+  for (let o in __cssModules$r) {
+    this[o] = __cssModules$r[o];
   }
 }
 const DropdownMenu = /* @__PURE__ */ function() {
-  return __component__$s.exports;
+  return __component__$r.exports;
 }();
-var render$r = function __render__19() {
+var render$q = function __render__19() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -24574,9 +24562,9 @@ var render$r = function __render__19() {
     }], null, true)
   })], 1)], 1);
 };
-var staticRenderFns$r = [];
+var staticRenderFns$q = [];
 const Dropdown_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$r = {
+const __vue2_script$q = {
   name: "Dropdown",
   components: {
     Modal,
@@ -24629,24 +24617,24 @@ const __vue2_script$r = {
     };
   }
 };
-const __cssModules$r = {};
-var __component__$r = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$r,
-  render$r,
-  staticRenderFns$r,
+const __cssModules$q = {};
+var __component__$q = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$q,
+  render$q,
+  staticRenderFns$q,
   false,
-  __vue2_injectStyles$r,
+  __vue2_injectStyles$q,
   "885109ea",
   null,
   null
 );
-function __vue2_injectStyles$r(context) {
-  for (let o in __cssModules$r) {
-    this[o] = __cssModules$r[o];
+function __vue2_injectStyles$q(context) {
+  for (let o in __cssModules$q) {
+    this[o] = __cssModules$q[o];
   }
 }
 const Dropdown = /* @__PURE__ */ function() {
-  return __component__$r.exports;
+  return __component__$q.exports;
 }();
 function usePickerApi({ pickerRef, colorRef, onChange, onClosed, onBeforeOpened }) {
   const isOpened = computed(() => {
@@ -24714,7 +24702,7 @@ function usePickerHotkeys({ isOpenedRef, onCancel, onApply }) {
     options: { capture: true }
   });
 }
-var render$q = function __render__20() {
+var render$p = function __render__20() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -24759,8 +24747,8 @@ var render$q = function __render__20() {
     }
   });
 };
-var staticRenderFns$q = [];
-const __vue2_script$q = {
+var staticRenderFns$p = [];
+const __vue2_script$p = {
   name: "ColorPicker",
   components: {
     ZipifyColorPicker
@@ -24804,26 +24792,26 @@ const __vue2_script$q = {
     };
   }
 };
-const __cssModules$q = {};
-var __component__$q = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$q,
-  render$q,
-  staticRenderFns$q,
+const __cssModules$p = {};
+var __component__$p = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$p,
+  render$p,
+  staticRenderFns$p,
   false,
-  __vue2_injectStyles$q,
+  __vue2_injectStyles$p,
   null,
   null,
   null
 );
-function __vue2_injectStyles$q(context) {
-  for (let o in __cssModules$q) {
-    this[o] = __cssModules$q[o];
+function __vue2_injectStyles$p(context) {
+  for (let o in __cssModules$p) {
+    this[o] = __cssModules$p[o];
   }
 }
 const ColorPicker = /* @__PURE__ */ function() {
-  return __component__$q.exports;
+  return __component__$p.exports;
 }();
-var render$p = function __render__21() {
+var render$o = function __render__21() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -24867,10 +24855,10 @@ var render$p = function __render__21() {
     }
   })], 1)], 1);
 };
-var staticRenderFns$p = [];
+var staticRenderFns$o = [];
 const StylePresetControl_vue_vue_type_style_index_0_scoped_true_lang = "";
 const CLEAR_MARKS = [TextSettings.FONT_SIZE, TextSettings.FONT_WEIGHT];
-const __vue2_script$p = {
+const __vue2_script$o = {
   name: "StylePresetControl",
   components: {
     Icon,
@@ -24910,24 +24898,24 @@ const __vue2_script$p = {
     };
   }
 };
-const __cssModules$p = {};
-var __component__$p = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$p,
-  render$p,
-  staticRenderFns$p,
+const __cssModules$o = {};
+var __component__$o = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$o,
+  render$o,
+  staticRenderFns$o,
   false,
-  __vue2_injectStyles$p,
+  __vue2_injectStyles$o,
   "a1013442",
   null,
   null
 );
-function __vue2_injectStyles$p(context) {
-  for (let o in __cssModules$p) {
-    this[o] = __cssModules$p[o];
+function __vue2_injectStyles$o(context) {
+  for (let o in __cssModules$o) {
+    this[o] = __cssModules$o[o];
   }
 }
 const StylePresetControl = /* @__PURE__ */ function() {
-  return __component__$p.exports;
+  return __component__$o.exports;
 }();
 const STORAGE_KEY = "wswg.recently_used_fonts";
 function useRecentFonts({ limit }) {
@@ -24940,7 +24928,7 @@ function useRecentFonts({ limit }) {
   const isEmpty = computed(() => !fonts.value.length);
   return { fonts, isEmpty, add };
 }
-var render$o = function __render__22() {
+var render$n = function __render__22() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -24980,9 +24968,9 @@ var render$o = function __render__22() {
     }])
   });
 };
-var staticRenderFns$o = [];
+var staticRenderFns$n = [];
 const FontFamilyControl_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$o = {
+const __vue2_script$n = {
   name: "FontFamilyControl",
   components: {
     Dropdown,
@@ -25027,26 +25015,26 @@ const __vue2_script$o = {
     };
   }
 };
-const __cssModules$o = {};
-var __component__$o = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$o,
-  render$o,
-  staticRenderFns$o,
+const __cssModules$n = {};
+var __component__$n = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$n,
+  render$n,
+  staticRenderFns$n,
   false,
-  __vue2_injectStyles$o,
+  __vue2_injectStyles$n,
   "70087590",
   null,
   null
 );
-function __vue2_injectStyles$o(context) {
-  for (let o in __cssModules$o) {
-    this[o] = __cssModules$o[o];
+function __vue2_injectStyles$n(context) {
+  for (let o in __cssModules$n) {
+    this[o] = __cssModules$n[o];
   }
 }
 const FontFamilyControl = /* @__PURE__ */ function() {
-  return __component__$o.exports;
+  return __component__$n.exports;
 }();
-var render$n = function __render__23() {
+var render$m = function __render__23() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -25070,9 +25058,9 @@ var render$n = function __render__23() {
     }
   });
 };
-var staticRenderFns$n = [];
+var staticRenderFns$m = [];
 const FontWeightControl_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$n = {
+const __vue2_script$m = {
   name: "FontWeightControl",
   components: {
     Dropdown
@@ -25093,26 +25081,26 @@ const __vue2_script$n = {
     };
   }
 };
-const __cssModules$n = {};
-var __component__$n = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$n,
-  render$n,
-  staticRenderFns$n,
+const __cssModules$m = {};
+var __component__$m = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$m,
+  render$m,
+  staticRenderFns$m,
   false,
-  __vue2_injectStyles$n,
+  __vue2_injectStyles$m,
   "dbb38600",
   null,
   null
 );
-function __vue2_injectStyles$n(context) {
-  for (let o in __cssModules$n) {
-    this[o] = __cssModules$n[o];
+function __vue2_injectStyles$m(context) {
+  for (let o in __cssModules$m) {
+    this[o] = __cssModules$m[o];
   }
 }
 const FontWeightControl = /* @__PURE__ */ function() {
-  return __component__$n.exports;
+  return __component__$m.exports;
 }();
-var render$m = function __render__24() {
+var render$l = function __render__24() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -25136,9 +25124,9 @@ var render$m = function __render__24() {
     }
   });
 };
-var staticRenderFns$m = [];
+var staticRenderFns$l = [];
 const FontSizeControl_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$m = {
+const __vue2_script$l = {
   name: "FontSizeControl",
   components: {
     Dropdown
@@ -25161,26 +25149,26 @@ const __vue2_script$m = {
     };
   }
 };
-const __cssModules$m = {};
-var __component__$m = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$m,
-  render$m,
-  staticRenderFns$m,
+const __cssModules$l = {};
+var __component__$l = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$l,
+  render$l,
+  staticRenderFns$l,
   false,
-  __vue2_injectStyles$m,
+  __vue2_injectStyles$l,
   "6b3c7f37",
   null,
   null
 );
-function __vue2_injectStyles$m(context) {
-  for (let o in __cssModules$m) {
-    this[o] = __cssModules$m[o];
+function __vue2_injectStyles$l(context) {
+  for (let o in __cssModules$l) {
+    this[o] = __cssModules$l[o];
   }
 }
 const FontSizeControl = /* @__PURE__ */ function() {
-  return __component__$m.exports;
+  return __component__$l.exports;
 }();
-var render$l = function __render__25() {
+var render$k = function __render__25() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -25221,8 +25209,8 @@ var render$l = function __render__25() {
     }])
   });
 };
-var staticRenderFns$l = [];
-const __vue2_script$l = {
+var staticRenderFns$k = [];
+const __vue2_script$k = {
   name: "FontColorControl",
   components: {
     ColorPicker,
@@ -25242,26 +25230,26 @@ const __vue2_script$l = {
     };
   }
 };
-const __cssModules$l = {};
-var __component__$l = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$l,
-  render$l,
-  staticRenderFns$l,
+const __cssModules$k = {};
+var __component__$k = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$k,
+  render$k,
+  staticRenderFns$k,
   false,
-  __vue2_injectStyles$l,
+  __vue2_injectStyles$k,
   null,
   null,
   null
 );
-function __vue2_injectStyles$l(context) {
-  for (let o in __cssModules$l) {
-    this[o] = __cssModules$l[o];
+function __vue2_injectStyles$k(context) {
+  for (let o in __cssModules$k) {
+    this[o] = __cssModules$k[o];
   }
 }
 const FontColorControl = /* @__PURE__ */ function() {
-  return __component__$l.exports;
+  return __component__$k.exports;
 }();
-var render$k = function __render__26() {
+var render$j = function __render__26() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -25302,8 +25290,8 @@ var render$k = function __render__26() {
     }])
   });
 };
-var staticRenderFns$k = [];
-const __vue2_script$k = {
+var staticRenderFns$j = [];
+const __vue2_script$j = {
   name: "BackgroundColorControl",
   components: {
     ColorPicker,
@@ -25323,26 +25311,26 @@ const __vue2_script$k = {
     };
   }
 };
-const __cssModules$k = {};
-var __component__$k = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$k,
-  render$k,
-  staticRenderFns$k,
+const __cssModules$j = {};
+var __component__$j = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$j,
+  render$j,
+  staticRenderFns$j,
   false,
-  __vue2_injectStyles$k,
+  __vue2_injectStyles$j,
   null,
   null,
   null
 );
-function __vue2_injectStyles$k(context) {
-  for (let o in __cssModules$k) {
-    this[o] = __cssModules$k[o];
+function __vue2_injectStyles$j(context) {
+  for (let o in __cssModules$j) {
+    this[o] = __cssModules$j[o];
   }
 }
 const BackgroundColorControl = /* @__PURE__ */ function() {
-  return __component__$k.exports;
+  return __component__$j.exports;
 }();
-var render$j = function __render__27() {
+var render$i = function __render__27() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -25373,8 +25361,8 @@ var render$j = function __render__27() {
     }
   })], 1);
 };
-var staticRenderFns$j = [];
-const __vue2_script$j = {
+var staticRenderFns$i = [];
+const __vue2_script$i = {
   name: "ItalicControl",
   components: {
     Button,
@@ -25395,26 +25383,26 @@ const __vue2_script$j = {
     };
   }
 };
-const __cssModules$j = {};
-var __component__$j = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$j,
-  render$j,
-  staticRenderFns$j,
+const __cssModules$i = {};
+var __component__$i = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$i,
+  render$i,
+  staticRenderFns$i,
   false,
-  __vue2_injectStyles$j,
+  __vue2_injectStyles$i,
   null,
   null,
   null
 );
-function __vue2_injectStyles$j(context) {
-  for (let o in __cssModules$j) {
-    this[o] = __cssModules$j[o];
+function __vue2_injectStyles$i(context) {
+  for (let o in __cssModules$i) {
+    this[o] = __cssModules$i[o];
   }
 }
 const ItalicControl = /* @__PURE__ */ function() {
-  return __component__$j.exports;
+  return __component__$i.exports;
 }();
-var render$i = function __render__28() {
+var render$h = function __render__28() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -25444,8 +25432,8 @@ var render$i = function __render__28() {
     }
   })], 1);
 };
-var staticRenderFns$i = [];
-const __vue2_script$i = {
+var staticRenderFns$h = [];
+const __vue2_script$h = {
   name: "UnderlineControl",
   components: {
     Button,
@@ -25464,26 +25452,26 @@ const __vue2_script$i = {
     };
   }
 };
-const __cssModules$i = {};
-var __component__$i = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$i,
-  render$i,
-  staticRenderFns$i,
+const __cssModules$h = {};
+var __component__$h = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$h,
+  render$h,
+  staticRenderFns$h,
   false,
-  __vue2_injectStyles$i,
+  __vue2_injectStyles$h,
   null,
   null,
   null
 );
-function __vue2_injectStyles$i(context) {
-  for (let o in __cssModules$i) {
-    this[o] = __cssModules$i[o];
+function __vue2_injectStyles$h(context) {
+  for (let o in __cssModules$h) {
+    this[o] = __cssModules$h[o];
   }
 }
 const UnderlineControl = /* @__PURE__ */ function() {
-  return __component__$i.exports;
+  return __component__$h.exports;
 }();
-var render$h = function __render__29() {
+var render$g = function __render__29() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -25510,8 +25498,8 @@ var render$h = function __render__29() {
     }
   })], 1);
 };
-var staticRenderFns$h = [];
-const __vue2_script$h = {
+var staticRenderFns$g = [];
+const __vue2_script$g = {
   name: "StrikeThroughControl",
   components: {
     Button,
@@ -25530,26 +25518,26 @@ const __vue2_script$h = {
     };
   }
 };
-const __cssModules$h = {};
-var __component__$h = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$h,
-  render$h,
-  staticRenderFns$h,
+const __cssModules$g = {};
+var __component__$g = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$g,
+  render$g,
+  staticRenderFns$g,
   false,
-  __vue2_injectStyles$h,
+  __vue2_injectStyles$g,
   null,
   null,
   null
 );
-function __vue2_injectStyles$h(context) {
-  for (let o in __cssModules$h) {
-    this[o] = __cssModules$h[o];
+function __vue2_injectStyles$g(context) {
+  for (let o in __cssModules$g) {
+    this[o] = __cssModules$g[o];
   }
 }
 const StrikeThroughControl = /* @__PURE__ */ function() {
-  return __component__$h.exports;
+  return __component__$g.exports;
 }();
-var render$g = function __render__30() {
+var render$f = function __render__30() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -25576,8 +25564,8 @@ var render$g = function __render__30() {
     }
   })], 1);
 };
-var staticRenderFns$g = [];
-const __vue2_script$g = {
+var staticRenderFns$f = [];
+const __vue2_script$f = {
   name: "SuperscriptControl",
   components: {
     Button,
@@ -25596,26 +25584,26 @@ const __vue2_script$g = {
     };
   }
 };
-const __cssModules$g = {};
-var __component__$g = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$g,
-  render$g,
-  staticRenderFns$g,
+const __cssModules$f = {};
+var __component__$f = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$f,
+  render$f,
+  staticRenderFns$f,
   false,
-  __vue2_injectStyles$g,
+  __vue2_injectStyles$f,
   null,
   null,
   null
 );
-function __vue2_injectStyles$g(context) {
-  for (let o in __cssModules$g) {
-    this[o] = __cssModules$g[o];
+function __vue2_injectStyles$f(context) {
+  for (let o in __cssModules$f) {
+    this[o] = __cssModules$f[o];
   }
 }
 const SuperscriptControl = /* @__PURE__ */ function() {
-  return __component__$g.exports;
+  return __component__$f.exports;
 }();
-var render$f = function __render__31() {
+var render$e = function __render__31() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -25656,8 +25644,8 @@ var render$f = function __render__31() {
     }])
   });
 };
-var staticRenderFns$f = [];
-const __vue2_script$f = {
+var staticRenderFns$e = [];
+const __vue2_script$e = {
   name: "CaseStyleControl",
   components: {
     Dropdown,
@@ -25678,26 +25666,26 @@ const __vue2_script$f = {
     return { apply: apply2 };
   }
 };
-const __cssModules$f = {};
-var __component__$f = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$f,
-  render$f,
-  staticRenderFns$f,
+const __cssModules$e = {};
+var __component__$e = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$e,
+  render$e,
+  staticRenderFns$e,
   false,
-  __vue2_injectStyles$f,
+  __vue2_injectStyles$e,
   null,
   null,
   null
 );
-function __vue2_injectStyles$f(context) {
-  for (let o in __cssModules$f) {
-    this[o] = __cssModules$f[o];
+function __vue2_injectStyles$e(context) {
+  for (let o in __cssModules$e) {
+    this[o] = __cssModules$e[o];
   }
 }
 const CaseStyleControl = /* @__PURE__ */ function() {
-  return __component__$f.exports;
+  return __component__$e.exports;
 }();
-var render$e = function __render__32() {
+var render$d = function __render__32() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -25740,8 +25728,8 @@ var render$e = function __render__32() {
     }])
   });
 };
-var staticRenderFns$e = [];
-const __vue2_script$e = {
+var staticRenderFns$d = [];
+const __vue2_script$d = {
   name: "AlignmentControl",
   alignments: [
     {
@@ -25782,26 +25770,26 @@ const __vue2_script$e = {
     };
   }
 };
-const __cssModules$e = {};
-var __component__$e = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$e,
-  render$e,
-  staticRenderFns$e,
+const __cssModules$d = {};
+var __component__$d = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$d,
+  render$d,
+  staticRenderFns$d,
   false,
-  __vue2_injectStyles$e,
+  __vue2_injectStyles$d,
   null,
   null,
   null
 );
-function __vue2_injectStyles$e(context) {
-  for (let o in __cssModules$e) {
-    this[o] = __cssModules$e[o];
+function __vue2_injectStyles$d(context) {
+  for (let o in __cssModules$d) {
+    this[o] = __cssModules$d[o];
   }
 }
 const AlignmentControl = /* @__PURE__ */ function() {
-  return __component__$e.exports;
+  return __component__$d.exports;
 }();
-var render$d = function __render__33() {
+var render$c = function __render__33() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -25867,9 +25855,9 @@ var render$d = function __render__33() {
     }
   })], 1)], 1)], 1);
 };
-var staticRenderFns$d = [];
+var staticRenderFns$c = [];
 const LineHeightControl_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$d = {
+const __vue2_script$c = {
   name: "LineHeightControl",
   components: {
     Range,
@@ -25899,26 +25887,26 @@ const __vue2_script$d = {
     };
   }
 };
-const __cssModules$d = {};
-var __component__$d = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$d,
-  render$d,
-  staticRenderFns$d,
+const __cssModules$c = {};
+var __component__$c = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$c,
+  render$c,
+  staticRenderFns$c,
   false,
-  __vue2_injectStyles$d,
+  __vue2_injectStyles$c,
   "1fcd599c",
   null,
   null
 );
-function __vue2_injectStyles$d(context) {
-  for (let o in __cssModules$d) {
-    this[o] = __cssModules$d[o];
+function __vue2_injectStyles$c(context) {
+  for (let o in __cssModules$c) {
+    this[o] = __cssModules$c[o];
   }
 }
 const LineHeightControl = /* @__PURE__ */ function() {
-  return __component__$d.exports;
+  return __component__$c.exports;
 }();
-var render$c = function __render__34() {
+var render$b = function __render__34() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -26001,9 +25989,9 @@ var render$c = function __render__34() {
     }])
   })], 1);
 };
-var staticRenderFns$c = [];
+var staticRenderFns$b = [];
 const ListControl_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$c = {
+const __vue2_script$b = {
   name: "ListControl",
   listTypes: ListTypes.values.map((type) => ({
     id: type,
@@ -26041,26 +26029,26 @@ const __vue2_script$c = {
     };
   }
 };
-const __cssModules$c = {};
-var __component__$c = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$c,
-  render$c,
-  staticRenderFns$c,
+const __cssModules$b = {};
+var __component__$b = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$b,
+  render$b,
+  staticRenderFns$b,
   false,
-  __vue2_injectStyles$c,
+  __vue2_injectStyles$b,
   "2eeb2252",
   null,
   null
 );
-function __vue2_injectStyles$c(context) {
-  for (let o in __cssModules$c) {
-    this[o] = __cssModules$c[o];
+function __vue2_injectStyles$b(context) {
+  for (let o in __cssModules$b) {
+    this[o] = __cssModules$b[o];
   }
 }
 const ListControl = /* @__PURE__ */ function() {
-  return __component__$c.exports;
+  return __component__$b.exports;
 }();
-var render$b = function __render__35() {
+var render$a = function __render__35() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -26086,8 +26074,8 @@ var render$b = function __render__35() {
     }
   })], 1);
 };
-var staticRenderFns$b = [];
-const __vue2_script$b = {
+var staticRenderFns$a = [];
+const __vue2_script$a = {
   name: "RemoveFormatControl",
   components: {
     Icon,
@@ -26102,24 +26090,24 @@ const __vue2_script$b = {
     return { apply: apply2 };
   }
 };
-const __cssModules$b = {};
-var __component__$b = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$b,
-  render$b,
-  staticRenderFns$b,
+const __cssModules$a = {};
+var __component__$a = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$a,
+  render$a,
+  staticRenderFns$a,
   false,
-  __vue2_injectStyles$b,
+  __vue2_injectStyles$a,
   null,
   null,
   null
 );
-function __vue2_injectStyles$b(context) {
-  for (let o in __cssModules$b) {
-    this[o] = __cssModules$b[o];
+function __vue2_injectStyles$a(context) {
+  for (let o in __cssModules$a) {
+    this[o] = __cssModules$a[o];
   }
 }
 const RemoveFormatControl = /* @__PURE__ */ function() {
-  return __component__$b.exports;
+  return __component__$a.exports;
 }();
 const RegExps = {
   URL: /^(https:\/\/www\.|https:\/\/)?[a-z0-9]+([-.]{1}[a-z0-9]+)*\.[a-z]{2,100}(:[0-9]{1,5})?(\/.*)?$/i,
@@ -26127,7 +26115,7 @@ const RegExps = {
   MAILTO_PROTOCOL: /^mailto:.+$/,
   TEL_PROTOCOL: /^tel:.+$/
 };
-var render$a = function __render__36() {
+var render$9 = function __render__36() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -26153,9 +26141,9 @@ var render$a = function __render__36() {
     }
   }), _vm._v(" Remove ")], 1)], 1);
 };
-var staticRenderFns$a = [];
+var staticRenderFns$9 = [];
 const LinkControlHeader_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$a = {
+const __vue2_script$9 = {
   name: "LinkControlHeader",
   components: { Icon, Button },
   setup(_, { emit }) {
@@ -26165,24 +26153,24 @@ const __vue2_script$a = {
     return { isLink, removeLink };
   }
 };
-const __cssModules$a = {};
-var __component__$a = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$a,
-  render$a,
-  staticRenderFns$a,
+const __cssModules$9 = {};
+var __component__$9 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$9,
+  render$9,
+  staticRenderFns$9,
   false,
-  __vue2_injectStyles$a,
+  __vue2_injectStyles$9,
   "0a0c67c1",
   null,
   null
 );
-function __vue2_injectStyles$a(context) {
-  for (let o in __cssModules$a) {
-    this[o] = __cssModules$a[o];
+function __vue2_injectStyles$9(context) {
+  for (let o in __cssModules$9) {
+    this[o] = __cssModules$9[o];
   }
 }
 const LinkControlHeader = /* @__PURE__ */ function() {
-  return __component__$a.exports;
+  return __component__$9.exports;
 }();
 function useLink() {
   const editor = inject(InjectionTokens$1.EDITOR);
@@ -26251,7 +26239,7 @@ function useLink() {
     updateText
   };
 }
-var render$9 = function __render__37() {
+var render$8 = function __render__37() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -26284,8 +26272,8 @@ var render$9 = function __render__37() {
     }])
   })], 1);
 };
-var staticRenderFns$9 = [];
-const __vue2_script$9 = {
+var staticRenderFns$8 = [];
+const __vue2_script$8 = {
   name: "LinkControlPageBlock",
   components: { DropdownOption, Dropdown, FieldLabel },
   props: {
@@ -26303,26 +26291,26 @@ const __vue2_script$9 = {
     return { pageBlocks, applyBlock };
   }
 };
-const __cssModules$9 = {};
-var __component__$9 = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$9,
-  render$9,
-  staticRenderFns$9,
+const __cssModules$8 = {};
+var __component__$8 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$8,
+  render$8,
+  staticRenderFns$8,
   false,
-  __vue2_injectStyles$9,
+  __vue2_injectStyles$8,
   null,
   null,
   null
 );
-function __vue2_injectStyles$9(context) {
-  for (let o in __cssModules$9) {
-    this[o] = __cssModules$9[o];
+function __vue2_injectStyles$8(context) {
+  for (let o in __cssModules$8) {
+    this[o] = __cssModules$8[o];
   }
 }
 const LinkControlPageBlock = /* @__PURE__ */ function() {
-  return __component__$9.exports;
+  return __component__$8.exports;
 }();
-var render$8 = function __render__38() {
+var render$7 = function __render__38() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -26347,8 +26335,8 @@ var render$8 = function __render__38() {
     }
   })], 1);
 };
-var staticRenderFns$8 = [];
-const __vue2_script$8 = {
+var staticRenderFns$7 = [];
+const __vue2_script$7 = {
   name: "LinkControlUrl",
   components: { TextField, Checkbox },
   props: {
@@ -26371,26 +26359,26 @@ const __vue2_script$8 = {
     return { updateLink, updateTarget };
   }
 };
-const __cssModules$8 = {};
-var __component__$8 = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$8,
-  render$8,
-  staticRenderFns$8,
+const __cssModules$7 = {};
+var __component__$7 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$7,
+  render$7,
+  staticRenderFns$7,
   false,
-  __vue2_injectStyles$8,
+  __vue2_injectStyles$7,
   null,
   null,
   null
 );
-function __vue2_injectStyles$8(context) {
-  for (let o in __cssModules$8) {
-    this[o] = __cssModules$8[o];
+function __vue2_injectStyles$7(context) {
+  for (let o in __cssModules$7) {
+    this[o] = __cssModules$7[o];
   }
 }
 const LinkControlUrl = /* @__PURE__ */ function() {
-  return __component__$8.exports;
+  return __component__$7.exports;
 }();
-var render$7 = function __render__39() {
+var render$6 = function __render__39() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -26439,8 +26427,8 @@ var render$7 = function __render__39() {
     }
   })], 1);
 };
-var staticRenderFns$7 = [];
-const __vue2_script$7 = {
+var staticRenderFns$6 = [];
+const __vue2_script$6 = {
   name: "LinkControlDestination",
   destinationTypes: [
     { id: LinkDestinations.URL, title: "URL" },
@@ -26486,26 +26474,26 @@ const __vue2_script$7 = {
     };
   }
 };
-const __cssModules$7 = {};
-var __component__$7 = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$7,
-  render$7,
-  staticRenderFns$7,
+const __cssModules$6 = {};
+var __component__$6 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$6,
+  render$6,
+  staticRenderFns$6,
   false,
-  __vue2_injectStyles$7,
+  __vue2_injectStyles$6,
   null,
   null,
   null
 );
-function __vue2_injectStyles$7(context) {
-  for (let o in __cssModules$7) {
-    this[o] = __cssModules$7[o];
+function __vue2_injectStyles$6(context) {
+  for (let o in __cssModules$6) {
+    this[o] = __cssModules$6[o];
   }
 }
 const LinkControlDestination = /* @__PURE__ */ function() {
-  return __component__$7.exports;
+  return __component__$6.exports;
 }();
-var render$6 = function __render__40() {
+var render$5 = function __render__40() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -26592,9 +26580,9 @@ var render$6 = function __render__40() {
     }
   }, [_vm._v(" Save ")])], 1)], 1)], 1)], 1);
 };
-var staticRenderFns$6 = [];
+var staticRenderFns$5 = [];
 const LinkControl_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$6 = {
+const __vue2_script$5 = {
   name: "LinkControl",
   components: {
     LinkControlDestination,
@@ -26681,108 +26669,6 @@ const __vue2_script$6 = {
     };
   }
 };
-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: "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({
-      options: {
-        placement: "bottom-start",
-        strategy: "absolute",
-        offset: [-8, 5]
-      },
-      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,
@@ -26790,7 +26676,7 @@ var __component__$5 = /* @__PURE__ */ normalizeComponent(
   staticRenderFns$5,
   false,
   __vue2_injectStyles$5,
-  "37f3718a",
+  "eea2f92a",
   null,
   null
 );
@@ -26799,10 +26685,10 @@ function __vue2_injectStyles$5(context) {
     this[o] = __cssModules$5[o];
   }
 }
-const AiControl = /* @__PURE__ */ function() {
+const LinkControl = /* @__PURE__ */ function() {
   return __component__$5.exports;
 }();
-var render$4 = function __render__42() {
+var render$4 = function __render__41() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -26872,8 +26758,7 @@ const __vue2_script$4 = {
     LineHeightControl,
     ListControl,
     RemoveFormatControl,
-    LinkControl,
-    AiControl
+    LinkControl
   },
   props: {
     aiComponent: {
@@ -26902,17 +26787,11 @@ function __vue2_injectStyles$4(context) {
 const ToolbarDesktop = /* @__PURE__ */ function() {
   return __component__$4.exports;
 }();
-var render$3 = function __render__43() {
+var render$3 = function __render__42() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("div", [_c("ToolbarRow", [_vm.aiComponent ? [_c(_vm.aiComponent, {
-    tag: "component"
-  }), _c("ToolbarDivider", {
-    attrs: {
-      "vertical": ""
-    }
-  })] : _vm._e(), _c("StylePresetControl"), _c("ToolbarDivider", {
+  return _c("div", [_c("ToolbarRow", [_c("StylePresetControl"), _c("ToolbarDivider", {
     attrs: {
       "vertical": ""
     }
@@ -26920,7 +26799,7 @@ var render$3 = function __render__43() {
     attrs: {
       "vertical": ""
     }
-  }), _c("FontWeightControl")], 2), _c("ToolbarDivider", {
+  }), _c("FontWeightControl")], 1), _c("ToolbarDivider", {
     attrs: {
       "horizontal": ""
     }
@@ -26973,13 +26852,6 @@ const __vue2_script$3 = {
     ListControl,
     RemoveFormatControl,
     LinkControl
-  },
-  props: {
-    aiComponent: {
-      type: Object,
-      required: false,
-      default: null
-    }
   }
 };
 const __cssModules$3 = {};
@@ -27001,7 +26873,7 @@ function __vue2_injectStyles$3(context) {
 const ToolbarMobile = /* @__PURE__ */ function() {
   return __component__$3.exports;
 }();
-var render$2 = function __render__44() {
+var render$2 = function __render__43() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -27100,7 +26972,7 @@ function __vue2_injectStyles$2(context) {
 const ToolbarPopup = /* @__PURE__ */ function() {
   return __component__$2.exports;
 }();
-var render$1 = function __render__45() {
+var render$1 = function __render__44() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -27272,7 +27144,7 @@ class Font {
     return String(closestWeight);
   }
 }
-var render = function __render__46() {
+var render = function __render__45() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;