@fewangsit/wangsvue-fats 1.0.0-alpha.43 → 1.0.0-alpha.45

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

@@ -1,887 +0,0 @@
-import { defineComponent as Ee, mergeModels as ve, inject as Oe, useModel as fe, onMounted as De, reactive as je, shallowRef as h, ref as V, computed as J, watch as ge, resolveDirective as Re, createElementBlock as $, openBlock as m, Fragment as Q, createVNode as d, withCtx as p, createElementVNode as r, normalizeClass as b, createCommentVNode as U, createBlock as E, renderList as he, mergeProps as We, unref as s, createTextVNode as ze, toDisplayString as be, withDirectives as Ke, nextTick as Ge } from "vue";
-import "../../event-bus/index-PQwO5T6B.es.js";
-import { _ as L } from "./EditorButton-Cfew79JD.es.js";
-import { h as qe } from "../../vendor/primevue-DkBtKf1Y.es.js";
-import { u as Je } from "../../vendor/vee-validate-RE5RuswC.es.js";
-import { B as Qe } from "../../vendor/@tiptap/extension-bold-CvAjR8FR.es.js";
-import { B as Xe } from "../../vendor/@tiptap/extension-bullet-list-BrkIcd-z.es.js";
-import { C as Ye } from "../../vendor/@tiptap/extension-code-BtAtPCQQ.es.js";
-import { N as Z, m as Ze } from "../../vendor/@tiptap/core-DSbPv8xh.es.js";
-import { F as et } from "../../vendor/@tiptap/extension-floating-menu-BTwcx1u8.es.js";
-import { H as tt } from "../../vendor/@tiptap/extension-heading-B6PMnqvS.es.js";
-import { H as at } from "../../vendor/@tiptap/extension-history-DdPDTH0G.es.js";
-import { I as ot } from "../../vendor/@tiptap/extension-image-DCo2JDZp.es.js";
-import { I as lt } from "../../vendor/@tiptap/extension-italic-D09oL4ps.es.js";
-import { L as st } from "../../vendor/@tiptap/extension-link-CV6Fodq9.es.js";
-import { L as it } from "../../vendor/@tiptap/extension-list-item-D8wSpPxS.es.js";
-import { M as nt } from "../../vendor/@tiptap/extension-mention-cFXQdAs7.es.js";
-import { O as rt } from "../../vendor/@tiptap/extension-ordered-list-BZU-Ty3o.es.js";
-import { P as dt } from "../../vendor/@tiptap/extension-placeholder-CsBxoitZ.es.js";
-import { U as ct } from "../../vendor/@tiptap/extension-underline-DklFOEoR.es.js";
-import { u as ut, E as mt, F as X } from "../../vendor/@tiptap/vue-3-BOfcUn5G.es.js";
-import { c as ye, B as Y, F as pt, d as vt } from "../../async-components/index-C8nb7p3T.es.js";
-import { C as ft } from "./codeSnippetExtension-C-ADHg2S.es.js";
-import { M as gt } from "./mentionSectionExtension-rbWufuMT.es.js";
-import { s as ht } from "./suggestion-mkkpQFP-.es.js";
-import { v as bt } from "../../utils/addAttachment.util-D9sYCBjS.es.js";
-import yt from "../dialog/Dialog-BCcbXSya.es.js";
-import xt from "../fieldwrapper/FieldWrapper-DmOogUM5.es.js";
-import _t from "../icon/Icon-C4kXVcEX.es.js";
-import kt from "../overlaypanel/OverlayPanel-bQbjuUgG.es.js";
-import { _ as Ct } from "../validatormessage/ValidatorMessage-BtKfBXzO.es.js";
-const wt = Z.create({
-  name: "doc",
-  topNode: !0,
-  content: "block+"
-}), At = Z.create({
-  name: "paragraph",
-  priority: 1e3,
-  addOptions() {
-    return {
-      HTMLAttributes: {}
-    };
-  },
-  group: "block",
-  content: "inline*",
-  parseHTML() {
-    return [
-      { tag: "p" }
-    ];
-  },
-  renderHTML({ HTMLAttributes: y }) {
-    return ["p", Ze(this.options.HTMLAttributes, y), 0];
-  },
-  addCommands() {
-    return {
-      setParagraph: () => ({ commands: y }) => y.setNode(this.name)
-    };
-  },
-  addKeyboardShortcuts() {
-    return {
-      "Mod-Alt-0": () => this.editor.commands.setParagraph()
-    };
-  }
-}), Lt = Z.create({
-  name: "text",
-  group: "inline"
-}), Mt = ["title", "onClick"], It = { class: "!text-[9px] !leading-3 !h-max !font-normal" }, Tt = {
-  class: /* @__PURE__ */ b([
-    "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"
-  ])
-}, St = {
-  class: /* @__PURE__ */ b([
-    "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"
-  ])
-}, Bt = /* @__PURE__ */ r("span", { class: "separator" }, null, -1), Ht = /* @__PURE__ */ r("span", { class: "separator" }, null, -1), Pt = /* @__PURE__ */ r("span", { class: "separator" }, null, -1), Ft = { class: "flex flex-col gap-4" }, Nt = { class: "flex gap-2" }, Vt = { class: "flex-1" }, $t = { class: "flex items-end" }, Ut = /* @__PURE__ */ r("p", null, "Baru Saja Ditambahkan", -1), Et = { class: "flex flex-wrap justify-center gap-2" }, Ot = ["src"], Dt = { class: "flex flex-col justify-center w-28 h-28 items-center" }, jt = { class: "relative py-[7px] px-3" }, Rt = /* @__PURE__ */ r("p", null, "Cari Gambar", -1), Wt = {
-  class: /* @__PURE__ */ b([
-    "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"
-  ])
-}, ka = /* @__PURE__ */ Ee({
-  __name: "Editor",
-  props: /* @__PURE__ */ ve({
-    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__ */ ve(["update:modelValue", "postImageLocal", "deleteImageLocal", "blur", "focus", "update:mentionedList"], ["update:modelValue", "update:mentionedList"]),
-  setup(y, { expose: xe, emit: _e }) {
-    const ke = Oe("preset", {}).menu, l = y, B = _e;
-    fe(y, "modelValue");
-    const Ce = fe(y, "mentionedList");
-    De(() => {
-      l.useValidator && (Object.assign(
-        v,
-        Je(
-          () => l.fieldName ?? "editorInput",
-          (e) => Ge(() => Pe(e))
-        )
-      ), l.initialValue != null && (v.value = l.initialValue), l.modelValue != null && (v.value = l.modelValue)), Ve();
-    });
-    const O = h(!1), ee = V(), W = V(), te = V(), H = V([]), z = h(!1), M = h(), P = h(), D = h(), v = je({
-      value: l.modelValue
-    }), x = h(!1), F = V([]), K = h(), we = J(
-      () => {
-        var e;
-        return l.placeholder ?? "Tulis " + (l.label ? (e = l.label) == null ? void 0 : e.toLowerCase() : "");
-      }
-    ), a = ut({
-      content: l.initialValue ?? l.modelValue,
-      onBlur: (e) => B("blur", e),
-      onFocus: (e) => B("focus", e),
-      onUpdate: () => {
-        var e, t;
-        B("update:modelValue", ((e = a.value) == null ? void 0 : e.getJSON()) ?? {}), v.value = ((t = a.value) == null ? void 0 : t.getJSON()) ?? {};
-      },
-      onPaste: async (e) => {
-        let t = [];
-        const { items: i } = e.clipboardData, o = (n) => new Promise((c) => {
-          if (n.kind === "file") {
-            const u = n.getAsFile();
-            u && t.push(u), c();
-          } else
-            c();
-        });
-        await Promise.all(Array.from(i).map(o));
-        try {
-          if (t.length) {
-            const n = t.filter((c) => c.type.startsWith("image/")).filter((c) => bt(c, 10));
-            await oe(n);
-          }
-        } catch (n) {
-          console.error("Error pasting images:", n);
-        } 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" && F.value.push(o.attrs.id);
-        }), F.value = Array.from(
-          new Set(F.value)
-        ), t.title === "localImage" ? P.value = t : P.value = void 0;
-      },
-      editable: l.editorState === "editable",
-      extensions: [
-        dt.configure({
-          emptyEditorClass: "is-editor-empty !text-general-200 !font-light",
-          placeholder: we.value,
-          includeChildren: !1
-        }),
-        wt.extend({
-          addKeyboardShortcuts() {
-            return {
-              "Mod-\\": () => (this.editor.commands.clearNodes(), this.editor.commands.unsetAllMarks())
-            };
-          }
-        }),
-        // Blocks
-        tt,
-        At,
-        Lt,
-        ot.extend({
-          addKeyboardShortcuts() {
-            const e = () => {
-              const { node: t } = this.editor.state.selection;
-              return t && t.type.name === "image" && t.attrs.title === "localImage" ? (le(), !0) : !1;
-            };
-            return {
-              Insert: () => ae(),
-              Backspace: e,
-              Delete: e
-            };
-          }
-        }).configure({
-          HTMLAttributes: {
-            class: "w-fit max-h-[300px] object-contain"
-          }
-        }),
-        ft.extend({
-          addKeyboardShortcuts() {
-            return {
-              "Mod-alt-c": se
-            };
-          }
-        }),
-        gt,
-        rt.configure({
-          HTMLAttributes: {
-            class: "list-decimal px-3 py-1"
-          }
-        }),
-        Xe.configure({
-          HTMLAttributes: {
-            class: "list-disc px-3 py-1"
-          }
-        }),
-        it,
-        // Marks
-        Qe,
-        lt,
-        ct,
-        Ye,
-        st.extend({
-          addKeyboardShortcuts() {
-            return {
-              "Mod-k": () => G()
-            };
-          }
-        }).configure({
-          openOnClick: !1
-        }),
-        at,
-        nt.configure({
-          HTMLAttributes: {
-            class: "bg-primary-200 text-primary-800 rounded-[50px] px-1"
-          },
-          suggestion: {
-            items({ query: e }) {
-              return ((D == null ? void 0 : D.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
-              }));
-            },
-            ...ht()
-          }
-        }),
-        et
-      ]
-    }), Ae = J(() => {
-      var C, g, w, A, I, T, S, N, R, ne, re, de, ce, ue, me, pe;
-      if (!a.value) return [];
-      const {
-        toggleBold: e,
-        focus: t,
-        toggleItalic: i,
-        toggleUnderline: o,
-        toggleBulletList: n,
-        toggleCode: c,
-        toggleOrderedList: u,
-        unsetAllMarks: _,
-        clearNodes: k
-      } = a.value.commands, f = (C = a.value) == null ? void 0 : C.isActive("code");
-      return [
-        {
-          label: "Aa",
-          iconPos: "right",
-          icon: "arrow-down",
-          class: "!gap-0 !w-[50px] !p-0 !m-0 [&_span]:leading-[22px]",
-          onClick: (g = ee.value) == null ? void 0 : g.toggle
-        },
-        {
-          icon: "bold",
-          tooltipText: "Bold | Ctrl + B",
-          active: (w = a.value) == null ? void 0 : w.isActive("bold"),
-          disabled: f,
-          onClick: () => {
-            t(), e();
-          }
-        },
-        {
-          icon: "italic",
-          tooltipText: "Italic | Ctrl + I",
-          active: (A = a.value) == null ? void 0 : A.isActive("italic"),
-          disabled: f,
-          onClick: () => {
-            t(), i();
-          }
-        },
-        {
-          icon: "underline",
-          class: "mr-3",
-          active: (I = a.value) == null ? void 0 : I.isActive("underline"),
-          tooltipText: "Underline | Ctrl + U",
-          disabled: f,
-          onClick: () => {
-            t(), o();
-          }
-        },
-        {
-          icon: "list-unordered",
-          tooltipText: "Bullet List | Ctrl + 7",
-          active: (T = a.value) == null ? void 0 : T.isActive("bullet-list"),
-          onClick: () => {
-            t(), n();
-          }
-        },
-        {
-          icon: "list-ordered",
-          tooltipText: "Numbered List | Ctrl + 8",
-          active: (S = a.value) == null ? void 0 : S.isActive("ordered-list"),
-          class: "mr-3",
-          onClick: () => {
-            t(), u();
-          }
-        },
-        {
-          icon: "link-m",
-          tooltipText: "Link | Ctrl + K",
-          disabled: ((N = a.value) == null ? void 0 : N.isActive("link")) || O.value,
-          onClick: G
-        },
-        {
-          icon: "image-add",
-          active: (R = a.value) == null ? void 0 : R.isActive("image"),
-          tooltipText: "Image | Insert",
-          onClick: () => ae()
-        },
-        {
-          icon: "code-line",
-          active: (ne = a.value) == null ? void 0 : ne.isActive("code"),
-          tooltipText: "Inline Code | Ctrl + E",
-          onClick: () => {
-            t(), c();
-          }
-        },
-        {
-          icon: "code-box-line",
-          active: (re = a.value) == null ? void 0 : re.isActive("codeSnippet"),
-          tooltipText: "Code Block | Ctrl + Alt + C",
-          onClick: () => {
-            se();
-          }
-        },
-        {
-          icon: "format-clear",
-          tooltipText: "Clear Formatting Ctrl + \\",
-          disabled: !((de = a.value) != null && de.isActive("bold")) && !((ce = a.value) != null && ce.isActive("underline")) && !((ue = a.value) != null && ue.isActive("italic")) && !((me = a.value) != null && me.isActive("code")) && !((pe = a.value) != null && pe.isActive("heading")),
-          onClick: () => {
-            t(), k(), _();
-          }
-        }
-      ];
-    }), Le = h([
-      {
-        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 });
-        }
-      }
-    ]), j = J(() => {
-      var e;
-      return (e = a.value) == null ? void 0 : e.getAttributes("link");
-    }), Me = () => {
-      var i;
-      const { href: e } = j.value, t = (i = a.value) == null ? void 0 : i.view.dom.querySelector(`[href="${e}"]`);
-      return Be() || t && (t == null ? void 0 : t.textContent) !== e && t.textContent || void 0;
-    }, Ie = () => {
-      var e;
-      window.open((e = j.value) == null ? void 0 : e.href, "_blank");
-    }, Te = () => {
-      var e;
-      window.navigator.clipboard.writeText((e = j.value) == null ? void 0 : e.href);
-    }, Se = () => {
-      var e;
-      if (a.value) {
-        const { unsetLink: t, focus: i } = ((e = a.value) == null ? void 0 : e.commands) ?? {};
-        i(), t();
-      }
-    }, Be = () => {
-      if (a.value) {
-        const { state: e } = a.value, { from: t, to: i } = e.selection;
-        return e == null ? void 0 : e.doc.textBetween(t, i, " ");
-      }
-    }, ae = () => (z.value = !0, !1), oe = async (e) => {
-      if (l.isImageUploadBase64) {
-        const t = await Ne(e[0]);
-        q(t);
-      } else
-        B("postImageLocal", {
-          image: e[0],
-          setImageCb: q
-        });
-    }, He = (e) => {
-      const { files: t } = e.target;
-      oe(t);
-    }, Pe = (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;
-    }, G = (e) => {
-      var o, n, c, u;
-      const t = e ?? {
-        currentTarget: (n = (o = te.value) == null ? void 0 : o.querySelector(".ic-link-m")) == null ? void 0 : n.closest("button")
-      }, { dom: i } = ((c = a.value) == null ? void 0 : c.view) ?? {};
-      return (u = W.value) == null || u.toggle(t, i), !0;
-    }, Fe = ({ formValues: e }) => {
-      var _, k;
-      if (!a.value) return !1;
-      const { setLink: t, insertContent: i, focus: o } = a.value.commands, { url: n, text: c } = e, { state: u } = a.value;
-      return o(), t({
-        href: n,
-        target: "_blank",
-        rel: "nofollow"
-      }), (_ = a.value) != null && _.isActive("link") ? a.value.chain().focus().command(({ tr: f, state: C }) => {
-        const { $from: g, $to: w } = C.selection, A = u.schema.marks.link;
-        let I = g.start(), T = w.end();
-        return u.doc.nodesBetween(g.pos, w.pos, (S, N) => {
-          S.isText && S.marks.some((R) => R.type === A) && (I = Math.min(I, N), T = Math.max(T, N + S.nodeSize));
-        }), f.insertText(c || n, I, T), !0;
-      }).run() : u.selection.empty && i(c || n), (k = W.value) == null || k.hide(), O.value = !1, !0;
-    }, q = (e) => {
-      var t, i, o, n;
-      (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" }), H.value = Array.from(
-        /* @__PURE__ */ new Set([...H.value, e])
-      )), M.value && ((n = a.value) == null || n.commands.setImage({ src: M.value }), H.value = Array.from(
-        /* @__PURE__ */ new Set([...H.value, M.value])
-      )), M.value = void 0, ie();
-    }, le = () => {
-      var e;
-      P.value && P.value.title === "localImage" && B("deleteImageLocal", P.value), (e = a.value) == null || e.commands.deleteSelection();
-    }, Ne = (e) => new Promise((t, i) => {
-      const o = new FileReader();
-      o.readAsDataURL(e), o.onload = () => {
-        t(o.result);
-      }, o.onerror = (n) => {
-        i(n);
-      };
-    }), Ve = async () => {
-      if (l.fetchMentionSuggestionFunction) {
-        x.value = !x.value;
-        try {
-          const { data: e } = await l.fetchMentionSuggestionFunction() ?? {};
-          D.value = e, x.value = !x.value;
-        } catch (e) {
-          console.error(e);
-        }
-      }
-    }, se = () => {
-      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;
-    }, ie = () => {
-      a.value.commands.createParagraphNear();
-    }, $e = (e) => {
-      var t;
-      try {
-        const { insertMentionSection: i } = (t = a.value) == null ? void 0 : t.commands;
-        i(e), K.value !== e && K.value !== void 0 && Ue(), K.value = e;
-      } catch (i) {
-        console.error(i);
-      }
-    }, Ue = () => {
-      x.value = !0, setTimeout(() => {
-        x.value = !1;
-      }, 100);
-    };
-    return xe({
-      mentionSectionTrigger: $e
-    }), ge(
-      () => l.invalid,
-      () => {
-        var e;
-        (e = v.validate) == null || e.call(v);
-      }
-    ), ge(F, () => {
-      Ce.value = F.value;
-    }), (e, t) => {
-      const i = Re("focus");
-      return m(), $(Q, null, [
-        d(xt, {
-          info: e.fieldInfo,
-          label: l.label,
-          "label-class": l.labelClass,
-          mandatory: l.mandatory,
-          "show-optional-text": l.showOptionalText
-        }, {
-          default: p(() => [
-            r("div", {
-              ref_key: "root",
-              ref: te,
-              class: b([
-                "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" ? (m(), $("div", {
-                key: 0,
-                class: b([
-                  "border-b-[0.5px] border-inherit px-3 py-1 flex gap-1 bg-general-50",
-                  `${l.toolbarWrapperClass}`
-                ]),
-                "data-wv-section": "toolbar"
-              }, [
-                (m(!0), $(Q, null, he(Ae.value, (o) => (m(), E(L, We({ ref_for: !0 }, o, {
-                  key: o.icon,
-                  class: [{ "!bg-primary-50 ": o.active }, o.class]
-                }), null, 16, ["class"]))), 128))
-              ], 2)) : U("", !0),
-              x.value ? U("", !0) : (m(), E(s(mt), {
-                key: 1,
-                class: b([
-                  `${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"])),
-              d(s(qe), {
-                ref_key: "headingMenu",
-                ref: ee,
-                model: Le.value,
-                popup: ""
-              }, {
-                item: p(({ item: o }) => {
-                  var n, c, u, _, k, f, C, g;
-                  return [
-                    r("a", {
-                      class: b([
-                        ...(n = s(ke)) == null ? void 0 : n.action.class,
-                        o.class,
-                        "flex items-center !justify-between h-[30px]",
-                        {
-                          "bg-primary-50": ((c = s(a)) == null ? void 0 : c.isActive("heading", { level: 1 })) && o.label === "Heading 1" || ((u = s(a)) == null ? void 0 : u.isActive("heading", { level: 2 })) && o.label === "Heading 2" || ((_ = s(a)) == null ? void 0 : _.isActive("heading", { level: 3 })) && o.label === "Heading 3" || ((k = s(a)) == null ? void 0 : k.isActive("heading", { level: 4 })) && o.label === "Heading 4" || ((f = s(a)) == null ? void 0 : f.isActive("heading", { level: 5 })) && o.label === "Heading 5" || ((C = s(a)) == null ? void 0 : C.isActive("heading", { level: 6 })) && o.label === "Heading 6" || ((g = s(a)) == null ? void 0 : g.isActive("paragraph")) && o.label === "Paragraf"
-                        }
-                      ]),
-                      title: o.label,
-                      onClick: (w) => {
-                        var A;
-                        return (A = o.command) == null ? void 0 : A.call(o, { item: o, originalEvent: w });
-                      }
-                    }, [
-                      ze(be(o.label) + " ", 1),
-                      r("code", It, be(o.shortCut), 1)
-                    ], 10, Mt)
-                  ];
-                }),
-                _: 1
-              }, 8, ["model"]),
-              s(a) && l.editorState === "editable" ? (m(), E(s(X), {
-                key: 2,
-                editor: s(a),
-                "should-show": () => {
-                  var o, n;
-                  return ((o = s(a)) == null ? void 0 : o.isActive("codeSnippet")) || ((n = s(a)) == null ? void 0 : n.isActive("mentionSection"));
-                },
-                "tippy-options": { placement: "top", zIndex: 9 },
-                class: "-mt-1.5 shadow-panel",
-                "plugin-key": "editLinkToolbar"
-              }, {
-                default: p(() => [
-                  r("div", Tt, [
-                    d(L, {
-                      onClick: ie,
-                      icon: "close",
-                      severity: "secondary",
-                      text: "",
-                      "tooltip-text": "Buat text baru dibawah"
-                    })
-                  ])
-                ]),
-                _: 1
-              }, 8, ["editor", "should-show"])) : U("", !0),
-              s(a) && !O.value && l.editorState === "editable" ? (m(), E(s(X), {
-                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: p(() => [
-                  r("div", St, [
-                    d(L, {
-                      onClick: G,
-                      class: "!w-max",
-                      label: "Edit Tautan",
-                      severity: "secondary",
-                      text: ""
-                    }),
-                    Bt,
-                    d(L, {
-                      onClick: Ie,
-                      icon: "external-link",
-                      severity: "secondary",
-                      text: "",
-                      "tooltip-text": "Buka di tab baru"
-                    }),
-                    Ht,
-                    d(L, {
-                      onClick: Se,
-                      icon: "link-unlink-m",
-                      severity: "secondary",
-                      text: "",
-                      "tooltip-text": "Lepas tautan"
-                    }),
-                    Pt,
-                    d(L, {
-                      onClick: Te,
-                      icon: "file-copy",
-                      severity: "secondary",
-                      text: "",
-                      "tooltip-text": "Salin tautan"
-                    })
-                  ])
-                ]),
-                _: 1
-              }, 8, ["editor", "should-show"])) : U("", !0),
-              d(yt, {
-                visible: z.value,
-                "onUpdate:visible": t[2] || (t[2] = (o) => z.value = o),
-                class: "w-[400px]",
-                header: "Pilih Gambar"
-              }, {
-                default: p(() => [
-                  r("div", Ft, [
-                    r("div", Nt, [
-                      r("div", Vt, [
-                        d(s(ye), {
-                          "model-value": M.value,
-                          "onUpdate:modelValue": t[0] || (t[0] = (o) => M.value = o),
-                          class: "w-[269px]",
-                          label: "URL Gambar"
-                        }, null, 8, ["model-value"])
-                      ]),
-                      r("div", $t, [
-                        d(s(Y), {
-                          onClick: t[1] || (t[1] = (o) => q()),
-                          label: "Simpan",
-                          severity: "secondary"
-                        })
-                      ])
-                    ]),
-                    r("div", null, [
-                      Ut,
-                      r("div", Et, [
-                        (m(!0), $(Q, null, he(H.value, (o, n) => (m(), $("img", {
-                          key: n,
-                          src: o,
-                          alt: "preview",
-                          class: "w-28 h-28 object-scale-down rounded-lg"
-                        }, null, 8, Ot))), 128)),
-                        r("div", Dt, [
-                          d(_t, {
-                            class: "!w-[70px] !h-[70px]",
-                            icon: "upload-2",
-                            severity: "primary"
-                          }),
-                          d(s(Y), { severity: "secondary" }, {
-                            default: p(() => [
-                              r("div", jt, [
-                                Rt,
-                                r("input", {
-                                  onChange: He,
-                                  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" ? (m(), E(s(X), {
-                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: p(() => [
-                  r("div", Wt, [
-                    d(L, {
-                      onClick: le,
-                      icon: "delete-bin",
-                      severity: "secondary",
-                      text: "",
-                      "tooltip-text": "Unset Image"
-                    })
-                  ])
-                ]),
-                _: 1
-              }, 8, ["editor", "should-show"])) : U("", !0)
-            ], 2),
-            d(Ct, {
-              class: b(e.validatorMessageClass),
-              message: v.errorMessage
-            }, null, 8, ["class", "message"])
-          ]),
-          _: 1
-        }, 8, ["info", "label", "label-class", "mandatory", "show-optional-text"]),
-        d(kt, {
-          ref_key: "editLinkOverlay",
-          ref: W,
-          pt: {
-            content: {
-              class: ""
-            }
-          },
-          onHide: t[3] || (t[3] = (o) => O.value = !1),
-          "append-to": "self",
-          class: "w-[342px] bg-white p-4"
-        }, {
-          default: p(() => [
-            d(s(pt), {
-              onSubmit: Fe,
-              class: "!gap-0",
-              "hide-stay-checkbox": ""
-            }, {
-              fields: p(() => {
-                var o, n;
-                return [
-                  Ke(d(s(ye), {
-                    "validator-message": { empty: "Masukan tautan yang valid" },
-                    value: (o = j.value) == null ? void 0 : o.href,
-                    "field-name": "url",
-                    label: "Tempel Tautan",
-                    mandatory: "",
-                    placeholder: "Tempel tautan baru",
-                    "use-validator": ""
-                  }, null, 8, ["value"]), [
-                    [i]
-                  ]),
-                  d(s(vt), {
-                    value: Me(),
-                    "field-name": "text",
-                    label: "Teks Tampilan",
-                    placeholder: "Teks untuk ditampilkan",
-                    "use-validator": ""
-                  }, null, 8, ["value"]),
-                  d(s(Y), {
-                    label: (n = s(a)) != null && n.isActive("link") ? "Simpan" : "Tambahkan",
-                    class: "w-max ml-auto",
-                    severity: "secondary",
-                    type: "submit"
-                  }, null, 8, ["label"])
-                ];
-              }),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 512)
-      ], 64);
-    };
-  }
-});
-export {
-  ka as default
-};