@opengis/form 0.1.19 → 0.1.21

package/dist/{vs-richtext-CZk9qSac.js → vs-richtext-_ShEE562.js}

@@ -1,9 +1,9 @@
-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-KLLTGFuE.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);
+import { ref as _, getCurrentInstance as rt, resolveComponent as Y, createElementBlock as w, openBlock as h, normalizeClass as E, createVNode as C, createElementVNode as d, unref as L, createBlock as W, Teleport as Ue, createCommentVNode as U, Transition as qe, withCtx as q, toDisplayString as G, renderSlot as ge, defineComponent as ot, withDirectives as le, mergeProps as lt, vModelDynamic as at, Fragment as J, vModelCheckbox as nt, nextTick as ne, watch as de, onMounted as ue, onBeforeUnmount as We, normalizeStyle as te, vShow as me, computed as N, renderList as re, onUnmounted as _e, resolveDynamicComponent as Fe, vModelText as st, withModifiers as it, createStaticVNode as ct, mergeModels as dt, useModel as ut, shallowRef as ft, markRaw as pt } from "vue";
+import { r as Me, _ as Q, a as gt, b as ht } from "./index-DOZ5utw7.js";
+import { Quote as vt, List as mt, ListOrdered as yt, CodeXml as bt, Bold as xt, Italic as wt, Underline as kt, Strikethrough as _t, X as Le, Mail as $t, Search as Ct, Link2 as At, ExternalLink as Ft, Trash2 as St, Table2 as Lt, AlignJustify as Tt, AlignRight as Bt, AlignCenter as Et, AlignLeft as It, Check as he, Eraser as jt, PaintBucket as Mt, Highlighter as Pt, ChevronDown as Te, ALargeSmall as Ht, Superscript as Nt, Subscript as zt, RemoveFormatting as Vt, Image as Dt, Undo2 as Ot, Redo2 as Rt, CircleHelp as Ut, Minus as qt, Maximize as Wt } from "lucide-vue-next";
+import { notify as we } from "@opengis/core";
+function Xt() {
+  const t = _(!1);
   return {
     isFullscreen: t,
     toggleFullscreen: () => {
@@ -11,52 +11,35 @@ function Jt() {
     }
   };
 }
-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}`),
-  table: te(`@tiptap/extension-table@${le}`),
-  highlight: te(`@tiptap/extension-highlight@${le}`),
-  subscript: te(`@tiptap/extension-subscript@${le}`),
-  superscript: te(`@tiptap/extension-superscript@${le}`),
-  link: te(`@tiptap/extension-link@${le}`),
-  image: te(`@tiptap/extension-image@${le}`),
-  textAlign: te(`@tiptap/extension-text-align@${le}`),
-  heading: te(`@tiptap/extension-heading@${le}`),
-  paragraph: te(`@tiptap/extension-paragraph@${le}`),
-  pmModel: te(`@tiptap/pm@${Ze}/model`)
-}, 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, 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 } = {}) => ({
+const fe = "__vs_form_tiptap_loader__", Kt = (t) => t && t.split(";").map((a) => a.trim()).filter((a) => a && !/^text-align\s*:/i.test(a)).join("; ") || null, Gt = (t) => t.style ? { style: String(t.style).replace(/;\s*$/, "") } : {}, Xe = ({ stripTextAlign: t = !1 } = {}) => ({
   default: null,
   parseHTML: (e) => {
     const a = e.getAttribute("style");
-    return t ? rr(a) : a || null;
+    return t ? Kt(a) : a || null;
   },
-  renderHTML: (e) => or(e)
-}), lr = (t) => t.extend({
+  renderHTML: (e) => Gt(e)
+}), Qt = (t) => t.extend({
   addAttributes() {
     return {
       ...this.parent?.(),
-      style: Je({ stripTextAlign: !0 })
+      style: Xe({ stripTextAlign: !0 })
     };
   }
-}), ar = (t) => t.extend({
+}), Yt = (t) => t.extend({
   addAttributes() {
     return {
       ...this.parent?.(),
-      style: Je()
+      style: Xe()
     };
   }
-}), nr = (t) => t.extend({
+}), Zt = (t) => t.extend({
   addOptions() {
     return {
       ...this.parent?.(),
       levels: [1, 2, 3, 4, 5, 6]
     };
   }
-}), sr = (t, e, a, s, n) => {
+}), Jt = (t, e, a, n, s) => {
   const o = e.extend({
     addAttributes() {
       return {
@@ -107,12 +90,12 @@ const er = "https://esm.sh", le = "3.7.2", Ze = "3.7.2", tr = `?deps=@tiptap/cor
           resizable: !0
         }),
         a,
-        s,
-        n
+        n,
+        s
       ];
     }
   });
