@opengis/form 0.0.192 → 0.0.194-npm

package/dist/{vs-richtext-3VVnH57S.js → vs-richtext-BS4M0Znk.js}

@@ -1,8 +1,8 @@
-import { ref as $, getCurrentInstance as st, resolveComponent as Z, createElementBlock as w, openBlock as v, normalizeClass as E, createVNode as C, createElementVNode as d, unref as L, createBlock as W, Teleport as Ge, createCommentVNode as U, Transition as Ye, withCtx as q, toDisplayString as Y, renderSlot as we, defineComponent as it, withDirectives as de, mergeProps as ct, vModelDynamic as dt, Fragment as ae, vModelCheckbox as ut, nextTick as ue, watch as me, onMounted as be, onBeforeUnmount as Qe, normalizeStyle as se, vShow as $e, computed as N, renderList as ie, onUnmounted as Le, resolveDynamicComponent as Ee, vModelText as ft, withModifiers as pt, createStaticVNode as gt, mergeModels as ht, useModel as vt, shallowRef as mt, markRaw as bt } from "vue";
-import { r as De, _ as Q, a as yt, b as xt } from "./index-DqCGQjZs.js";
-import { Quote as wt, List as kt, ListOrdered as _t, CodeXml as $t, Bold as Ct, Italic as At, Underline as Ft, Strikethrough as St, X as Pe, Mail as Tt, Search as Lt, Link2 as Bt, ExternalLink as Et, Trash2 as It, Table2 as Pt, AlignJustify as jt, AlignRight as Mt, AlignCenter as Ht, AlignLeft as Nt, Check as ke, Eraser as zt, PaintBucket as Dt, Highlighter as Vt, ChevronDown as je, ALargeSmall as Ot, Superscript as Rt, Subscript as Ut, RemoveFormatting as qt, Image as Kt, Undo2 as Wt, Redo2 as Xt, CircleHelp as Gt, Minus as Yt, Maximize as Qt } from "lucide-vue-next";
-import { notify as Se } from "@opengis/core";
-function Zt() {
+import { ref as $, getCurrentInstance as it, resolveComponent as Z, createElementBlock as w, openBlock as v, normalizeClass as E, createVNode as C, createElementVNode as d, unref as L, createBlock as W, Teleport as Ge, createCommentVNode as U, Transition as Ye, withCtx as q, toDisplayString as Y, renderSlot as we, defineComponent as ct, withDirectives as de, mergeProps as dt, vModelDynamic as ut, Fragment as ae, vModelCheckbox as ft, nextTick as ue, watch as me, onMounted as ye, onBeforeUnmount as Qe, normalizeStyle as se, vShow as $e, computed as N, renderList as ie, onUnmounted as Le, resolveDynamicComponent as Ee, vModelText as pt, withModifiers as gt, createStaticVNode as ht, mergeModels as vt, useModel as mt, shallowRef as yt, markRaw as bt } from "vue";
+import { r as De, _ as Q, a as xt, b as wt } from "./index-DGAgz5vJ.js";
+import { Quote as kt, List as _t, ListOrdered as $t, CodeXml as Ct, Bold as At, Italic as St, Underline as Ft, Strikethrough as Tt, X as Me, Mail as Lt, Search as Bt, Link2 as Et, ExternalLink as It, Trash2 as Mt, Table2 as Pt, AlignJustify as jt, AlignRight as Ht, AlignCenter as Nt, AlignLeft as zt, Check as ke, Eraser as Dt, PaintBucket as Vt, Highlighter as Ot, ChevronDown as Pe, ALargeSmall as Rt, Superscript as Ut, Subscript as qt, RemoveFormatting as Kt, Image as Wt, Undo2 as Xt, Redo2 as Gt, CircleHelp as Yt, Minus as Qt, Maximize as Zt } from "lucide-vue-next";
+import { notify as Fe } from "@opengis/core";
+function Jt() {
   const t = $(!1);
   return {
     isFullscreen: t,
@@ -11,7 +11,7 @@ function Zt() {
     }
   };
 }
-const Jt = "https://esm.sh", le = "3.7.2", Ze = "3.7.2", er = `?deps=@tiptap/core@${le},@tiptap/pm@${Ze}`, te = (t) => `${Jt}/${t}${er}`, re = {
+const er = "https://esm.sh", le = "3.7.2", Ze = "3.7.2", tr = `?deps=@tiptap/core@${le},@tiptap/pm@${Ze}`, te = (t) => `${er}/${t}${tr}`, re = {
   core: te(`@tiptap/core@${le}`),
   starterKit: te(`@tiptap/starter-kit@${le}`),
   textStyle: te(`@tiptap/extension-text-style@${le}`),
@@ -25,17 +25,38 @@ const Jt = "https://esm.sh", le = "3.7.2", Ze = "3.7.2", er = `?deps=@tiptap/cor
   heading: te(`@tiptap/extension-heading@${le}`),
   paragraph: te(`@tiptap/extension-paragraph@${le}`),
   pmModel: te(`@tiptap/pm@${Ze}/model`)
-}, ye = "__vs_form_tiptap_loader__", oe = (t) => import(
+}, be = "__vs_form_tiptap_loader__", oe = (t) => import(
   /* @vite-ignore */
   t
-), K = (t, e) => t?.[e] || t?.default?.[e] || t?.default?.default?.[e] || t?.default || t, tr = (t) => t.extend({
+), K = (t, e) => t?.[e] || t?.default?.[e] || t?.default?.default?.[e] || t?.default || t, rr = (t) => t && t.split(";").map((a) => a.trim()).filter((a) => a && !/^text-align\s*:/i.test(a)).join("; ") || null, or = (t) => t.style ? { style: String(t.style).replace(/;\s*$/, "") } : {}, Je = ({ stripTextAlign: t = !1 } = {}) => ({
+  default: null,
+  parseHTML: (e) => {
+    const a = e.getAttribute("style");
+    return t ? rr(a) : a || null;
+  },
+  renderHTML: (e) => or(e)
+}), lr = (t) => t.extend({
+  addAttributes() {
+    return {
+      ...this.parent?.(),
+      style: Je({ stripTextAlign: !0 })
+    };
+  }
+}), ar = (t) => t.extend({
+  addAttributes() {
+    return {
+      ...this.parent?.(),
+      style: Je()
+    };
+  }
+}), nr = (t) => t.extend({
   addOptions() {
     return {
       ...this.parent?.(),
       levels: [1, 2, 3, 4, 5, 6]
     };
   }
-}), rr = (t, e, a, s, n) => {
+}), sr = (t, e, a, s, n) => {
   const o = e.extend({
     addAttributes() {
       return {
@@ -91,7 +112,7 @@ const Jt = "https://esm.sh", le = "3.7.2", Ze = "3.7.2", er = `?deps=@tiptap/cor
       ];
     }
   });
-}, or = (t) => t.extend({
+}, ir = (t) => t.extend({
   addAttributes() {
     return {
       ...this.parent?.(),
@@ -137,7 +158,7 @@ const Jt = "https://esm.sh", le = "3.7.2", Ze = "3.7.2", er = `?deps=@tiptap/cor
       unsetBackgroundColor: () => ({ chain: e }) => e().setMark("textStyle", { backgroundColor: null }).removeEmptyTextStyle().run()
     };
   }
-}), lr = (t) => t.create({
+}), cr = (t) => t.create({
   name: "iframe",
   group: "block",
   inline: !1,
@@ -165,10 +186,10 @@ const Jt = "https://esm.sh", le = "3.7.2", Ze = "3.7.2", er = `?deps=@tiptap/cor
     return ["iframe", e];
   }
 });
-async function ar() {
+async function dr() {
   if (typeof window > "u") return null;
   const t = window;
-  return t[ye] || (t[ye] = Promise.all([
+  return t[be] || (t[be] = Promise.all([
     oe(re.core),
     oe(re.starterKit),
     oe(re.textStyle),
@@ -193,32 +214,32 @@ async function ar() {
     r,
     i,
     x,
-    b,
+    y,
     f,
     p
   ]) => {
-    const I = K(e, "Editor"), V = K(e, "Node"), O = K(a, "StarterKit"), R = K(s, "TextStyle"), J = K(n, "TableKit"), P = K(n, "Table"), ee = K(n, "TableRow"), ne = K(n, "TableCell"), pe = K(n, "TableHeader"), ge = K(o, "Highlight"), m = K(l, "Subscript"), k = K(c, "Superscript"), u = K(r, "Link"), _ = K(i, "Image"), y = K(x, "TextAlign"), T = K(b, "Heading"), h = K(f, "Paragraph"), S = K(p, "DOMParser");
-    if (!I || !V || !O || !R || !J || !P || !ee || !ne || !pe || !ge || !m || !k || !u || !_ || !y || !T || !h || !S)
+    const I = K(e, "Editor"), V = K(e, "Node"), O = K(a, "StarterKit"), R = K(s, "TextStyle"), J = K(n, "TableKit"), M = K(n, "Table"), ee = K(n, "TableRow"), ne = K(n, "TableCell"), pe = K(n, "TableHeader"), ge = K(o, "Highlight"), m = K(l, "Subscript"), k = K(c, "Superscript"), u = K(r, "Link"), _ = K(i, "Image"), b = K(x, "TextAlign"), T = K(y, "Heading"), h = K(f, "Paragraph"), F = K(p, "DOMParser");
+    if (!I || !V || !O || !R || !J || !M || !ee || !ne || !pe || !ge || !m || !k || !u || !_ || !b || !T || !h || !F)
       throw new Error("Failed to resolve one or more Tiptap modules");
     return {
       Editor: I,
-      ProseMirrorDOMParser: S,
+      ProseMirrorDOMParser: F,
       StarterKit: O,
-      ExtendedTextStyle: or(R),
+      ExtendedTextStyle: ir(R),
       Highlight: ge,
       Subscript: m,
       Superscript: k,
-      Link: u,
+      CustomLink: ar(u),
       Image: _,
-      TextAlign: y,
-      CustomHeading: tr(T),
-      CustomParagraph: h,
-      CustomTableKit: rr(J, P, ee, ne, pe),
-      Iframe: lr(V)
+      TextAlign: b,
+      CustomHeading: nr(T),
+      CustomParagraph: lr(h),
+      CustomTableKit: sr(J, M, ee, ne, pe),
+      Iframe: cr(V)
     };
   }).catch((e) => {
-    throw delete t[ye], e;
-  })), t[ye];
+    throw delete t[be], e;
+  })), t[be];
 }
 const ce = (t) => t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;"), Ce = (t) => {
   let e = ce(t || "");
@@ -229,7 +250,7 @@ const ce = (t) => t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "
     const l = o ? ` title="${ce(o)}"` : "";
     return `<a href="${ce(n)}"${l} target="_blank" rel="noopener noreferrer">${s}</a>`;
   }), e = e.replace(/`([^`]+)`/g, "<code>$1</code>"), e = e.replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>"), e = e.replace(/__([^_]+)__/g, "<strong>$1</strong>"), e = e.replace(/~~([^~]+)~~/g, "<del>$1</del>"), e = e.replace(/\*([^*\n]+)\*/g, "<em>$1</em>"), e = e.replace(/_([^_\n]+)_/g, "<em>$1</em>"), e;
-}, _e = (t) => /^\s*\d+\.\s+/.test(t), Me = (t) => /^\s*[-*+]\s+/.test(t), Je = (t) => /^\s*[-*+]\s+\[[ xX]\]\s+/.test(t), Ie = (t) => /^\s*>\s?/.test(t), He = (t) => /^\s*\|?(?:\s*:?-{3,}:?\s*\|)+\s*:?-{3,}:?\s*\|?\s*$/.test(t), Ve = (t) => t.trim().replace(/^\|/, "").replace(/\|$/, "").split("|").map((e) => Ce(e.trim())), nr = (t, e) => {
+}, _e = (t) => /^\s*\d+\.\s+/.test(t), je = (t) => /^\s*[-*+]\s+/.test(t), et = (t) => /^\s*[-*+]\s+\[[ xX]\]\s+/.test(t), Ie = (t) => /^\s*>\s?/.test(t), He = (t) => /^\s*\|?(?:\s*:?-{3,}:?\s*\|)+\s*:?-{3,}:?\s*\|?\s*$/.test(t), Ve = (t) => t.trim().replace(/^\|/, "").replace(/\|$/, "").split("|").map((e) => Ce(e.trim())), ur = (t, e) => {
   const a = t[e], s = t[e + 1];
   if (!a || !s || !a.includes("|") || !He(s))
     return null;
@@ -244,12 +265,12 @@ const ce = (t) => t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "
     html: `<table>${c}${r}</table>`,
     nextIndex: l
   };
-}, sr = (t, e) => {
+}, fr = (t, e) => {
   const a = _e(t[e]), s = a ? "ol" : "ul", n = [];
   let o = e;
   for (; o < t.length; ) {
     const l = t[o];
-    if (l.trim() === "" || !(a ? _e(l) : (Me(l) || Je(l)) && !_e(l))) break;
+    if (l.trim() === "" || !(a ? _e(l) : (je(l) || et(l)) && !_e(l))) break;
     const r = l.match(/^\s*[-*+]\s+\[([ xX])\]\s+(.*)$/);
     if (r) {
       const i = r[1].toLowerCase() === "x";
@@ -264,7 +285,7 @@ const ce = (t) => t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "
     html: `<${s}>${n.join("")}</${s}>`,
     nextIndex: o
   };
-}, ir = (t, e) => {
+}, pr = (t, e) => {
   const s = t[e].replace(/^```/, "").trim(), n = [];
   let o = e + 1;
   for (; o < t.length && !t[o].startsWith("```"); )
@@ -274,12 +295,12 @@ const ce = (t) => t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "
 `))}</code></pre>`,
     nextIndex: o < t.length ? o + 1 : o
   };
