@vc-shell/framework 1.2.4-beta.7 → 2.0.0-alpha.0

package/dist/vc-editor-BNrG1GAG.js

@@ -1,848 +0,0 @@
-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-tgmgQAD9.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
-};