@opengis/form 0.0.184 → 0.0.185

package/dist/vs-richtext-CY9z5Lsr.js

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