@opengis/form 0.0.131 → 0.0.133

package/dist/{vs-richtext-CCaYp9VS.js → vs-richtext-23DWrqSz.js}

@@ -1,6 +1,6 @@
-import { shallowRef as Je, ref as $, computed as P, watch as ue, markRaw as et, nextTick as be, getCurrentInstance as tt, resolveComponent as G, openBlock as g, createElementBlock as w, normalizeClass as T, createVNode as C, createElementVNode as d, unref as k, createBlock as K, Teleport as Oe, Transition as Re, withCtx as V, toDisplayString as W, renderSlot as he, createCommentVNode as R, defineComponent as rt, withDirectives as ie, mergeProps as ot, vModelDynamic as lt, Fragment as re, vModelCheckbox as at, onMounted as fe, onBeforeUnmount as Ue, normalizeStyle as ae, vShow as ye, renderList as le, onUnmounted as ke, resolveDynamicComponent as Fe, vModelText as st, withModifiers as nt, createStaticVNode as it, useModel as ct, isRef as dt, mergeModels as Pe } from "vue";
-import { r as Me, _ as X, a as ut, b as ft } from "./index-Bb7h6b7d.js";
-import { Quote as pt, List as gt, ListOrdered as ht, CodeXml as vt, Bold as mt, Italic as bt, Underline as yt, Strikethrough as xt, X as Te, Mail as wt, Search as kt, Link2 as _t, ExternalLink as $t, Trash2 as Ct, Table2 as At, AlignJustify as Ft, AlignRight as St, AlignCenter as Tt, AlignLeft as Lt, Type as Bt, Check as ve, Eraser as It, PaintBucket as Et, Highlighter as jt, ChevronDown as Le, ALargeSmall as Pt, Superscript as Mt, Subscript as Ht, RemoveFormatting as zt, Image as Nt, Undo2 as Vt, Redo2 as Dt, CircleHelp as Ot, Minus as Rt, Maximize as Ut, ListIndentIncrease as qt } from "lucide-vue-next";
+import { shallowRef as Je, ref as $, computed as P, watch as ue, markRaw as et, nextTick as be, getCurrentInstance as tt, resolveComponent as G, openBlock as v, createElementBlock as w, normalizeClass as T, createVNode as C, createElementVNode as d, unref as k, createBlock as K, Teleport as Ve, Transition as Re, withCtx as D, toDisplayString as W, renderSlot as he, createCommentVNode as R, defineComponent as rt, withDirectives as ie, mergeProps as ot, vModelDynamic as lt, Fragment as re, vModelCheckbox as at, onMounted as fe, onBeforeUnmount as Ue, normalizeStyle as ae, vShow as ye, renderList as le, onUnmounted as ke, resolveDynamicComponent as Fe, vModelText as st, withModifiers as nt, createStaticVNode as it, useModel as ct, isRef as dt, mergeModels as Pe } from "vue";
+import { r as Me, _ as X, a as ut, b as ft } from "./index-BHNP0KBm.js";
+import { Quote as pt, List as gt, ListOrdered as ht, CodeXml as vt, Bold as mt, Italic as bt, Underline as yt, Strikethrough as xt, X as Te, Mail as wt, Search as kt, Link2 as _t, ExternalLink as $t, Trash2 as Ct, Table2 as At, AlignJustify as Ft, AlignRight as St, AlignCenter as Tt, AlignLeft as Lt, Type as Bt, Check as ve, Eraser as It, PaintBucket as Et, Highlighter as jt, ChevronDown as Le, ALargeSmall as Pt, Superscript as Mt, Subscript as Ht, RemoveFormatting as Nt, Image as zt, Undo2 as Dt, Redo2 as Ot, CircleHelp as Vt, Minus as Rt, Maximize as Ut, ListIndentIncrease as qt } from "lucide-vue-next";
 import { notify as we } from "@opengis/core";
 const Kt = async (t) => {
   try {
@@ -17,7 +17,7 @@ const Kt = async (t) => {
   if (s) {
     const a = e.clipboardData?.getData("text/html"), o = e.clipboardData?.getData("text/plain");
     if (a) {
-      const { state: n, dispatch: c } = t, { tr: r } = n, i = l.fromSchema(t.state.schema), y = new DOMParser().parseFromString(a, "text/html").body, p = i.parse(y), h = r.replaceSelectionWith(p);
+      const { state: n, dispatch: c } = t, { tr: r } = n, i = l.fromSchema(t.state.schema), b = new DOMParser().parseFromString(a, "text/html").body, u = i.parse(b), h = r.replaceSelectionWith(u);
       return c(h), e.preventDefault(), !0;
     }
     if (o) {
@@ -29,9 +29,9 @@ const Kt = async (t) => {
       if (c.type.startsWith("image/")) {
         const r = c.getAsFile();
         if (r) {
-          const i = await Kt(r), { schema: y } = t.state, p = y.nodes.image.create({
+          const i = await Kt(r), { schema: b } = t.state, u = b.nodes.image.create({
             src: i?.file_path
-          }), h = t.state.tr.replaceSelectionWith(p);
+          }), h = t.state.tr.replaceSelectionWith(u);
           return t.dispatch(h), e.preventDefault(), !0;
         }
       }
@@ -226,29 +226,29 @@ async function tr() {
     c,
     r,
     i,
-    y,
-    p,
+    b,
+    u,
     h,
-    b
+    g
   ]) => {
-    const S = U(e, "Editor"), j = U(e, "Node"), H = U(e, "Extension"), N = U(l, "StarterKit"), q = U(s, "TextStyle"), L = U(a, "TableKit"), Y = U(a, "Table"), oe = U(a, "TableRow"), se = U(a, "TableCell"), D = U(a, "TableHeader"), f = U(o, "Highlight"), m = U(n, "Subscript"), u = U(c, "Superscript"), _ = U(r, "Link"), x = U(i, "Image"), B = U(y, "TextAlign"), v = U(p, "Heading"), A = U(h, "Paragraph"), I = U(b, "DOMParser");
-    if (!S || !j || !N || !q || !L || !Y || !oe || !se || !D || !f || !m || !u || !_ || !x || !B || !v || !A || !I)
+    const S = U(e, "Editor"), j = U(e, "Node"), H = U(e, "Extension"), z = U(l, "StarterKit"), q = U(s, "TextStyle"), L = U(a, "TableKit"), Y = U(a, "Table"), oe = U(a, "TableRow"), se = U(a, "TableCell"), O = U(a, "TableHeader"), p = U(o, "Highlight"), y = U(n, "Subscript"), f = U(c, "Superscript"), _ = U(r, "Link"), x = U(i, "Image"), B = U(b, "TextAlign"), m = U(u, "Heading"), A = U(h, "Paragraph"), I = U(g, "DOMParser");
+    if (!S || !j || !z || !q || !L || !Y || !oe || !se || !O || !p || !y || !f || !_ || !x || !B || !m || !A || !I)
       throw new Error("Failed to resolve one or more Tiptap modules");
     return {
       Editor: S,
       Extension: H,
       ProseMirrorDOMParser: I,
-      StarterKit: N,
+      StarterKit: z,
       ExtendedTextStyle: Jt(q),
-      Highlight: f,
-      Subscript: m,
-      Superscript: u,
+      Highlight: p,
+      Subscript: y,
+      Superscript: f,
       Link: _,
       Image: x,
       TextAlign: B,
-      CustomHeading: Yt(v),
+      CustomHeading: Yt(m),
       CustomParagraph: Qt(A),
-      CustomTableKit: Zt(L, Y, oe, se, D),
+      CustomTableKit: Zt(L, Y, oe, se, O),
       Iframe: er(j)
     };
   }).catch((e) => {
@@ -257,17 +257,17 @@ async function tr() {
 }
 function rr(t) {
   let e = !1;
-  const l = Je(null), s = $(!1), a = $(""), o = async (i, y = "") => {
+  const l = Je(null), s = $(!1), a = $(""), o = async (i, b = "") => {
     if (!i) return null;
     s.value = !0, a.value = "";
     try {
-      const p = await tr();
-      if (!p) return null;
-      const h = new p.Editor({
+      const u = await tr();
+      if (!u) return null;
+      const h = new u.Editor({
         element: i,
-        content: y,
+        content: b,
         extensions: [
-          p.StarterKit.configure({
+          u.StarterKit.configure({
             history: {
               depth: 100,
               newGroupDelay: 500
@@ -286,63 +286,63 @@ function rr(t) {
             heading: !1,
             link: !1
           }),
-          p.Superscript,
-          p.Subscript,
-          p.ExtendedTextStyle,
-          p.CustomParagraph,
-          p.CustomHeading,
-          p.Highlight,
-          p.Image.configure({
+          u.Superscript,
+          u.Subscript,
+          u.ExtendedTextStyle,
+          u.CustomParagraph,
+          u.CustomHeading,
+          u.Highlight,
+          u.Image.configure({
             inline: !0,
             allowBase64: !0,
             HTMLAttributes: {
               class: "editor-image"
             }
           }),
-          p.TextAlign.configure({
+          u.TextAlign.configure({
             types: ["heading", "paragraph"]
           }),
-          p.Link.configure({
+          u.Link.configure({
             HTMLAttributes: {
               class: "editor-link"
             },
             openOnClick: !1,
             autolink: !0
           }),
-          p.CustomTableKit,
-          p.Iframe
+          u.CustomTableKit,
+          u.Iframe
         ],
         editorProps: {
-          handlePaste: (b, S) => Wt(b, S, p.ProseMirrorDOMParser),
-          handleKeyDown: (b, S) => {
+          handlePaste: (g, S) => Wt(g, S, u.ProseMirrorDOMParser),
+          handleKeyDown: (g, S) => {
             if (S.key === "Tab") {
-              const j = b.state, { $anchor: H } = j.selection;
-              let N = !1;
+              const j = g.state, { $anchor: H } = j.selection;
+              let z = !1;
               for (let q = H.depth; q > 0; q--) {
                 const L = H.node(q);
                 if (L && (L.type.name === "bulletList" || L.type.name === "orderedList")) {
-                  N = !0;
+                  z = !0;
                   break;
                 }
               }
-              return N ? !1 : (S.preventDefault(), !0);
+              return z ? !1 : (S.preventDefault(), !0);
             }
             return !1;
           }
         }
       });
       return l.value = et(h), h;
-    } catch (p) {
-      return a.value = "Failed to load rich text editor dependencies.", console.error("Failed to initialize rich text editor", p), null;
+    } catch (u) {
+      return a.value = "Failed to load rich text editor dependencies.", console.error("Failed to initialize rich text editor", u), null;
     } finally {
       s.value = !1;
     }
   }, n = P(() => l.value || null);
   return ue(l, (i) => {
-    i && l.value.on("update", (y) => {
+    i && l.value.on("update", (b) => {
       if (!e) {
         e = !0;
-        const p = y.editor.getHTML();
+        const u = b.editor.getHTML();
         t.modelValue, setTimeout(() => {
           e = !1;
         }, 10);
@@ -371,20 +371,20 @@ function or(t, e, l, {
     isHtmlMode: o,
     htmlContent: n,
     htmlTextarea: c,
-    toggleHtmlMode: async (y) => {
-      if (o.value = y, y)
+    toggleHtmlMode: async (b) => {
+      if (o.value = b, b)
         t.value && (n.value = a ? await a(t.value.getHTML(), e) : t.value.getHTML()), be(() => {
           c.value && c.value.focus?.();
         });
       else if (t.value) {
-        const p = s ? await s(n.value, e) : n.value;
-        t.value.commands.setContent(p, !0), be(() => {
+        const u = s ? await s(n.value, e) : n.value;
+        t.value.commands.setContent(u, !0), be(() => {
           t.value?.commands?.focus?.();
         });
       }
     },
-    onHtmlInput: (y) => {
-      n.value = y, l && l("update:modelValue", y);
+    onHtmlInput: (b) => {
+      n.value = b, l && l("update:modelValue", b);
     }
   };
 }
@@ -406,15 +406,15 @@ const ne = (t) => t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "
     const n = o ? ` title="${ne(o)}"` : "";
     return `<a href="${ne(a)}"${n} 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;
-}, me = (t) => /^\s*\d+\.\s+/.test(t), Be = (t) => /^\s*[-*+]\s+/.test(t), Ke = (t) => /^\s*[-*+]\s+\[[ xX]\]\s+/.test(t), Se = (t) => /^\s*>\s?/.test(t), Ie = (t) => /^\s*\|?(?:\s*:?-{3,}:?\s*\|)+\s*:?-{3,}:?\s*\|?\s*$/.test(t), ze = (t) => t.trim().replace(/^\|/, "").replace(/\|$/, "").split("|").map((e) => xe(e.trim())), ar = (t, e) => {
+}, me = (t) => /^\s*\d+\.\s+/.test(t), Be = (t) => /^\s*[-*+]\s+/.test(t), Ke = (t) => /^\s*[-*+]\s+\[[ xX]\]\s+/.test(t), Se = (t) => /^\s*>\s?/.test(t), Ie = (t) => /^\s*\|?(?:\s*:?-{3,}:?\s*\|)+\s*:?-{3,}:?\s*\|?\s*$/.test(t), Ne = (t) => t.trim().replace(/^\|/, "").replace(/\|$/, "").split("|").map((e) => xe(e.trim())), ar = (t, e) => {
   const l = t[e], s = t[e + 1];
   if (!l || !s || !l.includes("|") || !Ie(s))
     return null;
-  const a = ze(l), o = [];
+  const a = Ne(l), o = [];
   let n = e + 2;
   for (; n < t.length && t[n].includes("|") && t[n].trim() !== ""; ) {
-    const i = ze(t[n]);
-    o.push(`<tr>${i.map((y) => `<td>${y}</td>`).join("")}</tr>`), n += 1;
+    const i = Ne(t[n]);
+    o.push(`<tr>${i.map((b) => `<td>${b}</td>`).join("")}</tr>`), n += 1;
   }
   const c = `<thead><tr>${a.map((i) => `<th>${i}</th>`).join("")}</tr></thead>`, r = o.length ? `<tbody>${o.join("")}</tbody>` : "";
   return {
@@ -520,7 +520,7 @@ const ne = (t) => t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "
   const l = (c) => `| ${Array.from(c.children).map((i) => Xe(i).trim()).join(" | ")} |`, s = e[0], a = s ? Array.from(s.children).length : 0, o = `| ${Array(Math.max(a, 1)).fill("---").join(" | ")} |`, n = e.slice(1).map((c) => l(c));
   return [l(s), o, ...n].join(`
 `);
-}, Ne = (t, e = !1) => Array.from(t.children).filter((l) => l.nodeType === Node.ELEMENT_NODE).map((l, s) => {
+}, ze = (t, e = !1) => Array.from(t.children).filter((l) => l.nodeType === Node.ELEMENT_NODE).map((l, s) => {
   const a = l, o = a.querySelector('input[type="checkbox"]'), n = Array.from(a.childNodes).filter((c) => !(c instanceof HTMLInputElement)).map((c) => Ee(c)).join("").trim();
   return o ? `- [${o.checked ? "x" : " "}] ${n}` : e ? `${s + 1}. ${n}` : `- ${n}`;
 }).join(`
@@ -576,11 +576,11 @@ ${r}
 `;
     }
     case "ul":
-      return `${Ne(e, !1)}
+      return `${ze(e, !1)}
 
 `;
     case "ol":
-      return `${Ne(e, !0)}
+      return `${ze(e, !0)}
 
 `;
     case "a": {
@@ -611,28 +611,72 @@ const Ge = (t) => {
   return Array.from(l.body.childNodes).map((s) => Ee(s)).join("").replace(/\n{3,}/g, `
 
 `).trim();
-}, Ae = async (t, e) => e !== "md" ? t || "" : We(t || ""), dr = async (t, e) => e !== "md" ? t || "" : Ge(t || ""), ur = async (t, e) => e !== "md" ? t || "" : Ge(t || ""), fr = (t) => String(t).trim().toLowerCase().split("-")[0], pr = () => typeof window > "u" ? "uk" : fr(
+}, dr = /* @__PURE__ */ new Set([
+  "area",
+  "base",
+  "br",
+  "col",
+  "embed",
+  "hr",
+  "img",
+  "input",
+  "link",
+  "meta",
+  "param",
+  "source",
+  "track",
+  "wbr"
+]), ur = (t) => {
+  if (!t) return "";
+  if (typeof window > "u" || typeof DOMParser > "u")
+    return t;
+  const l = new DOMParser().parseFromString(t, "text/html"), s = "  ", a = (o, n) => {
+    if (o.nodeType === Node.TEXT_NODE) {
+      const g = (o.textContent || "").replace(/\s+/g, " ").trim();
+      return g ? [`${s.repeat(n)}${g}`] : [];
+    }
+    if (o.nodeType !== Node.ELEMENT_NODE)
+      return [];
+    const c = o, r = c.tagName.toLowerCase(), i = Array.from(c.attributes).map((g) => `${g.name}="${g.value}"`).join(" "), b = i ? `<${r} ${i}>` : `<${r}>`, u = `</${r}>`;
+    if (dr.has(r))
+      return [`${s.repeat(n)}${b}`];
+    const h = Array.from(c.childNodes).flatMap((g) => a(g, n + 1));
+    if (!h.length)
+      return [`${s.repeat(n)}${b}${u}`];
+    if (c.childNodes.length === 1 && c.firstChild?.nodeType === Node.TEXT_NODE && h.length === 1) {
+      const g = h[0].trim();
+      return [`${s.repeat(n)}${b}${g}${u}`];
+    }
+    return [
+      `${s.repeat(n)}${b}`,
+      ...h,
+      `${s.repeat(n)}${u}`
+    ];
+  };
+  return Array.from(l.body.childNodes).flatMap((o) => a(o, 0)).join(`
+`);
+}, Ae = async (t, e) => e !== "md" ? t || "" : We(t || ""), fr = async (t, e) => e !== "md" ? ur(t || "") : Ge(t || ""), pr = async (t, e) => e !== "md" ? t || "" : Ge(t || ""), gr = (t) => String(t).trim().toLowerCase().split("-")[0], hr = () => typeof window > "u" ? "uk" : gr(
   localStorage.getItem("language") || localStorage.getItem("locale") || navigator.language || "uk"
-), gr = (t, e) => {
+), vr = (t, e) => {
   const l = e.replace(/^form\.richtext\./, "");
   return Me?.[t]?.form?.richtext?.[l] || Me?.uk?.form?.richtext?.[l] || e;
-}, Ve = (t) => t.startsWith("form.richtext.") ? t : `form.richtext.${t}`;
+}, De = (t) => t.startsWith("form.richtext.") ? t : `form.richtext.${t}`;
 function _e() {
   const e = tt()?.appContext?.config?.globalProperties, l = e?.$i18n;
   return { t: (a) => {
     const o = e?.$t, n = e?.$te, c = typeof l?.te == "function" ? l.te.bind(l) : null;
     if (typeof o == "function") {
-      const r = Ve(a);
+      const r = De(a);
       if ((typeof n == "function" ? n(r) : typeof c == "function" ? c(r) : null) !== !1) {
-        const y = o(r);
-        if (y && y !== r)
-          return y;
+        const b = o(r);
+        if (b && b !== r)
+          return b;
       }
     }
-    return gr(pr(), Ve(a));
+    return vr(hr(), De(a));
   } };
 }
-const hr = {
+const mr = {
   components: { Quote: pt },
   props: { editor: Object },
   methods: {
@@ -641,9 +685,9 @@ const hr = {
     }
   }
 };
-function vr(t, e, l, s, a, o) {
+function br(t, e, l, s, a, o) {
   const n = G("Quote");
-  return g(), w("button", {
+  return v(), w("button", {
     title: "Blockquote",
     onClick: e[0] || (e[0] = (...c) => o.toggleBlockquote && o.toggleBlockquote(...c)),
     class: T(["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": l.editor?.isActive("blockquote") }])
@@ -651,7 +695,7 @@ function vr(t, e, l, s, a, o) {
     C(n, { class: "h-4 w-4" })
   ], 2);
 }
-const mr = /* @__PURE__ */ X(hr, [["render", vr]]), br = {
+const yr = /* @__PURE__ */ X(mr, [["render", br]]), xr = {
   components: { List: gt },
   props: { editor: Object },
   methods: {
@@ -660,9 +704,9 @@ const mr = /* @__PURE__ */ X(hr, [["render", vr]]), br = {
     }
   }
 };
-function yr(t, e, l, s, a, o) {
+function wr(t, e, l, s, a, o) {
   const n = G("List");
-  return g(), w("button", {
+  return v(), w("button", {
     title: "Bullet List",
     onClick: e[0] || (e[0] = (...c) => o.toggleBulletList && o.toggleBulletList(...c)),
     class: T(["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": l.editor?.isActive("bulletList") }])
@@ -670,7 +714,7 @@ function yr(t, e, l, s, a, o) {
     C(n, { class: "h-4 w-4" })
   ], 2);
 }
-const xr = /* @__PURE__ */ X(br, [["render", yr]]), wr = {
+const kr = /* @__PURE__ */ X(xr, [["render", wr]]), _r = {
   components: { ListOrdered: ht },
   props: { editor: Object },
   methods: {
@@ -679,9 +723,9 @@ const xr = /* @__PURE__ */ X(br, [["render", yr]]), wr = {
     }
   }
 };
-function kr(t, e, l, s, a, o) {
+function $r(t, e, l, s, a, o) {
   const n = G("ListOrdered");
-  return g(), w("button", {
+  return v(), w("button", {
     title: "Ordered List",
     onClick: e[0] || (e[0] = (...c) => o.toggleOrderedList && o.toggleOrderedList(...c)),
     class: T(["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": l.editor?.isActive("orderedList") }])
@@ -689,7 +733,7 @@ function kr(t, e, l, s, a, o) {
     C(n, { class: "h-4 w-4" })
   ], 2);
 }
-const _r = /* @__PURE__ */ X(wr, [["render", kr]]), $r = {
+const Cr = /* @__PURE__ */ X(_r, [["render", $r]]), Ar = {
   components: { CodeXml: vt },
   props: { editor: Object },
   methods: {
@@ -698,9 +742,9 @@ const _r = /* @__PURE__ */ X(wr, [["render", kr]]), $r = {
     }
   }
 };
-function Cr(t, e, l, s, a, o) {
+function Fr(t, e, l, s, a, o) {
   const n = G("CodeXml");
-  return g(), w("button", {
+  return v(), w("button", {
     title: "Code Block",
     onClick: e[0] || (e[0] = (...c) => o.toggleCodeBlock && o.toggleCodeBlock(...c)),
     class: T(["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": l.editor?.isActive("codeBlock") }])
@@ -708,7 +752,7 @@ function Cr(t, e, l, s, a, o) {
     C(n, { class: "h-4 w-4" })
   ], 2);
 }
-const Ar = /* @__PURE__ */ X($r, [["render", Cr]]), Fr = {
+const Sr = /* @__PURE__ */ X(Ar, [["render", Fr]]), Tr = {
   components: { Bold: mt },
   props: {
     editor: Object
@@ -719,9 +763,9 @@ const Ar = /* @__PURE__ */ X($r, [["render", Cr]]), Fr = {
     }
   }
 };
-function Sr(t, e, l, s, a, o) {
+function Lr(t, e, l, s, a, o) {
   const n = G("Bold");
-  return g(), w("button", {
+  return v(), w("button", {
     title: "Bold Text",
     onClick: e[0] || (e[0] = (...c) => o.toggleBold && o.toggleBold(...c)),
     class: T(["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": l.editor?.isActive("bold") }])
@@ -730,7 +774,7 @@ function Sr(t, e, l, s, a, o) {
     e[1] || (e[1] = d("span", { class: "sr-only" }, "Bold", -1))
   ], 2);
 }
-const Tr = /* @__PURE__ */ X(Fr, [["render", Sr]]), Lr = {
+const Br = /* @__PURE__ */ X(Tr, [["render", Lr]]), Ir = {
   components: { Italic: bt },
   props: {
     editor: Object
@@ -741,9 +785,9 @@ const Tr = /* @__PURE__ */ X(Fr, [["render", Sr]]), Lr = {
     }
   }
 };
-function Br(t, e, l, s, a, o) {
+function Er(t, e, l, s, a, o) {
   const n = G("Italic");
-  return g(), w("button", {
+  return v(), w("button", {
     title: "Italic Text",
     onClick: e[0] || (e[0] = (...c) => o.toggleItalic && o.toggleItalic(...c)),
     class: T(["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": l.editor?.isActive("italic") }])
@@ -752,14 +796,14 @@ function Br(t, e, l, s, a, o) {
     e[1] || (e[1] = d("span", { class: "sr-only" }, "Italic", -1))
   ], 2);
 }
-const Ir = /* @__PURE__ */ X(Lr, [["render", Br]]), Er = {
+const jr = /* @__PURE__ */ X(Ir, [["render", Er]]), Pr = {
   __name: "vs-editor-underline",
   props: { editor: Object },
   setup(t) {
     const e = t, l = () => {
       e.editor && e.editor.chain().focus().toggleUnderline().run();
     };
-    return (s, a) => (g(), w("button", {
+    return (s, a) => (v(), w("button", {
       title: "Underline",
       onClick: l,
       class: T(["w-[30px] h-[30px] flex items-center justify-center rounded-full hover:text-gray-900 hover:bg-gray-100", [
@@ -769,14 +813,14 @@ const Ir = /* @__PURE__ */ X(Lr, [["render", Br]]), Er = {
       C(k(yt), { class: "h-4 w-4" })
     ], 2));
   }
-}, jr = {
+}, Mr = {
   __name: "vs-editor-strike",
   props: { editor: Object },
   setup(t) {
     const e = t, l = () => {
       e.editor && e.editor.chain().focus().toggleStrike().run();
     };
-    return (s, a) => (g(), w("button", {
+    return (s, a) => (v(), w("button", {
       title: "Strikethrough",
       onClick: l,
       class: T(["w-[30px] h-[30px] flex items-center justify-center rounded-full hover:text-gray-900 hover:bg-gray-100", [
@@ -786,7 +830,7 @@ const Ir = /* @__PURE__ */ X(Lr, [["render", Br]]), Er = {
       C(k(xt), { class: "h-4 w-4" })
     ], 2));
   }
-}, Pr = {
+}, Hr = {
   components: { X: Te },
   props: {
     visible: { type: Boolean, default: () => !1 },
@@ -829,17 +873,17 @@ const Ir = /* @__PURE__ */ X(Lr, [["render", Br]]), Er = {
       e && t.target.classList.contains("vs-dialog-overlay") && this.handleClose();
     }
   }
-}, Mr = {
+}, Nr = {
   key: 0,
   class: "vsTailwind ui-dialog__wrapper"
-}, Hr = { class: "py-2.5 px-4 flex justify-between items-center border-0 border-b border-solid border-gray-200 dark:border-b-[#454545]" }, zr = { class: "font-medium text-gray-800 dark:text-[#ffffff]" }, Nr = { class: "ui-dialog__content p-4" }, Vr = {
+}, 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 = {
   key: 0,
   class: "flex justify-end gap-x-2"
 };
-function Dr(t, e, l, s, a, o) {
+function Rr(t, e, l, s, a, o) {
   const n = G("X");
-  return g(), K(Oe, { to: "body" }, [
-    l.visible || l.modelValue ? (g(), w("div", Mr, [
+  return v(), K(Ve, { to: "body" }, [
+    l.visible || l.modelValue ? (v(), w("div", Nr, [
       d("div", {
         onMousedown: e[1] || (e[1] = (c) => o.closeByClickBack(c, l.closeClickBack)),
         class: "vs-dialog-overlay vs-dialog w-full h-full fixed top-0 start-0 z-[100001] bg-black bg-opacity-50"
@@ -848,12 +892,12 @@ function Dr(t, e, l, s, a, o) {
           name: "content",
           appear: ""
         }, {
-          default: V(() => [
+          default: D(() => [
             d("div", {
               class: T(["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", Hr, [
-                d("h3", zr, W(l.title), 1),
+              d("div", zr, [
+                d("h3", Dr, W(l.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",
@@ -863,10 +907,10 @@ function Dr(t, e, l, s, a, o) {
                   C(n, { class: "h-4 w-4 flex-shrink-0" })
                 ])
               ]),
-              d("div", Nr, [
+              d("div", Or, [
                 he(t.$slots, "default", {}, void 0, !0)
               ]),
-              o.hasSlot ? (g(), w("div", Vr, [
+              o.hasSlot ? (v(), w("div", Vr, [
                 he(t.$slots, "footer", {
                   handleClose: o.handleClose,
                   handleConfirm: o.handleConfirm,
@@ -881,7 +925,7 @@ function Dr(t, e, l, s, a, o) {
     ])) : R("", !0)
   ]);
 }
-const Ye = /* @__PURE__ */ X(Pr, [["render", Dr], ["__scopeId", "data-v-9395bb47"]]), Or = rt({
+const Ye = /* @__PURE__ */ X(Hr, [["render", Rr], ["__scopeId", "data-v-9395bb47"]]), Ur = rt({
   components: {
     IconClose: Te,
     IconSearch: kt,
@@ -964,32 +1008,32 @@ const Ye = /* @__PURE__ */ X(Pr, [["render", Dr], ["__scopeId", "data-v-9395bb47
       await this.$refs.vsText?.focus();
     }
   }
-}), Rr = { class: "vs-form-text relative bg-white rounded-lg" }, Ur = {
+}), qr = { class: "vs-form-text relative bg-white rounded-lg" }, Kr = {
   key: 2,
   class: "absolute bottom-2/4 translate-y-2/4 left-[10px] cursor-pointer"
-}, qr = ["disabled", "type", "placeholder"];
-function Kr(t, e, l, s, a, o) {
+}, Wr = ["disabled", "type", "placeholder"];
+function Xr(t, e, l, s, a, o) {
   const n = G("IconClose"), c = G("IconSearch"), r = G("IconEmail");
-  return g(), w("div", Rr, [
-    t.clearable && t.value ? (g(), w("div", {
+  return v(), w("div", qr, [
+    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))
     }, [
       C(n, { class: "h-4 w-4 stroke-gray-500 transition-all hover:stroke-red-500" })
     ])) : R("", !0),
-    t.icon && t.icon === "search" ? (g(), w("div", {
+    t.icon && t.icon === "search" ? (v(), w("div", {
       key: 1,
       class: T(["absolute bottom-2/4 translate-y-2/4 cursor-pointer", t.iconStylePosition])
     }, [
       C(c, { class: "h-4 w-4 stroke-gray-500 transition-all" })
-    ], 2)) : t.icon && t.icon === "email" ? (g(), w("div", Ur, [
+    ], 2)) : t.icon && t.icon === "email" ? (v(), w("div", Kr, [
       C(r, { class: "h-4 w-4 stroke-gray-500 transition-all" })
-    ])) : (g(), w("i", {
+    ])) : (v(), w("i", {
       key: 3,
       class: T(["absolute bottom-2/4 translate-y-2/4 text-gray-500 cursor-pointer", ["ti " + t.icon, t.iconStylePosition]])
     }, null, 2)),
-    t.clearable && t.value ? (g(), w("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))
@@ -1007,18 +1051,18 @@ function Kr(t, e, l, s, a, o) {
       onFocus: e[4] || (e[4] = (...i) => t.handleFocus && t.handleFocus(...i)),
       onBlur: e[5] || (e[5] = (...i) => t.handleBlur && t.handleBlur(...i)),
       class: [[t.inputStyle, t.checkSize], "py-2 px-3 block w-full border border-solid placeholder:text-nowrap border-stone-200 rounded-lg text-sm text-stone-800 placeholder:text-stone-400 focus:outline focus:z-10 focus:border-blue-500 focus:ring-blue-500 focus:outline-blue-500"]
-    }), null, 16, qr), [
+    }), null, 16, Wr), [
       [lt, t.value]
     ])
   ]);
 }
-const Qe = /* @__PURE__ */ X(Or, [["render", Kr], ["__scopeId", "data-v-1e382a36"]]), Wr = ["title"], Xr = { class: "flex flex-col gap-3 p-[20px]" }, Gr = { class: "relative flex items-center gap-2" }, Yr = { class: "flex-1" }, Qr = {
+const Qe = /* @__PURE__ */ X(Ur, [["render", Xr], ["__scopeId", "data-v-1e382a36"]]), Gr = ["title"], Yr = { class: "flex flex-col gap-3 p-[20px]" }, Qr = { class: "relative flex items-center gap-2" }, Zr = { class: "flex-1" }, Jr = {
   key: 0,
   class: "flex items-center gap-2 flex-shrink-0"
-}, Zr = ["title"], Jr = ["title"], eo = { class: "flex items-center gap-2" }, to = {
+}, eo = ["title"], to = ["title"], ro = { class: "flex items-center gap-2" }, oo = {
   for: "openInNewTab",
   class: "text-sm text-gray-700 cursor-pointer"
-}, ro = { class: "flex justify-end p-[20px] gap-[10px] border-t w-full" }, oo = /* @__PURE__ */ Object.assign({
+}, lo = { class: "flex justify-end p-[20px] gap-[10px] border-t w-full" }, ao = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "vs-editor-link",
@@ -1038,29 +1082,29 @@ const Qe = /* @__PURE__ */ X(Or, [["render", Kr], ["__scopeId", "data-v-1e382a36
         href: h,
         target: n.value ? "_blank" : null
       }).run(), r();
-    }, y = () => {
+    }, b = () => {
       l.editor && (l.editor.chain().focus().unsetLink().run(), r());
-    }, p = () => {
+    }, u = () => {
       if (!a.value) return;
       let h = a.value.trim();
       h.match(/^https?:\/\//i) || (h = "https://" + h), window.open(h, "_blank", "noopener,noreferrer");
     };
-    return (h, b) => (g(), w(re, null, [
+    return (h, g) => (v(), w(re, null, [
       d("button", {
         title: k(e)("form.richtext.link") || "Посилання",
         onClick: c,
         class: T(["text-gray-500 w-[30px] h-[30px] flex items-center justify-center rounded-full hover:text-gray-900 hover:bg-gray-100 focus:outline-none", { "bg-gray-100 text-gray-900": t.editor?.isActive("link") }])
       }, [
         C(k(_t), { class: "h-4 w-4" })
-      ], 10, Wr),
+      ], 10, Gr),
       C(Ye, {
         title: o.value ? k(e)("form.richtext.editLink") || "Редагувати посилання" : k(e)("form.richtext.linkTitle") || "Додати посилання",
         visible: s.value,
-        "onUpdate:visible": b[2] || (b[2] = (S) => s.value = S),
+        "onUpdate:visible": g[2] || (g[2] = (S) => s.value = S),
         size: "small"
       }, {
-        footer: V(() => [
-          d("div", ro, [
+        footer: D(() => [
+          d("div", lo, [
             d("button", {
               style: { border: "1px solid #000" },
               onClick: r,
@@ -1072,44 +1116,44 @@ const Qe = /* @__PURE__ */ X(Or, [["render", Kr], ["__scopeId", "data-v-1e382a36
             }, W(o.value ? k(e)("form.richtext.update") || "Оновити" : k(e)("form.richtext.create") || "Створити"), 1)
           ])
         ]),
-        default: V(() => [
-          d("div", Xr, [
-            d("div", Gr, [
-              d("div", Yr, [
+        default: D(() => [
+          d("div", Yr, [
+            d("div", Qr, [
+              d("div", Zr, [
                 C(Qe, {
                   modelValue: a.value,
-                  "onUpdate:modelValue": b[0] || (b[0] = (S) => a.value = S),
+                  "onUpdate:modelValue": g[0] || (g[0] = (S) => a.value = S),
                   placeholder: k(e)("form.richtext.linkUrl") || "Введіть URL",
                   class: "w-full"
                 }, null, 8, ["modelValue", "placeholder"])
               ]),
-              o.value ? (g(), w("div", Qr, [
+              o.value ? (v(), w("div", Jr, [
                 d("button", {
-                  onClick: p,
+                  onClick: u,
                   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: k(e)("form.richtext.openLink") || "Відкрити посилання"
                 }, [
                   C(k($t), { class: "h-4 w-4" })
-                ], 8, Zr),
+                ], 8, eo),
                 d("button", {
-                  onClick: y,
+                  onClick: b,
                   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: k(e)("form.richtext.removeLink") || "Видалити посилання"
                 }, [
                   C(k(Ct), { class: "h-4 w-4" })
-                ], 8, Jr)
+                ], 8, to)
               ])) : R("", !0)
             ]),
-            d("div", eo, [
+            d("div", ro, [
               ie(d("input", {
                 type: "checkbox",
                 id: "openInNewTab",
-                "onUpdate:modelValue": b[1] || (b[1] = (S) => n.value = S),
+                "onUpdate:modelValue": g[1] || (g[1] = (S) => n.value = S),
                 class: "w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500"
               }, null, 512), [
                 [at, n.value]
               ]),
-              d("label", to, W(k(e)("form.richtext.openInNewTab") || "Відкривати в новій вкладці"), 1)
+              d("label", oo, W(k(e)("form.richtext.openInNewTab") || "Відкривати в новій вкладці"), 1)
             ])
           ])
         ]),
@@ -1122,43 +1166,43 @@ const Qe = /* @__PURE__ */ X(Or, [["render", Kr], ["__scopeId", "data-v-1e382a36
   await be();
   const a = await l?.getBoundingClientRect(), o = await e?.getBoundingClientRect();
   if (!o || !a) return;
-  const n = await parseInt(e?.getBoundingClientRect()?.height), c = await parseInt(e?.getBoundingClientRect()?.width), r = await parseInt(l?.getBoundingClientRect()?.height), i = await parseInt(l?.getBoundingClientRect()?.width), y = await window.innerHeight, p = await window.innerWidth;
-  let h = 0, b = 0;
+  const n = await parseInt(e?.getBoundingClientRect()?.height), c = await parseInt(e?.getBoundingClientRect()?.width), r = await parseInt(l?.getBoundingClientRect()?.height), i = await parseInt(l?.getBoundingClientRect()?.width), b = await window.innerHeight, u = await window.innerWidth;
+  let h = 0, g = 0;
   const S = o.bottom + s + r;
   switch (t) {
     case "top":
-      o.top - a.height - s < 0 ? h = o.top - a.height + s + r + n : h = o.top - a.height - s, p > i + o.right + 30 ? b = o.left - a.width / 2 + o.width / 2 : b = p - 30 - i;
+      o.top - a.height - s < 0 ? h = o.top - a.height + s + r + n : h = o.top - a.height - s, u > i + o.right + 30 ? g = o.left - a.width / 2 + o.width / 2 : g = u - 30 - i;
       break;
     case "bottom":
-      y > S ? h = o.bottom + s : h = o.bottom - s - r - n, b = o.left - a.width / 2 + o.width / 2;
+      b > S ? h = o.bottom + s : h = o.bottom - s - r - n, g = o.left - a.width / 2 + o.width / 2;
       break;
     case "left":
-      h = o.top - a.height / 2 + o.height / 2, o.left - a.width - s > 0 ? b = o.left - a.width - s : b = 10;
+      h = o.top - a.height / 2 + o.height / 2, o.left - a.width - s > 0 ? g = o.left - a.width - s : g = 10;
       break;
     case "right":
-      h = o.top - a.height / 2 + o.height / 2, p - c > i ? b = o.right + s : b = p - 30 - i;
+      h = o.top - a.height / 2 + o.height / 2, u - c > i ? g = o.right + s : g = u - 30 - i;
       break;
     case "top-right":
-      o.top - a.height - s < 0 ? h = o.top - a.height + s + r + n : h = o.top - a.height - s, p - c > i ? b = o.right + s : b = p - 30 - i;
+      o.top - a.height - s < 0 ? h = o.top - a.height + s + r + n : h = o.top - a.height - s, u - c > i ? g = o.right + s : g = u - 30 - i;
       break;
     case "top-left":
-      o.top - a.height - s < 0 ? h = o.top - a.height + s + r + n : h = o.top - a.height - s, o.left - a.width - s > 0 ? b = o.left - a.width - s : b = 10;
+      o.top - a.height - s < 0 ? h = o.top - a.height + s + r + n : h = o.top - a.height - s, o.left - a.width - s > 0 ? g = o.left - a.width - s : g = 10;
       break;
     case "top-start":
-      o.top - a.height - s < 0 ? h = o.top - a.height + s + r + n : h = o.top - a.height - s, o.left > 0 ? b = o.left : b = 10;
+      o.top - a.height - s < 0 ? h = o.top - a.height + s + r + n : h = o.top - a.height - s, o.left > 0 ? g = o.left : g = 10;
       break;
     case "bottom-right":
-      y > S ? h = o.bottom + s : h = o.bottom - s - r - n, p - c > i ? b = o.left : b = p - 30 - i;
+      b > S ? h = o.bottom + s : h = o.bottom - s - r - n, u - c > i ? g = o.left : g = u - 30 - i;
       break;
     case "bottom-left":
-      y > S ? h = o.bottom + s : h = o.bottom - s - r - n, o.left > 0 ? b = o.right - i : b = 10;
+      b > S ? h = o.bottom + s : h = o.bottom - s - r - n, o.left > 0 ? g = o.right - i : g = 10;
       break;
     case "bottom-start":
-      y > S ? h = o.bottom + s : h = o.bottom - s - r - n, o.left > 0 ? b = o.left : b = 10;
+      b > S ? h = o.bottom + s : h = o.bottom - s - r - n, o.left > 0 ? g = o.left : g = 10;
       break;
   }
-  h + r > y ? h = y - r - s : h < 0 && (h = s), b + i > p ? b = p - i - s : b < 0 && (b = s), l instanceof HTMLElement && (l.style.top = `${h}px`, l.style.left = `${b}px`, l.style.position = "fixed");
-}, lo = { class: "text-center" }, ao = { 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" }, ce = /* @__PURE__ */ Object.assign({
+  h + r > b ? h = b - r - s : h < 0 && (h = s), g + i > u ? g = u - i - s : g < 0 && (g = s), l instanceof HTMLElement && (l.style.top = `${h}px`, l.style.left = `${g}px`, l.style.position = "fixed");
+}, so = { class: "text-center" }, no = { 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" }, ce = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "vs-popover",
@@ -1175,7 +1219,7 @@ const Qe = /* @__PURE__ */ X(Or, [["render", Kr], ["__scopeId", "data-v-1e382a36
   setup(t, { expose: e, emit: l }) {
     const s = t, a = l, o = $(!1), n = $([]), c = $(null), r = $(null), i = $(null);
     ue(o, (L) => {
-      L ? (y(), window.addEventListener(
+      L ? (b(), window.addEventListener(
         "resize",
         () => ge(s.placement, r.value, i.value)
       ), ge(s.placement, r.value, i.value)) : window.removeEventListener(
@@ -1183,22 +1227,22 @@ const Qe = /* @__PURE__ */ X(Or, [["render", Kr], ["__scopeId", "data-v-1e382a36
         () => ge(s.placement, r.value, i.value)
       ), a("isvisible", L);
     }), fe(() => {
-      window.addEventListener("click", H), window.addEventListener("popstate", N), window.addEventListener("scroll", q, !0), y();
+      window.addEventListener("click", H), window.addEventListener("popstate", z), window.addEventListener("scroll", q, !0), b();
     }), Ue(() => {
-      window.removeEventListener("click", H), window.removeEventListener("popstate", N), p();
+      window.removeEventListener("click", H), window.removeEventListener("popstate", z), u();
     });
-    const y = () => {
+    const b = () => {
       let L = c.value;
       for (; L && L !== document.body; )
         (L.scrollHeight > L.clientHeight || L.scrollWidth > L.clientWidth) && (L.addEventListener("scroll", j), n.value.push(L)), L = L.parentElement;
       document.body && (document.body.addEventListener("scroll", j), n.value.push(document.body));
-    }, p = () => {
+    }, u = () => {
       n.value.forEach((L) => {
         L.removeEventListener("scroll", j);
       }), n.value = [];
     }, h = () => {
       o.value = !0, ge(s.placement, r.value, i.value);
-    }, b = () => {
+    }, g = () => {
       o.value = !1;
     }, S = async () => {
       await ge(s.placement, r.value, i.value), o.value = !o.value;
@@ -1210,20 +1254,20 @@ const Qe = /* @__PURE__ */ X(Or, [["render", Kr], ["__scopeId", "data-v-1e382a36
         return;
       }
       r.value?.contains(L.target) || i.value?.contains(L.target) || (o.value = !1);
-    }, N = () => {
+    }, z = () => {
       o.value && (o.value = !1);
     }, q = (L) => {
       o.value && i.value && !i.value.contains(L.target) && (o.value = !1);
     };
     return e({
       togglePopover: S
-    }), (L, Y) => (g(), w("div", {
+    }), (L, Y) => (v(), w("div", {
       ref_key: "popover",
       ref: c,
       class: "vs-popover inline-block"
     }, [
-      d("div", lo, [
-        t.trigger === "click" ? (g(), w("div", {
+      d("div", so, [
+        t.trigger === "click" ? (v(), w("div", {
           key: 0,
           ref_key: "popoverRef",
           ref: r,
@@ -1234,21 +1278,21 @@ const Qe = /* @__PURE__ */ X(Or, [["render", Kr], ["__scopeId", "data-v-1e382a36
             Y[0] || (Y[0] = d("button", null, "Click me!", -1))
           ])
         ], 2)) : R("", !0),
-        t.trigger === "hover" ? (g(), w("div", {
+        t.trigger === "hover" ? (v(), w("div", {
           key: 1,
           ref_key: "popoverRef",
           ref: r,
           onMouseover: h,
-          onMouseleave: b,
+          onMouseleave: g,
           class: T({ "pointer-events-none": t.disabled })
         }, [
           he(L.$slots, "reference", {}, () => [
             Y[1] || (Y[1] = d("button", null, "Click me!", -1))
           ])
         ], 34)) : R("", !0),
-        (g(), K(Oe, { to: t.teleport }, [
+        (v(), K(Ve, { to: t.teleport }, [
           C(Re, { name: "fade" }, {
-            default: V(() => [
+            default: D(() => [
               ie(d("div", {
                 class: T(["vsTailwind vs-popover__content", t.placement]),
                 ref_key: "contentPop",
@@ -1258,7 +1302,7 @@ const Qe = /* @__PURE__ */ X(Or, [["render", Kr], ["__scopeId", "data-v-1e382a36
                   zIndex: 100001
                 })
               }, [
-                d("div", ao, [
+                d("div", no, [
                   he(L.$slots, "default", {}, () => [
                     Y[2] || (Y[2] = d("span", null, "Popover content", -1))
                   ])
@@ -1273,7 +1317,7 @@ const Qe = /* @__PURE__ */ X(Or, [["render", Kr], ["__scopeId", "data-v-1e382a36
       ])
     ], 512));
   }
-}), so = { class: "flex flex-col gap-[2px] p-[2px]" }, no = ["onClick"], io = {
+}), io = { class: "flex flex-col gap-[2px] p-[2px]" }, co = ["onClick"], uo = {
   __name: "vs-editor-table",
   props: { editor: Object },
   setup(t) {
@@ -1287,29 +1331,29 @@ const Qe = /* @__PURE__ */ X(Or, [["render", Kr], ["__scopeId", "data-v-1e382a36
       l.editor && (l.editor.chain().focus().deleteColumn().run(), a.value.togglePopover());
     }, i = () => {
       l.editor && (l.editor.chain().focus().deleteRow().run(), a.value.togglePopover());
-    }, y = () => {
+    }, b = () => {
       l.editor && (l.editor.chain().focus().deleteTable().run(), a.value.togglePopover());
-    }, p = () => {
+    }, u = () => {
       l.editor && (l.editor.chain().focus().mergeCells().run(), a.value.togglePopover());
     }, h = () => {
       l.editor && (l.editor.chain().focus().splitCell().run(), a.value.togglePopover());
-    }, b = P(() => [
+    }, g = P(() => [
       { text: e("form.richtext.createTable"), function: o },
       { text: e("form.richtext.addColumn"), function: n },
       { text: e("form.richtext.addRow"), function: c },
       { text: e("form.richtext.deleteColumn"), function: r },
       { text: e("form.richtext.deleteRow"), function: i },
-      { text: e("form.richtext.deleteTable"), function: y },
-      { text: e("form.richtext.mergeCells"), function: p },
+      { text: e("form.richtext.deleteTable"), function: b },
+      { text: e("form.richtext.mergeCells"), function: u },
       { text: e("form.richtext.splitCells"), function: h }
     ]);
-    return (S, j) => (g(), K(ce, {
+    return (S, j) => (v(), K(ce, {
       ref_key: "popover",
       ref: a,
       placement: "bottom",
       onIsvisible: j[0] || (j[0] = (H) => s.value = H)
     }, {
-      reference: V(() => [
+      reference: D(() => [
         d("button", {
           title: "Table",
           class: T(["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"]])
@@ -1317,19 +1361,19 @@ const Qe = /* @__PURE__ */ X(Or, [["render", Kr], ["__scopeId", "data-v-1e382a36
           C(k(At), { class: "h-4 w-4" })
         ], 2)
       ]),
-      default: V(() => [
-        d("div", so, [
-          (g(!0), w(re, null, le(b.value, (H, N) => (g(), w("button", {
-            key: N,
+      default: D(() => [
+        d("div", io, [
+          (v(!0), w(re, null, le(g.value, (H, z) => (v(), w("button", {
+            key: z,
             onClick: H?.function,
             class: "px-2 py-1 text-gray-500 text-start hover:text-gray-900 hover:bg-gray-100 rounded"
-          }, W(H.text), 9, no))), 128))
+          }, W(H.text), 9, co))), 128))
         ])
       ]),
       _: 1
     }, 512));
   }
-}, co = { class: "flex gap-[4px] p-1" }, uo = ["title", "onClick"], fo = {
+}, fo = { class: "flex gap-[4px] p-1" }, po = ["title", "onClick"], go = {
   __name: "vs-editor-align",
   props: { editor: Object },
   setup(t) {
@@ -1338,60 +1382,60 @@ const Qe = /* @__PURE__ */ X(Or, [["render", Kr], ["__scopeId", "data-v-1e382a36
       center: Tt,
       right: St,
       justify: Ft
-    }, s = $(!1), a = $("popover"), o = $("left"), n = P(() => e.editor ? e.editor.isActive("paragraph", { textAlign: "left" }) || e.editor.isActive("heading", { textAlign: "left" }) : !1), c = P(() => e.editor ? e.editor.isActive("paragraph", { textAlign: "right" }) || e.editor.isActive("heading", { textAlign: "right" }) : !1), r = P(() => e.editor ? e.editor.isActive("paragraph", { textAlign: "center" }) || e.editor.isActive("heading", { textAlign: "center" }) : !1), i = P(() => e.editor ? e.editor.isActive("paragraph", { textAlign: "justify" }) || e.editor.isActive("heading", { textAlign: "justify" }) : !1), y = P(() => n.value || c.value || r.value || i.value), p = () => {
+    }, s = $(!1), a = $("popover"), o = $("left"), n = P(() => e.editor ? e.editor.isActive("paragraph", { textAlign: "left" }) || e.editor.isActive("heading", { textAlign: "left" }) : !1), c = P(() => e.editor ? e.editor.isActive("paragraph", { textAlign: "right" }) || e.editor.isActive("heading", { textAlign: "right" }) : !1), r = P(() => e.editor ? e.editor.isActive("paragraph", { textAlign: "center" }) || e.editor.isActive("heading", { textAlign: "center" }) : !1), i = P(() => e.editor ? e.editor.isActive("paragraph", { textAlign: "justify" }) || e.editor.isActive("heading", { textAlign: "justify" }) : !1), b = P(() => n.value || c.value || r.value || i.value), u = () => {
       c.value ? o.value = "right" : r.value ? o.value = "center" : i.value ? o.value = "justify" : o.value = "left";
     };
     ue([n, c, r, i], () => {
-      p();
+      u();
     }, { immediate: !0 }), fe(() => {
-      e.editor && (e.editor.on("selectionUpdate", p), e.editor.on("update", p));
+      e.editor && (e.editor.on("selectionUpdate", u), e.editor.on("update", u));
     }), ke(() => {
-      e.editor && (e.editor.off("selectionUpdate", p), e.editor.off("update", p));
+      e.editor && (e.editor.off("selectionUpdate", u), e.editor.off("update", u));
     });
     const h = (S) => {
       e.editor && (e.editor.chain().focus().setTextAlign(S).run(), o.value = S);
-    }, b = $([
+    }, g = $([
       { id: "left", isActive: n },
       { id: "center", isActive: r },
       { id: "right", isActive: c },
       { id: "justify", isActive: i }
     ]);
-    return (S, j) => (g(), K(ce, {
+    return (S, j) => (v(), K(ce, {
       ref_key: "popover",
       ref: a,
       placement: "bottom",
       onIsvisible: j[0] || (j[0] = (H) => s.value = H)
     }, {
-      reference: V(() => [
+      reference: D(() => [
         d("button", {
           title: "Text Align",
-          class: T(["w-[30px] h-[30px] flex items-center justify-center text-gray-500 rounded-full hover:text-gray-900 hover:bg-gray-100", [y.value ? "bg-gray-100 text-gray-900" : "text-gray-500"]])
+          class: T(["w-[30px] h-[30px] flex items-center justify-center text-gray-500 rounded-full hover:text-gray-900 hover:bg-gray-100", [b.value ? "bg-gray-100 text-gray-900" : "text-gray-500"]])
         }, [
-          (g(), K(Fe(l[o.value]), {
+          (v(), K(Fe(l[o.value]), {
             height: "16",
             width: "16"
           }))
         ], 2)
       ]),
-      default: V(() => [
-        d("div", co, [
-          (g(!0), w(re, null, le(b.value, (H) => (g(), w("button", {
+      default: D(() => [
+        d("div", fo, [
+          (v(!0), w(re, null, le(g.value, (H) => (v(), w("button", {
             title: "Text align " + H?.id,
             class: T(["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": H?.isActive }]),
             key: H?.id,
-            onClick: (N) => h(H?.id)
+            onClick: (z) => h(H?.id)
           }, [
-            (g(), K(Fe(l[H?.id]), {
+            (v(), K(Fe(l[H?.id]), {
               height: "16",
               width: "16"
             }))
-          ], 10, uo))), 128))
+          ], 10, po))), 128))
         ])
       ]),
       _: 1
     }, 512));
   }
-}, po = { class: "flex flex-col gap-[2px] p-[2px]" }, go = ["onClick"], ho = {
+}, ho = { class: "flex flex-col gap-[2px] p-[2px]" }, vo = ["onClick"], mo = {
   __name: "vs-editor-type-tag",
   props: { editor: Object },
   setup(t) {
@@ -1407,13 +1451,13 @@ const Qe = /* @__PURE__ */ X(Or, [["render", Kr], ["__scopeId", "data-v-1e382a36
       { text: e("form.richtext.heading5"), id: 5, style: "font-[500] text-[16px]" },
       { text: e("form.richtext.heading6"), id: 6, style: "font-[400] text-[14px]" }
     ]);
-    return (r, i) => (g(), K(ce, {
+    return (r, i) => (v(), K(ce, {
       ref_key: "popover",
       ref: a,
       placement: "bottom",
-      onIsvisible: i[0] || (i[0] = (y) => s.value = y)
+      onIsvisible: i[0] || (i[0] = (b) => s.value = b)
     }, {
-      reference: V(() => [
+      reference: D(() => [
         d("button", {
           title: "Type Tag",
           class: T(["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"]])
@@ -1421,26 +1465,26 @@ const Qe = /* @__PURE__ */ X(Or, [["render", Kr], ["__scopeId", "data-v-1e382a36
           C(k(Bt), { class: "h-4 w-4" })
         ], 2)
       ]),
-      default: V(() => [
-        d("div", po, [
+      default: D(() => [
+        d("div", ho, [
           d("button", {
             onClick: o,
             class: T(["px-2 py-1 text-gray-500 text-start hover:text-gray-900 hover:bg-gray-100 rounded", [t.editor?.isActive("paragraph") ? "bg-gray-100" : ""]])
           }, W(k(e)("form.richtext.paragraph")), 3),
-          (g(!0), w(re, null, le(c.value, (y, p) => (g(), w("button", {
-            key: p,
-            onClick: (h) => n(y?.id),
+          (v(!0), w(re, null, le(c.value, (b, u) => (v(), w("button", {
+            key: u,
+            onClick: (h) => n(b?.id),
             class: T(["px-2 py-1 text-gray-500 text-start hover:text-gray-900 hover:bg-gray-100 rounded leading-[100%]", [
-              y?.style,
-              t.editor?.isActive("heading", { level: y?.id }) ? "bg-gray-100" : ""
+              b?.style,
+              t.editor?.isActive("heading", { level: b?.id }) ? "bg-gray-100" : ""
             ]])
-          }, W(k(e)(`form.richtext.heading${y?.id}`)), 11, go))), 128))
+          }, W(k(e)(`form.richtext.heading${b?.id}`)), 11, vo))), 128))
         ])
       ]),
       _: 1
     }, 512));
   }
-}, vo = {
+}, bo = {
   components: { VsText: Qe },
   inheritAttrs: !1,
   events: ["update:modelValue"],
@@ -1460,19 +1504,19 @@ const Qe = /* @__PURE__ */ X(Or, [["render", Kr], ["__scopeId", "data-v-1e382a36
       }
     }
   }
-}, mo = { class: "flex items-center w-full max-w-[182px]" }, bo = ["disabled"];
-function yo(t, e, l, s, a, o) {
+}, yo = { class: "flex items-center w-full max-w-[182px]" }, xo = ["disabled"];
+function wo(t, e, l, s, a, o) {
   const n = G("vs-text");
-  return g(), w("div", mo, [
+  return v(), w("div", yo, [
     ie(d("input", {
       "onUpdate:modelValue": e[0] || (e[0] = (c) => o.value = c),
       type: "color",
       class: T(["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", l.disabled ? "cursor-not-allowed" : "cursor-pointer"]),
       disabled: l.disabled
-    }, null, 10, bo), [
+    }, null, 10, xo), [
       [st, o.value]
     ]),
-    l.isTextInputShown ? (g(), K(n, {
+    l.isTextInputShown ? (v(), K(n, {
       key: 0,
       modelValue: o.value,
       "onUpdate:modelValue": e[1] || (e[1] = (c) => o.value = c),
@@ -1482,7 +1526,7 @@ function yo(t, e, l, s, a, o) {
     }, null, 8, ["modelValue", "disabled", "clearable"])) : R("", !0)
   ]);
 }
-const Ze = /* @__PURE__ */ X(vo, [["render", yo]]), xo = { class: "flex gap-[4px] mb-[8px]" }, wo = { class: "grid grid-rows-3 grid-cols-7" }, ko = { class: "w-full h-full rounded border border-gray-300 overflow-hidden" }, _o = ["onClick", "title"], $o = {
+const Ze = /* @__PURE__ */ X(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
@@ -1518,11 +1562,11 @@ const Ze = /* @__PURE__ */ X(vo, [["render", yo]]), xo = { class: "flex gap-[4px
       "#FFF0B3",
       "#FFBDAD",
       "#EAE6FF"
-    ]), r = (p) => {
-      e.editor && (e.editor.chain().focus().setColor(p).run(), s.value = p, l.value && l.value.togglePopover());
+    ]), r = (u) => {
+      e.editor && (e.editor.chain().focus().setColor(u).run(), s.value = u, l.value && l.value.togglePopover());
     }, i = () => {
       r(s.value);
-    }, y = (p) => ({
+    }, b = (u) => ({
       "#172B4D": "Default",
       "#0747A6": "Bright blue",
       "#008DA6": "Bright blue-green",
@@ -1544,13 +1588,13 @@ const Ze = /* @__PURE__ */ X(vo, [["render", yo]]), xo = { class: "flex gap-[4px
       "#FFF0B3": "Bright yellow",
       "#FFBDAD": "Bright red",
       "#EAE6FF": "Bright purple"
-    })[p] || p;
-    return (p, h) => (g(), K(ce, {
+    })[u] || u;
+    return (u, h) => (v(), K(ce, {
       ref_key: "popover",
       ref: l,
       placement: "bottom"
     }, {
-      reference: V(() => [
+      reference: D(() => [
         d("button", {
           title: "Text Color",
           class: T(["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 }])
@@ -1562,12 +1606,12 @@ const Ze = /* @__PURE__ */ X(vo, [["render", yo]]), xo = { class: "flex gap-[4px
           }, null, 4)
         ], 2)
       ]),
-      default: V(() => [
+      default: D(() => [
         d("div", null, [
-          d("div", xo, [
+          d("div", ko, [
             C(Ze, {
               modelValue: s.value,
-              "onUpdate:modelValue": h[0] || (h[0] = (b) => s.value = b)
+              "onUpdate:modelValue": h[0] || (h[0] = (g) => s.value = g)
             }, null, 8, ["modelValue"]),
             d("button", {
               onClick: i,
@@ -1576,23 +1620,23 @@ const Ze = /* @__PURE__ */ X(vo, [["render", yo]]), xo = { class: "flex gap-[4px
               C(k(ve), { class: "h-4 w-4 text-white" })
             ])
           ]),
-          d("div", wo, [
-            (g(!0), w(re, null, le(c.value, (b) => (g(), w("div", {
-              key: b,
+          d("div", _o, [
+            (v(!0), w(re, null, le(c.value, (g) => (v(), w("div", {
+              key: g,
               class: "h-8 w-8 p-0.5 rounded border border-transparent hover:border-gray-200 transition-transform cursor-pointer"
             }, [
-              d("div", ko, [
+              d("div", $o, [
                 d("button", {
                   class: "flex items-center justify-center w-full h-full",
-                  style: ae({ backgroundColor: b }),
-                  onClick: (S) => r(b),
-                  title: y(b)
+                  style: ae({ backgroundColor: g }),
+                  onClick: (S) => r(g),
+                  title: b(g)
                 }, [
-                  s.value === b ? (g(), K(k(ve), {
+                  s.value === g ? (v(), K(k(ve), {
                     key: 0,
                     class: "h-4 w-4 text-gray-500"
                   })) : R("", !0)
-                ], 12, _o)
+                ], 12, Co)
               ])
             ]))), 128))
           ])
@@ -1601,7 +1645,7 @@ const Ze = /* @__PURE__ */ X(vo, [["render", yo]]), xo = { class: "flex gap-[4px
       _: 1
     }, 512));
   }
-}, Co = { class: "flex gap-[4px] mb-[8px]" }, Ao = { class: "grid grid-rows-3 grid-cols-7" }, Fo = { class: "w-full h-full rounded border border-gray-300 overflow-hidden" }, So = ["onClick", "title"], To = ["onClick", "title"], Lo = {
+}, 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"], Io = {
   __name: "vs-editor-background-color",
   props: {
     editor: Object
@@ -1637,11 +1681,11 @@ const Ze = /* @__PURE__ */ X(vo, [["render", yo]]), xo = { class: "flex gap-[4px
       "#FFF0B3",
       "#FFBDAD",
       "#EAE6FF"
-    ]), r = (p) => {
-      e.editor && (e.editor.chain().focus().setBackgroundColor(p).run(), s.value = p, l.value && l.value.togglePopover());
+    ]), r = (u) => {
+      e.editor && (e.editor.chain().focus().setBackgroundColor(u).run(), s.value = u, l.value && l.value.togglePopover());
     }, i = () => {
       r(s.value);
-    }, y = (p) => ({
+    }, b = (u) => ({
       "#172B4D": "Default",
       "#0747A6": "Bright blue",
       "#008DA6": "Bright blue-green",
@@ -1663,13 +1707,13 @@ const Ze = /* @__PURE__ */ X(vo, [["render", yo]]), xo = { class: "flex gap-[4px
       "#FFF0B3": "Bright yellow",
       "#FFBDAD": "Bright red",
       "#EAE6FF": "Bright purple"
-    })[p] || p;
-    return (p, h) => (g(), K(ce, {
+    })[u] || u;
+    return (u, h) => (v(), K(ce, {
       ref_key: "popover",
       ref: l,
       placement: "bottom"
     }, {
-      reference: V(() => [
+      reference: D(() => [
         d("button", {
           title: "Background Color",
           class: T(["flex flex-col h-[30px] px-1 rounded-full hover:bg-gray-100 justify-center items-center relative flex", { "bg-gray-100": o.value }])
@@ -1681,12 +1725,12 @@ const Ze = /* @__PURE__ */ X(vo, [["render", yo]]), xo = { class: "flex gap-[4px
           }, null, 4)
         ], 2)
       ]),
-      default: V(() => [
+      default: D(() => [
         d("div", null, [
-          d("div", Co, [
+          d("div", Fo, [
             C(Ze, {
               modelValue: s.value,
-              "onUpdate:modelValue": h[0] || (h[0] = (b) => s.value = b)
+              "onUpdate:modelValue": h[0] || (h[0] = (g) => s.value = g)
             }, null, 8, ["modelValue"]),
             d("button", {
               onClick: i,
@@ -1695,42 +1739,42 @@ const Ze = /* @__PURE__ */ X(vo, [["render", yo]]), xo = { class: "flex gap-[4px
               C(k(ve), { class: "h-4 w-4 text-white" })
             ])
           ]),
-          d("div", Ao, [
+          d("div", So, [
             d("button", {
-              onClick: h[1] || (h[1] = (b) => r("transparent")),
+              onClick: h[1] || (h[1] = (g) => r("transparent")),
               class: "col-span-7 flex items-center justify-center gap-2 bg-gray-100 rounded-md py-1 mb-2 hover:bg-gray-200"
             }, [
               C(k(It), { class: "h-4 w-4" }),
               h[2] || (h[2] = d("p", null, "no color", -1))
             ]),
-            (g(!0), w(re, null, le(c.value, (b) => (g(), w("div", {
-              key: b,
+            (v(!0), w(re, null, le(c.value, (g) => (v(), w("div", {
+              key: g,
               class: "h-8 w-8 p-0.5 rounded border border-transparent hover:border-gray-200 transition-transform cursor-pointer"
             }, [
-              d("div", Fo, [
-                b !== "transparent" ? (g(), w("button", {
+              d("div", To, [
+                g !== "transparent" ? (v(), w("button", {
                   key: 0,
                   class: "flex items-center justify-center w-full h-full",
-                  style: ae({ backgroundColor: b }),
-                  onClick: (S) => r(b),
-                  title: y(b)
+                  style: ae({ backgroundColor: g }),
+                  onClick: (S) => r(g),
+                  title: b(g)
                 }, [
-                  s.value === b ? (g(), K(k(ve), {
+                  s.value === g ? (v(), K(k(ve), {
                     key: 0,
                     class: "h-4 w-4 text-gray-500"
                   })) : R("", !0)
-                ], 12, So)) : R("", !0),
-                b === "transparent" ? (g(), w("button", {
+                ], 12, Lo)) : R("", !0),
+                g === "transparent" ? (v(), w("button", {
                   key: 1,
                   class: "flex items-center justify-center w-full h-full",
-                  onClick: (S) => r(b),
-                  title: y(b)
+                  onClick: (S) => r(g),
+                  title: b(g)
                 }, [
-                  s.value === b ? (g(), K(k(ve), {
+                  s.value === g ? (v(), K(k(ve), {
                     key: 0,
                     class: "h-4 w-4 text-gray-500"
                   })) : R("", !0)
-                ], 8, To)) : R("", !0)
+                ], 8, Bo)) : R("", !0)
               ])
             ]))), 128))
           ])
@@ -1739,7 +1783,7 @@ const Ze = /* @__PURE__ */ X(vo, [["render", yo]]), xo = { class: "flex gap-[4px
       _: 1
     }, 512));
   }
-}, Bo = {
+}, Eo = {
   __name: "vs-editor-highlight",
   props: {
     editor: Object
@@ -1748,7 +1792,7 @@ const Ze = /* @__PURE__ */ X(vo, [["render", yo]]), xo = { class: "flex gap-[4px
     const e = t, l = P(() => e.editor?.isActive("highlight")), s = () => {
       e.editor && e.editor.chain().focus().toggleHighlight().run();
     };
-    return (a, o) => (g(), w("button", {
+    return (a, o) => (v(), w("button", {
       title: "Highlight",
       onClick: s,
       class: T(["flex flex-col h-[30px] px-1 rounded-full hover:bg-gray-100 justify-center items-center relative flex", { "bg-gray-200": l.value }])
@@ -1756,7 +1800,7 @@ const Ze = /* @__PURE__ */ X(vo, [["render", yo]]), xo = { class: "flex gap-[4px
       C(k(jt), { class: "h-4 w-4" })
     ], 2));
   }
-}, Io = { class: "truncate" }, Eo = { class: "w-[200px]" }, jo = { class: "max-h-[200px] overflow-y-auto" }, Po = ["onClick"], Mo = {
+}, jo = { class: "truncate" }, Po = { class: "w-[200px]" }, Mo = { class: "max-h-[200px] overflow-y-auto" }, Ho = ["onClick"], No = {
   __name: "vs-editor-font-family",
   props: {
     editor: Object
@@ -1779,41 +1823,41 @@ const Ze = /* @__PURE__ */ X(vo, [["render", yo]]), xo = { class: "flex gap-[4px
         if (e.editor.isActive("textStyle", { fontFamily: i.value }))
           return i.value;
       return "Arial, sans-serif";
-    }), n = P(() => a.value.find((y) => y.value === o.value)?.label || "Arial"), c = (i) => e.editor ? e.editor.isActive("textStyle", { fontFamily: i }) : !1, r = (i) => {
+    }), n = P(() => a.value.find((b) => b.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(), l.value && l.value.togglePopover());
     };
-    return (i, y) => (g(), K(ce, {
+    return (i, b) => (v(), K(ce, {
       ref_key: "popover",
       ref: l,
       placement: "bottom",
-      onIsvisible: y[0] || (y[0] = (p) => s.value = p)
+      onIsvisible: b[0] || (b[0] = (u) => s.value = u)
     }, {
-      reference: V(() => [
+      reference: D(() => [
         d("button", {
           title: "Font Family",
           class: T(["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: ae({ fontFamily: o.value })
         }, [
-          d("span", Io, W(n.value), 1),
+          d("span", jo, W(n.value), 1),
           C(k(Le), { class: "ml-1 h-3 w-3 text-gray-400" })
         ], 6)
       ]),
-      default: V(() => [
-        d("div", Eo, [
-          d("ul", jo, [
-            (g(!0), w(re, null, le(a.value, (p) => (g(), w("li", {
-              key: p.value,
-              class: T(["px-3 py-2 hover:bg-gray-100 cursor-pointer text-sm", { "bg-gray-100": c(p.value) }]),
-              style: ae({ fontFamily: p.value }),
-              onClick: (h) => r(p.value)
-            }, W(p.label), 15, Po))), 128))
+      default: D(() => [
+        d("div", Po, [
+          d("ul", Mo, [
+            (v(!0), w(re, null, le(a.value, (u) => (v(), w("li", {
+              key: u.value,
+              class: T(["px-3 py-2 hover:bg-gray-100 cursor-pointer text-sm", { "bg-gray-100": c(u.value) }]),
+              style: ae({ fontFamily: u.value }),
+              onClick: (h) => r(u.value)
+            }, W(u.label), 15, Ho))), 128))
           ])
         ])
       ]),
       _: 1
     }, 512));
   }
-}, Ho = { class: "w-[120px]" }, zo = { class: "max-h-[200px] overflow-y-auto" }, No = ["onClick"], Vo = {
+}, zo = { class: "w-[120px]" }, Do = { class: "max-h-[200px] overflow-y-auto" }, Oo = ["onClick"], Vo = {
   __name: "vs-editor-font-size",
   props: {
     editor: Object
@@ -1846,12 +1890,12 @@ const Ze = /* @__PURE__ */ X(vo, [["render", yo]]), xo = { class: "flex gap-[4px
     ]), r = (i) => {
       e.editor && (e.editor.chain().focus().setFontSize(i).run(), s.value = i, l.value && l.value.togglePopover());
     };
-    return (i, y) => (g(), K(ce, {
+    return (i, b) => (v(), K(ce, {
       ref_key: "popover",
       ref: l,
       placement: "bottom"
     }, {
-      reference: V(() => [
+      reference: D(() => [
         d("button", {
           title: "Font Size",
           class: T(["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 }])
@@ -1860,21 +1904,21 @@ const Ze = /* @__PURE__ */ X(vo, [["render", yo]]), xo = { class: "flex gap-[4px
           C(k(Le), { class: "h-3 w-3 text-gray-400" })
         ], 2)
       ]),
-      default: V(() => [
-        d("div", Ho, [
-          d("ul", zo, [
-            (g(!0), w(re, null, le(c.value, (p) => (g(), w("li", {
-              key: p.value,
+      default: D(() => [
+        d("div", zo, [
+          d("ul", Do, [
+            (v(!0), w(re, null, le(c.value, (u) => (v(), w("li", {
+              key: u.value,
               class: "px-3 py-2 hover:bg-gray-100 cursor-pointer",
-              onClick: (h) => r(p.value)
-            }, W(p.label), 9, No))), 128))
+              onClick: (h) => r(u.value)
+            }, W(u.label), 9, Oo))), 128))
           ])
         ])
       ]),
       _: 1
     }, 512));
   }
-}, Do = {
+}, Ro = {
   components: { Superscript: Mt },
   props: {
     editor: Object
@@ -1885,9 +1929,9 @@ const Ze = /* @__PURE__ */ X(vo, [["render", yo]]), xo = { class: "flex gap-[4px
     }
   }
 };
-function Oo(t, e, l, s, a, o) {
+function Uo(t, e, l, s, a, o) {
   const n = G("Superscript");
-  return g(), w("button", {
+  return v(), w("button", {
     title: "Superscript",
     onClick: e[0] || (e[0] = (...c) => o.toggleSuperscript && o.toggleSuperscript(...c)),
     class: T(["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": l.editor?.isActive("superscript") }])
@@ -1896,7 +1940,7 @@ function Oo(t, e, l, s, a, o) {
     e[1] || (e[1] = d("span", { class: "sr-only" }, "Superscript", -1))
   ], 2);
 }
-const Ro = /* @__PURE__ */ X(Do, [["render", Oo]]), Uo = {
+const qo = /* @__PURE__ */ X(Ro, [["render", Uo]]), Ko = {
   components: { Subscript: Ht },
   props: {
     editor: Object
@@ -1907,9 +1951,9 @@ const Ro = /* @__PURE__ */ X(Do, [["render", Oo]]), Uo = {
     }
   }
 };
-function qo(t, e, l, s, a, o) {
+function Wo(t, e, l, s, a, o) {
   const n = G("Subscript");
-  return g(), w("button", {
+  return v(), w("button", {
     title: "Subscript",
     onClick: e[0] || (e[0] = (...c) => o.toggleSubscript && o.toggleSubscript(...c)),
     class: T(["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": l.editor?.isActive("subscript") }])
@@ -1918,10 +1962,10 @@ function qo(t, e, l, s, a, o) {
     e[1] || (e[1] = d("span", { class: "sr-only" }, "Subscript", -1))
   ], 2);
 }
-const Ko = /* @__PURE__ */ X(Uo, [["render", qo]]), Wo = {
+const Xo = /* @__PURE__ */ X(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"
-}, Xo = { class: "truncate" }, Go = { class: "max-h-[200px] overflow-y-auto" }, Yo = ["onClick"], Qo = {
+}, Yo = { class: "truncate" }, Qo = { class: "max-h-[200px] overflow-y-auto" }, Zo = ["onClick"], Jo = {
   __name: "vs-editor-heading",
   props: {
     editor: Object
@@ -1952,26 +1996,26 @@ const Ko = /* @__PURE__ */ X(Uo, [["render", qo]]), Wo = {
     }, c = () => {
       e.editor && (e.editor.chain().focus().setParagraph().run(), l.value && l.value.togglePopover());
     };
-    return (r, i) => (g(), K(ce, {
+    return (r, i) => (v(), K(ce, {
       ref_key: "popover",
       ref: l,
       placement: "bottom"
     }, {
-      reference: V(() => [
-        d("button", Wo, [
-          d("span", Xo, W(a.value), 1),
+      reference: D(() => [
+        d("button", Go, [
+          d("span", Yo, W(a.value), 1),
           C(k(Le), { class: "ml-1 h-3 w-3 text-gray-400" })
         ])
       ]),
-      default: V(() => [
+      default: D(() => [
         d("div", null, [
-          d("ul", Go, [
-            (g(!0), w(re, null, le(s.value, (y) => (g(), w("li", {
-              key: y.value,
-              class: T(["px-3 py-2 hover:bg-gray-100 cursor-pointer text-sm", `heading-level-${y.value}`]),
-              style: ae(o(y.value)),
-              onClick: (p) => n(y.value)
-            }, W(y.label), 15, Yo))), 128)),
+          d("ul", Qo, [
+            (v(!0), w(re, null, le(s.value, (b) => (v(), w("li", {
+              key: b.value,
+              class: T(["px-3 py-2 hover:bg-gray-100 cursor-pointer text-sm", `heading-level-${b.value}`]),
+              style: ae(o(b.value)),
+              onClick: (u) => n(b.value)
+            }, W(b.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
@@ -1982,8 +2026,8 @@ const Ko = /* @__PURE__ */ X(Uo, [["render", qo]]), Wo = {
       _: 1
     }, 512));
   }
-}, Zo = /* @__PURE__ */ X(Qo, [["__scopeId", "data-v-46380488"]]), Jo = {
-  components: { RemoveFormatting: zt },
+}, el = /* @__PURE__ */ X(Jo, [["__scopeId", "data-v-46380488"]]), tl = {
+  components: { RemoveFormatting: Nt },
   props: {
     editor: Object
   },
@@ -1993,9 +2037,9 @@ const Ko = /* @__PURE__ */ X(Uo, [["render", qo]]), Wo = {
     }
   }
 };
-function el(t, e, l, s, a, o) {
+function rl(t, e, l, s, a, o) {
   const n = G("RemoveFormatting");
-  return g(), w("button", {
+  return v(), w("button", {
     title: "Clear Formatting",
     onClick: e[0] || (e[0] = (...c) => o.clearFormatting && o.clearFormatting(...c)),
     class: "h-[30px] w-[30px] flex items-center justify-center text-gray-500 rounded-full cursor-pointer hover:text-gray-900 hover:bg-gray-100"
@@ -2004,16 +2048,16 @@ function el(t, e, l, s, a, o) {
     e[1] || (e[1] = d("span", { class: "sr-only" }, "Clear Formatting", -1))
   ]);
 }
-const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" }, ol = {
+const ol = /* @__PURE__ */ X(tl, [["render", rl]]), ll = { class: "relative" }, al = {
   key: 0,
   class: "mt-4"
-}, ll = ["src", "alt", "title"], al = {
+}, sl = ["src", "alt", "title"], nl = {
   key: 0,
   class: "text-sm text-red-500"
-}, sl = {
+}, il = {
   key: 1,
   class: "mt-4"
-}, nl = { class: "text-sm text-gray-600 mb-2" }, il = { class: "flex flex-wrap gap-2" }, cl = ["src", "alt", "onError"], dl = ["onClick"], ul = { class: "flex justify-end gap-x-2 p-[20px]" }, fl = /* @__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",
@@ -2036,22 +2080,22 @@ const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" },
       openInNewTab: !1
     }), i = P(() => {
       if (Array.isArray(r.value.file)) {
-        const f = r.value.file.filter((_) => _ instanceof File), m = r.value.file.filter((_) => typeof _ == "string" && _.trim() !== "");
-        return f.length + m.length > 1;
+        const p = r.value.file.filter((_) => _ instanceof File), y = r.value.file.filter((_) => typeof _ == "string" && _.trim() !== "");
+        return p.length + y.length > 1;
       }
       return r.value.file instanceof FileList ? r.value.file.length > 1 : !1;
-    }), y = P(() => Array.isArray(r.value.file) ? r.value.file.filter((f) => f instanceof File).length === 1 : r.value.file instanceof FileList ? r.value.file.length === 1 : r.value.file instanceof File), p = P(() => {
+    }), b = P(() => Array.isArray(r.value.file) ? r.value.file.filter((p) => p instanceof File).length === 1 : r.value.file instanceof FileList ? r.value.file.length === 1 : r.value.file instanceof File), u = P(() => {
       if (i.value)
         return "";
       if (r.value.src)
         return r.value.src;
-      if (y.value) {
-        let f = null;
-        if (Array.isArray(r.value.file) || r.value.file instanceof FileList ? f = r.value.file[0] : r.value.file instanceof File && (f = r.value.file), f instanceof File) {
-          const m = n.value.find((u) => u.file === f);
-          return m ? m.preview : "";
-        } else if (typeof f == "string")
-          return f;
+      if (b.value) {
+        let p = null;
+        if (Array.isArray(r.value.file) || r.value.file instanceof FileList ? p = r.value.file[0] : r.value.file instanceof File && (p = r.value.file), p instanceof File) {
+          const y = n.value.find((f) => f.file === p);
+          return y ? y.preview : "";
+        } else if (typeof p == "string")
+          return p;
       }
       return "";
     }), h = P(() => [
@@ -2116,20 +2160,20 @@ const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" },
         type: "switcher",
         required: !1
       }
-    ]), b = () => {
+    ]), g = () => {
       if (!e.editor) return;
       if (e.editor.isActive("image")) {
-        const { state: m } = e.editor, { selection: u } = m, { $from: _ } = u;
+        const { state: y } = e.editor, { selection: f } = y, { $from: _ } = f;
         let x = null, B = null;
         if (_.parent.type.name === "image")
           x = _.before(_.depth), B = _.parent;
         else
           for (let M = _.depth; M > 0; M--) {
-            const Q = _.node(M), O = _.before(M);
+            const Q = _.node(M), V = _.before(M);
             Q.type.name === "paragraph" && Q.forEach((de, $e) => {
               if (de.type.name === "image") {
-                const je = O + $e + 1;
-                (x === null || Math.abs(je - u.$from.pos) < Math.abs(x - u.$from.pos)) && (x = je, B = de);
+                const je = V + $e + 1;
+                (x === null || Math.abs(je - f.$from.pos) < Math.abs(x - f.$from.pos)) && (x = je, B = de);
               }
             });
           }
@@ -2145,20 +2189,20 @@ const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" },
           const { state: M } = e.editor;
           c.value = M.selection.$from.pos;
         }
-        const v = B ? B.attrs : e.editor.getAttributes("image");
+        const m = B ? B.attrs : e.editor.getAttributes("image");
         o.value = !0;
         let A = "", I = !1;
-        const z = e.editor.getAttributes("link");
-        z && z.href && (A = z.href, I = z.target === "_blank");
-        const E = v.src || "", F = E ? [E] : [];
+        const N = e.editor.getAttributes("link");
+        N && N.href && (A = N.href, I = N.target === "_blank");
+        const E = m.src || "", F = E ? [E] : [];
         r.value = {
           src: E,
           file: F,
           // Масив з поточним зображенням
-          alt: v.alt || "",
-          title: v.title || "",
-          width: v.width || "",
-          height: v.height || "",
+          alt: m.alt || "",
+          title: m.title || "",
+          width: m.width || "",
+          height: m.height || "",
           link: A,
           openInNewTab: I
         };
@@ -2187,38 +2231,38 @@ const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" },
         link: "",
         openInNewTab: !1
       };
-    }, j = async (f) => {
-      if (!f || f.length === 0)
+    }, j = async (p) => {
+      if (!p || p.length === 0)
         return;
-      const m = [];
-      for (const u of f)
-        if (u && u.type && u.type.startsWith("image/") && !n.value.some((x) => x.file === u)) {
-          const x = new Promise((B, v) => {
+      const y = [];
+      for (const f of p)
+        if (f && f.type && f.type.startsWith("image/") && !n.value.some((x) => x.file === f)) {
+          const x = new Promise((B, m) => {
             const A = new FileReader();
             A.onload = (I) => {
               n.value.push({
-                file: u,
+                file: f,
                 preview: I.target.result,
                 error: !1
               }), B();
-            }, A.onerror = v, A.readAsDataURL(u);
+            }, A.onerror = m, A.readAsDataURL(f);
           });
-          m.push(x);
+          y.push(x);
         }
-      await Promise.all(m);
-    }, H = (f) => {
-      n.value.splice(f, 1), Array.isArray(r.value.file) && r.value.file.splice(f, 1);
-    }, N = () => {
-      const f = r.value.width !== null && r.value.width !== void 0 && r.value.width !== "" && String(r.value.width).trim() !== "" ? String(r.value.width).trim() : "", m = r.value.height !== null && r.value.height !== void 0 && r.value.height !== "" && String(r.value.height).trim() !== "" ? String(r.value.height).trim() : "", u = {};
-      return f && m ? (u.width = f, u.height = m, u.style = `width: ${f}px; height: ${m}px; object-fit: fill;`) : f ? (u.width = f, u.height = void 0) : m ? (u.height = m, u.width = void 0) : (u.width = void 0, u.height = void 0), u;
-    }, q = (f, m = null, u = 50) => {
+      await Promise.all(y);
+    }, H = (p) => {
+      n.value.splice(p, 1), Array.isArray(r.value.file) && r.value.file.splice(p, 1);
+    }, z = () => {
+      const p = r.value.width !== null && r.value.width !== void 0 && r.value.width !== "" && String(r.value.width).trim() !== "" ? String(r.value.width).trim() : "", y = r.value.height !== null && r.value.height !== void 0 && r.value.height !== "" && String(r.value.height).trim() !== "" ? String(r.value.height).trim() : "", f = {};
+      return p && y ? (f.width = p, f.height = y, f.style = `width: ${p}px; height: ${y}px; object-fit: fill;`) : p ? (f.width = p, f.height = void 0) : y ? (f.height = y, f.width = void 0) : (f.width = void 0, f.height = void 0), f;
+    }, q = (p, y = null, f = 50) => {
       const _ = () => {
-        const { view: v } = f;
-        if (!v || !v.dom) return;
-        v.dom.querySelectorAll("img.editor-image[width][height]").forEach((z) => {
-          if (z instanceof HTMLImageElement) {
-            const E = z.getAttribute("width"), F = z.getAttribute("height");
-            E && F && E !== "auto" && F !== "auto" && E !== "" && F !== "" && !isNaN(Number(E)) && !isNaN(Number(F)) && (z.style.cssText = `
+        const { view: m } = p;
+        if (!m || !m.dom) return;
+        m.dom.querySelectorAll("img.editor-image[width][height]").forEach((N) => {
+          if (N instanceof HTMLImageElement) {
+            const E = N.getAttribute("width"), F = N.getAttribute("height");
+            E && F && E !== "auto" && F !== "auto" && E !== "" && F !== "" && !isNaN(Number(E)) && !isNaN(Number(F)) && (N.style.cssText = `
             width: ${E}px !important;
             height: ${F}px !important;
             max-width: none !important;
@@ -2230,34 +2274,34 @@ const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" },
           }
         });
       }, x = r.value.width, B = r.value.height;
-      x && B && x !== "" && B !== "" ? [0, u, u * 2, u * 3, u * 4].forEach((A) => {
+      x && B && x !== "" && B !== "" ? [0, f, f * 2, f * 3, f * 4].forEach((A) => {
         setTimeout(_, A);
-      }) : (_(), setTimeout(_, u));
+      }) : (_(), setTimeout(_, f));
     }, L = async () => {
-      let f = [], m = [];
-      if (Array.isArray(r.value.file) ? (f = r.value.file.filter((v) => v instanceof File), m = r.value.file.filter((v) => typeof v == "string" && v.trim() !== "")) : r.value.file instanceof FileList ? f = Array.from(r.value.file) : r.value.file instanceof File ? f = [r.value.file] : typeof r.value.file == "string" && r.value.file.trim() !== "" && (m = [r.value.file]), f.length === 0 && m.length === 0 && a.value && a.value.file) {
-        const v = a.value.file;
-        Array.isArray(v) ? (f = v.filter((A) => A instanceof File), m = v.filter((A) => typeof A == "string" && A.trim() !== "")) : v instanceof FileList ? f = Array.from(v) : v instanceof File ? f = [v] : typeof v == "string" && v.trim() !== "" && (m = [v]);
+      let p = [], y = [];
+      if (Array.isArray(r.value.file) ? (p = r.value.file.filter((m) => m instanceof File), y = r.value.file.filter((m) => typeof m == "string" && m.trim() !== "")) : r.value.file instanceof FileList ? p = Array.from(r.value.file) : r.value.file instanceof File ? p = [r.value.file] : typeof r.value.file == "string" && r.value.file.trim() !== "" && (y = [r.value.file]), p.length === 0 && y.length === 0 && a.value && a.value.file) {
+        const m = a.value.file;
+        Array.isArray(m) ? (p = m.filter((A) => A instanceof File), y = m.filter((A) => typeof A == "string" && A.trim() !== "")) : m instanceof FileList ? p = Array.from(m) : m instanceof File ? p = [m] : typeof m == "string" && m.trim() !== "" && (y = [m]);
       }
-      if (m.length > 0 && !o.value) {
-        for (const v of m)
-          n.value.some((A) => A.url === v) || n.value.push({
-            url: v,
-            preview: v,
+      if (y.length > 0 && !o.value) {
+        for (const m of y)
+          n.value.some((A) => A.url === m) || n.value.push({
+            url: m,
+            preview: m,
             error: !1
           });
-        if (f.length === 0 && n.value.length > 0) {
+        if (p.length === 0 && n.value.length > 0) {
           await oe();
           return;
         }
       }
-      const u = f.length, _ = u + m.length;
-      if (!(o.value && u <= 1)) {
-        if (u > 0) {
-          const v = f.filter(
+      const f = p.length, _ = f + y.length;
+      if (!(o.value && f <= 1)) {
+        if (f > 0) {
+          const m = p.filter(
             (A) => !n.value.some((I) => I.file === A)
           );
-          v.length > 0 && await j(v);
+          m.length > 0 && await j(m);
         }
       }
       if (!o.value) {
@@ -2265,12 +2309,12 @@ const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" },
           if (n.value.length > 0) {
             await oe();
             return;
-          } else if (u > 0) {
-            if (await j(f), n.value.length > 0) {
+          } else if (f > 0) {
+            if (await j(p), n.value.length > 0) {
               await oe();
               return;
             }
-          } else if (m.length > 0) {
+          } else if (y.length > 0) {
             await oe();
             return;
           }
@@ -2280,12 +2324,12 @@ const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" },
         }
       }
       let x = r.value.src;
-      if (y.value) {
-        let v = null;
-        if (Array.isArray(r.value.file) || r.value.file instanceof FileList ? v = r.value.file[0] : (r.value.file instanceof File || typeof r.value.file == "string") && (v = r.value.file), v instanceof File)
+      if (b.value) {
+        let m = null;
+        if (Array.isArray(r.value.file) || r.value.file instanceof FileList ? m = r.value.file[0] : (r.value.file instanceof File || typeof r.value.file == "string") && (m = r.value.file), m instanceof File)
           try {
-            const A = new FileReader(), I = await new Promise((z, E) => {
-              A.onload = (F) => z(F.target.result), A.onerror = E, A.readAsDataURL(v);
+            const A = new FileReader(), I = await new Promise((N, E) => {
+              A.onload = (F) => N(F.target.result), A.onerror = E, A.readAsDataURL(m);
             });
             x = I, o.value && (r.value.src = I);
           } catch (A) {
@@ -2296,12 +2340,12 @@ const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" },
             });
             return;
           }
-        else typeof v == "string" && v.trim() !== "" && (x = v.trim(), o.value && v.trim() !== r.value.src && (r.value.src = v.trim(), x = v.trim()));
+        else typeof m == "string" && m.trim() !== "" && (x = m.trim(), o.value && m.trim() !== r.value.src && (r.value.src = m.trim(), x = m.trim()));
       } else if (Array.isArray(r.value.file) && r.value.file.length === 1) {
-        const v = r.value.file[0];
-        typeof v == "string" && v.trim() !== "" && (x = v.trim(), (!r.value.src || r.value.src !== v.trim()) && (r.value.src = v.trim()));
+        const m = r.value.file[0];
+        typeof m == "string" && m.trim() !== "" && (x = m.trim(), (!r.value.src || r.value.src !== m.trim()) && (r.value.src = m.trim()));
       } else typeof r.value.file == "string" && r.value.file.trim() !== "" && (x = r.value.file.trim(), (!r.value.src || r.value.src !== r.value.file.trim()) && (r.value.src = r.value.file.trim()));
-      const B = x || Array.isArray(r.value.file) && r.value.file.length > 0 && (r.value.file.some((v) => v instanceof File) || r.value.file.some((v) => typeof v == "string" && v.trim() !== "")) || r.value.file instanceof FileList && r.value.file.length > 0 || typeof r.value.file == "string" && r.value.file.trim() !== "";
+      const B = x || Array.isArray(r.value.file) && r.value.file.length > 0 && (r.value.file.some((m) => m instanceof File) || r.value.file.some((m) => typeof m == "string" && m.trim() !== "")) || r.value.file instanceof FileList && r.value.file.length > 0 || typeof r.value.file == "string" && r.value.file.trim() !== "";
       if (!x && !B) {
         we({
           type: "warning",
@@ -2320,25 +2364,25 @@ const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" },
       }
       if (e.editor && x)
         if (o.value && c.value !== null) {
-          const { state: v } = e.editor;
+          const { state: m } = e.editor;
           try {
             e.editor.chain().focus().setNodeSelection(c.value).run();
           } catch {
             e.editor.chain().focus().setTextSelection(c.value).run();
           }
-          const A = e.editor.getAttributes("link"), I = A && A.href, z = N(), E = {
+          const A = e.editor.getAttributes("link"), I = A && A.href, N = z(), E = {
             src: x,
             alt: r.value.alt || "",
             title: r.value.title || "",
-            ...z
+            ...N
           };
           if ((!r.value.width || r.value.width === "") && (E.width = void 0), (!r.value.height || r.value.height === "") && (E.height = void 0), e.editor.chain().focus().updateAttributes("image", E).run(), setTimeout(() => {
             const { view: F } = e.editor;
             if (!F || !F.dom) return;
-            F.dom.querySelectorAll("img.editor-image").forEach((O) => {
-              if (O instanceof HTMLImageElement) {
-                const de = O.getAttribute("src") || O.src;
-                (de === x || de.includes(x.split("/").pop())) && (r.value.width && r.value.height ? (O.style.setProperty("width", `${r.value.width}px`, "important"), O.style.setProperty("height", `${r.value.height}px`, "important"), O.style.setProperty("object-fit", "fill", "important"), O.style.setProperty("max-width", "none", "important"), O.style.setProperty("max-height", "none", "important")) : (O.style.removeProperty("width"), O.style.removeProperty("height"), O.style.removeProperty("object-fit"), O.style.removeProperty("max-width"), O.style.removeProperty("max-height")));
+            F.dom.querySelectorAll("img.editor-image").forEach((V) => {
+              if (V instanceof HTMLImageElement) {
+                const de = V.getAttribute("src") || V.src;
+                (de === x || de.includes(x.split("/").pop())) && (r.value.width && r.value.height ? (V.style.setProperty("width", `${r.value.width}px`, "important"), V.style.setProperty("height", `${r.value.height}px`, "important"), V.style.setProperty("object-fit", "fill", "important"), V.style.setProperty("max-width", "none", "important"), V.style.setProperty("max-height", "none", "important")) : (V.style.removeProperty("width"), V.style.removeProperty("height"), V.style.removeProperty("object-fit"), V.style.removeProperty("max-width"), V.style.removeProperty("max-height")));
               }
             });
           }, 20), r.value.link && r.value.link.trim() !== "") {
@@ -2352,38 +2396,38 @@ const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" },
             }).run();
           } else I && e.editor.chain().focus().extendMarkRange("link").unsetLink().run();
         } else {
-          const { state: v } = e.editor, { selection: A } = v, { $anchor: I } = A;
-          let z = null;
+          const { state: m } = e.editor, { selection: A } = m, { $anchor: I } = A;
+          let N = null;
           for (let F = I.depth; F > 0; F--) {
             const M = I.node(F);
             if (M && M.type.name === "paragraph") {
-              z = M;
+              N = M;
               break;
             }
           }
-          if (z && z.content.content.some(
+          if (N && N.content.content.some(
             (F) => F.type.name === "image"
           )) {
-            const F = Y(z, I.before(I.depth));
+            const F = Y(N, I.before(I.depth));
             if (F !== null) {
-              const M = N(), Q = v.schema.nodes.image.create({
+              const M = z(), Q = m.schema.nodes.image.create({
                 src: x,
                 alt: r.value.alt || "",
                 title: r.value.title || "",
                 ...M
               });
               if (r.value.link && r.value.link.trim() !== "") {
-                let O = r.value.link.trim();
-                O.match(/^https?:\/\//i) || (O = "https://" + O);
-                const de = v.schema.marks.link.create({
-                  href: O,
+                let V = r.value.link.trim();
+                V.match(/^https?:\/\//i) || (V = "https://" + V);
+                const de = m.schema.marks.link.create({
+                  href: V,
                   target: r.value.openInNewTab ? "_blank" : null
                 }), $e = Q.type.create(Q.attrs, Q.content, [de]);
                 e.editor.chain().focus().insertContentAt(F + 1, $e).run(), q(e.editor, x);
               } else
                 e.editor.chain().focus().insertContentAt(F + 1, Q).run(), q(e.editor, x);
             } else if (r.value.link && r.value.link.trim() !== "") {
-              const M = N();
+              const M = z();
               e.editor.chain().focus().setImage({
                 src: x,
                 alt: r.value.alt || "",
@@ -2397,7 +2441,7 @@ const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" },
                 }).run(), q(e.editor, x, 20);
               }, 10);
             } else {
-              const M = N();
+              const M = z();
               e.editor.chain().focus().setImage({
                 src: x,
                 alt: r.value.alt || "",
@@ -2406,7 +2450,7 @@ const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" },
               }).run(), q(e.editor, x);
             }
           } else if (r.value.link && r.value.link.trim() !== "") {
-            const F = N();
+            const F = z();
             e.editor.chain().focus().setImage({
               src: x,
               alt: r.value.alt || "",
@@ -2420,7 +2464,7 @@ const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" },
               }).run(), q(e.editor, x, 20);
             }, 10);
           } else {
-            const F = N();
+            const F = z();
             e.editor.chain().focus().setImage({
               src: x,
               alt: r.value.alt || "",
@@ -2430,42 +2474,42 @@ const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" },
           }
         }
       S();
-    }, Y = (f, m) => {
-      let u = null;
-      return f.forEach((_, x) => {
-        _.type.name === "image" && (u = m + x + 1);
-      }), u;
+    }, Y = (p, y) => {
+      let f = null;
+      return p.forEach((_, x) => {
+        _.type.name === "image" && (f = y + x + 1);
+      }), f;
     }, oe = async () => {
       if (e.editor) {
         if (n.value.length === 0)
           if (Array.isArray(r.value.file) && r.value.file.length > 0) {
-            const f = r.value.file.filter((u) => typeof u == "string" && u.trim() !== ""), m = r.value.file.filter((u) => u instanceof File);
-            for (const u of f)
-              n.value.some((_) => _.url === u || _.preview === u) || n.value.push({
-                url: u,
-                preview: u,
+            const p = r.value.file.filter((f) => typeof f == "string" && f.trim() !== ""), y = r.value.file.filter((f) => f instanceof File);
+            for (const f of p)
+              n.value.some((_) => _.url === f || _.preview === f) || n.value.push({
+                url: f,
+                preview: f,
                 error: !1
               });
-            m.length > 0 && await j(m);
+            y.length > 0 && await j(y);
           } else i.value && await j(r.value.file);
         if (n.value.length !== 0)
           try {
-            const f = [], m = N();
-            for (const u of n.value) {
-              const _ = u.url || u.preview || "";
+            const p = [], y = z();
+            for (const f of n.value) {
+              const _ = f.url || f.preview || "";
               if (!_) continue;
               const x = e.editor.schema.nodes.image.create({
                 src: _,
                 alt: r.value.alt || "",
                 title: r.value.title || "",
-                ...m
+                ...y
               });
-              f.push(x);
+              p.push(x);
             }
-            f.length > 0 && (e.editor.chain().focus().command(({ tr: u, dispatch: _ }) => {
+            p.length > 0 && (e.editor.chain().focus().command(({ tr: f, dispatch: _ }) => {
               if (_) {
-                const { selection: x } = u, { $anchor: B } = x;
-                let v = x.$anchor.pos, A = null, I = null;
+                const { selection: x } = f, { $anchor: B } = x;
+                let m = x.$anchor.pos, A = null, I = null;
                 for (let E = B.depth; E > 0; E--) {
                   const F = B.node(E);
                   if (F && F.type.name === "paragraph") {
@@ -2477,25 +2521,25 @@ const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" },
                   let E = null;
                   A.forEach((F, M) => {
                     F.type.name === "image" && (E = I + M + 1);
-                  }), E !== null ? v = E + 1 : v = I + A.content.size;
+                  }), E !== null ? m = E + 1 : m = I + A.content.size;
                 }
-                let z = v;
-                return f.forEach((E) => {
-                  u.insert(z, E), z += E.nodeSize;
+                let N = m;
+                return p.forEach((E) => {
+                  f.insert(N, E), N += E.nodeSize;
                 }), !0;
               }
               return !1;
             }).run(), r.value.width && r.value.height && setTimeout(() => {
-              const { view: u } = e.editor;
-              u && u.dom && u.dom.querySelectorAll("img.editor-image").forEach((B) => {
+              const { view: f } = e.editor;
+              f && f.dom && f.dom.querySelectorAll("img.editor-image").forEach((B) => {
                 B instanceof HTMLImageElement && Array.from(n.value).some((A) => {
-                  const I = A.url || A.preview || "", z = B.src || B.getAttribute("src") || "";
-                  return z === I || z.includes(I.split("/").pop());
+                  const I = A.url || A.preview || "", N = B.src || B.getAttribute("src") || "";
+                  return N === I || N.includes(I.split("/").pop());
                 }) && (B.style.setProperty("width", `${r.value.width}px`, "important"), B.style.setProperty("height", `${r.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"));
               });
             }, 50)), S();
-          } catch (f) {
-            console.error("Помилка при додаванні зображень:", f), we({
+          } catch (p) {
+            console.error("Помилка при додаванні зображень:", p), we({
               type: "error",
               title: "Помилка",
               message: "Не вдалося додати зображення"
@@ -2504,24 +2548,24 @@ const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" },
       }
     }, se = async () => {
       await L();
-    }, D = () => {
+    }, O = () => {
       S();
     };
-    return ue(() => r.value.file, async (f, m) => {
-      if (s.value = !1, !(o.value && Array.isArray(f) && f.length === 1 && typeof f[0] == "string" && !f.some((_) => _ instanceof File)))
-        if (Array.isArray(f) && f.length > 0) {
-          const u = f.filter((x) => x instanceof File), _ = f.filter((x) => typeof x == "string" && x.trim() !== "");
-          if (u.length > 0 && (o.value ? o.value && u.length === 1 && _.length === 0 && (n.value = []) : n.value = [], (!o.value || u.length > 1 || _.length > 0) && await j(u), o.value && u.length === 1 && _.length === 0)) {
+    return ue(() => r.value.file, async (p, y) => {
+      if (s.value = !1, !(o.value && Array.isArray(p) && p.length === 1 && typeof p[0] == "string" && !p.some((_) => _ instanceof File)))
+        if (Array.isArray(p) && p.length > 0) {
+          const f = p.filter((x) => x instanceof File), _ = p.filter((x) => typeof x == "string" && x.trim() !== "");
+          if (f.length > 0 && (o.value ? o.value && f.length === 1 && _.length === 0 && (n.value = []) : n.value = [], (!o.value || f.length > 1 || _.length > 0) && await j(f), o.value && f.length === 1 && _.length === 0)) {
             const x = new FileReader();
             x.onload = (B) => {
               r.value.src = B.target.result;
-            }, x.readAsDataURL(u[0]);
+            }, x.readAsDataURL(f[0]);
           }
           if (_.length > 0)
             if (o.value)
-              o.value && _.length === 1 && u.length === 0 && (r.value.src = _[0]);
+              o.value && _.length === 1 && f.length === 0 && (r.value.src = _[0]);
             else {
-              u.length === 0 && (n.value = []);
+              f.length === 0 && (n.value = []);
               for (const x of _)
                 n.value.some((B) => B.url === x || B.preview === x) || n.value.push({
                   url: x,
@@ -2529,30 +2573,30 @@ const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" },
                   error: !1
                 });
             }
-        } else f && typeof f == "object" && f instanceof FileList ? (o.value || (n.value = []), await j(Array.from(f))) : f && typeof f == "object" && !Array.isArray(f) && f instanceof File ? (o.value || (n.value = []), await j([f])) : o.value || (n.value = []);
+        } else p && typeof p == "object" && p instanceof FileList ? (o.value || (n.value = []), await j(Array.from(p))) : p && typeof p == "object" && !Array.isArray(p) && p instanceof File ? (o.value || (n.value = []), await j([p])) : o.value || (n.value = []);
     }, { immediate: !1 }), ue(() => r.value.src, () => {
       s.value = !1;
-    }), (f, m) => (g(), w("div", rl, [
+    }), (p, y) => (v(), w("div", ll, [
       d("button", {
-        onClick: b,
+        onClick: g,
         class: T([
           "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: "Додати зображення"
       }, [
-        C(k(Nt), { class: "h-4 w-4" }),
-        m[4] || (m[4] = d("span", { class: "sr-only" }, "Додати зображення", -1))
+        C(k(zt), { class: "h-4 w-4" }),
+        y[4] || (y[4] = d("span", { class: "sr-only" }, "Додати зображення", -1))
       ], 2),
       C(Ye, {
         modelValue: l.value,
-        "onUpdate:modelValue": m[3] || (m[3] = (u) => l.value = u),
+        "onUpdate:modelValue": y[3] || (y[3] = (f) => l.value = f),
         title: o.value ? "Редагувати зображення" : "Додати зображення"
       }, {
-        footer: V(() => [
-          d("div", ul, [
+        footer: D(() => [
+          d("div", pl, [
             d("button", {
-              onClick: D,
+              onClick: O,
               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"
             }, " Скасувати "),
@@ -2563,48 +2607,48 @@ const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" },
             }, W(o.value ? "Оновити зображення" : "Додати зображення"), 1)
           ])
         ]),
-        default: V(() => [
+        default: D(() => [
           C(ut, {
             modelValue: r.value,
-            "onUpdate:modelValue": m[0] || (m[0] = (u) => r.value = u),
+            "onUpdate:modelValue": y[0] || (y[0] = (f) => r.value = f),
             schema: h.value,
             form: a.value,
-            "onUpdate:form": m[1] || (m[1] = (u) => a.value = u)
+            "onUpdate:form": y[1] || (y[1] = (f) => a.value = f)
           }, null, 8, ["modelValue", "schema", "form"]),
-          p.value && !i.value ? (g(), w("div", ol, [
-            m[5] || (m[5] = d("p", { class: "text-sm text-gray-600 mb-2" }, "Попередній перегляд:", -1)),
+          u.value && !i.value ? (v(), w("div", al, [
+            y[5] || (y[5] = d("p", { class: "text-sm text-gray-600 mb-2" }, "Попередній перегляд:", -1)),
             ie(d("img", {
-              src: p.value,
+              src: u.value,
               alt: r.value.alt || "Попередній перегляд зображення",
               title: r.value.title,
               class: "max-w-full h-auto max-h-32 rounded border",
-              onError: m[2] || (m[2] = (u) => s.value = !0)
-            }, null, 40, ll), [
+              onError: y[2] || (y[2] = (f) => s.value = !0)
+            }, null, 40, sl), [
               [ye, !s.value]
             ]),
-            s.value ? (g(), w("p", al, " Не вдалося завантажити попередній перегляд зображення ")) : R("", !0)
+            s.value ? (v(), w("p", nl, " Не вдалося завантажити попередній перегляд зображення ")) : R("", !0)
           ])) : R("", !0),
-          n.value.length > 0 ? (g(), w("div", sl, [
-            d("p", nl, "Попередній перегляд (" + W(n.value.length) + " зображень):", 1),
-            m[6] || (m[6] = d("p", { class: "text-xs text-gray-500 mb-2" }, " Зображення будуть розміщені в ряд, якщо вони помістяться по ширині ", -1)),
-            d("div", il, [
-              (g(!0), w(re, null, le(n.value, (u, _) => (g(), w("div", {
+          n.value.length > 0 ? (v(), w("div", il, [
+            d("p", cl, "Попередній перегляд (" + W(n.value.length) + " зображень):", 1),
+            y[6] || (y[6] = d("p", { class: "text-xs text-gray-500 mb-2" }, " Зображення будуть розміщені в ряд, якщо вони помістяться по ширині ", -1)),
+            d("div", dl, [
+              (v(!0), w(re, null, le(n.value, (f, _) => (v(), w("div", {
                 key: _,
                 class: "relative"
               }, [
                 ie(d("img", {
-                  src: u.preview,
+                  src: f.preview,
                   alt: `Попередній перегляд ${_ + 1}`,
                   class: "max-w-[100px] max-h-[100px] rounded border object-contain",
-                  onError: (x) => u.error = !0
-                }, null, 40, cl), [
-                  [ye, !u.error]
+                  onError: (x) => f.error = !0
+                }, null, 40, ul), [
+                  [ye, !f.error]
                 ]),
                 d("button", {
                   onClick: (x) => H(_),
                   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, dl)
+                }, " × ", 8, fl)
               ]))), 128))
             ])
           ])) : R("", !0)
@@ -2613,7 +2657,7 @@ const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" },
       }, 8, ["modelValue", "title"])
     ]));
   }
-}), pl = { class: "flex items-center" }, gl = ["disabled"], hl = ["disabled"], vl = /* @__PURE__ */ Object.assign({
+}), hl = { class: "flex items-center" }, vl = ["disabled"], ml = ["disabled"], bl = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "vs-editor-history",
@@ -2624,7 +2668,7 @@ const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" },
     }, s = () => {
       e.editor?.can().redo() && e.editor.chain().focus().redo().run();
     };
-    return (a, o) => (g(), w("div", pl, [
+    return (a, o) => (v(), w("div", hl, [
       d("button", {
         onClick: l,
         class: T(["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", [
@@ -2633,8 +2677,8 @@ const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" },
         disabled: !t.editor?.can().undo(),
         title: "Undo (Ctrl+Z)"
       }, [
-        C(k(Vt), { class: "h-4 w-4" })
-      ], 10, gl),
+        C(k(Dt), { class: "h-4 w-4" })
+      ], 10, vl),
       d("button", {
         onClick: s,
         class: T(["w-[30px] h-[30px] flex items-center justify-center rounded-r-full hover:text-gray-900 hover:bg-gray-100", [
@@ -2643,11 +2687,11 @@ const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" },
         disabled: !t.editor?.can().redo(),
         title: "Redo (Ctrl+Y)"
       }, [
-        C(k(Dt), { class: "h-4 w-4" })
-      ], 10, hl)
+        C(k(Ot), { class: "h-4 w-4" })
+      ], 10, ml)
     ]));
   }
-}), ml = /* @__PURE__ */ X(vl, [["__scopeId", "data-v-2cd0a908"]]), bl = { class: "relative" }, yl = { class: "p-6" }, xl = { class: "flex justify-between items-center mb-4" }, wl = /* @__PURE__ */ Object.assign({
+}), yl = /* @__PURE__ */ X(bl, [["__scopeId", "data-v-2cd0a908"]]), 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",
@@ -2658,7 +2702,7 @@ const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" },
     }, a = () => {
       e.value = !1;
     };
-    return (o, n) => (g(), w("div", bl, [
+    return (o, n) => (v(), w("div", xl, [
       d("button", {
         ref_key: "helpButton",
         ref: l,
@@ -2666,9 +2710,9 @@ const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" },
         class: T(["w-[30px] h-[30px] flex items-center justify-center rounded-full hover:text-gray-900 hover:bg-gray-100 text-gray-500", [e.value ? "bg-gray-100 text-gray-900" : "text-gray-500"]]),
         title: "Markdown Shortcuts Help"
       }, [
-        C(k(Ot), { class: "h-4 w-4" })
+        C(k(Vt), { class: "h-4 w-4" })
       ], 2),
-      e.value ? (g(), w("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: a
@@ -2678,8 +2722,8 @@ const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" },
           onClick: n[0] || (n[0] = nt(() => {
           }, ["stop"]))
         }, [
-          d("div", yl, [
-            d("div", xl, [
+          d("div", wl, [
+            d("div", kl, [
               n[1] || (n[1] = d("h2", { class: "text-xl font-semibold text-gray-900" }, "Common Markdown Syntax & Shortcuts", -1)),
               d("button", {
                 onClick: a,
@@ -2694,7 +2738,7 @@ const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" },
       ])) : R("", !0)
     ]));
   }
-}), kl = /* @__PURE__ */ X(wl, [["__scopeId", "data-v-38077376"]]), _l = {
+}), $l = /* @__PURE__ */ X(_l, [["__scopeId", "data-v-38077376"]]), Cl = {
   __name: "vs-editor-horizontal-rule",
   props: {
     editor: Object
@@ -2703,7 +2747,7 @@ const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" },
     const e = t, l = () => {
       e.editor && e.editor.chain().focus().setHorizontalRule().run();
     };
-    return (s, a) => (g(), w("button", {
+    return (s, a) => (v(), w("button", {
       title: "Horizontal Rule",
       onClick: l,
       class: "flex flex-col h-[30px] px-1 rounded-full hover:bg-gray-100 justify-center items-center relative flex"
@@ -2711,7 +2755,7 @@ const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" },
       C(k(Rt), { class: "h-4 w-4" })
     ]));
   }
-}, $l = {
+}, Al = {
   __name: "vs-editor-fullscreen",
   props: {
     editor: Object
@@ -2721,7 +2765,7 @@ const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" },
     const l = e, s = () => {
       l("toggle-fullscreen");
     };
-    return (a, o) => (g(), w("button", {
+    return (a, 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"
@@ -2729,7 +2773,7 @@ const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" },
       C(k(Ut), { class: "h-4 w-4" })
     ]));
   }
-}, Cl = /* @__PURE__ */ Object.assign({
+}, Fl = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "vs-editor-tab",
@@ -2743,7 +2787,7 @@ const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" },
     const e = t, l = () => {
       e.editor && (e.editor.isActive("bulletList") || e.editor.isActive("orderedList")) && e.editor.chain().focus().sinkListItem("listItem").run();
     };
-    return (s, a) => (g(), w("button", {
+    return (s, a) => (v(), w("button", {
       title: "Tab (Increase List Indent)",
       onClick: l,
       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"
@@ -2751,35 +2795,35 @@ const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" },
       C(k(qt), { class: "h-4 w-4" })
     ]));
   }
-}), Al = {
-  bold: Tr,
-  italic: Ir,
-  color: $o,
-  background_color: Lo,
-  highlight: Bo,
-  bullet_list: xr,
-  ordered_list: _r,
-  blockquote: mr,
-  codeblock: Ar,
-  underline: Er,
-  strike: jr,
-  link: oo,
-  table: io,
-  text_align: fo,
-  type_tag: ho,
-  font_family: Mo,
+}), Sl = {
+  bold: Br,
+  italic: jr,
+  color: Ao,
+  background_color: Io,
+  highlight: Eo,
+  bullet_list: kr,
+  ordered_list: Cr,
+  blockquote: yr,
+  codeblock: Sr,
+  underline: Pr,
+  strike: Mr,
+  link: ao,
+  table: uo,
+  text_align: go,
+  type_tag: mo,
+  font_family: No,
   font_size: Vo,
-  superscript: Ro,
-  subscript: Ko,
-  heading: Zo,
-  clear_formatting: tl,
-  image: fl,
-  history: ml,
-  help: kl,
-  horizontal_rule: _l,
-  fullscreen: $l,
-  tab: Cl
-}, De = {
+  superscript: qo,
+  subscript: Xo,
+  heading: el,
+  clear_formatting: ol,
+  image: gl,
+  history: yl,
+  help: $l,
+  horizontal_rule: Cl,
+  fullscreen: Al,
+  tab: Fl
+}, Oe = {
   // Базовий набір - мінімальний функціонал
   basic: [
     "history",
@@ -2853,13 +2897,13 @@ const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" },
     "fullscreen",
     "help"
   ]
-}, Fl = { class: "flex align-middle gap-x-0.5 border-b flex-wrap border-b-gray-200 px-[10px] py-[6px] border-solid border-transparent" }, Sl = { class: "rich-text-scroll-wrapper" }, Tl = {
+}, Tl = { class: "flex align-middle gap-x-0.5 border-b flex-wrap border-b-gray-200 px-[10px] py-[6px] border-solid border-transparent" }, Ll = { class: "rich-text-scroll-wrapper" }, Bl = {
   key: 0,
   class: "richtext-loading text-sm text-gray-500"
-}, Ll = {
+}, Il = {
   key: 1,
   class: "richtext-error text-sm text-red-600"
-}, Bl = { class: "html-source-editor" }, Il = { class: "flex justify-end border-t border-[#e5e7eb] bg-[#f8fafc] px-4 min-h-[38px] items-start overflow-visible" }, El = { class: "inline-flex items-stretch -mt-px" }, zl = /* @__PURE__ */ Object.assign({
+}, El = { class: "html-source-editor" }, jl = { 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" }, Dl = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "vs-richtext",
@@ -2879,34 +2923,34 @@ const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" },
   setup(t) {
     const e = t, l = ct(t, "modelValue"), s = $(null), { t: a } = _e(), o = P(() => e.format === "md" ? "markdown" : "html"), n = P(
       () => e.format === "md" ? a("form.richtext.markdown") : a("form.richtext.html")
-    ), { editor: c, editorInstance: r, focusEditor: i, createEditor: y, destroyEditor: p, isLoading: h, loadError: b } = rr(e), { isHtmlMode: S, htmlContent: j, htmlTextarea: H, toggleHtmlMode: N } = or(
+    ), { editor: c, editorInstance: r, focusEditor: i, createEditor: b, destroyEditor: u, isLoading: h, loadError: g } = rr(e), { isHtmlMode: S, htmlContent: j, htmlTextarea: H, toggleHtmlMode: z } = or(
       c,
       e.format,
-      (D, f) => {
-        D === "update:modelValue" && (l.value = f);
+      (O, p) => {
+        O === "update:modelValue" && (l.value = p);
       },
       {
         toEditorContent: Ae,
-        toSourceContent: dr
+        toSourceContent: fr
       }
-    ), { isFullscreen: q, toggleFullscreen: L } = lr(), Y = P(() => typeof e.toolbar == "string" ? De[e.toolbar] || De.default : e.toolbar), oe = P(() => Y.value.map((D) => Al[D]).filter(Boolean));
+    ), { isFullscreen: q, toggleFullscreen: L } = lr(), Y = P(() => typeof e.toolbar == "string" ? Oe[e.toolbar] || Oe.default : e.toolbar), oe = P(() => Y.value.map((O) => Sl[O]).filter(Boolean));
     ue(
       () => e.modelValue,
-      async (D) => {
+      async (O) => {
         if (c.value) {
-          const f = await Ae(D || "", e.format), m = c.value.getHTML();
-          f !== m && f !== "<p></p>" && c.value.commands.setContent(f, !1);
+          const p = await Ae(O || "", e.format), y = c.value.getHTML();
+          p !== y && p !== "<p></p>" && c.value.commands.setContent(p, !1);
         }
       },
       { immediate: !0 }
     );
-    const se = (D) => {
-      if (!D || !D.view || !D.view.dom) return;
-      D.view.dom.querySelectorAll("img.editor-image[width][height]").forEach((m) => {
-        if (m instanceof HTMLImageElement) {
-          const u = m.getAttribute("width"), _ = m.getAttribute("height");
-          u && _ && u !== "auto" && _ !== "auto" && u !== "" && _ !== "" && !isNaN(Number(u)) && !isNaN(Number(_)) && (m.style.cssText = `
-          width: ${u}px !important;
+    const se = (O) => {
+      if (!O || !O.view || !O.view.dom) return;
+      O.view.dom.querySelectorAll("img.editor-image[width][height]").forEach((y) => {
+        if (y instanceof HTMLImageElement) {
+          const f = y.getAttribute("width"), _ = y.getAttribute("height");
+          f && _ && f !== "auto" && _ !== "auto" && f !== "" && _ !== "" && !isNaN(Number(f)) && !isNaN(Number(_)) && (y.style.cssText = `
+          width: ${f}px !important;
           height: ${_}px !important;
           max-width: none !important;
           max-height: none !important;
@@ -2917,30 +2961,30 @@ const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" },
         }
       });
     };
-    return ue(c, (D) => {
-      D && (be(() => {
+    return ue(c, (O) => {
+      O && (be(() => {
         se(c.value);
-      }), c.value.on("update", async (f) => {
-        const m = f.editor.getHTML(), u = await ur(m, e.format);
-        u !== e.modelValue && m !== "<p></p>" && (l.value = u), setTimeout(() => {
-          se(f.editor);
+      }), c.value.on("update", async (p) => {
+        const y = p.editor.getHTML(), f = await pr(y, e.format);
+        f !== e.modelValue && y !== "<p></p>" && (l.value = f), setTimeout(() => {
+          se(p.editor);
         }, 10);
       }));
     }), fe(async () => {
-      const D = await Ae(e.modelValue || "", e.format);
-      await y(s.value, D), be(() => {
+      const O = await Ae(e.modelValue || "", e.format);
+      await b(s.value, O), be(() => {
         c.value && setTimeout(() => {
           se(c.value);
         }, 100);
       });
     }), Ue(() => {
-      p();
-    }), (D, f) => (g(), w("div", {
+      u();
+    }), (O, p) => (v(), w("div", {
       class: T(["bg-white rounded-md w-full", { "fixed left-0 right-0 top-0 bottom-0 z-[100000]": k(q) }])
     }, [
-      d("div", Fl, [
-        (g(!0), w(re, null, le(oe.value, (m) => (g(), w(re, { key: m }, [
-          k(c) ? (g(), K(Fe(m), {
+      d("div", Tl, [
+        (v(!0), w(re, null, le(oe.value, (y) => (v(), w(re, { key: y }, [
+          k(c) ? (v(), K(Fe(y), {
             key: 0,
             editor: k(r),
             onToggleFullscreen: k(L)
@@ -2948,27 +2992,27 @@ const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" },
         ], 64))), 128))
       ]),
       d("div", {
-        onClick: f[1] || (f[1] = (...m) => k(i) && k(i)(...m)),
+        onClick: p[1] || (p[1] = (...y) => k(i) && k(i)(...y)),
         class: "relative w-full px-4 py-2 bg-white rounded-b-lg editor-content",
         style: ae({ height: k(q) ? "calc(95vh - 44px)" : t.height })
       }, [
-        ie(d("div", Sl, [
+        ie(d("div", Ll, [
           d("div", {
             ref_key: "editorElement",
             ref: s,
             class: "relative w-full"
           }, null, 512),
-          k(h) ? (g(), w("div", Tl, "Loading editor...")) : R("", !0),
-          k(b) ? (g(), w("div", Ll, W(k(b)), 1)) : R("", !0)
+          k(h) ? (v(), w("div", Bl, "Loading editor...")) : R("", !0),
+          k(g) ? (v(), w("div", Il, W(k(g)), 1)) : R("", !0)
         ], 512), [
           [ye, !k(S)]
         ]),
-        ie(d("div", Bl, [
+        ie(d("div", El, [
           C(ft, {
             ref_key: "htmlTextarea",
             ref: H,
             modelValue: k(j),
-            "onUpdate:modelValue": f[0] || (f[0] = (m) => dt(j) ? j.value = m : null),
+            "onUpdate:modelValue": p[0] || (p[0] = (y) => dt(j) ? j.value = y : null),
             height: "100%",
             syntax: o.value,
             theme: "vs-light"
@@ -2977,15 +3021,15 @@ const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" },
           [ye, k(S)]
         ])
       ], 4),
-      d("div", Il, [
-        d("div", El, [
+      d("div", jl, [
+        d("div", Pl, [
           d("button", {
             type: "button",
             class: T([
               "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]",
               k(S) ? "text-[#8f99aa]" : "!bg-white text-[#49556a] border-[#cfd6e0] border-t-transparent relative z-[1]"
             ]),
-            onClick: f[2] || (f[2] = (m) => k(N)(!1))
+            onClick: p[2] || (p[2] = (y) => k(z)(!1))
           }, W(k(a)("form.richtext.editor")), 3),
           d("button", {
             type: "button",
@@ -2993,7 +3037,7 @@ const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" },
               "min-w-[96px] h-[30px] px-[14px] border border-[#cfd6e0] border-l-0 bg-[#f3f5f8] text-[8px] font-bold uppercase tracking-[0.06em] leading-none cursor-pointer transition-colors duration-200 border-b-[1px] border-b-[#cfd6e0] rounded-none rounded-br-[8px] hover:bg-[#eef1f5] hover:text-[#667284]",
               k(S) ? "!bg-white text-[#49556a] border-[#cfd6e0] border-t-transparent relative z-[1]" : "text-[#8f99aa]"
             ]),
-            onClick: f[3] || (f[3] = (m) => k(N)(!0))
+            onClick: p[3] || (p[3] = (y) => k(z)(!0))
           }, W(n.value), 3)
         ])
       ])
@@ -3001,5 +3045,5 @@ const tl = /* @__PURE__ */ X(Jo, [["render", el]]), rl = { class: "relative" },
   }
 });
 export {
-  zl as default
+  Dl as default
 };