-}, ir = (t) => t.extend({
+}, er = (t) => t.extend({
   addAttributes() {
     return {
       ...this.parent?.(),
@@ -158,7 +141,7 @@ const er = "https://esm.sh", le = "3.7.2", Ze = "3.7.2", tr = `?deps=@tiptap/cor
       unsetBackgroundColor: () => ({ chain: e }) => e().setMark("textStyle", { backgroundColor: null }).removeEmptyTextStyle().run()
     };
   }
-}), cr = (t) => t.create({
+}), tr = (t) => t.create({
   name: "iframe",
   group: "block",
   inline: !1,
@@ -186,216 +169,215 @@ const er = "https://esm.sh", le = "3.7.2", Ze = "3.7.2", tr = `?deps=@tiptap/cor
     return ["iframe", e];
   }
 });
-async function dr() {
+async function rr() {
   if (typeof window > "u") return null;
   const t = window;
-  return t[be] || (t[be] = Promise.all([
-    oe(re.core),
-    oe(re.starterKit),
-    oe(re.textStyle),
-    oe(re.table),
-    oe(re.highlight),
-    oe(re.subscript),
-    oe(re.superscript),
-    oe(re.link),
-    oe(re.image),
-    oe(re.textAlign),
-    oe(re.heading),
-    oe(re.paragraph),
-    oe(re.pmModel)
+  return t[fe] || (t[fe] = Promise.all([
+    import("./index-pYkcVgEL.js").then((e) => e.Q),
+    import("./index-BIES3-my.js"),
+    import("./index-D49VHc9h.js"),
+    import("./index-B1zV9Aax.js"),
+    import("./index-MfTTOwHR.js"),
+    import("./index-sFkGqyu8.js"),
+    import("./index-qhd_7MCX.js"),
+    import("./index-W4UOw8lU.js"),
+    import("./index-CkUvn8lm.js"),
+    import("./index-RwV1hx3A.js"),
+    import("./index-B3op5uFx.js"),
+    import("./index-DZ7xh8lh.js"),
+    import("./index-ietpNeqa.js")
   ]).then(([
-    e,
-    a,
-    s,
-    n,
-    o,
-    l,
-    c,
-    r,
-    i,
-    x,
-    y,
-    f,
-    p
+    { Editor: e, Node: a },
+    { StarterKit: n },
+    { TextStyle: s },
+    { TableKit: o, Table: l, TableRow: c, TableCell: r, TableHeader: i },
+    { Highlight: x },
+    { Subscript: v },
+    { Superscript: f },
+    { Link: p },
+    { Image: I },
+    { TextAlign: D },
+    { Heading: O },
+    { Paragraph: R },
+    { DOMParser: Z }
   ]) => {
-    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)
+    if (!e || !a || !n || !s || !o || !l || !c || !r || !i || !x || !v || !f || !p || !I || !D || !O || !R || !Z)
       throw new Error("Failed to resolve one or more Tiptap modules");
     return {
-      Editor: I,
-      ProseMirrorDOMParser: F,
-      StarterKit: O,
-      ExtendedTextStyle: ir(R),
-      Highlight: ge,
-      Subscript: m,
-      Superscript: k,
-      CustomLink: ar(u),
-      Image: _,
-      TextAlign: b,
-      CustomHeading: nr(T),
-      CustomParagraph: lr(h),
-      CustomTableKit: sr(J, M, ee, ne, pe),
-      Iframe: cr(V)
+      Editor: e,
+      ProseMirrorDOMParser: Z,
+      StarterKit: n,
+      ExtendedTextStyle: er(s),
+      Highlight: x,
+      Subscript: v,
+      Superscript: f,
+      CustomLink: Yt(p),
+      Image: I,
+      TextAlign: D,
+      CustomHeading: Zt(O),
+      CustomParagraph: Qt(R),
+      CustomTableKit: Jt(o, l, c, r, i),
+      Iframe: tr(a)
     };
   }).catch((e) => {
-    throw delete t[be], e;
-  })), t[be];
+    throw delete t[fe], e;
+  })), t[fe];
 }
-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 || "");
-  return e = e.replace(/!\[([^\]]*)]\(([^)\s]+)(?:\s+"([^"]+)")?\)/g, (a, s, n, o) => {
-    const l = o ? ` title="${ce(o)}"` : "";
-    return `<img src="${ce(n)}" alt="${ce(s)}"${l}>`;
-  }), e = e.replace(/\[([^\]]+)]\(([^)\s]+)(?:\s+"([^"]+)")?\)/g, (a, s, n, o) => {
-    const l = o ? ` title="${ce(o)}"` : "";
-    return `<a href="${ce(n)}"${l} target="_blank" rel="noopener noreferrer">${s}</a>`;
+const oe = (t) => t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;"), ye = (t) => {
+  let e = oe(t || "");
+  return e = e.replace(/!\[([^\]]*)]\(([^)\s]+)(?:\s+"([^"]+)")?\)/g, (a, n, s, o) => {
+    const l = o ? ` title="${oe(o)}"` : "";
+    return `<img src="${oe(s)}" alt="${oe(n)}"${l}>`;
+  }), e = e.replace(/\[([^\]]+)]\(([^)\s]+)(?:\s+"([^"]+)")?\)/g, (a, n, s, o) => {
+    const l = o ? ` title="${oe(o)}"` : "";
+    return `<a href="${oe(s)}"${l} target="_blank" rel="noopener noreferrer">${n}</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), 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))
+}, ve = (t) => /^\s*\d+\.\s+/.test(t), Be = (t) => /^\s*[-*+]\s+/.test(t), Ke = (t) => /^\s*[-*+]\s+\[[ xX]\]\s+/.test(t), Se = (t) => /^\s*>\s?/.test(t), Ee = (t) => /^\s*\|?(?:\s*:?-{3,}:?\s*\|)+\s*:?-{3,}:?\s*\|?\s*$/.test(t), Pe = (t) => t.trim().replace(/^\|/, "").replace(/\|$/, "").split("|").map((e) => ye(e.trim())), or = (t, e) => {
+  const a = t[e], n = t[e + 1];
+  if (!a || !n || !a.includes("|") || !Ee(n))
     return null;
-  const n = Ve(a), o = [];
+  const s = Pe(a), o = [];
   let l = e + 2;
   for (; l < t.length && t[l].includes("|") && t[l].trim() !== ""; ) {
-    const i = Ve(t[l]);
+    const i = Pe(t[l]);
     o.push(`<tr>${i.map((x) => `<td>${x}</td>`).join("")}</tr>`), l += 1;
   }
-  const c = `<thead><tr>${n.map((i) => `<th>${i}</th>`).join("")}</tr></thead>`, r = o.length ? `<tbody>${o.join("")}</tbody>` : "";
+  const c = `<thead><tr>${s.map((i) => `<th>${i}</th>`).join("")}</tr></thead>`, r = o.length ? `<tbody>${o.join("")}</tbody>` : "";
   return {
     html: `<table>${c}${r}</table>`,
     nextIndex: l
   };
-}, fr = (t, e) => {
-  const a = _e(t[e]), s = a ? "ol" : "ul", n = [];
+}, lr = (t, e) => {
+  const a = ve(t[e]), n = a ? "ol" : "ul", s = [];
   let o = e;
   for (; o < t.length; ) {
     const l = t[o];
-    if (l.trim() === "" || !(a ? _e(l) : (je(l) || et(l)) && !_e(l))) break;
+    if (l.trim() === "" || !(a ? ve(l) : (Be(l) || Ke(l)) && !ve(l))) break;
     const r = l.match(/^\s*[-*+]\s+\[([ xX])\]\s+(.*)$/);
     if (r) {
       const i = r[1].toLowerCase() === "x";
-      n.push(`<li><input type="checkbox" disabled${i ? " checked" : ""}> ${Ce(r[2])}</li>`);
+      s.push(`<li><input type="checkbox" disabled${i ? " checked" : ""}> ${ye(r[2])}</li>`);
     } else {
       const i = l.replace(/^\s*(?:[-*+]|\d+\.)\s+/, "");
-      n.push(`<li>${Ce(i)}</li>`);
+      s.push(`<li>${ye(i)}</li>`);
     }
     o += 1;
   }
   return {
-    html: `<${s}>${n.join("")}</${s}>`,
+    html: `<${n}>${s.join("")}</${n}>`,
     nextIndex: o
   };
-}, pr = (t, e) => {
-  const s = t[e].replace(/^```/, "").trim(), n = [];
+}, ar = (t, e) => {
+  const n = t[e].replace(/^```/, "").trim(), s = [];
   let o = e + 1;
   for (; o < t.length && !t[o].startsWith("```"); )
-    n.push(t[o]), o += 1;
+    s.push(t[o]), o += 1;
   return {
-    html: `<pre><code${s ? ` class="language-${ce(s)}"` : ""}>${ce(n.join(`
+    html: `<pre><code${n ? ` class="language-${oe(n)}"` : ""}>${oe(s.join(`
 `))}</code></pre>`,
     nextIndex: o < t.length ? o + 1 : o
   };
-}, gr = (t, e) => {
+}, nr = (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) || je(n) || s + 1 < t.length && n.includes("|") && He(t[s + 1]))
+  let n = e;
+  for (; n < t.length; ) {
+    const s = t[n];
+    if (s.trim() === "" || s.startsWith("```") || /^#{1,6}\s+/.test(s) || /^---+$/.test(s.trim()) || /^\*\*\*+$/.test(s.trim()) || Se(s) || ve(s) || Be(s) || n + 1 < t.length && s.includes("|") && Ee(t[n + 1]))
       break;
-    a.push(n.trim()), s += 1;
+    a.push(s.trim()), n += 1;
   }
   return {
-    html: `<p>${Ce(a.join(" "))}</p>`,
-    nextIndex: s
+    html: `<p>${ye(a.join(" "))}</p>`,
+    nextIndex: n
   };
-}, tt = (t) => {
+}, Ge = (t) => {
   const a = (t || "").replace(/\r\n/g, `
 `).split(`
-`), s = [];
-  let n = 0;
-  for (; n < a.length; ) {
-    const o = a[n], l = o.trim();
+`), n = [];
+  let s = 0;
+  for (; s < a.length; ) {
+    const o = a[s], l = o.trim();
     if (!l) {
-      n += 1;
+      s += 1;
       continue;
     }
     if (o.startsWith("```")) {
-      const i = pr(a, n);
-      s.push(i.html), n = i.nextIndex;
+      const i = ar(a, s);
+      n.push(i.html), s = i.nextIndex;
       continue;
     }
     const c = o.match(/^(#{1,6})\s+(.*)$/);
     if (c) {
       const i = c[1].length;
-      s.push(`<h${i}>${Ce(c[2])}</h${i}>`), n += 1;
+      n.push(`<h${i}>${ye(c[2])}</h${i}>`), s += 1;
       continue;
     }
     if (/^---+$/.test(l) || /^\*\*\*+$/.test(l)) {
-      s.push("<hr>"), n += 1;
+      n.push("<hr>"), s += 1;
       continue;
     }
-    if (o.includes("|") && n + 1 < a.length && He(a[n + 1])) {
-      const i = ur(a, n);
+    if (o.includes("|") && s + 1 < a.length && Ee(a[s + 1])) {
+      const i = or(a, s);
       if (i) {
-        s.push(i.html), n = i.nextIndex;
+        n.push(i.html), s = i.nextIndex;
         continue;
       }
     }
-    if (Ie(o)) {
+    if (Se(o)) {
       const i = [];
-      for (; n < a.length && Ie(a[n]); )
-        i.push(a[n].replace(/^\s*>\s?/, "")), n += 1;
-      s.push(`<blockquote>${tt(i.join(`
+      for (; s < a.length && Se(a[s]); )
+        i.push(a[s].replace(/^\s*>\s?/, "")), s += 1;
+      n.push(`<blockquote>${Ge(i.join(`
 `))}</blockquote>`);
       continue;
     }
-    if (_e(o) || je(o) || et(o)) {
-      const i = fr(a, n);
-      s.push(i.html), n = i.nextIndex;
+    if (ve(o) || Be(o) || Ke(o)) {
+      const i = lr(a, s);
+      n.push(i.html), s = i.nextIndex;
       continue;
     }
-    const r = gr(a, n);
-    s.push(r.html), n = r.nextIndex;
+    const r = nr(a, s);
+    n.push(r.html), s = r.nextIndex;
   }
-  return s.join("");
-}, Be = (t) => (t.textContent || "").replace(/\u00a0/g, " "), rt = (t) => Array.from(t.childNodes).map((e) => Ne(e)).join(""), hr = (t) => {
+  return n.join("");
+}, Ae = (t) => (t.textContent || "").replace(/\u00a0/g, " "), Qe = (t) => Array.from(t.childNodes).map((e) => Ie(e)).join(""), sr = (t) => {
   const e = Array.from(t.querySelectorAll("tr"));
   if (!e.length) return "";
-  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(`
+  const a = (c) => `| ${Array.from(c.children).map((i) => Qe(i).trim()).join(" | ")} |`, n = e[0], s = n ? Array.from(n.children).length : 0, o = `| ${Array(Math.max(s, 1)).fill("---").join(" | ")} |`, l = e.slice(1).map((c) => a(c));
+  return [a(n), o, ...l].join(`
 `);
-}, Oe = (t, e = !1) => Array.from(t.children).filter((a) => a.nodeType === Node.ELEMENT_NODE).map((a, s) => {
-  const n = a, o = n.querySelector('input[type="checkbox"]'), l = Array.from(n.childNodes).filter((c) => !(c instanceof HTMLInputElement)).map((c) => Ne(c)).join("").trim();
-  return o ? `- [${o.checked ? "x" : " "}] ${l}` : e ? `${s + 1}. ${l}` : `- ${l}`;
+}, He = (t, e = !1) => Array.from(t.children).filter((a) => a.nodeType === Node.ELEMENT_NODE).map((a, n) => {
+  const s = a, o = s.querySelector('input[type="checkbox"]'), l = Array.from(s.childNodes).filter((c) => !(c instanceof HTMLInputElement)).map((c) => Ie(c)).join("").trim();
+  return o ? `- [${o.checked ? "x" : " "}] ${l}` : e ? `${n + 1}. ${l}` : `- ${l}`;
 }).join(`
 `);
-function Ne(t) {
+function Ie(t) {
   if (t.nodeType === Node.TEXT_NODE)
-    return Be(t);
+    return Ae(t);
   if (t.nodeType !== Node.ELEMENT_NODE)
     return "";
-  const e = t, a = e.tagName.toLowerCase(), s = rt(e);
+  const e = t, a = e.tagName.toLowerCase(), n = Qe(e);
   switch (a) {
     case "br":
       return `
 `;
     case "p":
-      return `${s.trim()}
+      return `${n.trim()}
 
 `;
     case "strong":
     case "b":
-      return `**${s}**`;
+      return `**${n}**`;
     case "em":
     case "i":
-      return `*${s}*`;
+      return `*${n}*`;
     case "del":
     case "s":
-      return `~~${s}~~`;
+      return `~~${n}~~`;
     case "code":
-      return e.parentElement?.tagName.toLowerCase() === "pre" ? s : `\`${s}\``;
+      return e.parentElement?.tagName.toLowerCase() === "pre" ? n : `\`${n}\``;
     case "pre": {
-      const n = e.querySelector("code"), c = (n?.className || "").match(/language-([a-z0-9_-]+)/i)?.[1] || "", r = Be(n || e);
+      const s = e.querySelector("code"), c = (s?.className || "").match(/language-([a-z0-9_-]+)/i)?.[1] || "", r = Ae(s || e);
       return `\`\`\`${c}
 ${r}
 \`\`\`
@@ -403,8 +385,8 @@ ${r}
 `;
     }
     case "blockquote":
-      return `${s.trim().split(`
-`).map((n) => `> ${n}`).join(`
+      return `${n.trim().split(`
+`).map((s) => `> ${s}`).join(`
 `)}
 
 `;
@@ -414,48 +396,48 @@ ${r}
     case "h4":
     case "h5":
     case "h6": {
-      const n = Number(a[1]);
-      return `${"#".repeat(n)} ${s.trim()}
+      const s = Number(a[1]);
+      return `${"#".repeat(s)} ${n.trim()}
 
 `;
     }
     case "ul":
-      return `${Oe(e, !1)}
+      return `${He(e, !1)}
 
 `;
     case "ol":
-      return `${Oe(e, !0)}
+      return `${He(e, !0)}
 
 `;
     case "a": {
-      const n = e.getAttribute("href") || "";
-      return `[${s || n}](${n})`;
+      const s = e.getAttribute("href") || "";
+      return `[${n || s}](${s})`;
     }
     case "img": {
-      const n = e.getAttribute("alt") || "", o = e.getAttribute("src") || "";
-      return o ? `![${n}](${o})` : "";
+      const s = e.getAttribute("alt") || "", o = e.getAttribute("src") || "";
+      return o ? `![${s}](${o})` : "";
     }
     case "hr":
       return `---
 
 `;
     case "table":
-      return `${hr(e)}
+      return `${sr(e)}
 
 `;
     default:
-      return s;
+      return n;
   }
 }
-const ot = (t) => {
+const Ye = (t) => {
   if (!t) return "";
   if (typeof window > "u" || typeof DOMParser > "u")
     return t;
   const a = new DOMParser().parseFromString(t, "text/html");
-  return Array.from(a.body.childNodes).map((s) => Ne(s)).join("").replace(/\n{3,}/g, `
+  return Array.from(a.body.childNodes).map((n) => Ie(n)).join("").replace(/\n{3,}/g, `
 
 `).trim();
-}, vr = /* @__PURE__ */ new Set([
+}, ir = /* @__PURE__ */ new Set([
   "area",
   "base",
   "br",
@@ -470,65 +452,65 @@ const ot = (t) => {
   "source",
   "track",
   "wbr"
-]), mr = (t) => {
+]), cr = (t) => {
   if (!t) return "";
   if (typeof window > "u" || typeof DOMParser > "u")
     return t;
-  const a = new DOMParser().parseFromString(t, "text/html"), s = "  ", n = (o, l) => {
+  const a = new DOMParser().parseFromString(t, "text/html"), n = "  ", s = (o, l) => {
     if (o.nodeType === Node.TEXT_NODE) {
       const p = (o.textContent || "").replace(/\s+/g, " ").trim();
-      return p ? [`${s.repeat(l)}${p}`] : [];
+      return p ? [`${n.repeat(l)}${p}`] : [];
     }
     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}>`, y = `</${r}>`;
-    if (vr.has(r))
-      return [`${s.repeat(l)}${x}`];
-    const f = Array.from(c.childNodes).flatMap((p) => n(p, l + 1));
+    const c = o, r = c.tagName.toLowerCase(), i = Array.from(c.attributes).map((p) => `${p.name}="${p.value}"`).join(" "), x = i ? `<${r} ${i}>` : `<${r}>`, v = `</${r}>`;
+    if (ir.has(r))
+      return [`${n.repeat(l)}${x}`];
+    const f = Array.from(c.childNodes).flatMap((p) => s(p, l + 1));
     if (!f.length)
-      return [`${s.repeat(l)}${x}${y}`];
+      return [`${n.repeat(l)}${x}${v}`];
     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}${y}`];
+      return [`${n.repeat(l)}${x}${p}${v}`];
     }
     return [
-      `${s.repeat(l)}${x}`,
+      `${n.repeat(l)}${x}`,
       ...f,
-      `${s.repeat(l)}${y}`
+      `${n.repeat(l)}${v}`
     ];
   };
-  return Array.from(a.body.childNodes).flatMap((o) => n(o, 0)).join(`
+  return Array.from(a.body.childNodes).flatMap((o) => s(o, 0)).join(`
 `);
-}, yr = (t) => t.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), Te = (t) => {
+}, dr = (t) => t.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), ke = (t) => {
   if (!t) return "";
   if (typeof window > "u" || typeof DOMParser > "u")
     return t.replace(/<script\b[^>]*>[\s\S]*?<\/script>/gi, "");
   const a = new DOMParser().parseFromString(t, "text/html");
-  return a.querySelectorAll("script").forEach((s) => s.remove()), a.body.innerHTML;
-}, Re = (t) => {
+  return a.querySelectorAll("script").forEach((n) => n.remove()), a.body.innerHTML;
+}, Ne = (t) => {
   if (!t)
     return { wrapper: null, bodyHtml: "" };
   if (typeof window > "u" || typeof DOMParser > "u")
     return { wrapper: null, bodyHtml: t };
-  const a = new DOMParser().parseFromString(t, "text/html"), { body: s } = a;
-  if (s.childElementCount !== 1)
+  const a = new DOMParser().parseFromString(t, "text/html"), { body: n } = a;
+  if (n.childElementCount !== 1)
     return { wrapper: null, bodyHtml: t };
-  const n = s.firstElementChild;
-  return !n || n.tagName.toLowerCase() !== "div" ? { wrapper: null, bodyHtml: t } : {
+  const s = n.firstElementChild;
+  return !s || s.tagName.toLowerCase() !== "div" ? { wrapper: null, bodyHtml: t } : {
     wrapper: {
-      tag: n.tagName.toLowerCase(),
-      attributes: Array.from(n.attributes).map((o) => ({
+      tag: s.tagName.toLowerCase(),
+      attributes: Array.from(s.attributes).map((o) => ({
         name: o.name,
         value: o.value
       }))
     },
-    bodyHtml: n.innerHTML
+    bodyHtml: s.innerHTML
   };
-}, Ue = (t, e) => {
+}, ze = (t, e) => {
   if (!e) return t || "";
-  const a = (e.attributes || []).map(({ name: n, value: o }) => `${n}="${yr(o)}"`).join(" ");
+  const a = (e.attributes || []).map(({ name: s, value: o }) => `${s}="${dr(o)}"`).join(" ");
   return `${a ? `<${e.tag} ${a}>` : `<${e.tag}>`}${t || ""}</${e.tag}>`;
-}, 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) => {
+}, Ve = async (t, e) => e !== "md" ? t || "" : Ge(t || ""), De = async (t, e) => e !== "md" ? cr(t || "") : Ye(t || ""), ur = async (t, e) => e !== "md" ? t || "" : Ye(t || ""), fr = 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=", {
@@ -538,55 +520,55 @@ const ot = (t) => {
   } catch (e) {
     console.error(e);
   }
-}, 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, y = i.parse(x), f = r.replaceSelectionWith(y);
+}, pr = async (t, e, a) => {
+  const n = e.clipboardData?.items;
+  if (n) {
+    const s = e.clipboardData?.getData("text/html"), o = e.clipboardData?.getData("text/plain");
+    if (s) {
+      const { state: l, dispatch: c } = t, { tr: r } = l, i = a.fromSchema(t.state.schema), x = new DOMParser().parseFromString(s, "text/html").body, v = i.parse(x), f = r.replaceSelectionWith(v);
       return c(f), e.preventDefault(), !0;
     }
     if (o) {
       const { state: l, dispatch: c } = t, { tr: r } = l, i = r.insertText(o, l.selection.from, l.selection.to);
       return c(i), e.preventDefault(), !0;
     }
-    for (let l = 0; l < s.length; l++) {
-      const c = s[l];
+    for (let l = 0; l < n.length; l++) {
+      const c = n[l];
       if (c.type.startsWith("image/")) {
         const r = c.getAsFile();
         if (r) {
-          const i = await xr(r), { schema: x } = t.state, y = x.nodes.image.create({
+          const i = await fr(r), { schema: x } = t.state, v = x.nodes.image.create({
             src: i?.file_path
-          }), f = t.state.tr.replaceSelectionWith(y);
+          }), f = t.state.tr.replaceSelectionWith(v);
           return t.dispatch(f), e.preventDefault(), !0;
         }
       }
     }
   }
   return !1;
-}, kr = (t) => String(t).trim().toLowerCase().split("-")[0], _r = () => typeof window > "u" ? "uk" : kr(
+}, gr = (t) => String(t).trim().toLowerCase().split("-")[0], hr = () => typeof window > "u" ? "uk" : gr(
   localStorage.getItem("language") || localStorage.getItem("locale") || navigator.language || "uk"
-), $r = (t, e) => {
+), vr = (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 = it()?.appContext?.config?.globalProperties, a = e?.$i18n;
-  return { t: (n) => {
+  return Me?.[t]?.form?.richtext?.[a] || Me?.uk?.form?.richtext?.[a] || e;
+}, Oe = (t) => t.startsWith("form.richtext.") ? t : `form.richtext.${t}`;
+function je() {
+  const e = rt()?.appContext?.config?.globalProperties, a = e?.$i18n;
+  return { t: (s) => {
     const o = e?.$t, l = e?.$te, c = typeof a?.te == "function" ? a.te.bind(a) : null;
     if (typeof o == "function") {
-      const r = We(n);
+      const r = Oe(s);
       if ((typeof l == "function" ? l(r) : typeof c == "function" ? c(r) : null) !== !1) {
         const x = o(r);
         if (x && x !== r)
           return x;
       }
     }
-    return $r(_r(), We(n));
+    return vr(hr(), Oe(s));
   } };
 }
-const Cr = {
-  components: { Quote: kt },
+const mr = {
+  components: { Quote: vt },
   props: { editor: Object },
   methods: {
     toggleBlockquote() {
@@ -594,9 +576,9 @@ const Cr = {
     }
   }
 };
-function Ar(t, e, a, s, n, o) {
-  const l = Z("Quote");
-  return v(), w("button", {
+function yr(t, e, a, n, s, o) {
+  const l = Y("Quote");
+  return h(), w("button", {
     title: "Blockquote",
     onClick: e[0] || (e[0] = (...c) => o.toggleBlockquote && o.toggleBlockquote(...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": a.editor?.isActive("blockquote") }])
@@ -604,8 +586,8 @@ function Ar(t, e, a, s, n, o) {
     C(l, { class: "h-4 w-4" })
   ], 2);
 }
-const Sr = /* @__PURE__ */ Q(Cr, [["render", Ar]]), Fr = {
-  components: { List: _t },
+const br = /* @__PURE__ */ Q(mr, [["render", yr]]), xr = {
+  components: { List: mt },
   props: { editor: Object },
   methods: {
     toggleBulletList() {
@@ -613,9 +595,9 @@ const Sr = /* @__PURE__ */ Q(Cr, [["render", Ar]]), Fr = {
     }
   }
 };
-function Tr(t, e, a, s, n, o) {
-  const l = Z("List");
-  return v(), w("button", {
+function wr(t, e, a, n, s, o) {
+  const l = Y("List");
+  return h(), w("button", {
     title: "Bullet List",
     onClick: e[0] || (e[0] = (...c) => o.toggleBulletList && o.toggleBulletList(...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", { "bg-gray-100 text-gray-900": a.editor?.isActive("bulletList") }])
@@ -623,8 +605,8 @@ function Tr(t, e, a, s, n, o) {
     C(l, { class: "h-4 w-4" })
   ], 2);
 }
-const Lr = /* @__PURE__ */ Q(Fr, [["render", Tr]]), Br = {
-  components: { ListOrdered: $t },
+const kr = /* @__PURE__ */ Q(xr, [["render", wr]]), _r = {
+  components: { ListOrdered: yt },
   props: { editor: Object },
   methods: {
     toggleOrderedList() {
@@ -632,9 +614,9 @@ const Lr = /* @__PURE__ */ Q(Fr, [["render", Tr]]), Br = {
     }
   }
 };
-function Er(t, e, a, s, n, o) {
-  const l = Z("ListOrdered");
-  return v(), w("button", {
+function $r(t, e, a, n, s, o) {
+  const l = Y("ListOrdered");
+  return h(), w("button", {
     title: "Ordered List",
     onClick: e[0] || (e[0] = (...c) => o.toggleOrderedList && o.toggleOrderedList(...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", { "bg-gray-100 text-gray-900": a.editor?.isActive("orderedList") }])
@@ -642,8 +624,8 @@ function Er(t, e, a, s, n, o) {
     C(l, { class: "h-4 w-4" })
   ], 2);
 }
-const Ir = /* @__PURE__ */ Q(Br, [["render", Er]]), Mr = {
-  components: { CodeXml: Ct },
+const Cr = /* @__PURE__ */ Q(_r, [["render", $r]]), Ar = {
+  components: { CodeXml: bt },
   props: { editor: Object },
   methods: {
     toggleCodeBlock() {
@@ -651,9 +633,9 @@ const Ir = /* @__PURE__ */ Q(Br, [["render", Er]]), Mr = {
     }
   }
 };
-function Pr(t, e, a, s, n, o) {
-  const l = Z("CodeXml");
-  return v(), w("button", {
+function Fr(t, e, a, n, s, o) {
+  const l = Y("CodeXml");
+  return h(), w("button", {
     title: "Code Block",
     onClick: e[0] || (e[0] = (...c) => o.toggleCodeBlock && o.toggleCodeBlock(...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", { "bg-gray-100 text-gray-900": a.editor?.isActive("codeBlock") }])
@@ -661,8 +643,8 @@ function Pr(t, e, a, s, n, o) {
     C(l, { class: "h-4 w-4" })
   ], 2);
 }
-const jr = /* @__PURE__ */ Q(Mr, [["render", Pr]]), Hr = {
-  components: { Bold: At },
+const Sr = /* @__PURE__ */ Q(Ar, [["render", Fr]]), Lr = {
+  components: { Bold: xt },
   props: {
     editor: Object
   },
@@ -672,9 +654,9 @@ const jr = /* @__PURE__ */ Q(Mr, [["render", Pr]]), Hr = {
     }
   }
 };
-function Nr(t, e, a, s, n, o) {
-  const l = Z("Bold");
-  return v(), w("button", {
+function Tr(t, e, a, n, s, o) {
+  const l = Y("Bold");
+  return h(), w("button", {
     title: "Bold Text",
     onClick: e[0] || (e[0] = (...c) => o.toggleBold && o.toggleBold(...c)),
     class: E(["h-[30px] w-[30px] flex items-center justify-center text-gray-500 rounded-full cursor-pointer hover:text-gray-900 hover:bg-gray-100", { "bg-gray-100 text-gray-900": a.editor?.isActive("bold") }])
@@ -683,8 +665,8 @@ function Nr(t, e, a, s, n, o) {
     e[1] || (e[1] = d("span", { class: "sr-only" }, "Bold", -1))
   ], 2);
 }
-const zr = /* @__PURE__ */ Q(Hr, [["render", Nr]]), Dr = {
-  components: { Italic: St },
+const Br = /* @__PURE__ */ Q(Lr, [["render", Tr]]), Er = {
+  components: { Italic: wt },
   props: {
     editor: Object
   },
@@ -694,9 +676,9 @@ const zr = /* @__PURE__ */ Q(Hr, [["render", Nr]]), Dr = {
     }
   }
 };
-function Vr(t, e, a, s, n, o) {
-  const l = Z("Italic");
-  return v(), w("button", {
+function Ir(t, e, a, n, s, o) {
+  const l = Y("Italic");
+  return h(), w("button", {
     title: "Italic Text",
     onClick: e[0] || (e[0] = (...c) => o.toggleItalic && o.toggleItalic(...c)),
     class: E(["h-[30px] w-[30px] flex items-center justify-center text-gray-500 rounded-full cursor-pointer hover:text-gray-900 hover:bg-gray-100", { "bg-gray-100 text-gray-900": a.editor?.isActive("italic") }])
@@ -705,42 +687,42 @@ function Vr(t, e, a, s, n, o) {
     e[1] || (e[1] = d("span", { class: "sr-only" }, "Italic", -1))
   ], 2);
 }
-const Or = /* @__PURE__ */ Q(Dr, [["render", Vr]]), Rr = {
+const jr = /* @__PURE__ */ Q(Er, [["render", Ir]]), Mr = {
   __name: "vs-editor-underline",
   props: { editor: Object },
   setup(t) {
     const e = t, a = () => {
       e.editor && e.editor.chain().focus().toggleUnderline().run();
     };
-    return (s, n) => (v(), w("button", {
+    return (n, s) => (h(), w("button", {
       title: "Underline",
       onClick: a,
       class: E(["w-[30px] h-[30px] flex items-center justify-center rounded-full hover:text-gray-900 hover:bg-gray-100", [
         t.editor?.isActive("underline") ? "bg-gray-100 text-gray-900" : "text-gray-500"
       ]])
     }, [
-      C(L(Ft), { class: "h-4 w-4" })
+      C(L(kt), { class: "h-4 w-4" })
     ], 2));
   }
-}, Ur = {
+}, Pr = {
   __name: "vs-editor-strike",
   props: { editor: Object },
   setup(t) {
     const e = t, a = () => {
       e.editor && e.editor.chain().focus().toggleStrike().run();
     };
-    return (s, n) => (v(), w("button", {
+    return (n, s) => (h(), w("button", {
       title: "Strikethrough",
       onClick: a,
       class: E(["w-[30px] h-[30px] flex items-center justify-center rounded-full hover:text-gray-900 hover:bg-gray-100", [
         t.editor?.isActive("strike") ? "bg-gray-100 text-gray-900" : "text-gray-500"
       ]])
     }, [
-      C(L(Tt), { class: "h-4 w-4" })
+      C(L(_t), { class: "h-4 w-4" })
     ], 2));
   }
-}, qr = {
-  components: { X: Me },
+}, Hr = {
+  components: { X: Le },
   props: {
     visible: { type: Boolean, default: () => !1 },
     modelValue: { type: Boolean, default: () => !1 },
@@ -782,22 +764,22 @@ const Or = /* @__PURE__ */ Q(Dr, [["render", Vr]]), Rr = {
       e && t.target.classList.contains("vs-dialog-overlay") && this.handleClose();
     }
   }
-}, Kr = {
+}, Nr = {
   key: 0,
   class: "vsTailwind ui-dialog__wrapper"
-}, 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 = {
+}, zr = { class: "py-2.5 px-4 flex justify-between items-center border-0 border-b border-solid border-gray-200 dark:border-b-[#454545]" }, Vr = { class: "font-medium text-gray-800 dark:text-[#ffffff]" }, Dr = { class: "ui-dialog__content p-4" }, Or = {
   key: 0,
   class: "flex justify-end gap-x-2"
 };
-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", Kr, [
+function Rr(t, e, a, n, s, o) {
+  const l = Y("X");
+  return h(), W(Ue, { to: "body" }, [
+    a.visible || a.modelValue ? (h(), w("div", Nr, [
       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"
       }, [
-        C(Ye, {
+        C(qe, {
           name: "content",
           appear: ""
         }, {
@@ -805,8 +787,8 @@ function Qr(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", Wr, [
-                d("h3", Xr, Y(a.title), 1),
+              d("div", zr, [
+                d("h3", Vr, G(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",
@@ -816,11 +798,11 @@ function Qr(t, e, a, s, n, o) {
                   C(l, { class: "h-4 w-4 flex-shrink-0" })
                 ])
               ]),
-              d("div", Gr, [
-                we(t.$slots, "default", {}, void 0, !0)
+              d("div", Dr, [
+                ge(t.$slots, "default", {}, void 0, !0)
               ]),
-              o.hasSlot ? (v(), w("div", Yr, [
-                we(t.$slots, "footer", {
+              o.hasSlot ? (h(), w("div", Or, [
+                ge(t.$slots, "footer", {
                   handleClose: o.handleClose,
                   handleConfirm: o.handleConfirm,
                   handleCancel: o.handleCancel
@@ -834,11 +816,11 @@ function Qr(t, e, a, s, n, o) {
     ])) : U("", !0)
   ]);
 }
-const lt = /* @__PURE__ */ Q(qr, [["render", Qr], ["__scopeId", "data-v-56ad9010"]]), Zr = ct({
+const Ze = /* @__PURE__ */ Q(Hr, [["render", Rr], ["__scopeId", "data-v-56ad9010"]]), Ur = ot({
   components: {
-    IconClose: Me,
-    IconSearch: Bt,
-    IconEmail: Lt
+    IconClose: Le,
+    IconSearch: Ct,
+    IconEmail: $t
   },
   inheritAttrs: !1,
   props: {
@@ -917,39 +899,39 @@ const lt = /* @__PURE__ */ Q(qr, [["render", Qr], ["__scopeId", "data-v-56ad9010
       await this.$refs.vsText?.focus();
     }
   }
-}), Jr = { class: "vs-form-text relative bg-white rounded-lg" }, eo = {
+}), qr = { class: "vs-form-text relative bg-white rounded-lg" }, Wr = {
   key: 2,
   class: "absolute bottom-2/4 translate-y-2/4 left-[10px] cursor-pointer"
-}, 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", Jr, [
-    t.clearable && t.value ? (v(), w("div", {
+}, Xr = ["disabled", "type", "placeholder"];
+function Kr(t, e, a, n, s, o) {
+  const l = Y("IconClose"), c = Y("IconSearch"), r = Y("IconEmail");
+  return h(), w("div", qr, [
+    t.clearable && t.value ? (h(), w("div", {
       key: 0,
       class: "absolute bottom-2/4 translate-y-2/4 right-3 cursor-pointer",
       onClick: e[0] || (e[0] = (...i) => t.clearInput && t.clearInput(...i))
     }, [
       C(l, { class: "h-4 w-4 stroke-gray-500 transition-all hover:stroke-red-500" })
     ])) : U("", !0),
-    t.icon && t.icon === "search" ? (v(), w("div", {
+    t.icon && t.icon === "search" ? (h(), w("div", {
       key: 1,
       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", eo, [
+    ], 2)) : t.icon && t.icon === "email" ? (h(), w("div", Wr, [
       C(r, { class: "h-4 w-4 stroke-gray-500 transition-all" })
-    ])) : (v(), w("i", {
+    ])) : (h(), w("i", {
       key: 3,
       class: E(["absolute bottom-2/4 translate-y-2/4 text-gray-500 cursor-pointer", ["ti " + t.icon, t.iconStylePosition]])
     }, null, 2)),
-    t.clearable && t.value ? (v(), w("div", {
+    t.clearable && t.value ? (h(), w("div", {
       key: 4,
       class: "absolute bottom-2/4 translate-y-2/4 right-3 cursor-pointer",
       onClick: e[1] || (e[1] = (...i) => t.clearInput && t.clearInput(...i))
     }, [
       C(l, { class: "h-4 w-4 stroke-gray-500 transition-all hover:stroke-red-500" })
     ])) : U("", !0),
-    de(d("input", dt({
+    le(d("input", lt({
       ref: "vsText",
       disabled: t.disabled,
       type: t.type,
@@ -960,109 +942,109 @@ function ro(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, to), [
-      [ut, t.value]
+    }), null, 16, Xr), [
+      [at, t.value]
     ])
   ]);
 }
-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 = {
+const Je = /* @__PURE__ */ Q(Ur, [["render", Kr], ["__scopeId", "data-v-eb21a54f"]]), Gr = ["title"], Qr = { class: "flex flex-col gap-3 p-[20px]" }, Yr = { class: "relative flex items-center gap-2" }, Zr = { class: "flex-1" }, Jr = {
   key: 0,
   class: "flex items-center gap-2 flex-shrink-0"
-}, io = ["title"], co = ["title"], uo = { class: "flex items-center gap-2" }, fo = {
+}, eo = ["title"], to = ["title"], ro = { class: "flex items-center gap-2" }, oo = {
   for: "openInNewTab",
   class: "text-sm text-gray-700 cursor-pointer"
-}, po = { class: "flex justify-end p-[20px] gap-[10px] border-t w-full" }, go = /* @__PURE__ */ Object.assign({
+}, lo = { class: "flex justify-end p-[20px] gap-[10px] border-t w-full" }, ao = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "vs-editor-link",
   props: { editor: Object },
   setup(t) {
-    const { t: e } = ze(), a = t, s = $(!1), n = $(""), o = $(!1), l = $(!1), c = () => {
+    const { t: e } = je(), a = t, n = _(!1), s = _(""), o = _(!1), l = _(!1), c = () => {
       if (!a.editor) return;
       a.editor.chain().focus().extendMarkRange("link").run();
       const f = a.editor.getAttributes("link");
-      f.href ? (o.value = !0, n.value = f.href, l.value = f.target === "_blank") : (o.value = !1, n.value = "", l.value = !1), s.value = !0;
+      f.href ? (o.value = !0, s.value = f.href, l.value = f.target === "_blank") : (o.value = !1, s.value = "", l.value = !1), n.value = !0;
     }, r = () => {
-      s.value = !1, n.value = "", o.value = !1, l.value = !1;
+      n.value = !1, s.value = "", o.value = !1, l.value = !1;
     }, i = () => {
-      if (!a.editor || !n.value.trim()) return;
-      let f = n.value.trim();
+      if (!a.editor || !s.value.trim()) return;
+      let f = s.value.trim();
       f.match(/^https?:\/\//i) || (f = "https://" + f), a.editor.chain().focus().setLink({
         href: f,
         target: l.value ? "_blank" : null
       }).run(), r();
     }, x = () => {
       a.editor && (a.editor.chain().focus().unsetLink().run(), r());
-    }, y = () => {
-      if (!n.value) return;
-      let f = n.value.trim();
+    }, v = () => {
+      if (!s.value) return;
+      let f = s.value.trim();
       f.match(/^https?:\/\//i) || (f = "https://" + f), window.open(f, "_blank", "noopener,noreferrer");
     };
-    return (f, p) => (v(), w(ae, null, [
+    return (f, p) => (h(), w(J, null, [
       d("button", {
         title: L(e)("form.richtext.link") || "Посилання",
         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(Et), { class: "h-4 w-4" })
-      ], 10, oo),
-      C(lt, {
+        C(L(At), { class: "h-4 w-4" })
+      ], 10, Gr),
+      C(Ze, {
         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),
+        visible: n.value,
+        "onUpdate:visible": p[2] || (p[2] = (I) => n.value = I),
         size: "small"
       }, {
         footer: q(() => [
-          d("div", po, [
+          d("div", lo, [
             d("button", {
               style: { border: "1px solid #000" },
               onClick: r,
               class: "py-2 px-3 inline-flex items-center gap-x-2 text-sm whitespace-nowrap text-black border-gray-200 rounded-lg !border-gray-200 hover:bg-gray-100 duration-300"
-            }, Y(L(e)("form.richtext.cancel") || "Скасувати"), 1),
+            }, G(L(e)("form.richtext.cancel") || "Скасувати"), 1),
             d("button", {
               onClick: i,
               class: "py-2 px-3 inline-flex items-center gap-x-2 text-[14px] font-[400] whitespace-nowrap text-white bg-blue-500 rounded-lg !border-gray-200 hover:bg-blue-700 duration-300"
-            }, Y(o.value ? L(e)("form.richtext.update") || "Оновити" : L(e)("form.richtext.create") || "Створити"), 1)
+            }, G(o.value ? L(e)("form.richtext.update") || "Оновити" : L(e)("form.richtext.create") || "Створити"), 1)
           ])
         ]),
         default: q(() => [
-          d("div", lo, [
-            d("div", ao, [
-              d("div", no, [
-                C(at, {
-                  modelValue: n.value,
-                  "onUpdate:modelValue": p[0] || (p[0] = (I) => n.value = I),
+          d("div", Qr, [
+            d("div", Yr, [
+              d("div", Zr, [
+                C(Je, {
+                  modelValue: s.value,
+                  "onUpdate:modelValue": p[0] || (p[0] = (I) => s.value = I),
                   placeholder: L(e)("form.richtext.linkUrl") || "Введіть URL",
                   class: "w-full"
                 }, null, 8, ["modelValue", "placeholder"])
               ]),
-              o.value ? (v(), w("div", so, [
+              o.value ? (h(), w("div", Jr, [
                 d("button", {
-                  onClick: y,
+                  onClick: v,
                   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(It), { class: "h-4 w-4" })
-                ], 8, io),
+                  C(L(Ft), { class: "h-4 w-4" })
+                ], 8, eo),
                 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(Mt), { class: "h-4 w-4" })
-                ], 8, co)
+                  C(L(St), { class: "h-4 w-4" })
+                ], 8, to)
               ])) : U("", !0)
             ]),
-            d("div", uo, [
-              de(d("input", {
+            d("div", ro, [
+              le(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), [
-                [ft, l.value]
+                [nt, l.value]
               ]),
-              d("label", fo, Y(L(e)("form.richtext.openInNewTab") || "Відкривати в новій вкладці"), 1)
+              d("label", oo, G(L(e)("form.richtext.openInNewTab") || "Відкривати в новій вкладці"), 1)
             ])
           ])
         ]),
@@ -1070,48 +1052,48 @@ const at = /* @__PURE__ */ Q(Zr, [["render", ro], ["__scopeId", "data-v-eb21a54f
       }, 8, ["title", "visible"])
     ], 64));
   }
-}), xe = async (t, e, a, s = 10) => {
+}), pe = async (t, e, a, n = 10) => {
   if (!e || !a) return;
-  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, y = await window.innerWidth;
+  await ne();
+  const s = await a?.getBoundingClientRect(), o = await e?.getBoundingClientRect();
+  if (!o || !s) 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, v = await window.innerWidth;
   let f = 0, p = 0;
-  const I = o.bottom + s + r;
+  const I = o.bottom + n + 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, y > i + o.right + 30 ? p = o.left - n.width / 2 + o.width / 2 : p = y - 30 - i;
+      o.top - s.height - n < 0 ? f = o.top - s.height + n + r + l : f = o.top - s.height - n, v > i + o.right + 30 ? p = o.left - s.width / 2 + o.width / 2 : p = v - 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;
+      x > I ? f = o.bottom + n : f = o.bottom - n - r - l, p = o.left - s.width / 2 + o.width / 2;
       break;
     case "left":
-      f = o.top - n.height / 2 + o.height / 2, o.left - n.width - s > 0 ? p = o.left - n.width - s : p = 10;
+      f = o.top - s.height / 2 + o.height / 2, o.left - s.width - n > 0 ? p = o.left - s.width - n : p = 10;
       break;
     case "right":
-      f = o.top - n.height / 2 + o.height / 2, y - c > i ? p = o.right + s : p = y - 30 - i;
+      f = o.top - s.height / 2 + o.height / 2, v - c > i ? p = o.right + n : p = v - 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, y - c > i ? p = o.right + s : p = y - 30 - i;
+      o.top - s.height - n < 0 ? f = o.top - s.height + n + r + l : f = o.top - s.height - n, v - c > i ? p = o.right + n : p = v - 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;
+      o.top - s.height - n < 0 ? f = o.top - s.height + n + r + l : f = o.top - s.height - n, o.left - s.width - n > 0 ? p = o.left - s.width - n : p = 10;
       break;
     case "top-start":
-      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;
+      o.top - s.height - n < 0 ? f = o.top - s.height + n + r + l : f = o.top - s.height - n, o.left > 0 ? p = o.left : p = 10;
       break;
     case "bottom-right":
-      x > I ? f = o.bottom + s : f = o.bottom - s - r - l, y - c > i ? p = o.left : p = y - 30 - i;
+      x > I ? f = o.bottom + n : f = o.bottom - n - r - l, v - c > i ? p = o.left : p = v - 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;
+      x > I ? f = o.bottom + n : f = o.bottom - n - r - l, o.left > 0 ? p = o.right - i : p = 10;
       break;
     case "bottom-start":
-      x > I ? f = o.bottom + s : f = o.bottom - s - r - l, o.left > 0 ? p = o.left : p = 10;
+      x > I ? f = o.bottom + n : f = o.bottom - n - r - l, o.left > 0 ? p = o.left : p = 10;
       break;
   }
-  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({
+  f + r > x ? f = x - r - n : f < 0 && (f = n), p + i > v ? p = v - i - n : p < 0 && (p = n), a instanceof HTMLElement && (a.style.top = `${f}px`, a.style.left = `${p}px`, a.style.position = "fixed");
+}, no = { class: "text-center" }, so = { 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" }, se = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "vs-popover",
@@ -1126,36 +1108,36 @@ const at = /* @__PURE__ */ Q(Zr, [["render", ro], ["__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, (M) => {
+    const n = t, s = a, o = _(!1), l = _([]), c = _(null), r = _(null), i = _(null);
+    de(o, (M) => {
       M ? (x(), window.addEventListener(
         "resize",
-        () => xe(s.placement, r.value, i.value)
-      ), xe(s.placement, r.value, i.value)) : window.removeEventListener(
+        () => pe(n.placement, r.value, i.value)
+      ), pe(n.placement, r.value, i.value)) : window.removeEventListener(
         "resize",
-        () => xe(s.placement, r.value, i.value)
-      ), 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), y();
+        () => pe(n.placement, r.value, i.value)
+      ), s("isvisible", M);
+    }), ue(() => {
+      window.addEventListener("click", O), window.addEventListener("popstate", R), window.addEventListener("scroll", Z, !0), x();
+    }), We(() => {
+      window.removeEventListener("click", O), window.removeEventListener("popstate", R), v();
     });
     const x = () => {
       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));
-    }, y = () => {
+        (M.scrollHeight > M.clientHeight || M.scrollWidth > M.clientWidth) && (M.addEventListener("scroll", D), l.value.push(M)), M = M.parentElement;
+      document.body && (document.body.addEventListener("scroll", D), l.value.push(document.body));
+    }, v = () => {
       l.value.forEach((M) => {
-        M.removeEventListener("scroll", V);
+        M.removeEventListener("scroll", D);
       }), l.value = [];
     }, f = () => {
-      o.value = !0, xe(s.placement, r.value, i.value);
+      o.value = !0, pe(n.placement, r.value, i.value);
     }, p = () => {
       o.value = !1;
     }, I = async () => {
-      await xe(s.placement, r.value, i.value), o.value = !o.value;
-    }, V = () => {
+      await pe(n.placement, r.value, i.value), o.value = !o.value;
+    }, D = () => {
       o.value = !1;
     }, O = (M) => {
       if (!M) {
@@ -1165,29 +1147,29 @@ const at = /* @__PURE__ */ Q(Zr, [["render", ro], ["__scopeId", "data-v-eb21a54f
       r.value?.contains(M.target) || i.value?.contains(M.target) || (o.value = !1);
     }, R = () => {
       o.value && (o.value = !1);
-    }, J = (M) => {
+    }, Z = (M) => {
       o.value && i.value && !i.value.contains(M.target) && (o.value = !1);
     };
     return e({
       togglePopover: I
-    }), (M, ee) => (v(), w("div", {
+    }), (M, ee) => (h(), w("div", {
       ref_key: "popover",
       ref: c,
       class: "vs-popover inline-block"
     }, [
-      d("div", ho, [
-        t.trigger === "click" ? (v(), w("div", {
+      d("div", no, [
+        t.trigger === "click" ? (h(), w("div", {
           key: 0,
           ref_key: "popoverRef",
           ref: r,
           onClick: I,
           class: E({ "pointer-events-none": t.disabled })
         }, [
-          we(M.$slots, "reference", {}, () => [
+          ge(M.$slots, "reference", {}, () => [
             ee[0] || (ee[0] = d("button", null, "Click me!", -1))
           ])
         ], 2)) : U("", !0),
-        t.trigger === "hover" ? (v(), w("div", {
+        t.trigger === "hover" ? (h(), w("div", {
           key: 1,
           ref_key: "popoverRef",
           ref: r,
@@ -1195,29 +1177,29 @@ const at = /* @__PURE__ */ Q(Zr, [["render", ro], ["__scopeId", "data-v-eb21a54f
           onMouseleave: p,
           class: E({ "pointer-events-none": t.disabled })
         }, [
-          we(M.$slots, "reference", {}, () => [
+          ge(M.$slots, "reference", {}, () => [
             ee[1] || (ee[1] = d("button", null, "Click me!", -1))
           ])
         ], 34)) : U("", !0),
-        (v(), W(Ge, { to: t.teleport }, [
-          C(Ye, { name: "fade" }, {
+        (h(), W(Ue, { to: t.teleport }, [
+          C(qe, { name: "fade" }, {
             default: q(() => [
-              de(d("div", {
+              le(d("div", {
                 class: E(["vsTailwind vs-popover__content", t.placement]),
                 ref_key: "contentPop",
                 ref: i,
-                style: se({
+                style: te({
                   width: t.width ? t.width + "px" : "fit-content",
                   zIndex: 100001
                 })
               }, [
-                d("div", vo, [
-                  we(M.$slots, "default", {}, () => [
+                d("div", so, [
+                  ge(M.$slots, "default", {}, () => [
                     ee[2] || (ee[2] = d("span", null, "Popover content", -1))
                   ])
                 ])
               ], 6), [
-                [$e, o.value]
+                [me, o.value]
               ])
             ]),
             _: 3
@@ -1226,26 +1208,26 @@ const at = /* @__PURE__ */ Q(Zr, [["render", ro], ["__scopeId", "data-v-eb21a54f
       ])
     ], 512));
   }
-}), mo = { class: "flex flex-col gap-[2px] p-[2px]" }, yo = ["onClick"], bo = {
+}), io = { class: "flex flex-col gap-[2px] p-[2px]" }, co = ["onClick"], uo = {
   __name: "vs-editor-table",
   props: { editor: Object },
   setup(t) {
-    const { t: e } = ze(), a = t, s = $(!1), n = $("popover"), o = () => {
-      a.editor && (a.editor.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: !0 }).run(), n.value.togglePopover());
+    const { t: e } = je(), a = t, n = _(!1), s = _("popover"), o = () => {
+      a.editor && (a.editor.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: !0 }).run(), s.value.togglePopover());
     }, l = () => {
-      a.editor && (a.editor.chain().focus().addColumnAfter().run(), n.value.togglePopover());
+      a.editor && (a.editor.chain().focus().addColumnAfter().run(), s.value.togglePopover());
     }, c = () => {
-      a.editor && (a.editor.chain().focus().addRowAfter().run(), n.value.togglePopover());
+      a.editor && (a.editor.chain().focus().addRowAfter().run(), s.value.togglePopover());
     }, r = () => {
-      a.editor && (a.editor.chain().focus().deleteColumn().run(), n.value.togglePopover());
+      a.editor && (a.editor.chain().focus().deleteColumn().run(), s.value.togglePopover());
     }, i = () => {
-      a.editor && (a.editor.chain().focus().deleteRow().run(), n.value.togglePopover());
+      a.editor && (a.editor.chain().focus().deleteRow().run(), s.value.togglePopover());
     }, x = () => {
-      a.editor && (a.editor.chain().focus().deleteTable().run(), n.value.togglePopover());
-    }, y = () => {
-      a.editor && (a.editor.chain().focus().mergeCells().run(), n.value.togglePopover());
+      a.editor && (a.editor.chain().focus().deleteTable().run(), s.value.togglePopover());
+    }, v = () => {
+      a.editor && (a.editor.chain().focus().mergeCells().run(), s.value.togglePopover());
     }, f = () => {
-      a.editor && (a.editor.chain().focus().splitCell().run(), n.value.togglePopover());
+      a.editor && (a.editor.chain().focus().splitCell().run(), s.value.togglePopover());
     }, p = N(() => [
       { text: e("form.richtext.createTable"), function: o },
       { text: e("form.richtext.addColumn"), function: l },
@@ -1253,99 +1235,99 @@ const at = /* @__PURE__ */ Q(Zr, [["render", ro], ["__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: y },
+      { text: e("form.richtext.mergeCells"), function: v },
       { text: e("form.richtext.splitCells"), function: f }
     ]);
-    return (I, V) => (v(), W(fe, {
+    return (I, D) => (h(), W(se, {
       ref_key: "popover",
-      ref: n,
+      ref: s,
       placement: "bottom",
-      onIsvisible: V[0] || (V[0] = (O) => s.value = O)
+      onIsvisible: D[0] || (D[0] = (O) => n.value = O)
     }, {
       reference: q(() => [
         d("button", {
           title: "Table",
-          class: E(["w-[30px] h-[30px] flex items-center justify-center text-gray-500 rounded-full hover:text-gray-900 hover:bg-gray-100", [s.value ? "bg-gray-100 text-gray-900" : "text-gray-500"]])
+          class: E(["w-[30px] h-[30px] flex items-center justify-center text-gray-500 rounded-full hover:text-gray-900 hover:bg-gray-100", [n.value ? "bg-gray-100 text-gray-900" : "text-gray-500"]])
         }, [
-          C(L(Pt), { class: "h-4 w-4" })
+          C(L(Lt), { class: "h-4 w-4" })
         ], 2)
       ]),
       default: q(() => [
-        d("div", mo, [
-          (v(!0), w(ae, null, ie(p.value, (O, R) => (v(), w("button", {
+        d("div", io, [
+          (h(!0), w(J, null, re(p.value, (O, R) => (h(), 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, yo))), 128))
+          }, G(O.text), 9, co))), 128))
         ])
       ]),
       _: 1
     }, 512));
   }
-}, xo = { class: "flex gap-[4px] p-1" }, wo = ["title", "onClick"], ko = {
+}, fo = { class: "flex gap-[4px] p-1" }, po = ["title", "onClick"], go = {
   __name: "vs-editor-align",
   props: { editor: Object },
   setup(t) {
     const e = t, a = {
-      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), y = () => {
+      left: It,
+      center: Et,
+      right: Bt,
+      justify: Tt
+    }, n = _(!1), s = _("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), v = () => {
       c.value ? o.value = "right" : r.value ? o.value = "center" : i.value ? o.value = "justify" : o.value = "left";
     };
-    me([l, c, r, i], () => {
-      y();
-    }, { immediate: !0 }), ye(() => {
-      e.editor && (e.editor.on("selectionUpdate", y), e.editor.on("update", y));
-    }), Le(() => {
-      e.editor && (e.editor.off("selectionUpdate", y), e.editor.off("update", y));
+    de([l, c, r, i], () => {
+      v();
+    }, { immediate: !0 }), ue(() => {
+      e.editor && (e.editor.on("selectionUpdate", v), e.editor.on("update", v));
+    }), _e(() => {
+      e.editor && (e.editor.off("selectionUpdate", v), e.editor.off("update", v));
     });
     const f = (I) => {
       e.editor && (e.editor.chain().focus().setTextAlign(I).run(), o.value = I);
-    }, p = $([
+    }, p = _([
       { id: "left", isActive: l },
       { id: "center", isActive: r },
       { id: "right", isActive: c },
       { id: "justify", isActive: i }
     ]);
-    return (I, V) => (v(), W(fe, {
+    return (I, D) => (h(), W(se, {
       ref_key: "popover",
-      ref: n,
+      ref: s,
       placement: "bottom",
-      onIsvisible: V[0] || (V[0] = (O) => s.value = O)
+      onIsvisible: D[0] || (D[0] = (O) => n.value = O)
     }, {
       reference: q(() => [
         d("button", {
           title: "Text Align",
           class: E(["w-[30px] h-[30px] flex items-center justify-center text-gray-500 rounded-full hover:text-gray-900 hover:bg-gray-100", [x.value ? "bg-gray-100 text-gray-900" : "text-gray-500"]])
         }, [
-          (v(), W(Ee(a[o.value]), {
+          (h(), W(Fe(a[o.value]), {
             height: "16",
             width: "16"
           }))
         ], 2)
       ]),
       default: q(() => [
-        d("div", xo, [
-          (v(!0), w(ae, null, ie(p.value, (O) => (v(), w("button", {
+        d("div", fo, [
+          (h(!0), w(J, null, re(p.value, (O) => (h(), 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 }]),
             key: O?.id,
             onClick: (R) => f(O?.id)
           }, [
-            (v(), W(Ee(a[O?.id]), {
+            (h(), W(Fe(a[O?.id]), {
               height: "16",
               width: "16"
             }))
-          ], 10, wo))), 128))
+          ], 10, po))), 128))
         ])
       ]),
       _: 1
     }, 512));
   }
-}, _o = {
-  components: { VsText: at },
+}, ho = {
+  components: { VsText: Je },
   inheritAttrs: !1,
   events: ["update:modelValue"],
   props: {
@@ -1364,19 +1346,19 @@ const at = /* @__PURE__ */ Q(Zr, [["render", ro], ["__scopeId", "data-v-eb21a54f
       }
     }
   }
-}, $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", $o, [
-    de(d("input", {
+}, vo = { class: "flex items-center w-full max-w-[182px]" }, mo = ["disabled"];
+function yo(t, e, a, n, s, o) {
+  const l = Y("vs-text");
+  return h(), w("div", vo, [
+    le(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, Co), [
-      [pt, o.value]
+    }, null, 10, mo), [
+      [st, o.value]
     ]),
-    a.isTextInputShown ? (v(), W(l, {
+    a.isTextInputShown ? (h(), W(l, {
       key: 0,
       modelValue: o.value,
       "onUpdate:modelValue": e[1] || (e[1] = (c) => o.value = c),
@@ -1386,21 +1368,21 @@ function Ao(t, e, a, s, n, o) {
     }, null, 8, ["modelValue", "disabled", "clearable"])) : U("", !0)
   ]);
 }
-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 = {
+const et = /* @__PURE__ */ Q(ho, [["render", yo]]), bo = { class: "flex gap-[4px] mb-[8px]" }, xo = { class: "grid grid-rows-3 grid-cols-7" }, wo = { class: "w-full h-full rounded border border-gray-300 overflow-hidden" }, ko = ["onClick", "title"], _o = {
   __name: "vs-editor-color",
   props: {
     editor: Object
   },
   setup(t) {
-    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);
+    const e = t, a = _(null), n = _("#000000"), s = N(() => e.editor && e.editor.getAttributes("textStyle").color || "#000000"), o = N(() => s.value !== "#000000"), l = () => {
+      e.editor && (n.value = s.value);
     };
-    ye(() => {
+    ue(() => {
       e.editor && (e.editor.on("selectionUpdate", l), e.editor.on("update", l), l());
-    }), Le(() => {
+    }), _e(() => {
       e.editor && (e.editor.off("selectionUpdate", l), e.editor.off("update", l));
     });
-    const c = $([
+    const c = _([
       "#172B4D",
       "#0747A6",
       "#008DA6",
@@ -1422,11 +1404,11 @@ const nt = /* @__PURE__ */ Q(_o, [["render", Ao]]), So = { class: "flex gap-[4px
       "#FFF0B3",
       "#FFBDAD",
       "#EAE6FF"
-    ]), r = (y) => {
-      e.editor && (e.editor.chain().focus().setColor(y).run(), s.value = y, a.value && a.value.togglePopover());
+    ]), r = (v) => {
+      e.editor && (e.editor.chain().focus().setColor(v).run(), n.value = v, a.value && a.value.togglePopover());
     }, i = () => {
-      r(s.value);
-    }, x = (y) => ({
+      r(n.value);
+    }, x = (v) => ({
       "#172B4D": "Default",
       "#0747A6": "Bright blue",
       "#008DA6": "Bright blue-green",
@@ -1448,8 +1430,8 @@ const nt = /* @__PURE__ */ Q(_o, [["render", Ao]]), So = { class: "flex gap-[4px
       "#FFF0B3": "Bright yellow",
       "#FFBDAD": "Bright red",
       "#EAE6FF": "Bright purple"
-    })[y] || y;
-    return (y, f) => (v(), W(fe, {
+    })[v] || v;
+    return (v, f) => (h(), W(se, {
       ref_key: "popover",
       ref: a,
       placement: "bottom"
@@ -1462,41 +1444,41 @@ const nt = /* @__PURE__ */ Q(_o, [["render", Ao]]), So = { class: "flex gap-[4px
           f[1] || (f[1] = d("span", { class: "leading-none" }, "A", -1)),
           d("span", {
             class: "block h-1 w-5",
-            style: se({ backgroundColor: s.value })
+            style: te({ backgroundColor: n.value })
           }, null, 4)
         ], 2)
       ]),
       default: q(() => [
         d("div", null, [
-          d("div", So, [
-            C(nt, {
-              modelValue: s.value,
-              "onUpdate:modelValue": f[0] || (f[0] = (p) => s.value = p)
+          d("div", bo, [
+            C(et, {
+              modelValue: n.value,
+              "onUpdate:modelValue": f[0] || (f[0] = (p) => n.value = p)
             }, null, 8, ["modelValue"]),
             d("button", {
               onClick: i,
               class: "h-[38px] w-[38px] bg-blue-500 shrink-0 border rounded-md flex items-center justify-center hover:bg-blue-700 duration-300"
             }, [
-              C(L(ke), { class: "h-4 w-4 text-white" })
+              C(L(he), { class: "h-4 w-4 text-white" })
             ])
           ]),
-          d("div", Fo, [
-            (v(!0), w(ae, null, ie(c.value, (p) => (v(), w("div", {
+          d("div", xo, [
+            (h(!0), w(J, null, re(c.value, (p) => (h(), 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", wo, [
                 d("button", {
                   class: "flex items-center justify-center w-full h-full",
-                  style: se({ backgroundColor: p }),
+                  style: te({ backgroundColor: p }),
                   onClick: (I) => r(p),
                   title: x(p)
                 }, [
-                  s.value === p ? (v(), W(L(ke), {
+                  n.value === p ? (h(), W(L(he), {
                     key: 0,
                     class: "h-4 w-4 text-gray-500"
                   })) : U("", !0)
-                ], 12, Lo)
+                ], 12, ko)
               ])
             ]))), 128))
           ])
@@ -1505,21 +1487,21 @@ const nt = /* @__PURE__ */ Q(_o, [["render", Ao]]), So = { class: "flex gap-[4px
       _: 1
     }, 512));
   }
-}, 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 = {
+}, $o = { class: "flex gap-[4px] mb-[8px]" }, Co = { class: "grid grid-rows-3 grid-cols-7" }, Ao = { class: "w-full h-full rounded border border-gray-300 overflow-hidden" }, Fo = ["onClick", "title"], So = ["onClick", "title"], Lo = {
   __name: "vs-editor-background-color",
   props: {
     editor: Object
   },
   setup(t) {
-    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);
+    const e = t, a = _(null), n = _("transparent"), s = N(() => e.editor && e.editor.getAttributes("textStyle").backgroundColor || "transparent"), o = N(() => s.value !== "transparent" && s.value !== ""), l = () => {
+      e.editor && (n.value = s.value);
     };
-    ye(() => {
+    ue(() => {
       e.editor && (e.editor.on("selectionUpdate", l), e.editor.on("update", l), l());
-    }), Le(() => {
+    }), _e(() => {
       e.editor && (e.editor.off("selectionUpdate", l), e.editor.off("update", l));
     });
-    const c = $([
+    const c = _([
       "#172B4D",
       "#0747A6",
       "#008DA6",
@@ -1541,11 +1523,11 @@ const nt = /* @__PURE__ */ Q(_o, [["render", Ao]]), So = { class: "flex gap-[4px
       "#FFF0B3",
       "#FFBDAD",
       "#EAE6FF"
-    ]), r = (y) => {
-      e.editor && (e.editor.chain().focus().setBackgroundColor(y).run(), s.value = y, a.value && a.value.togglePopover());
+    ]), r = (v) => {
+      e.editor && (e.editor.chain().focus().setBackgroundColor(v).run(), n.value = v, a.value && a.value.togglePopover());
     }, i = () => {
-      r(s.value);
-    }, x = (y) => ({
+      r(n.value);
+    }, x = (v) => ({
       "#172B4D": "Default",
       "#0747A6": "Bright blue",
       "#008DA6": "Bright blue-green",
@@ -1567,8 +1549,8 @@ const nt = /* @__PURE__ */ Q(_o, [["render", Ao]]), So = { class: "flex gap-[4px
       "#FFF0B3": "Bright yellow",
       "#FFBDAD": "Bright red",
       "#EAE6FF": "Bright purple"
-    })[y] || y;
-    return (y, f) => (v(), W(fe, {
+    })[v] || v;
+    return (v, f) => (h(), W(se, {
       ref_key: "popover",
       ref: a,
       placement: "bottom"
@@ -1578,63 +1560,63 @@ const nt = /* @__PURE__ */ Q(_o, [["render", Ao]]), So = { 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(Vt), { class: "h-4 w-4" }),
+          C(L(Mt), { class: "h-4 w-4" }),
           d("span", {
             class: "block h-1 w-5",
-            style: se({ backgroundColor: s.value })
+            style: te({ backgroundColor: n.value })
           }, null, 4)
         ], 2)
       ]),
       default: q(() => [
         d("div", null, [
-          d("div", Eo, [
-            C(nt, {
-              modelValue: s.value,
-              "onUpdate:modelValue": f[0] || (f[0] = (p) => s.value = p)
+          d("div", $o, [
+            C(et, {
+              modelValue: n.value,
+              "onUpdate:modelValue": f[0] || (f[0] = (p) => n.value = p)
             }, null, 8, ["modelValue"]),
             d("button", {
               onClick: i,
               class: "h-[38px] w-[38px] bg-blue-500 shrink-0 border rounded-md flex items-center justify-center hover:bg-blue-700 duration-300"
             }, [
-              C(L(ke), { class: "h-4 w-4 text-white" })
+              C(L(he), { class: "h-4 w-4 text-white" })
             ])
           ]),
-          d("div", Io, [
+          d("div", Co, [
             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(Dt), { class: "h-4 w-4" }),
+              C(L(jt), { 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", {
+            (h(!0), w(J, null, re(c.value, (p) => (h(), 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", Mo, [
-                p !== "transparent" ? (v(), w("button", {
+              d("div", Ao, [
+                p !== "transparent" ? (h(), w("button", {
                   key: 0,
                   class: "flex items-center justify-center w-full h-full",
-                  style: se({ backgroundColor: p }),
+                  style: te({ backgroundColor: p }),
                   onClick: (I) => r(p),
                   title: x(p)
                 }, [
-                  s.value === p ? (v(), W(L(ke), {
+                  n.value === p ? (h(), W(L(he), {
                     key: 0,
                     class: "h-4 w-4 text-gray-500"
                   })) : U("", !0)
-                ], 12, Po)) : U("", !0),
-                p === "transparent" ? (v(), w("button", {
+                ], 12, Fo)) : U("", !0),
+                p === "transparent" ? (h(), w("button", {
                   key: 1,
                   class: "flex items-center justify-center w-full h-full",
                   onClick: (I) => r(p),
                   title: x(p)
                 }, [
-                  s.value === p ? (v(), W(L(ke), {
+                  n.value === p ? (h(), W(L(he), {
                     key: 0,
                     class: "h-4 w-4 text-gray-500"
                   })) : U("", !0)
-                ], 8, jo)) : U("", !0)
+                ], 8, So)) : U("", !0)
               ])
             ]))), 128))
           ])
@@ -1643,30 +1625,30 @@ const nt = /* @__PURE__ */ Q(_o, [["render", Ao]]), So = { class: "flex gap-[4px
       _: 1
     }, 512));
   }
-}, No = {
+}, To = {
   __name: "vs-editor-highlight",
   props: {
     editor: Object
   },
   setup(t) {
-    const e = t, a = N(() => e.editor?.isActive("highlight")), s = () => {
+    const e = t, a = N(() => e.editor?.isActive("highlight")), n = () => {
       e.editor && e.editor.chain().focus().toggleHighlight().run();
     };
-    return (n, o) => (v(), w("button", {
+    return (s, o) => (h(), w("button", {
       title: "Highlight",
-      onClick: s,
+      onClick: n,
       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(Ot), { class: "h-4 w-4" })
+      C(L(Pt), { class: "h-4 w-4" })
     ], 2));
   }
-}, zo = { class: "truncate" }, Do = { class: "w-[200px]" }, Vo = { class: "max-h-[200px] overflow-y-auto" }, Oo = ["onClick"], Ro = {
+}, Bo = { class: "truncate" }, Eo = { class: "w-[200px]" }, Io = { class: "max-h-[200px] overflow-y-auto" }, jo = ["onClick"], Mo = {
   __name: "vs-editor-font-family",
   props: {
     editor: Object
   },
   setup(t) {
-    const e = t, a = $("popover"), s = $(!1), n = $([
+    const e = t, a = _("popover"), n = _(!1), s = _([
       { label: "Arial", value: "Arial, sans-serif" },
       { label: "Helvetica", value: "Helvetica, sans-serif" },
       { label: "Times New Roman", value: "Times New Roman, serif" },
@@ -1679,59 +1661,59 @@ const nt = /* @__PURE__ */ Q(_o, [["render", Ao]]), So = { class: "flex gap-[4px
       { label: "Palatino", value: "Palatino, serif" }
     ]), o = N(() => {
       if (!e.editor) return "Arial, sans-serif";
-      for (const i of n.value)
+      for (const i of s.value)
         if (e.editor.isActive("textStyle", { fontFamily: i.value }))
           return i.value;
       return "Arial, sans-serif";
-    }), l = N(() => n.value.find((x) => x.value === o.value)?.label || "Arial"), c = (i) => e.editor ? e.editor.isActive("textStyle", { fontFamily: i }) : !1, r = (i) => {
+    }), l = N(() => s.value.find((x) => x.value === o.value)?.label || "Arial"), c = (i) => e.editor ? e.editor.isActive("textStyle", { fontFamily: i }) : !1, r = (i) => {
       e.editor && (e.editor.chain().focus().setFontFamily(i).run(), a.value && a.value.togglePopover());
     };
-    return (i, x) => (v(), W(fe, {
+    return (i, x) => (h(), W(se, {
       ref_key: "popover",
       ref: a,
       placement: "bottom",
-      onIsvisible: x[0] || (x[0] = (y) => s.value = y)
+      onIsvisible: x[0] || (x[0] = (v) => n.value = v)
     }, {
       reference: q(() => [
         d("button", {
           title: "Font Family",
-          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 })
+          class: E(["h-[30px] px-2 rounded-full hover:bg-gray-100 justify-center items-center flex text-sm", [n.value ? "bg-gray-100 text-gray-900" : "text-gray-700"]]),
+          style: te({ fontFamily: o.value })
         }, [
-          d("span", zo, Y(l.value), 1),
-          C(L(Pe), { class: "ml-1 h-3 w-3 text-gray-400" })
+          d("span", Bo, G(l.value), 1),
+          C(L(Te), { class: "ml-1 h-3 w-3 text-gray-400" })
         ], 6)
       ]),
       default: q(() => [
-        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))
+        d("div", Eo, [
+          d("ul", Io, [
+            (h(!0), w(J, null, re(s.value, (v) => (h(), w("li", {
+              key: v.value,
+              class: E(["px-3 py-2 hover:bg-gray-100 cursor-pointer text-sm", { "bg-gray-100": c(v.value) }]),
+              style: te({ fontFamily: v.value }),
+              onClick: (f) => r(v.value)
+            }, G(v.label), 15, jo))), 128))
           ])
         ])
       ]),
       _: 1
     }, 512));
   }
-}, Uo = { class: "w-[120px]" }, qo = { class: "max-h-[200px] overflow-y-auto" }, Ko = ["onClick"], Wo = {
+}, Po = { class: "w-[120px]" }, Ho = { class: "max-h-[200px] overflow-y-auto" }, No = ["onClick"], zo = {
   __name: "vs-editor-font-size",
   props: {
     editor: Object
   },
   setup(t) {
-    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);
+    const e = t, a = _("popover"), n = _("14px"), s = N(() => e.editor && e.editor.getAttributes("textStyle").fontSize || "14px"), o = N(() => s.value !== "14px"), l = () => {
+      e.editor && (n.value = s.value);
     };
-    ye(() => {
+    ue(() => {
       e.editor && (e.editor.on("selectionUpdate", l), e.editor.on("update", l), l());
-    }), Le(() => {
+    }), _e(() => {
       e.editor && (e.editor.off("selectionUpdate", l), e.editor.off("update", l));
     });
-    const c = $([
+    const c = _([
       { label: "8px", value: "8px" },
       { label: "9px", value: "9px" },
       { label: "10px", value: "10px" },
@@ -1748,9 +1730,9 @@ const nt = /* @__PURE__ */ Q(_o, [["render", Ao]]), So = { class: "flex gap-[4px
       { label: "48px", value: "48px" },
       { label: "72px", value: "72px" }
     ]), r = (i) => {
-      e.editor && (e.editor.chain().focus().setFontSize(i).run(), s.value = i, a.value && a.value.togglePopover());
+      e.editor && (e.editor.chain().focus().setFontSize(i).run(), n.value = i, a.value && a.value.togglePopover());
     };
-    return (i, x) => (v(), W(fe, {
+    return (i, x) => (h(), W(se, {
       ref_key: "popover",
       ref: a,
       placement: "bottom"
@@ -1760,26 +1742,26 @@ const nt = /* @__PURE__ */ Q(_o, [["render", Ao]]), So = { 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(Rt), { class: "h-4 w-4" }),
-          C(L(Pe), { class: "h-3 w-3 text-gray-400" })
+          C(L(Ht), { class: "h-4 w-4" }),
+          C(L(Te), { class: "h-3 w-3 text-gray-400" })
         ], 2)
       ]),
       default: q(() => [
-        d("div", Uo, [
-          d("ul", qo, [
-            (v(!0), w(ae, null, ie(c.value, (y) => (v(), w("li", {
-              key: y.value,
+        d("div", Po, [
+          d("ul", Ho, [
+            (h(!0), w(J, null, re(c.value, (v) => (h(), w("li", {
+              key: v.value,
               class: "px-3 py-2 hover:bg-gray-100 cursor-pointer",
-              onClick: (f) => r(y.value)
-            }, Y(y.label), 9, Ko))), 128))
+              onClick: (f) => r(v.value)
+            }, G(v.label), 9, No))), 128))
           ])
         ])
       ]),
       _: 1
     }, 512));
   }
-}, Xo = {
-  components: { Superscript: Ut },
+}, Vo = {
+  components: { Superscript: Nt },
   props: {
     editor: Object
   },
@@ -1789,9 +1771,9 @@ const nt = /* @__PURE__ */ Q(_o, [["render", Ao]]), So = { class: "flex gap-[4px
     }
   }
 };
-function Go(t, e, a, s, n, o) {
-  const l = Z("Superscript");
-  return v(), w("button", {
+function Do(t, e, a, n, s, o) {
+  const l = Y("Superscript");
+  return h(), w("button", {
     title: "Superscript",
     onClick: e[0] || (e[0] = (...c) => o.toggleSuperscript && o.toggleSuperscript(...c)),
     class: E(["h-[30px] w-[30px] flex items-center justify-center text-gray-500 rounded-full cursor-pointer hover:text-gray-900 hover:bg-gray-100", { "bg-gray-100 text-gray-900": a.editor?.isActive("superscript") }])
@@ -1800,8 +1782,8 @@ function Go(t, e, a, s, n, o) {
     e[1] || (e[1] = d("span", { class: "sr-only" }, "Superscript", -1))
   ], 2);
 }
-const Yo = /* @__PURE__ */ Q(Xo, [["render", Go]]), Qo = {
-  components: { Subscript: qt },
+const Oo = /* @__PURE__ */ Q(Vo, [["render", Do]]), Ro = {
+  components: { Subscript: zt },
   props: {
     editor: Object
   },
@@ -1811,9 +1793,9 @@ const Yo = /* @__PURE__ */ Q(Xo, [["render", Go]]), Qo = {
     }
   }
 };
-function Zo(t, e, a, s, n, o) {
-  const l = Z("Subscript");
-  return v(), w("button", {
+function Uo(t, e, a, n, s, o) {
+  const l = Y("Subscript");
+  return h(), w("button", {
     title: "Subscript",
     onClick: e[0] || (e[0] = (...c) => o.toggleSubscript && o.toggleSubscript(...c)),
     class: E(["h-[30px] w-[30px] flex items-center justify-center text-gray-500 rounded-full cursor-pointer hover:text-gray-900 hover:bg-gray-100", { "bg-gray-100 text-gray-900": a.editor?.isActive("subscript") }])
@@ -1822,23 +1804,23 @@ function Zo(t, e, a, s, n, o) {
     e[1] || (e[1] = d("span", { class: "sr-only" }, "Subscript", -1))
   ], 2);
 }
-const Jo = /* @__PURE__ */ Q(Qo, [["render", Zo]]), el = {
+const qo = /* @__PURE__ */ Q(Ro, [["render", Uo]]), Wo = {
   title: "Heading",
   class: "h-[30px] px-2 rounded-full hover:bg-gray-100 justify-center items-center flex text-sm text-gray-700"
-}, tl = { class: "truncate" }, rl = { class: "max-h-[200px] overflow-y-auto" }, ol = ["onClick"], ll = {
+}, Xo = { class: "truncate" }, Ko = { class: "max-h-[200px] overflow-y-auto" }, Go = ["onClick"], Qo = {
   __name: "vs-editor-heading",
   props: {
     editor: Object
   },
   setup(t) {
-    const e = t, a = $("popover"), s = $([
+    const e = t, a = _("popover"), n = _([
       { label: "Heading 1", value: 1 },
       { label: "Heading 2", value: 2 },
       { label: "Heading 3", value: 3 },
       { label: "Heading 4", value: 4 },
       { label: "Heading 5", value: 5 },
       { label: "Heading 6", value: 6 }
-    ]), n = N(() => {
+    ]), s = N(() => {
       if (!e.editor) return "Paragraph";
       for (let r = 1; r <= 6; r++)
         if (e.editor.isActive("heading", { level: r }))
@@ -1856,26 +1838,26 @@ const Jo = /* @__PURE__ */ Q(Qo, [["render", Zo]]), el = {
     }, c = () => {
       e.editor && (e.editor.chain().focus().setParagraph().run(), a.value && a.value.togglePopover());
     };
-    return (r, i) => (v(), W(fe, {
+    return (r, i) => (h(), W(se, {
       ref_key: "popover",
       ref: a,
       placement: "bottom"
     }, {
       reference: q(() => [
-        d("button", el, [
-          d("span", tl, Y(n.value), 1),
-          C(L(Pe), { class: "ml-1 h-3 w-3 text-gray-400" })
+        d("button", Wo, [
+          d("span", Xo, G(s.value), 1),
+          C(L(Te), { class: "ml-1 h-3 w-3 text-gray-400" })
         ])
       ]),
       default: q(() => [
         d("div", null, [
-          d("ul", rl, [
-            (v(!0), w(ae, null, ie(s.value, (x) => (v(), w("li", {
+          d("ul", Ko, [
+            (h(!0), w(J, null, re(n.value, (x) => (h(), 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: (y) => l(x.value)
-            }, Y(x.label), 15, ol))), 128)),
+              style: te(o(x.value)),
+              onClick: (v) => l(x.value)
+            }, G(x.label), 15, Go))), 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
@@ -1886,8 +1868,8 @@ const Jo = /* @__PURE__ */ Q(Qo, [["render", Zo]]), el = {
       _: 1
     }, 512));
   }
-}, al = /* @__PURE__ */ Q(ll, [["__scopeId", "data-v-96f02f2a"]]), nl = {
-  components: { RemoveFormatting: Kt },
+}, Yo = /* @__PURE__ */ Q(Qo, [["__scopeId", "data-v-96f02f2a"]]), Zo = {
+  components: { RemoveFormatting: Vt },
   props: {
     editor: Object
   },
@@ -1897,9 +1879,9 @@ const Jo = /* @__PURE__ */ Q(Qo, [["render", Zo]]), el = {
     }
   }
 };
-function sl(t, e, a, s, n, o) {
-  const l = Z("RemoveFormatting");
-  return v(), w("button", {
+function Jo(t, e, a, n, s, o) {
+  const l = Y("RemoveFormatting");
+  return h(), w("button", {
     title: "Clear Formatting",
     onClick: e[0] || (e[0] = (...c) => o.clearFormatting && o.clearFormatting(...c)),
     class: "h-[30px] w-[30px] flex items-center justify-center text-gray-500 rounded-full cursor-pointer hover:text-gray-900 hover:bg-gray-100"
@@ -1908,16 +1890,16 @@ function sl(t, e, a, s, n, o) {
     e[1] || (e[1] = d("span", { class: "sr-only" }, "Clear Formatting", -1))
   ]);
 }
-const il = /* @__PURE__ */ Q(nl, [["render", sl]]), cl = { class: "relative" }, dl = {
+const el = /* @__PURE__ */ Q(Zo, [["render", Jo]]), tl = { class: "relative" }, rl = {
   key: 0,
   class: "mt-4"
-}, ul = ["src", "alt", "title"], fl = {
+}, ol = ["src", "alt", "title"], ll = {
   key: 0,
   class: "text-sm text-red-500"
-}, pl = {
+}, al = {
   key: 1,
   class: "mt-4"
-}, 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({
+}, nl = { class: "text-sm text-gray-600 mb-2" }, sl = { class: "flex flex-wrap gap-2" }, il = ["src", "alt", "onError"], cl = ["onClick"], dl = { class: "flex justify-end gap-x-2 p-[20px]" }, ul = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "vs-editor-image",
@@ -1928,7 +1910,7 @@ const il = /* @__PURE__ */ Q(nl, [["render", sl]]), cl = { class: "relative" },
     }
   },
   setup(t) {
-    const e = t, a = $(!1), s = $(!1), n = $({}), o = $(!1), l = $([]), c = $(null), r = $({
+    const e = t, a = _(!1), n = _(!1), s = _({}), o = _(!1), l = _([]), c = _(null), r = _({
       src: "",
       file: [],
       // Завжди масив
@@ -1940,22 +1922,22 @@ const il = /* @__PURE__ */ Q(nl, [["render", sl]]), cl = { class: "relative" },
       openInNewTab: !1
     }), i = N(() => {
       if (Array.isArray(r.value.file)) {
-        const m = r.value.file.filter((_) => _ instanceof File), k = r.value.file.filter((_) => typeof _ == "string" && _.trim() !== "");
-        return m.length + k.length > 1;
+        const y = r.value.file.filter(($) => $ instanceof File), k = r.value.file.filter(($) => typeof $ == "string" && $.trim() !== "");
+        return y.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), y = N(() => {
+    }), x = N(() => Array.isArray(r.value.file) ? r.value.file.filter((y) => y instanceof File).length === 1 : r.value.file instanceof FileList ? r.value.file.length === 1 : r.value.file instanceof File), v = N(() => {
       if (i.value)
         return "";
       if (r.value.src)
         return r.value.src;
       if (x.value) {
-        let m = null;
-        if (Array.isArray(r.value.file) || r.value.file instanceof FileList ? m = r.value.file[0] : r.value.file instanceof File && (m = r.value.file), m instanceof File) {
-          const k = l.value.find((u) => u.file === m);
+        let y = null;
+        if (Array.isArray(r.value.file) || r.value.file instanceof FileList ? y = r.value.file[0] : r.value.file instanceof File && (y = r.value.file), y instanceof File) {
+          const k = l.value.find((u) => u.file === y);
           return k ? k.preview : "";
-        } else if (typeof m == "string")
-          return m;
+        } else if (typeof y == "string")
+          return y;
       }
       return "";
     }), f = N(() => [
@@ -2023,17 +2005,17 @@ const il = /* @__PURE__ */ Q(nl, [["render", sl]]), cl = { class: "relative" },
     ]), p = () => {
       if (!e.editor) return;
       if (e.editor.isActive("image")) {
-        const { state: k } = e.editor, { selection: u } = k, { $from: _ } = u;
+        const { state: k } = e.editor, { selection: u } = k, { $from: $ } = u;
         let b = null, T = null;
-        if (_.parent.type.name === "image")
-          b = _.before(_.depth), T = _.parent;
+        if ($.parent.type.name === "image")
+          b = $.before($.depth), T = $.parent;
         else
-          for (let H = _.depth; H > 0; H--) {
-            const X = _.node(H), g = _.before(H);
+          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;
-                (b === null || Math.abs(D - u.$from.pos) < Math.abs(b - u.$from.pos)) && (b = D, T = A);
+                const V = g + B + 1;
+                (b === null || Math.abs(V - u.$from.pos) < Math.abs(b - u.$from.pos)) && (b = V, T = A);
               }
             });
           }
@@ -2049,22 +2031,22 @@ const il = /* @__PURE__ */ Q(nl, [["render", sl]]), cl = { class: "relative" },
           const { state: H } = e.editor;
           c.value = H.selection.$from.pos;
         }
-        const h = T ? T.attrs : e.editor.getAttributes("image");
+        const m = T ? T.attrs : e.editor.getAttributes("image");
         o.value = !0;
-        let F = "", j = !1;
+        let S = "", P = !1;
         const z = e.editor.getAttributes("link");
-        z && z.href && (F = z.href, j = z.target === "_blank");
-        const P = h.src || "", S = P ? [P] : [];
+        z && z.href && (S = z.href, P = z.target === "_blank");
+        const j = m.src || "", F = j ? [j] : [];
         r.value = {
-          src: P,
-          file: S,
+          src: j,
+          file: F,
           // Масив з поточним зображенням
-          alt: h.alt || "",
-          title: h.title || "",
-          width: h.width || "",
-          height: h.height || "",
-          link: F,
-          openInNewTab: j
+          alt: m.alt || "",
+          title: m.title || "",
+          width: m.width || "",
+          height: m.height || "",
+          link: S,
+          openInNewTab: P
         };
       } else
         o.value = !1, r.value = {
@@ -2078,9 +2060,9 @@ const il = /* @__PURE__ */ Q(nl, [["render", sl]]), cl = { class: "relative" },
           link: "",
           openInNewTab: !1
         };
-      s.value = !1, a.value = !0;
+      n.value = !1, a.value = !0;
     }, I = () => {
-      a.value = !1, s.value = !1, o.value = !1, l.value = [], c.value = null, r.value = {
+      a.value = !1, n.value = !1, o.value = !1, l.value = [], c.value = null, r.value = {
         src: "",
         file: [],
         // Завжди масив
@@ -2091,40 +2073,40 @@ const il = /* @__PURE__ */ Q(nl, [["render", sl]]), cl = { class: "relative" },
         link: "",
         openInNewTab: !1
       };
-    }, V = async (m) => {
-      if (!m || m.length === 0)
+    }, D = async (y) => {
+      if (!y || y.length === 0)
         return;
       const k = [];
-      for (const u of m)
+      for (const u of y)
         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) => {
+          const b = new Promise((T, m) => {
+            const S = new FileReader();
+            S.onload = (P) => {
               l.value.push({
                 file: u,
-                preview: j.target.result,
+                preview: P.target.result,
                 error: !1
               }), T();
-            }, F.onerror = h, F.readAsDataURL(u);
+            }, S.onerror = m, S.readAsDataURL(u);
           });
           k.push(b);
         }
       await Promise.all(k);
-    }, O = (m) => {
-      l.value.splice(m, 1), Array.isArray(r.value.file) && r.value.file.splice(m, 1);
+    }, O = (y) => {
+      l.value.splice(y, 1), Array.isArray(r.value.file) && r.value.file.splice(y, 1);
     }, R = () => {
-      const m = r.value.width !== null && r.value.width !== void 0 && r.value.width !== "" && String(r.value.width).trim() !== "" ? String(r.value.width).trim() : "", k = r.value.height !== null && r.value.height !== void 0 && r.value.height !== "" && String(r.value.height).trim() !== "" ? String(r.value.height).trim() : "", u = {};
-      return m && k ? (u.width = m, u.height = k, u.style = `width: ${m}px; height: ${k}px; object-fit: fill;`) : m ? (u.width = m, u.height = void 0) : k ? (u.height = k, u.width = void 0) : (u.width = void 0, u.height = void 0), u;
-    }, J = (m, k = null, u = 50) => {
-      const _ = () => {
-        const { view: h } = m;
-        if (!h || !h.dom) return;
-        h.dom.querySelectorAll("img.editor-image[width][height]").forEach((z) => {
+      const y = r.value.width !== null && r.value.width !== void 0 && r.value.width !== "" && String(r.value.width).trim() !== "" ? String(r.value.width).trim() : "", k = r.value.height !== null && r.value.height !== void 0 && r.value.height !== "" && String(r.value.height).trim() !== "" ? String(r.value.height).trim() : "", u = {};
+      return y && k ? (u.width = y, u.height = k, u.style = `width: ${y}px; height: ${k}px; object-fit: fill;`) : y ? (u.width = y, u.height = void 0) : k ? (u.height = k, u.width = void 0) : (u.width = void 0, u.height = void 0), u;
+    }, Z = (y, k = null, u = 50) => {
+      const $ = () => {
+        const { view: m } = y;
+        if (!m || !m.dom) return;
+        m.dom.querySelectorAll("img.editor-image[width][height]").forEach((z) => {
           if (z instanceof HTMLImageElement) {
-            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;
+            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;
             max-width: none !important;
             max-height: none !important;
             min-width: auto !important;
@@ -2134,88 +2116,88 @@ const il = /* @__PURE__ */ Q(nl, [["render", sl]]), cl = { class: "relative" },
           }
         });
       }, 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));
+      b && T && b !== "" && T !== "" ? [0, u, u * 2, u * 3, u * 4].forEach((S) => {
+        setTimeout($, S);
+      }) : ($(), setTimeout($, u));
     }, 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((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]);
+      let y = [], k = [];
+      if (Array.isArray(r.value.file) ? (y = r.value.file.filter((m) => m instanceof File), k = r.value.file.filter((m) => typeof m == "string" && m.trim() !== "")) : r.value.file instanceof FileList ? y = Array.from(r.value.file) : r.value.file instanceof File ? y = [r.value.file] : typeof r.value.file == "string" && r.value.file.trim() !== "" && (k = [r.value.file]), y.length === 0 && k.length === 0 && s.value && s.value.file) {
+        const m = s.value.file;
+        Array.isArray(m) ? (y = m.filter((S) => S instanceof File), k = m.filter((S) => typeof S == "string" && S.trim() !== "")) : m instanceof FileList ? y = Array.from(m) : m instanceof File ? y = [m] : typeof m == "string" && m.trim() !== "" && (k = [m]);
       }
       if (k.length > 0 && !o.value) {
-        for (const h of k)
-          l.value.some((F) => F.url === h) || l.value.push({
-            url: h,
-            preview: h,
+        for (const m of k)
+          l.value.some((S) => S.url === m) || l.value.push({
+            url: m,
+            preview: m,
             error: !1
           });
-        if (m.length === 0 && l.value.length > 0) {
-          await ne();
+        if (y.length === 0 && l.value.length > 0) {
+          await ae();
           return;
         }
       }
-      const u = m.length, _ = u + k.length;
+      const u = y.length, $ = u + k.length;
       if (!(o.value && u <= 1)) {
         if (u > 0) {
-          const h = m.filter(
-            (F) => !l.value.some((j) => j.file === F)
+          const m = y.filter(
+            (S) => !l.value.some((P) => P.file === S)
           );
-          h.length > 0 && await V(h);
+          m.length > 0 && await D(m);
         }
       }
       if (!o.value) {
-        if (_ > 1 || i.value || l.value.length > 1) {
+        if ($ > 1 || i.value || l.value.length > 1) {
           if (l.value.length > 0) {
-            await ne();
+            await ae();
             return;
           } else if (u > 0) {
-            if (await V(m), l.value.length > 0) {
-              await ne();
+            if (await D(y), l.value.length > 0) {
+              await ae();
               return;
             }
           } else if (k.length > 0) {
-            await ne();
+            await ae();
             return;
           }
         } else if (l.value.length > 1) {
-          await ne();
+          await ae();
           return;
         }
       }
       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)
+        let m = null;
+        if (Array.isArray(r.value.file) || r.value.file instanceof FileList ? m = r.value.file[0] : (r.value.file instanceof File || typeof r.value.file == "string") && (m = r.value.file), m instanceof File)
           try {
-            const F = new FileReader(), j = await new Promise((z, P) => {
-              F.onload = (S) => z(S.target.result), F.onerror = P, F.readAsDataURL(h);
+            const S = new FileReader(), P = await new Promise((z, j) => {
+              S.onload = (F) => z(F.target.result), S.onerror = j, S.readAsDataURL(m);
             });
-            b = j, o.value && (r.value.src = j);
-          } catch (F) {
-            console.error("Помилка при читанні файлу:", F), Fe({
+            b = P, o.value && (r.value.src = P);
+          } catch (S) {
+            console.error("Помилка при читанні файлу:", S), we({
               type: "error",
               title: "Помилка",
               message: "Не вдалося прочитати файл"
             });
             return;
           }
-        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 typeof m == "string" && m.trim() !== "" && (b = m.trim(), o.value && m.trim() !== r.value.src && (r.value.src = m.trim(), b = m.trim()));
       } else if (Array.isArray(r.value.file) && r.value.file.length === 1) {
-        const h = r.value.file[0];
-        typeof h == "string" && h.trim() !== "" && (b = h.trim(), (!r.value.src || r.value.src !== h.trim()) && (r.value.src = h.trim()));
+        const m = r.value.file[0];
+        typeof m == "string" && m.trim() !== "" && (b = m.trim(), (!r.value.src || r.value.src !== m.trim()) && (r.value.src = m.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() !== "";
+      const T = b || Array.isArray(r.value.file) && r.value.file.length > 0 && (r.value.file.some((m) => m instanceof File) || r.value.file.some((m) => typeof m == "string" && m.trim() !== "")) || r.value.file instanceof FileList && r.value.file.length > 0 || typeof r.value.file == "string" && r.value.file.trim() !== "";
       if (!b && !T) {
-        Fe({
+        we({
           type: "warning",
           title: "Попередження",
           message: "Будь ласка, введіть URL зображення або виберіть файл"
         });
         return;
       }
-      if (!i.value && !T && await n.value.validate()) {
-        Fe({
+      if (!i.value && !T && await s.value.validate()) {
+        we({
           type: "warning",
           title: "Попередження",
           message: "Будь ласка, заповніть всі обов'язкові поля"
@@ -2224,53 +2206,53 @@ const il = /* @__PURE__ */ Q(nl, [["render", sl]]), cl = { class: "relative" },
       }
       if (e.editor && b)
         if (o.value && c.value !== null) {
-          const { state: h } = e.editor;
+          const { state: m } = e.editor;
           try {
             e.editor.chain().focus().setNodeSelection(c.value).run();
           } catch {
             e.editor.chain().focus().setTextSelection(c.value).run();
           }
-          const F = e.editor.getAttributes("link"), j = F && F.href, z = R(), P = {
+          const S = e.editor.getAttributes("link"), P = S && S.href, z = R(), j = {
             src: b,
             alt: r.value.alt || "",
             title: r.value.title || "",
             ...z
           };
-          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 ((!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 (g instanceof HTMLImageElement) {
                 const A = g.getAttribute("src") || g.src;
                 (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 S = r.value.link.trim();
-            S.match(/^https?:\/\//i) || (S = "https://" + S), j ? e.editor.chain().focus().extendMarkRange("link").setLink({
-              href: S,
+            let F = r.value.link.trim();
+            F.match(/^https?:\/\//i) || (F = "https://" + F), P ? e.editor.chain().focus().extendMarkRange("link").setLink({
+              href: F,
               target: r.value.openInNewTab ? "_blank" : null
             }).run() : e.editor.chain().focus().selectParentNode().setLink({
-              href: S,
+              href: F,
               target: r.value.openInNewTab ? "_blank" : null
             }).run();
-          } else j && e.editor.chain().focus().extendMarkRange("link").unsetLink().run();
+          } else P && e.editor.chain().focus().extendMarkRange("link").unsetLink().run();
         } else {
-          const { state: h } = e.editor, { selection: F } = h, { $anchor: j } = F;
+          const { state: m } = e.editor, { selection: S } = m, { $anchor: P } = S;
           let z = null;
-          for (let S = j.depth; S > 0; S--) {
-            const H = j.node(S);
+          for (let F = P.depth; F > 0; F--) {
+            const H = P.node(F);
             if (H && H.type.name === "paragraph") {
               z = H;
               break;
             }
           }
           if (z && z.content.content.some(
-            (S) => S.type.name === "image"
+            (F) => F.type.name === "image"
           )) {
-            const S = ee(z, j.before(j.depth));
-            if (S !== null) {
-              const H = R(), X = h.schema.nodes.image.create({
+            const F = ee(z, P.before(P.depth));
+            if (F !== null) {
+              const H = R(), X = m.schema.nodes.image.create({
                 src: b,
                 alt: r.value.alt || "",
                 title: r.value.title || "",
@@ -2279,13 +2261,13 @@ const il = /* @__PURE__ */ Q(nl, [["render", sl]]), cl = { class: "relative" },
               if (r.value.link && r.value.link.trim() !== "") {
                 let g = r.value.link.trim();
                 g.match(/^https?:\/\//i) || (g = "https://" + g);
-                const A = h.schema.marks.link.create({
+                const A = m.schema.marks.link.create({
                   href: g,
                   target: r.value.openInNewTab ? "_blank" : null
                 }), B = X.type.create(X.attrs, X.content, [A]);
-                e.editor.chain().focus().insertContentAt(S + 1, B).run(), J(e.editor, b);
+                e.editor.chain().focus().insertContentAt(F + 1, B).run(), Z(e.editor, b);
               } else
-                e.editor.chain().focus().insertContentAt(S + 1, X).run(), J(e.editor, b);
+                e.editor.chain().focus().insertContentAt(F + 1, X).run(), Z(e.editor, b);
             } else if (r.value.link && r.value.link.trim() !== "") {
               const H = R();
               e.editor.chain().focus().setImage({
@@ -2298,7 +2280,7 @@ const il = /* @__PURE__ */ Q(nl, [["render", sl]]), cl = { 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, b, 20);
+                }).run(), Z(e.editor, b, 20);
               }, 10);
             } else {
               const H = R();
@@ -2307,136 +2289,136 @@ const il = /* @__PURE__ */ Q(nl, [["render", sl]]), cl = { class: "relative" },
                 alt: r.value.alt || "",
                 title: r.value.title || "",
                 ...H
-              }).run(), J(e.editor, b);
+              }).run(), Z(e.editor, b);
             }
           } else if (r.value.link && r.value.link.trim() !== "") {
-            const S = R();
+            const F = R();
             e.editor.chain().focus().setImage({
               src: b,
               alt: r.value.alt || "",
               title: r.value.title || "",
-              ...S
+              ...F
             }).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, b, 20);
+              }).run(), Z(e.editor, b, 20);
             }, 10);
           } else {
-            const S = R();
+            const F = R();
             e.editor.chain().focus().setImage({
               src: b,
               alt: r.value.alt || "",
               title: r.value.title || "",
-              ...S
-            }).run(), J(e.editor, b);
+              ...F
+            }).run(), Z(e.editor, b);
           }
         }
       I();
-    }, ee = (m, k) => {
+    }, ee = (y, k) => {
       let u = null;
-      return m.forEach((_, b) => {
-        _.type.name === "image" && (u = k + b + 1);
+      return y.forEach(($, b) => {
+        $.type.name === "image" && (u = k + b + 1);
       }), u;
-    }, ne = async () => {
+    }, ae = async () => {
       if (e.editor) {
         if (l.value.length === 0)
           if (Array.isArray(r.value.file) && r.value.file.length > 0) {
-            const m = r.value.file.filter((u) => typeof u == "string" && u.trim() !== ""), k = r.value.file.filter((u) => u instanceof File);
-            for (const u of m)
-              l.value.some((_) => _.url === u || _.preview === u) || l.value.push({
+            const y = r.value.file.filter((u) => typeof u == "string" && u.trim() !== ""), k = r.value.file.filter((u) => u instanceof File);
+            for (const u of y)
+              l.value.some(($) => $.url === u || $.preview === u) || l.value.push({
                 url: u,
                 preview: u,
                 error: !1
               });
-            k.length > 0 && await V(k);
-          } else i.value && await V(r.value.file);
+            k.length > 0 && await D(k);
+          } else i.value && await D(r.value.file);
         if (l.value.length !== 0)
           try {
-            const m = [], k = R();
+            const y = [], k = R();
             for (const u of l.value) {
-              const _ = u.url || u.preview || "";
-              if (!_) continue;
+              const $ = u.url || u.preview || "";
+              if (!$) continue;
               const b = e.editor.schema.nodes.image.create({
-                src: _,
+                src: $,
                 alt: r.value.alt || "",
                 title: r.value.title || "",
                 ...k
               });
-              m.push(b);
+              y.push(b);
             }
-            m.length > 0 && (e.editor.chain().focus().command(({ tr: u, dispatch: _ }) => {
-              if (_) {
+            y.length > 0 && (e.editor.chain().focus().command(({ tr: u, dispatch: $ }) => {
+              if ($) {
                 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);
+                let m = b.$anchor.pos, S = null, P = null;
+                for (let j = T.depth; j > 0; j--) {
+                  const F = T.node(j);
+                  if (F && F.type.name === "paragraph") {
+                    S = F, P = T.start(j);
                     break;
                   }
                 }
-                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;
+                if (S) {
+                  let j = null;
+                  S.forEach((F, H) => {
+                    F.type.name === "image" && (j = P + H + 1);
+                  }), j !== null ? m = j + 1 : m = P + S.content.size;
                 }
-                let z = h;
-                return m.forEach((P) => {
-                  u.insert(z, P), z += P.nodeSize;
+                let z = m;
+                return y.forEach((j) => {
+                  u.insert(z, j), z += j.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((F) => {
-                  const j = F.url || F.preview || "", z = T.src || T.getAttribute("src") || "";
-                  return z === j || z.includes(j.split("/").pop());
+                T instanceof HTMLImageElement && Array.from(l.value).some((S) => {
+                  const P = S.url || S.preview || "", z = T.src || T.getAttribute("src") || "";
+                  return z === P || z.includes(P.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), Fe({
+          } catch (y) {
+            console.error("Помилка при додаванні зображень:", y), we({
               type: "error",
               title: "Помилка",
               message: "Не вдалося додати зображення"
             });
           }
       }
-    }, pe = async () => {
+    }, $e = async () => {
       await M();
-    }, ge = () => {
+    }, Ce = () => {
       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((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)) {
+    return de(() => r.value.file, async (y, k) => {
+      if (n.value = !1, !(o.value && Array.isArray(y) && y.length === 1 && typeof y[0] == "string" && !y.some(($) => $ instanceof File)))
+        if (Array.isArray(y) && y.length > 0) {
+          const u = y.filter((b) => b instanceof File), $ = y.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 D(u), o.value && u.length === 1 && $.length === 0)) {
             const b = new FileReader();
             b.onload = (T) => {
               r.value.src = T.target.result;
             }, b.readAsDataURL(u[0]);
           }
-          if (_.length > 0)
+          if ($.length > 0)
             if (o.value)
-              o.value && _.length === 1 && u.length === 0 && (r.value.src = _[0]);
+              o.value && $.length === 1 && u.length === 0 && (r.value.src = $[0]);
             else {
               u.length === 0 && (l.value = []);
-              for (const b of _)
+              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", cl, [
+        } else y && typeof y == "object" && y instanceof FileList ? (o.value || (l.value = []), await D(Array.from(y))) : y && typeof y == "object" && !Array.isArray(y) && y instanceof File ? (o.value || (l.value = []), await D([y])) : o.value || (l.value = []);
+    }, { immediate: !1 }), de(() => r.value.src, () => {
+      n.value = !1;
+    }), (y, k) => (h(), w("div", tl, [
       d("button", {
         onClick: p,
         class: E([
@@ -2445,70 +2427,70 @@ const il = /* @__PURE__ */ Q(nl, [["render", sl]]), cl = { class: "relative" },
         ]),
         title: "Додати зображення"
       }, [
-        C(L(Wt), { class: "h-4 w-4" }),
+        C(L(Dt), { class: "h-4 w-4" }),
         k[4] || (k[4] = d("span", { class: "sr-only" }, "Додати зображення", -1))
       ], 2),
-      C(lt, {
+      C(Ze, {
         modelValue: a.value,
         "onUpdate:modelValue": k[3] || (k[3] = (u) => a.value = u),
         title: o.value ? "Редагувати зображення" : "Додати зображення"
       }, {
         footer: q(() => [
-          d("div", yl, [
+          d("div", dl, [
             d("button", {
-              onClick: ge,
+              onClick: Ce,
               type: "button",
               class: "px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500"
             }, " Скасувати "),
             d("button", {
-              onClick: pe,
+              onClick: $e,
               type: "button",
               class: "px-4 py-2 text-sm font-medium text-white bg-blue-600 border border-transparent rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500"
-            }, Y(o.value ? "Оновити зображення" : "Додати зображення"), 1)
+            }, G(o.value ? "Оновити зображення" : "Додати зображення"), 1)
           ])
         ]),
         default: q(() => [
-          C(xt, {
+          C(gt, {
             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)
+            form: s.value,
+            "onUpdate:form": k[1] || (k[1] = (u) => s.value = u)
           }, null, 8, ["modelValue", "schema", "form"]),
-          y.value && !i.value ? (v(), w("div", dl, [
+          v.value && !i.value ? (h(), w("div", rl, [
             k[5] || (k[5] = d("p", { class: "text-sm text-gray-600 mb-2" }, "Попередній перегляд:", -1)),
-            de(d("img", {
-              src: y.value,
+            le(d("img", {
+              src: v.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, ul), [
-              [$e, !s.value]
+              onError: k[2] || (k[2] = (u) => n.value = !0)
+            }, null, 40, ol), [
+              [me, !n.value]
             ]),
-            s.value ? (v(), w("p", fl, " Не вдалося завантажити попередній перегляд зображення ")) : U("", !0)
+            n.value ? (h(), w("p", ll, " Не вдалося завантажити попередній перегляд зображення ")) : U("", !0)
           ])) : U("", !0),
-          l.value.length > 0 ? (v(), w("div", pl, [
-            d("p", gl, "Попередній перегляд (" + Y(l.value.length) + " зображень):", 1),
+          l.value.length > 0 ? (h(), w("div", al, [
+            d("p", nl, "Попередній перегляд (" + G(l.value.length) + " зображень):", 1),
             k[6] || (k[6] = d("p", { class: "text-xs text-gray-500 mb-2" }, " Зображення будуть розміщені в ряд, якщо вони помістяться по ширині ", -1)),
-            d("div", hl, [
-              (v(!0), w(ae, null, ie(l.value, (u, _) => (v(), w("div", {
-                key: _,
+            d("div", sl, [
+              (h(!0), w(J, null, re(l.value, (u, $) => (h(), w("div", {
+                key: $,
                 class: "relative"
               }, [
-                de(d("img", {
+                le(d("img", {
                   src: u.preview,
-                  alt: `Попередній перегляд ${_ + 1}`,
+                  alt: `Попередній перегляд ${$ + 1}`,
                   class: "max-w-[100px] max-h-[100px] rounded border object-contain",
                   onError: (b) => u.error = !0
-                }, null, 40, vl), [
-                  [$e, !u.error]
+                }, null, 40, il), [
+                  [me, !u.error]
                 ]),
                 d("button", {
-                  onClick: (b) => 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, ml)
+                }, " × ", 8, cl)
               ]))), 128))
             ])
           ])) : U("", !0)
@@ -2517,7 +2499,7 @@ const il = /* @__PURE__ */ Q(nl, [["render", sl]]), cl = { class: "relative" },
       }, 8, ["modelValue", "title"])
     ]));
   }
-}), xl = { class: "flex items-center" }, wl = ["disabled"], kl = ["disabled"], _l = /* @__PURE__ */ Object.assign({
+}), fl = { class: "flex items-center" }, pl = ["disabled"], gl = ["disabled"], hl = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "vs-editor-history",
@@ -2525,10 +2507,10 @@ const il = /* @__PURE__ */ Q(nl, [["render", sl]]), cl = { class: "relative" },
   setup(t) {
     const e = t, a = () => {
       e.editor?.can().undo() && e.editor.chain().focus().undo().run();
-    }, s = () => {
+    }, n = () => {
       e.editor?.can().redo() && e.editor.chain().focus().redo().run();
     };
-    return (n, o) => (v(), w("div", xl, [
+    return (s, o) => (h(), w("div", fl, [
       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", [
@@ -2537,68 +2519,68 @@ const il = /* @__PURE__ */ Q(nl, [["render", sl]]), cl = { class: "relative" },
         disabled: !t.editor?.can().undo(),
         title: "Undo (Ctrl+Z)"
       }, [
-        C(L(Xt), { class: "h-4 w-4" })
-      ], 10, wl),
+        C(L(Ot), { class: "h-4 w-4" })
+      ], 10, pl),
       d("button", {
-        onClick: s,
+        onClick: n,
         class: E(["w-[30px] h-[30px] flex items-center justify-center rounded-r-full hover:text-gray-900 hover:bg-gray-100", [
           t.editor?.can().redo() ? "text-gray-500" : "text-gray-300 cursor-not-allowed"
         ]]),
         disabled: !t.editor?.can().redo(),
         title: "Redo (Ctrl+Y)"
       }, [
-        C(L(Gt), { class: "h-4 w-4" })
-      ], 10, kl)
+        C(L(Rt), { class: "h-4 w-4" })
+      ], 10, gl)
     ]));
   }
-}), $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({
+}), vl = /* @__PURE__ */ Q(hl, [["__scopeId", "data-v-6a87fc55"]]), ml = { class: "relative" }, yl = { class: "p-6" }, bl = { class: "flex justify-between items-center mb-4" }, xl = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "vs-editor-help",
   props: { editor: Object },
   setup(t) {
-    const e = $(!1), a = $(null), s = () => {
+    const e = _(!1), a = _(null), n = () => {
       e.value = !e.value;
-    }, n = () => {
+    }, s = () => {
       e.value = !1;
     };
-    return (o, l) => (v(), w("div", Cl, [
+    return (o, l) => (h(), w("div", ml, [
       d("button", {
         ref_key: "helpButton",
         ref: a,
-        onClick: s,
+        onClick: n,
         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(Yt), { class: "h-4 w-4" })
+        C(L(Ut), { class: "h-4 w-4" })
       ], 2),
-      e.value ? (v(), w("div", {
+      e.value ? (h(), w("div", {
         key: 0,
         class: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-[100001]",
-        onClick: n
+        onClick: s
       }, [
         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] = gt(() => {
+          onClick: l[0] || (l[0] = it(() => {
           }, ["stop"]))
         }, [
-          d("div", Al, [
-            d("div", Sl, [
+          d("div", yl, [
+            d("div", bl, [
               l[1] || (l[1] = d("h2", { class: "text-xl font-semibold text-gray-900" }, "Common Markdown Syntax & Shortcuts", -1)),
               d("button", {
-                onClick: n,
+                onClick: s,
                 class: "text-gray-400 hover:text-gray-600 transition-colors"
               }, [
-                C(L(Me), { class: "h-6 w-6" })
+                C(L(Le), { class: "h-6 w-6" })
               ])
             ]),
-            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))
+            l[2] || (l[2] = ct('<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)
     ]));
   }
-}), Tl = /* @__PURE__ */ Q(Fl, [["__scopeId", "data-v-92c21275"]]), Ll = {
+}), wl = /* @__PURE__ */ Q(xl, [["__scopeId", "data-v-92c21275"]]), kl = {
   __name: "vs-editor-horizontal-rule",
   props: {
     editor: Object
@@ -2607,59 +2589,59 @@ const il = /* @__PURE__ */ Q(nl, [["render", sl]]), cl = { class: "relative" },
     const e = t, a = () => {
       e.editor && e.editor.chain().focus().setHorizontalRule().run();
     };
-    return (s, n) => (v(), w("button", {
+    return (n, s) => (h(), w("button", {
       title: "Horizontal Rule",
       onClick: a,
       class: "flex flex-col h-[30px] px-1 rounded-full hover:bg-gray-100 justify-center items-center relative flex"
     }, [
-      C(L(Qt), { class: "h-4 w-4" })
+      C(L(qt), { class: "h-4 w-4" })
     ]));
   }
-}, Bl = {
+}, _l = {
   __name: "vs-editor-fullscreen",
   props: {
     editor: Object
   },
   emits: ["toggle-fullscreen"],
   setup(t, { emit: e }) {
-    const a = e, s = () => {
+    const a = e, n = () => {
       a("toggle-fullscreen");
     };
-    return (n, o) => (v(), w("button", {
+    return (s, o) => (h(), w("button", {
       title: "Fullscreen",
-      onClick: s,
+      onClick: n,
       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(Zt), { class: "h-4 w-4" })
+      C(L(Wt), { class: "h-4 w-4" })
     ]));
   }
-}, 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 = {
+}, $l = {
+  bold: Br,
+  italic: jr,
+  color: _o,
+  background_color: Lo,
+  highlight: To,
+  bullet_list: kr,
+  ordered_list: Cr,
+  blockquote: br,
+  codeblock: Sr,
+  underline: Mr,
+  strike: Pr,
+  link: ao,
+  table: uo,
+  text_align: go,
+  font_family: Mo,
+  font_size: zo,
+  superscript: Oo,
+  subscript: qo,
+  heading: Yo,
+  clear_formatting: el,
+  image: ul,
+  history: vl,
+  help: wl,
+  horizontal_rule: kl,
+  fullscreen: _l
+}, Re = {
   // Базовий набір - мінімальний функціонал
   basic: [
     "history",
@@ -2733,17 +2715,17 @@ const il = /* @__PURE__ */ Q(nl, [["render", sl]]), cl = { class: "relative" },
     "fullscreen",
     "help"
   ]
-}, 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 = {
+}, Cl = { class: "flex align-middle gap-x-0.5 border-b flex-wrap border-b-gray-200 px-[10px] py-[6px] border-solid border-transparent" }, Al = { class: "editor-body" }, Fl = {
   key: 0,
   class: "richtext-loading text-sm text-gray-500"
-}, jl = {
+}, Sl = {
   key: 1,
   class: "richtext-error text-sm text-red-600"
-}, 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({
+}, Ll = { class: "html-source-editor" }, Tl = { class: "flex justify-end border-t border-[#e5e7eb] bg-[#f8fafc] px-4 min-h-[38px] items-start overflow-visible" }, Bl = { class: "inline-flex items-stretch -mt-px" }, Pl = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "vs-richtext",
-  props: /* @__PURE__ */ vt({
+  props: /* @__PURE__ */ dt({
     modelValue: { type: String, default: () => "" },
     height: { type: String, default: () => "300px" },
     format: { type: String, default: () => "html" },
@@ -2757,28 +2739,28 @@ const il = /* @__PURE__ */ Q(nl, [["render", sl]]), cl = { class: "relative" },
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    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(
+    const e = t, a = ut(t, "modelValue"), n = _(null), s = _(null), o = ft(null), l = _(!1), c = _(""), r = _(!1), i = _(null), x = _(""), v = _(""), f = _(null), p = _(!1), I = _(!1), { isFullscreen: D, toggleFullscreen: O } = Xt(), { t: R } = je(), Z = 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) => 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, (Se, st) => st.toUpperCase())] = ve);
+    ), ee = N(() => o.value || null), ae = N(() => typeof e.toolbar == "string" ? Re[e.toolbar] || Re.default : e.toolbar), $e = N(() => ae.value.map((g) => $l[g]).filter(Boolean)), Ce = N(() => (i.value?.attributes || []).find((A) => A.name === "class")?.value || ""), y = N(() => {
+      const A = (i.value?.attributes || []).find((V) => V.name === "style")?.value || "", B = {};
+      return A.split(";").forEach((V) => {
+        const [K, ...be] = V.split(":"), ie = K?.trim(), ce = be.join(":").trim();
+        !ie || !ce || ie !== "height" && (B[ie.replace(/-([a-z])/g, (xe, tt) => tt.toUpperCase())] = ce);
       }), B;
     }), k = (g) => {
       const A = (g || "").trim();
       return A ? /^<p(?:\s+[^>]*)?>(?:\s|<br[^>]*>)*<\/p>$/i.test(A) : !0;
-    }, u = (g) => k(g) ? "" : g || "", _ = (g) => {
+    }, u = (g) => k(g) ? "" : g || "", $ = (g) => {
       const A = g || "";
       f.value = A, a.value = A;
     }, 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) {
-          const D = B.getAttribute("width"), G = B.getAttribute("height");
-          D && G && D !== "auto" && G !== "auto" && D !== "" && G !== "" && !isNaN(Number(D)) && !isNaN(Number(G)) && (B.style.cssText = `
-          width: ${D}px !important;
-          height: ${G}px !important;
+          const V = B.getAttribute("width"), K = B.getAttribute("height");
+          V && K && V !== "auto" && K !== "auto" && V !== "" && K !== "" && !isNaN(Number(V)) && !isNaN(Number(K)) && (B.style.cssText = `
+          width: ${V}px !important;
+          height: ${K}px !important;
           max-width: none !important;
           max-height: none !important;
           min-width: auto !important;
@@ -2789,62 +2771,62 @@ const il = /* @__PURE__ */ Q(nl, [["render", sl]]), cl = { 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(() => {
+      u(o.value.getHTML()) !== (g || "") && (o.value.commands.setContent(g || "", !1), ne(() => {
         b(o.value);
       }));
-    }, h = async (g) => {
-      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;
+    }, m = async (g) => {
+      I.value = !0, v.value = g || "", await ne(), I.value = !1;
+    }, S = async (g) => e.format === "html" ? ke(g || "") : g || "", P = async () => {
+      const g = await S(v.value);
+      g !== (a.value || "") ? $(g) : f.value = g;
     }, z = async (g) => {
       const A = g || "";
       if (e.format === "html") {
-        const B = Te(A), D = Re(B);
-        i.value = D.wrapper, await T(D.bodyHtml || ""), f.value = B;
+        const B = ke(A), V = Ne(B);
+        i.value = V.wrapper, await T(V.bodyHtml || ""), f.value = B;
         return;
       } else {
         i.value = null;
-        const B = await qe(A, e.format);
-        await T(B || ""), r.value && await h(A);
+        const B = await Ve(A, e.format);
+        await T(B || ""), r.value && await m(A);
       }
       f.value = A;
-    }, P = async () => {
+    }, j = async () => {
       if (e.format === "html") {
-        const A = u(o.value?.getHTML() || x.value || ""), B = Ue(A, i.value);
-        return Ke(Te(B), "html");
+        const A = u(o.value?.getHTML() || x.value || ""), B = ze(A, i.value);
+        return De(ke(B), "html");
       }
       const g = u(o.value?.getHTML() || x.value || "");
-      return Ke(g, e.format);
-    }, S = async (g) => {
+      return De(g, e.format);
+    }, F = async (g) => {
       if (r.value !== g) {
         if (g) {
-          p.value = !0, r.value = !0, await h(await P()), ue(() => {
-            n.value?.focus?.();
+          p.value = !0, r.value = !0, await m(await j()), ne(() => {
+            s.value?.focus?.();
           });
           return;
         }
-        if (await j(), e.format === "html") {
-          const A = Te(y.value || ""), B = Re(A);
+        if (await P(), e.format === "html") {
+          const A = ke(v.value || ""), B = Ne(A);
           i.value = B.wrapper, await T(B.bodyHtml || "", { force: !0 });
         } else {
-          const A = await qe(y.value || "", e.format);
+          const A = await Ve(v.value || "", e.format);
           await T(A || "", { force: !0 });
         }
-        r.value = !1, p.value = !1, ue(() => {
+        r.value = !1, p.value = !1, ne(() => {
           o.value?.commands?.focus?.();
         });
       }
     }, H = () => {
       r.value || o.value?.commands?.focus?.();
     }, X = async () => {
-      if (!s.value) return null;
+      if (!n.value) return null;
       l.value = !0, c.value = "";
       try {
-        const g = await dr();
+        const g = await rr();
         if (!g) return null;
         const A = new g.Editor({
-          element: s.value,
+          element: n.value,
           content: x.value || "",
           extensions: [
             g.StarterKit.configure({
@@ -2893,38 +2875,38 @@ const il = /* @__PURE__ */ Q(nl, [["render", sl]]), cl = { class: "relative" },
             g.Iframe
           ],
           editorProps: {
-            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 Se = Ae.node(ve);
-                  if (Se && (Se.type.name === "bulletList" || Se.type.name === "orderedList")) {
-                    he = !0;
+            handlePaste: (B, V) => pr(B, V, g.ProseMirrorDOMParser),
+            handleKeyDown: (B, V) => {
+              if (V.key === "Tab") {
+                const K = B.state, { $anchor: be } = K.selection;
+                let ie = !1;
+                for (let ce = be.depth; ce > 0; ce--) {
+                  const xe = be.node(ce);
+                  if (xe && (xe.type.name === "bulletList" || xe.type.name === "orderedList")) {
+                    ie = !0;
                     break;
                   }
                 }
-                return he ? !1 : (D.preventDefault(), !0);
+                return ie ? !1 : (V.preventDefault(), !0);
               }
               return !1;
             }
           }
         });
-        return o.value = bt(A), o.value.on("update", async ({ editor: B }) => {
+        return o.value = pt(A), o.value.on("update", async ({ editor: B }) => {
           if (r.value) return;
-          const D = u(B.getHTML());
-          if (x.value = D, e.format === "html") {
-            const G = Ue(D, i.value);
-            G !== a.value && _(G);
+          const V = u(B.getHTML());
+          if (x.value = V, e.format === "html") {
+            const K = ze(V, i.value);
+            K !== a.value && $(K);
           } else {
-            const G = await br(D, e.format);
-            G !== a.value && _(G);
+            const K = await ur(V, e.format);
+            K !== a.value && $(K);
           }
           setTimeout(() => {
             b(B);
           }, 10);
-        }), ue(() => {
+        }), ne(() => {
           b(o.value);
         }), A;
       } catch (g) {
@@ -2933,7 +2915,7 @@ const il = /* @__PURE__ */ Q(nl, [["render", sl]]), cl = { class: "relative" },
         l.value = !1;
       }
     };
-    return me(
+    return de(
       () => e.modelValue,
       async (g) => {
         if (p.value) return;
@@ -2941,22 +2923,22 @@ const il = /* @__PURE__ */ Q(nl, [["render", sl]]), cl = { class: "relative" },
         A !== f.value && await z(A);
       },
       { immediate: !0 }
-    ), me(y, async () => {
-      !r.value || !p.value || I.value || await j();
-    }), ye(async () => {
-      await X(), ue(() => {
+    ), de(v, async () => {
+      !r.value || !p.value || I.value || await P();
+    }), ue(async () => {
+      await X(), ne(() => {
         o.value && setTimeout(() => {
           b(o.value);
         }, 100);
       });
-    }), Qe(async () => {
-      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) }])
+    }), We(async () => {
+      r.value && p.value && await P(), o.value?.destroy?.(), o.value = null;
+    }), (g, A) => (h(), w("div", {
+      class: E(["bg-white rounded-md w-full", { "fixed left-0 right-0 top-0 bottom-0 z-[100000]": L(D) }])
     }, [
-      d("div", Il, [
-        (v(!0), w(ae, null, ie(pe.value, (B) => (v(), w(ae, { key: B }, [
-          o.value ? (v(), W(Ee(B), {
+      d("div", Cl, [
+        (h(!0), w(J, null, re($e.value, (B) => (h(), w(J, { key: B }, [
+          o.value ? (h(), W(Fe(B), {
             key: 0,
             editor: ee.value,
             onToggleFullscreen: L(O)
@@ -2966,61 +2948,61 @@ const il = /* @__PURE__ */ Q(nl, [["render", sl]]), cl = { class: "relative" },
       d("div", {
         onClick: H,
         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 })
+        style: te({ height: L(D) ? "calc(95vh - 44px)" : t.height })
       }, [
-        d("div", Ml, [
-          de(d("div", {
-            class: E(["rich-text-scroll-wrapper", ge.value]),
-            style: se(m.value)
+        d("div", Al, [
+          le(d("div", {
+            class: E(["rich-text-scroll-wrapper", Ce.value]),
+            style: te(y.value)
           }, [
             d("div", {
               ref_key: "editorElement",
-              ref: s,
+              ref: n,
               class: "relative w-full"
             }, null, 512),
-            l.value ? (v(), w("div", Pl, "Loading editor...")) : U("", !0),
-            c.value ? (v(), w("div", jl, Y(c.value), 1)) : U("", !0)
+            l.value ? (h(), w("div", Fl, "Loading editor...")) : U("", !0),
+            c.value ? (h(), w("div", Sl, G(c.value), 1)) : U("", !0)
           ], 6), [
-            [$e, !r.value]
+            [me, !r.value]
           ]),
-          de(d("div", Hl, [
-            C(wt, {
+          le(d("div", Ll, [
+            C(ht, {
               ref_key: "htmlTextarea",
-              ref: n,
-              modelValue: y.value,
-              "onUpdate:modelValue": A[0] || (A[0] = (B) => y.value = B),
+              ref: s,
+              modelValue: v.value,
+              "onUpdate:modelValue": A[0] || (A[0] = (B) => v.value = B),
               height: "100%",
-              syntax: J.value,
+              syntax: Z.value,
               theme: "vs-light"
             }, null, 8, ["modelValue", "syntax"])
           ], 512), [
-            [$e, r.value]
+            [me, r.value]
           ])
         ])
       ], 4),
-      d("div", Nl, [
-        d("div", zl, [
+      d("div", Tl, [
+        d("div", Bl, [
           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) => S(!1))
-          }, Y(L(R)("form.richtext.editor")), 3),
+            onClick: A[1] || (A[1] = (B) => F(!1))
+          }, G(L(R)("form.richtext.editor")), 3),
           d("button", {
             type: "button",
             class: E([
               "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) => S(!0))
-          }, Y(M.value), 3)
+            onClick: A[2] || (A[2] = (B) => F(!0))
+          }, G(M.value), 3)
         ])
       ])
     ], 2));
   }
 });
 export {
-  Ul as default
+  Pl as default
 };