@opengis/form 0.0.190 → 0.0.191

package/dist/{vs-richtext-CHMaajmi.js → vs-richtext-bB5eV_6n.js}

@@ -1,9 +1,9 @@
-import { ref as C, getCurrentInstance as lt, resolveComponent as G, createElementBlock as k, openBlock as v, normalizeClass as E, createVNode as F, createElementVNode as d, unref as L, createBlock as K, Teleport as Ke, createCommentVNode as V, Transition as We, withCtx as R, toDisplayString as W, renderSlot as be, defineComponent as at, withDirectives as ce, mergeProps as nt, vModelDynamic as st, Fragment as re, vModelCheckbox as it, nextTick as ge, watch as we, onMounted as he, onBeforeUnmount as Xe, normalizeStyle as le, vShow as ke, computed as H, renderList as ne, onUnmounted as Ae, resolveDynamicComponent as Te, vModelText as ct, withModifiers as dt, createStaticVNode as ut, mergeModels as ft, useModel as pt, shallowRef as gt, markRaw as ht } from "vue";
-import { r as He, _ as X, a as vt, b as mt } from "./index-CiyWLGmN.js";
-import { Quote as bt, List as yt, ListOrdered as xt, CodeXml as wt, Bold as kt, Italic as _t, Underline as $t, Strikethrough as Ct, X as Be, Mail as At, Search as Ft, Link2 as St, ExternalLink as Tt, Trash2 as Lt, Table2 as Bt, AlignJustify as Et, AlignRight as It, AlignCenter as Pt, AlignLeft as jt, Check as ye, Eraser as Mt, PaintBucket as Ht, Highlighter as Nt, ChevronDown as Ee, ALargeSmall as zt, Superscript as Dt, Subscript as Ot, RemoveFormatting as Vt, Image as Rt, Undo2 as Ut, Redo2 as qt, CircleHelp as Kt, Minus as Wt, Maximize as Xt } from "lucide-vue-next";
-import { notify as Ce } from "@opengis/core";
-function Gt() {
-  const t = C(!1);
+import { ref as $, getCurrentInstance as st, resolveComponent as Z, createElementBlock as w, openBlock as v, normalizeClass as E, createVNode as C, createElementVNode as d, unref as L, createBlock as W, Teleport as Ge, createCommentVNode as U, Transition as Ye, withCtx as q, toDisplayString as Y, renderSlot as we, defineComponent as it, withDirectives as de, mergeProps as ct, vModelDynamic as dt, Fragment as ae, vModelCheckbox as ut, nextTick as ue, watch as me, onMounted as be, onBeforeUnmount as Qe, normalizeStyle as se, vShow as $e, computed as N, renderList as ie, onUnmounted as Le, resolveDynamicComponent as Ee, vModelText as ft, withModifiers as pt, createStaticVNode as gt, mergeModels as ht, useModel as vt, shallowRef as mt, markRaw as bt } from "vue";
+import { r as De, _ as Q, a as yt, b as xt } from "./index-Cc_sXScq.js";
+import { Quote as wt, List as kt, ListOrdered as _t, CodeXml as $t, Bold as Ct, Italic as At, Underline as Ft, Strikethrough as St, X as Pe, Mail as Tt, Search as Lt, Link2 as Bt, ExternalLink as Et, Trash2 as It, Table2 as Pt, AlignJustify as jt, AlignRight as Mt, AlignCenter as Ht, AlignLeft as Nt, Check as ke, Eraser as zt, PaintBucket as Dt, Highlighter as Vt, ChevronDown as je, ALargeSmall as Ot, Superscript as Rt, Subscript as Ut, RemoveFormatting as qt, Image as Kt, Undo2 as Wt, Redo2 as Xt, CircleHelp as Gt, Minus as Yt, Maximize as Qt } from "lucide-vue-next";
+import { notify as Se } from "@opengis/core";
+function Zt() {
+  const t = $(!1);
   return {
     isFullscreen: t,
     toggleFullscreen: () => {
@@ -11,32 +11,32 @@ function Gt() {
     }
   };
 }
-const Yt = "https://esm.sh", te = "3.7.2", Ge = "3.7.2", Qt = `?deps=@tiptap/core@${te},@tiptap/pm@${Ge}`, Z = (t) => `${Yt}/${t}${Qt}`, J = {
-  core: Z(`@tiptap/core@${te}`),
-  starterKit: Z(`@tiptap/starter-kit@${te}`),
-  textStyle: Z(`@tiptap/extension-text-style@${te}`),
-  table: Z(`@tiptap/extension-table@${te}`),
-  highlight: Z(`@tiptap/extension-highlight@${te}`),
-  subscript: Z(`@tiptap/extension-subscript@${te}`),
-  superscript: Z(`@tiptap/extension-superscript@${te}`),
-  link: Z(`@tiptap/extension-link@${te}`),
-  image: Z(`@tiptap/extension-image@${te}`),
-  textAlign: Z(`@tiptap/extension-text-align@${te}`),
-  heading: Z(`@tiptap/extension-heading@${te}`),
-  paragraph: Z(`@tiptap/extension-paragraph@${te}`),
-  pmModel: Z(`@tiptap/pm@${Ge}/model`)
-}, ve = "__vs_form_tiptap_loader__", ee = (t) => import(
+const Jt = "https://esm.sh", le = "3.7.2", Ze = "3.7.2", er = `?deps=@tiptap/core@${le},@tiptap/pm@${Ze}`, te = (t) => `${Jt}/${t}${er}`, re = {
+  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`)
+}, ye = "__vs_form_tiptap_loader__", oe = (t) => import(
   /* @vite-ignore */
   t
-), q = (t, e) => t?.[e] || t?.default?.[e] || t?.default?.default?.[e] || t?.default || t, Zt = (t) => t.extend({
+), K = (t, e) => t?.[e] || t?.default?.[e] || t?.default?.default?.[e] || t?.default || t, tr = (t) => t.extend({
   addOptions() {
     return {
       ...this.parent?.(),
       levels: [1, 2, 3, 4, 5, 6]
     };
   }
-}), Jt = (t, e, a, s, n) => {
-  const r = e.extend({
+}), rr = (t, e, a, s, n) => {
+  const o = e.extend({
     addAttributes() {
       return {
         ...this.parent?.(),
@@ -82,7 +82,7 @@ const Yt = "https://esm.sh", te = "3.7.2", Ge = "3.7.2", Qt = `?deps=@tiptap/cor
   return t.extend({
     addExtensions() {
       return [
-        r.configure({
+        o.configure({
           resizable: !0
         }),
         a,
@@ -91,7 +91,7 @@ const Yt = "https://esm.sh", te = "3.7.2", Ge = "3.7.2", Qt = `?deps=@tiptap/cor
       ];
     }
   });
-}, er = (t) => t.extend({
+}, or = (t) => t.extend({
   addAttributes() {
     return {
       ...this.parent?.(),
@@ -137,7 +137,7 @@ const Yt = "https://esm.sh", te = "3.7.2", Ge = "3.7.2", Qt = `?deps=@tiptap/cor
       unsetBackgroundColor: () => ({ chain: e }) => e().setMark("textStyle", { backgroundColor: null }).removeEmptyTextStyle().run()
     };
   }
-}), tr = (t) => t.create({
+}), lr = (t) => t.create({
   name: "iframe",
   group: "block",
   inline: !1,
@@ -165,195 +165,195 @@ const Yt = "https://esm.sh", te = "3.7.2", Ge = "3.7.2", Qt = `?deps=@tiptap/cor
     return ["iframe", e];
   }
 });
-async function rr() {
+async function ar() {
   if (typeof window > "u") return null;
   const t = window;
-  return t[ve] || (t[ve] = Promise.all([
-    ee(J.core),
-    ee(J.starterKit),
-    ee(J.textStyle),
-    ee(J.table),
-    ee(J.highlight),
-    ee(J.subscript),
-    ee(J.superscript),
-    ee(J.link),
-    ee(J.image),
-    ee(J.textAlign),
-    ee(J.heading),
-    ee(J.paragraph),
-    ee(J.pmModel)
+  return t[ye] || (t[ye] = 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)
   ]).then(([
     e,
     a,
     s,
     n,
-    r,
+    o,
     l,
     c,
-    o,
+    r,
     i,
-    w,
+    x,
     b,
-    p,
-    g
+    f,
+    p
   ]) => {
-    const P = q(e, "Editor"), O = q(e, "Node"), z = q(a, "StarterKit"), U = q(s, "TextStyle"), Y = q(n, "TableKit"), I = q(n, "Table"), Q = q(n, "TableRow"), oe = q(n, "TableCell"), ue = q(n, "TableHeader"), fe = q(r, "Highlight"), m = q(l, "Subscript"), _ = q(c, "Superscript"), f = q(o, "Link"), $ = q(i, "Image"), y = q(w, "TextAlign"), B = q(b, "Heading"), h = q(p, "Paragraph"), S = q(g, "DOMParser");
-    if (!P || !O || !z || !U || !Y || !I || !Q || !oe || !ue || !fe || !m || !_ || !f || !$ || !y || !B || !h || !S)
+    const I = K(e, "Editor"), V = K(e, "Node"), O = K(a, "StarterKit"), R = K(s, "TextStyle"), J = K(n, "TableKit"), P = K(n, "Table"), ee = K(n, "TableRow"), ne = K(n, "TableCell"), pe = K(n, "TableHeader"), ge = K(o, "Highlight"), m = K(l, "Subscript"), k = K(c, "Superscript"), u = K(r, "Link"), _ = K(i, "Image"), y = K(x, "TextAlign"), T = K(b, "Heading"), h = K(f, "Paragraph"), S = K(p, "DOMParser");
+    if (!I || !V || !O || !R || !J || !P || !ee || !ne || !pe || !ge || !m || !k || !u || !_ || !y || !T || !h || !S)
       throw new Error("Failed to resolve one or more Tiptap modules");
     return {
-      Editor: P,
+      Editor: I,
       ProseMirrorDOMParser: S,
-      StarterKit: z,
-      ExtendedTextStyle: er(U),
-      Highlight: fe,
+      StarterKit: O,
+      ExtendedTextStyle: or(R),
+      Highlight: ge,
       Subscript: m,
-      Superscript: _,
-      Link: f,
-      Image: $,
+      Superscript: k,
+      Link: u,
+      Image: _,
       TextAlign: y,
-      CustomHeading: Zt(B),
+      CustomHeading: tr(T),
       CustomParagraph: h,
-      CustomTableKit: Jt(Y, I, Q, oe, ue),
-      Iframe: tr(O)
+      CustomTableKit: rr(J, P, ee, ne, pe),
+      Iframe: lr(V)
     };
   }).catch((e) => {
-    throw delete t[ve], e;
-  })), t[ve];
+    throw delete t[ye], e;
+  })), t[ye];
 }
-const ie = (t) => t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;"), _e = (t) => {
-  let e = ie(t || "");
-  return e = e.replace(/!\[([^\]]*)]\(([^)\s]+)(?:\s+"([^"]+)")?\)/g, (a, s, n, r) => {
-    const l = r ? ` title="${ie(r)}"` : "";
-    return `<img src="${ie(n)}" alt="${ie(s)}"${l}>`;
-  }), e = e.replace(/\[([^\]]+)]\(([^)\s]+)(?:\s+"([^"]+)")?\)/g, (a, s, n, r) => {
-    const l = r ? ` title="${ie(r)}"` : "";
-    return `<a href="${ie(n)}"${l} target="_blank" rel="noopener noreferrer">${s}</a>`;
+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>`;
   }), 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;
-}, xe = (t) => /^\s*\d+\.\s+/.test(t), Ie = (t) => /^\s*[-*+]\s+/.test(t), Ye = (t) => /^\s*[-*+]\s+\[[ xX]\]\s+/.test(t), Le = (t) => /^\s*>\s?/.test(t), Pe = (t) => /^\s*\|?(?:\s*:?-{3,}:?\s*\|)+\s*:?-{3,}:?\s*\|?\s*$/.test(t), Ne = (t) => t.trim().replace(/^\|/, "").replace(/\|$/, "").split("|").map((e) => _e(e.trim())), or = (t, e) => {
+}, _e = (t) => /^\s*\d+\.\s+/.test(t), Me = (t) => /^\s*[-*+]\s+/.test(t), Je = (t) => /^\s*[-*+]\s+\[[ xX]\]\s+/.test(t), Ie = (t) => /^\s*>\s?/.test(t), He = (t) => /^\s*\|?(?:\s*:?-{3,}:?\s*\|)+\s*:?-{3,}:?\s*\|?\s*$/.test(t), Ve = (t) => t.trim().replace(/^\|/, "").replace(/\|$/, "").split("|").map((e) => Ce(e.trim())), nr = (t, e) => {
   const a = t[e], s = t[e + 1];
-  if (!a || !s || !a.includes("|") || !Pe(s))
+  if (!a || !s || !a.includes("|") || !He(s))
     return null;
-  const n = Ne(a), r = [];
+  const n = Ve(a), o = [];
   let l = e + 2;
   for (; l < t.length && t[l].includes("|") && t[l].trim() !== ""; ) {
-    const i = Ne(t[l]);
-    r.push(`<tr>${i.map((w) => `<td>${w}</td>`).join("")}</tr>`), l += 1;
+    const i = Ve(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>`, o = r.length ? `<tbody>${r.join("")}</tbody>` : "";
+  const c = `<thead><tr>${n.map((i) => `<th>${i}</th>`).join("")}</tr></thead>`, r = o.length ? `<tbody>${o.join("")}</tbody>` : "";
   return {
-    html: `<table>${c}${o}</table>`,
+    html: `<table>${c}${r}</table>`,
     nextIndex: l
   };
-}, lr = (t, e) => {
-  const a = xe(t[e]), s = a ? "ol" : "ul", n = [];
-  let r = e;
-  for (; r < t.length; ) {
-    const l = t[r];
-    if (l.trim() === "" || !(a ? xe(l) : (Ie(l) || Ye(l)) && !xe(l))) break;
-    const o = l.match(/^\s*[-*+]\s+\[([ xX])\]\s+(.*)$/);
-    if (o) {
-      const i = o[1].toLowerCase() === "x";
-      n.push(`<li><input type="checkbox" disabled${i ? " checked" : ""}> ${_e(o[2])}</li>`);
+}, sr = (t, e) => {
+  const a = _e(t[e]), s = a ? "ol" : "ul", n = [];
+  let o = e;
+  for (; o < t.length; ) {
+    const l = t[o];
+    if (l.trim() === "" || !(a ? _e(l) : (Me(l) || Je(l)) && !_e(l))) break;
+    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>`);
     } else {
       const i = l.replace(/^\s*(?:[-*+]|\d+\.)\s+/, "");
-      n.push(`<li>${_e(i)}</li>`);
+      n.push(`<li>${Ce(i)}</li>`);
     }
-    r += 1;
+    o += 1;
   }
   return {
     html: `<${s}>${n.join("")}</${s}>`,
-    nextIndex: r
+    nextIndex: o
   };
-}, ar = (t, e) => {
+}, ir = (t, e) => {
   const s = t[e].replace(/^```/, "").trim(), n = [];
-  let r = e + 1;
-  for (; r < t.length && !t[r].startsWith("```"); )
-    n.push(t[r]), r += 1;
+  let o = e + 1;
+  for (; o < t.length && !t[o].startsWith("```"); )
+    n.push(t[o]), o += 1;
   return {
-    html: `<pre><code${s ? ` class="language-${ie(s)}"` : ""}>${ie(n.join(`
+    html: `<pre><code${s ? ` class="language-${ce(s)}"` : ""}>${ce(n.join(`
 `))}</code></pre>`,
-    nextIndex: r < t.length ? r + 1 : r
+    nextIndex: o < t.length ? o + 1 : o
   };
-}, nr = (t, e) => {
+}, cr = (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()) || Le(n) || xe(n) || Ie(n) || s + 1 < t.length && n.includes("|") && Pe(t[s + 1]))
+    if (n.trim() === "" || n.startsWith("```") || /^#{1,6}\s+/.test(n) || /^---+$/.test(n.trim()) || /^\*\*\*+$/.test(n.trim()) || Ie(n) || _e(n) || Me(n) || s + 1 < t.length && n.includes("|") && He(t[s + 1]))
       break;
     a.push(n.trim()), s += 1;
   }
   return {
-    html: `<p>${_e(a.join(" "))}</p>`,
+    html: `<p>${Ce(a.join(" "))}</p>`,
     nextIndex: s
   };
-}, Qe = (t) => {
+}, et = (t) => {
   const a = (t || "").replace(/\r\n/g, `
 `).split(`
 `), s = [];
   let n = 0;
   for (; n < a.length; ) {
-    const r = a[n], l = r.trim();
+    const o = a[n], l = o.trim();
     if (!l) {
       n += 1;
       continue;
     }
-    if (r.startsWith("```")) {
-      const i = ar(a, n);
+    if (o.startsWith("```")) {
+      const i = ir(a, n);
       s.push(i.html), n = i.nextIndex;
       continue;
     }
-    const c = r.match(/^(#{1,6})\s+(.*)$/);
+    const c = o.match(/^(#{1,6})\s+(.*)$/);
     if (c) {
       const i = c[1].length;
-      s.push(`<h${i}>${_e(c[2])}</h${i}>`), n += 1;
+      s.push(`<h${i}>${Ce(c[2])}</h${i}>`), n += 1;
       continue;
     }
     if (/^---+$/.test(l) || /^\*\*\*+$/.test(l)) {
       s.push("<hr>"), n += 1;
       continue;
     }
-    if (r.includes("|") && n + 1 < a.length && Pe(a[n + 1])) {
-      const i = or(a, n);
+    if (o.includes("|") && n + 1 < a.length && He(a[n + 1])) {
+      const i = nr(a, n);
       if (i) {
         s.push(i.html), n = i.nextIndex;
         continue;
       }
     }
-    if (Le(r)) {
+    if (Ie(o)) {
       const i = [];
-      for (; n < a.length && Le(a[n]); )
+      for (; n < a.length && Ie(a[n]); )
         i.push(a[n].replace(/^\s*>\s?/, "")), n += 1;
-      s.push(`<blockquote>${Qe(i.join(`
+      s.push(`<blockquote>${et(i.join(`
 `))}</blockquote>`);
       continue;
     }
-    if (xe(r) || Ie(r) || Ye(r)) {
-      const i = lr(a, n);
+    if (_e(o) || Me(o) || Je(o)) {
+      const i = sr(a, n);
       s.push(i.html), n = i.nextIndex;
       continue;
     }
-    const o = nr(a, n);
-    s.push(o.html), n = o.nextIndex;
+    const r = cr(a, n);
+    s.push(r.html), n = r.nextIndex;
   }
   return s.join("");
-}, Fe = (t) => (t.textContent || "").replace(/\u00a0/g, " "), Ze = (t) => Array.from(t.childNodes).map((e) => je(e)).join(""), sr = (t) => {
+}, Be = (t) => (t.textContent || "").replace(/\u00a0/g, " "), tt = (t) => Array.from(t.childNodes).map((e) => Ne(e)).join(""), dr = (t) => {
   const e = Array.from(t.querySelectorAll("tr"));
   if (!e.length) return "";
-  const a = (c) => `| ${Array.from(c.children).map((i) => Ze(i).trim()).join(" | ")} |`, s = e[0], n = s ? Array.from(s.children).length : 0, r = `| ${Array(Math.max(n, 1)).fill("---").join(" | ")} |`, l = e.slice(1).map((c) => a(c));
-  return [a(s), r, ...l].join(`
+  const a = (c) => `| ${Array.from(c.children).map((i) => tt(i).trim()).join(" | ")} |`, s = e[0], n = s ? Array.from(s.children).length : 0, o = `| ${Array(Math.max(n, 1)).fill("---").join(" | ")} |`, l = e.slice(1).map((c) => a(c));
+  return [a(s), o, ...l].join(`
 `);
-}, ze = (t, e = !1) => Array.from(t.children).filter((a) => a.nodeType === Node.ELEMENT_NODE).map((a, s) => {
-  const n = a, r = n.querySelector('input[type="checkbox"]'), l = Array.from(n.childNodes).filter((c) => !(c instanceof HTMLInputElement)).map((c) => je(c)).join("").trim();
-  return r ? `- [${r.checked ? "x" : " "}] ${l}` : e ? `${s + 1}. ${l}` : `- ${l}`;
+}, 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}`;
 }).join(`
 `);
-function je(t) {
+function Ne(t) {
   if (t.nodeType === Node.TEXT_NODE)
-    return Fe(t);
+    return Be(t);
   if (t.nodeType !== Node.ELEMENT_NODE)
     return "";
-  const e = t, a = e.tagName.toLowerCase(), s = Ze(e);
+  const e = t, a = e.tagName.toLowerCase(), s = tt(e);
   switch (a) {
     case "br":
       return `
@@ -374,9 +374,9 @@ function je(t) {
     case "code":
       return e.parentElement?.tagName.toLowerCase() === "pre" ? s : `\`${s}\``;
     case "pre": {
-      const n = e.querySelector("code"), c = (n?.className || "").match(/language-([a-z0-9_-]+)/i)?.[1] || "", o = Fe(n || e);
+      const n = e.querySelector("code"), c = (n?.className || "").match(/language-([a-z0-9_-]+)/i)?.[1] || "", r = Be(n || e);
       return `\`\`\`${c}
-${o}
+${r}
 \`\`\`
 
 `;
@@ -399,11 +399,11 @@ ${o}
 `;
     }
     case "ul":
-      return `${ze(e, !1)}
+      return `${Oe(e, !1)}
 
 `;
     case "ol":
-      return `${ze(e, !0)}
+      return `${Oe(e, !0)}
 
 `;
     case "a": {
@@ -411,30 +411,30 @@ ${o}
       return `[${s || n}](${n})`;
     }
     case "img": {
-      const n = e.getAttribute("alt") || "", r = e.getAttribute("src") || "";
-      return r ? `![${n}](${r})` : "";
+      const n = e.getAttribute("alt") || "", o = e.getAttribute("src") || "";
+      return o ? `![${n}](${o})` : "";
     }
     case "hr":
       return `---
 
 `;
     case "table":
-      return `${sr(e)}
+      return `${dr(e)}
 
 `;
     default:
       return s;
   }
 }
-const Je = (t) => {
+const rt = (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) => je(s)).join("").replace(/\n{3,}/g, `
+  return Array.from(a.body.childNodes).map((s) => Ne(s)).join("").replace(/\n{3,}/g, `
 
 `).trim();
-}, ir = /* @__PURE__ */ new Set([
+}, ur = /* @__PURE__ */ new Set([
   "area",
   "base",
   "br",
@@ -449,42 +449,42 @@ const Je = (t) => {
   "source",
   "track",
   "wbr"
-]), cr = (t) => {
+]), fr = (t) => {
   if (!t) return "";
   if (typeof window > "u" || typeof DOMParser > "u")
     return t;
-  const a = new DOMParser().parseFromString(t, "text/html"), s = "  ", n = (r, l) => {
-    if (r.nodeType === Node.TEXT_NODE) {
-      const g = (r.textContent || "").replace(/\s+/g, " ").trim();
-      return g ? [`${s.repeat(l)}${g}`] : [];
+  const a = new DOMParser().parseFromString(t, "text/html"), s = "  ", n = (o, l) => {
+    if (o.nodeType === Node.TEXT_NODE) {
+      const p = (o.textContent || "").replace(/\s+/g, " ").trim();
+      return p ? [`${s.repeat(l)}${p}`] : [];
     }
-    if (r.nodeType !== Node.ELEMENT_NODE)
+    if (o.nodeType !== Node.ELEMENT_NODE)
       return [];
-    const c = r, o = c.tagName.toLowerCase(), i = Array.from(c.attributes).map((g) => `${g.name}="${g.value}"`).join(" "), w = i ? `<${o} ${i}>` : `<${o}>`, b = `</${o}>`;
-    if (ir.has(o))
-      return [`${s.repeat(l)}${w}`];
-    const p = Array.from(c.childNodes).flatMap((g) => n(g, l + 1));
-    if (!p.length)
-      return [`${s.repeat(l)}${w}${b}`];
-    if (c.childNodes.length === 1 && c.firstChild?.nodeType === Node.TEXT_NODE && p.length === 1) {
-      const g = p[0].trim();
-      return [`${s.repeat(l)}${w}${g}${b}`];
+    const c = o, r = c.tagName.toLowerCase(), i = Array.from(c.attributes).map((p) => `${p.name}="${p.value}"`).join(" "), x = i ? `<${r} ${i}>` : `<${r}>`, b = `</${r}>`;
+    if (ur.has(r))
+      return [`${s.repeat(l)}${x}`];
+    const f = Array.from(c.childNodes).flatMap((p) => n(p, l + 1));
+    if (!f.length)
+      return [`${s.repeat(l)}${x}${b}`];
+    if (c.childNodes.length === 1 && c.firstChild?.nodeType === Node.TEXT_NODE && f.length === 1) {
+      const p = f[0].trim();
+      return [`${s.repeat(l)}${x}${p}${b}`];
     }
     return [
-      `${s.repeat(l)}${w}`,
-      ...p,
+      `${s.repeat(l)}${x}`,
+      ...f,
       `${s.repeat(l)}${b}`
     ];
   };
-  return Array.from(a.body.childNodes).flatMap((r) => n(r, 0)).join(`
+  return Array.from(a.body.childNodes).flatMap((o) => n(o, 0)).join(`
 `);
-}, dr = (t) => t.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), Se = (t) => {
+}, pr = (t) => t.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), Te = (t) => {
   if (!t) return "";
   if (typeof window > "u" || typeof DOMParser > "u")
     return t.replace(/<script\b[^>]*>[\s\S]*?<\/script>/gi, "");
   const a = new DOMParser().parseFromString(t, "text/html");
   return a.querySelectorAll("script").forEach((s) => s.remove()), a.body.innerHTML;
-}, De = (t) => {
+}, Re = (t) => {
   if (!t)
     return { wrapper: null, bodyHtml: "" };
   if (typeof window > "u" || typeof DOMParser > "u")
@@ -496,18 +496,18 @@ const Je = (t) => {
   return !n || n.tagName.toLowerCase() !== "div" ? { wrapper: null, bodyHtml: t } : {
     wrapper: {
       tag: n.tagName.toLowerCase(),
-      attributes: Array.from(n.attributes).map((r) => ({
-        name: r.name,
-        value: r.value
+      attributes: Array.from(n.attributes).map((o) => ({
+        name: o.name,
+        value: o.value
       }))
     },
     bodyHtml: n.innerHTML
   };
-}, Oe = (t, e) => {
+}, Ue = (t, e) => {
   if (!e) return t || "";
-  const a = (e.attributes || []).map(({ name: n, value: r }) => `${n}="${dr(r)}"`).join(" ");
+  const a = (e.attributes || []).map(({ name: n, value: o }) => `${n}="${pr(o)}"`).join(" ");
   return `${a ? `<${e.tag} ${a}>` : `<${e.tag}>`}${t || ""}</${e.tag}>`;
-}, Ve = async (t, e) => e !== "md" ? t || "" : Qe(t || ""), Re = async (t, e) => e !== "md" ? cr(t || "") : Je(t || ""), ur = async (t, e) => e !== "md" ? t || "" : Je(t || ""), fr = async (t) => {
+}, qe = async (t, e) => e !== "md" ? t || "" : et(t || ""), Ke = async (t, e) => e !== "md" ? fr(t || "") : rt(t || ""), gr = async (t, e) => e !== "md" ? t || "" : rt(t || ""), hr = async (t) => {
   try {
     const e = new FormData();
     return e.append("unique", "true"), e.append("file", t), (await (await fetch("/file/upload/uploads?id=&form=&table=", {
@@ -517,55 +517,55 @@ const Je = (t) => {
   } catch (e) {
     console.error(e);
   }
-}, pr = async (t, e, a) => {
+}, vr = async (t, e, a) => {
   const s = e.clipboardData?.items;
   if (s) {
-    const n = e.clipboardData?.getData("text/html"), r = e.clipboardData?.getData("text/plain");
+    const n = e.clipboardData?.getData("text/html"), o = e.clipboardData?.getData("text/plain");
     if (n) {
-      const { state: l, dispatch: c } = t, { tr: o } = l, i = a.fromSchema(t.state.schema), w = new DOMParser().parseFromString(n, "text/html").body, b = i.parse(w), p = o.replaceSelectionWith(b);
-      return c(p), e.preventDefault(), !0;
+      const { state: l, dispatch: c } = t, { tr: r } = l, i = a.fromSchema(t.state.schema), x = new DOMParser().parseFromString(n, "text/html").body, b = i.parse(x), f = r.replaceSelectionWith(b);
+      return c(f), e.preventDefault(), !0;
     }
-    if (r) {
-      const { state: l, dispatch: c } = t, { tr: o } = l, i = o.insertText(r, l.selection.from, l.selection.to);
+    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];
       if (c.type.startsWith("image/")) {
-        const o = c.getAsFile();
-        if (o) {
-          const i = await fr(o), { schema: w } = t.state, b = w.nodes.image.create({
+        const r = c.getAsFile();
+        if (r) {
+          const i = await hr(r), { schema: x } = t.state, b = x.nodes.image.create({
             src: i?.file_path
-          }), p = t.state.tr.replaceSelectionWith(b);
-          return t.dispatch(p), e.preventDefault(), !0;
+          }), f = t.state.tr.replaceSelectionWith(b);
+          return t.dispatch(f), e.preventDefault(), !0;
         }
       }
     }
   }
   return !1;
-}, gr = (t) => String(t).trim().toLowerCase().split("-")[0], hr = () => typeof window > "u" ? "uk" : gr(
+}, mr = (t) => String(t).trim().toLowerCase().split("-")[0], br = () => typeof window > "u" ? "uk" : mr(
   localStorage.getItem("language") || localStorage.getItem("locale") || navigator.language || "uk"
-), vr = (t, e) => {
+), yr = (t, e) => {
   const a = e.replace(/^form\.richtext\./, "");
-  return He?.[t]?.form?.richtext?.[a] || He?.uk?.form?.richtext?.[a] || e;
-}, Ue = (t) => t.startsWith("form.richtext.") ? t : `form.richtext.${t}`;
-function Me() {
-  const e = lt()?.appContext?.config?.globalProperties, a = e?.$i18n;
+  return De?.[t]?.form?.richtext?.[a] || De?.uk?.form?.richtext?.[a] || e;
+}, We = (t) => t.startsWith("form.richtext.") ? t : `form.richtext.${t}`;
+function ze() {
+  const e = st()?.appContext?.config?.globalProperties, a = e?.$i18n;
   return { t: (n) => {
-    const r = e?.$t, l = e?.$te, c = typeof a?.te == "function" ? a.te.bind(a) : null;
-    if (typeof r == "function") {
-      const o = Ue(n);
-      if ((typeof l == "function" ? l(o) : typeof c == "function" ? c(o) : null) !== !1) {
-        const w = r(o);
-        if (w && w !== o)
-          return w;
+    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);
+      if ((typeof l == "function" ? l(r) : typeof c == "function" ? c(r) : null) !== !1) {
+        const x = o(r);
+        if (x && x !== r)
+          return x;
       }
     }
-    return vr(hr(), Ue(n));
+    return yr(br(), We(n));
   } };
 }
-const mr = {
-  components: { Quote: bt },
+const xr = {
+  components: { Quote: wt },
   props: { editor: Object },
   methods: {
     toggleBlockquote() {
@@ -573,18 +573,18 @@ const mr = {
     }
   }
 };
-function br(t, e, a, s, n, r) {
-  const l = G("Quote");
-  return v(), k("button", {
+function wr(t, e, a, s, n, o) {
+  const l = Z("Quote");
+  return v(), w("button", {
     title: "Blockquote",
-    onClick: e[0] || (e[0] = (...c) => r.toggleBlockquote && r.toggleBlockquote(...c)),
+    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") }])
   }, [
-    F(l, { class: "h-4 w-4" })
+    C(l, { class: "h-4 w-4" })
   ], 2);
 }
-const yr = /* @__PURE__ */ X(mr, [["render", br]]), xr = {
-  components: { List: yt },
+const kr = /* @__PURE__ */ Q(xr, [["render", wr]]), _r = {
+  components: { List: kt },
   props: { editor: Object },
   methods: {
     toggleBulletList() {
@@ -592,18 +592,18 @@ const yr = /* @__PURE__ */ X(mr, [["render", br]]), xr = {
     }
   }
 };
-function wr(t, e, a, s, n, r) {
-  const l = G("List");
-  return v(), k("button", {
+function $r(t, e, a, s, n, o) {
+  const l = Z("List");
+  return v(), w("button", {
     title: "Bullet List",
-    onClick: e[0] || (e[0] = (...c) => r.toggleBulletList && r.toggleBulletList(...c)),
+    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") }])
   }, [
-    F(l, { class: "h-4 w-4" })
+    C(l, { class: "h-4 w-4" })
   ], 2);
 }
-const kr = /* @__PURE__ */ X(xr, [["render", wr]]), _r = {
-  components: { ListOrdered: xt },
+const Cr = /* @__PURE__ */ Q(_r, [["render", $r]]), Ar = {
+  components: { ListOrdered: _t },
   props: { editor: Object },
   methods: {
     toggleOrderedList() {
@@ -611,18 +611,18 @@ const kr = /* @__PURE__ */ X(xr, [["render", wr]]), _r = {
     }
   }
 };
-function $r(t, e, a, s, n, r) {
-  const l = G("ListOrdered");
-  return v(), k("button", {
+function Fr(t, e, a, s, n, o) {
+  const l = Z("ListOrdered");
+  return v(), w("button", {
     title: "Ordered List",
-    onClick: e[0] || (e[0] = (...c) => r.toggleOrderedList && r.toggleOrderedList(...c)),
+    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") }])
   }, [
-    F(l, { class: "h-4 w-4" })
+    C(l, { class: "h-4 w-4" })
   ], 2);
 }
-const Cr = /* @__PURE__ */ X(_r, [["render", $r]]), Ar = {
-  components: { CodeXml: wt },
+const Sr = /* @__PURE__ */ Q(Ar, [["render", Fr]]), Tr = {
+  components: { CodeXml: $t },
   props: { editor: Object },
   methods: {
     toggleCodeBlock() {
@@ -630,18 +630,18 @@ const Cr = /* @__PURE__ */ X(_r, [["render", $r]]), Ar = {
     }
   }
 };
-function Fr(t, e, a, s, n, r) {
-  const l = G("CodeXml");
-  return v(), k("button", {
+function Lr(t, e, a, s, n, o) {
+  const l = Z("CodeXml");
+  return v(), w("button", {
     title: "Code Block",
-    onClick: e[0] || (e[0] = (...c) => r.toggleCodeBlock && r.toggleCodeBlock(...c)),
+    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") }])
   }, [
-    F(l, { class: "h-4 w-4" })
+    C(l, { class: "h-4 w-4" })
   ], 2);
 }
-const Sr = /* @__PURE__ */ X(Ar, [["render", Fr]]), Tr = {
-  components: { Bold: kt },
+const Br = /* @__PURE__ */ Q(Tr, [["render", Lr]]), Er = {
+  components: { Bold: Ct },
   props: {
     editor: Object
   },
@@ -651,19 +651,19 @@ const Sr = /* @__PURE__ */ X(Ar, [["render", Fr]]), Tr = {
     }
   }
 };
-function Lr(t, e, a, s, n, r) {
-  const l = G("Bold");
-  return v(), k("button", {
+function Ir(t, e, a, s, n, o) {
+  const l = Z("Bold");
+  return v(), w("button", {
     title: "Bold Text",
-    onClick: e[0] || (e[0] = (...c) => r.toggleBold && r.toggleBold(...c)),
+    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") }])
   }, [
-    F(l, { class: "h-4 w-4" }),
+    C(l, { class: "h-4 w-4" }),
     e[1] || (e[1] = d("span", { class: "sr-only" }, "Bold", -1))
   ], 2);
 }
-const Br = /* @__PURE__ */ X(Tr, [["render", Lr]]), Er = {
-  components: { Italic: _t },
+const Pr = /* @__PURE__ */ Q(Er, [["render", Ir]]), jr = {
+  components: { Italic: At },
   props: {
     editor: Object
   },
@@ -673,53 +673,53 @@ const Br = /* @__PURE__ */ X(Tr, [["render", Lr]]), Er = {
     }
   }
 };
-function Ir(t, e, a, s, n, r) {
-  const l = G("Italic");
-  return v(), k("button", {
+function Mr(t, e, a, s, n, o) {
+  const l = Z("Italic");
+  return v(), w("button", {
     title: "Italic Text",
-    onClick: e[0] || (e[0] = (...c) => r.toggleItalic && r.toggleItalic(...c)),
+    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") }])
   }, [
-    F(l, { class: "h-4 w-4" }),
+    C(l, { class: "h-4 w-4" }),
     e[1] || (e[1] = d("span", { class: "sr-only" }, "Italic", -1))
   ], 2);
 }
-const Pr = /* @__PURE__ */ X(Er, [["render", Ir]]), jr = {
+const Hr = /* @__PURE__ */ Q(jr, [["render", Mr]]), Nr = {
   __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(), k("button", {
+    return (s, n) => (v(), 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"
       ]])
     }, [
-      F(L($t), { class: "h-4 w-4" })
+      C(L(Ft), { class: "h-4 w-4" })
     ], 2));
   }
-}, Mr = {
+}, zr = {
   __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(), k("button", {
+    return (s, n) => (v(), 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"
       ]])
     }, [
-      F(L(Ct), { class: "h-4 w-4" })
+      C(L(St), { class: "h-4 w-4" })
     ], 2));
   }
-}, Hr = {
-  components: { X: Be },
+}, Dr = {
+  components: { X: Pe },
   props: {
     visible: { type: Boolean, default: () => !1 },
     modelValue: { type: Boolean, default: () => !1 },
@@ -761,63 +761,63 @@ const Pr = /* @__PURE__ */ X(Er, [["render", Ir]]), jr = {
       e && t.target.classList.contains("vs-dialog-overlay") && this.handleClose();
     }
   }
-}, Nr = {
+}, Vr = {
   key: 0,
   class: "vsTailwind ui-dialog__wrapper"
-}, 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]" }, Dr = { class: "font-medium text-gray-800 dark:text-[#ffffff]" }, Or = { class: "ui-dialog__content p-4" }, Vr = {
+}, Or = { class: "py-2.5 px-4 flex justify-between items-center border-0 border-b border-solid border-gray-200 dark:border-b-[#454545]" }, Rr = { class: "font-medium text-gray-800 dark:text-[#ffffff]" }, Ur = { class: "ui-dialog__content p-4" }, qr = {
   key: 0,
   class: "flex justify-end gap-x-2"
 };
-function Rr(t, e, a, s, n, r) {
-  const l = G("X");
-  return v(), K(Ke, { to: "body" }, [
-    a.visible || a.modelValue ? (v(), k("div", Nr, [
+function Kr(t, e, a, s, n, o) {
+  const l = Z("X");
+  return v(), W(Ge, { to: "body" }, [
+    a.visible || a.modelValue ? (v(), w("div", Vr, [
       d("div", {
-        onMousedown: e[1] || (e[1] = (c) => r.closeByClickBack(c, a.closeClickBack)),
+        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"
       }, [
-        F(We, {
+        C(Ye, {
           name: "content",
           appear: ""
         }, {
-          default: R(() => [
+          default: q(() => [
             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", [r.checkSize]])
+              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", zr, [
-                d("h3", Dr, W(a.title), 1),
+              d("div", Or, [
+                d("h3", Rr, Y(a.title), 1),
                 d("button", {
                   type: "button",
                   class: "size-8 inline-flex justify-center items-center gap-x-2 rounded-full border border-transparent bg-gray-100 text-gray-800 hover:bg-gray-200 focus:outline-none focus:bg-gray-200 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600",
-                  onClick: e[0] || (e[0] = (...c) => r.handleClose && r.handleClose(...c))
+                  onClick: e[0] || (e[0] = (...c) => o.handleClose && o.handleClose(...c))
                 }, [
                   e[2] || (e[2] = d("span", { class: "sr-only" }, "Close", -1)),
-                  F(l, { class: "h-4 w-4 flex-shrink-0" })
+                  C(l, { class: "h-4 w-4 flex-shrink-0" })
                 ])
               ]),
-              d("div", Or, [
-                be(t.$slots, "default", {}, void 0, !0)
+              d("div", Ur, [
+                we(t.$slots, "default", {}, void 0, !0)
               ]),
-              r.hasSlot ? (v(), k("div", Vr, [
-                be(t.$slots, "footer", {
-                  handleClose: r.handleClose,
-                  handleConfirm: r.handleConfirm,
-                  handleCancel: r.handleCancel
+              o.hasSlot ? (v(), w("div", qr, [
+                we(t.$slots, "footer", {
+                  handleClose: o.handleClose,
+                  handleConfirm: o.handleConfirm,
+                  handleCancel: o.handleCancel
                 }, void 0, !0)
-              ])) : V("", !0)
+              ])) : U("", !0)
             ], 2)
           ]),
           _: 3
         })
       ], 32)
-    ])) : V("", !0)
+    ])) : U("", !0)
   ]);
 }
-const et = /* @__PURE__ */ X(Hr, [["render", Rr], ["__scopeId", "data-v-56ad9010"]]), Ur = at({
+const ot = /* @__PURE__ */ Q(Dr, [["render", Kr], ["__scopeId", "data-v-56ad9010"]]), Wr = it({
   components: {
-    IconClose: Be,
-    IconSearch: Ft,
-    IconEmail: At
+    IconClose: Pe,
+    IconSearch: Lt,
+    IconEmail: Tt
   },
   inheritAttrs: !1,
   props: {
@@ -896,39 +896,39 @@ const et = /* @__PURE__ */ X(Hr, [["render", Rr], ["__scopeId", "data-v-56ad9010
       await this.$refs.vsText?.focus();
     }
   }
-}), qr = { class: "vs-form-text relative bg-white rounded-lg" }, Kr = {
+}), Xr = { class: "vs-form-text relative bg-white rounded-lg" }, Gr = {
   key: 2,
   class: "absolute bottom-2/4 translate-y-2/4 left-[10px] cursor-pointer"
-}, Wr = ["disabled", "type", "placeholder"];
-function Xr(t, e, a, s, n, r) {
-  const l = G("IconClose"), c = G("IconSearch"), o = G("IconEmail");
-  return v(), k("div", qr, [
-    t.clearable && t.value ? (v(), k("div", {
+}, Yr = ["disabled", "type", "placeholder"];
+function Qr(t, e, a, s, n, o) {
+  const l = Z("IconClose"), c = Z("IconSearch"), r = Z("IconEmail");
+  return v(), w("div", Xr, [
+    t.clearable && t.value ? (v(), 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))
     }, [
-      F(l, { class: "h-4 w-4 stroke-gray-500 transition-all hover:stroke-red-500" })
-    ])) : V("", !0),
-    t.icon && t.icon === "search" ? (v(), k("div", {
+      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", {
       key: 1,
       class: E(["absolute bottom-2/4 translate-y-2/4 cursor-pointer", t.iconStylePosition])
     }, [
-      F(c, { class: "h-4 w-4 stroke-gray-500 transition-all" })
-    ], 2)) : t.icon && t.icon === "email" ? (v(), k("div", Kr, [
-      F(o, { class: "h-4 w-4 stroke-gray-500 transition-all" })
-    ])) : (v(), k("i", {
+      C(c, { class: "h-4 w-4 stroke-gray-500 transition-all" })
+    ], 2)) : t.icon && t.icon === "email" ? (v(), w("div", Gr, [
+      C(r, { class: "h-4 w-4 stroke-gray-500 transition-all" })
+    ])) : (v(), 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(), k("div", {
+    t.clearable && t.value ? (v(), 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))
     }, [
-      F(l, { class: "h-4 w-4 stroke-gray-500 transition-all hover:stroke-red-500" })
-    ])) : V("", !0),
-    ce(d("input", nt({
+      C(l, { class: "h-4 w-4 stroke-gray-500 transition-all hover:stroke-red-500" })
+    ])) : U("", !0),
+    de(d("input", ct({
       ref: "vsText",
       disabled: t.disabled,
       type: t.type,
@@ -939,109 +939,109 @@ function Xr(t, e, a, s, n, r) {
       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, Wr), [
-      [st, t.value]
+    }), null, 16, Yr), [
+      [dt, t.value]
     ])
   ]);
 }
-const tt = /* @__PURE__ */ X(Ur, [["render", Xr], ["__scopeId", "data-v-eb21a54f"]]), Gr = ["title"], Yr = { class: "flex flex-col gap-3 p-[20px]" }, Qr = { class: "relative flex items-center gap-2" }, Zr = { class: "flex-1" }, Jr = {
+const lt = /* @__PURE__ */ Q(Wr, [["render", Qr], ["__scopeId", "data-v-eb21a54f"]]), Zr = ["title"], Jr = { class: "flex flex-col gap-3 p-[20px]" }, eo = { class: "relative flex items-center gap-2" }, to = { class: "flex-1" }, ro = {
   key: 0,
   class: "flex items-center gap-2 flex-shrink-0"
-}, eo = ["title"], to = ["title"], ro = { class: "flex items-center gap-2" }, oo = {
+}, oo = ["title"], lo = ["title"], ao = { class: "flex items-center gap-2" }, no = {
   for: "openInNewTab",
   class: "text-sm text-gray-700 cursor-pointer"
-}, lo = { class: "flex justify-end p-[20px] gap-[10px] border-t w-full" }, ao = /* @__PURE__ */ Object.assign({
+}, so = { class: "flex justify-end p-[20px] gap-[10px] border-t w-full" }, io = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "vs-editor-link",
   props: { editor: Object },
   setup(t) {
-    const { t: e } = Me(), a = t, s = C(!1), n = C(""), r = C(!1), l = C(!1), c = () => {
+    const { t: e } = ze(), a = t, s = $(!1), n = $(""), o = $(!1), l = $(!1), c = () => {
       if (!a.editor) return;
       a.editor.chain().focus().extendMarkRange("link").run();
-      const p = a.editor.getAttributes("link");
-      p.href ? (r.value = !0, n.value = p.href, l.value = p.target === "_blank") : (r.value = !1, n.value = "", l.value = !1), s.value = !0;
-    }, o = () => {
-      s.value = !1, n.value = "", r.value = !1, l.value = !1;
+      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;
+    }, r = () => {
+      s.value = !1, n.value = "", o.value = !1, l.value = !1;
     }, i = () => {
       if (!a.editor || !n.value.trim()) return;
-      let p = n.value.trim();
-      p.match(/^https?:\/\//i) || (p = "https://" + p), a.editor.chain().focus().setLink({
-        href: p,
+      let f = n.value.trim();
+      f.match(/^https?:\/\//i) || (f = "https://" + f), a.editor.chain().focus().setLink({
+        href: f,
         target: l.value ? "_blank" : null
-      }).run(), o();
-    }, w = () => {
-      a.editor && (a.editor.chain().focus().unsetLink().run(), o());
+      }).run(), r();
+    }, x = () => {
+      a.editor && (a.editor.chain().focus().unsetLink().run(), r());
     }, b = () => {
       if (!n.value) return;
-      let p = n.value.trim();
-      p.match(/^https?:\/\//i) || (p = "https://" + p), window.open(p, "_blank", "noopener,noreferrer");
+      let f = n.value.trim();
+      f.match(/^https?:\/\//i) || (f = "https://" + f), window.open(f, "_blank", "noopener,noreferrer");
     };
-    return (p, g) => (v(), k(re, null, [
+    return (f, p) => (v(), w(ae, 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") }])
       }, [
-        F(L(St), { class: "h-4 w-4" })
-      ], 10, Gr),
-      F(et, {
-        title: r.value ? L(e)("form.richtext.editLink") || "Редагувати посилання" : L(e)("form.richtext.linkTitle") || "Додати посилання",
+        C(L(Bt), { class: "h-4 w-4" })
+      ], 10, Zr),
+      C(ot, {
+        title: o.value ? L(e)("form.richtext.editLink") || "Редагувати посилання" : L(e)("form.richtext.linkTitle") || "Додати посилання",
         visible: s.value,
-        "onUpdate:visible": g[2] || (g[2] = (P) => s.value = P),
+        "onUpdate:visible": p[2] || (p[2] = (I) => s.value = I),
         size: "small"
       }, {
-        footer: R(() => [
-          d("div", lo, [
+        footer: q(() => [
+          d("div", so, [
             d("button", {
               style: { border: "1px solid #000" },
-              onClick: o,
+              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"
-            }, W(L(e)("form.richtext.cancel") || "Скасувати"), 1),
+            }, Y(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"
-            }, W(r.value ? L(e)("form.richtext.update") || "Оновити" : L(e)("form.richtext.create") || "Створити"), 1)
+            }, Y(o.value ? L(e)("form.richtext.update") || "Оновити" : L(e)("form.richtext.create") || "Створити"), 1)
           ])
         ]),
-        default: R(() => [
-          d("div", Yr, [
-            d("div", Qr, [
-              d("div", Zr, [
-                F(tt, {
+        default: q(() => [
+          d("div", Jr, [
+            d("div", eo, [
+              d("div", to, [
+                C(lt, {
                   modelValue: n.value,
-                  "onUpdate:modelValue": g[0] || (g[0] = (P) => n.value = P),
+                  "onUpdate:modelValue": p[0] || (p[0] = (I) => n.value = I),
                   placeholder: L(e)("form.richtext.linkUrl") || "Введіть URL",
                   class: "w-full"
                 }, null, 8, ["modelValue", "placeholder"])
               ]),
-              r.value ? (v(), k("div", Jr, [
+              o.value ? (v(), w("div", ro, [
                 d("button", {
                   onClick: b,
                   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") || "Відкрити посилання"
                 }, [
-                  F(L(Tt), { class: "h-4 w-4" })
-                ], 8, eo),
+                  C(L(Et), { class: "h-4 w-4" })
+                ], 8, oo),
                 d("button", {
-                  onClick: w,
+                  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") || "Видалити посилання"
                 }, [
-                  F(L(Lt), { class: "h-4 w-4" })
-                ], 8, to)
-              ])) : V("", !0)
+                  C(L(It), { class: "h-4 w-4" })
+                ], 8, lo)
+              ])) : U("", !0)
             ]),
-            d("div", ro, [
-              ce(d("input", {
+            d("div", ao, [
+              de(d("input", {
                 type: "checkbox",
                 id: "openInNewTab",
-                "onUpdate:modelValue": g[1] || (g[1] = (P) => l.value = P),
+                "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), [
-                [it, l.value]
+                [ut, l.value]
               ]),
-              d("label", oo, W(L(e)("form.richtext.openInNewTab") || "Відкривати в новій вкладці"), 1)
+              d("label", no, Y(L(e)("form.richtext.openInNewTab") || "Відкривати в новій вкладці"), 1)
             ])
           ])
         ]),
@@ -1049,48 +1049,48 @@ const tt = /* @__PURE__ */ X(Ur, [["render", Xr], ["__scopeId", "data-v-eb21a54f
       }, 8, ["title", "visible"])
     ], 64));
   }
-}), me = async (t, e, a, s = 10) => {
+}), xe = async (t, e, a, s = 10) => {
   if (!e || !a) return;
-  await ge();
-  const n = await a?.getBoundingClientRect(), r = await e?.getBoundingClientRect();
-  if (!r || !n) return;
-  const l = await parseInt(e?.getBoundingClientRect()?.height), c = await parseInt(e?.getBoundingClientRect()?.width), o = await parseInt(a?.getBoundingClientRect()?.height), i = await parseInt(a?.getBoundingClientRect()?.width), w = await window.innerHeight, b = await window.innerWidth;
-  let p = 0, g = 0;
-  const P = r.bottom + s + o;
+  await ue();
+  const n = await a?.getBoundingClientRect(), o = await e?.getBoundingClientRect();
+  if (!o || !n) return;
+  const l = await parseInt(e?.getBoundingClientRect()?.height), c = await parseInt(e?.getBoundingClientRect()?.width), r = await parseInt(a?.getBoundingClientRect()?.height), i = await parseInt(a?.getBoundingClientRect()?.width), x = await window.innerHeight, b = await window.innerWidth;
+  let f = 0, p = 0;
+  const I = o.bottom + s + r;
   switch (t) {
     case "top":
-      r.top - n.height - s < 0 ? p = r.top - n.height + s + o + l : p = r.top - n.height - s, b > i + r.right + 30 ? g = r.left - n.width / 2 + r.width / 2 : g = b - 30 - i;
+      o.top - n.height - s < 0 ? f = o.top - n.height + s + r + l : f = o.top - n.height - s, b > i + o.right + 30 ? p = o.left - n.width / 2 + o.width / 2 : p = b - 30 - i;
       break;
     case "bottom":
-      w > P ? p = r.bottom + s : p = r.bottom - s - o - l, g = r.left - n.width / 2 + r.width / 2;
+      x > I ? f = o.bottom + s : f = o.bottom - s - r - l, p = o.left - n.width / 2 + o.width / 2;
       break;
     case "left":
-      p = r.top - n.height / 2 + r.height / 2, r.left - n.width - s > 0 ? g = r.left - n.width - s : g = 10;
+      f = o.top - n.height / 2 + o.height / 2, o.left - n.width - s > 0 ? p = o.left - n.width - s : p = 10;
       break;
     case "right":
-      p = r.top - n.height / 2 + r.height / 2, b - c > i ? g = r.right + s : g = b - 30 - i;
+      f = o.top - n.height / 2 + o.height / 2, b - c > i ? p = o.right + s : p = b - 30 - i;
       break;
     case "top-right":
-      r.top - n.height - s < 0 ? p = r.top - n.height + s + o + l : p = r.top - n.height - s, b - c > i ? g = r.right + s : g = b - 30 - i;
+      o.top - n.height - s < 0 ? f = o.top - n.height + s + r + l : f = o.top - n.height - s, b - c > i ? p = o.right + s : p = b - 30 - i;
       break;
     case "top-left":
-      r.top - n.height - s < 0 ? p = r.top - n.height + s + o + l : p = r.top - n.height - s, r.left - n.width - s > 0 ? g = r.left - n.width - s : g = 10;
+      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;
       break;
     case "top-start":
-      r.top - n.height - s < 0 ? p = r.top - n.height + s + o + l : p = r.top - n.height - s, r.left > 0 ? g = r.left : g = 10;
+      o.top - n.height - s < 0 ? f = o.top - n.height + s + r + l : f = o.top - n.height - s, o.left > 0 ? p = o.left : p = 10;
       break;
     case "bottom-right":
-      w > P ? p = r.bottom + s : p = r.bottom - s - o - l, b - c > i ? g = r.left : g = b - 30 - i;
+      x > I ? f = o.bottom + s : f = o.bottom - s - r - l, b - c > i ? p = o.left : p = b - 30 - i;
       break;
     case "bottom-left":
-      w > P ? p = r.bottom + s : p = r.bottom - s - o - l, r.left > 0 ? g = r.right - i : g = 10;
+      x > I ? f = o.bottom + s : f = o.bottom - s - r - l, o.left > 0 ? p = o.right - i : p = 10;
       break;
     case "bottom-start":
-      w > P ? p = r.bottom + s : p = r.bottom - s - o - l, r.left > 0 ? g = r.left : g = 10;
+      x > I ? f = o.bottom + s : f = o.bottom - s - r - l, o.left > 0 ? p = o.left : p = 10;
       break;
   }
-  p + o > w ? p = w - o - s : p < 0 && (p = s), g + i > b ? g = b - i - s : g < 0 && (g = s), a instanceof HTMLElement && (a.style.top = `${p}px`, a.style.left = `${g}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" }, de = /* @__PURE__ */ Object.assign({
+  f + r > x ? f = x - r - s : f < 0 && (f = s), p + i > b ? p = b - i - s : p < 0 && (p = s), a instanceof HTMLElement && (a.style.top = `${f}px`, a.style.left = `${p}px`, a.style.position = "fixed");
+}, co = { class: "text-center" }, uo = { class: "py-2 px-4 w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-lg focus:outline-none focus:bg-stone-100 dark:bg-neutral-900 dark:text-neutral-200 dark:focus:bg-neutral-800 after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" }, fe = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "vs-popover",
@@ -1105,98 +1105,98 @@ const tt = /* @__PURE__ */ X(Ur, [["render", Xr], ["__scopeId", "data-v-eb21a54f
   },
   emits: ["isvisible"],
   setup(t, { expose: e, emit: a }) {
-    const s = t, n = a, r = C(!1), l = C([]), c = C(null), o = C(null), i = C(null);
-    we(r, (I) => {
-      I ? (w(), window.addEventListener(
+    const s = t, n = a, o = $(!1), l = $([]), c = $(null), r = $(null), i = $(null);
+    me(o, (P) => {
+      P ? (x(), window.addEventListener(
         "resize",
-        () => me(s.placement, o.value, i.value)
-      ), me(s.placement, o.value, i.value)) : window.removeEventListener(
+        () => xe(s.placement, r.value, i.value)
+      ), xe(s.placement, r.value, i.value)) : window.removeEventListener(
         "resize",
-        () => me(s.placement, o.value, i.value)
-      ), n("isvisible", I);
-    }), he(() => {
-      window.addEventListener("click", z), window.addEventListener("popstate", U), window.addEventListener("scroll", Y, !0), w();
-    }), Xe(() => {
-      window.removeEventListener("click", z), window.removeEventListener("popstate", U), b();
+        () => xe(s.placement, r.value, i.value)
+      ), n("isvisible", P);
+    }), be(() => {
+      window.addEventListener("click", O), window.addEventListener("popstate", R), window.addEventListener("scroll", J, !0), x();
+    }), Qe(() => {
+      window.removeEventListener("click", O), window.removeEventListener("popstate", R), b();
     });
-    const w = () => {
-      let I = c.value;
-      for (; I && I !== document.body; )
-        (I.scrollHeight > I.clientHeight || I.scrollWidth > I.clientWidth) && (I.addEventListener("scroll", O), l.value.push(I)), I = I.parentElement;
-      document.body && (document.body.addEventListener("scroll", O), l.value.push(document.body));
+    const x = () => {
+      let P = c.value;
+      for (; P && P !== document.body; )
+        (P.scrollHeight > P.clientHeight || P.scrollWidth > P.clientWidth) && (P.addEventListener("scroll", V), l.value.push(P)), P = P.parentElement;
+      document.body && (document.body.addEventListener("scroll", V), l.value.push(document.body));
     }, b = () => {
-      l.value.forEach((I) => {
-        I.removeEventListener("scroll", O);
+      l.value.forEach((P) => {
+        P.removeEventListener("scroll", V);
       }), l.value = [];
+    }, f = () => {
+      o.value = !0, xe(s.placement, r.value, i.value);
     }, p = () => {
-      r.value = !0, me(s.placement, o.value, i.value);
-    }, g = () => {
-      r.value = !1;
-    }, P = async () => {
-      await me(s.placement, o.value, i.value), r.value = !r.value;
-    }, O = () => {
-      r.value = !1;
-    }, z = (I) => {
-      if (!I) {
-        r.value = !1;
+      o.value = !1;
+    }, I = async () => {
+      await xe(s.placement, r.value, i.value), o.value = !o.value;
+    }, V = () => {
+      o.value = !1;
+    }, O = (P) => {
+      if (!P) {
+        o.value = !1;
         return;
       }
-      o.value?.contains(I.target) || i.value?.contains(I.target) || (r.value = !1);
-    }, U = () => {
-      r.value && (r.value = !1);
-    }, Y = (I) => {
-      r.value && i.value && !i.value.contains(I.target) && (r.value = !1);
+      r.value?.contains(P.target) || i.value?.contains(P.target) || (o.value = !1);
+    }, R = () => {
+      o.value && (o.value = !1);
+    }, J = (P) => {
+      o.value && i.value && !i.value.contains(P.target) && (o.value = !1);
     };
     return e({
-      togglePopover: P
-    }), (I, Q) => (v(), k("div", {
+      togglePopover: I
+    }), (P, ee) => (v(), w("div", {
       ref_key: "popover",
       ref: c,
       class: "vs-popover inline-block"
     }, [
-      d("div", no, [
-        t.trigger === "click" ? (v(), k("div", {
+      d("div", co, [
+        t.trigger === "click" ? (v(), w("div", {
           key: 0,
           ref_key: "popoverRef",
-          ref: o,
-          onClick: P,
+          ref: r,
+          onClick: I,
           class: E({ "pointer-events-none": t.disabled })
         }, [
-          be(I.$slots, "reference", {}, () => [
-            Q[0] || (Q[0] = d("button", null, "Click me!", -1))
+          we(P.$slots, "reference", {}, () => [
+            ee[0] || (ee[0] = d("button", null, "Click me!", -1))
           ])
-        ], 2)) : V("", !0),
-        t.trigger === "hover" ? (v(), k("div", {
+        ], 2)) : U("", !0),
+        t.trigger === "hover" ? (v(), w("div", {
           key: 1,
           ref_key: "popoverRef",
-          ref: o,
-          onMouseover: p,
-          onMouseleave: g,
+          ref: r,
+          onMouseover: f,
+          onMouseleave: p,
           class: E({ "pointer-events-none": t.disabled })
         }, [
-          be(I.$slots, "reference", {}, () => [
-            Q[1] || (Q[1] = d("button", null, "Click me!", -1))
+          we(P.$slots, "reference", {}, () => [
+            ee[1] || (ee[1] = d("button", null, "Click me!", -1))
           ])
-        ], 34)) : V("", !0),
-        (v(), K(Ke, { to: t.teleport }, [
-          F(We, { name: "fade" }, {
-            default: R(() => [
-              ce(d("div", {
+        ], 34)) : U("", !0),
+        (v(), W(Ge, { to: t.teleport }, [
+          C(Ye, { name: "fade" }, {
+            default: q(() => [
+              de(d("div", {
                 class: E(["vsTailwind vs-popover__content", t.placement]),
                 ref_key: "contentPop",
                 ref: i,
-                style: le({
+                style: se({
                   width: t.width ? t.width + "px" : "fit-content",
                   zIndex: 100001
                 })
               }, [
-                d("div", so, [
-                  be(I.$slots, "default", {}, () => [
-                    Q[2] || (Q[2] = d("span", null, "Popover content", -1))
+                d("div", uo, [
+                  we(P.$slots, "default", {}, () => [
+                    ee[2] || (ee[2] = d("span", null, "Popover content", -1))
                   ])
                 ])
               ], 6), [
-                [ke, r.value]
+                [$e, o.value]
               ])
             ]),
             _: 3
@@ -1205,126 +1205,126 @@ const tt = /* @__PURE__ */ X(Ur, [["render", Xr], ["__scopeId", "data-v-eb21a54f
       ])
     ], 512));
   }
-}), io = { class: "flex flex-col gap-[2px] p-[2px]" }, co = ["onClick"], uo = {
+}), fo = { class: "flex flex-col gap-[2px] p-[2px]" }, po = ["onClick"], go = {
   __name: "vs-editor-table",
   props: { editor: Object },
   setup(t) {
-    const { t: e } = Me(), a = t, s = C(!1), n = C("popover"), r = () => {
+    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());
     }, l = () => {
       a.editor && (a.editor.chain().focus().addColumnAfter().run(), n.value.togglePopover());
     }, c = () => {
       a.editor && (a.editor.chain().focus().addRowAfter().run(), n.value.togglePopover());
-    }, o = () => {
+    }, r = () => {
       a.editor && (a.editor.chain().focus().deleteColumn().run(), n.value.togglePopover());
     }, i = () => {
       a.editor && (a.editor.chain().focus().deleteRow().run(), n.value.togglePopover());
-    }, w = () => {
+    }, x = () => {
       a.editor && (a.editor.chain().focus().deleteTable().run(), n.value.togglePopover());
     }, b = () => {
       a.editor && (a.editor.chain().focus().mergeCells().run(), n.value.togglePopover());
-    }, p = () => {
+    }, f = () => {
       a.editor && (a.editor.chain().focus().splitCell().run(), n.value.togglePopover());
-    }, g = H(() => [
-      { text: e("form.richtext.createTable"), function: r },
+    }, p = N(() => [
+      { text: e("form.richtext.createTable"), function: o },
       { text: e("form.richtext.addColumn"), function: l },
       { text: e("form.richtext.addRow"), function: c },
-      { text: e("form.richtext.deleteColumn"), function: o },
+      { text: e("form.richtext.deleteColumn"), function: r },
       { text: e("form.richtext.deleteRow"), function: i },
-      { text: e("form.richtext.deleteTable"), function: w },
+      { text: e("form.richtext.deleteTable"), function: x },
       { text: e("form.richtext.mergeCells"), function: b },
-      { text: e("form.richtext.splitCells"), function: p }
+      { text: e("form.richtext.splitCells"), function: f }
     ]);
-    return (P, O) => (v(), K(de, {
+    return (I, V) => (v(), W(fe, {
       ref_key: "popover",
       ref: n,
       placement: "bottom",
-      onIsvisible: O[0] || (O[0] = (z) => s.value = z)
+      onIsvisible: V[0] || (V[0] = (O) => s.value = O)
     }, {
-      reference: R(() => [
+      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"]])
         }, [
-          F(L(Bt), { class: "h-4 w-4" })
+          C(L(Pt), { class: "h-4 w-4" })
         ], 2)
       ]),
-      default: R(() => [
-        d("div", io, [
-          (v(!0), k(re, null, ne(g.value, (z, U) => (v(), k("button", {
-            key: U,
-            onClick: z?.function,
+      default: q(() => [
+        d("div", fo, [
+          (v(!0), w(ae, null, ie(p.value, (O, R) => (v(), w("button", {
+            key: R,
+            onClick: O?.function,
             class: "px-2 py-1 text-gray-500 text-start hover:text-gray-900 hover:bg-gray-100 rounded"
-          }, W(z.text), 9, co))), 128))
+          }, Y(O.text), 9, po))), 128))
         ])
       ]),
       _: 1
     }, 512));
   }
-}, fo = { class: "flex gap-[4px] p-1" }, po = ["title", "onClick"], go = {
+}, ho = { class: "flex gap-[4px] p-1" }, vo = ["title", "onClick"], mo = {
   __name: "vs-editor-align",
   props: { editor: Object },
   setup(t) {
     const e = t, a = {
-      left: jt,
-      center: Pt,
-      right: It,
-      justify: Et
-    }, s = C(!1), n = C("popover"), r = C("left"), l = H(() => e.editor ? e.editor.isActive("paragraph", { textAlign: "left" }) || e.editor.isActive("heading", { textAlign: "left" }) : !1), c = H(() => e.editor ? e.editor.isActive("paragraph", { textAlign: "right" }) || e.editor.isActive("heading", { textAlign: "right" }) : !1), o = H(() => e.editor ? e.editor.isActive("paragraph", { textAlign: "center" }) || e.editor.isActive("heading", { textAlign: "center" }) : !1), i = H(() => e.editor ? e.editor.isActive("paragraph", { textAlign: "justify" }) || e.editor.isActive("heading", { textAlign: "justify" }) : !1), w = H(() => l.value || c.value || o.value || i.value), b = () => {
-      c.value ? r.value = "right" : o.value ? r.value = "center" : i.value ? r.value = "justify" : r.value = "left";
+      left: Nt,
+      center: Ht,
+      right: Mt,
+      justify: jt
+    }, s = $(!1), n = $("popover"), o = $("left"), l = N(() => e.editor ? e.editor.isActive("paragraph", { textAlign: "left" }) || e.editor.isActive("heading", { textAlign: "left" }) : !1), c = N(() => e.editor ? e.editor.isActive("paragraph", { textAlign: "right" }) || e.editor.isActive("heading", { textAlign: "right" }) : !1), r = N(() => e.editor ? e.editor.isActive("paragraph", { textAlign: "center" }) || e.editor.isActive("heading", { textAlign: "center" }) : !1), i = N(() => e.editor ? e.editor.isActive("paragraph", { textAlign: "justify" }) || e.editor.isActive("heading", { textAlign: "justify" }) : !1), x = N(() => l.value || c.value || r.value || i.value), b = () => {
+      c.value ? o.value = "right" : r.value ? o.value = "center" : i.value ? o.value = "justify" : o.value = "left";
     };
-    we([l, c, o, i], () => {
+    me([l, c, r, i], () => {
       b();
-    }, { immediate: !0 }), he(() => {
+    }, { immediate: !0 }), be(() => {
       e.editor && (e.editor.on("selectionUpdate", b), e.editor.on("update", b));
-    }), Ae(() => {
+    }), Le(() => {
       e.editor && (e.editor.off("selectionUpdate", b), e.editor.off("update", b));
     });
-    const p = (P) => {
-      e.editor && (e.editor.chain().focus().setTextAlign(P).run(), r.value = P);
-    }, g = C([
+    const f = (I) => {
+      e.editor && (e.editor.chain().focus().setTextAlign(I).run(), o.value = I);
+    }, p = $([
       { id: "left", isActive: l },
-      { id: "center", isActive: o },
+      { id: "center", isActive: r },
       { id: "right", isActive: c },
       { id: "justify", isActive: i }
     ]);
-    return (P, O) => (v(), K(de, {
+    return (I, V) => (v(), W(fe, {
       ref_key: "popover",
       ref: n,
       placement: "bottom",
-      onIsvisible: O[0] || (O[0] = (z) => s.value = z)
+      onIsvisible: V[0] || (V[0] = (O) => s.value = O)
     }, {
-      reference: R(() => [
+      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", [w.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", [x.value ? "bg-gray-100 text-gray-900" : "text-gray-500"]])
         }, [
-          (v(), K(Te(a[r.value]), {
+          (v(), W(Ee(a[o.value]), {
             height: "16",
             width: "16"
           }))
         ], 2)
       ]),
-      default: R(() => [
-        d("div", fo, [
-          (v(!0), k(re, null, ne(g.value, (z) => (v(), k("button", {
-            title: "Text align " + z?.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": z?.isActive }]),
-            key: z?.id,
-            onClick: (U) => p(z?.id)
+      default: q(() => [
+        d("div", ho, [
+          (v(!0), w(ae, null, ie(p.value, (O) => (v(), w("button", {
+            title: "Text align " + O?.id,
+            class: E(["w-[30px] h-[30px] flex items-center justify-center text-gray-500 rounded hover:text-gray-900 hover:bg-gray-100", { "bg-gray-100 text-gray-900": O?.isActive }]),
+            key: O?.id,
+            onClick: (R) => f(O?.id)
           }, [
-            (v(), K(Te(a[z?.id]), {
+            (v(), W(Ee(a[O?.id]), {
               height: "16",
               width: "16"
             }))
-          ], 10, po))), 128))
+          ], 10, vo))), 128))
         ])
       ]),
       _: 1
     }, 512));
   }
-}, ho = {
-  components: { VsText: tt },
+}, bo = {
+  components: { VsText: lt },
   inheritAttrs: !1,
   events: ["update:modelValue"],
   props: {
@@ -1343,43 +1343,43 @@ const tt = /* @__PURE__ */ X(Ur, [["render", Xr], ["__scopeId", "data-v-eb21a54f
       }
     }
   }
-}, vo = { class: "flex items-center w-full max-w-[182px]" }, mo = ["disabled"];
-function bo(t, e, a, s, n, r) {
-  const l = G("vs-text");
-  return v(), k("div", vo, [
-    ce(d("input", {
-      "onUpdate:modelValue": e[0] || (e[0] = (c) => r.value = c),
+}, yo = { class: "flex items-center w-full max-w-[182px]" }, xo = ["disabled"];
+function wo(t, e, a, s, n, o) {
+  const l = Z("vs-text");
+  return v(), w("div", yo, [
+    de(d("input", {
+      "onUpdate:modelValue": e[0] || (e[0] = (c) => o.value = c),
       type: "color",
       class: E(["w-[38px] h-[38px] min-h-[38px] min-w-[38px] py-[2px] px-[3px] -ml-1 dark:bg-neutral-800 border dark:border-neutral-700 border-stone-200 rounded-lg", a.disabled ? "cursor-not-allowed" : "cursor-pointer"]),
       disabled: a.disabled
-    }, null, 10, mo), [
-      [ct, r.value]
+    }, null, 10, xo), [
+      [ft, o.value]
     ]),
-    a.isTextInputShown ? (v(), K(l, {
+    a.isTextInputShown ? (v(), W(l, {
       key: 0,
-      modelValue: r.value,
-      "onUpdate:modelValue": e[1] || (e[1] = (c) => r.value = c),
+      modelValue: o.value,
+      "onUpdate:modelValue": e[1] || (e[1] = (c) => o.value = c),
       class: "ml-2 w-full",
       disabled: a.disabled,
       clearable: a.clearable
-    }, null, 8, ["modelValue", "disabled", "clearable"])) : V("", !0)
+    }, null, 8, ["modelValue", "disabled", "clearable"])) : U("", !0)
   ]);
 }
-const rt = /* @__PURE__ */ X(ho, [["render", bo]]), yo = { 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 = {
+const at = /* @__PURE__ */ Q(bo, [["render", wo]]), ko = { class: "flex gap-[4px] mb-[8px]" }, _o = { class: "grid grid-rows-3 grid-cols-7" }, $o = { class: "w-full h-full rounded border border-gray-300 overflow-hidden" }, Co = ["onClick", "title"], Ao = {
   __name: "vs-editor-color",
   props: {
     editor: Object
   },
   setup(t) {
-    const e = t, a = C(null), s = C("#000000"), n = H(() => e.editor && e.editor.getAttributes("textStyle").color || "#000000"), r = H(() => n.value !== "#000000"), l = () => {
+    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);
     };
-    he(() => {
+    be(() => {
       e.editor && (e.editor.on("selectionUpdate", l), e.editor.on("update", l), l());
-    }), Ae(() => {
+    }), Le(() => {
       e.editor && (e.editor.off("selectionUpdate", l), e.editor.off("update", l));
     });
-    const c = C([
+    const c = $([
       "#172B4D",
       "#0747A6",
       "#008DA6",
@@ -1401,11 +1401,11 @@ const rt = /* @__PURE__ */ X(ho, [["render", bo]]), yo = { class: "flex gap-[4px
       "#FFF0B3",
       "#FFBDAD",
       "#EAE6FF"
-    ]), o = (b) => {
+    ]), r = (b) => {
       e.editor && (e.editor.chain().focus().setColor(b).run(), s.value = b, a.value && a.value.togglePopover());
     }, i = () => {
-      o(s.value);
-    }, w = (b) => ({
+      r(s.value);
+    }, x = (b) => ({
       "#172B4D": "Default",
       "#0747A6": "Bright blue",
       "#008DA6": "Bright blue-green",
@@ -1428,54 +1428,54 @@ const rt = /* @__PURE__ */ X(ho, [["render", bo]]), yo = { class: "flex gap-[4px
       "#FFBDAD": "Bright red",
       "#EAE6FF": "Bright purple"
     })[b] || b;
-    return (b, p) => (v(), K(de, {
+    return (b, f) => (v(), W(fe, {
       ref_key: "popover",
       ref: a,
       placement: "bottom"
     }, {
-      reference: R(() => [
+      reference: q(() => [
         d("button", {
           title: "Text Color",
-          class: E(["flex flex-col h-[30px] min-w-[30px] px-1 rounded-full hover:bg-gray-100 justify-center items-center relative flex", { "bg-gray-100": r.value }])
+          class: E(["flex flex-col h-[30px] min-w-[30px] px-1 rounded-full hover:bg-gray-100 justify-center items-center relative flex", { "bg-gray-100": o.value }])
         }, [
-          p[1] || (p[1] = d("span", { class: "leading-none" }, "A", -1)),
+          f[1] || (f[1] = d("span", { class: "leading-none" }, "A", -1)),
           d("span", {
             class: "block h-1 w-5",
-            style: le({ backgroundColor: s.value })
+            style: se({ backgroundColor: s.value })
           }, null, 4)
         ], 2)
       ]),
-      default: R(() => [
+      default: q(() => [
         d("div", null, [
-          d("div", yo, [
-            F(rt, {
+          d("div", ko, [
+            C(at, {
               modelValue: s.value,
-              "onUpdate:modelValue": p[0] || (p[0] = (g) => s.value = g)
+              "onUpdate:modelValue": f[0] || (f[0] = (p) => s.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"
             }, [
-              F(L(ye), { class: "h-4 w-4 text-white" })
+              C(L(ke), { class: "h-4 w-4 text-white" })
             ])
           ]),
-          d("div", xo, [
-            (v(!0), k(re, null, ne(c.value, (g) => (v(), k("div", {
-              key: g,
+          d("div", _o, [
+            (v(!0), w(ae, null, ie(c.value, (p) => (v(), w("div", {
+              key: p,
               class: "h-8 w-8 p-0.5 rounded border border-transparent hover:border-gray-200 transition-transform cursor-pointer"
             }, [
-              d("div", wo, [
+              d("div", $o, [
                 d("button", {
                   class: "flex items-center justify-center w-full h-full",
-                  style: le({ backgroundColor: g }),
-                  onClick: (P) => o(g),
-                  title: w(g)
+                  style: se({ backgroundColor: p }),
+                  onClick: (I) => r(p),
+                  title: x(p)
                 }, [
-                  s.value === g ? (v(), K(L(ye), {
+                  s.value === p ? (v(), W(L(ke), {
                     key: 0,
                     class: "h-4 w-4 text-gray-500"
-                  })) : V("", !0)
-                ], 12, ko)
+                  })) : U("", !0)
+                ], 12, Co)
               ])
             ]))), 128))
           ])
@@ -1484,21 +1484,21 @@ const rt = /* @__PURE__ */ X(ho, [["render", bo]]), yo = { class: "flex gap-[4px
       _: 1
     }, 512));
   }
-}, $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"], To = {
+}, Fo = { class: "flex gap-[4px] mb-[8px]" }, So = { class: "grid grid-rows-3 grid-cols-7" }, To = { class: "w-full h-full rounded border border-gray-300 overflow-hidden" }, Lo = ["onClick", "title"], Bo = ["onClick", "title"], Eo = {
   __name: "vs-editor-background-color",
   props: {
     editor: Object
   },
   setup(t) {
-    const e = t, a = C(null), s = C("transparent"), n = H(() => e.editor && e.editor.getAttributes("textStyle").backgroundColor || "transparent"), r = H(() => n.value !== "transparent" && n.value !== ""), l = () => {
+    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);
     };
-    he(() => {
+    be(() => {
       e.editor && (e.editor.on("selectionUpdate", l), e.editor.on("update", l), l());
-    }), Ae(() => {
+    }), Le(() => {
       e.editor && (e.editor.off("selectionUpdate", l), e.editor.off("update", l));
     });
-    const c = C([
+    const c = $([
       "#172B4D",
       "#0747A6",
       "#008DA6",
@@ -1520,11 +1520,11 @@ const rt = /* @__PURE__ */ X(ho, [["render", bo]]), yo = { class: "flex gap-[4px
       "#FFF0B3",
       "#FFBDAD",
       "#EAE6FF"
-    ]), o = (b) => {
+    ]), r = (b) => {
       e.editor && (e.editor.chain().focus().setBackgroundColor(b).run(), s.value = b, a.value && a.value.togglePopover());
     }, i = () => {
-      o(s.value);
-    }, w = (b) => ({
+      r(s.value);
+    }, x = (b) => ({
       "#172B4D": "Default",
       "#0747A6": "Bright blue",
       "#008DA6": "Bright blue-green",
@@ -1547,73 +1547,73 @@ const rt = /* @__PURE__ */ X(ho, [["render", bo]]), yo = { class: "flex gap-[4px
       "#FFBDAD": "Bright red",
       "#EAE6FF": "Bright purple"
     })[b] || b;
-    return (b, p) => (v(), K(de, {
+    return (b, f) => (v(), W(fe, {
       ref_key: "popover",
       ref: a,
       placement: "bottom"
     }, {
-      reference: R(() => [
+      reference: q(() => [
         d("button", {
           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": r.value }])
+          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 }])
         }, [
-          F(L(Ht), { class: "h-4 w-4" }),
+          C(L(Dt), { class: "h-4 w-4" }),
           d("span", {
             class: "block h-1 w-5",
-            style: le({ backgroundColor: s.value })
+            style: se({ backgroundColor: s.value })
           }, null, 4)
         ], 2)
       ]),
-      default: R(() => [
+      default: q(() => [
         d("div", null, [
-          d("div", $o, [
-            F(rt, {
+          d("div", Fo, [
+            C(at, {
               modelValue: s.value,
-              "onUpdate:modelValue": p[0] || (p[0] = (g) => s.value = g)
+              "onUpdate:modelValue": f[0] || (f[0] = (p) => s.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"
             }, [
-              F(L(ye), { class: "h-4 w-4 text-white" })
+              C(L(ke), { class: "h-4 w-4 text-white" })
             ])
           ]),
-          d("div", Co, [
+          d("div", So, [
             d("button", {
-              onClick: p[1] || (p[1] = (g) => o("transparent")),
+              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"
             }, [
-              F(L(Mt), { class: "h-4 w-4" }),
-              p[2] || (p[2] = d("p", null, "no color", -1))
+              C(L(zt), { class: "h-4 w-4" }),
+              f[2] || (f[2] = d("p", null, "no color", -1))
             ]),
-            (v(!0), k(re, null, ne(c.value, (g) => (v(), k("div", {
-              key: g,
+            (v(!0), w(ae, null, ie(c.value, (p) => (v(), w("div", {
+              key: p,
               class: "h-8 w-8 p-0.5 rounded border border-transparent hover:border-gray-200 transition-transform cursor-pointer"
             }, [
-              d("div", Ao, [
-                g !== "transparent" ? (v(), k("button", {
+              d("div", To, [
+                p !== "transparent" ? (v(), w("button", {
                   key: 0,
                   class: "flex items-center justify-center w-full h-full",
-                  style: le({ backgroundColor: g }),
-                  onClick: (P) => o(g),
-                  title: w(g)
+                  style: se({ backgroundColor: p }),
+                  onClick: (I) => r(p),
+                  title: x(p)
                 }, [
-                  s.value === g ? (v(), K(L(ye), {
+                  s.value === p ? (v(), W(L(ke), {
                     key: 0,
                     class: "h-4 w-4 text-gray-500"
-                  })) : V("", !0)
-                ], 12, Fo)) : V("", !0),
-                g === "transparent" ? (v(), k("button", {
+                  })) : U("", !0)
+                ], 12, Lo)) : U("", !0),
+                p === "transparent" ? (v(), w("button", {
                   key: 1,
                   class: "flex items-center justify-center w-full h-full",
-                  onClick: (P) => o(g),
-                  title: w(g)
+                  onClick: (I) => r(p),
+                  title: x(p)
                 }, [
-                  s.value === g ? (v(), K(L(ye), {
+                  s.value === p ? (v(), W(L(ke), {
                     key: 0,
                     class: "h-4 w-4 text-gray-500"
-                  })) : V("", !0)
-                ], 8, So)) : V("", !0)
+                  })) : U("", !0)
+                ], 8, Bo)) : U("", !0)
               ])
             ]))), 128))
           ])
@@ -1622,30 +1622,30 @@ const rt = /* @__PURE__ */ X(ho, [["render", bo]]), yo = { class: "flex gap-[4px
       _: 1
     }, 512));
   }
-}, Lo = {
+}, Io = {
   __name: "vs-editor-highlight",
   props: {
     editor: Object
   },
   setup(t) {
-    const e = t, a = H(() => e.editor?.isActive("highlight")), s = () => {
+    const e = t, a = N(() => e.editor?.isActive("highlight")), s = () => {
       e.editor && e.editor.chain().focus().toggleHighlight().run();
     };
-    return (n, r) => (v(), k("button", {
+    return (n, o) => (v(), w("button", {
       title: "Highlight",
       onClick: s,
       class: E(["flex flex-col h-[30px] px-1 rounded-full hover:bg-gray-100 justify-center items-center relative flex", { "bg-gray-200": a.value }])
     }, [
-      F(L(Nt), { class: "h-4 w-4" })
+      C(L(Vt), { class: "h-4 w-4" })
     ], 2));
   }
-}, Bo = { class: "truncate" }, Eo = { class: "w-[200px]" }, Io = { class: "max-h-[200px] overflow-y-auto" }, Po = ["onClick"], jo = {
+}, Po = { class: "truncate" }, jo = { class: "w-[200px]" }, Mo = { class: "max-h-[200px] overflow-y-auto" }, Ho = ["onClick"], No = {
   __name: "vs-editor-font-family",
   props: {
     editor: Object
   },
   setup(t) {
-    const e = t, a = C("popover"), s = C(!1), n = C([
+    const e = t, a = $("popover"), s = $(!1), n = $([
       { label: "Arial", value: "Arial, sans-serif" },
       { label: "Helvetica", value: "Helvetica, sans-serif" },
       { label: "Times New Roman", value: "Times New Roman, serif" },
@@ -1656,61 +1656,61 @@ const rt = /* @__PURE__ */ X(ho, [["render", bo]]), yo = { class: "flex gap-[4px
       { label: "Impact", value: "Impact, sans-serif" },
       { label: "Trebuchet MS", value: "Trebuchet MS, sans-serif" },
       { label: "Palatino", value: "Palatino, serif" }
-    ]), r = H(() => {
+    ]), o = N(() => {
       if (!e.editor) return "Arial, sans-serif";
       for (const i of n.value)
         if (e.editor.isActive("textStyle", { fontFamily: i.value }))
           return i.value;
       return "Arial, sans-serif";
-    }), l = H(() => n.value.find((w) => w.value === r.value)?.label || "Arial"), c = (i) => e.editor ? e.editor.isActive("textStyle", { fontFamily: i }) : !1, o = (i) => {
+    }), 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) => {
       e.editor && (e.editor.chain().focus().setFontFamily(i).run(), a.value && a.value.togglePopover());
     };
-    return (i, w) => (v(), K(de, {
+    return (i, x) => (v(), W(fe, {
       ref_key: "popover",
       ref: a,
       placement: "bottom",
-      onIsvisible: w[0] || (w[0] = (b) => s.value = b)
+      onIsvisible: x[0] || (x[0] = (b) => s.value = b)
     }, {
-      reference: R(() => [
+      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: le({ fontFamily: r.value })
+          style: se({ fontFamily: o.value })
         }, [
-          d("span", Bo, W(l.value), 1),
-          F(L(Ee), { class: "ml-1 h-3 w-3 text-gray-400" })
+          d("span", Po, Y(l.value), 1),
+          C(L(je), { class: "ml-1 h-3 w-3 text-gray-400" })
         ], 6)
       ]),
-      default: R(() => [
-        d("div", Eo, [
-          d("ul", Io, [
-            (v(!0), k(re, null, ne(n.value, (b) => (v(), k("li", {
+      default: q(() => [
+        d("div", jo, [
+          d("ul", Mo, [
+            (v(!0), w(ae, null, ie(n.value, (b) => (v(), w("li", {
               key: b.value,
               class: E(["px-3 py-2 hover:bg-gray-100 cursor-pointer text-sm", { "bg-gray-100": c(b.value) }]),
-              style: le({ fontFamily: b.value }),
-              onClick: (p) => o(b.value)
-            }, W(b.label), 15, Po))), 128))
+              style: se({ fontFamily: b.value }),
+              onClick: (f) => r(b.value)
+            }, Y(b.label), 15, Ho))), 128))
           ])
         ])
       ]),
       _: 1
     }, 512));
   }
-}, Mo = { class: "w-[120px]" }, Ho = { class: "max-h-[200px] overflow-y-auto" }, No = ["onClick"], zo = {
+}, zo = { class: "w-[120px]" }, Do = { class: "max-h-[200px] overflow-y-auto" }, Vo = ["onClick"], Oo = {
   __name: "vs-editor-font-size",
   props: {
     editor: Object
   },
   setup(t) {
-    const e = t, a = C("popover"), s = C("14px"), n = H(() => e.editor && e.editor.getAttributes("textStyle").fontSize || "14px"), r = H(() => n.value !== "14px"), l = () => {
+    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);
     };
-    he(() => {
+    be(() => {
       e.editor && (e.editor.on("selectionUpdate", l), e.editor.on("update", l), l());
-    }), Ae(() => {
+    }), Le(() => {
       e.editor && (e.editor.off("selectionUpdate", l), e.editor.off("update", l));
     });
-    const c = C([
+    const c = $([
       { label: "8px", value: "8px" },
       { label: "9px", value: "9px" },
       { label: "10px", value: "10px" },
@@ -1726,39 +1726,39 @@ const rt = /* @__PURE__ */ X(ho, [["render", bo]]), yo = { class: "flex gap-[4px
       { label: "36px", value: "36px" },
       { label: "48px", value: "48px" },
       { label: "72px", value: "72px" }
-    ]), o = (i) => {
+    ]), r = (i) => {
       e.editor && (e.editor.chain().focus().setFontSize(i).run(), s.value = i, a.value && a.value.togglePopover());
     };
-    return (i, w) => (v(), K(de, {
+    return (i, x) => (v(), W(fe, {
       ref_key: "popover",
       ref: a,
       placement: "bottom"
     }, {
-      reference: R(() => [
+      reference: q(() => [
         d("button", {
           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": r.value }])
+          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 }])
         }, [
-          F(L(zt), { class: "h-4 w-4" }),
-          F(L(Ee), { class: "h-3 w-3 text-gray-400" })
+          C(L(Ot), { class: "h-4 w-4" }),
+          C(L(je), { class: "h-3 w-3 text-gray-400" })
         ], 2)
       ]),
-      default: R(() => [
-        d("div", Mo, [
-          d("ul", Ho, [
-            (v(!0), k(re, null, ne(c.value, (b) => (v(), k("li", {
+      default: q(() => [
+        d("div", zo, [
+          d("ul", Do, [
+            (v(!0), w(ae, null, ie(c.value, (b) => (v(), w("li", {
               key: b.value,
               class: "px-3 py-2 hover:bg-gray-100 cursor-pointer",
-              onClick: (p) => o(b.value)
-            }, W(b.label), 9, No))), 128))
+              onClick: (f) => r(b.value)
+            }, Y(b.label), 9, Vo))), 128))
           ])
         ])
       ]),
       _: 1
     }, 512));
   }
-}, Do = {
-  components: { Superscript: Dt },
+}, Ro = {
+  components: { Superscript: Rt },
   props: {
     editor: Object
   },
@@ -1768,19 +1768,19 @@ const rt = /* @__PURE__ */ X(ho, [["render", bo]]), yo = { class: "flex gap-[4px
     }
   }
 };
-function Oo(t, e, a, s, n, r) {
-  const l = G("Superscript");
-  return v(), k("button", {
+function Uo(t, e, a, s, n, o) {
+  const l = Z("Superscript");
+  return v(), w("button", {
     title: "Superscript",
-    onClick: e[0] || (e[0] = (...c) => r.toggleSuperscript && r.toggleSuperscript(...c)),
+    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") }])
   }, [
-    F(l, { class: "h-4 w-4" }),
+    C(l, { class: "h-4 w-4" }),
     e[1] || (e[1] = d("span", { class: "sr-only" }, "Superscript", -1))
   ], 2);
 }
-const Vo = /* @__PURE__ */ X(Do, [["render", Oo]]), Ro = {
-  components: { Subscript: Ot },
+const qo = /* @__PURE__ */ Q(Ro, [["render", Uo]]), Ko = {
+  components: { Subscript: Ut },
   props: {
     editor: Object
   },
@@ -1790,71 +1790,71 @@ const Vo = /* @__PURE__ */ X(Do, [["render", Oo]]), Ro = {
     }
   }
 };
-function Uo(t, e, a, s, n, r) {
-  const l = G("Subscript");
-  return v(), k("button", {
+function Wo(t, e, a, s, n, o) {
+  const l = Z("Subscript");
+  return v(), w("button", {
     title: "Subscript",
-    onClick: e[0] || (e[0] = (...c) => r.toggleSubscript && r.toggleSubscript(...c)),
+    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") }])
   }, [
-    F(l, { class: "h-4 w-4" }),
+    C(l, { class: "h-4 w-4" }),
     e[1] || (e[1] = d("span", { class: "sr-only" }, "Subscript", -1))
   ], 2);
 }
-const qo = /* @__PURE__ */ X(Ro, [["render", Uo]]), Ko = {
+const Xo = /* @__PURE__ */ Q(Ko, [["render", Wo]]), Go = {
   title: "Heading",
   class: "h-[30px] px-2 rounded-full hover:bg-gray-100 justify-center items-center flex text-sm text-gray-700"
-}, Wo = { class: "truncate" }, Xo = { class: "max-h-[200px] overflow-y-auto" }, Go = ["onClick"], Yo = {
+}, Yo = { class: "truncate" }, Qo = { class: "max-h-[200px] overflow-y-auto" }, Zo = ["onClick"], Jo = {
   __name: "vs-editor-heading",
   props: {
     editor: Object
   },
   setup(t) {
-    const e = t, a = C("popover"), s = C([
+    const e = t, a = $("popover"), s = $([
       { 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 = H(() => {
+    ]), n = N(() => {
       if (!e.editor) return "Paragraph";
-      for (let o = 1; o <= 6; o++)
-        if (e.editor.isActive("heading", { level: o }))
-          return `H ${o}`;
+      for (let r = 1; r <= 6; r++)
+        if (e.editor.isActive("heading", { level: r }))
+          return `H ${r}`;
       return "P";
-    }), r = (o) => ({
+    }), o = (r) => ({
       1: "font-weight:700; font-size:30px;",
       2: "font-weight:700; font-size:26px;",
       3: "font-weight:700; font-size:22px;",
       4: "font-weight:700; font-size:18px;",
       5: "font-weight:500; font-size:16px;",
       6: "font-weight:400; font-size:14px;"
-    })[o] || "", l = (o) => {
-      e.editor && (e.editor.chain().focus().setHeading({ level: o }).run(), a.value && a.value.togglePopover());
+    })[r] || "", l = (r) => {
+      e.editor && (e.editor.chain().focus().setHeading({ level: r }).run(), a.value && a.value.togglePopover());
     }, c = () => {
       e.editor && (e.editor.chain().focus().setParagraph().run(), a.value && a.value.togglePopover());
     };
-    return (o, i) => (v(), K(de, {
+    return (r, i) => (v(), W(fe, {
       ref_key: "popover",
       ref: a,
       placement: "bottom"
     }, {
-      reference: R(() => [
-        d("button", Ko, [
-          d("span", Wo, W(n.value), 1),
-          F(L(Ee), { class: "ml-1 h-3 w-3 text-gray-400" })
+      reference: q(() => [
+        d("button", Go, [
+          d("span", Yo, Y(n.value), 1),
+          C(L(je), { class: "ml-1 h-3 w-3 text-gray-400" })
         ])
       ]),
-      default: R(() => [
+      default: q(() => [
         d("div", null, [
-          d("ul", Xo, [
-            (v(!0), k(re, null, ne(s.value, (w) => (v(), k("li", {
-              key: w.value,
-              class: E(["px-3 py-2 hover:bg-gray-100 cursor-pointer text-sm", `heading-level-${w.value}`]),
-              style: le(r(w.value)),
-              onClick: (b) => l(w.value)
-            }, W(w.label), 15, Go))), 128)),
+          d("ul", Qo, [
+            (v(!0), w(ae, null, ie(s.value, (x) => (v(), w("li", {
+              key: x.value,
+              class: E(["px-3 py-2 hover:bg-gray-100 cursor-pointer text-sm", `heading-level-${x.value}`]),
+              style: se(o(x.value)),
+              onClick: (b) => l(x.value)
+            }, Y(x.label), 15, Zo))), 128)),
             d("li", {
               class: "px-3 py-2 hover:bg-gray-100 cursor-pointer text-sm border-t border-gray-200 mt-1 pt-2",
               onClick: c
@@ -1865,8 +1865,8 @@ const qo = /* @__PURE__ */ X(Ro, [["render", Uo]]), Ko = {
       _: 1
     }, 512));
   }
-}, Qo = /* @__PURE__ */ X(Yo, [["__scopeId", "data-v-96f02f2a"]]), Zo = {
-  components: { RemoveFormatting: Vt },
+}, el = /* @__PURE__ */ Q(Jo, [["__scopeId", "data-v-96f02f2a"]]), tl = {
+  components: { RemoveFormatting: qt },
   props: {
     editor: Object
   },
@@ -1876,27 +1876,27 @@ const qo = /* @__PURE__ */ X(Ro, [["render", Uo]]), Ko = {
     }
   }
 };
-function Jo(t, e, a, s, n, r) {
-  const l = G("RemoveFormatting");
-  return v(), k("button", {
+function rl(t, e, a, s, n, o) {
+  const l = Z("RemoveFormatting");
+  return v(), w("button", {
     title: "Clear Formatting",
-    onClick: e[0] || (e[0] = (...c) => r.clearFormatting && r.clearFormatting(...c)),
+    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"
   }, [
-    F(l, { class: "h-4 w-4" }),
+    C(l, { class: "h-4 w-4" }),
     e[1] || (e[1] = d("span", { class: "sr-only" }, "Clear Formatting", -1))
   ]);
 }
-const el = /* @__PURE__ */ X(Zo, [["render", Jo]]), tl = { class: "relative" }, rl = {
+const ol = /* @__PURE__ */ Q(tl, [["render", rl]]), ll = { class: "relative" }, al = {
   key: 0,
   class: "mt-4"
-}, ol = ["src", "alt", "title"], ll = {
+}, nl = ["src", "alt", "title"], sl = {
   key: 0,
   class: "text-sm text-red-500"
-}, al = {
+}, il = {
   key: 1,
   class: "mt-4"
-}, 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({
+}, cl = { class: "text-sm text-gray-600 mb-2" }, dl = { class: "flex flex-wrap gap-2" }, ul = ["src", "alt", "onError"], fl = ["onClick"], pl = { class: "flex justify-end gap-x-2 p-[20px]" }, gl = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "vs-editor-image",
@@ -1907,7 +1907,7 @@ const el = /* @__PURE__ */ X(Zo, [["render", Jo]]), tl = { class: "relative" },
     }
   },
   setup(t) {
-    const e = t, a = C(!1), s = C(!1), n = C({}), r = C(!1), l = C([]), c = C(null), o = C({
+    const e = t, a = $(!1), s = $(!1), n = $({}), o = $(!1), l = $([]), c = $(null), r = $({
       src: "",
       file: [],
       // Завжди масив
@@ -1917,27 +1917,27 @@ const el = /* @__PURE__ */ X(Zo, [["render", Jo]]), tl = { class: "relative" },
       height: "",
       link: "",
       openInNewTab: !1
-    }), i = H(() => {
-      if (Array.isArray(o.value.file)) {
-        const m = o.value.file.filter(($) => $ instanceof File), _ = o.value.file.filter(($) => typeof $ == "string" && $.trim() !== "");
-        return m.length + _.length > 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;
       }
-      return o.value.file instanceof FileList ? o.value.file.length > 1 : !1;
-    }), w = H(() => Array.isArray(o.value.file) ? o.value.file.filter((m) => m instanceof File).length === 1 : o.value.file instanceof FileList ? o.value.file.length === 1 : o.value.file instanceof File), b = H(() => {
+      return r.value.file instanceof FileList ? r.value.file.length > 1 : !1;
+    }), x = N(() => Array.isArray(r.value.file) ? r.value.file.filter((m) => m instanceof File).length === 1 : r.value.file instanceof FileList ? r.value.file.length === 1 : r.value.file instanceof File), b = N(() => {
       if (i.value)
         return "";
-      if (o.value.src)
-        return o.value.src;
-      if (w.value) {
+      if (r.value.src)
+        return r.value.src;
+      if (x.value) {
         let m = null;
-        if (Array.isArray(o.value.file) || o.value.file instanceof FileList ? m = o.value.file[0] : o.value.file instanceof File && (m = o.value.file), m instanceof File) {
-          const _ = l.value.find((f) => f.file === m);
-          return _ ? _.preview : "";
+        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);
+          return k ? k.preview : "";
         } else if (typeof m == "string")
           return m;
       }
       return "";
-    }), p = H(() => [
+    }), f = N(() => [
       {
         name: "src",
         label: "URL зображення",
@@ -1999,24 +1999,24 @@ const el = /* @__PURE__ */ X(Zo, [["render", Jo]]), tl = { class: "relative" },
         type: "switcher",
         required: !1
       }
-    ]), g = () => {
+    ]), p = () => {
       if (!e.editor) return;
       if (e.editor.isActive("image")) {
-        const { state: _ } = e.editor, { selection: f } = _, { $from: $ } = f;
-        let y = null, B = null;
-        if ($.parent.type.name === "image")
-          y = $.before($.depth), B = $.parent;
+        const { state: k } = e.editor, { selection: u } = k, { $from: _ } = u;
+        let y = null, T = null;
+        if (_.parent.type.name === "image")
+          y = _.before(_.depth), T = _.parent;
         else
-          for (let x = $.depth; x > 0; x--) {
-            const A = $.node(x), T = $.before(x);
-            A.type.name === "paragraph" && A.forEach((D, se) => {
-              if (D.type.name === "image") {
-                const ae = T + se + 1;
-                (y === null || Math.abs(ae - f.$from.pos) < Math.abs(y - f.$from.pos)) && (y = ae, B = D);
+          for (let H = _.depth; H > 0; H--) {
+            const X = _.node(H), g = _.before(H);
+            X.type.name === "paragraph" && X.forEach((A, B) => {
+              if (A.type.name === "image") {
+                const D = g + B + 1;
+                (y === null || Math.abs(D - u.$from.pos) < Math.abs(y - u.$from.pos)) && (y = D, T = A);
               }
             });
           }
-        if (y !== null && B) {
+        if (y !== null && T) {
           try {
             e.editor.chain().focus().setNodeSelection(y).run();
           } catch {
@@ -2025,18 +2025,18 @@ const el = /* @__PURE__ */ X(Zo, [["render", Jo]]), tl = { class: "relative" },
           c.value = y;
         } else {
           e.editor.chain().focus().selectParentNode().run();
-          const { state: x } = e.editor;
-          c.value = x.selection.$from.pos;
+          const { state: H } = e.editor;
+          c.value = H.selection.$from.pos;
         }
-        const h = B ? B.attrs : e.editor.getAttributes("image");
-        r.value = !0;
+        const h = T ? T.attrs : e.editor.getAttributes("image");
+        o.value = !0;
         let S = "", M = !1;
-        const N = e.editor.getAttributes("link");
-        N && N.href && (S = N.href, M = N.target === "_blank");
-        const j = h.src || "", u = j ? [j] : [];
-        o.value = {
+        const z = e.editor.getAttributes("link");
+        z && z.href && (S = z.href, M = z.target === "_blank");
+        const j = h.src || "", F = j ? [j] : [];
+        r.value = {
           src: j,
-          file: u,
+          file: F,
           // Масив з поточним зображенням
           alt: h.alt || "",
           title: h.title || "",
@@ -2046,7 +2046,7 @@ const el = /* @__PURE__ */ X(Zo, [["render", Jo]]), tl = { class: "relative" },
           openInNewTab: M
         };
       } else
-        r.value = !1, o.value = {
+        o.value = !1, r.value = {
           src: "",
           file: [],
           // Завжди масив
@@ -2058,8 +2058,8 @@ const el = /* @__PURE__ */ X(Zo, [["render", Jo]]), tl = { class: "relative" },
           openInNewTab: !1
         };
       s.value = !1, a.value = !0;
-    }, P = () => {
-      a.value = !1, s.value = !1, r.value = !1, l.value = [], c.value = null, o.value = {
+    }, I = () => {
+      a.value = !1, s.value = !1, o.value = !1, l.value = [], c.value = null, r.value = {
         src: "",
         file: [],
         // Завжди масив
@@ -2070,40 +2070,40 @@ const el = /* @__PURE__ */ X(Zo, [["render", Jo]]), tl = { class: "relative" },
         link: "",
         openInNewTab: !1
       };
-    }, O = async (m) => {
+    }, V = async (m) => {
       if (!m || m.length === 0)
         return;
-      const _ = [];
-      for (const f of m)
-        if (f && f.type && f.type.startsWith("image/") && !l.value.some((y) => y.file === f)) {
-          const y = new Promise((B, h) => {
+      const k = [];
+      for (const u of m)
+        if (u && u.type && u.type.startsWith("image/") && !l.value.some((y) => y.file === u)) {
+          const y = new Promise((T, h) => {
             const S = new FileReader();
             S.onload = (M) => {
               l.value.push({
-                file: f,
+                file: u,
                 preview: M.target.result,
                 error: !1
-              }), B();
-            }, S.onerror = h, S.readAsDataURL(f);
+              }), T();
+            }, S.onerror = h, S.readAsDataURL(u);
           });
-          _.push(y);
+          k.push(y);
         }
-      await Promise.all(_);
-    }, z = (m) => {
-      l.value.splice(m, 1), Array.isArray(o.value.file) && o.value.file.splice(m, 1);
-    }, U = () => {
-      const m = o.value.width !== null && o.value.width !== void 0 && o.value.width !== "" && String(o.value.width).trim() !== "" ? String(o.value.width).trim() : "", _ = o.value.height !== null && o.value.height !== void 0 && o.value.height !== "" && String(o.value.height).trim() !== "" ? String(o.value.height).trim() : "", f = {};
-      return m && _ ? (f.width = m, f.height = _, f.style = `width: ${m}px; height: ${_}px; object-fit: fill;`) : m ? (f.width = m, f.height = void 0) : _ ? (f.height = _, f.width = void 0) : (f.width = void 0, f.height = void 0), f;
-    }, Y = (m, _ = null, f = 50) => {
-      const $ = () => {
+      await Promise.all(k);
+    }, O = (m) => {
+      l.value.splice(m, 1), Array.isArray(r.value.file) && r.value.file.splice(m, 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((N) => {
-          if (N instanceof HTMLImageElement) {
-            const j = N.getAttribute("width"), u = N.getAttribute("height");
-            j && u && j !== "auto" && u !== "auto" && j !== "" && u !== "" && !isNaN(Number(j)) && !isNaN(Number(u)) && (N.style.cssText = `
+        h.dom.querySelectorAll("img.editor-image[width][height]").forEach((z) => {
+          if (z instanceof HTMLImageElement) {
+            const j = z.getAttribute("width"), F = z.getAttribute("height");
+            j && F && j !== "auto" && F !== "auto" && j !== "" && F !== "" && !isNaN(Number(j)) && !isNaN(Number(F)) && (z.style.cssText = `
             width: ${j}px !important;
-            height: ${u}px !important;
+            height: ${F}px !important;
             max-width: none !important;
             max-height: none !important;
             min-width: auto !important;
@@ -2112,89 +2112,89 @@ const el = /* @__PURE__ */ X(Zo, [["render", Jo]]), tl = { class: "relative" },
           `.replace(/\s+/g, " ").trim());
           }
         });
-      }, y = o.value.width, B = o.value.height;
-      y && B && y !== "" && B !== "" ? [0, f, f * 2, f * 3, f * 4].forEach((S) => {
-        setTimeout($, S);
-      }) : ($(), setTimeout($, f));
-    }, I = async () => {
-      let m = [], _ = [];
-      if (Array.isArray(o.value.file) ? (m = o.value.file.filter((h) => h instanceof File), _ = o.value.file.filter((h) => typeof h == "string" && h.trim() !== "")) : o.value.file instanceof FileList ? m = Array.from(o.value.file) : o.value.file instanceof File ? m = [o.value.file] : typeof o.value.file == "string" && o.value.file.trim() !== "" && (_ = [o.value.file]), m.length === 0 && _.length === 0 && n.value && n.value.file) {
+      }, y = r.value.width, T = r.value.height;
+      y && T && y !== "" && T !== "" ? [0, u, u * 2, u * 3, u * 4].forEach((S) => {
+        setTimeout(_, S);
+      }) : (_(), setTimeout(_, u));
+    }, P = async () => {
+      let m = [], k = [];
+      if (Array.isArray(r.value.file) ? (m = r.value.file.filter((h) => h instanceof File), k = r.value.file.filter((h) => typeof h == "string" && h.trim() !== "")) : r.value.file instanceof FileList ? m = Array.from(r.value.file) : r.value.file instanceof File ? m = [r.value.file] : typeof r.value.file == "string" && r.value.file.trim() !== "" && (k = [r.value.file]), m.length === 0 && k.length === 0 && n.value && n.value.file) {
         const h = n.value.file;
-        Array.isArray(h) ? (m = h.filter((S) => S instanceof File), _ = h.filter((S) => typeof S == "string" && S.trim() !== "")) : h instanceof FileList ? m = Array.from(h) : h instanceof File ? m = [h] : typeof h == "string" && h.trim() !== "" && (_ = [h]);
+        Array.isArray(h) ? (m = h.filter((S) => S instanceof File), k = h.filter((S) => typeof S == "string" && S.trim() !== "")) : h instanceof FileList ? m = Array.from(h) : h instanceof File ? m = [h] : typeof h == "string" && h.trim() !== "" && (k = [h]);
       }
-      if (_.length > 0 && !r.value) {
-        for (const h of _)
+      if (k.length > 0 && !o.value) {
+        for (const h of k)
           l.value.some((S) => S.url === h) || l.value.push({
             url: h,
             preview: h,
             error: !1
           });
         if (m.length === 0 && l.value.length > 0) {
-          await oe();
+          await ne();
           return;
         }
       }
-      const f = m.length, $ = f + _.length;
-      if (!(r.value && f <= 1)) {
-        if (f > 0) {
+      const u = m.length, _ = u + k.length;
+      if (!(o.value && u <= 1)) {
+        if (u > 0) {
           const h = m.filter(
             (S) => !l.value.some((M) => M.file === S)
           );
-          h.length > 0 && await O(h);
+          h.length > 0 && await V(h);
         }
       }
-      if (!r.value) {
-        if ($ > 1 || i.value || l.value.length > 1) {
+      if (!o.value) {
+        if (_ > 1 || i.value || l.value.length > 1) {
           if (l.value.length > 0) {
-            await oe();
+            await ne();
             return;
-          } else if (f > 0) {
-            if (await O(m), l.value.length > 0) {
-              await oe();
+          } else if (u > 0) {
+            if (await V(m), l.value.length > 0) {
+              await ne();
               return;
             }
-          } else if (_.length > 0) {
-            await oe();
+          } else if (k.length > 0) {
+            await ne();
             return;
           }
         } else if (l.value.length > 1) {
-          await oe();
+          await ne();
           return;
         }
       }
-      let y = o.value.src;
-      if (w.value) {
+      let y = r.value.src;
+      if (x.value) {
         let h = null;
-        if (Array.isArray(o.value.file) || o.value.file instanceof FileList ? h = o.value.file[0] : (o.value.file instanceof File || typeof o.value.file == "string") && (h = o.value.file), h instanceof File)
+        if (Array.isArray(r.value.file) || r.value.file instanceof FileList ? h = r.value.file[0] : (r.value.file instanceof File || typeof r.value.file == "string") && (h = r.value.file), h instanceof File)
           try {
-            const S = new FileReader(), M = await new Promise((N, j) => {
-              S.onload = (u) => N(u.target.result), S.onerror = j, S.readAsDataURL(h);
+            const S = new FileReader(), M = await new Promise((z, j) => {
+              S.onload = (F) => z(F.target.result), S.onerror = j, S.readAsDataURL(h);
             });
-            y = M, r.value && (o.value.src = M);
+            y = M, o.value && (r.value.src = M);
           } catch (S) {
-            console.error("Помилка при читанні файлу:", S), Ce({
+            console.error("Помилка при читанні файлу:", S), Se({
               type: "error",
               title: "Помилка",
               message: "Не вдалося прочитати файл"
             });
             return;
           }
-        else typeof h == "string" && h.trim() !== "" && (y = h.trim(), r.value && h.trim() !== o.value.src && (o.value.src = h.trim(), y = h.trim()));
-      } else if (Array.isArray(o.value.file) && o.value.file.length === 1) {
-        const h = o.value.file[0];
-        typeof h == "string" && h.trim() !== "" && (y = h.trim(), (!o.value.src || o.value.src !== h.trim()) && (o.value.src = h.trim()));
-      } else typeof o.value.file == "string" && o.value.file.trim() !== "" && (y = o.value.file.trim(), (!o.value.src || o.value.src !== o.value.file.trim()) && (o.value.src = o.value.file.trim()));
-      const B = y || Array.isArray(o.value.file) && o.value.file.length > 0 && (o.value.file.some((h) => h instanceof File) || o.value.file.some((h) => typeof h == "string" && h.trim() !== "")) || o.value.file instanceof FileList && o.value.file.length > 0 || typeof o.value.file == "string" && o.value.file.trim() !== "";
-      if (!y && !B) {
-        Ce({
+        else typeof h == "string" && h.trim() !== "" && (y = h.trim(), o.value && h.trim() !== r.value.src && (r.value.src = h.trim(), y = h.trim()));
+      } else if (Array.isArray(r.value.file) && r.value.file.length === 1) {
+        const h = r.value.file[0];
+        typeof h == "string" && h.trim() !== "" && (y = h.trim(), (!r.value.src || r.value.src !== h.trim()) && (r.value.src = h.trim()));
+      } else typeof r.value.file == "string" && r.value.file.trim() !== "" && (y = r.value.file.trim(), (!r.value.src || r.value.src !== r.value.file.trim()) && (r.value.src = r.value.file.trim()));
+      const T = y || Array.isArray(r.value.file) && r.value.file.length > 0 && (r.value.file.some((h) => h instanceof File) || r.value.file.some((h) => typeof h == "string" && h.trim() !== "")) || r.value.file instanceof FileList && r.value.file.length > 0 || typeof r.value.file == "string" && r.value.file.trim() !== "";
+      if (!y && !T) {
+        Se({
           type: "warning",
           title: "Попередження",
           message: "Будь ласка, введіть URL зображення або виберіть файл"
         });
         return;
       }
-      if (!i.value && !B && await n.value.validate()) {
-        Ce({
+      if (!i.value && !T && await n.value.validate()) {
+        Se({
           type: "warning",
           title: "Попередження",
           message: "Будь ласка, заповніть всі обов'язкові поля"
@@ -2202,301 +2202,301 @@ const el = /* @__PURE__ */ X(Zo, [["render", Jo]]), tl = { class: "relative" },
         return;
       }
       if (e.editor && y)
-        if (r.value && c.value !== null) {
+        if (o.value && c.value !== null) {
           const { state: h } = e.editor;
           try {
             e.editor.chain().focus().setNodeSelection(c.value).run();
           } catch {
             e.editor.chain().focus().setTextSelection(c.value).run();
           }
-          const S = e.editor.getAttributes("link"), M = S && S.href, N = U(), j = {
+          const S = e.editor.getAttributes("link"), M = S && S.href, z = R(), j = {
             src: y,
-            alt: o.value.alt || "",
-            title: o.value.title || "",
-            ...N
+            alt: r.value.alt || "",
+            title: r.value.title || "",
+            ...z
           };
-          if ((!o.value.width || o.value.width === "") && (j.width = void 0), (!o.value.height || o.value.height === "") && (j.height = void 0), e.editor.chain().focus().updateAttributes("image", j).run(), setTimeout(() => {
-            const { view: u } = e.editor;
-            if (!u || !u.dom) return;
-            u.dom.querySelectorAll("img.editor-image").forEach((T) => {
-              if (T instanceof HTMLImageElement) {
-                const D = T.getAttribute("src") || T.src;
-                (D === y || D.includes(y.split("/").pop())) && (o.value.width && o.value.height ? (T.style.setProperty("width", `${o.value.width}px`, "important"), T.style.setProperty("height", `${o.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")) : (T.style.removeProperty("width"), T.style.removeProperty("height"), T.style.removeProperty("object-fit"), T.style.removeProperty("max-width"), T.style.removeProperty("max-height")));
+          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 === y || A.includes(y.split("/").pop())) && (r.value.width && r.value.height ? (g.style.setProperty("width", `${r.value.width}px`, "important"), g.style.setProperty("height", `${r.value.height}px`, "important"), g.style.setProperty("object-fit", "fill", "important"), g.style.setProperty("max-width", "none", "important"), g.style.setProperty("max-height", "none", "important")) : (g.style.removeProperty("width"), g.style.removeProperty("height"), g.style.removeProperty("object-fit"), g.style.removeProperty("max-width"), g.style.removeProperty("max-height")));
               }
             });
-          }, 20), o.value.link && o.value.link.trim() !== "") {
-            let u = o.value.link.trim();
-            u.match(/^https?:\/\//i) || (u = "https://" + u), M ? e.editor.chain().focus().extendMarkRange("link").setLink({
-              href: u,
-              target: o.value.openInNewTab ? "_blank" : null
+          }, 20), r.value.link && r.value.link.trim() !== "") {
+            let F = r.value.link.trim();
+            F.match(/^https?:\/\//i) || (F = "https://" + F), M ? e.editor.chain().focus().extendMarkRange("link").setLink({
+              href: F,
+              target: r.value.openInNewTab ? "_blank" : null
             }).run() : e.editor.chain().focus().selectParentNode().setLink({
-              href: u,
-              target: o.value.openInNewTab ? "_blank" : null
+              href: F,
+              target: r.value.openInNewTab ? "_blank" : null
             }).run();
           } else M && e.editor.chain().focus().extendMarkRange("link").unsetLink().run();
         } else {
           const { state: h } = e.editor, { selection: S } = h, { $anchor: M } = S;
-          let N = null;
-          for (let u = M.depth; u > 0; u--) {
-            const x = M.node(u);
-            if (x && x.type.name === "paragraph") {
-              N = x;
+          let z = null;
+          for (let F = M.depth; F > 0; F--) {
+            const H = M.node(F);
+            if (H && H.type.name === "paragraph") {
+              z = H;
               break;
             }
           }
-          if (N && N.content.content.some(
-            (u) => u.type.name === "image"
+          if (z && z.content.content.some(
+            (F) => F.type.name === "image"
           )) {
-            const u = Q(N, M.before(M.depth));
-            if (u !== null) {
-              const x = U(), A = h.schema.nodes.image.create({
+            const F = ee(z, M.before(M.depth));
+            if (F !== null) {
+              const H = R(), X = h.schema.nodes.image.create({
                 src: y,
-                alt: o.value.alt || "",
-                title: o.value.title || "",
-                ...x
+                alt: r.value.alt || "",
+                title: r.value.title || "",
+                ...H
               });
-              if (o.value.link && o.value.link.trim() !== "") {
-                let T = o.value.link.trim();
-                T.match(/^https?:\/\//i) || (T = "https://" + T);
-                const D = h.schema.marks.link.create({
-                  href: T,
-                  target: o.value.openInNewTab ? "_blank" : null
-                }), se = A.type.create(A.attrs, A.content, [D]);
-                e.editor.chain().focus().insertContentAt(u + 1, se).run(), Y(e.editor, y);
+              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({
+                  href: g,
+                  target: r.value.openInNewTab ? "_blank" : null
+                }), B = X.type.create(X.attrs, X.content, [A]);
+                e.editor.chain().focus().insertContentAt(F + 1, B).run(), J(e.editor, y);
               } else
-                e.editor.chain().focus().insertContentAt(u + 1, A).run(), Y(e.editor, y);
-            } else if (o.value.link && o.value.link.trim() !== "") {
-              const x = U();
+                e.editor.chain().focus().insertContentAt(F + 1, X).run(), J(e.editor, y);
+            } else if (r.value.link && r.value.link.trim() !== "") {
+              const H = R();
               e.editor.chain().focus().setImage({
                 src: y,
-                alt: o.value.alt || "",
-                title: o.value.title || "",
-                ...x
+                alt: r.value.alt || "",
+                title: r.value.title || "",
+                ...H
               }).run(), setTimeout(() => {
-                let A = o.value.link.trim();
-                A.match(/^https?:\/\//i) || (A = "https://" + A), e.editor.chain().focus().selectParentNode().setLink({
-                  href: A,
-                  target: o.value.openInNewTab ? "_blank" : null
-                }).run(), Y(e.editor, y, 20);
+                let X = r.value.link.trim();
+                X.match(/^https?:\/\//i) || (X = "https://" + X), e.editor.chain().focus().selectParentNode().setLink({
+                  href: X,
+                  target: r.value.openInNewTab ? "_blank" : null
+                }).run(), J(e.editor, y, 20);
               }, 10);
             } else {
-              const x = U();
+              const H = R();
               e.editor.chain().focus().setImage({
                 src: y,
-                alt: o.value.alt || "",
-                title: o.value.title || "",
-                ...x
-              }).run(), Y(e.editor, y);
+                alt: r.value.alt || "",
+                title: r.value.title || "",
+                ...H
+              }).run(), J(e.editor, y);
             }
-          } else if (o.value.link && o.value.link.trim() !== "") {
-            const u = U();
+          } else if (r.value.link && r.value.link.trim() !== "") {
+            const F = R();
             e.editor.chain().focus().setImage({
               src: y,
-              alt: o.value.alt || "",
-              title: o.value.title || "",
-              ...u
+              alt: r.value.alt || "",
+              title: r.value.title || "",
+              ...F
             }).run(), setTimeout(() => {
-              let x = o.value.link.trim();
-              x.match(/^https?:\/\//i) || (x = "https://" + x), e.editor.chain().focus().selectParentNode().setLink({
-                href: x,
-                target: o.value.openInNewTab ? "_blank" : null
-              }).run(), Y(e.editor, y, 20);
+              let H = r.value.link.trim();
+              H.match(/^https?:\/\//i) || (H = "https://" + H), e.editor.chain().focus().selectParentNode().setLink({
+                href: H,
+                target: r.value.openInNewTab ? "_blank" : null
+              }).run(), J(e.editor, y, 20);
             }, 10);
           } else {
-            const u = U();
+            const F = R();
             e.editor.chain().focus().setImage({
               src: y,
-              alt: o.value.alt || "",
-              title: o.value.title || "",
-              ...u
-            }).run(), Y(e.editor, y);
+              alt: r.value.alt || "",
+              title: r.value.title || "",
+              ...F
+            }).run(), J(e.editor, y);
           }
         }
-      P();
-    }, Q = (m, _) => {
-      let f = null;
-      return m.forEach(($, y) => {
-        $.type.name === "image" && (f = _ + y + 1);
-      }), f;
-    }, oe = async () => {
+      I();
+    }, ee = (m, k) => {
+      let u = null;
+      return m.forEach((_, y) => {
+        _.type.name === "image" && (u = k + y + 1);
+      }), u;
+    }, ne = async () => {
       if (e.editor) {
         if (l.value.length === 0)
-          if (Array.isArray(o.value.file) && o.value.file.length > 0) {
-            const m = o.value.file.filter((f) => typeof f == "string" && f.trim() !== ""), _ = o.value.file.filter((f) => f instanceof File);
-            for (const f of m)
-              l.value.some(($) => $.url === f || $.preview === f) || l.value.push({
-                url: f,
-                preview: f,
+          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({
+                url: u,
+                preview: u,
                 error: !1
               });
-            _.length > 0 && await O(_);
-          } else i.value && await O(o.value.file);
+            k.length > 0 && await V(k);
+          } else i.value && await V(r.value.file);
         if (l.value.length !== 0)
           try {
-            const m = [], _ = U();
-            for (const f of l.value) {
-              const $ = f.url || f.preview || "";
-              if (!$) continue;
+            const m = [], k = R();
+            for (const u of l.value) {
+              const _ = u.url || u.preview || "";
+              if (!_) continue;
               const y = e.editor.schema.nodes.image.create({
-                src: $,
-                alt: o.value.alt || "",
-                title: o.value.title || "",
-                ..._
+                src: _,
+                alt: r.value.alt || "",
+                title: r.value.title || "",
+                ...k
               });
               m.push(y);
             }
-            m.length > 0 && (e.editor.chain().focus().command(({ tr: f, dispatch: $ }) => {
-              if ($) {
-                const { selection: y } = f, { $anchor: B } = y;
+            m.length > 0 && (e.editor.chain().focus().command(({ tr: u, dispatch: _ }) => {
+              if (_) {
+                const { selection: y } = u, { $anchor: T } = y;
                 let h = y.$anchor.pos, S = null, M = null;
-                for (let j = B.depth; j > 0; j--) {
-                  const u = B.node(j);
-                  if (u && u.type.name === "paragraph") {
-                    S = u, M = B.start(j);
+                for (let j = T.depth; j > 0; j--) {
+                  const F = T.node(j);
+                  if (F && F.type.name === "paragraph") {
+                    S = F, M = T.start(j);
                     break;
                   }
                 }
                 if (S) {
                   let j = null;
-                  S.forEach((u, x) => {
-                    u.type.name === "image" && (j = M + x + 1);
+                  S.forEach((F, H) => {
+                    F.type.name === "image" && (j = M + H + 1);
                   }), j !== null ? h = j + 1 : h = M + S.content.size;
                 }
-                let N = h;
+                let z = h;
                 return m.forEach((j) => {
-                  f.insert(N, j), N += j.nodeSize;
+                  u.insert(z, j), z += j.nodeSize;
                 }), !0;
               }
               return !1;
-            }).run(), o.value.width && o.value.height && setTimeout(() => {
-              const { view: f } = e.editor;
-              f && f.dom && f.dom.querySelectorAll("img.editor-image").forEach((B) => {
-                B instanceof HTMLImageElement && Array.from(l.value).some((S) => {
-                  const M = S.url || S.preview || "", N = B.src || B.getAttribute("src") || "";
-                  return N === M || N.includes(M.split("/").pop());
-                }) && (B.style.setProperty("width", `${o.value.width}px`, "important"), B.style.setProperty("height", `${o.value.height}px`, "important"), B.style.setProperty("object-fit", "fill", "important"), B.style.setProperty("max-width", "none", "important"), B.style.setProperty("max-height", "none", "important"));
+            }).run(), r.value.width && r.value.height && setTimeout(() => {
+              const { view: u } = e.editor;
+              u && u.dom && u.dom.querySelectorAll("img.editor-image").forEach((T) => {
+                T instanceof HTMLImageElement && Array.from(l.value).some((S) => {
+                  const M = S.url || S.preview || "", z = T.src || T.getAttribute("src") || "";
+                  return z === M || z.includes(M.split("/").pop());
+                }) && (T.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)), P();
+            }, 50)), I();
           } catch (m) {
-            console.error("Помилка при додаванні зображень:", m), Ce({
+            console.error("Помилка при додаванні зображень:", m), Se({
               type: "error",
               title: "Помилка",
               message: "Не вдалося додати зображення"
             });
           }
       }
-    }, ue = async () => {
-      await I();
-    }, fe = () => {
-      P();
+    }, pe = async () => {
+      await P();
+    }, ge = () => {
+      I();
     };
-    return we(() => o.value.file, async (m, _) => {
-      if (s.value = !1, !(r.value && Array.isArray(m) && m.length === 1 && typeof m[0] == "string" && !m.some(($) => $ instanceof File)))
+    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 f = m.filter((y) => y instanceof File), $ = m.filter((y) => typeof y == "string" && y.trim() !== "");
-          if (f.length > 0 && (r.value ? r.value && f.length === 1 && $.length === 0 && (l.value = []) : l.value = [], (!r.value || f.length > 1 || $.length > 0) && await O(f), r.value && f.length === 1 && $.length === 0)) {
+          const u = m.filter((y) => y instanceof File), _ = m.filter((y) => typeof y == "string" && y.trim() !== "");
+          if (u.length > 0 && (o.value ? o.value && u.length === 1 && _.length === 0 && (l.value = []) : l.value = [], (!o.value || u.length > 1 || _.length > 0) && await V(u), o.value && u.length === 1 && _.length === 0)) {
             const y = new FileReader();
-            y.onload = (B) => {
-              o.value.src = B.target.result;
-            }, y.readAsDataURL(f[0]);
+            y.onload = (T) => {
+              r.value.src = T.target.result;
+            }, y.readAsDataURL(u[0]);
           }
-          if ($.length > 0)
-            if (r.value)
-              r.value && $.length === 1 && f.length === 0 && (o.value.src = $[0]);
+          if (_.length > 0)
+            if (o.value)
+              o.value && _.length === 1 && u.length === 0 && (r.value.src = _[0]);
             else {
-              f.length === 0 && (l.value = []);
-              for (const y of $)
-                l.value.some((B) => B.url === y || B.preview === y) || l.value.push({
+              u.length === 0 && (l.value = []);
+              for (const y of _)
+                l.value.some((T) => T.url === y || T.preview === y) || l.value.push({
                   url: y,
                   preview: y,
                   error: !1
                 });
             }
-        } else m && typeof m == "object" && m instanceof FileList ? (r.value || (l.value = []), await O(Array.from(m))) : m && typeof m == "object" && !Array.isArray(m) && m instanceof File ? (r.value || (l.value = []), await O([m])) : r.value || (l.value = []);
-    }, { immediate: !1 }), we(() => o.value.src, () => {
+        } 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, _) => (v(), k("div", tl, [
+    }), (m, k) => (v(), w("div", ll, [
       d("button", {
-        onClick: g,
+        onClick: p,
         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",
           t.editor?.isActive("image") ? "bg-gray-200 text-gray-900" : ""
         ]),
         title: "Додати зображення"
       }, [
-        F(L(Rt), { class: "h-4 w-4" }),
-        _[4] || (_[4] = d("span", { class: "sr-only" }, "Додати зображення", -1))
+        C(L(Kt), { class: "h-4 w-4" }),
+        k[4] || (k[4] = d("span", { class: "sr-only" }, "Додати зображення", -1))
       ], 2),
-      F(et, {
+      C(ot, {
         modelValue: a.value,
-        "onUpdate:modelValue": _[3] || (_[3] = (f) => a.value = f),
-        title: r.value ? "Редагувати зображення" : "Додати зображення"
+        "onUpdate:modelValue": k[3] || (k[3] = (u) => a.value = u),
+        title: o.value ? "Редагувати зображення" : "Додати зображення"
       }, {
-        footer: R(() => [
-          d("div", dl, [
+        footer: q(() => [
+          d("div", pl, [
             d("button", {
-              onClick: fe,
+              onClick: ge,
               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: ue,
+              onClick: pe,
               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"
-            }, W(r.value ? "Оновити зображення" : "Додати зображення"), 1)
+            }, Y(o.value ? "Оновити зображення" : "Додати зображення"), 1)
           ])
         ]),
-        default: R(() => [
-          F(vt, {
-            modelValue: o.value,
-            "onUpdate:modelValue": _[0] || (_[0] = (f) => o.value = f),
-            schema: p.value,
+        default: q(() => [
+          C(yt, {
+            modelValue: r.value,
+            "onUpdate:modelValue": k[0] || (k[0] = (u) => r.value = u),
+            schema: f.value,
             form: n.value,
-            "onUpdate:form": _[1] || (_[1] = (f) => n.value = f)
+            "onUpdate:form": k[1] || (k[1] = (u) => n.value = u)
           }, null, 8, ["modelValue", "schema", "form"]),
-          b.value && !i.value ? (v(), k("div", rl, [
-            _[5] || (_[5] = d("p", { class: "text-sm text-gray-600 mb-2" }, "Попередній перегляд:", -1)),
-            ce(d("img", {
+          b.value && !i.value ? (v(), w("div", al, [
+            k[5] || (k[5] = d("p", { class: "text-sm text-gray-600 mb-2" }, "Попередній перегляд:", -1)),
+            de(d("img", {
               src: b.value,
-              alt: o.value.alt || "Попередній перегляд зображення",
-              title: o.value.title,
+              alt: r.value.alt || "Попередній перегляд зображення",
+              title: r.value.title,
               class: "max-w-full h-auto max-h-32 rounded border",
-              onError: _[2] || (_[2] = (f) => s.value = !0)
-            }, null, 40, ol), [
-              [ke, !s.value]
+              onError: k[2] || (k[2] = (u) => s.value = !0)
+            }, null, 40, nl), [
+              [$e, !s.value]
             ]),
-            s.value ? (v(), k("p", ll, " Не вдалося завантажити попередній перегляд зображення ")) : V("", !0)
-          ])) : V("", !0),
-          l.value.length > 0 ? (v(), k("div", al, [
-            d("p", nl, "Попередній перегляд (" + W(l.value.length) + " зображень):", 1),
-            _[6] || (_[6] = d("p", { class: "text-xs text-gray-500 mb-2" }, " Зображення будуть розміщені в ряд, якщо вони помістяться по ширині ", -1)),
-            d("div", sl, [
-              (v(!0), k(re, null, ne(l.value, (f, $) => (v(), k("div", {
-                key: $,
+            s.value ? (v(), w("p", sl, " Не вдалося завантажити попередній перегляд зображення ")) : U("", !0)
+          ])) : U("", !0),
+          l.value.length > 0 ? (v(), w("div", il, [
+            d("p", cl, "Попередній перегляд (" + Y(l.value.length) + " зображень):", 1),
+            k[6] || (k[6] = d("p", { class: "text-xs text-gray-500 mb-2" }, " Зображення будуть розміщені в ряд, якщо вони помістяться по ширині ", -1)),
+            d("div", dl, [
+              (v(!0), w(ae, null, ie(l.value, (u, _) => (v(), w("div", {
+                key: _,
                 class: "relative"
               }, [
-                ce(d("img", {
-                  src: f.preview,
-                  alt: `Попередній перегляд ${$ + 1}`,
+                de(d("img", {
+                  src: u.preview,
+                  alt: `Попередній перегляд ${_ + 1}`,
                   class: "max-w-[100px] max-h-[100px] rounded border object-contain",
-                  onError: (y) => f.error = !0
-                }, null, 40, il), [
-                  [ke, !f.error]
+                  onError: (y) => u.error = !0
+                }, null, 40, ul), [
+                  [$e, !u.error]
                 ]),
                 d("button", {
-                  onClick: (y) => z($),
+                  onClick: (y) => 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, cl)
+                }, " × ", 8, fl)
               ]))), 128))
             ])
-          ])) : V("", !0)
+          ])) : U("", !0)
         ]),
         _: 1
       }, 8, ["modelValue", "title"])
     ]));
   }
-}), fl = { class: "flex items-center" }, pl = ["disabled"], gl = ["disabled"], hl = /* @__PURE__ */ Object.assign({
+}), hl = { class: "flex items-center" }, vl = ["disabled"], ml = ["disabled"], bl = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "vs-editor-history",
@@ -2507,7 +2507,7 @@ const el = /* @__PURE__ */ X(Zo, [["render", Jo]]), tl = { class: "relative" },
     }, s = () => {
       e.editor?.can().redo() && e.editor.chain().focus().redo().run();
     };
-    return (n, r) => (v(), k("div", fl, [
+    return (n, o) => (v(), w("div", hl, [
       d("button", {
         onClick: a,
         class: E(["w-[30px] h-[30px] flex items-center justify-center rounded-l-full hover:text-gray-900 hover:bg-gray-100 border-r border-gray-200", [
@@ -2516,8 +2516,8 @@ const el = /* @__PURE__ */ X(Zo, [["render", Jo]]), tl = { class: "relative" },
         disabled: !t.editor?.can().undo(),
         title: "Undo (Ctrl+Z)"
       }, [
-        F(L(Ut), { class: "h-4 w-4" })
-      ], 10, pl),
+        C(L(Wt), { class: "h-4 w-4" })
+      ], 10, vl),
       d("button", {
         onClick: s,
         class: E(["w-[30px] h-[30px] flex items-center justify-center rounded-r-full hover:text-gray-900 hover:bg-gray-100", [
@@ -2526,22 +2526,22 @@ const el = /* @__PURE__ */ X(Zo, [["render", Jo]]), tl = { class: "relative" },
         disabled: !t.editor?.can().redo(),
         title: "Redo (Ctrl+Y)"
       }, [
-        F(L(qt), { class: "h-4 w-4" })
-      ], 10, gl)
+        C(L(Xt), { class: "h-4 w-4" })
+      ], 10, ml)
     ]));
   }
-}), vl = /* @__PURE__ */ X(hl, [["__scopeId", "data-v-6a87fc55"]]), ml = { class: "relative" }, bl = { class: "p-6" }, yl = { class: "flex justify-between items-center mb-4" }, xl = /* @__PURE__ */ Object.assign({
+}), yl = /* @__PURE__ */ Q(bl, [["__scopeId", "data-v-6a87fc55"]]), xl = { class: "relative" }, wl = { class: "p-6" }, kl = { class: "flex justify-between items-center mb-4" }, _l = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "vs-editor-help",
   props: { editor: Object },
   setup(t) {
-    const e = C(!1), a = C(null), s = () => {
+    const e = $(!1), a = $(null), s = () => {
       e.value = !e.value;
     }, n = () => {
       e.value = !1;
     };
-    return (r, l) => (v(), k("div", ml, [
+    return (o, l) => (v(), w("div", xl, [
       d("button", {
         ref_key: "helpButton",
         ref: a,
@@ -2549,35 +2549,35 @@ const el = /* @__PURE__ */ X(Zo, [["render", Jo]]), tl = { class: "relative" },
         class: E(["w-[30px] h-[30px] flex items-center justify-center rounded-full hover:text-gray-900 hover:bg-gray-100 text-gray-500", [e.value ? "bg-gray-100 text-gray-900" : "text-gray-500"]]),
         title: "Markdown Shortcuts Help"
       }, [
-        F(L(Kt), { class: "h-4 w-4" })
+        C(L(Gt), { class: "h-4 w-4" })
       ], 2),
-      e.value ? (v(), k("div", {
+      e.value ? (v(), w("div", {
         key: 0,
         class: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-[100001]",
         onClick: n
       }, [
         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] = dt(() => {
+          onClick: l[0] || (l[0] = pt(() => {
           }, ["stop"]))
         }, [
-          d("div", bl, [
-            d("div", yl, [
+          d("div", wl, [
+            d("div", kl, [
               l[1] || (l[1] = d("h2", { class: "text-xl font-semibold text-gray-900" }, "Common Markdown Syntax & Shortcuts", -1)),
               d("button", {
                 onClick: n,
                 class: "text-gray-400 hover:text-gray-600 transition-colors"
               }, [
-                F(L(Be), { class: "h-6 w-6" })
+                C(L(Pe), { class: "h-6 w-6" })
               ])
             ]),
-            l[2] || (l[2] = ut('<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] = gt('<div class="space-y-6" data-v-92c21275><div data-v-92c21275><h3 class="text-lg font-medium text-gray-800 mb-3" data-v-92c21275>Markdown Syntax</h3><div class="overflow-x-auto" data-v-92c21275><table class="w-full border-collapse" data-v-92c21275><thead data-v-92c21275><tr class="bg-gray-50" data-v-92c21275><th class="border border-gray-200 px-3 py-2 text-left font-medium text-gray-700" data-v-92c21275>Element</th><th class="border border-gray-200 px-3 py-2 text-left font-medium text-gray-700" data-v-92c21275>Example</th></tr></thead><tbody class="text-sm" data-v-92c21275><tr data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275>Bold</td><td class="border border-gray-200 px-3 py-2" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>**bold text**</code> or <code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>__bold text__</code></td></tr><tr class="bg-gray-25" data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275>Italics</td><td class="border border-gray-200 px-3 py-2" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>*italic text*</code> or <code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>_italic text_</code></td></tr><tr data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275>Strikethrough</td><td class="border border-gray-200 px-3 py-2" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>~strikethrough text~</code></td></tr><tr class="bg-gray-25" data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275>Headings</td><td class="border border-gray-200 px-3 py-2" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275># Heading 1</code>, <code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>## Heading 2</code>, etc., up to <code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>###### Heading 6</code></td></tr><tr data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275>Unordered Lists</td><td class="border border-gray-200 px-3 py-2" data-v-92c21275> Use an asterisk (*), dash (-), or plus sign (+) followed by a space. </td></tr><tr class="bg-gray-25" data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275>Ordered Lists</td><td class="border border-gray-200 px-3 py-2" data-v-92c21275> Use a number followed by a period and a space (e.g., <code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>1. First item</code>). </td></tr><tr data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275>Blockquotes</td><td class="border border-gray-200 px-3 py-2" data-v-92c21275> Start with a greater-than sign (&gt;) followed by a space. </td></tr><tr class="bg-gray-25" data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275>Inline Code</td><td class="border border-gray-200 px-3 py-2" data-v-92c21275> Surround with backticks (<code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>`</code>). </td></tr><tr data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275>Code Blocks</td><td class="border border-gray-200 px-3 py-2" data-v-92c21275> Enclose with three backticks (<code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>```</code>) before and after the code. </td></tr><tr class="bg-gray-25" data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275>Images</td><td class="border border-gray-200 px-3 py-2" data-v-92c21275> Use <code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>![alt text](url)</code> syntax. </td></tr><tr data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275>Links</td><td class="border border-gray-200 px-3 py-2" data-v-92c21275> Use <code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>[Link Text](url)</code> syntax. </td></tr><tr class="bg-gray-25" data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275>Checklists</td><td class="border border-gray-200 px-3 py-2" data-v-92c21275> Create a list item with <code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>- [ ]</code> for an incomplete task or <code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>- [x]</code> for a completed one. </td></tr></tbody></table></div></div><div data-v-92c21275><h3 class="text-lg font-medium text-gray-800 mb-3" data-v-92c21275>Common Editing Shortcuts</h3><div class="overflow-x-auto" data-v-92c21275><table class="w-full border-collapse" data-v-92c21275><thead data-v-92c21275><tr class="bg-gray-50" data-v-92c21275><th class="border border-gray-200 px-3 py-2 text-left font-medium text-gray-700" data-v-92c21275>Shortcut</th><th class="border border-gray-200 px-3 py-2 text-left font-medium text-gray-700" data-v-92c21275>Action</th></tr></thead><tbody class="text-sm" data-v-92c21275><tr data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>Ctrl+A</code></td><td class="border border-gray-200 px-3 py-2" data-v-92c21275>Select all text</td></tr><tr class="bg-gray-25" data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>Ctrl+B</code></td><td class="border border-gray-200 px-3 py-2" data-v-92c21275>Apply bold formatting</td></tr><tr data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>Ctrl+C</code></td><td class="border border-gray-200 px-3 py-2" data-v-92c21275>Copy selected text</td></tr><tr class="bg-gray-25" data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>Ctrl+I</code></td><td class="border border-gray-200 px-3 py-2" data-v-92c21275>Apply italic formatting</td></tr><tr data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>Ctrl+K</code></td><td class="border border-gray-200 px-3 py-2" data-v-92c21275>Open the insert link dialog</td></tr><tr class="bg-gray-25" data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>Ctrl+S</code></td><td class="border border-gray-200 px-3 py-2" data-v-92c21275>Save the current document</td></tr><tr data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>Ctrl+V</code></td><td class="border border-gray-200 px-3 py-2" data-v-92c21275>Paste copied text</td></tr><tr class="bg-gray-25" data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>Ctrl+X</code></td><td class="border border-gray-200 px-3 py-2" data-v-92c21275>Cut selected text</td></tr><tr data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>Ctrl+Y</code></td><td class="border border-gray-200 px-3 py-2" data-v-92c21275>Redo the last action</td></tr><tr class="bg-gray-25" data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>Alt+Shift+Backspace</code></td><td class="border border-gray-200 px-3 py-2" data-v-92c21275>Redo the last action</td></tr><tr data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>Ctrl+Z</code></td><td class="border border-gray-200 px-3 py-2" data-v-92c21275>Undo the last action</td></tr><tr class="bg-gray-25" data-v-92c21275><td class="border border-gray-200 px-3 py-2 font-medium" data-v-92c21275><code class="bg-gray-100 px-2 py-1 rounded" data-v-92c21275>Alt+Backspace</code></td><td class="border border-gray-200 px-3 py-2" data-v-92c21275>Undo the last action</td></tr></tbody></table></div></div></div>', 1))
           ])
         ])
-      ])) : V("", !0)
+      ])) : U("", !0)
     ]));
   }
-}), wl = /* @__PURE__ */ X(xl, [["__scopeId", "data-v-92c21275"]]), kl = {
+}), $l = /* @__PURE__ */ Q(_l, [["__scopeId", "data-v-92c21275"]]), Cl = {
   __name: "vs-editor-horizontal-rule",
   props: {
     editor: Object
@@ -2586,15 +2586,15 @@ const el = /* @__PURE__ */ X(Zo, [["render", Jo]]), tl = { class: "relative" },
     const e = t, a = () => {
       e.editor && e.editor.chain().focus().setHorizontalRule().run();
     };
-    return (s, n) => (v(), k("button", {
+    return (s, n) => (v(), 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"
     }, [
-      F(L(Wt), { class: "h-4 w-4" })
+      C(L(Yt), { class: "h-4 w-4" })
     ]));
   }
-}, _l = {
+}, Al = {
   __name: "vs-editor-fullscreen",
   props: {
     editor: Object
@@ -2604,41 +2604,41 @@ const el = /* @__PURE__ */ X(Zo, [["render", Jo]]), tl = { class: "relative" },
     const a = e, s = () => {
       a("toggle-fullscreen");
     };
-    return (n, r) => (v(), k("button", {
+    return (n, o) => (v(), w("button", {
       title: "Fullscreen",
       onClick: s,
       class: "w-[30px] h-[30px] flex items-center justify-center text-gray-500 rounded-full hover:text-gray-900 hover:bg-gray-100"
     }, [
-      F(L(Xt), { class: "h-4 w-4" })
+      C(L(Qt), { class: "h-4 w-4" })
     ]));
   }
-}, $l = {
-  bold: Br,
-  italic: Pr,
-  color: _o,
-  background_color: To,
-  highlight: Lo,
-  bullet_list: kr,
-  ordered_list: Cr,
-  blockquote: yr,
-  codeblock: Sr,
-  underline: jr,
-  strike: Mr,
-  link: ao,
-  table: uo,
-  text_align: go,
-  font_family: jo,
-  font_size: zo,
-  superscript: Vo,
-  subscript: qo,
-  heading: Qo,
-  clear_formatting: el,
-  image: ul,
-  history: vl,
-  help: wl,
-  horizontal_rule: kl,
-  fullscreen: _l
-}, qe = {
+}, Fl = {
+  bold: Pr,
+  italic: Hr,
+  color: Ao,
+  background_color: Eo,
+  highlight: Io,
+  bullet_list: Cr,
+  ordered_list: Sr,
+  blockquote: kr,
+  codeblock: Br,
+  underline: Nr,
+  strike: zr,
+  link: io,
+  table: go,
+  text_align: mo,
+  font_family: No,
+  font_size: Oo,
+  superscript: qo,
+  subscript: Xo,
+  heading: el,
+  clear_formatting: ol,
+  image: gl,
+  history: yl,
+  help: $l,
+  horizontal_rule: Cl,
+  fullscreen: Al
+}, Xe = {
   // Базовий набір - мінімальний функціонал
   basic: [
     "history",
@@ -2712,17 +2712,17 @@ const el = /* @__PURE__ */ X(Zo, [["render", Jo]]), tl = { class: "relative" },
     "fullscreen",
     "help"
   ]
-}, 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 = {
+}, Sl = { class: "flex align-middle gap-x-0.5 border-b flex-wrap border-b-gray-200 px-[10px] py-[6px] border-solid border-transparent" }, Tl = { class: "editor-body" }, Ll = {
   key: 0,
   class: "richtext-loading text-sm text-gray-500"
-}, Sl = {
+}, Bl = {
   key: 1,
   class: "richtext-error text-sm text-red-600"
-}, Tl = { class: "html-source-editor" }, Ll = { 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" }, Ml = /* @__PURE__ */ Object.assign({
+}, El = { class: "html-source-editor" }, Il = { class: "flex justify-end border-t border-[#e5e7eb] bg-[#f8fafc] px-4 min-h-[38px] items-start overflow-visible" }, Pl = { class: "inline-flex items-stretch -mt-px" }, zl = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "vs-richtext",
-  props: /* @__PURE__ */ ft({
+  props: /* @__PURE__ */ ht({
     modelValue: { type: String, default: () => "" },
     height: { type: String, default: () => "300px" },
     format: { type: String, default: () => "html" },
@@ -2736,28 +2736,28 @@ const el = /* @__PURE__ */ X(Zo, [["render", Jo]]), tl = { class: "relative" },
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const e = t, a = pt(t, "modelValue"), s = C(null), n = C(null), r = gt(null), l = C(!1), c = C(""), o = C(!1), i = C(null), w = C(""), b = C(""), p = C(null), g = C(!1), { isFullscreen: P, toggleFullscreen: O } = Gt(), { t: z } = Me(), U = H(() => e.format === "md" ? "markdown" : "html"), Y = H(
-      () => e.format === "md" ? z("form.richtext.markdown") : z("form.richtext.html")
-    ), I = H(() => r.value || null), Q = H(() => typeof e.toolbar == "string" ? qe[e.toolbar] || qe.default : e.toolbar), oe = H(() => Q.value.map((u) => $l[u]).filter(Boolean)), ue = H(() => (i.value?.attributes || []).find((x) => x.name === "class")?.value || ""), fe = H(() => {
-      const x = (i.value?.attributes || []).find((T) => T.name === "style")?.value || "", A = {};
-      return x.split(";").forEach((T) => {
-        const [D, ...se] = T.split(":"), ae = D?.trim(), pe = se.join(":").trim();
-        !ae || !pe || ae !== "height" && (A[ae.replace(/-([a-z])/g, ($e, ot) => ot.toUpperCase())] = pe);
-      }), A;
-    }), m = (u) => {
-      const x = (u || "").trim();
-      return x ? /^<p(?:\s+[^>]*)?>(?:\s|<br[^>]*>)*<\/p>$/i.test(x) : !0;
-    }, _ = (u) => m(u) ? "" : u || "", f = (u) => {
-      const x = u || "";
-      p.value = x, a.value = x;
-    }, $ = (u) => {
-      if (!u || !u.view || !u.view.dom) return;
-      u.view.dom.querySelectorAll("img.editor-image[width][height]").forEach((A) => {
-        if (A instanceof HTMLImageElement) {
-          const T = A.getAttribute("width"), D = A.getAttribute("height");
-          T && D && T !== "auto" && D !== "auto" && T !== "" && D !== "" && !isNaN(Number(T)) && !isNaN(Number(D)) && (A.style.cssText = `
-          width: ${T}px !important;
-          height: ${D}px !important;
+    const e = t, a = vt(t, "modelValue"), s = $(null), n = $(null), o = mt(null), l = $(!1), c = $(""), r = $(!1), i = $(null), x = $(""), b = $(""), f = $(null), p = $(!1), I = $(!1), { isFullscreen: V, toggleFullscreen: O } = Zt(), { t: R } = ze(), J = N(() => e.format === "md" ? "markdown" : "html"), P = N(
+      () => e.format === "md" ? R("form.richtext.markdown") : R("form.richtext.html")
+    ), ee = N(() => o.value || null), ne = N(() => typeof e.toolbar == "string" ? Xe[e.toolbar] || Xe.default : e.toolbar), pe = N(() => ne.value.map((g) => Fl[g]).filter(Boolean)), ge = N(() => (i.value?.attributes || []).find((A) => A.name === "class")?.value || ""), m = N(() => {
+      const A = (i.value?.attributes || []).find((D) => D.name === "style")?.value || "", B = {};
+      return A.split(";").forEach((D) => {
+        const [G, ...Ae] = D.split(":"), he = G?.trim(), ve = Ae.join(":").trim();
+        !he || !ve || he !== "height" && (B[he.replace(/-([a-z])/g, (Fe, nt) => nt.toUpperCase())] = ve);
+      }), B;
+    }), k = (g) => {
+      const A = (g || "").trim();
+      return A ? /^<p(?:\s+[^>]*)?>(?:\s|<br[^>]*>)*<\/p>$/i.test(A) : !0;
+    }, u = (g) => k(g) ? "" : g || "", _ = (g) => {
+      const A = g || "";
+      f.value = A, a.value = A;
+    }, y = (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;
           max-width: none !important;
           max-height: none !important;
           min-width: auto !important;
@@ -2766,64 +2766,67 @@ const el = /* @__PURE__ */ X(Zo, [["render", Jo]]), tl = { class: "relative" },
         `.replace(/\s+/g, " ").trim());
         }
       });
-    }, y = async (u, { force: x = !1 } = {}) => {
-      if (w.value = u || "", !r.value || o.value && !x) return;
-      _(r.value.getHTML()) !== (u || "") && (r.value.commands.setContent(u || "", !1), ge(() => {
-        $(r.value);
+    }, T = async (g, { force: A = !1 } = {}) => {
+      if (x.value = g || "", !o.value || r.value && !A) return;
+      u(o.value.getHTML()) !== (g || "") && (o.value.commands.setContent(g || "", !1), ue(() => {
+        y(o.value);
       }));
-    }, B = async (u) => {
-      b.value = u || "";
-    }, h = async (u) => {
-      const x = u || "";
+    }, h = async (g) => {
+      I.value = !0, b.value = g || "", await ue(), I.value = !1;
+    }, S = async (g) => e.format === "html" ? Te(g || "") : g || "", M = async () => {
+      const g = await S(b.value);
+      g !== (a.value || "") ? _(g) : f.value = g;
+    }, z = async (g) => {
+      const A = g || "";
       if (e.format === "html") {
-        const A = Se(x), T = De(A);
-        i.value = T.wrapper, await y(T.bodyHtml || ""), p.value = A;
+        const B = Te(A), D = Re(B);
+        i.value = D.wrapper, await T(D.bodyHtml || ""), f.value = B;
         return;
       } else {
         i.value = null;
-        const A = await Ve(x, e.format);
-        await y(A || ""), o.value && await B(x);
+        const B = await qe(A, e.format);
+        await T(B || ""), r.value && await h(A);
       }
-      p.value = x;
-    }, S = async () => {
+      f.value = A;
+    }, j = async () => {
       if (e.format === "html") {
-        const x = _(r.value?.getHTML() || w.value || ""), A = Oe(x, i.value);
-        return Re(Se(A), "html");
+        const A = u(o.value?.getHTML() || x.value || ""), B = Ue(A, i.value);
+        return Ke(Te(B), "html");
       }
-      const u = _(r.value?.getHTML() || w.value || "");
-      return Re(u, e.format);
-    }, M = async (u) => {
-      if (o.value !== u) {
-        if (u) {
-          g.value = !0, o.value = !0, await B(await S()), ge(() => {
+      const g = u(o.value?.getHTML() || x.value || "");
+      return Ke(g, e.format);
+    }, F = async (g) => {
+      if (r.value !== g) {
+        if (g) {
+          p.value = !0, r.value = !0, await h(await j()), ue(() => {
             n.value?.focus?.();
           });
           return;
         }
-        if (e.format === "html") {
-          const x = Se(b.value || ""), A = De(x);
-          i.value = A.wrapper, await y(A.bodyHtml || "", { force: !0 });
+        if (await M(), e.format === "html") {
+          const A = Te(b.value || ""), B = Re(A);
+          i.value = B.wrapper, await T(B.bodyHtml || "", { force: !0 });
         } else {
-          const x = await Ve(b.value || "", e.format);
-          await y(x || "", { force: !0 });
+          const A = await qe(b.value || "", e.format);
+          await T(A || "", { force: !0 });
         }
-        o.value = !1, g.value = !1, ge(() => {
-          r.value?.commands?.focus?.();
+        r.value = !1, p.value = !1, ue(() => {
+          o.value?.commands?.focus?.();
         });
       }
-    }, N = () => {
-      o.value || r.value?.commands?.focus?.();
-    }, j = async () => {
+    }, H = () => {
+      r.value || o.value?.commands?.focus?.();
+    }, X = async () => {
       if (!s.value) return null;
       l.value = !0, c.value = "";
       try {
-        const u = await rr();
-        if (!u) return null;
-        const x = new u.Editor({
+        const g = await ar();
+        if (!g) return null;
+        const A = new g.Editor({
           element: s.value,
-          content: w.value || "",
+          content: x.value || "",
           extensions: [
-            u.StarterKit.configure({
+            g.StarterKit.configure({
               history: {
                 depth: 100,
                 newGroupDelay: 500
@@ -2842,159 +2845,161 @@ const el = /* @__PURE__ */ X(Zo, [["render", Jo]]), tl = { class: "relative" },
               heading: !1,
               link: !1
             }),
-            u.Superscript,
-            u.Subscript,
-            u.ExtendedTextStyle,
-            u.CustomParagraph,
-            u.CustomHeading,
-            u.Highlight,
-            u.Image.configure({
+            g.Superscript,
+            g.Subscript,
+            g.ExtendedTextStyle,
+            g.CustomParagraph,
+            g.CustomHeading,
+            g.Highlight,
+            g.Image.configure({
               inline: !0,
               allowBase64: !0,
               HTMLAttributes: {
                 class: "editor-image"
               }
             }),
-            u.TextAlign.configure({
+            g.TextAlign.configure({
               types: ["heading", "paragraph"]
             }),
-            u.Link.configure({
+            g.Link.configure({
               HTMLAttributes: {
                 class: "editor-link"
               },
               openOnClick: !1,
               autolink: !0
             }),
-            u.CustomTableKit,
-            u.Iframe
+            g.CustomTableKit,
+            g.Iframe
           ],
           editorProps: {
-            handlePaste: (A, T) => pr(A, T, u.ProseMirrorDOMParser),
-            handleKeyDown: (A, T) => {
-              if (T.key === "Tab") {
-                const D = A.state, { $anchor: se } = D.selection;
-                let ae = !1;
-                for (let pe = se.depth; pe > 0; pe--) {
-                  const $e = se.node(pe);
-                  if ($e && ($e.type.name === "bulletList" || $e.type.name === "orderedList")) {
-                    ae = !0;
+            handlePaste: (B, D) => vr(B, D, g.ProseMirrorDOMParser),
+            handleKeyDown: (B, D) => {
+              if (D.key === "Tab") {
+                const G = B.state, { $anchor: Ae } = G.selection;
+                let he = !1;
+                for (let ve = Ae.depth; ve > 0; ve--) {
+                  const Fe = Ae.node(ve);
+                  if (Fe && (Fe.type.name === "bulletList" || Fe.type.name === "orderedList")) {
+                    he = !0;
                     break;
                   }
                 }
-                return ae ? !1 : (T.preventDefault(), !0);
+                return he ? !1 : (D.preventDefault(), !0);
               }
               return !1;
             }
           }
         });
-        return r.value = ht(x), r.value.on("update", async ({ editor: A }) => {
-          if (o.value) return;
-          const T = _(A.getHTML());
-          if (w.value = T, e.format === "html") {
-            const D = Oe(T, i.value);
-            D !== a.value && f(D);
+        return o.value = bt(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);
           } else {
-            const D = await ur(T, e.format);
-            D !== a.value && f(D);
+            const G = await gr(D, e.format);
+            G !== a.value && _(G);
           }
           setTimeout(() => {
-            $(A);
+            y(B);
           }, 10);
-        }), ge(() => {
-          $(r.value);
-        }), x;
-      } catch (u) {
-        return c.value = "Failed to load rich text editor dependencies.", console.error("Failed to initialize rich text editor", u), null;
+        }), ue(() => {
+          y(o.value);
+        }), A;
+      } catch (g) {
+        return c.value = "Failed to load rich text editor dependencies.", console.error("Failed to initialize rich text editor", g), null;
       } finally {
         l.value = !1;
       }
     };
-    return we(
+    return me(
       () => e.modelValue,
-      async (u) => {
-        if (g.value) return;
-        const x = u || "";
-        x !== p.value && await h(x);
+      async (g) => {
+        if (p.value) return;
+        const A = g || "";
+        A !== f.value && await z(A);
       },
       { immediate: !0 }
-    ), he(async () => {
-      await j(), ge(() => {
-        r.value && setTimeout(() => {
-          $(r.value);
+    ), me(b, async () => {
+      !r.value || !p.value || I.value || await M();
+    }), be(async () => {
+      await X(), ue(() => {
+        o.value && setTimeout(() => {
+          y(o.value);
         }, 100);
       });
-    }), Xe(() => {
-      r.value?.destroy?.(), r.value = null;
-    }), (u, x) => (v(), k("div", {
-      class: E(["bg-white rounded-md w-full", { "fixed left-0 right-0 top-0 bottom-0 z-[100000]": L(P) }])
+    }), Qe(async () => {
+      r.value && p.value && await M(), o.value?.destroy?.(), o.value = null;
+    }), (g, A) => (v(), w("div", {
+      class: E(["bg-white rounded-md w-full", { "fixed left-0 right-0 top-0 bottom-0 z-[100000]": L(V) }])
     }, [
-      d("div", Cl, [
-        (v(!0), k(re, null, ne(oe.value, (A) => (v(), k(re, { key: A }, [
-          r.value ? (v(), K(Te(A), {
+      d("div", Sl, [
+        (v(!0), w(ae, null, ie(pe.value, (B) => (v(), w(ae, { key: B }, [
+          o.value ? (v(), W(Ee(B), {
             key: 0,
-            editor: I.value,
+            editor: ee.value,
             onToggleFullscreen: L(O)
-          }, null, 40, ["editor", "onToggleFullscreen"])) : V("", !0)
+          }, null, 40, ["editor", "onToggleFullscreen"])) : U("", !0)
         ], 64))), 128))
       ]),
       d("div", {
-        onClick: N,
+        onClick: H,
         class: "relative w-full px-4 py-2 bg-white rounded-b-lg editor-content",
-        style: le({ height: L(P) ? "calc(95vh - 44px)" : t.height })
+        style: se({ height: L(V) ? "calc(95vh - 44px)" : t.height })
       }, [
-        d("div", Al, [
-          ce(d("div", {
-            class: E(["rich-text-scroll-wrapper", ue.value]),
-            style: le(fe.value)
+        d("div", Tl, [
+          de(d("div", {
+            class: E(["rich-text-scroll-wrapper", ge.value]),
+            style: se(m.value)
           }, [
             d("div", {
               ref_key: "editorElement",
               ref: s,
               class: "relative w-full"
             }, null, 512),
-            l.value ? (v(), k("div", Fl, "Loading editor...")) : V("", !0),
-            c.value ? (v(), k("div", Sl, W(c.value), 1)) : V("", !0)
+            l.value ? (v(), w("div", Ll, "Loading editor...")) : U("", !0),
+            c.value ? (v(), w("div", Bl, Y(c.value), 1)) : U("", !0)
           ], 6), [
-            [ke, !o.value]
+            [$e, !r.value]
           ]),
-          ce(d("div", Tl, [
-            F(mt, {
+          de(d("div", El, [
+            C(xt, {
               ref_key: "htmlTextarea",
               ref: n,
               modelValue: b.value,
-              "onUpdate:modelValue": x[0] || (x[0] = (A) => b.value = A),
+              "onUpdate:modelValue": A[0] || (A[0] = (B) => b.value = B),
               height: "100%",
-              syntax: U.value,
+              syntax: J.value,
               theme: "vs-light"
             }, null, 8, ["modelValue", "syntax"])
           ], 512), [
-            [ke, o.value]
+            [$e, r.value]
           ])
         ])
       ], 4),
-      d("div", Ll, [
-        d("div", Bl, [
+      d("div", Il, [
+        d("div", Pl, [
           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]",
-              o.value ? "text-[#8f99aa]" : "!bg-white text-[#49556a] border-[#cfd6e0] border-t-transparent relative z-[1]"
+              r.value ? "text-[#8f99aa]" : "!bg-white text-[#49556a] border-[#cfd6e0] border-t-transparent relative z-[1]"
             ]),
-            onClick: x[1] || (x[1] = (A) => M(!1))
-          }, W(L(z)("form.richtext.editor")), 3),
+            onClick: A[1] || (A[1] = (B) => F(!1))
+          }, Y(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]",
-              o.value ? "!bg-white text-[#49556a] border-[#cfd6e0] border-t-transparent relative z-[1]" : "text-[#8f99aa]"
+              r.value ? "!bg-white text-[#49556a] border-[#cfd6e0] border-t-transparent relative z-[1]" : "text-[#8f99aa]"
             ]),
-            onClick: x[2] || (x[2] = (A) => M(!0))
-          }, W(Y.value), 3)
+            onClick: A[2] || (A[2] = (B) => F(!0))
+          }, Y(P.value), 3)
         ])
       ])
     ], 2));
   }
 });
 export {
-  Ml as default
+  zl as default
 };