@vc-shell/framework 1.2.4-beta.4 → 1.2.4-beta.5

package/dist/vc-editor-BtJrxrBg.js

@@ -0,0 +1,848 @@
+import { defineComponent as D, openBlock as o, createElementBlock as s, normalizeClass as U, createVNode as b, unref as B, computed as L, createBlock as c, resolveDynamicComponent as ee, mergeProps as te, createElementVNode as h, Fragment as F, renderList as R, toDisplayString as M, createCommentVNode as g, ref as T, onMounted as ie, onUnmounted as oe, withModifiers as le, withDirectives as ne, withKeys as ae, vModelText as re, watch as O, onBeforeUnmount as de, createSlots as se, withCtx as V, createTextVNode as W, Transition as ue, renderSlot as ce } from "vue";
+import { u as me, E as j } from "./vendor-tiptap-vue-3-B3dwsJj3.js";
+import { S as ve } from "./vendor-tiptap-starter-kit-C1nkrZcr.js";
+import { U as be } from "./vendor-tiptap-extension-underline-Ct9ZgKsw.js";
+import { T as fe, a as ge, b as he, c as ke } from "./vendor-tiptap-extension-table-DBQupXqd.js";
+import { L as ye } from "./vendor-tiptap-extension-link-CF-euSmX.js";
+import { I as we } from "./vendor-tiptap-extension-image-g6grWBFQ.js";
+import { P as Ae } from "./vendor-tiptap-extensions-Dg7-f1Pi.js";
+import { T as Be } from "./vendor-tiptap-extension-text-style-C8Uqg46V.js";
+import { M as xe } from "./vendor-tiptap-markdown-DDkltz0i.js";
+import { k as Se } from "./vendor-tiptap-core-BNrmxwcD.js";
+import { J as $e, p as Le } from "./vendor-prettier-CoRReRqw.js";
+import { p as pe } from "./vendor-dompurify-BGaRrCfO.js";
+import { d as N, e as Ce, V as Te } from "./index-DVyGELzS.js";
+import "./assets/d5f9664ebbfb104b.svg";
+import "./assets/4e43c74354534fb3.svg";
+import "./assets/e98196a9f8dcb2f0.svg";
+import "./assets/74ed5f8a78e71106.svg";
+import "./assets/1ea01de36eb5491b.svg";
+import "./assets/d5a5b8630120073d.svg";
+import "./assets/6798e4dd4add9b48.svg";
+import "./assets/2d4e6190eec72737.svg";
+import "./assets/9392bf1d591e1abb.svg";
+import "./assets/204eaf512fde2023.svg";
+import "./assets/0ba156439a339f2a.svg";
+import "./assets/2857c513073467da.svg";
+import "./assets/b645a4a2181b9dc1.svg";
+import "./assets/b94421fadd23b0f2.svg";
+import "./assets/6a3e73faf406cf33.svg";
+import "./assets/e38acaa1757232e0.svg";
+import "./assets/ca791c5ca5848a03.svg";
+import "./assets/10768e2cc79fc60b.svg";
+import "./assets/67230f05dc94a265.svg";
+import "./assets/4d7a77b0e5373992.svg";
+import "./assets/f7fc8bf46089d8b2.svg";
+import "./assets/92508f8707159b51.svg";
+import "./assets/b6499ddce0a4ef7d.svg";
+import "./assets/fed13b0d59903483.svg";
+import "./assets/34ff7dd0c2285956.svg";
+import "./assets/bb28fb0f27f1c11b.svg";
+import "./assets/21220a9d10e6c558.svg";
+import "./assets/b372390551ca2fa1.svg";
+import "./assets/262f46a0b6d94bb6.svg";
+import "./assets/042c75b764bc78a7.svg";
+import "./assets/b1a596e31ad1185a.svg";
+import "./assets/15e91cdd649cde9a.svg";
+import "./assets/e72bb11356af94c7.svg";
+import "./assets/4fe75f5117100705.svg";
+import "./assets/dd05d43ff0df2fc7.svg";
+import "./assets/b325adcae33bbe7a.svg";
+import "./assets/f09d89268e4c0317.svg";
+import "./assets/9cb83236f6bb7ab1.svg";
+import "./assets/d084bda16abe8a56.svg";
+import "./assets/7eda727273fd98d3.svg";
+import "./assets/572bb1bb4156a9c1.svg";
+import "./assets/41275bcb979cb650.svg";
+import "./assets/1de63eb118636cce.svg";
+import "./assets/e5adb5ae3a3698f6.svg";
+import "./assets/b5bb1e8fc975decd.svg";
+import "./assets/157b8721e0600ea8.svg";
+import "./assets/a18404194e3f9047.svg";
+import "./assets/a2017fe7f0a26510.svg";
+import "./assets/0f590f8a94577092.svg";
+import "./assets/259e6ad461a52ad7.svg";
+import "./assets/7d55399c2a7bc985.svg";
+import "./assets/910b0d99b9e26568.svg";
+import "./assets/e4a8550f1c7ffe36.svg";
+import "./assets/2088983edf42e153.svg";
+import "./assets/225da11d23968333.svg";
+import "./assets/d32b129cae2fffd6.svg";
+import "./assets/abf88f301a0730f4.svg";
+import "./assets/0fc5820f8be53a1b.svg";
+import "./assets/d3f792f54ae4c307.svg";
+import "./assets/208f810a9321a327.svg";
+import "./assets/72de3a63bc0b70dd.svg";
+import "vee-validate";
+import "./vendor-iso-639-1-rPqx9HMT.js";
+const Me = Se.create({
+  name: "fontSize",
+  addOptions() {
+    return {
+      types: ["textStyle"]
+    };
+  },
+  addGlobalAttributes() {
+    return [
+      {
+        types: this.options.types,
+        attributes: {
+          fontSize: {
+            default: null,
+            parseHTML: (e) => e.style.fontSize?.replace(/['"]+/g, ""),
+            renderHTML: (e) => e.fontSize ? {
+              style: `font-size: ${e.fontSize}`
+            } : {}
+          }
+        }
+      }
+    ];
+  },
+  addCommands() {
+    return {
+      setFontSize: (e) => ({ chain: a }) => a().setMark("textStyle", { fontSize: e }).run(),
+      unsetFontSize: () => ({ chain: e }) => e().setMark("textStyle", { fontSize: null }).run()
+    };
+  }
+}), ze = ["disabled", "aria-pressed", "aria-label"], r = /* @__PURE__ */ D({
+  __name: "vc-editor-button",
+  props: {
+    icon: {},
+    active: { type: Boolean },
+    disabled: { type: Boolean, default: !1 },
+    ariaLabel: {}
+  },
+  emits: ["action"],
+  setup(e) {
+    return (a, i) => (o(), s("button", {
+      type: "button",
+      class: U(["vc-editor-button", { "vc-editor-button--active": e.active }]),
+      disabled: e.disabled,
+      "aria-pressed": e.active != null ? e.active : void 0,
+      "aria-label": e.ariaLabel,
+      onClick: i[0] || (i[0] = (m) => a.$emit("action"))
+    }, [
+      b(B(N), {
+        icon: e.icon,
+        size: "s",
+        "use-container": !1,
+        "aria-hidden": "true"
+      }, null, 8, ["icon"])
+    ], 10, ze));
+  }
+});
+function J(e) {
+  return "options" in e;
+}
+function P(e) {
+  return !("options" in e);
+}
+const Ie = {
+  key: 2,
+  class: "vc-editor-dropdown"
+}, Fe = ["disabled"], He = ["value"], De = /* @__PURE__ */ D({
+  __name: "vc-editor-custom-button",
+  props: {
+    editor: {},
+    customButton: {},
+    disabled: { type: Boolean }
+  },
+  setup(e) {
+    const a = e, i = L(() => P(a.customButton) && a.customButton.isActive ? a.customButton.isActive(a.editor) : !1), m = L(() => a.customButton.isDisabled ? a.customButton.isDisabled(a.editor) : !1);
+    function x() {
+      P(a.customButton) && a.customButton.action(a.editor);
+    }
+    function f(p) {
+      const k = p.target;
+      if (J(a.customButton)) {
+        const v = a.customButton.options.find((t) => t.value === k.value);
+        v && v.action(a.editor, k.value);
+      }
+    }
+    return (p, k) => B(P)(e.customButton) && e.customButton.component ? (o(), c(ee(e.customButton.component), te({
+      key: 0,
+      editor: e.editor,
+      disabled: e.disabled || m.value
+    }, e.customButton.componentProps || {}), null, 16, ["editor", "disabled"])) : B(P)(e.customButton) ? (o(), c(r, {
+      key: 1,
+      icon: e.customButton.icon,
+      active: i.value,
+      disabled: e.disabled || m.value,
+      onAction: x
+    }, null, 8, ["icon", "active", "disabled"])) : B(J)(e.customButton) ? (o(), s("div", Ie, [
+      h("select", {
+        disabled: e.disabled || m.value,
+        onChange: f
+      }, [
+        (o(!0), s(F, null, R(e.customButton.options, (v) => (o(), s("option", {
+          key: v.value,
+          value: v.value
+        }, M(v.label), 9, He))), 128))
+      ], 40, Fe)
+    ])) : g("", !0);
+  }
+}), Ee = { class: "vc-editor-font-selector" }, Ve = { class: "vc-editor-font-selector__dropdown" }, Pe = ["disabled"], Ue = {
+  key: 0,
+  class: "vc-editor-font-selector__size-value"
+}, Re = ["onClick"], qe = { class: "vc-editor-font-selector__custom" }, Oe = /* @__PURE__ */ D({
+  __name: "vc-editor-font-selector",
+  props: {
+    editor: {},
+    disabled: { type: Boolean }
+  },
+  setup(e) {
+    const a = e, i = T(!1), m = T(null), x = [8, 10, 12, 14, 16, 18, 20, 24, 28, 32, 36, 48, 72], f = L(() => {
+      const y = a.editor.getAttributes("textStyle");
+      return y.fontSize ? parseInt(y.fontSize.replace("px", "")) : null;
+    });
+    function p() {
+      i.value = !i.value;
+    }
+    function k(y) {
+      a.editor.chain().focus().setFontSize(`${y}px`).run(), i.value = !1;
+    }
+    function v() {
+      m.value && m.value >= 8 && m.value <= 72 && (a.editor.chain().focus().setFontSize(`${m.value}px`).run(), m.value = null, i.value = !1);
+    }
+    function t() {
+      i.value = !1;
+    }
+    function l(y) {
+      y.target.closest(".vc-editor-font-selector") || t();
+    }
+    return ie(() => {
+      document.addEventListener("click", l);
+    }), oe(() => {
+      document.removeEventListener("click", l);
+    }), (y, u) => (o(), s("div", Ee, [
+      h("div", Ve, [
+        h("button", {
+          type: "button",
+          class: "vc-editor-font-selector__button",
+          disabled: e.disabled,
+          onClick: p
+        }, [
+          b(B(N), {
+            icon: "lucide-a-large-small",
+            size: "s",
+            "use-container": !1
+          }),
+          f.value ? (o(), s("span", Ue, M(f.value) + "px", 1)) : g("", !0),
+          b(B(N), {
+            icon: "lucide-chevron-down",
+            size: "xs",
+            "use-container": !1
+          })
+        ], 8, Pe),
+        i.value ? (o(), s("div", {
+          key: 0,
+          class: "vc-editor-font-selector__menu",
+          onClick: u[1] || (u[1] = le(() => {
+          }, ["stop"]))
+        }, [
+          (o(), s(F, null, R(x, (w) => h("div", {
+            key: w,
+            class: U(["vc-editor-font-selector__option", { "vc-editor-font-selector__option--active": f.value === w }]),
+            onClick: (G) => k(w)
+          }, M(w) + "px ", 11, Re)), 64)),
+          h("div", qe, [
+            ne(h("input", {
+              "onUpdate:modelValue": u[0] || (u[0] = (w) => m.value = w),
+              type: "number",
+              min: "8",
+              max: "72",
+              placeholder: "Custom",
+              class: "vc-editor-font-selector__input",
+              onKeydown: ae(v, ["enter"]),
+              onBlur: v
+            }, null, 544), [
+              [re, m.value]
+            ])
+          ])
+        ])) : g("", !0)
+      ])
+    ]));
+  }
+}), Ne = {
+  class: "vc-editor-toolbar",
+  role: "toolbar",
+  "aria-label": "Text formatting"
+}, Ge = {
+  key: 0,
+  class: "vc-editor-toolbar__separator"
+}, Ke = /* @__PURE__ */ D({
+  __name: "vc-editor-toolbar",
+  props: {
+    editor: {},
+    disabled: { type: Boolean },
+    contentType: { default: "html" },
+    toolbar: {},
+    customButtons: { default: () => [] }
+  },
+  emits: ["uploadImage"],
+  setup(e, { emit: a }) {
+    const i = e, m = a, x = L(() => i.toolbar || []), f = L(() => [...i.customButtons].sort((v, t) => {
+      const l = v.group || "default", y = t.group || "default", u = v.order || 0, w = t.order || 0;
+      return l !== y ? l.localeCompare(y) : u - w;
+    }));
+    function p() {
+      const v = i.editor.getAttributes("link").href, t = window.prompt("URL", v);
+      if (t !== null) {
+        if (t === "") {
+          i.editor.chain().focus().extendMarkRange("link").unsetLink().run();
+          return;
+        }
+        i.editor.chain().focus().extendMarkRange("link").setLink({ href: t }).run();
+      }
+    }
+    function k() {
+      m("uploadImage");
+    }
+    return (v, t) => (o(), s("div", Ne, [
+      (o(!0), s(F, null, R(x.value, (l, y) => (o(), s(F, { key: y }, [
+        l === "separator" ? (o(), s("div", Ge)) : l === "bold" ? (o(), c(r, {
+          key: 1,
+          icon: "lucide-bold",
+          "aria-label": "Bold",
+          active: e.editor.isActive("bold"),
+          disabled: !e.editor.can().toggleBold() || e.disabled,
+          onAction: t[0] || (t[0] = (u) => e.editor.chain().focus().toggleBold().run())
+        }, null, 8, ["active", "disabled"])) : l === "italic" ? (o(), c(r, {
+          key: 2,
+          icon: "lucide-italic",
+          "aria-label": "Italic",
+          active: e.editor.isActive("italic"),
+          disabled: !e.editor.can().toggleItalic() || e.disabled,
+          onAction: t[1] || (t[1] = (u) => e.editor.chain().focus().toggleItalic().run())
+        }, null, 8, ["active", "disabled"])) : l === "underline" ? (o(), c(r, {
+          key: 3,
+          icon: "lucide-underline",
+          "aria-label": "Underline",
+          active: e.editor.isActive("underline"),
+          disabled: !e.editor.can().toggleUnderline() || e.disabled,
+          onAction: t[2] || (t[2] = (u) => e.editor.chain().focus().toggleUnderline().run())
+        }, null, 8, ["active", "disabled"])) : l === "strikethrough" ? (o(), c(r, {
+          key: 4,
+          icon: "lucide-strikethrough",
+          "aria-label": "Strikethrough",
+          active: e.editor.isActive("strike"),
+          disabled: !e.editor.can().toggleStrike() || e.disabled,
+          onAction: t[3] || (t[3] = (u) => e.editor.chain().focus().toggleStrike().run())
+        }, null, 8, ["active", "disabled"])) : l === "heading1" ? (o(), c(r, {
+          key: 5,
+          icon: "lucide-heading-1",
+          "aria-label": "Heading 1",
+          active: e.editor.isActive("heading", { level: 1 }),
+          disabled: !e.editor.can().toggleHeading({ level: 1 }) || e.disabled,
+          onAction: t[4] || (t[4] = (u) => e.editor.chain().focus().toggleHeading({ level: 1 }).run())
+        }, null, 8, ["active", "disabled"])) : l === "heading2" ? (o(), c(r, {
+          key: 6,
+          icon: "lucide-heading-2",
+          "aria-label": "Heading 2",
+          active: e.editor.isActive("heading", { level: 2 }),
+          disabled: !e.editor.can().toggleHeading({ level: 2 }) || e.disabled,
+          onAction: t[5] || (t[5] = (u) => e.editor.chain().focus().toggleHeading({ level: 2 }).run())
+        }, null, 8, ["active", "disabled"])) : l === "heading3" ? (o(), c(r, {
+          key: 7,
+          icon: "lucide-heading-3",
+          "aria-label": "Heading 3",
+          active: e.editor.isActive("heading", { level: 3 }),
+          disabled: !e.editor.can().toggleHeading({ level: 3 }) || e.disabled,
+          onAction: t[6] || (t[6] = (u) => e.editor.chain().focus().toggleHeading({ level: 3 }).run())
+        }, null, 8, ["active", "disabled"])) : l === "bulletList" ? (o(), c(r, {
+          key: 8,
+          icon: "lucide-list",
+          "aria-label": "Bullet list",
+          active: e.editor.isActive("bulletList"),
+          disabled: !e.editor.can().toggleBulletList() || e.disabled,
+          onAction: t[7] || (t[7] = (u) => e.editor.chain().focus().toggleBulletList().run())
+        }, null, 8, ["active", "disabled"])) : l === "orderedList" ? (o(), c(r, {
+          key: 9,
+          icon: "lucide-list-ordered",
+          "aria-label": "Numbered list",
+          active: e.editor.isActive("orderedList"),
+          disabled: !e.editor.can().toggleOrderedList() || e.disabled,
+          onAction: t[8] || (t[8] = (u) => e.editor.chain().focus().toggleOrderedList().run())
+        }, null, 8, ["active", "disabled"])) : l === "blockquote" ? (o(), c(r, {
+          key: 10,
+          icon: "lucide-quote",
+          "aria-label": "Blockquote",
+          active: e.editor.isActive("blockquote"),
+          disabled: !e.editor.can().toggleBlockquote() || e.disabled,
+          onAction: t[9] || (t[9] = (u) => e.editor.chain().focus().toggleBlockquote().run())
+        }, null, 8, ["active", "disabled"])) : l === "link" ? (o(), c(r, {
+          key: 11,
+          icon: "lucide-link",
+          "aria-label": "Insert link",
+          active: e.editor.isActive("link"),
+          disabled: e.disabled,
+          onAction: p
+        }, null, 8, ["active", "disabled"])) : l === "image" ? (o(), c(r, {
+          key: 12,
+          icon: "lucide-image",
+          "aria-label": "Insert image",
+          disabled: e.disabled,
+          onAction: k
+        }, null, 8, ["disabled"])) : l === "table" ? (o(), c(r, {
+          key: 13,
+          icon: "lucide-table",
+          "aria-label": "Insert table",
+          disabled: e.disabled,
+          onAction: t[10] || (t[10] = (u) => e.editor.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: !0 }).run())
+        }, null, 8, ["disabled"])) : l === "fontSize" ? (o(), c(Oe, {
+          key: 14,
+          editor: e.editor,
+          disabled: e.disabled
+        }, null, 8, ["editor", "disabled"])) : g("", !0)
+      ], 64))), 128)),
+      i.customButtons.length > 0 ? (o(), s(F, { key: 0 }, [
+        t[18] || (t[18] = h("div", { class: "vc-editor-toolbar__separator" }, null, -1)),
+        (o(!0), s(F, null, R(f.value, (l) => (o(), c(De, {
+          key: l.id,
+          editor: e.editor,
+          "custom-button": l,
+          disabled: e.disabled
+        }, null, 8, ["editor", "custom-button", "disabled"]))), 128))
+      ], 64)) : g("", !0),
+      e.editor.isActive("table") ? (o(), s(F, { key: 1 }, [
+        t[19] || (t[19] = h("div", { class: "vc-editor-toolbar__separator" }, null, -1)),
+        b(r, {
+          icon: "lucide-delete",
+          "aria-label": "Delete table",
+          disabled: e.disabled,
+          onAction: t[11] || (t[11] = (l) => e.editor.chain().focus().deleteTable().run())
+        }, null, 8, ["disabled"]),
+        b(r, {
+          icon: "lucide-arrow-left-from-line",
+          "aria-label": "Add column before",
+          disabled: e.disabled,
+          onAction: t[12] || (t[12] = (l) => e.editor.chain().focus().addColumnBefore().run())
+        }, null, 8, ["disabled"]),
+        b(r, {
+          icon: "lucide-arrow-right-from-line",
+          "aria-label": "Add column after",
+          disabled: e.disabled,
+          onAction: t[13] || (t[13] = (l) => e.editor.chain().focus().addColumnAfter().run())
+        }, null, 8, ["disabled"]),
+        b(r, {
+          icon: "lucide-arrow-up-from-line",
+          "aria-label": "Add row before",
+          disabled: e.disabled,
+          onAction: t[14] || (t[14] = (l) => e.editor.chain().focus().addRowBefore().run())
+        }, null, 8, ["disabled"]),
+        b(r, {
+          icon: "lucide-arrow-down-from-line",
+          "aria-label": "Add row after",
+          disabled: e.disabled,
+          onAction: t[15] || (t[15] = (l) => e.editor.chain().focus().addRowAfter().run())
+        }, null, 8, ["disabled"]),
+        b(r, {
+          icon: "lucide-trash-2",
+          "aria-label": "Delete column",
+          disabled: e.disabled,
+          onAction: t[16] || (t[16] = (l) => e.editor.chain().focus().deleteColumn().run())
+        }, null, 8, ["disabled"]),
+        b(r, {
+          icon: "lucide-trash",
+          "aria-label": "Delete row",
+          disabled: e.disabled,
+          onAction: t[17] || (t[17] = (l) => e.editor.chain().focus().deleteRow().run())
+        }, null, 8, ["disabled"])
+      ], 64)) : g("", !0)
+    ]));
+  }
+}), We = ["aria-label", "aria-invalid", "aria-disabled"], je = {
+  key: 1,
+  class: "vc-editor__header"
+}, Je = { class: "vc-editor__header-actions" }, Xe = { class: "vc-editor__body" }, Ze = ["innerHTML"], Qe = ["value", "maxlength"], Ye = {
+  key: 3,
+  class: "vc-editor__split-view"
+}, _e = { class: "vc-editor__split-editor" }, et = { class: "vc-editor__split-preview" }, tt = ["value", "maxlength"], it = { key: 0 }, Li = /* @__PURE__ */ D({
+  __name: "vc-editor",
+  props: {
+    placeholder: {},
+    modelValue: { default: "" },
+    required: { type: Boolean },
+    disabled: { type: Boolean, default: !1 },
+    label: {},
+    tooltip: {},
+    errorMessage: {},
+    assetsFolder: {},
+    multilanguage: { type: Boolean },
+    currentLanguage: {},
+    maxlength: {},
+    toolbar: {},
+    extensions: {},
+    customButtons: {}
+  },
+  emits: ["update:modelValue", "upload-image"],
+  setup(e, { emit: a }) {
+    const i = e, m = a, x = T(!1), f = T(!1), p = T(null), k = T("markdown"), v = L(() => i.toolbar ? i.toolbar : [
+      "bold",
+      "italic",
+      "underline",
+      "strikethrough",
+      "separator",
+      "heading1",
+      "heading2",
+      "heading3",
+      "separator",
+      "bulletList",
+      "orderedList",
+      "blockquote",
+      "separator",
+      "link",
+      "image",
+      "table",
+      "fontSize"
+    ]), t = L(() => (i.modelValue || "").length), l = L(() => i.maxlength ? t.value > i.maxlength * 0.9 : !1);
+    function y(n) {
+      if (!n || n.trim() === "") return "markdown";
+      const d = [
+        /<[^>]+>/g,
+        // HTML tags
+        /&[a-zA-Z]+;/g
+        // HTML entities
+      ], $ = [
+        /^#{1,6}\s/m,
+        // Headers
+        /^\*\s/m,
+        // Bullet lists
+        /^\d+\.\s/m,
+        // Numbered lists
+        /\*\*[^*]+\*\*/g,
+        // Bold
+        /\*[^*]+\*/g,
+        // Italic
+        /\[[^\]]+\]\([^)]+\)/g,
+        // Links
+        /```[\s\S]*?```/g,
+        // Code blocks
+        /`[^`]+`/g,
+        // Inline code
+        /^>/m
+        // Blockquotes
+      ];
+      let H = 0, I = 0;
+      return d.forEach((E) => {
+        const C = n.match(E);
+        C && (H += C.length);
+      }), $.forEach((E) => {
+        const C = n.match(E);
+        C && (I += C.length);
+      }), H > I * 2 ? "html" : "markdown";
+    }
+    const u = L(() => {
+      const n = [
+        ve,
+        be,
+        Be,
+        Me,
+        ke.configure({ resizable: !0 }),
+        fe,
+        ge,
+        he,
+        ye.configure({ openOnClick: !1 }),
+        we,
+        Ae.configure({ placeholder: i.placeholder }),
+        xe.configure({
+          html: !0,
+          // Allow HTML input/output
+          tightLists: !0,
+          // No <p> inside <li> in markdown output
+          tightListClass: "tight",
+          // Add class to <ul> allowing you to remove <p> margins when tight
+          bulletListMarker: "-",
+          // <li> prefix in markdown output
+          linkify: !1,
+          // Create links from "https://..." text
+          breaks: !0,
+          // New lines (\n) in markdown input are converted to <br>
+          transformPastedText: !1,
+          // Allow to paste markdown text in the editor
+          transformCopiedText: !1
+          // Copied text is transformed to markdown
+        })
+      ];
+      return i.extensions && i.extensions.length > 0 && n.push(...i.extensions), n;
+    }), w = T(i.modelValue || "");
+    O(
+      () => i.modelValue,
+      async (n) => {
+        if (k.value = y(n || ""), k.value === "html")
+          try {
+            w.value = await $e(n || "", {
+              parser: "html",
+              plugins: [Le],
+              vueIndentScriptAndStyle: !0
+            });
+          } catch {
+            w.value = n || "";
+          }
+        else
+          w.value = n || "";
+      },
+      { immediate: !0 }
+    );
+    const G = L(() => {
+      let n = "";
+      return k.value === "markdown" && A.value ? n = A.value.getHTML() : n = i.modelValue || "", pe.sanitize(n, {
+        // Allow safe HTML tags and attributes
+        ALLOWED_TAGS: [
+          "p",
+          "br",
+          "strong",
+          "em",
+          "u",
+          "s",
+          "h1",
+          "h2",
+          "h3",
+          "h4",
+          "h5",
+          "h6",
+          "ul",
+          "ol",
+          "li",
+          "blockquote",
+          "pre",
+          "code",
+          "a",
+          "img",
+          "table",
+          "thead",
+          "tbody",
+          "tr",
+          "th",
+          "td",
+          "hr",
+          "div",
+          "span"
+        ],
+        ALLOWED_ATTR: ["href", "src", "alt", "title", "class", "id", "style", "colspan", "rowspan", "align", "valign"],
+        // Remove dangerous protocols
+        ALLOWED_URI_REGEXP: /^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp):|[^a-z]|[a-z+.-]+(?:[^a-z+.-:]|$))/i,
+        // Keep relative URLs
+        KEEP_CONTENT: !0,
+        // Remove script tags and event handlers
+        FORBID_TAGS: ["script", "object", "embed", "form", "input"],
+        FORBID_ATTR: ["onerror", "onload", "onclick", "onmouseover", "onfocus", "onblur"]
+      });
+    }), z = T("editor"), S = L(() => z.value);
+    function X() {
+      z.value = z.value === "preview" ? "editor" : "preview";
+    }
+    function Z() {
+      z.value = z.value === "source" ? "editor" : "source";
+    }
+    function Q() {
+      z.value = z.value === "split" ? "editor" : "split";
+    }
+    let q = !1;
+    const A = me({
+      content: i.modelValue,
+      editable: !i.disabled,
+      extensions: u.value,
+      onUpdate: ({ editor: n }) => {
+        if (q) return;
+        const d = k.value === "html" ? n.getHTML() : n.storage.markdown?.getMarkdown?.() || n.getHTML();
+        i.maxlength && d.length > i.maxlength || m("update:modelValue", d);
+      },
+      onFocus: () => {
+        x.value = !0;
+      },
+      onBlur: () => {
+        x.value = !1;
+      }
+    });
+    O(
+      () => i.modelValue,
+      (n) => {
+        if (!A.value) return;
+        (k.value === "html" ? A.value.getHTML() : A.value.storage.markdown?.getMarkdown?.() || A.value.getHTML()) !== n && (q = !0, A.value.commands.setContent(n || ""), q = !1);
+      }
+    ), O(
+      () => i.disabled,
+      (n) => {
+        A.value?.setEditable(!n);
+      }
+    ), de(() => {
+      A.value?.destroy();
+    });
+    function Y() {
+      p.value?.click();
+    }
+    function K(n) {
+      const d = n.target, $ = d.value;
+      if (i.maxlength && $.length > i.maxlength) {
+        d.value = $.substring(0, i.maxlength);
+        return;
+      }
+      m("update:modelValue", $);
+    }
+    async function _(n) {
+      const d = n.target;
+      if (!d.files?.length || !i.assetsFolder) return;
+      const $ = Array.from(d.files), H = new FormData();
+      $.forEach((I) => H.append("image", I));
+      try {
+        (await (await fetch(`/api/assets?folderUrl=/${i.assetsFolder}`, {
+          method: "POST",
+          body: H
+        })).json()).forEach((C) => {
+          C.url && A.value?.chain().focus().setImage({ src: C.url }).run();
+        });
+      } catch (I) {
+        console.error("Image upload failed:", I);
+      }
+    }
+    return (n, d) => (o(), s("div", {
+      class: U(["vc-editor", {
+        "vc-editor--error": !!e.errorMessage,
+        "vc-editor--disabled": e.disabled,
+        "vc-editor--focused": x.value,
+        "vc-editor--fullscreen": f.value,
+        "vc-editor--side-by-side": S.value === "split"
+      }]),
+      "aria-label": e.label,
+      "aria-invalid": !!e.errorMessage || void 0,
+      "aria-disabled": e.disabled || void 0
+    }, [
+      e.label && !f.value ? (o(), c(B(Ce), {
+        key: 0,
+        class: "vc-editor__label",
+        required: e.required,
+        multilanguage: e.multilanguage,
+        "current-language": e.currentLanguage,
+        error: !!e.errorMessage
+      }, se({
+        default: V(() => [
+          h("span", null, M(e.label), 1)
+        ]),
+        _: 2
+      }, [
+        e.tooltip ? {
+          name: "tooltip",
+          fn: V(() => [
+            W(M(e.tooltip), 1)
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["required", "multilanguage", "current-language", "error"])) : g("", !0),
+      B(A) ? (o(), s("div", je, [
+        S.value === "editor" || S.value === "split" ? (o(), c(Ke, {
+          key: 0,
+          editor: B(A),
+          disabled: e.disabled,
+          "content-type": k.value,
+          toolbar: v.value,
+          "custom-buttons": i.customButtons || [],
+          onUploadImage: Y
+        }, null, 8, ["editor", "disabled", "content-type", "toolbar", "custom-buttons"])) : g("", !0),
+        h("div", Je, [
+          b(r, {
+            icon: "lucide-eye",
+            "aria-label": "Preview",
+            active: S.value === "preview",
+            disabled: e.disabled,
+            onAction: X
+          }, null, 8, ["active", "disabled"]),
+          b(r, {
+            icon: "lucide-columns-2",
+            "aria-label": "Side-by-side view",
+            active: S.value === "split",
+            onAction: Q
+          }, null, 8, ["active"]),
+          b(r, {
+            icon: "lucide-code",
+            "aria-label": "Source code",
+            active: S.value === "source",
+            disabled: e.disabled,
+            onAction: Z
+          }, null, 8, ["active", "disabled"]),
+          b(r, {
+            icon: f.value ? "lucide-shrink" : "lucide-expand",
+            "aria-label": f.value ? "Exit fullscreen" : "Fullscreen",
+            onAction: d[0] || (d[0] = ($) => f.value = !f.value)
+          }, null, 8, ["icon", "aria-label"])
+        ])
+      ])) : g("", !0),
+      h("div", Xe, [
+        S.value === "editor" ? (o(), c(B(j), {
+          key: 0,
+          editor: B(A),
+          class: "vc-editor__content"
+        }, null, 8, ["editor"])) : g("", !0),
+        S.value === "preview" ? (o(), s("div", {
+          key: 1,
+          class: "vc-editor__preview ProseMirror",
+          innerHTML: G.value
+        }, null, 8, Ze)) : g("", !0),
+        S.value === "source" ? (o(), s("textarea", {
+          key: 2,
+          class: "vc-editor__source ProseMirror",
+          value: w.value,
+          maxlength: e.maxlength,
+          onInput: K,
+          onFocus: d[1] || (d[1] = ($) => x.value = !0),
+          onBlur: d[2] || (d[2] = ($) => x.value = !1)
+        }, null, 40, Qe)) : g("", !0),
+        S.value === "split" ? (o(), s("div", Ye, [
+          h("div", _e, [
+            b(B(j), {
+              editor: B(A),
+              class: "vc-editor__content"
+            }, null, 8, ["editor"])
+          ]),
+          h("div", et, [
+            h("textarea", {
+              class: "vc-editor__source ProseMirror",
+              value: w.value,
+              maxlength: e.maxlength,
+              onInput: K,
+              onFocus: d[3] || (d[3] = ($) => x.value = !0),
+              onBlur: d[4] || (d[4] = ($) => x.value = !1)
+            }, null, 40, tt)
+          ])
+        ])) : g("", !0)
+      ]),
+      e.maxlength && (S.value === "source" || S.value === "split") ? (o(), s("div", {
+        key: 2,
+        class: U(["vc-editor__char-count", { "vc-editor__char-count--warning": l.value }])
+      }, M(t.value) + " / " + M(e.maxlength), 3)) : g("", !0),
+      h("input", {
+        ref_key: "imageInput",
+        ref: p,
+        type: "file",
+        hidden: "",
+        multiple: "",
+        accept: "image/*",
+        onChange: _
+      }, null, 544),
+      b(ue, {
+        name: "slide-up",
+        mode: "out-in"
+      }, {
+        default: V(() => [
+          e.errorMessage && !f.value ? (o(), s("div", it, [
+            ce(n.$slots, "error", {}, () => [
+              b(B(Te), {
+                class: "vc-editor__error-hint",
+                error: !0
+              }, {
+                default: V(() => [
+                  W(M(e.errorMessage), 1)
+                ]),
+                _: 1
+              })
+            ])
+          ])) : g("", !0)
+        ]),
+        _: 3
+      })
+    ], 10, We));
+  }
+});
+export {
+  Li as default
+};