@fewangsit/wangsvue-fats 1.0.0-alpha.40 → 1.0.0-alpha.42

package/components/editor/Editor-DQ7Xdy30.es.js

@@ -0,0 +1,1036 @@
+import { defineComponent as De, mergeModels as xe, inject as je, useModel as _e, onMounted as ze, reactive as We, shallowRef as C, ref as D, computed as ae, watch as ye, resolveDirective as Ke, createElementBlock as j, openBlock as h, Fragment as oe, createVNode as u, withCtx as b, createElementVNode as c, normalizeClass as k, createCommentVNode as z, createBlock as W, renderList as Ce, mergeProps as Ge, unref as s, createTextVNode as qe, toDisplayString as ke, withDirectives as Je, nextTick as Xe } from "vue";
+import "../assetinfo/AssetInfo-CmwgOU74.es.js";
+import { h as Ze } from "../../vendor/primevue-CadmDhWp.es.js";
+import { u as Qe } from "../../vendor/vee-validate-RE5RuswC.es.js";
+import { B as Ye } from "../../vendor/@tiptap/extension-bold-BnsTNqIJ.es.js";
+import { B as et } from "../../vendor/@tiptap/extension-bullet-list-GNj3sKw9.es.js";
+import { C as tt } from "../../vendor/@tiptap/extension-code-CfQ7g1i2.es.js";
+import { N as K, m as ie } from "../../vendor/@tiptap/core-BLz8iRA3.es.js";
+import { F as at } from "../../vendor/@tiptap/extension-floating-menu-CSQuJzDM.es.js";
+import { H as ot } from "../../vendor/@tiptap/extension-heading-ZTlCgdtc.es.js";
+import { H as nt } from "../../vendor/@tiptap/extension-history-eJIThEn-.es.js";
+import { I as lt } from "../../vendor/@tiptap/extension-image-B8NPUVFM.es.js";
+import { I as it } from "../../vendor/@tiptap/extension-italic-C_CyJubw.es.js";
+import { L as rt } from "../../vendor/@tiptap/extension-link-D4PFdLvA.es.js";
+import { L as st } from "../../vendor/@tiptap/extension-list-item-7pIJ7t09.es.js";
+import { M as ct } from "../../vendor/@tiptap/extension-mention-Dkg-tbrz.es.js";
+import { O as dt } from "../../vendor/@tiptap/extension-ordered-list-DLI4xDN8.es.js";
+import { P as ut } from "../../vendor/@tiptap/extension-placeholder-V0iTxU19.es.js";
+import { U as mt } from "../../vendor/@tiptap/extension-underline-DsGbvz80.es.js";
+import { V as Ae, a as pt, u as ft, E as vt, F as ne } from "../../vendor/@tiptap/vue-3-DceiR7pK.es.js";
+import { _ as gt } from "../codesnippetadapter/CodeSnippetAdapter-jgXoPKzr.es.js";
+import { _ as ht } from "../mentionsection/MentionSection-C_c4qbpq.es.js";
+import { t as bt } from "../../vendor/tippy.js-DNnwm2RY.es.js";
+import { _ as xt } from "../mentionlist/MentionList--7AymnhE.es.js";
+import { _ as le } from "../button/Button-D-MSv_AS.es.js";
+import { _ as _t } from "../dialog/Dialog-Dy93f91f.es.js";
+import { _ as yt } from "../fieldwrapper/FieldWrapper-C6HJ2HnC.es.js";
+import { _ as Ct } from "../form/Form-eSj-nb1y.es.js";
+import { _ as kt } from "../icon/Icon-mDqG7urn.es.js";
+import { _ as wt } from "../inputtext/InputText-_xEnXysf.es.js";
+import { _ as we } from "../inputurl/InputURL-aqx1PVKL.es.js";
+import { _ as St } from "../overlaypanel/OverlayPanel-DXNek7Yb.es.js";
+import { _ as At } from "../validatormessage/ValidatorMessage-BtKfBXzO.es.js";
+import { _ as B } from "../editorbutton/EditorButton-DDgS2vga.es.js";
+const Se = [
+  "#57291F",
+  "#C0413B",
+  "#D77B5F",
+  "#FF9200",
+  "#C87505",
+  "#F18E3F",
+  "#C14C32",
+  "#80003A",
+  "#506432",
+  "#B30019",
+  "#EC410B",
+  "#8CB5B5",
+  "#6C3400",
+  "#FFA400",
+  "#41222A",
+  "#FFB27B",
+  "#BC7576"
+], Mt = () => {
+  const n = Math.floor(Math.random() * Se.length);
+  return Se[n];
+}, $a = (n, f, d, N) => {
+  const l = d ?? Mt(), p = document.createElement("canvas");
+  p.style.background = l, p.width = f, p.height = f;
+  const g = p.getContext("2d");
+  if (g) {
+    const H = "Poppins", G = "600", J = "#fff";
+    g.font = `${G} 48px/48px ${H}`, g.textAlign = "center", g.textBaseline = "middle";
+    const w = p.width / 2, E = (p.height + 8) / 2;
+    g.fillStyle = l, g.fillRect(0, 0, p.width, p.height), g.fillStyle = J, g.fillText(n, w, E);
+  }
+  return p;
+}, Lt = K.create({
+  name: "doc",
+  topNode: !0,
+  content: "block+"
+}), It = K.create({
+  name: "paragraph",
+  priority: 1e3,
+  addOptions() {
+    return {
+      HTMLAttributes: {}
+    };
+  },
+  group: "block",
+  content: "inline*",
+  parseHTML() {
+    return [
+      { tag: "p" }
+    ];
+  },
+  renderHTML({ HTMLAttributes: n }) {
+    return ["p", ie(this.options.HTMLAttributes, n), 0];
+  },
+  addCommands() {
+    return {
+      setParagraph: () => ({ commands: n }) => n.setNode(this.name)
+    };
+  },
+  addKeyboardShortcuts() {
+    return {
+      "Mod-Alt-0": () => this.editor.commands.setParagraph()
+    };
+  }
+}), Tt = K.create({
+  name: "text",
+  group: "inline"
+}), Bt = K.create({
+  name: "codeSnippet",
+  group: "block",
+  atom: !0,
+  addAttributes() {
+    return {
+      code: {
+        default: ""
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "codeSnippet"
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes: n }) {
+    return ["codeSnippet", ie(n)];
+  },
+  addNodeView() {
+    return Ae(gt);
+  },
+  addCommands() {
+    return {
+      insertCodeSnippet: () => ({ commands: n }) => n.insertContent({
+        type: "codeSnippet",
+        attrs: { code: "" }
+      }),
+      deleteCodeSnippet: () => ({ commands: n }) => n.deleteSelection()
+    };
+  }
+}), Ht = K.create({
+  name: "mentionSection",
+  group: "block",
+  atom: !0,
+  addAttributes() {
+    return {
+      title: {
+        default: ""
+      },
+      bodyText: {
+        default: ""
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "mentionSection"
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes: n }) {
+    return ["mentionSection", ie(n)];
+  },
+  addNodeView() {
+    return Ae(ht);
+  },
+  addCommands() {
+    return {
+      insertMentionSection: (n) => ({ commands: f }) => f.insertContent({
+        type: "mentionSection",
+        attrs: {
+          title: n,
+          bodyText: null
+        }
+      }),
+      deleteMentionSection: () => ({ commands: n }) => n.deleteSelection()
+    };
+  }
+}), Ft = () => ({
+  render: () => {
+    let n, f;
+    return {
+      onStart(d) {
+        n = new pt(xt, {
+          props: {
+            items: d.items,
+            command: d.command
+          },
+          editor: d.editor
+        }), d.clientRect && (f = bt("body", {
+          getReferenceClientRect: d.clientRect,
+          appendTo: () => document.body,
+          content: n.element,
+          showOnCreate: !0,
+          interactive: !0,
+          trigger: "manual",
+          placement: "bottom-start"
+        }));
+      },
+      onUpdate(d) {
+        n.updateProps(d), d.clientRect && f[0].setProps({
+          getReferenceClientRect: d.clientRect
+        });
+      },
+      onKeyDown(d) {
+        return d.event.key === "Escape" ? (f[0].hide(), !0) : n.ref.onKeyDown(d.event);
+      },
+      onExit() {
+        f[0].destroy(), n.destroy();
+      }
+    };
+  }
+}), Pt = 1 * 1024 * 1024, Vt = 10 * 1024 * 1024, $t = (n) => n.startsWith("image/") ? "image" : n.includes("mp4") ? "mp4" : n === "video/x-matroska" ? "mkv" : n === "text/plain" ? "txt" : n === "text/csv" ? "csv" : n === "text/html" ? "html" : n === "application/json" ? "json" : n === "application/pdf" ? "pdf" : n === "application/vnd.ms-excel" || n === "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" ? "xls" : n === "application/msword" || n === "application/vnd.openxmlformats-officedocument.wordprocessingml.document" ? "doc" : n.startsWith("application/x-url") ? "link" : n.includes("application/x-zip-compressed") || n.includes("application/x-compressed") ? "compressed" : "unknown", Nt = (n, f = 1) => {
+  var N;
+  if (f *= Pt, !((N = n.type) != null && N.length))
+    return !1;
+  const d = $t(n.type);
+  return n.size <= (d === "mp4" || d === "mkv" ? Vt : f);
+}, Et = ["title", "onClick"], Rt = { class: "!text-[9px] !leading-3 !h-max !font-normal" }, Ot = {
+  class: /* @__PURE__ */ k([
+    "flex gap-2 bg-white border-[0.5px] px-2 py-1 rounded-sm",
+    "[&_.separator::after]:content-['|']",
+    "[&_.separator::after]:text-xl",
+    "[&_.separator::after]:font-thin",
+    "[&_.separator]:h-6"
+  ])
+}, Ut = {
+  class: /* @__PURE__ */ k([
+    "flex gap-2 bg-white border-[0.5px] px-2 py-1 rounded-sm",
+    "[&_.separator::after]:content-['|']",
+    "[&_.separator::after]:text-xl",
+    "[&_.separator::after]:font-thin",
+    "[&_.separator]:h-6"
+  ])
+}, Dt = /* @__PURE__ */ c("span", { class: "separator" }, null, -1), jt = /* @__PURE__ */ c("span", { class: "separator" }, null, -1), zt = /* @__PURE__ */ c("span", { class: "separator" }, null, -1), Wt = { class: "flex flex-col gap-4" }, Kt = { class: "flex gap-2" }, Gt = { class: "flex-1" }, qt = { class: "flex items-end" }, Jt = /* @__PURE__ */ c("p", null, "Baru Saja Ditambahkan", -1), Xt = { class: "flex flex-wrap justify-center gap-2" }, Zt = ["src"], Qt = { class: "flex flex-col justify-center w-28 h-28 items-center" }, Yt = { class: "relative py-[7px] px-3" }, ea = /* @__PURE__ */ c("p", null, "Cari Gambar", -1), ta = {
+  class: /* @__PURE__ */ k([
+    "flex gap-2 bg-white border-[0.5px] px-2 py-1 rounded-sm",
+    "[&_.separator::after]:content-['|']",
+    "[&_.separator::after]:text-xl",
+    "[&_.separator::after]:font-thin",
+    "[&_.separator]:h-6"
+  ])
+}, Na = /* @__PURE__ */ De({
+  __name: "Editor",
+  props: /* @__PURE__ */ xe({
+    modelValue: {},
+    initialValue: {},
+    placeholder: { default: "Tulis" },
+    editorState: { default: "editable" },
+    borderLess: { type: Boolean, default: !1 },
+    label: {},
+    useValidator: { type: Boolean },
+    fieldName: {},
+    labelClass: {},
+    fieldInfo: {},
+    validatorMessageClass: {},
+    validatorMessage: {},
+    mandatory: { type: Boolean },
+    invalid: { type: Boolean },
+    showOptionalText: { type: Boolean, default: void 0 },
+    isImageUploadBase64: { type: Boolean, default: !1 },
+    fetchMentionSuggestionFunction: {},
+    mentionedList: {},
+    editorWrapperClass: {},
+    toolbarWrapperClass: {},
+    contentWrapperClass: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {},
+    mentionedList: {},
+    mentionedListModifiers: {}
+  }),
+  emits: /* @__PURE__ */ xe(["update:modelValue", "postImageLocal", "deleteImageLocal", "blur", "focus", "update:mentionedList"], ["update:modelValue", "update:mentionedList"]),
+  setup(n, { expose: f, emit: d }) {
+    const N = je("preset", {}).menu, l = n, p = d;
+    _e(n, "modelValue");
+    const g = _e(n, "mentionedList");
+    ze(() => {
+      l.useValidator && (Object.assign(
+        x,
+        Qe(
+          () => l.fieldName ?? "editorInput",
+          (e) => Xe(() => $e(e))
+        )
+      ), l.initialValue != null && (x.value = l.initialValue), l.modelValue != null && (x.value = l.modelValue)), Re();
+    });
+    const H = C(!1), G = D(), q = D(), J = D(), w = D([]), E = C(!1), F = C(), R = C(), X = C(), x = We({
+      value: l.modelValue
+    }), S = C(!1), O = D([]), Y = C(), Me = ae(
+      () => {
+        var e;
+        return l.placeholder ?? "Tulis " + (l.label ? (e = l.label) == null ? void 0 : e.toLowerCase() : "");
+      }
+    ), a = ft({
+      content: l.initialValue ?? l.modelValue,
+      onBlur: (e) => p("blur", e),
+      onFocus: (e) => p("focus", e),
+      onUpdate: () => {
+        var e, t;
+        p("update:modelValue", ((e = a.value) == null ? void 0 : e.getJSON()) ?? {}), x.value = ((t = a.value) == null ? void 0 : t.getJSON()) ?? {};
+      },
+      onPaste: async (e) => {
+        let t = [];
+        const { items: i } = e.clipboardData, o = (r) => new Promise((m) => {
+          if (r.kind === "file") {
+            const v = r.getAsFile();
+            v && t.push(v), m();
+          } else
+            m();
+        });
+        await Promise.all(Array.from(i).map(o));
+        try {
+          if (t.length) {
+            const r = t.filter((m) => m.type.startsWith("image/")).filter((m) => Nt(m, 10));
+            await se(r);
+          }
+        } catch (r) {
+          console.error("Error pasting images:", r);
+        } finally {
+          t = [];
+        }
+      },
+      onSelectionUpdate(e) {
+        var i;
+        const t = e.editor.getAttributes(
+          "image"
+        );
+        (i = a.value) == null || i.state.doc.descendants((o) => {
+          o.type.name === "mention" && O.value.push(o.attrs.id);
+        }), O.value = Array.from(
+          new Set(O.value)
+        ), t.title === "localImage" ? R.value = t : R.value = void 0;
+      },
+      editable: l.editorState === "editable",
+      extensions: [
+        ut.configure({
+          emptyEditorClass: "is-editor-empty !text-general-200 !font-light",
+          placeholder: Me.value,
+          includeChildren: !1
+        }),
+        Lt.extend({
+          addKeyboardShortcuts() {
+            return {
+              "Mod-\\": () => (this.editor.commands.clearNodes(), this.editor.commands.unsetAllMarks())
+            };
+          }
+        }),
+        // Blocks
+        ot,
+        It,
+        Tt,
+        lt.extend({
+          addKeyboardShortcuts() {
+            const e = () => {
+              const { node: t } = this.editor.state.selection;
+              return t && t.type.name === "image" && t.attrs.title === "localImage" ? (ce(), !0) : !1;
+            };
+            return {
+              Insert: () => re(),
+              Backspace: e,
+              Delete: e
+            };
+          }
+        }).configure({
+          HTMLAttributes: {
+            class: "w-fit max-h-[300px] object-contain"
+          }
+        }),
+        Bt.extend({
+          addKeyboardShortcuts() {
+            return {
+              "Mod-alt-c": de
+            };
+          }
+        }),
+        Ht,
+        dt.configure({
+          HTMLAttributes: {
+            class: "list-decimal px-3 py-1"
+          }
+        }),
+        et.configure({
+          HTMLAttributes: {
+            class: "list-disc px-3 py-1"
+          }
+        }),
+        st,
+        // Marks
+        Ye,
+        it,
+        mt,
+        tt,
+        rt.extend({
+          addKeyboardShortcuts() {
+            return {
+              "Mod-k": () => ee()
+            };
+          }
+        }).configure({
+          openOnClick: !1
+        }),
+        nt,
+        ct.configure({
+          HTMLAttributes: {
+            class: "bg-primary-200 text-primary-800 rounded-[50px] px-1"
+          },
+          suggestion: {
+            items({ query: e }) {
+              return ((X == null ? void 0 : X.value) ?? []).filter((t) => t == null ? void 0 : t.fullName.toLowerCase().includes(e.toLowerCase())).map((t) => ({
+                id: t == null ? void 0 : t._id,
+                label: t == null ? void 0 : t.fullName,
+                nickName: t.nickName,
+                profilePicture: t.profilePicture
+              }));
+            },
+            ...Ft()
+          }
+        }),
+        at
+      ]
+    }), Le = ae(() => {
+      var L, y, I, T, P, V, $, U, Q, me, pe, fe, ve, ge, he, be;
+      if (!a.value) return [];
+      const {
+        toggleBold: e,
+        focus: t,
+        toggleItalic: i,
+        toggleUnderline: o,
+        toggleBulletList: r,
+        toggleCode: m,
+        toggleOrderedList: v,
+        unsetAllMarks: A,
+        clearNodes: M
+      } = a.value.commands, _ = (L = a.value) == null ? void 0 : L.isActive("code");
+      return [
+        {
+          label: "Aa",
+          iconPos: "right",
+          icon: "arrow-down",
+          class: "!gap-0 !w-[50px] !p-0 !m-0 [&_span]:leading-[22px]",
+          onClick: (y = G.value) == null ? void 0 : y.toggle
+        },
+        {
+          icon: "bold",
+          tooltipText: "Bold | Ctrl + B",
+          active: (I = a.value) == null ? void 0 : I.isActive("bold"),
+          disabled: _,
+          onClick: () => {
+            t(), e();
+          }
+        },
+        {
+          icon: "italic",
+          tooltipText: "Italic | Ctrl + I",
+          active: (T = a.value) == null ? void 0 : T.isActive("italic"),
+          disabled: _,
+          onClick: () => {
+            t(), i();
+          }
+        },
+        {
+          icon: "underline",
+          class: "mr-3",
+          active: (P = a.value) == null ? void 0 : P.isActive("underline"),
+          tooltipText: "Underline | Ctrl + U",
+          disabled: _,
+          onClick: () => {
+            t(), o();
+          }
+        },
+        {
+          icon: "list-unordered",
+          tooltipText: "Bullet List | Ctrl + 7",
+          active: (V = a.value) == null ? void 0 : V.isActive("bullet-list"),
+          onClick: () => {
+            t(), r();
+          }
+        },
+        {
+          icon: "list-ordered",
+          tooltipText: "Numbered List | Ctrl + 8",
+          active: ($ = a.value) == null ? void 0 : $.isActive("ordered-list"),
+          class: "mr-3",
+          onClick: () => {
+            t(), v();
+          }
+        },
+        {
+          icon: "link-m",
+          tooltipText: "Link | Ctrl + K",
+          disabled: ((U = a.value) == null ? void 0 : U.isActive("link")) || H.value,
+          onClick: ee
+        },
+        {
+          icon: "image-add",
+          active: (Q = a.value) == null ? void 0 : Q.isActive("image"),
+          tooltipText: "Image | Insert",
+          onClick: () => re()
+        },
+        {
+          icon: "code-line",
+          active: (me = a.value) == null ? void 0 : me.isActive("code"),
+          tooltipText: "Inline Code | Ctrl + E",
+          onClick: () => {
+            t(), m();
+          }
+        },
+        {
+          icon: "code-box-line",
+          active: (pe = a.value) == null ? void 0 : pe.isActive("codeSnippet"),
+          tooltipText: "Code Block | Ctrl + Alt + C",
+          onClick: () => {
+            de();
+          }
+        },
+        {
+          icon: "format-clear",
+          tooltipText: "Clear Formatting Ctrl + \\",
+          disabled: !((fe = a.value) != null && fe.isActive("bold")) && !((ve = a.value) != null && ve.isActive("underline")) && !((ge = a.value) != null && ge.isActive("italic")) && !((he = a.value) != null && he.isActive("code")) && !((be = a.value) != null && be.isActive("heading")),
+          onClick: () => {
+            t(), M(), A();
+          }
+        }
+      ];
+    }), Ie = C([
+      {
+        label: "Paragraf",
+        class: "p",
+        shortCut: "Ctrl+Alt+P",
+        command: () => {
+          var e, t;
+          (e = a.value) == null || e.commands.focus(), (t = a.value) == null || t.commands.setParagraph();
+        }
+      },
+      {
+        label: "Heading 1",
+        class: "heading-1",
+        shortCut: "Ctrl+Alt+1",
+        command: () => {
+          var e, t;
+          (e = a.value) == null || e.commands.focus(), (t = a.value) == null || t.commands.setHeading({ level: 1 });
+        }
+      },
+      {
+        label: "Heading 2",
+        class: "heading-2",
+        shortCut: "Ctrl+Alt+2",
+        command: () => {
+          var e, t;
+          (e = a.value) == null || e.commands.focus(), (t = a.value) == null || t.commands.setHeading({ level: 2 });
+        }
+      },
+      {
+        class: "heading-3",
+        label: "Heading 3",
+        shortCut: "Ctrl+Alt+3",
+        command: () => {
+          var e, t;
+          (e = a.value) == null || e.commands.focus(), (t = a.value) == null || t.commands.setHeading({ level: 3 });
+        }
+      },
+      {
+        label: "Heading 4",
+        class: "heading-4",
+        shortCut: "Ctrl+Alt+4",
+        command: () => {
+          var e, t;
+          (e = a.value) == null || e.commands.focus(), (t = a.value) == null || t.commands.setHeading({ level: 4 });
+        }
+      },
+      {
+        label: "Heading 5",
+        class: "heading-5",
+        shortCut: "Ctrl+Alt+5",
+        command: () => {
+          var e, t;
+          (e = a.value) == null || e.commands.focus(), (t = a.value) == null || t.commands.setHeading({ level: 5 });
+        }
+      },
+      {
+        label: "Heading 6",
+        class: "heading-6",
+        shortCut: "Ctrl+Alt+6",
+        command: () => {
+          var e, t;
+          (e = a.value) == null || e.commands.focus(), (t = a.value) == null || t.commands.setHeading({ level: 6 });
+        }
+      }
+    ]), Z = ae(() => {
+      var e;
+      return (e = a.value) == null ? void 0 : e.getAttributes("link");
+    }), Te = () => {
+      var i;
+      const { href: e } = Z.value, t = (i = a.value) == null ? void 0 : i.view.dom.querySelector(`[href="${e}"]`);
+      return Pe() || t && (t == null ? void 0 : t.textContent) !== e && t.textContent || void 0;
+    }, Be = () => {
+      var e;
+      window.open((e = Z.value) == null ? void 0 : e.href, "_blank");
+    }, He = () => {
+      var e;
+      window.navigator.clipboard.writeText((e = Z.value) == null ? void 0 : e.href);
+    }, Fe = () => {
+      var e;
+      if (a.value) {
+        const { unsetLink: t, focus: i } = ((e = a.value) == null ? void 0 : e.commands) ?? {};
+        i(), t();
+      }
+    }, Pe = () => {
+      if (a.value) {
+        const { state: e } = a.value, { from: t, to: i } = e.selection;
+        return e == null ? void 0 : e.doc.textBetween(t, i, " ");
+      }
+    }, re = () => (E.value = !0, !1), se = async (e) => {
+      if (l.isImageUploadBase64) {
+        const t = await Ee(e[0]);
+        te(t);
+      } else
+        p("postImageLocal", {
+          image: e[0],
+          setImageCb: te
+        });
+    }, Ve = (e) => {
+      const { files: t } = e.target;
+      se(t);
+    }, $e = (e = {}) => {
+      if (typeof l.validatorMessage == "string" && l.invalid)
+        return l.validatorMessage;
+      if (typeof l.validatorMessage != "string") {
+        const { empty: t } = l.validatorMessage ?? {};
+        if (e.content === void 0 && l.mandatory && t)
+          return t ?? !0;
+      }
+      return !0;
+    }, ee = (e) => {
+      var o, r, m, v;
+      const t = e ?? {
+        currentTarget: (r = (o = J.value) == null ? void 0 : o.querySelector(".ic-link-m")) == null ? void 0 : r.closest("button")
+      }, { dom: i } = ((m = a.value) == null ? void 0 : m.view) ?? {};
+      return (v = q.value) == null || v.toggle(t, i), !0;
+    }, Ne = ({ formValues: e }) => {
+      var A, M;
+      if (!a.value) return !1;
+      const { setLink: t, insertContent: i, focus: o } = a.value.commands, { url: r, text: m } = e, { state: v } = a.value;
+      return o(), t({
+        href: r,
+        target: "_blank",
+        rel: "nofollow"
+      }), (A = a.value) != null && A.isActive("link") ? a.value.chain().focus().command(({ tr: _, state: L }) => {
+        const { $from: y, $to: I } = L.selection, T = v.schema.marks.link;
+        let P = y.start(), V = I.end();
+        return v.doc.nodesBetween(y.pos, I.pos, ($, U) => {
+          $.isText && $.marks.some((Q) => Q.type === T) && (P = Math.min(P, U), V = Math.max(V, U + $.nodeSize));
+        }), _.insertText(m || r, P, V), !0;
+      }).run() : v.selection.empty && i(m || r), (M = q.value) == null || M.hide(), H.value = !1, !0;
+    }, te = (e) => {
+      var t, i, o, r;
+      (t = a.value) == null || t.commands.focus(), e && (l.isImageUploadBase64 ? (i = a.value) == null || i.commands.setImage({
+        src: e,
+        title: "localImageBase64"
+      }) : (o = a.value) == null || o.commands.setImage({ src: e, title: "localImage" }), w.value = Array.from(
+        /* @__PURE__ */ new Set([...w.value, e])
+      )), F.value && ((r = a.value) == null || r.commands.setImage({ src: F.value }), w.value = Array.from(
+        /* @__PURE__ */ new Set([...w.value, F.value])
+      )), F.value = void 0, ue();
+    }, ce = () => {
+      var e;
+      R.value && R.value.title === "localImage" && p("deleteImageLocal", R.value), (e = a.value) == null || e.commands.deleteSelection();
+    }, Ee = (e) => new Promise((t, i) => {
+      const o = new FileReader();
+      o.readAsDataURL(e), o.onload = () => {
+        t(o.result);
+      }, o.onerror = (r) => {
+        i(r);
+      };
+    }), Re = async () => {
+      if (l.fetchMentionSuggestionFunction) {
+        S.value = !S.value;
+        try {
+          const { data: e } = await l.fetchMentionSuggestionFunction() ?? {};
+          X.value = e, S.value = !S.value;
+        } catch (e) {
+          console.error(e);
+        }
+      }
+    }, de = () => {
+      var i, o;
+      const { insertCodeSnippet: e, deleteCodeSnippet: t } = (i = a.value) == null ? void 0 : i.commands;
+      return (o = a.value) != null && o.isActive("codeSnippet") ? t() : e(), !1;
+    }, ue = () => {
+      a.value.commands.createParagraphNear();
+    }, Oe = (e) => {
+      var t;
+      try {
+        const { insertMentionSection: i } = (t = a.value) == null ? void 0 : t.commands;
+        i(e), Y.value !== e && Y.value !== void 0 && Ue(), Y.value = e;
+      } catch (i) {
+        console.error(i);
+      }
+    }, Ue = () => {
+      S.value = !0, setTimeout(() => {
+        S.value = !1;
+      }, 100);
+    };
+    return f({
+      mentionSectionTrigger: Oe
+    }), ye(
+      () => l.invalid,
+      () => {
+        var e;
+        (e = x.validate) == null || e.call(x);
+      }
+    ), ye(O, () => {
+      g.value = O.value;
+    }), (e, t) => {
+      const i = Ke("focus");
+      return h(), j(oe, null, [
+        u(yt, {
+          info: e.fieldInfo,
+          label: l.label,
+          "label-class": l.labelClass,
+          mandatory: l.mandatory,
+          "show-optional-text": l.showOptionalText
+        }, {
+          default: b(() => [
+            c("div", {
+              ref_key: "root",
+              ref: J,
+              class: k([
+                "rounded-b text-grayscale-900 w-full",
+                "[&:has(:focus)]:border-general-200 border-general-100",
+                `${e.borderLess || e.editorState === "readonly" ? "border-none" : "border-[0.5px]"}`,
+                // Inline Code
+                "[&_code]:bg-primary-100",
+                "[&_code]:rounded-md",
+                "[&_code]:p-[0.25em_0.3em]",
+                "[&_code]:text-[0.85rem]",
+                "[&_code]:!font-source-code-pro",
+                `${l.editorWrapperClass}`
+              ]),
+              "data-wv-name": "editor"
+            }, [
+              l.editorState === "editable" ? (h(), j("div", {
+                key: 0,
+                class: k([
+                  "border-b-[0.5px] border-inherit px-3 py-1 flex gap-1 bg-general-50",
+                  `${l.toolbarWrapperClass}`
+                ]),
+                "data-wv-section": "toolbar"
+              }, [
+                (h(!0), j(oe, null, Ce(Le.value, (o) => (h(), W(B, Ge({ ref_for: !0 }, o, {
+                  key: o.icon,
+                  class: [{ "!bg-primary-50 ": o.active }, o.class]
+                }), null, 16, ["class"]))), 128))
+              ], 2)) : z("", !0),
+              S.value ? z("", !0) : (h(), W(s(vt), {
+                key: 1,
+                class: k([
+                  `${l.editorState === "editable" ? "px-3 py-2" : ""} [&_*]:outline-none`,
+                  "[&_.is-editor-empty:first-child::before]:text-general-200",
+                  "[&_.is-editor-empty:first-child::before]:content-[attr(data-placeholder)]",
+                  "[&_.is-editor-empty:first-child::before]:content-[attr(data-placeholder)]",
+                  "[&_.is-editor-empty:first-child::before]:font-normal",
+                  "[&_.is-editor-empty:first-child::before]:pointer-events-none",
+                  "[&_.is-editor-empty:first-child::before]:float-left",
+                  "[&_.is-editor-empty:first-child::before]:h-0",
+                  // Anchor
+                  "[&_a]:hover:underline transition-transform duration-75",
+                  "[&_a]:text-link",
+                  "[&_a]:cursor-pointer",
+                  // Bold
+                  "[&_b]:font-bold",
+                  "[&_strong]:font-bold",
+                  // Image
+                  "[&_img.ProseMirror-selectednode]:!outline-[0.5px]",
+                  "[&_img.ProseMirror-selectednode]:!outline-link",
+                  "[&_img.ProseMirror-selectednode]:!outline-offset-1",
+                  "[&_img.ProseMirror-selectednode]:!rounded-sm",
+                  "[&_img]:my-2",
+                  // Inline Code
+                  "[&_*:has(code)]:my-[0.25rem]",
+                  `${l.contentWrapperClass}`
+                ]),
+                editor: s(a),
+                spellcheck: "false"
+              }, null, 8, ["class", "editor"])),
+              u(s(Ze), {
+                ref_key: "headingMenu",
+                ref: G,
+                model: Ie.value,
+                popup: ""
+              }, {
+                item: b(({ item: o }) => {
+                  var r, m, v, A, M, _, L, y;
+                  return [
+                    c("a", {
+                      class: k([
+                        ...(r = s(N)) == null ? void 0 : r.action.class,
+                        o.class,
+                        "flex items-center !justify-between h-[30px]",
+                        {
+                          "bg-primary-50": ((m = s(a)) == null ? void 0 : m.isActive("heading", { level: 1 })) && o.label === "Heading 1" || ((v = s(a)) == null ? void 0 : v.isActive("heading", { level: 2 })) && o.label === "Heading 2" || ((A = s(a)) == null ? void 0 : A.isActive("heading", { level: 3 })) && o.label === "Heading 3" || ((M = s(a)) == null ? void 0 : M.isActive("heading", { level: 4 })) && o.label === "Heading 4" || ((_ = s(a)) == null ? void 0 : _.isActive("heading", { level: 5 })) && o.label === "Heading 5" || ((L = s(a)) == null ? void 0 : L.isActive("heading", { level: 6 })) && o.label === "Heading 6" || ((y = s(a)) == null ? void 0 : y.isActive("paragraph")) && o.label === "Paragraf"
+                        }
+                      ]),
+                      title: o.label,
+                      onClick: (I) => {
+                        var T;
+                        return (T = o.command) == null ? void 0 : T.call(o, { item: o, originalEvent: I });
+                      }
+                    }, [
+                      qe(ke(o.label) + " ", 1),
+                      c("code", Rt, ke(o.shortCut), 1)
+                    ], 10, Et)
+                  ];
+                }),
+                _: 1
+              }, 8, ["model"]),
+              s(a) && l.editorState === "editable" ? (h(), W(s(ne), {
+                key: 2,
+                editor: s(a),
+                "should-show": () => {
+                  var o, r;
+                  return ((o = s(a)) == null ? void 0 : o.isActive("codeSnippet")) || ((r = s(a)) == null ? void 0 : r.isActive("mentionSection"));
+                },
+                "tippy-options": { placement: "top", zIndex: 9 },
+                class: "-mt-1.5 shadow-panel",
+                "plugin-key": "editLinkToolbar"
+              }, {
+                default: b(() => [
+                  c("div", Ot, [
+                    u(B, {
+                      onClick: ue,
+                      icon: "close",
+                      severity: "secondary",
+                      text: "",
+                      "tooltip-text": "Buat text baru dibawah"
+                    })
+                  ])
+                ]),
+                _: 1
+              }, 8, ["editor", "should-show"])) : z("", !0),
+              s(a) && !H.value && l.editorState === "editable" ? (h(), W(s(ne), {
+                key: 3,
+                editor: s(a),
+                "should-show": () => {
+                  var o;
+                  return (o = s(a)) == null ? void 0 : o.isActive("link");
+                },
+                "tippy-options": { placement: "bottom", zIndex: 9 },
+                class: "-mt-1.5 shadow-panel",
+                "plugin-key": "editLinkToolbar"
+              }, {
+                default: b(() => [
+                  c("div", Ut, [
+                    u(B, {
+                      onClick: ee,
+                      class: "!w-max",
+                      label: "Edit Tautan",
+                      severity: "secondary",
+                      text: ""
+                    }),
+                    Dt,
+                    u(B, {
+                      onClick: Be,
+                      icon: "external-link",
+                      severity: "secondary",
+                      text: "",
+                      "tooltip-text": "Buka di tab baru"
+                    }),
+                    jt,
+                    u(B, {
+                      onClick: Fe,
+                      icon: "link-unlink-m",
+                      severity: "secondary",
+                      text: "",
+                      "tooltip-text": "Lepas tautan"
+                    }),
+                    zt,
+                    u(B, {
+                      onClick: He,
+                      icon: "file-copy",
+                      severity: "secondary",
+                      text: "",
+                      "tooltip-text": "Salin tautan"
+                    })
+                  ])
+                ]),
+                _: 1
+              }, 8, ["editor", "should-show"])) : z("", !0),
+              u(_t, {
+                visible: E.value,
+                "onUpdate:visible": t[2] || (t[2] = (o) => E.value = o),
+                class: "w-[400px]",
+                header: "Pilih Gambar"
+              }, {
+                default: b(() => [
+                  c("div", Wt, [
+                    c("div", Kt, [
+                      c("div", Gt, [
+                        u(we, {
+                          "model-value": F.value,
+                          "onUpdate:modelValue": t[0] || (t[0] = (o) => F.value = o),
+                          class: "w-[269px]",
+                          label: "URL Gambar"
+                        }, null, 8, ["model-value"])
+                      ]),
+                      c("div", qt, [
+                        u(le, {
+                          onClick: t[1] || (t[1] = (o) => te()),
+                          label: "Simpan",
+                          severity: "secondary"
+                        })
+                      ])
+                    ]),
+                    c("div", null, [
+                      Jt,
+                      c("div", Xt, [
+                        (h(!0), j(oe, null, Ce(w.value, (o, r) => (h(), j("img", {
+                          key: r,
+                          src: o,
+                          alt: "preview",
+                          class: "w-28 h-28 object-scale-down rounded-lg"
+                        }, null, 8, Zt))), 128)),
+                        c("div", Qt, [
+                          u(kt, {
+                            class: "!w-[70px] !h-[70px]",
+                            icon: "upload-2",
+                            severity: "primary"
+                          }),
+                          u(le, { severity: "secondary" }, {
+                            default: b(() => [
+                              c("div", Yt, [
+                                ea,
+                                c("input", {
+                                  onChange: Ve,
+                                  class: "opacity-0 absolute top-0 bottom-0 left-0 right-0",
+                                  type: "file"
+                                }, null, 32)
+                              ])
+                            ]),
+                            _: 1
+                          })
+                        ])
+                      ])
+                    ])
+                  ])
+                ]),
+                _: 1
+              }, 8, ["visible"]),
+              s(a) && l.editorState === "editable" ? (h(), W(s(ne), {
+                key: 4,
+                editor: s(a),
+                "should-show": () => {
+                  var o;
+                  return !!((o = s(a)) != null && o.isActive("image"));
+                },
+                "tippy-options": { placement: "top", zIndex: 9 },
+                class: "-mt-1.5 shadow-panel",
+                "plugin-key": "editImageToolbar"
+              }, {
+                default: b(() => [
+                  c("div", ta, [
+                    u(B, {
+                      onClick: ce,
+                      icon: "delete-bin",
+                      severity: "secondary",
+                      text: "",
+                      "tooltip-text": "Unset Image"
+                    })
+                  ])
+                ]),
+                _: 1
+              }, 8, ["editor", "should-show"])) : z("", !0)
+            ], 2),
+            u(At, {
+              class: k(e.validatorMessageClass),
+              message: x.errorMessage
+            }, null, 8, ["class", "message"])
+          ]),
+          _: 1
+        }, 8, ["info", "label", "label-class", "mandatory", "show-optional-text"]),
+        u(St, {
+          ref_key: "editLinkOverlay",
+          ref: q,
+          pt: {
+            content: {
+              class: ""
+            }
+          },
+          onHide: t[3] || (t[3] = (o) => H.value = !1),
+          "append-to": "self",
+          class: "w-[342px] bg-white p-4"
+        }, {
+          default: b(() => [
+            u(Ct, {
+              onSubmit: Ne,
+              class: "!gap-0",
+              "hide-stay-checkbox": ""
+            }, {
+              fields: b(() => {
+                var o, r;
+                return [
+                  Je(u(we, {
+                    "validator-message": { empty: "Masukan tautan yang valid" },
+                    value: (o = Z.value) == null ? void 0 : o.href,
+                    "field-name": "url",
+                    label: "Tempel Tautan",
+                    mandatory: "",
+                    placeholder: "Tempel tautan baru",
+                    "use-validator": ""
+                  }, null, 8, ["value"]), [
+                    [i]
+                  ]),
+                  u(wt, {
+                    value: Te(),
+                    "field-name": "text",
+                    label: "Teks Tampilan",
+                    placeholder: "Teks untuk ditampilkan",
+                    "use-validator": ""
+                  }, null, 8, ["value"]),
+                  u(le, {
+                    label: (r = s(a)) != null && r.isActive("link") ? "Simpan" : "Tambahkan",
+                    class: "w-max ml-auto",
+                    severity: "secondary",
+                    type: "submit"
+                  }, null, 8, ["label"])
+                ];
+              }),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 512)
+      ], 64);
+    };
+  }
+});
+export {
+  Na as _,
+  Mt as a,
+  $a as g
+};