-}, cr = (t, e) => {
+}, gr = (t, e) => {
   const a = [];
   let s = e;
   for (; s < t.length; ) {
     const n = t[s];
-    if (n.trim() === "" || n.startsWith("```") || /^#{1,6}\s+/.test(n) || /^---+$/.test(n.trim()) || /^\*\*\*+$/.test(n.trim()) || Ie(n) || _e(n) || Me(n) || s + 1 < t.length && n.includes("|") && He(t[s + 1]))
+    if (n.trim() === "" || n.startsWith("```") || /^#{1,6}\s+/.test(n) || /^---+$/.test(n.trim()) || /^\*\*\*+$/.test(n.trim()) || Ie(n) || _e(n) || je(n) || s + 1 < t.length && n.includes("|") && He(t[s + 1]))
       break;
     a.push(n.trim()), s += 1;
   }
@@ -287,7 +308,7 @@ const ce = (t) => t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "
     html: `<p>${Ce(a.join(" "))}</p>`,
     nextIndex: s
   };
-}, et = (t) => {
+}, tt = (t) => {
   const a = (t || "").replace(/\r\n/g, `
 `).split(`
 `), s = [];
@@ -299,7 +320,7 @@ const ce = (t) => t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "
       continue;
     }
     if (o.startsWith("```")) {
-      const i = ir(a, n);
+      const i = pr(a, n);
       s.push(i.html), n = i.nextIndex;
       continue;
     }
@@ -314,7 +335,7 @@ const ce = (t) => t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "
       continue;
     }
     if (o.includes("|") && n + 1 < a.length && He(a[n + 1])) {
-      const i = nr(a, n);
+      const i = ur(a, n);
       if (i) {
         s.push(i.html), n = i.nextIndex;
         continue;
@@ -324,23 +345,23 @@ const ce = (t) => t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "
       const i = [];
       for (; n < a.length && Ie(a[n]); )
         i.push(a[n].replace(/^\s*>\s?/, "")), n += 1;
-      s.push(`<blockquote>${et(i.join(`
+      s.push(`<blockquote>${tt(i.join(`
 `))}</blockquote>`);
       continue;
     }
-    if (_e(o) || Me(o) || Je(o)) {
-      const i = sr(a, n);
+    if (_e(o) || je(o) || et(o)) {
+      const i = fr(a, n);
       s.push(i.html), n = i.nextIndex;
       continue;
     }
-    const r = cr(a, n);
+    const r = gr(a, n);
     s.push(r.html), n = r.nextIndex;
   }
   return s.join("");
-}, Be = (t) => (t.textContent || "").replace(/\u00a0/g, " "), tt = (t) => Array.from(t.childNodes).map((e) => Ne(e)).join(""), dr = (t) => {
+}, Be = (t) => (t.textContent || "").replace(/\u00a0/g, " "), rt = (t) => Array.from(t.childNodes).map((e) => Ne(e)).join(""), hr = (t) => {
   const e = Array.from(t.querySelectorAll("tr"));
   if (!e.length) return "";
-  const a = (c) => `| ${Array.from(c.children).map((i) => tt(i).trim()).join(" | ")} |`, s = e[0], n = s ? Array.from(s.children).length : 0, o = `| ${Array(Math.max(n, 1)).fill("---").join(" | ")} |`, l = e.slice(1).map((c) => a(c));
+  const a = (c) => `| ${Array.from(c.children).map((i) => rt(i).trim()).join(" | ")} |`, s = e[0], n = s ? Array.from(s.children).length : 0, o = `| ${Array(Math.max(n, 1)).fill("---").join(" | ")} |`, l = e.slice(1).map((c) => a(c));
   return [a(s), o, ...l].join(`
 `);
 }, Oe = (t, e = !1) => Array.from(t.children).filter((a) => a.nodeType === Node.ELEMENT_NODE).map((a, s) => {
@@ -353,7 +374,7 @@ function Ne(t) {
     return Be(t);
   if (t.nodeType !== Node.ELEMENT_NODE)
     return "";
-  const e = t, a = e.tagName.toLowerCase(), s = tt(e);
+  const e = t, a = e.tagName.toLowerCase(), s = rt(e);
   switch (a) {
     case "br":
       return `
@@ -419,14 +440,14 @@ ${r}
 
 `;
     case "table":
-      return `${dr(e)}
+      return `${hr(e)}
 
 `;
     default:
       return s;
   }
 }
-const rt = (t) => {
+const ot = (t) => {
   if (!t) return "";
   if (typeof window > "u" || typeof DOMParser > "u")
     return t;
@@ -434,7 +455,7 @@ const rt = (t) => {
   return Array.from(a.body.childNodes).map((s) => Ne(s)).join("").replace(/\n{3,}/g, `
 
 `).trim();
-}, ur = /* @__PURE__ */ new Set([
+}, vr = /* @__PURE__ */ new Set([
   "area",
   "base",
   "br",
@@ -449,7 +470,7 @@ const rt = (t) => {
   "source",
   "track",
   "wbr"
-]), fr = (t) => {
+]), mr = (t) => {
   if (!t) return "";
   if (typeof window > "u" || typeof DOMParser > "u")
     return t;
@@ -460,25 +481,25 @@ const rt = (t) => {
     }
     if (o.nodeType !== Node.ELEMENT_NODE)
       return [];
-    const c = o, r = c.tagName.toLowerCase(), i = Array.from(c.attributes).map((p) => `${p.name}="${p.value}"`).join(" "), x = i ? `<${r} ${i}>` : `<${r}>`, b = `</${r}>`;
-    if (ur.has(r))
+    const c = o, r = c.tagName.toLowerCase(), i = Array.from(c.attributes).map((p) => `${p.name}="${p.value}"`).join(" "), x = i ? `<${r} ${i}>` : `<${r}>`, y = `</${r}>`;
+    if (vr.has(r))
       return [`${s.repeat(l)}${x}`];
     const f = Array.from(c.childNodes).flatMap((p) => n(p, l + 1));
     if (!f.length)
-      return [`${s.repeat(l)}${x}${b}`];
+      return [`${s.repeat(l)}${x}${y}`];
     if (c.childNodes.length === 1 && c.firstChild?.nodeType === Node.TEXT_NODE && f.length === 1) {
       const p = f[0].trim();
-      return [`${s.repeat(l)}${x}${p}${b}`];
+      return [`${s.repeat(l)}${x}${p}${y}`];
     }
     return [
       `${s.repeat(l)}${x}`,
       ...f,
-      `${s.repeat(l)}${b}`
+      `${s.repeat(l)}${y}`
     ];
   };
   return Array.from(a.body.childNodes).flatMap((o) => n(o, 0)).join(`
 `);
-}, pr = (t) => t.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), Te = (t) => {
+}, yr = (t) => t.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), Te = (t) => {
   if (!t) return "";
   if (typeof window > "u" || typeof DOMParser > "u")
     return t.replace(/<script\b[^>]*>[\s\S]*?<\/script>/gi, "");
@@ -505,9 +526,9 @@ const rt = (t) => {
   };
 }, Ue = (t, e) => {
   if (!e) return t || "";
-  const a = (e.attributes || []).map(({ name: n, value: o }) => `${n}="${pr(o)}"`).join(" ");
+  const a = (e.attributes || []).map(({ name: n, value: o }) => `${n}="${yr(o)}"`).join(" ");
   return `${a ? `<${e.tag} ${a}>` : `<${e.tag}>`}${t || ""}</${e.tag}>`;
-}, qe = async (t, e) => e !== "md" ? t || "" : et(t || ""), Ke = async (t, e) => e !== "md" ? fr(t || "") : rt(t || ""), gr = async (t, e) => e !== "md" ? t || "" : rt(t || ""), hr = async (t) => {
+}, qe = async (t, e) => e !== "md" ? t || "" : tt(t || ""), Ke = async (t, e) => e !== "md" ? mr(t || "") : ot(t || ""), br = async (t, e) => e !== "md" ? t || "" : ot(t || ""), xr = async (t) => {
   try {
     const e = new FormData();
     return e.append("unique", "true"), e.append("file", t), (await (await fetch("/file/upload/uploads?id=&form=&table=", {
@@ -517,12 +538,12 @@ const rt = (t) => {
   } catch (e) {
     console.error(e);
   }
-}, vr = async (t, e, a) => {
+}, wr = async (t, e, a) => {
   const s = e.clipboardData?.items;
   if (s) {
     const n = e.clipboardData?.getData("text/html"), o = e.clipboardData?.getData("text/plain");
     if (n) {
-      const { state: l, dispatch: c } = t, { tr: r } = l, i = a.fromSchema(t.state.schema), x = new DOMParser().parseFromString(n, "text/html").body, b = i.parse(x), f = r.replaceSelectionWith(b);
+      const { state: l, dispatch: c } = t, { tr: r } = l, i = a.fromSchema(t.state.schema), x = new DOMParser().parseFromString(n, "text/html").body, y = i.parse(x), f = r.replaceSelectionWith(y);
       return c(f), e.preventDefault(), !0;
     }
     if (o) {
@@ -534,23 +555,23 @@ const rt = (t) => {
       if (c.type.startsWith("image/")) {
         const r = c.getAsFile();
         if (r) {
-          const i = await hr(r), { schema: x } = t.state, b = x.nodes.image.create({
+          const i = await xr(r), { schema: x } = t.state, y = x.nodes.image.create({
             src: i?.file_path
-          }), f = t.state.tr.replaceSelectionWith(b);
+          }), f = t.state.tr.replaceSelectionWith(y);
           return t.dispatch(f), e.preventDefault(), !0;
         }
       }
     }
   }
   return !1;
-}, mr = (t) => String(t).trim().toLowerCase().split("-")[0], br = () => typeof window > "u" ? "uk" : mr(
+}, kr = (t) => String(t).trim().toLowerCase().split("-")[0], _r = () => typeof window > "u" ? "uk" : kr(
   localStorage.getItem("language") || localStorage.getItem("locale") || navigator.language || "uk"
-), yr = (t, e) => {
+), $r = (t, e) => {
   const a = e.replace(/^form\.richtext\./, "");
   return De?.[t]?.form?.richtext?.[a] || De?.uk?.form?.richtext?.[a] || e;
 }, We = (t) => t.startsWith("form.richtext.") ? t : `form.richtext.${t}`;
 function ze() {
-  const e = st()?.appContext?.config?.globalProperties, a = e?.$i18n;
+  const e = it()?.appContext?.config?.globalProperties, a = e?.$i18n;
   return { t: (n) => {
     const o = e?.$t, l = e?.$te, c = typeof a?.te == "function" ? a.te.bind(a) : null;
     if (typeof o == "function") {
@@ -561,11 +582,11 @@ function ze() {
           return x;
       }
     }
-    return yr(br(), We(n));
+    return $r(_r(), We(n));
   } };
 }
-const xr = {
-  components: { Quote: wt },
+const Cr = {
+  components: { Quote: kt },
   props: { editor: Object },
   methods: {
     toggleBlockquote() {
@@ -573,7 +594,7 @@ const xr = {
     }
   }
 };
-function wr(t, e, a, s, n, o) {
+function Ar(t, e, a, s, n, o) {
   const l = Z("Quote");
   return v(), w("button", {
     title: "Blockquote",
@@ -583,8 +604,8 @@ function wr(t, e, a, s, n, o) {
     C(l, { class: "h-4 w-4" })
   ], 2);
 }
-const kr = /* @__PURE__ */ Q(xr, [["render", wr]]), _r = {
-  components: { List: kt },
+const Sr = /* @__PURE__ */ Q(Cr, [["render", Ar]]), Fr = {
+  components: { List: _t },
   props: { editor: Object },
   methods: {
     toggleBulletList() {
@@ -592,7 +613,7 @@ const kr = /* @__PURE__ */ Q(xr, [["render", wr]]), _r = {
     }
   }
 };
-function $r(t, e, a, s, n, o) {
+function Tr(t, e, a, s, n, o) {
   const l = Z("List");
   return v(), w("button", {
     title: "Bullet List",
@@ -602,8 +623,8 @@ function $r(t, e, a, s, n, o) {
     C(l, { class: "h-4 w-4" })
   ], 2);
 }
-const Cr = /* @__PURE__ */ Q(_r, [["render", $r]]), Ar = {
-  components: { ListOrdered: _t },
+const Lr = /* @__PURE__ */ Q(Fr, [["render", Tr]]), Br = {
+  components: { ListOrdered: $t },
   props: { editor: Object },
   methods: {
     toggleOrderedList() {
@@ -611,7 +632,7 @@ const Cr = /* @__PURE__ */ Q(_r, [["render", $r]]), Ar = {
     }
   }
 };
-function Fr(t, e, a, s, n, o) {
+function Er(t, e, a, s, n, o) {
   const l = Z("ListOrdered");
   return v(), w("button", {
     title: "Ordered List",
@@ -621,8 +642,8 @@ function Fr(t, e, a, s, n, o) {
     C(l, { class: "h-4 w-4" })
   ], 2);
 }
-const Sr = /* @__PURE__ */ Q(Ar, [["render", Fr]]), Tr = {
-  components: { CodeXml: $t },
+const Ir = /* @__PURE__ */ Q(Br, [["render", Er]]), Mr = {
+  components: { CodeXml: Ct },
   props: { editor: Object },
   methods: {
     toggleCodeBlock() {
@@ -630,7 +651,7 @@ const Sr = /* @__PURE__ */ Q(Ar, [["render", Fr]]), Tr = {
     }
   }
 };
-function Lr(t, e, a, s, n, o) {
+function Pr(t, e, a, s, n, o) {
   const l = Z("CodeXml");
   return v(), w("button", {
     title: "Code Block",
@@ -640,8 +661,8 @@ function Lr(t, e, a, s, n, o) {
     C(l, { class: "h-4 w-4" })
   ], 2);
 }
-const Br = /* @__PURE__ */ Q(Tr, [["render", Lr]]), Er = {
-  components: { Bold: Ct },
+const jr = /* @__PURE__ */ Q(Mr, [["render", Pr]]), Hr = {
+  components: { Bold: At },
   props: {
     editor: Object
   },
@@ -651,7 +672,7 @@ const Br = /* @__PURE__ */ Q(Tr, [["render", Lr]]), Er = {
     }
   }
 };
-function Ir(t, e, a, s, n, o) {
+function Nr(t, e, a, s, n, o) {
   const l = Z("Bold");
   return v(), w("button", {
     title: "Bold Text",
@@ -662,8 +683,8 @@ function Ir(t, e, a, s, n, o) {
     e[1] || (e[1] = d("span", { class: "sr-only" }, "Bold", -1))
   ], 2);
 }
-const Pr = /* @__PURE__ */ Q(Er, [["render", Ir]]), jr = {
-  components: { Italic: At },
+const zr = /* @__PURE__ */ Q(Hr, [["render", Nr]]), Dr = {
+  components: { Italic: St },
   props: {
     editor: Object
   },
@@ -673,7 +694,7 @@ const Pr = /* @__PURE__ */ Q(Er, [["render", Ir]]), jr = {
     }
   }
 };
-function Mr(t, e, a, s, n, o) {
+function Vr(t, e, a, s, n, o) {
   const l = Z("Italic");
   return v(), w("button", {
     title: "Italic Text",
@@ -684,7 +705,7 @@ function Mr(t, e, a, s, n, o) {
     e[1] || (e[1] = d("span", { class: "sr-only" }, "Italic", -1))
   ], 2);
 }
-const Hr = /* @__PURE__ */ Q(jr, [["render", Mr]]), Nr = {
+const Or = /* @__PURE__ */ Q(Dr, [["render", Vr]]), Rr = {
   __name: "vs-editor-underline",
   props: { editor: Object },
   setup(t) {
@@ -701,7 +722,7 @@ const Hr = /* @__PURE__ */ Q(jr, [["render", Mr]]), Nr = {
       C(L(Ft), { class: "h-4 w-4" })
     ], 2));
   }
-}, zr = {
+}, Ur = {
   __name: "vs-editor-strike",
   props: { editor: Object },
   setup(t) {
@@ -715,11 +736,11 @@ const Hr = /* @__PURE__ */ Q(jr, [["render", Mr]]), Nr = {
         t.editor?.isActive("strike") ? "bg-gray-100 text-gray-900" : "text-gray-500"
       ]])
     }, [
-      C(L(St), { class: "h-4 w-4" })
+      C(L(Tt), { class: "h-4 w-4" })
     ], 2));
   }
-}, Dr = {
-  components: { X: Pe },
+}, qr = {
+  components: { X: Me },
   props: {
     visible: { type: Boolean, default: () => !1 },
     modelValue: { type: Boolean, default: () => !1 },
@@ -761,17 +782,17 @@ const Hr = /* @__PURE__ */ Q(jr, [["render", Mr]]), Nr = {
       e && t.target.classList.contains("vs-dialog-overlay") && this.handleClose();
     }
   }
-}, Vr = {
+}, Kr = {
   key: 0,
   class: "vsTailwind ui-dialog__wrapper"
-}, Or = { class: "py-2.5 px-4 flex justify-between items-center border-0 border-b border-solid border-gray-200 dark:border-b-[#454545]" }, Rr = { class: "font-medium text-gray-800 dark:text-[#ffffff]" }, Ur = { class: "ui-dialog__content p-4" }, qr = {
+}, Wr = { class: "py-2.5 px-4 flex justify-between items-center border-0 border-b border-solid border-gray-200 dark:border-b-[#454545]" }, Xr = { class: "font-medium text-gray-800 dark:text-[#ffffff]" }, Gr = { class: "ui-dialog__content p-4" }, Yr = {
   key: 0,
   class: "flex justify-end gap-x-2"
 };
-function Kr(t, e, a, s, n, o) {
+function Qr(t, e, a, s, n, o) {
   const l = Z("X");
   return v(), W(Ge, { to: "body" }, [
-    a.visible || a.modelValue ? (v(), w("div", Vr, [
+    a.visible || a.modelValue ? (v(), w("div", Kr, [
       d("div", {
         onMousedown: e[1] || (e[1] = (c) => o.closeByClickBack(c, a.closeClickBack)),
         class: "vs-dialog-overlay vs-dialog w-full h-full fixed top-0 start-0 z-[100001] bg-black bg-opacity-50"
@@ -784,8 +805,8 @@ function Kr(t, e, a, s, n, o) {
             d("div", {
               class: E(["ui-dialog__modal opacity-1 flex flex-col bg-white dark:bg-[#1A1A1A] border dark:border-[#454545] pointer-events-auto shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-xl", [o.checkSize]])
             }, [
-              d("div", Or, [
-                d("h3", Rr, Y(a.title), 1),
+              d("div", Wr, [
+                d("h3", Xr, Y(a.title), 1),
                 d("button", {
                   type: "button",
                   class: "size-8 inline-flex justify-center items-center gap-x-2 rounded-full border border-transparent bg-gray-100 text-gray-800 hover:bg-gray-200 focus:outline-none focus:bg-gray-200 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600",
@@ -795,10 +816,10 @@ function Kr(t, e, a, s, n, o) {
                   C(l, { class: "h-4 w-4 flex-shrink-0" })
                 ])
               ]),
-              d("div", Ur, [
+              d("div", Gr, [
                 we(t.$slots, "default", {}, void 0, !0)
               ]),
-              o.hasSlot ? (v(), w("div", qr, [
+              o.hasSlot ? (v(), w("div", Yr, [
                 we(t.$slots, "footer", {
                   handleClose: o.handleClose,
                   handleConfirm: o.handleConfirm,
@@ -813,11 +834,11 @@ function Kr(t, e, a, s, n, o) {
     ])) : U("", !0)
   ]);
 }
-const ot = /* @__PURE__ */ Q(Dr, [["render", Kr], ["__scopeId", "data-v-56ad9010"]]), Wr = it({
+const lt = /* @__PURE__ */ Q(qr, [["render", Qr], ["__scopeId", "data-v-56ad9010"]]), Zr = ct({
   components: {
-    IconClose: Pe,
-    IconSearch: Lt,
-    IconEmail: Tt
+    IconClose: Me,
+    IconSearch: Bt,
+    IconEmail: Lt
   },
   inheritAttrs: !1,
   props: {
@@ -896,13 +917,13 @@ const ot = /* @__PURE__ */ Q(Dr, [["render", Kr], ["__scopeId", "data-v-56ad9010
       await this.$refs.vsText?.focus();
     }
   }
-}), Xr = { class: "vs-form-text relative bg-white rounded-lg" }, Gr = {
+}), Jr = { class: "vs-form-text relative bg-white rounded-lg" }, eo = {
   key: 2,
   class: "absolute bottom-2/4 translate-y-2/4 left-[10px] cursor-pointer"
-}, Yr = ["disabled", "type", "placeholder"];
-function Qr(t, e, a, s, n, o) {
+}, to = ["disabled", "type", "placeholder"];
+function ro(t, e, a, s, n, o) {
   const l = Z("IconClose"), c = Z("IconSearch"), r = Z("IconEmail");
-  return v(), w("div", Xr, [
+  return v(), w("div", Jr, [
     t.clearable && t.value ? (v(), w("div", {
       key: 0,
       class: "absolute bottom-2/4 translate-y-2/4 right-3 cursor-pointer",
@@ -915,7 +936,7 @@ function Qr(t, e, a, s, n, o) {
       class: E(["absolute bottom-2/4 translate-y-2/4 cursor-pointer", t.iconStylePosition])
     }, [
       C(c, { class: "h-4 w-4 stroke-gray-500 transition-all" })
-    ], 2)) : t.icon && t.icon === "email" ? (v(), w("div", Gr, [
+    ], 2)) : t.icon && t.icon === "email" ? (v(), w("div", eo, [
       C(r, { class: "h-4 w-4 stroke-gray-500 transition-all" })
     ])) : (v(), w("i", {
       key: 3,
@@ -928,7 +949,7 @@ function Qr(t, e, a, s, n, o) {
     }, [
       C(l, { class: "h-4 w-4 stroke-gray-500 transition-all hover:stroke-red-500" })
     ])) : U("", !0),
-    de(d("input", ct({
+    de(d("input", dt({
       ref: "vsText",
       disabled: t.disabled,
       type: t.type,
@@ -939,18 +960,18 @@ function Qr(t, e, a, s, n, o) {
       onFocus: e[4] || (e[4] = (...i) => t.handleFocus && t.handleFocus(...i)),
       onBlur: e[5] || (e[5] = (...i) => t.handleBlur && t.handleBlur(...i)),
       class: [[t.inputStyle, t.checkSize], "py-2 px-3 block w-full border border-solid placeholder:text-nowrap border-stone-200 rounded-lg text-sm text-stone-800 placeholder:text-stone-400 focus:outline focus:z-10 focus:border-blue-500 focus:ring-blue-500 focus:outline-blue-500"]
-    }), null, 16, Yr), [
-      [dt, t.value]
+    }), null, 16, to), [
+      [ut, t.value]
     ])
   ]);
 }
-const lt = /* @__PURE__ */ Q(Wr, [["render", Qr], ["__scopeId", "data-v-eb21a54f"]]), Zr = ["title"], Jr = { class: "flex flex-col gap-3 p-[20px]" }, eo = { class: "relative flex items-center gap-2" }, to = { class: "flex-1" }, ro = {
+const at = /* @__PURE__ */ Q(Zr, [["render", ro], ["__scopeId", "data-v-eb21a54f"]]), oo = ["title"], lo = { class: "flex flex-col gap-3 p-[20px]" }, ao = { class: "relative flex items-center gap-2" }, no = { class: "flex-1" }, so = {
   key: 0,
   class: "flex items-center gap-2 flex-shrink-0"
-}, oo = ["title"], lo = ["title"], ao = { class: "flex items-center gap-2" }, no = {
+}, io = ["title"], co = ["title"], uo = { class: "flex items-center gap-2" }, fo = {
   for: "openInNewTab",
   class: "text-sm text-gray-700 cursor-pointer"
-}, so = { class: "flex justify-end p-[20px] gap-[10px] border-t w-full" }, io = /* @__PURE__ */ Object.assign({
+}, po = { class: "flex justify-end p-[20px] gap-[10px] border-t w-full" }, go = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "vs-editor-link",
@@ -972,7 +993,7 @@ const lt = /* @__PURE__ */ Q(Wr, [["render", Qr], ["__scopeId", "data-v-eb21a54f
       }).run(), r();
     }, x = () => {
       a.editor && (a.editor.chain().focus().unsetLink().run(), r());
-    }, b = () => {
+    }, y = () => {
       if (!n.value) return;
       let f = n.value.trim();
       f.match(/^https?:\/\//i) || (f = "https://" + f), window.open(f, "_blank", "noopener,noreferrer");
@@ -983,16 +1004,16 @@ const lt = /* @__PURE__ */ Q(Wr, [["render", Qr], ["__scopeId", "data-v-eb21a54f
         onClick: c,
         class: E(["text-gray-500 w-[30px] h-[30px] flex items-center justify-center rounded-full hover:text-gray-900 hover:bg-gray-100 focus:outline-none", { "bg-gray-100 text-gray-900": t.editor?.isActive("link") }])
       }, [
-        C(L(Bt), { class: "h-4 w-4" })
-      ], 10, Zr),
-      C(ot, {
+        C(L(Et), { class: "h-4 w-4" })
+      ], 10, oo),
+      C(lt, {
         title: o.value ? L(e)("form.richtext.editLink") || "Редагувати посилання" : L(e)("form.richtext.linkTitle") || "Додати посилання",
         visible: s.value,
         "onUpdate:visible": p[2] || (p[2] = (I) => s.value = I),
         size: "small"
       }, {
         footer: q(() => [
-          d("div", so, [
+          d("div", po, [
             d("button", {
               style: { border: "1px solid #000" },
               onClick: r,
@@ -1005,43 +1026,43 @@ const lt = /* @__PURE__ */ Q(Wr, [["render", Qr], ["__scopeId", "data-v-eb21a54f
           ])
         ]),
         default: q(() => [
-          d("div", Jr, [
-            d("div", eo, [
-              d("div", to, [
-                C(lt, {
+          d("div", lo, [
+            d("div", ao, [
+              d("div", no, [
+                C(at, {
                   modelValue: n.value,
                   "onUpdate:modelValue": p[0] || (p[0] = (I) => n.value = I),
                   placeholder: L(e)("form.richtext.linkUrl") || "Введіть URL",
                   class: "w-full"
                 }, null, 8, ["modelValue", "placeholder"])
               ]),
-              o.value ? (v(), w("div", ro, [
+              o.value ? (v(), w("div", so, [
                 d("button", {
-                  onClick: b,
+                  onClick: y,
                   class: "text-gray-500 w-[30px] h-[30px] flex items-center justify-center rounded-full hover:text-gray-900 hover:bg-gray-100 focus:outline-none transition-colors",
                   title: L(e)("form.richtext.openLink") || "Відкрити посилання"
                 }, [
-                  C(L(Et), { class: "h-4 w-4" })
-                ], 8, oo),
+                  C(L(It), { class: "h-4 w-4" })
+                ], 8, io),
                 d("button", {
                   onClick: x,
                   class: "text-gray-500 w-[30px] h-[30px] flex items-center justify-center rounded-full hover:text-red-600 hover:bg-red-50 focus:outline-none transition-colors",
                   title: L(e)("form.richtext.removeLink") || "Видалити посилання"
                 }, [
-                  C(L(It), { class: "h-4 w-4" })
-                ], 8, lo)
+                  C(L(Mt), { class: "h-4 w-4" })
+                ], 8, co)
               ])) : U("", !0)
             ]),
-            d("div", ao, [
+            d("div", uo, [
               de(d("input", {
                 type: "checkbox",
                 id: "openInNewTab",
                 "onUpdate:modelValue": p[1] || (p[1] = (I) => l.value = I),
                 class: "w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500"
               }, null, 512), [
-                [ut, l.value]
+                [ft, l.value]
               ]),
-              d("label", no, Y(L(e)("form.richtext.openInNewTab") || "Відкривати в новій вкладці"), 1)
+              d("label", fo, Y(L(e)("form.richtext.openInNewTab") || "Відкривати в новій вкладці"), 1)
             ])
           ])
         ]),
@@ -1054,12 +1075,12 @@ const lt = /* @__PURE__ */ Q(Wr, [["render", Qr], ["__scopeId", "data-v-eb21a54f
   await ue();
   const n = await a?.getBoundingClientRect(), o = await e?.getBoundingClientRect();
   if (!o || !n) return;
-  const l = await parseInt(e?.getBoundingClientRect()?.height), c = await parseInt(e?.getBoundingClientRect()?.width), r = await parseInt(a?.getBoundingClientRect()?.height), i = await parseInt(a?.getBoundingClientRect()?.width), x = await window.innerHeight, b = await window.innerWidth;
+  const l = await parseInt(e?.getBoundingClientRect()?.height), c = await parseInt(e?.getBoundingClientRect()?.width), r = await parseInt(a?.getBoundingClientRect()?.height), i = await parseInt(a?.getBoundingClientRect()?.width), x = await window.innerHeight, y = await window.innerWidth;
   let f = 0, p = 0;
   const I = o.bottom + s + r;
   switch (t) {
     case "top":
-      o.top - n.height - s < 0 ? f = o.top - n.height + s + r + l : f = o.top - n.height - s, b > i + o.right + 30 ? p = o.left - n.width / 2 + o.width / 2 : p = b - 30 - i;
+      o.top - n.height - s < 0 ? f = o.top - n.height + s + r + l : f = o.top - n.height - s, y > i + o.right + 30 ? p = o.left - n.width / 2 + o.width / 2 : p = y - 30 - i;
       break;
     case "bottom":
       x > I ? f = o.bottom + s : f = o.bottom - s - r - l, p = o.left - n.width / 2 + o.width / 2;
@@ -1068,10 +1089,10 @@ const lt = /* @__PURE__ */ Q(Wr, [["render", Qr], ["__scopeId", "data-v-eb21a54f
       f = o.top - n.height / 2 + o.height / 2, o.left - n.width - s > 0 ? p = o.left - n.width - s : p = 10;
       break;
     case "right":
-      f = o.top - n.height / 2 + o.height / 2, b - c > i ? p = o.right + s : p = b - 30 - i;
+      f = o.top - n.height / 2 + o.height / 2, y - c > i ? p = o.right + s : p = y - 30 - i;
       break;
     case "top-right":
-      o.top - n.height - s < 0 ? f = o.top - n.height + s + r + l : f = o.top - n.height - s, b - c > i ? p = o.right + s : p = b - 30 - i;
+      o.top - n.height - s < 0 ? f = o.top - n.height + s + r + l : f = o.top - n.height - s, y - c > i ? p = o.right + s : p = y - 30 - i;
       break;
     case "top-left":
       o.top - n.height - s < 0 ? f = o.top - n.height + s + r + l : f = o.top - n.height - s, o.left - n.width - s > 0 ? p = o.left - n.width - s : p = 10;
@@ -1080,7 +1101,7 @@ const lt = /* @__PURE__ */ Q(Wr, [["render", Qr], ["__scopeId", "data-v-eb21a54f
       o.top - n.height - s < 0 ? f = o.top - n.height + s + r + l : f = o.top - n.height - s, o.left > 0 ? p = o.left : p = 10;
       break;
     case "bottom-right":
-      x > I ? f = o.bottom + s : f = o.bottom - s - r - l, b - c > i ? p = o.left : p = b - 30 - i;
+      x > I ? f = o.bottom + s : f = o.bottom - s - r - l, y - c > i ? p = o.left : p = y - 30 - i;
       break;
     case "bottom-left":
       x > I ? f = o.bottom + s : f = o.bottom - s - r - l, o.left > 0 ? p = o.right - i : p = 10;
@@ -1089,8 +1110,8 @@ const lt = /* @__PURE__ */ Q(Wr, [["render", Qr], ["__scopeId", "data-v-eb21a54f
       x > I ? f = o.bottom + s : f = o.bottom - s - r - l, o.left > 0 ? p = o.left : p = 10;
       break;
   }
-  f + r > x ? f = x - r - s : f < 0 && (f = s), p + i > b ? p = b - i - s : p < 0 && (p = s), a instanceof HTMLElement && (a.style.top = `${f}px`, a.style.left = `${p}px`, a.style.position = "fixed");
-}, co = { class: "text-center" }, uo = { class: "py-2 px-4 w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-lg focus:outline-none focus:bg-stone-100 dark:bg-neutral-900 dark:text-neutral-200 dark:focus:bg-neutral-800 after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" }, fe = /* @__PURE__ */ Object.assign({
+  f + r > x ? f = x - r - s : f < 0 && (f = s), p + i > y ? p = y - i - s : p < 0 && (p = s), a instanceof HTMLElement && (a.style.top = `${f}px`, a.style.left = `${p}px`, a.style.position = "fixed");
+}, ho = { class: "text-center" }, vo = { class: "py-2 px-4 w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-lg focus:outline-none focus:bg-stone-100 dark:bg-neutral-900 dark:text-neutral-200 dark:focus:bg-neutral-800 after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" }, fe = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "vs-popover",
@@ -1106,27 +1127,27 @@ const lt = /* @__PURE__ */ Q(Wr, [["render", Qr], ["__scopeId", "data-v-eb21a54f
   emits: ["isvisible"],
   setup(t, { expose: e, emit: a }) {
     const s = t, n = a, o = $(!1), l = $([]), c = $(null), r = $(null), i = $(null);
-    me(o, (P) => {
-      P ? (x(), window.addEventListener(
+    me(o, (M) => {
+      M ? (x(), window.addEventListener(
         "resize",
         () => xe(s.placement, r.value, i.value)
       ), xe(s.placement, r.value, i.value)) : window.removeEventListener(
         "resize",
         () => xe(s.placement, r.value, i.value)
-      ), n("isvisible", P);
-    }), be(() => {
+      ), n("isvisible", M);
+    }), ye(() => {
       window.addEventListener("click", O), window.addEventListener("popstate", R), window.addEventListener("scroll", J, !0), x();
     }), Qe(() => {
-      window.removeEventListener("click", O), window.removeEventListener("popstate", R), b();
+      window.removeEventListener("click", O), window.removeEventListener("popstate", R), y();
     });
     const x = () => {
-      let P = c.value;
-      for (; P && P !== document.body; )
-        (P.scrollHeight > P.clientHeight || P.scrollWidth > P.clientWidth) && (P.addEventListener("scroll", V), l.value.push(P)), P = P.parentElement;
+      let M = c.value;
+      for (; M && M !== document.body; )
+        (M.scrollHeight > M.clientHeight || M.scrollWidth > M.clientWidth) && (M.addEventListener("scroll", V), l.value.push(M)), M = M.parentElement;
       document.body && (document.body.addEventListener("scroll", V), l.value.push(document.body));
-    }, b = () => {
-      l.value.forEach((P) => {
-        P.removeEventListener("scroll", V);
+    }, y = () => {
+      l.value.forEach((M) => {
+        M.removeEventListener("scroll", V);
       }), l.value = [];
     }, f = () => {
       o.value = !0, xe(s.placement, r.value, i.value);
@@ -1136,25 +1157,25 @@ const lt = /* @__PURE__ */ Q(Wr, [["render", Qr], ["__scopeId", "data-v-eb21a54f
       await xe(s.placement, r.value, i.value), o.value = !o.value;
     }, V = () => {
       o.value = !1;
-    }, O = (P) => {
-      if (!P) {
+    }, O = (M) => {
+      if (!M) {
         o.value = !1;
         return;
       }
-      r.value?.contains(P.target) || i.value?.contains(P.target) || (o.value = !1);
+      r.value?.contains(M.target) || i.value?.contains(M.target) || (o.value = !1);
     }, R = () => {
       o.value && (o.value = !1);
-    }, J = (P) => {
-      o.value && i.value && !i.value.contains(P.target) && (o.value = !1);
+    }, J = (M) => {
+      o.value && i.value && !i.value.contains(M.target) && (o.value = !1);
     };
     return e({
       togglePopover: I
-    }), (P, ee) => (v(), w("div", {
+    }), (M, ee) => (v(), w("div", {
       ref_key: "popover",
       ref: c,
       class: "vs-popover inline-block"
     }, [
-      d("div", co, [
+      d("div", ho, [
         t.trigger === "click" ? (v(), w("div", {
           key: 0,
           ref_key: "popoverRef",
@@ -1162,7 +1183,7 @@ const lt = /* @__PURE__ */ Q(Wr, [["render", Qr], ["__scopeId", "data-v-eb21a54f
           onClick: I,
           class: E({ "pointer-events-none": t.disabled })
         }, [
-          we(P.$slots, "reference", {}, () => [
+          we(M.$slots, "reference", {}, () => [
             ee[0] || (ee[0] = d("button", null, "Click me!", -1))
           ])
         ], 2)) : U("", !0),
@@ -1174,7 +1195,7 @@ const lt = /* @__PURE__ */ Q(Wr, [["render", Qr], ["__scopeId", "data-v-eb21a54f
           onMouseleave: p,
           class: E({ "pointer-events-none": t.disabled })
         }, [
-          we(P.$slots, "reference", {}, () => [
+          we(M.$slots, "reference", {}, () => [
             ee[1] || (ee[1] = d("button", null, "Click me!", -1))
           ])
         ], 34)) : U("", !0),
@@ -1190,8 +1211,8 @@ const lt = /* @__PURE__ */ Q(Wr, [["render", Qr], ["__scopeId", "data-v-eb21a54f
                   zIndex: 100001
                 })
               }, [
-                d("div", uo, [
-                  we(P.$slots, "default", {}, () => [
+                d("div", vo, [
+                  we(M.$slots, "default", {}, () => [
                     ee[2] || (ee[2] = d("span", null, "Popover content", -1))
                   ])
                 ])
@@ -1205,7 +1226,7 @@ const lt = /* @__PURE__ */ Q(Wr, [["render", Qr], ["__scopeId", "data-v-eb21a54f
       ])
     ], 512));
   }
-}), fo = { class: "flex flex-col gap-[2px] p-[2px]" }, po = ["onClick"], go = {
+}), mo = { class: "flex flex-col gap-[2px] p-[2px]" }, yo = ["onClick"], bo = {
   __name: "vs-editor-table",
   props: { editor: Object },
   setup(t) {
@@ -1221,7 +1242,7 @@ const lt = /* @__PURE__ */ Q(Wr, [["render", Qr], ["__scopeId", "data-v-eb21a54f
       a.editor && (a.editor.chain().focus().deleteRow().run(), n.value.togglePopover());
     }, x = () => {
       a.editor && (a.editor.chain().focus().deleteTable().run(), n.value.togglePopover());
-    }, b = () => {
+    }, y = () => {
       a.editor && (a.editor.chain().focus().mergeCells().run(), n.value.togglePopover());
     }, f = () => {
       a.editor && (a.editor.chain().focus().splitCell().run(), n.value.togglePopover());
@@ -1232,7 +1253,7 @@ const lt = /* @__PURE__ */ Q(Wr, [["render", Qr], ["__scopeId", "data-v-eb21a54f
       { text: e("form.richtext.deleteColumn"), function: r },
       { text: e("form.richtext.deleteRow"), function: i },
       { text: e("form.richtext.deleteTable"), function: x },
-      { text: e("form.richtext.mergeCells"), function: b },
+      { text: e("form.richtext.mergeCells"), function: y },
       { text: e("form.richtext.splitCells"), function: f }
     ]);
     return (I, V) => (v(), W(fe, {
@@ -1250,35 +1271,35 @@ const lt = /* @__PURE__ */ Q(Wr, [["render", Qr], ["__scopeId", "data-v-eb21a54f
         ], 2)
       ]),
       default: q(() => [
-        d("div", fo, [
+        d("div", mo, [
           (v(!0), w(ae, null, ie(p.value, (O, R) => (v(), w("button", {
             key: R,
             onClick: O?.function,
             class: "px-2 py-1 text-gray-500 text-start hover:text-gray-900 hover:bg-gray-100 rounded"
-          }, Y(O.text), 9, po))), 128))
+          }, Y(O.text), 9, yo))), 128))
         ])
       ]),
       _: 1
     }, 512));
   }
-}, ho = { class: "flex gap-[4px] p-1" }, vo = ["title", "onClick"], mo = {
+}, xo = { class: "flex gap-[4px] p-1" }, wo = ["title", "onClick"], ko = {
   __name: "vs-editor-align",
   props: { editor: Object },
   setup(t) {
     const e = t, a = {
-      left: Nt,
-      center: Ht,
-      right: Mt,
+      left: zt,
+      center: Nt,
+      right: Ht,
       justify: jt
-    }, s = $(!1), n = $("popover"), o = $("left"), l = N(() => e.editor ? e.editor.isActive("paragraph", { textAlign: "left" }) || e.editor.isActive("heading", { textAlign: "left" }) : !1), c = N(() => e.editor ? e.editor.isActive("paragraph", { textAlign: "right" }) || e.editor.isActive("heading", { textAlign: "right" }) : !1), r = N(() => e.editor ? e.editor.isActive("paragraph", { textAlign: "center" }) || e.editor.isActive("heading", { textAlign: "center" }) : !1), i = N(() => e.editor ? e.editor.isActive("paragraph", { textAlign: "justify" }) || e.editor.isActive("heading", { textAlign: "justify" }) : !1), x = N(() => l.value || c.value || r.value || i.value), b = () => {
+    }, s = $(!1), n = $("popover"), o = $("left"), l = N(() => e.editor ? e.editor.isActive("paragraph", { textAlign: "left" }) || e.editor.isActive("heading", { textAlign: "left" }) : !1), c = N(() => e.editor ? e.editor.isActive("paragraph", { textAlign: "right" }) || e.editor.isActive("heading", { textAlign: "right" }) : !1), r = N(() => e.editor ? e.editor.isActive("paragraph", { textAlign: "center" }) || e.editor.isActive("heading", { textAlign: "center" }) : !1), i = N(() => e.editor ? e.editor.isActive("paragraph", { textAlign: "justify" }) || e.editor.isActive("heading", { textAlign: "justify" }) : !1), x = N(() => l.value || c.value || r.value || i.value), y = () => {
       c.value ? o.value = "right" : r.value ? o.value = "center" : i.value ? o.value = "justify" : o.value = "left";
     };
     me([l, c, r, i], () => {
-      b();
-    }, { immediate: !0 }), be(() => {
-      e.editor && (e.editor.on("selectionUpdate", b), e.editor.on("update", b));
+      y();
+    }, { immediate: !0 }), ye(() => {
+      e.editor && (e.editor.on("selectionUpdate", y), e.editor.on("update", y));
     }), Le(() => {
-      e.editor && (e.editor.off("selectionUpdate", b), e.editor.off("update", b));
+      e.editor && (e.editor.off("selectionUpdate", y), e.editor.off("update", y));
     });
     const f = (I) => {
       e.editor && (e.editor.chain().focus().setTextAlign(I).run(), o.value = I);
@@ -1306,7 +1327,7 @@ const lt = /* @__PURE__ */ Q(Wr, [["render", Qr], ["__scopeId", "data-v-eb21a54f
         ], 2)
       ]),
       default: q(() => [
-        d("div", ho, [
+        d("div", xo, [
           (v(!0), w(ae, null, ie(p.value, (O) => (v(), w("button", {
             title: "Text align " + O?.id,
             class: E(["w-[30px] h-[30px] flex items-center justify-center text-gray-500 rounded hover:text-gray-900 hover:bg-gray-100", { "bg-gray-100 text-gray-900": O?.isActive }]),
@@ -1317,14 +1338,14 @@ const lt = /* @__PURE__ */ Q(Wr, [["render", Qr], ["__scopeId", "data-v-eb21a54f
               height: "16",
               width: "16"
             }))
-          ], 10, vo))), 128))
+          ], 10, wo))), 128))
         ])
       ]),
       _: 1
     }, 512));
   }
-}, bo = {
-  components: { VsText: lt },
+}, _o = {
+  components: { VsText: at },
   inheritAttrs: !1,
   events: ["update:modelValue"],
   props: {
@@ -1343,17 +1364,17 @@ const lt = /* @__PURE__ */ Q(Wr, [["render", Qr], ["__scopeId", "data-v-eb21a54f
       }
     }
   }
-}, yo = { class: "flex items-center w-full max-w-[182px]" }, xo = ["disabled"];
-function wo(t, e, a, s, n, o) {
+}, $o = { class: "flex items-center w-full max-w-[182px]" }, Co = ["disabled"];
+function Ao(t, e, a, s, n, o) {
   const l = Z("vs-text");
-  return v(), w("div", yo, [
+  return v(), w("div", $o, [
     de(d("input", {
       "onUpdate:modelValue": e[0] || (e[0] = (c) => o.value = c),
       type: "color",
       class: E(["w-[38px] h-[38px] min-h-[38px] min-w-[38px] py-[2px] px-[3px] -ml-1 dark:bg-neutral-800 border dark:border-neutral-700 border-stone-200 rounded-lg", a.disabled ? "cursor-not-allowed" : "cursor-pointer"]),
       disabled: a.disabled
-    }, null, 10, xo), [
-      [ft, o.value]
+    }, null, 10, Co), [
+      [pt, o.value]
     ]),
     a.isTextInputShown ? (v(), W(l, {
       key: 0,
@@ -1365,7 +1386,7 @@ function wo(t, e, a, s, n, o) {
     }, null, 8, ["modelValue", "disabled", "clearable"])) : U("", !0)
   ]);
 }
-const at = /* @__PURE__ */ Q(bo, [["render", wo]]), ko = { class: "flex gap-[4px] mb-[8px]" }, _o = { class: "grid grid-rows-3 grid-cols-7" }, $o = { class: "w-full h-full rounded border border-gray-300 overflow-hidden" }, Co = ["onClick", "title"], Ao = {
+const nt = /* @__PURE__ */ Q(_o, [["render", Ao]]), So = { class: "flex gap-[4px] mb-[8px]" }, Fo = { class: "grid grid-rows-3 grid-cols-7" }, To = { class: "w-full h-full rounded border border-gray-300 overflow-hidden" }, Lo = ["onClick", "title"], Bo = {
   __name: "vs-editor-color",
   props: {
     editor: Object
@@ -1374,7 +1395,7 @@ const at = /* @__PURE__ */ Q(bo, [["render", wo]]), ko = { class: "flex gap-[4px
     const e = t, a = $(null), s = $("#000000"), n = N(() => e.editor && e.editor.getAttributes("textStyle").color || "#000000"), o = N(() => n.value !== "#000000"), l = () => {
       e.editor && (s.value = n.value);
     };
-    be(() => {
+    ye(() => {
       e.editor && (e.editor.on("selectionUpdate", l), e.editor.on("update", l), l());
     }), Le(() => {
       e.editor && (e.editor.off("selectionUpdate", l), e.editor.off("update", l));
@@ -1401,11 +1422,11 @@ const at = /* @__PURE__ */ Q(bo, [["render", wo]]), ko = { class: "flex gap-[4px
       "#FFF0B3",
       "#FFBDAD",
       "#EAE6FF"
-    ]), r = (b) => {
-      e.editor && (e.editor.chain().focus().setColor(b).run(), s.value = b, a.value && a.value.togglePopover());
+    ]), r = (y) => {
+      e.editor && (e.editor.chain().focus().setColor(y).run(), s.value = y, a.value && a.value.togglePopover());
     }, i = () => {
       r(s.value);
-    }, x = (b) => ({
+    }, x = (y) => ({
       "#172B4D": "Default",
       "#0747A6": "Bright blue",
       "#008DA6": "Bright blue-green",
@@ -1427,8 +1448,8 @@ const at = /* @__PURE__ */ Q(bo, [["render", wo]]), ko = { class: "flex gap-[4px
       "#FFF0B3": "Bright yellow",
       "#FFBDAD": "Bright red",
       "#EAE6FF": "Bright purple"
-    })[b] || b;
-    return (b, f) => (v(), W(fe, {
+    })[y] || y;
+    return (y, f) => (v(), W(fe, {
       ref_key: "popover",
       ref: a,
       placement: "bottom"
@@ -1447,8 +1468,8 @@ const at = /* @__PURE__ */ Q(bo, [["render", wo]]), ko = { class: "flex gap-[4px
       ]),
       default: q(() => [
         d("div", null, [
-          d("div", ko, [
-            C(at, {
+          d("div", So, [
+            C(nt, {
               modelValue: s.value,
               "onUpdate:modelValue": f[0] || (f[0] = (p) => s.value = p)
             }, null, 8, ["modelValue"]),
@@ -1459,12 +1480,12 @@ const at = /* @__PURE__ */ Q(bo, [["render", wo]]), ko = { class: "flex gap-[4px
               C(L(ke), { class: "h-4 w-4 text-white" })
             ])
           ]),
-          d("div", _o, [
+          d("div", Fo, [
             (v(!0), w(ae, null, ie(c.value, (p) => (v(), w("div", {
               key: p,
               class: "h-8 w-8 p-0.5 rounded border border-transparent hover:border-gray-200 transition-transform cursor-pointer"
             }, [
-              d("div", $o, [
+              d("div", To, [
                 d("button", {
                   class: "flex items-center justify-center w-full h-full",
                   style: se({ backgroundColor: p }),
@@ -1475,7 +1496,7 @@ const at = /* @__PURE__ */ Q(bo, [["render", wo]]), ko = { class: "flex gap-[4px
                     key: 0,
                     class: "h-4 w-4 text-gray-500"
                   })) : U("", !0)
-                ], 12, Co)
+                ], 12, Lo)
               ])
             ]))), 128))
           ])
@@ -1484,7 +1505,7 @@ const at = /* @__PURE__ */ Q(bo, [["render", wo]]), ko = { class: "flex gap-[4px
       _: 1
     }, 512));
   }
-}, Fo = { class: "flex gap-[4px] mb-[8px]" }, So = { class: "grid grid-rows-3 grid-cols-7" }, To = { class: "w-full h-full rounded border border-gray-300 overflow-hidden" }, Lo = ["onClick", "title"], Bo = ["onClick", "title"], Eo = {
+}, Eo = { class: "flex gap-[4px] mb-[8px]" }, Io = { class: "grid grid-rows-3 grid-cols-7" }, Mo = { class: "w-full h-full rounded border border-gray-300 overflow-hidden" }, Po = ["onClick", "title"], jo = ["onClick", "title"], Ho = {
   __name: "vs-editor-background-color",
   props: {
     editor: Object
@@ -1493,7 +1514,7 @@ const at = /* @__PURE__ */ Q(bo, [["render", wo]]), ko = { class: "flex gap-[4px
     const e = t, a = $(null), s = $("transparent"), n = N(() => e.editor && e.editor.getAttributes("textStyle").backgroundColor || "transparent"), o = N(() => n.value !== "transparent" && n.value !== ""), l = () => {
       e.editor && (s.value = n.value);
     };
-    be(() => {
+    ye(() => {
       e.editor && (e.editor.on("selectionUpdate", l), e.editor.on("update", l), l());
     }), Le(() => {
       e.editor && (e.editor.off("selectionUpdate", l), e.editor.off("update", l));
@@ -1520,11 +1541,11 @@ const at = /* @__PURE__ */ Q(bo, [["render", wo]]), ko = { class: "flex gap-[4px
       "#FFF0B3",
       "#FFBDAD",
       "#EAE6FF"
-    ]), r = (b) => {
-      e.editor && (e.editor.chain().focus().setBackgroundColor(b).run(), s.value = b, a.value && a.value.togglePopover());
+    ]), r = (y) => {
+      e.editor && (e.editor.chain().focus().setBackgroundColor(y).run(), s.value = y, a.value && a.value.togglePopover());
     }, i = () => {
       r(s.value);
-    }, x = (b) => ({
+    }, x = (y) => ({
       "#172B4D": "Default",
       "#0747A6": "Bright blue",
       "#008DA6": "Bright blue-green",
@@ -1546,8 +1567,8 @@ const at = /* @__PURE__ */ Q(bo, [["render", wo]]), ko = { class: "flex gap-[4px
       "#FFF0B3": "Bright yellow",
       "#FFBDAD": "Bright red",
       "#EAE6FF": "Bright purple"
-    })[b] || b;
-    return (b, f) => (v(), W(fe, {
+    })[y] || y;
+    return (y, f) => (v(), W(fe, {
       ref_key: "popover",
       ref: a,
       placement: "bottom"
@@ -1557,7 +1578,7 @@ const at = /* @__PURE__ */ Q(bo, [["render", wo]]), ko = { class: "flex gap-[4px
           title: "Background Color",
           class: E(["flex flex-col h-[30px] px-1 rounded-full hover:bg-gray-100 justify-center items-center relative flex", { "bg-gray-100": o.value }])
         }, [
-          C(L(Dt), { class: "h-4 w-4" }),
+          C(L(Vt), { class: "h-4 w-4" }),
           d("span", {
             class: "block h-1 w-5",
             style: se({ backgroundColor: s.value })
@@ -1566,8 +1587,8 @@ const at = /* @__PURE__ */ Q(bo, [["render", wo]]), ko = { class: "flex gap-[4px
       ]),
       default: q(() => [
         d("div", null, [
-          d("div", Fo, [
-            C(at, {
+          d("div", Eo, [
+            C(nt, {
               modelValue: s.value,
               "onUpdate:modelValue": f[0] || (f[0] = (p) => s.value = p)
             }, null, 8, ["modelValue"]),
@@ -1578,19 +1599,19 @@ const at = /* @__PURE__ */ Q(bo, [["render", wo]]), ko = { class: "flex gap-[4px
               C(L(ke), { class: "h-4 w-4 text-white" })
             ])
           ]),
-          d("div", So, [
+          d("div", Io, [
             d("button", {
               onClick: f[1] || (f[1] = (p) => r("transparent")),
               class: "col-span-7 flex items-center justify-center gap-2 bg-gray-100 rounded-md py-1 mb-2 hover:bg-gray-200"
             }, [
-              C(L(zt), { class: "h-4 w-4" }),
+              C(L(Dt), { class: "h-4 w-4" }),
               f[2] || (f[2] = d("p", null, "no color", -1))
             ]),
             (v(!0), w(ae, null, ie(c.value, (p) => (v(), w("div", {
               key: p,
               class: "h-8 w-8 p-0.5 rounded border border-transparent hover:border-gray-200 transition-transform cursor-pointer"
             }, [
-              d("div", To, [
+              d("div", Mo, [
                 p !== "transparent" ? (v(), w("button", {
                   key: 0,
                   class: "flex items-center justify-center w-full h-full",
@@ -1602,7 +1623,7 @@ const at = /* @__PURE__ */ Q(bo, [["render", wo]]), ko = { class: "flex gap-[4px
                     key: 0,
                     class: "h-4 w-4 text-gray-500"
                   })) : U("", !0)
-                ], 12, Lo)) : U("", !0),
+                ], 12, Po)) : U("", !0),
                 p === "transparent" ? (v(), w("button", {
                   key: 1,
                   class: "flex items-center justify-center w-full h-full",
@@ -1613,7 +1634,7 @@ const at = /* @__PURE__ */ Q(bo, [["render", wo]]), ko = { class: "flex gap-[4px
                     key: 0,
                     class: "h-4 w-4 text-gray-500"
                   })) : U("", !0)
-                ], 8, Bo)) : U("", !0)
+                ], 8, jo)) : U("", !0)
               ])
             ]))), 128))
           ])
@@ -1622,7 +1643,7 @@ const at = /* @__PURE__ */ Q(bo, [["render", wo]]), ko = { class: "flex gap-[4px
       _: 1
     }, 512));
   }
-}, Io = {
+}, No = {
   __name: "vs-editor-highlight",
   props: {
     editor: Object
@@ -1636,10 +1657,10 @@ const at = /* @__PURE__ */ Q(bo, [["render", wo]]), ko = { class: "flex gap-[4px
       onClick: s,
       class: E(["flex flex-col h-[30px] px-1 rounded-full hover:bg-gray-100 justify-center items-center relative flex", { "bg-gray-200": a.value }])
     }, [
-      C(L(Vt), { class: "h-4 w-4" })
+      C(L(Ot), { class: "h-4 w-4" })
     ], 2));
   }
-}, Po = { class: "truncate" }, jo = { class: "w-[200px]" }, Mo = { class: "max-h-[200px] overflow-y-auto" }, Ho = ["onClick"], No = {
+}, zo = { class: "truncate" }, Do = { class: "w-[200px]" }, Vo = { class: "max-h-[200px] overflow-y-auto" }, Oo = ["onClick"], Ro = {
   __name: "vs-editor-font-family",
   props: {
     editor: Object
@@ -1669,7 +1690,7 @@ const at = /* @__PURE__ */ Q(bo, [["render", wo]]), ko = { class: "flex gap-[4px
       ref_key: "popover",
       ref: a,
       placement: "bottom",
-      onIsvisible: x[0] || (x[0] = (b) => s.value = b)
+      onIsvisible: x[0] || (x[0] = (y) => s.value = y)
     }, {
       reference: q(() => [
         d("button", {
@@ -1677,26 +1698,26 @@ const at = /* @__PURE__ */ Q(bo, [["render", wo]]), ko = { class: "flex gap-[4px
           class: E(["h-[30px] px-2 rounded-full hover:bg-gray-100 justify-center items-center flex text-sm", [s.value ? "bg-gray-100 text-gray-900" : "text-gray-700"]]),
           style: se({ fontFamily: o.value })
         }, [
-          d("span", Po, Y(l.value), 1),
-          C(L(je), { class: "ml-1 h-3 w-3 text-gray-400" })
+          d("span", zo, Y(l.value), 1),
+          C(L(Pe), { class: "ml-1 h-3 w-3 text-gray-400" })
         ], 6)
       ]),
       default: q(() => [
-        d("div", jo, [
-          d("ul", Mo, [
-            (v(!0), w(ae, null, ie(n.value, (b) => (v(), w("li", {
-              key: b.value,
-              class: E(["px-3 py-2 hover:bg-gray-100 cursor-pointer text-sm", { "bg-gray-100": c(b.value) }]),
-              style: se({ fontFamily: b.value }),
-              onClick: (f) => r(b.value)
-            }, Y(b.label), 15, Ho))), 128))
+        d("div", Do, [
+          d("ul", Vo, [
+            (v(!0), w(ae, null, ie(n.value, (y) => (v(), w("li", {
+              key: y.value,
+              class: E(["px-3 py-2 hover:bg-gray-100 cursor-pointer text-sm", { "bg-gray-100": c(y.value) }]),
+              style: se({ fontFamily: y.value }),
+              onClick: (f) => r(y.value)
+            }, Y(y.label), 15, Oo))), 128))
           ])
         ])
       ]),
       _: 1
     }, 512));
   }
-}, zo = { class: "w-[120px]" }, Do = { class: "max-h-[200px] overflow-y-auto" }, Vo = ["onClick"], Oo = {
+}, Uo = { class: "w-[120px]" }, qo = { class: "max-h-[200px] overflow-y-auto" }, Ko = ["onClick"], Wo = {
   __name: "vs-editor-font-size",
   props: {
     editor: Object
@@ -1705,7 +1726,7 @@ const at = /* @__PURE__ */ Q(bo, [["render", wo]]), ko = { class: "flex gap-[4px
     const e = t, a = $("popover"), s = $("14px"), n = N(() => e.editor && e.editor.getAttributes("textStyle").fontSize || "14px"), o = N(() => n.value !== "14px"), l = () => {
       e.editor && (s.value = n.value);
     };
-    be(() => {
+    ye(() => {
       e.editor && (e.editor.on("selectionUpdate", l), e.editor.on("update", l), l());
     }), Le(() => {
       e.editor && (e.editor.off("selectionUpdate", l), e.editor.off("update", l));
@@ -1739,26 +1760,26 @@ const at = /* @__PURE__ */ Q(bo, [["render", wo]]), ko = { class: "flex gap-[4px
           title: "Font Size",
           class: E(["h-[30px] px-2 min-w-[30px] rounded-full hover:bg-gray-100 justify-center items-center flex text-sm text-gray-700 space-x-1", { "bg-gray-100 text-gray-900": o.value }])
         }, [
-          C(L(Ot), { class: "h-4 w-4" }),
-          C(L(je), { class: "h-3 w-3 text-gray-400" })
+          C(L(Rt), { class: "h-4 w-4" }),
+          C(L(Pe), { class: "h-3 w-3 text-gray-400" })
         ], 2)
       ]),
       default: q(() => [
-        d("div", zo, [
-          d("ul", Do, [
-            (v(!0), w(ae, null, ie(c.value, (b) => (v(), w("li", {
-              key: b.value,
+        d("div", Uo, [
+          d("ul", qo, [
+            (v(!0), w(ae, null, ie(c.value, (y) => (v(), w("li", {
+              key: y.value,
               class: "px-3 py-2 hover:bg-gray-100 cursor-pointer",
-              onClick: (f) => r(b.value)
-            }, Y(b.label), 9, Vo))), 128))
+              onClick: (f) => r(y.value)
+            }, Y(y.label), 9, Ko))), 128))
           ])
         ])
       ]),
       _: 1
     }, 512));
   }
-}, Ro = {
-  components: { Superscript: Rt },
+}, Xo = {
+  components: { Superscript: Ut },
   props: {
     editor: Object
   },
@@ -1768,7 +1789,7 @@ const at = /* @__PURE__ */ Q(bo, [["render", wo]]), ko = { class: "flex gap-[4px
     }
   }
 };
-function Uo(t, e, a, s, n, o) {
+function Go(t, e, a, s, n, o) {
   const l = Z("Superscript");
   return v(), w("button", {
     title: "Superscript",
@@ -1779,8 +1800,8 @@ function Uo(t, e, a, s, n, o) {
     e[1] || (e[1] = d("span", { class: "sr-only" }, "Superscript", -1))
   ], 2);
 }
-const qo = /* @__PURE__ */ Q(Ro, [["render", Uo]]), Ko = {
-  components: { Subscript: Ut },
+const Yo = /* @__PURE__ */ Q(Xo, [["render", Go]]), Qo = {
+  components: { Subscript: qt },
   props: {
     editor: Object
   },
@@ -1790,7 +1811,7 @@ const qo = /* @__PURE__ */ Q(Ro, [["render", Uo]]), Ko = {
     }
   }
 };
-function Wo(t, e, a, s, n, o) {
+function Zo(t, e, a, s, n, o) {
   const l = Z("Subscript");
   return v(), w("button", {
     title: "Subscript",
@@ -1801,10 +1822,10 @@ function Wo(t, e, a, s, n, o) {
     e[1] || (e[1] = d("span", { class: "sr-only" }, "Subscript", -1))
   ], 2);
 }
-const Xo = /* @__PURE__ */ Q(Ko, [["render", Wo]]), Go = {
+const Jo = /* @__PURE__ */ Q(Qo, [["render", Zo]]), el = {
   title: "Heading",
   class: "h-[30px] px-2 rounded-full hover:bg-gray-100 justify-center items-center flex text-sm text-gray-700"
-}, Yo = { class: "truncate" }, Qo = { class: "max-h-[200px] overflow-y-auto" }, Zo = ["onClick"], Jo = {
+}, tl = { class: "truncate" }, rl = { class: "max-h-[200px] overflow-y-auto" }, ol = ["onClick"], ll = {
   __name: "vs-editor-heading",
   props: {
     editor: Object
@@ -1841,20 +1862,20 @@ const Xo = /* @__PURE__ */ Q(Ko, [["render", Wo]]), Go = {
       placement: "bottom"
     }, {
       reference: q(() => [
-        d("button", Go, [
-          d("span", Yo, Y(n.value), 1),
-          C(L(je), { class: "ml-1 h-3 w-3 text-gray-400" })
+        d("button", el, [
+          d("span", tl, Y(n.value), 1),
+          C(L(Pe), { class: "ml-1 h-3 w-3 text-gray-400" })
         ])
       ]),
       default: q(() => [
         d("div", null, [
-          d("ul", Qo, [
+          d("ul", rl, [
             (v(!0), w(ae, null, ie(s.value, (x) => (v(), w("li", {
               key: x.value,
               class: E(["px-3 py-2 hover:bg-gray-100 cursor-pointer text-sm", `heading-level-${x.value}`]),
               style: se(o(x.value)),
-              onClick: (b) => l(x.value)
-            }, Y(x.label), 15, Zo))), 128)),
+              onClick: (y) => l(x.value)
+            }, Y(x.label), 15, ol))), 128)),
             d("li", {
               class: "px-3 py-2 hover:bg-gray-100 cursor-pointer text-sm border-t border-gray-200 mt-1 pt-2",
               onClick: c
@@ -1865,8 +1886,8 @@ const Xo = /* @__PURE__ */ Q(Ko, [["render", Wo]]), Go = {
       _: 1
     }, 512));
   }
-}, el = /* @__PURE__ */ Q(Jo, [["__scopeId", "data-v-96f02f2a"]]), tl = {
-  components: { RemoveFormatting: qt },
+}, al = /* @__PURE__ */ Q(ll, [["__scopeId", "data-v-96f02f2a"]]), nl = {
+  components: { RemoveFormatting: Kt },
   props: {
     editor: Object
   },
@@ -1876,7 +1897,7 @@ const Xo = /* @__PURE__ */ Q(Ko, [["render", Wo]]), Go = {
     }
   }
 };
-function rl(t, e, a, s, n, o) {
+function sl(t, e, a, s, n, o) {
   const l = Z("RemoveFormatting");
   return v(), w("button", {
     title: "Clear Formatting",
@@ -1887,16 +1908,16 @@ function rl(t, e, a, s, n, o) {
     e[1] || (e[1] = d("span", { class: "sr-only" }, "Clear Formatting", -1))
   ]);
 }
-const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" }, al = {
+const il = /* @__PURE__ */ Q(nl, [["render", sl]]), cl = { class: "relative" }, dl = {
   key: 0,
   class: "mt-4"
-}, nl = ["src", "alt", "title"], sl = {
+}, ul = ["src", "alt", "title"], fl = {
   key: 0,
   class: "text-sm text-red-500"
-}, il = {
+}, pl = {
   key: 1,
   class: "mt-4"
-}, cl = { class: "text-sm text-gray-600 mb-2" }, dl = { class: "flex flex-wrap gap-2" }, ul = ["src", "alt", "onError"], fl = ["onClick"], pl = { class: "flex justify-end gap-x-2 p-[20px]" }, gl = /* @__PURE__ */ Object.assign({
+}, gl = { class: "text-sm text-gray-600 mb-2" }, hl = { class: "flex flex-wrap gap-2" }, vl = ["src", "alt", "onError"], ml = ["onClick"], yl = { class: "flex justify-end gap-x-2 p-[20px]" }, bl = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "vs-editor-image",
@@ -1923,7 +1944,7 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
         return m.length + k.length > 1;
       }
       return r.value.file instanceof FileList ? r.value.file.length > 1 : !1;
-    }), x = N(() => Array.isArray(r.value.file) ? r.value.file.filter((m) => m instanceof File).length === 1 : r.value.file instanceof FileList ? r.value.file.length === 1 : r.value.file instanceof File), b = N(() => {
+    }), x = N(() => Array.isArray(r.value.file) ? r.value.file.filter((m) => m instanceof File).length === 1 : r.value.file instanceof FileList ? r.value.file.length === 1 : r.value.file instanceof File), y = N(() => {
       if (i.value)
         return "";
       if (r.value.src)
@@ -2003,26 +2024,26 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
       if (!e.editor) return;
       if (e.editor.isActive("image")) {
         const { state: k } = e.editor, { selection: u } = k, { $from: _ } = u;
-        let y = null, T = null;
+        let b = null, T = null;
         if (_.parent.type.name === "image")
-          y = _.before(_.depth), T = _.parent;
+          b = _.before(_.depth), T = _.parent;
         else
           for (let H = _.depth; H > 0; H--) {
             const X = _.node(H), g = _.before(H);
             X.type.name === "paragraph" && X.forEach((A, B) => {
               if (A.type.name === "image") {
                 const D = g + B + 1;
-                (y === null || Math.abs(D - u.$from.pos) < Math.abs(y - u.$from.pos)) && (y = D, T = A);
+                (b === null || Math.abs(D - u.$from.pos) < Math.abs(b - u.$from.pos)) && (b = D, T = A);
               }
             });
           }
-        if (y !== null && T) {
+        if (b !== null && T) {
           try {
-            e.editor.chain().focus().setNodeSelection(y).run();
+            e.editor.chain().focus().setNodeSelection(b).run();
           } catch {
-            e.editor.chain().focus().setTextSelection(y).run();
+            e.editor.chain().focus().setTextSelection(b).run();
           }
-          c.value = y;
+          c.value = b;
         } else {
           e.editor.chain().focus().selectParentNode().run();
           const { state: H } = e.editor;
@@ -2030,20 +2051,20 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
         }
         const h = T ? T.attrs : e.editor.getAttributes("image");
         o.value = !0;
-        let S = "", M = !1;
+        let F = "", j = !1;
         const z = e.editor.getAttributes("link");
-        z && z.href && (S = z.href, M = z.target === "_blank");
-        const j = h.src || "", F = j ? [j] : [];
+        z && z.href && (F = z.href, j = z.target === "_blank");
+        const P = h.src || "", S = P ? [P] : [];
         r.value = {
-          src: j,
-          file: F,
+          src: P,
+          file: S,
           // Масив з поточним зображенням
           alt: h.alt || "",
           title: h.title || "",
           width: h.width || "",
           height: h.height || "",
-          link: S,
-          openInNewTab: M
+          link: F,
+          openInNewTab: j
         };
       } else
         o.value = !1, r.value = {
@@ -2075,18 +2096,18 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
         return;
       const k = [];
       for (const u of m)
-        if (u && u.type && u.type.startsWith("image/") && !l.value.some((y) => y.file === u)) {
-          const y = new Promise((T, h) => {
-            const S = new FileReader();
-            S.onload = (M) => {
+        if (u && u.type && u.type.startsWith("image/") && !l.value.some((b) => b.file === u)) {
+          const b = new Promise((T, h) => {
+            const F = new FileReader();
+            F.onload = (j) => {
               l.value.push({
                 file: u,
-                preview: M.target.result,
+                preview: j.target.result,
                 error: !1
               }), T();
-            }, S.onerror = h, S.readAsDataURL(u);
+            }, F.onerror = h, F.readAsDataURL(u);
           });
-          k.push(y);
+          k.push(b);
         }
       await Promise.all(k);
     }, O = (m) => {
@@ -2100,10 +2121,10 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
         if (!h || !h.dom) return;
         h.dom.querySelectorAll("img.editor-image[width][height]").forEach((z) => {
           if (z instanceof HTMLImageElement) {
-            const j = z.getAttribute("width"), F = z.getAttribute("height");
-            j && F && j !== "auto" && F !== "auto" && j !== "" && F !== "" && !isNaN(Number(j)) && !isNaN(Number(F)) && (z.style.cssText = `
-            width: ${j}px !important;
-            height: ${F}px !important;
+            const P = z.getAttribute("width"), S = z.getAttribute("height");
+            P && S && P !== "auto" && S !== "auto" && P !== "" && S !== "" && !isNaN(Number(P)) && !isNaN(Number(S)) && (z.style.cssText = `
+            width: ${P}px !important;
+            height: ${S}px !important;
             max-width: none !important;
             max-height: none !important;
             min-width: auto !important;
@@ -2112,19 +2133,19 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
           `.replace(/\s+/g, " ").trim());
           }
         });
-      }, y = r.value.width, T = r.value.height;
-      y && T && y !== "" && T !== "" ? [0, u, u * 2, u * 3, u * 4].forEach((S) => {
-        setTimeout(_, S);
+      }, b = r.value.width, T = r.value.height;
+      b && T && b !== "" && T !== "" ? [0, u, u * 2, u * 3, u * 4].forEach((F) => {
+        setTimeout(_, F);
       }) : (_(), setTimeout(_, u));
-    }, P = async () => {
+    }, M = async () => {
       let m = [], k = [];
       if (Array.isArray(r.value.file) ? (m = r.value.file.filter((h) => h instanceof File), k = r.value.file.filter((h) => typeof h == "string" && h.trim() !== "")) : r.value.file instanceof FileList ? m = Array.from(r.value.file) : r.value.file instanceof File ? m = [r.value.file] : typeof r.value.file == "string" && r.value.file.trim() !== "" && (k = [r.value.file]), m.length === 0 && k.length === 0 && n.value && n.value.file) {
         const h = n.value.file;
-        Array.isArray(h) ? (m = h.filter((S) => S instanceof File), k = h.filter((S) => typeof S == "string" && S.trim() !== "")) : h instanceof FileList ? m = Array.from(h) : h instanceof File ? m = [h] : typeof h == "string" && h.trim() !== "" && (k = [h]);
+        Array.isArray(h) ? (m = h.filter((F) => F instanceof File), k = h.filter((F) => typeof F == "string" && F.trim() !== "")) : h instanceof FileList ? m = Array.from(h) : h instanceof File ? m = [h] : typeof h == "string" && h.trim() !== "" && (k = [h]);
       }
       if (k.length > 0 && !o.value) {
         for (const h of k)
-          l.value.some((S) => S.url === h) || l.value.push({
+          l.value.some((F) => F.url === h) || l.value.push({
             url: h,
             preview: h,
             error: !1
@@ -2138,7 +2159,7 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
       if (!(o.value && u <= 1)) {
         if (u > 0) {
           const h = m.filter(
-            (S) => !l.value.some((M) => M.file === S)
+            (F) => !l.value.some((j) => j.file === F)
           );
           h.length > 0 && await V(h);
         }
@@ -2162,31 +2183,31 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
           return;
         }
       }
-      let y = r.value.src;
+      let b = r.value.src;
       if (x.value) {
         let h = null;
         if (Array.isArray(r.value.file) || r.value.file instanceof FileList ? h = r.value.file[0] : (r.value.file instanceof File || typeof r.value.file == "string") && (h = r.value.file), h instanceof File)
           try {
-            const S = new FileReader(), M = await new Promise((z, j) => {
-              S.onload = (F) => z(F.target.result), S.onerror = j, S.readAsDataURL(h);
+            const F = new FileReader(), j = await new Promise((z, P) => {
+              F.onload = (S) => z(S.target.result), F.onerror = P, F.readAsDataURL(h);
             });
-            y = M, o.value && (r.value.src = M);
-          } catch (S) {
-            console.error("Помилка при читанні файлу:", S), Se({
+            b = j, o.value && (r.value.src = j);
+          } catch (F) {
+            console.error("Помилка при читанні файлу:", F), Fe({
               type: "error",
               title: "Помилка",
               message: "Не вдалося прочитати файл"
             });
             return;
           }
-        else typeof h == "string" && h.trim() !== "" && (y = h.trim(), o.value && h.trim() !== r.value.src && (r.value.src = h.trim(), y = h.trim()));
+        else typeof h == "string" && h.trim() !== "" && (b = h.trim(), o.value && h.trim() !== r.value.src && (r.value.src = h.trim(), b = h.trim()));
       } else if (Array.isArray(r.value.file) && r.value.file.length === 1) {
         const h = r.value.file[0];
-        typeof h == "string" && h.trim() !== "" && (y = h.trim(), (!r.value.src || r.value.src !== h.trim()) && (r.value.src = h.trim()));
-      } else typeof r.value.file == "string" && r.value.file.trim() !== "" && (y = r.value.file.trim(), (!r.value.src || r.value.src !== r.value.file.trim()) && (r.value.src = r.value.file.trim()));
-      const T = y || Array.isArray(r.value.file) && r.value.file.length > 0 && (r.value.file.some((h) => h instanceof File) || r.value.file.some((h) => typeof h == "string" && h.trim() !== "")) || r.value.file instanceof FileList && r.value.file.length > 0 || typeof r.value.file == "string" && r.value.file.trim() !== "";
-      if (!y && !T) {
-        Se({
+        typeof h == "string" && h.trim() !== "" && (b = h.trim(), (!r.value.src || r.value.src !== h.trim()) && (r.value.src = h.trim()));
+      } else typeof r.value.file == "string" && r.value.file.trim() !== "" && (b = r.value.file.trim(), (!r.value.src || r.value.src !== r.value.file.trim()) && (r.value.src = r.value.file.trim()));
+      const T = b || Array.isArray(r.value.file) && r.value.file.length > 0 && (r.value.file.some((h) => h instanceof File) || r.value.file.some((h) => typeof h == "string" && h.trim() !== "")) || r.value.file instanceof FileList && r.value.file.length > 0 || typeof r.value.file == "string" && r.value.file.trim() !== "";
+      if (!b && !T) {
+        Fe({
           type: "warning",
           title: "Попередження",
           message: "Будь ласка, введіть URL зображення або виберіть файл"
@@ -2194,14 +2215,14 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
         return;
       }
       if (!i.value && !T && await n.value.validate()) {
-        Se({
+        Fe({
           type: "warning",
           title: "Попередження",
           message: "Будь ласка, заповніть всі обов'язкові поля"
         });
         return;
       }
-      if (e.editor && y)
+      if (e.editor && b)
         if (o.value && c.value !== null) {
           const { state: h } = e.editor;
           try {
@@ -2209,48 +2230,48 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
           } catch {
             e.editor.chain().focus().setTextSelection(c.value).run();
           }
-          const S = e.editor.getAttributes("link"), M = S && S.href, z = R(), j = {
-            src: y,
+          const F = e.editor.getAttributes("link"), j = F && F.href, z = R(), P = {
+            src: b,
             alt: r.value.alt || "",
             title: r.value.title || "",
             ...z
           };
-          if ((!r.value.width || r.value.width === "") && (j.width = void 0), (!r.value.height || r.value.height === "") && (j.height = void 0), e.editor.chain().focus().updateAttributes("image", j).run(), setTimeout(() => {
-            const { view: F } = e.editor;
-            if (!F || !F.dom) return;
-            F.dom.querySelectorAll("img.editor-image").forEach((g) => {
+          if ((!r.value.width || r.value.width === "") && (P.width = void 0), (!r.value.height || r.value.height === "") && (P.height = void 0), e.editor.chain().focus().updateAttributes("image", P).run(), setTimeout(() => {
+            const { view: S } = e.editor;
+            if (!S || !S.dom) return;
+            S.dom.querySelectorAll("img.editor-image").forEach((g) => {
               if (g instanceof HTMLImageElement) {
                 const A = g.getAttribute("src") || g.src;
-                (A === y || A.includes(y.split("/").pop())) && (r.value.width && r.value.height ? (g.style.setProperty("width", `${r.value.width}px`, "important"), g.style.setProperty("height", `${r.value.height}px`, "important"), g.style.setProperty("object-fit", "fill", "important"), g.style.setProperty("max-width", "none", "important"), g.style.setProperty("max-height", "none", "important")) : (g.style.removeProperty("width"), g.style.removeProperty("height"), g.style.removeProperty("object-fit"), g.style.removeProperty("max-width"), g.style.removeProperty("max-height")));
+                (A === b || A.includes(b.split("/").pop())) && (r.value.width && r.value.height ? (g.style.setProperty("width", `${r.value.width}px`, "important"), g.style.setProperty("height", `${r.value.height}px`, "important"), g.style.setProperty("object-fit", "fill", "important"), g.style.setProperty("max-width", "none", "important"), g.style.setProperty("max-height", "none", "important")) : (g.style.removeProperty("width"), g.style.removeProperty("height"), g.style.removeProperty("object-fit"), g.style.removeProperty("max-width"), g.style.removeProperty("max-height")));
               }
             });
           }, 20), r.value.link && r.value.link.trim() !== "") {
-            let F = r.value.link.trim();
-            F.match(/^https?:\/\//i) || (F = "https://" + F), M ? e.editor.chain().focus().extendMarkRange("link").setLink({
-              href: F,
+            let S = r.value.link.trim();
+            S.match(/^https?:\/\//i) || (S = "https://" + S), j ? e.editor.chain().focus().extendMarkRange("link").setLink({
+              href: S,
               target: r.value.openInNewTab ? "_blank" : null
             }).run() : e.editor.chain().focus().selectParentNode().setLink({
-              href: F,
+              href: S,
               target: r.value.openInNewTab ? "_blank" : null
             }).run();
-          } else M && e.editor.chain().focus().extendMarkRange("link").unsetLink().run();
+          } else j && e.editor.chain().focus().extendMarkRange("link").unsetLink().run();
         } else {
-          const { state: h } = e.editor, { selection: S } = h, { $anchor: M } = S;
+          const { state: h } = e.editor, { selection: F } = h, { $anchor: j } = F;
           let z = null;
-          for (let F = M.depth; F > 0; F--) {
-            const H = M.node(F);
+          for (let S = j.depth; S > 0; S--) {
+            const H = j.node(S);
             if (H && H.type.name === "paragraph") {
               z = H;
               break;
             }
           }
           if (z && z.content.content.some(
-            (F) => F.type.name === "image"
+            (S) => S.type.name === "image"
           )) {
-            const F = ee(z, M.before(M.depth));
-            if (F !== null) {
+            const S = ee(z, j.before(j.depth));
+            if (S !== null) {
               const H = R(), X = h.schema.nodes.image.create({
-                src: y,
+                src: b,
                 alt: r.value.alt || "",
                 title: r.value.title || "",
                 ...H
@@ -2262,13 +2283,13 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
                   href: g,
                   target: r.value.openInNewTab ? "_blank" : null
                 }), B = X.type.create(X.attrs, X.content, [A]);
-                e.editor.chain().focus().insertContentAt(F + 1, B).run(), J(e.editor, y);
+                e.editor.chain().focus().insertContentAt(S + 1, B).run(), J(e.editor, b);
               } else
-                e.editor.chain().focus().insertContentAt(F + 1, X).run(), J(e.editor, y);
+                e.editor.chain().focus().insertContentAt(S + 1, X).run(), J(e.editor, b);
             } else if (r.value.link && r.value.link.trim() !== "") {
               const H = R();
               e.editor.chain().focus().setImage({
-                src: y,
+                src: b,
                 alt: r.value.alt || "",
                 title: r.value.title || "",
                 ...H
@@ -2277,46 +2298,46 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
                 X.match(/^https?:\/\//i) || (X = "https://" + X), e.editor.chain().focus().selectParentNode().setLink({
                   href: X,
                   target: r.value.openInNewTab ? "_blank" : null
-                }).run(), J(e.editor, y, 20);
+                }).run(), J(e.editor, b, 20);
               }, 10);
             } else {
               const H = R();
               e.editor.chain().focus().setImage({
-                src: y,
+                src: b,
                 alt: r.value.alt || "",
                 title: r.value.title || "",
                 ...H
-              }).run(), J(e.editor, y);
+              }).run(), J(e.editor, b);
             }
           } else if (r.value.link && r.value.link.trim() !== "") {
-            const F = R();
+            const S = R();
             e.editor.chain().focus().setImage({
-              src: y,
+              src: b,
               alt: r.value.alt || "",
               title: r.value.title || "",
-              ...F
+              ...S
             }).run(), setTimeout(() => {
               let H = r.value.link.trim();
               H.match(/^https?:\/\//i) || (H = "https://" + H), e.editor.chain().focus().selectParentNode().setLink({
                 href: H,
                 target: r.value.openInNewTab ? "_blank" : null
-              }).run(), J(e.editor, y, 20);
+              }).run(), J(e.editor, b, 20);
             }, 10);
           } else {
-            const F = R();
+            const S = R();
             e.editor.chain().focus().setImage({
-              src: y,
+              src: b,
               alt: r.value.alt || "",
               title: r.value.title || "",
-              ...F
-            }).run(), J(e.editor, y);
+              ...S
+            }).run(), J(e.editor, b);
           }
         }
       I();
     }, ee = (m, k) => {
       let u = null;
-      return m.forEach((_, y) => {
-        _.type.name === "image" && (u = k + y + 1);
+      return m.forEach((_, b) => {
+        _.type.name === "image" && (u = k + b + 1);
       }), u;
     }, ne = async () => {
       if (e.editor) {
@@ -2337,48 +2358,48 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
             for (const u of l.value) {
               const _ = u.url || u.preview || "";
               if (!_) continue;
-              const y = e.editor.schema.nodes.image.create({
+              const b = e.editor.schema.nodes.image.create({
                 src: _,
                 alt: r.value.alt || "",
                 title: r.value.title || "",
                 ...k
               });
-              m.push(y);
+              m.push(b);
             }
             m.length > 0 && (e.editor.chain().focus().command(({ tr: u, dispatch: _ }) => {
               if (_) {
-                const { selection: y } = u, { $anchor: T } = y;
-                let h = y.$anchor.pos, S = null, M = null;
-                for (let j = T.depth; j > 0; j--) {
-                  const F = T.node(j);
-                  if (F && F.type.name === "paragraph") {
-                    S = F, M = T.start(j);
+                const { selection: b } = u, { $anchor: T } = b;
+                let h = b.$anchor.pos, F = null, j = null;
+                for (let P = T.depth; P > 0; P--) {
+                  const S = T.node(P);
+                  if (S && S.type.name === "paragraph") {
+                    F = S, j = T.start(P);
                     break;
                   }
                 }
-                if (S) {
-                  let j = null;
-                  S.forEach((F, H) => {
-                    F.type.name === "image" && (j = M + H + 1);
-                  }), j !== null ? h = j + 1 : h = M + S.content.size;
+                if (F) {
+                  let P = null;
+                  F.forEach((S, H) => {
+                    S.type.name === "image" && (P = j + H + 1);
+                  }), P !== null ? h = P + 1 : h = j + F.content.size;
                 }
                 let z = h;
-                return m.forEach((j) => {
-                  u.insert(z, j), z += j.nodeSize;
+                return m.forEach((P) => {
+                  u.insert(z, P), z += P.nodeSize;
                 }), !0;
               }
               return !1;
             }).run(), r.value.width && r.value.height && setTimeout(() => {
               const { view: u } = e.editor;
               u && u.dom && u.dom.querySelectorAll("img.editor-image").forEach((T) => {
-                T instanceof HTMLImageElement && Array.from(l.value).some((S) => {
-                  const M = S.url || S.preview || "", z = T.src || T.getAttribute("src") || "";
-                  return z === M || z.includes(M.split("/").pop());
+                T instanceof HTMLImageElement && Array.from(l.value).some((F) => {
+                  const j = F.url || F.preview || "", z = T.src || T.getAttribute("src") || "";
+                  return z === j || z.includes(j.split("/").pop());
                 }) && (T.style.setProperty("width", `${r.value.width}px`, "important"), T.style.setProperty("height", `${r.value.height}px`, "important"), T.style.setProperty("object-fit", "fill", "important"), T.style.setProperty("max-width", "none", "important"), T.style.setProperty("max-height", "none", "important"));
               });
             }, 50)), I();
           } catch (m) {
-            console.error("Помилка при додаванні зображень:", m), Se({
+            console.error("Помилка при додаванні зображень:", m), Fe({
               type: "error",
               title: "Помилка",
               message: "Не вдалося додати зображення"
@@ -2386,36 +2407,36 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
           }
       }
     }, pe = async () => {
-      await P();
+      await M();
     }, ge = () => {
       I();
     };
     return me(() => r.value.file, async (m, k) => {
       if (s.value = !1, !(o.value && Array.isArray(m) && m.length === 1 && typeof m[0] == "string" && !m.some((_) => _ instanceof File)))
         if (Array.isArray(m) && m.length > 0) {
-          const u = m.filter((y) => y instanceof File), _ = m.filter((y) => typeof y == "string" && y.trim() !== "");
+          const u = m.filter((b) => b instanceof File), _ = m.filter((b) => typeof b == "string" && b.trim() !== "");
           if (u.length > 0 && (o.value ? o.value && u.length === 1 && _.length === 0 && (l.value = []) : l.value = [], (!o.value || u.length > 1 || _.length > 0) && await V(u), o.value && u.length === 1 && _.length === 0)) {
-            const y = new FileReader();
-            y.onload = (T) => {
+            const b = new FileReader();
+            b.onload = (T) => {
               r.value.src = T.target.result;
-            }, y.readAsDataURL(u[0]);
+            }, b.readAsDataURL(u[0]);
           }
           if (_.length > 0)
             if (o.value)
               o.value && _.length === 1 && u.length === 0 && (r.value.src = _[0]);
             else {
               u.length === 0 && (l.value = []);
-              for (const y of _)
-                l.value.some((T) => T.url === y || T.preview === y) || l.value.push({
-                  url: y,
-                  preview: y,
+              for (const b of _)
+                l.value.some((T) => T.url === b || T.preview === b) || l.value.push({
+                  url: b,
+                  preview: b,
                   error: !1
                 });
             }
         } else m && typeof m == "object" && m instanceof FileList ? (o.value || (l.value = []), await V(Array.from(m))) : m && typeof m == "object" && !Array.isArray(m) && m instanceof File ? (o.value || (l.value = []), await V([m])) : o.value || (l.value = []);
     }, { immediate: !1 }), me(() => r.value.src, () => {
       s.value = !1;
-    }), (m, k) => (v(), w("div", ll, [
+    }), (m, k) => (v(), w("div", cl, [
       d("button", {
         onClick: p,
         class: E([
@@ -2424,16 +2445,16 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
         ]),
         title: "Додати зображення"
       }, [
-        C(L(Kt), { class: "h-4 w-4" }),
+        C(L(Wt), { class: "h-4 w-4" }),
         k[4] || (k[4] = d("span", { class: "sr-only" }, "Додати зображення", -1))
       ], 2),
-      C(ot, {
+      C(lt, {
         modelValue: a.value,
         "onUpdate:modelValue": k[3] || (k[3] = (u) => a.value = u),
         title: o.value ? "Редагувати зображення" : "Додати зображення"
       }, {
         footer: q(() => [
-          d("div", pl, [
+          d("div", yl, [
             d("button", {
               onClick: ge,
               type: "button",
@@ -2447,30 +2468,30 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
           ])
         ]),
         default: q(() => [
-          C(yt, {
+          C(xt, {
             modelValue: r.value,
             "onUpdate:modelValue": k[0] || (k[0] = (u) => r.value = u),
             schema: f.value,
             form: n.value,
             "onUpdate:form": k[1] || (k[1] = (u) => n.value = u)
           }, null, 8, ["modelValue", "schema", "form"]),
-          b.value && !i.value ? (v(), w("div", al, [
+          y.value && !i.value ? (v(), w("div", dl, [
             k[5] || (k[5] = d("p", { class: "text-sm text-gray-600 mb-2" }, "Попередній перегляд:", -1)),
             de(d("img", {
-              src: b.value,
+              src: y.value,
               alt: r.value.alt || "Попередній перегляд зображення",
               title: r.value.title,
               class: "max-w-full h-auto max-h-32 rounded border",
               onError: k[2] || (k[2] = (u) => s.value = !0)
-            }, null, 40, nl), [
+            }, null, 40, ul), [
               [$e, !s.value]
             ]),
-            s.value ? (v(), w("p", sl, " Не вдалося завантажити попередній перегляд зображення ")) : U("", !0)
+            s.value ? (v(), w("p", fl, " Не вдалося завантажити попередній перегляд зображення ")) : U("", !0)
           ])) : U("", !0),
-          l.value.length > 0 ? (v(), w("div", il, [
-            d("p", cl, "Попередній перегляд (" + Y(l.value.length) + " зображень):", 1),
+          l.value.length > 0 ? (v(), w("div", pl, [
+            d("p", gl, "Попередній перегляд (" + Y(l.value.length) + " зображень):", 1),
             k[6] || (k[6] = d("p", { class: "text-xs text-gray-500 mb-2" }, " Зображення будуть розміщені в ряд, якщо вони помістяться по ширині ", -1)),
-            d("div", dl, [
+            d("div", hl, [
               (v(!0), w(ae, null, ie(l.value, (u, _) => (v(), w("div", {
                 key: _,
                 class: "relative"
@@ -2479,15 +2500,15 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
                   src: u.preview,
                   alt: `Попередній перегляд ${_ + 1}`,
                   class: "max-w-[100px] max-h-[100px] rounded border object-contain",
-                  onError: (y) => u.error = !0
-                }, null, 40, ul), [
+                  onError: (b) => u.error = !0
+                }, null, 40, vl), [
                   [$e, !u.error]
                 ]),
                 d("button", {
-                  onClick: (y) => O(_),
+                  onClick: (b) => O(_),
                   class: "absolute -top-2 -right-2 bg-red-500 text-white rounded-full w-5 h-5 flex items-center justify-center text-xs hover:bg-red-600",
                   type: "button"
-                }, " × ", 8, fl)
+                }, " × ", 8, ml)
               ]))), 128))
             ])
           ])) : U("", !0)
@@ -2496,7 +2517,7 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
       }, 8, ["modelValue", "title"])
     ]));
   }
-}), hl = { class: "flex items-center" }, vl = ["disabled"], ml = ["disabled"], bl = /* @__PURE__ */ Object.assign({
+}), xl = { class: "flex items-center" }, wl = ["disabled"], kl = ["disabled"], _l = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "vs-editor-history",
@@ -2507,7 +2528,7 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
     }, s = () => {
       e.editor?.can().redo() && e.editor.chain().focus().redo().run();
     };
-    return (n, o) => (v(), w("div", hl, [
+    return (n, o) => (v(), w("div", xl, [
       d("button", {
         onClick: a,
         class: E(["w-[30px] h-[30px] flex items-center justify-center rounded-l-full hover:text-gray-900 hover:bg-gray-100 border-r border-gray-200", [
@@ -2516,8 +2537,8 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
         disabled: !t.editor?.can().undo(),
         title: "Undo (Ctrl+Z)"
       }, [
-        C(L(Wt), { class: "h-4 w-4" })
-      ], 10, vl),
+        C(L(Xt), { class: "h-4 w-4" })
+      ], 10, wl),
       d("button", {
         onClick: s,
         class: E(["w-[30px] h-[30px] flex items-center justify-center rounded-r-full hover:text-gray-900 hover:bg-gray-100", [
@@ -2526,11 +2547,11 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
         disabled: !t.editor?.can().redo(),
         title: "Redo (Ctrl+Y)"
       }, [
-        C(L(Xt), { class: "h-4 w-4" })
-      ], 10, ml)
+        C(L(Gt), { class: "h-4 w-4" })
+      ], 10, kl)
     ]));
   }
-}), yl = /* @__PURE__ */ Q(bl, [["__scopeId", "data-v-6a87fc55"]]), xl = { class: "relative" }, wl = { class: "p-6" }, kl = { class: "flex justify-between items-center mb-4" }, _l = /* @__PURE__ */ Object.assign({
+}), $l = /* @__PURE__ */ Q(_l, [["__scopeId", "data-v-6a87fc55"]]), Cl = { class: "relative" }, Al = { class: "p-6" }, Sl = { class: "flex justify-between items-center mb-4" }, Fl = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "vs-editor-help",
@@ -2541,7 +2562,7 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
     }, n = () => {
       e.value = !1;
     };
-    return (o, l) => (v(), w("div", xl, [
+    return (o, l) => (v(), w("div", Cl, [
       d("button", {
         ref_key: "helpButton",
         ref: a,
@@ -2549,7 +2570,7 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
         class: E(["w-[30px] h-[30px] flex items-center justify-center rounded-full hover:text-gray-900 hover:bg-gray-100 text-gray-500", [e.value ? "bg-gray-100 text-gray-900" : "text-gray-500"]]),
         title: "Markdown Shortcuts Help"
       }, [
-        C(L(Gt), { class: "h-4 w-4" })
+        C(L(Yt), { class: "h-4 w-4" })
       ], 2),
       e.value ? (v(), w("div", {
         key: 0,
@@ -2558,26 +2579,26 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
       }, [
         d("div", {
           class: "bg-white rounded-lg shadow-xl max-w-2xl w-full mx-4 max-h-[80vh] overflow-y-auto",
-          onClick: l[0] || (l[0] = pt(() => {
+          onClick: l[0] || (l[0] = gt(() => {
           }, ["stop"]))
         }, [
-          d("div", wl, [
-            d("div", kl, [
+          d("div", Al, [
+            d("div", Sl, [
               l[1] || (l[1] = d("h2", { class: "text-xl font-semibold text-gray-900" }, "Common Markdown Syntax & Shortcuts", -1)),
               d("button", {
                 onClick: n,
                 class: "text-gray-400 hover:text-gray-600 transition-colors"
               }, [
-                C(L(Pe), { class: "h-6 w-6" })
+                C(L(Me), { class: "h-6 w-6" })
               ])
             ]),
-            l[2] || (l[2] = gt('<div class="space-y-6" data-v-92c21275><div data-v-92c21275><h3 class="text-lg font-medium text-gray-800 mb-3" data-v-92c21275>Markdown Syntax</h3><div class="overflow-x-auto" data-v-92c21275><table class="w-full border-collapse" data-v-92c21275><thead data-v-92c21275><tr class="bg-gray-50" data-v-92c21275><th class="border border-gray-200 px-3 py-2 text-left font-medium text-gray-700" data-v-92c21275>Element</th><th class="border border-gray-200 px-3 py-2 text-left font-medium text-gray-700" data-v-92c21275>Example</th></tr></thead><tbody class="text-sm" data-v-92c21275><tr data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275>Bold</td><td class="border border-gray-200 px-3 py-2" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>**bold text**</code> or <code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>__bold text__</code></td></tr><tr class="bg-gray-25" data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275>Italics</td><td class="border border-gray-200 px-3 py-2" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>*italic text*</code> or <code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>_italic text_</code></td></tr><tr data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275>Strikethrough</td><td class="border border-gray-200 px-3 py-2" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>~strikethrough text~</code></td></tr><tr class="bg-gray-25" data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275>Headings</td><td class="border border-gray-200 px-3 py-2" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275># Heading 1</code>, <code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>## Heading 2</code>, etc., up to <code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>###### Heading 6</code></td></tr><tr data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275>Unordered Lists</td><td class="border border-gray-200 px-3 py-2" data-v-92c21275> Use an asterisk (*), dash (-), or plus sign (+) followed by a space. </td></tr><tr class="bg-gray-25" data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275>Ordered Lists</td><td class="border border-gray-200 px-3 py-2" data-v-92c21275> Use a number followed by a period and a space (e.g., <code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>1. First item</code>). </td></tr><tr data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275>Blockquotes</td><td class="border border-gray-200 px-3 py-2" data-v-92c21275> Start with a greater-than sign (&gt;) followed by a space. </td></tr><tr class="bg-gray-25" data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275>Inline Code</td><td class="border border-gray-200 px-3 py-2" data-v-92c21275> Surround with backticks (<code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>`</code>). </td></tr><tr data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275>Code Blocks</td><td class="border border-gray-200 px-3 py-2" data-v-92c21275> Enclose with three backticks (<code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>```</code>) before and after the code. </td></tr><tr class="bg-gray-25" data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275>Images</td><td class="border border-gray-200 px-3 py-2" data-v-92c21275> Use <code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>![alt text](url)</code> syntax. </td></tr><tr data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275>Links</td><td class="border border-gray-200 px-3 py-2" data-v-92c21275> Use <code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>[Link Text](url)</code> syntax. </td></tr><tr class="bg-gray-25" data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275>Checklists</td><td class="border border-gray-200 px-3 py-2" data-v-92c21275> Create a list item with <code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>- [ ]</code> for an incomplete task or <code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>- [x]</code> for a completed one. </td></tr></tbody></table></div></div><div data-v-92c21275><h3 class="text-lg font-medium text-gray-800 mb-3" data-v-92c21275>Common Editing Shortcuts</h3><div class="overflow-x-auto" data-v-92c21275><table class="w-full border-collapse" data-v-92c21275><thead data-v-92c21275><tr class="bg-gray-50" data-v-92c21275><th class="border border-gray-200 px-3 py-2 text-left font-medium text-gray-700" data-v-92c21275>Shortcut</th><th class="border border-gray-200 px-3 py-2 text-left font-medium text-gray-700" data-v-92c21275>Action</th></tr></thead><tbody class="text-sm" data-v-92c21275><tr data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>Ctrl+A</code></td><td class="border border-gray-200 px-3 py-2" data-v-92c21275>Select all text</td></tr><tr class="bg-gray-25" data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>Ctrl+B</code></td><td class="border border-gray-200 px-3 py-2" data-v-92c21275>Apply bold formatting</td></tr><tr data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>Ctrl+C</code></td><td class="border border-gray-200 px-3 py-2" data-v-92c21275>Copy selected text</td></tr><tr class="bg-gray-25" data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>Ctrl+I</code></td><td class="border border-gray-200 px-3 py-2" data-v-92c21275>Apply italic formatting</td></tr><tr data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>Ctrl+K</code></td><td class="border border-gray-200 px-3 py-2" data-v-92c21275>Open the insert link dialog</td></tr><tr class="bg-gray-25" data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>Ctrl+S</code></td><td class="border border-gray-200 px-3 py-2" data-v-92c21275>Save the current document</td></tr><tr data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>Ctrl+V</code></td><td class="border border-gray-200 px-3 py-2" data-v-92c21275>Paste copied text</td></tr><tr class="bg-gray-25" data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>Ctrl+X</code></td><td class="border border-gray-200 px-3 py-2" data-v-92c21275>Cut selected text</td></tr><tr data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>Ctrl+Y</code></td><td class="border border-gray-200 px-3 py-2" data-v-92c21275>Redo the last action</td></tr><tr class="bg-gray-25" data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>Alt+Shift+Backspace</code></td><td class="border border-gray-200 px-3 py-2" data-v-92c21275>Redo the last action</td></tr><tr data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>Ctrl+Z</code></td><td class="border border-gray-200 px-3 py-2" data-v-92c21275>Undo the last action</td></tr><tr class="bg-gray-25" data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>Alt+Backspace</code></td><td class="border border-gray-200 px-3 py-2" data-v-92c21275>Undo the last action</td></tr></tbody></table></div></div></div>', 1))
+            l[2] || (l[2] = ht('<div class="space-y-6" data-v-92c21275><div data-v-92c21275><h3 class="text-lg font-medium text-gray-800 mb-3" data-v-92c21275>Markdown Syntax</h3><div class="overflow-x-auto" data-v-92c21275><table class="w-full border-collapse" data-v-92c21275><thead data-v-92c21275><tr class="bg-gray-50" data-v-92c21275><th class="border border-gray-200 px-3 py-2 text-left font-medium text-gray-700" data-v-92c21275>Element</th><th class="border border-gray-200 px-3 py-2 text-left font-medium text-gray-700" data-v-92c21275>Example</th></tr></thead><tbody class="text-sm" data-v-92c21275><tr data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275>Bold</td><td class="border border-gray-200 px-3 py-2" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>**bold text**</code> or <code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>__bold text__</code></td></tr><tr class="bg-gray-25" data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275>Italics</td><td class="border border-gray-200 px-3 py-2" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>*italic text*</code> or <code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>_italic text_</code></td></tr><tr data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275>Strikethrough</td><td class="border border-gray-200 px-3 py-2" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>~strikethrough text~</code></td></tr><tr class="bg-gray-25" data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275>Headings</td><td class="border border-gray-200 px-3 py-2" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275># Heading 1</code>, <code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>## Heading 2</code>, etc., up to <code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>###### Heading 6</code></td></tr><tr data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275>Unordered Lists</td><td class="border border-gray-200 px-3 py-2" data-v-92c21275> Use an asterisk (*), dash (-), or plus sign (+) followed by a space. </td></tr><tr class="bg-gray-25" data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275>Ordered Lists</td><td class="border border-gray-200 px-3 py-2" data-v-92c21275> Use a number followed by a period and a space (e.g., <code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>1. First item</code>). </td></tr><tr data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275>Blockquotes</td><td class="border border-gray-200 px-3 py-2" data-v-92c21275> Start with a greater-than sign (&gt;) followed by a space. </td></tr><tr class="bg-gray-25" data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275>Inline Code</td><td class="border border-gray-200 px-3 py-2" data-v-92c21275> Surround with backticks (<code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>`</code>). </td></tr><tr data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275>Code Blocks</td><td class="border border-gray-200 px-3 py-2" data-v-92c21275> Enclose with three backticks (<code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>```</code>) before and after the code. </td></tr><tr class="bg-gray-25" data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275>Images</td><td class="border border-gray-200 px-3 py-2" data-v-92c21275> Use <code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>![alt text](url)</code> syntax. </td></tr><tr data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275>Links</td><td class="border border-gray-200 px-3 py-2" data-v-92c21275> Use <code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>[Link Text](url)</code> syntax. </td></tr><tr class="bg-gray-25" data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275>Checklists</td><td class="border border-gray-200 px-3 py-2" data-v-92c21275> Create a list item with <code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>- [ ]</code> for an incomplete task or <code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>- [x]</code> for a completed one. </td></tr></tbody></table></div></div><div data-v-92c21275><h3 class="text-lg font-medium text-gray-800 mb-3" data-v-92c21275>Common Editing Shortcuts</h3><div class="overflow-x-auto" data-v-92c21275><table class="w-full border-collapse" data-v-92c21275><thead data-v-92c21275><tr class="bg-gray-50" data-v-92c21275><th class="border border-gray-200 px-3 py-2 text-left font-medium text-gray-700" data-v-92c21275>Shortcut</th><th class="border border-gray-200 px-3 py-2 text-left font-medium text-gray-700" data-v-92c21275>Action</th></tr></thead><tbody class="text-sm" data-v-92c21275><tr data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>Ctrl+A</code></td><td class="border border-gray-200 px-3 py-2" data-v-92c21275>Select all text</td></tr><tr class="bg-gray-25" data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>Ctrl+B</code></td><td class="border border-gray-200 px-3 py-2" data-v-92c21275>Apply bold formatting</td></tr><tr data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>Ctrl+C</code></td><td class="border border-gray-200 px-3 py-2" data-v-92c21275>Copy selected text</td></tr><tr class="bg-gray-25" data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>Ctrl+I</code></td><td class="border border-gray-200 px-3 py-2" data-v-92c21275>Apply italic formatting</td></tr><tr data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>Ctrl+K</code></td><td class="border border-gray-200 px-3 py-2" data-v-92c21275>Open the insert link dialog</td></tr><tr class="bg-gray-25" data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>Ctrl+S</code></td><td class="border border-gray-200 px-3 py-2" data-v-92c21275>Save the current document</td></tr><tr data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>Ctrl+V</code></td><td class="border border-gray-200 px-3 py-2" data-v-92c21275>Paste copied text</td></tr><tr class="bg-gray-25" data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>Ctrl+X</code></td><td class="border border-gray-200 px-3 py-2" data-v-92c21275>Cut selected text</td></tr><tr data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>Ctrl+Y</code></td><td class="border border-gray-200 px-3 py-2" data-v-92c21275>Redo the last action</td></tr><tr class="bg-gray-25" data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>Alt+Shift+Backspace</code></td><td class="border border-gray-200 px-3 py-2" data-v-92c21275>Redo the last action</td></tr><tr data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>Ctrl+Z</code></td><td class="border border-gray-200 px-3 py-2" data-v-92c21275>Undo the last action</td></tr><tr class="bg-gray-25" data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>Alt+Backspace</code></td><td class="border border-gray-200 px-3 py-2" data-v-92c21275>Undo the last action</td></tr></tbody></table></div></div></div>', 1))
           ])
         ])
       ])) : U("", !0)
     ]));
   }
-}), $l = /* @__PURE__ */ Q(_l, [["__scopeId", "data-v-92c21275"]]), Cl = {
+}), Tl = /* @__PURE__ */ Q(Fl, [["__scopeId", "data-v-92c21275"]]), Ll = {
   __name: "vs-editor-horizontal-rule",
   props: {
     editor: Object
@@ -2591,10 +2612,10 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
       onClick: a,
       class: "flex flex-col h-[30px] px-1 rounded-full hover:bg-gray-100 justify-center items-center relative flex"
     }, [
-      C(L(Yt), { class: "h-4 w-4" })
+      C(L(Qt), { class: "h-4 w-4" })
     ]));
   }
-}, Al = {
+}, Bl = {
   __name: "vs-editor-fullscreen",
   props: {
     editor: Object
@@ -2609,35 +2630,35 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
       onClick: s,
       class: "w-[30px] h-[30px] flex items-center justify-center text-gray-500 rounded-full hover:text-gray-900 hover:bg-gray-100"
     }, [
-      C(L(Qt), { class: "h-4 w-4" })
+      C(L(Zt), { class: "h-4 w-4" })
     ]));
   }
-}, Fl = {
-  bold: Pr,
-  italic: Hr,
-  color: Ao,
-  background_color: Eo,
-  highlight: Io,
-  bullet_list: Cr,
-  ordered_list: Sr,
-  blockquote: kr,
-  codeblock: Br,
-  underline: Nr,
-  strike: zr,
-  link: io,
-  table: go,
-  text_align: mo,
-  font_family: No,
-  font_size: Oo,
-  superscript: qo,
-  subscript: Xo,
-  heading: el,
-  clear_formatting: ol,
-  image: gl,
-  history: yl,
-  help: $l,
-  horizontal_rule: Cl,
-  fullscreen: Al
+}, El = {
+  bold: zr,
+  italic: Or,
+  color: Bo,
+  background_color: Ho,
+  highlight: No,
+  bullet_list: Lr,
+  ordered_list: Ir,
+  blockquote: Sr,
+  codeblock: jr,
+  underline: Rr,
+  strike: Ur,
+  link: go,
+  table: bo,
+  text_align: ko,
+  font_family: Ro,
+  font_size: Wo,
+  superscript: Yo,
+  subscript: Jo,
+  heading: al,
+  clear_formatting: il,
+  image: bl,
+  history: $l,
+  help: Tl,
+  horizontal_rule: Ll,
+  fullscreen: Bl
 }, Xe = {
   // Базовий набір - мінімальний функціонал
   basic: [
@@ -2712,17 +2733,17 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
     "fullscreen",
     "help"
   ]
-}, Sl = { class: "flex align-middle gap-x-0.5 border-b flex-wrap border-b-gray-200 px-[10px] py-[6px] border-solid border-transparent" }, Tl = { class: "editor-body" }, Ll = {
+}, Il = { class: "flex align-middle gap-x-0.5 border-b flex-wrap border-b-gray-200 px-[10px] py-[6px] border-solid border-transparent" }, Ml = { class: "editor-body" }, Pl = {
   key: 0,
   class: "richtext-loading text-sm text-gray-500"
-}, Bl = {
+}, jl = {
   key: 1,
   class: "richtext-error text-sm text-red-600"
-}, El = { class: "html-source-editor" }, Il = { class: "flex justify-end border-t border-[#e5e7eb] bg-[#f8fafc] px-4 min-h-[38px] items-start overflow-visible" }, Pl = { class: "inline-flex items-stretch -mt-px" }, zl = /* @__PURE__ */ Object.assign({
+}, Hl = { class: "html-source-editor" }, Nl = { class: "flex justify-end border-t border-[#e5e7eb] bg-[#f8fafc] px-4 min-h-[38px] items-start overflow-visible" }, zl = { class: "inline-flex items-stretch -mt-px" }, Ul = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "vs-richtext",
-  props: /* @__PURE__ */ ht({
+  props: /* @__PURE__ */ vt({
     modelValue: { type: String, default: () => "" },
     height: { type: String, default: () => "300px" },
     format: { type: String, default: () => "html" },
@@ -2736,13 +2757,13 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const e = t, a = vt(t, "modelValue"), s = $(null), n = $(null), o = mt(null), l = $(!1), c = $(""), r = $(!1), i = $(null), x = $(""), b = $(""), f = $(null), p = $(!1), I = $(!1), { isFullscreen: V, toggleFullscreen: O } = Zt(), { t: R } = ze(), J = N(() => e.format === "md" ? "markdown" : "html"), P = N(
+    const e = t, a = mt(t, "modelValue"), s = $(null), n = $(null), o = yt(null), l = $(!1), c = $(""), r = $(!1), i = $(null), x = $(""), y = $(""), f = $(null), p = $(!1), I = $(!1), { isFullscreen: V, toggleFullscreen: O } = Jt(), { t: R } = ze(), J = N(() => e.format === "md" ? "markdown" : "html"), M = N(
       () => e.format === "md" ? R("form.richtext.markdown") : R("form.richtext.html")
-    ), ee = N(() => o.value || null), ne = N(() => typeof e.toolbar == "string" ? Xe[e.toolbar] || Xe.default : e.toolbar), pe = N(() => ne.value.map((g) => Fl[g]).filter(Boolean)), ge = N(() => (i.value?.attributes || []).find((A) => A.name === "class")?.value || ""), m = N(() => {
+    ), ee = N(() => o.value || null), ne = N(() => typeof e.toolbar == "string" ? Xe[e.toolbar] || Xe.default : e.toolbar), pe = N(() => ne.value.map((g) => El[g]).filter(Boolean)), ge = N(() => (i.value?.attributes || []).find((A) => A.name === "class")?.value || ""), m = N(() => {
       const A = (i.value?.attributes || []).find((D) => D.name === "style")?.value || "", B = {};
       return A.split(";").forEach((D) => {
         const [G, ...Ae] = D.split(":"), he = G?.trim(), ve = Ae.join(":").trim();
-        !he || !ve || he !== "height" && (B[he.replace(/-([a-z])/g, (Fe, nt) => nt.toUpperCase())] = ve);
+        !he || !ve || he !== "height" && (B[he.replace(/-([a-z])/g, (Se, st) => st.toUpperCase())] = ve);
       }), B;
     }), k = (g) => {
       const A = (g || "").trim();
@@ -2750,7 +2771,7 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
     }, u = (g) => k(g) ? "" : g || "", _ = (g) => {
       const A = g || "";
       f.value = A, a.value = A;
-    }, y = (g) => {
+    }, b = (g) => {
       if (!g || !g.view || !g.view.dom) return;
       g.view.dom.querySelectorAll("img.editor-image[width][height]").forEach((B) => {
         if (B instanceof HTMLImageElement) {
@@ -2769,12 +2790,12 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
     }, T = async (g, { force: A = !1 } = {}) => {
       if (x.value = g || "", !o.value || r.value && !A) return;
       u(o.value.getHTML()) !== (g || "") && (o.value.commands.setContent(g || "", !1), ue(() => {
-        y(o.value);
+        b(o.value);
       }));
     }, h = async (g) => {
-      I.value = !0, b.value = g || "", await ue(), I.value = !1;
-    }, S = async (g) => e.format === "html" ? Te(g || "") : g || "", M = async () => {
-      const g = await S(b.value);
+      I.value = !0, y.value = g || "", await ue(), I.value = !1;
+    }, F = async (g) => e.format === "html" ? Te(g || "") : g || "", j = async () => {
+      const g = await F(y.value);
       g !== (a.value || "") ? _(g) : f.value = g;
     }, z = async (g) => {
       const A = g || "";
@@ -2788,26 +2809,26 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
         await T(B || ""), r.value && await h(A);
       }
       f.value = A;
-    }, j = async () => {
+    }, P = async () => {
       if (e.format === "html") {
         const A = u(o.value?.getHTML() || x.value || ""), B = Ue(A, i.value);
         return Ke(Te(B), "html");
       }
       const g = u(o.value?.getHTML() || x.value || "");
       return Ke(g, e.format);
-    }, F = async (g) => {
+    }, S = async (g) => {
       if (r.value !== g) {
         if (g) {
-          p.value = !0, r.value = !0, await h(await j()), ue(() => {
+          p.value = !0, r.value = !0, await h(await P()), ue(() => {
             n.value?.focus?.();
           });
           return;
         }
-        if (await M(), e.format === "html") {
-          const A = Te(b.value || ""), B = Re(A);
+        if (await j(), e.format === "html") {
+          const A = Te(y.value || ""), B = Re(A);
           i.value = B.wrapper, await T(B.bodyHtml || "", { force: !0 });
         } else {
-          const A = await qe(b.value || "", e.format);
+          const A = await qe(y.value || "", e.format);
           await T(A || "", { force: !0 });
         }
         r.value = !1, p.value = !1, ue(() => {
@@ -2820,7 +2841,7 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
       if (!s.value) return null;
       l.value = !0, c.value = "";
       try {
-        const g = await ar();
+        const g = await dr();
         if (!g) return null;
         const A = new g.Editor({
           element: s.value,
@@ -2861,7 +2882,7 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
             g.TextAlign.configure({
               types: ["heading", "paragraph"]
             }),
-            g.Link.configure({
+            g.CustomLink.configure({
               HTMLAttributes: {
                 class: "editor-link"
               },
@@ -2872,14 +2893,14 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
             g.Iframe
           ],
           editorProps: {
-            handlePaste: (B, D) => vr(B, D, g.ProseMirrorDOMParser),
+            handlePaste: (B, D) => wr(B, D, g.ProseMirrorDOMParser),
             handleKeyDown: (B, D) => {
               if (D.key === "Tab") {
                 const G = B.state, { $anchor: Ae } = G.selection;
                 let he = !1;
                 for (let ve = Ae.depth; ve > 0; ve--) {
-                  const Fe = Ae.node(ve);
-                  if (Fe && (Fe.type.name === "bulletList" || Fe.type.name === "orderedList")) {
+                  const Se = Ae.node(ve);
+                  if (Se && (Se.type.name === "bulletList" || Se.type.name === "orderedList")) {
                     he = !0;
                     break;
                   }
@@ -2897,14 +2918,14 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
             const G = Ue(D, i.value);
             G !== a.value && _(G);
           } else {
-            const G = await gr(D, e.format);
+            const G = await br(D, e.format);
             G !== a.value && _(G);
           }
           setTimeout(() => {
-            y(B);
+            b(B);
           }, 10);
         }), ue(() => {
-          y(o.value);
+          b(o.value);
         }), A;
       } catch (g) {
         return c.value = "Failed to load rich text editor dependencies.", console.error("Failed to initialize rich text editor", g), null;
@@ -2920,20 +2941,20 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
         A !== f.value && await z(A);
       },
       { immediate: !0 }
-    ), me(b, async () => {
-      !r.value || !p.value || I.value || await M();
-    }), be(async () => {
+    ), me(y, async () => {
+      !r.value || !p.value || I.value || await j();
+    }), ye(async () => {
       await X(), ue(() => {
         o.value && setTimeout(() => {
-          y(o.value);
+          b(o.value);
         }, 100);
       });
     }), Qe(async () => {
-      r.value && p.value && await M(), o.value?.destroy?.(), o.value = null;
+      r.value && p.value && await j(), o.value?.destroy?.(), o.value = null;
     }), (g, A) => (v(), w("div", {
       class: E(["bg-white rounded-md w-full", { "fixed left-0 right-0 top-0 bottom-0 z-[100000]": L(V) }])
     }, [
-      d("div", Sl, [
+      d("div", Il, [
         (v(!0), w(ae, null, ie(pe.value, (B) => (v(), w(ae, { key: B }, [
           o.value ? (v(), W(Ee(B), {
             key: 0,
@@ -2947,7 +2968,7 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
         class: "relative w-full px-4 py-2 bg-white rounded-b-lg editor-content",
         style: se({ height: L(V) ? "calc(95vh - 44px)" : t.height })
       }, [
-        d("div", Tl, [
+        d("div", Ml, [
           de(d("div", {
             class: E(["rich-text-scroll-wrapper", ge.value]),
             style: se(m.value)
@@ -2957,17 +2978,17 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
               ref: s,
               class: "relative w-full"
             }, null, 512),
-            l.value ? (v(), w("div", Ll, "Loading editor...")) : U("", !0),
-            c.value ? (v(), w("div", Bl, Y(c.value), 1)) : U("", !0)
+            l.value ? (v(), w("div", Pl, "Loading editor...")) : U("", !0),
+            c.value ? (v(), w("div", jl, Y(c.value), 1)) : U("", !0)
           ], 6), [
             [$e, !r.value]
           ]),
-          de(d("div", El, [
-            C(xt, {
+          de(d("div", Hl, [
+            C(wt, {
               ref_key: "htmlTextarea",
               ref: n,
-              modelValue: b.value,
-              "onUpdate:modelValue": A[0] || (A[0] = (B) => b.value = B),
+              modelValue: y.value,
+              "onUpdate:modelValue": A[0] || (A[0] = (B) => y.value = B),
               height: "100%",
               syntax: J.value,
               theme: "vs-light"
@@ -2977,15 +2998,15 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
           ])
         ])
       ], 4),
-      d("div", Il, [
-        d("div", Pl, [
+      d("div", Nl, [
+        d("div", zl, [
           d("button", {
             type: "button",
             class: E([
               "min-w-[96px] h-[30px] px-[14px] border border-[#cfd6e0] bg-[#f3f5f8] text-[8px] font-bold uppercase tracking-[0.06em] leading-none cursor-pointer transition-colors duration-200 border-b-[1px] border-b-[#cfd6e0] rounded-none rounded-bl-[8px] hover:bg-[#eef1f5] hover:text-[#667284]",
               r.value ? "text-[#8f99aa]" : "!bg-white text-[#49556a] border-[#cfd6e0] border-t-transparent relative z-[1]"
             ]),
-            onClick: A[1] || (A[1] = (B) => F(!1))
+            onClick: A[1] || (A[1] = (B) => S(!1))
           }, Y(L(R)("form.richtext.editor")), 3),
           d("button", {
             type: "button",
@@ -2993,13 +3014,13 @@ const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" },
               "min-w-[96px] h-[30px] px-[14px] border border-[#cfd6e0] border-l-0 bg-[#f3f5f8] text-[8px] font-bold uppercase tracking-[0.06em] leading-none cursor-pointer transition-colors duration-200 border-b-[1px] border-b-[#cfd6e0] rounded-none rounded-br-[8px] hover:bg-[#eef1f5] hover:text-[#667284]",
               r.value ? "!bg-white text-[#49556a] border-[#cfd6e0] border-t-transparent relative z-[1]" : "text-[#8f99aa]"
             ]),
-            onClick: A[2] || (A[2] = (B) => F(!0))
-          }, Y(P.value), 3)
+            onClick: A[2] || (A[2] = (B) => S(!0))
+          }, Y(M.value), 3)
         ])
       ])
     ], 2));
   }
 });
 export {
-  zl as default
+  Ul as default
 };