vdc-editor 0.1.194 → 0.1.196

package/lib/BulkSpellChecker-DPIlFN2j.mjs

@@ -0,0 +1,687 @@
+import { c as Z, a as Y, C as be, P as Ce, b as ve, D as ye, d as Ee, _ as Se, e as we, f as Te, S as oe, o as Ie, g as Re, h as Oe, i as Ne, j as We, k as Me, l as He, m as Ae, n as $e } from "./index-DNILyPgY.mjs";
+import { defineComponent as P, createElementBlock as v, openBlock as m, createVNode as E, createElementVNode as h, unref as s, ref as L, onMounted as ee, nextTick as le, createCommentVNode as ie, normalizeClass as z, withModifiers as te, toDisplayString as G, normalizeStyle as ae, Fragment as K, renderList as q, createTextVNode as V, createBlock as B, createStaticVNode as Le, withCtx as $, reactive as ce, computed as se, watch as ue, normalizeProps as De, guardReactiveProps as Pe, renderSlot as Be, onUnmounted as re, resolveDynamicComponent as ze } from "vue";
+import { useWindowSize as je, useEventListener as Ge } from "@vueuse/core";
+const U = {
+  SPACING: 1,
+  SPELLING: 2
+}, Ve = {
+  NOTHING_TO_CHANGE: "NOTHING_TO_CHANGE"
+}, H = {
+  LOADING: "loading",
+  HAS_ERROR: "hasError",
+  NO_ERROR: "noError",
+  FAIL: "fail"
+}, D = {
+  EDITOR_COMMENT: "editorComment",
+  EDITOR_CONTENT: "editorContent"
+};
+/**
+ * @license lucide-vue-next v0.439.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Fe = Z("ArrowLeftRightIcon", [
+  ["path", { d: "M8 3 4 7l4 4", key: "9rb6wj" }],
+  ["path", { d: "M4 7h16", key: "6tx8e3" }],
+  ["path", { d: "m16 21 4-4-4-4", key: "siv7j2" }],
+  ["path", { d: "M20 17H4", key: "h6l3hr" }]
+]);
+/**
+ * @license lucide-vue-next v0.439.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ke = Z("CircleAlertIcon", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
+  ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
+]);
+/**
+ * @license lucide-vue-next v0.439.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ye = Z("CircleCheckIcon", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
+]), Ue = { class: "min-h-[188px] flex flex-col items-center justify-center gap-y-2 text-sm" }, Xe = /* @__PURE__ */ P({
+  __name: "BulkSpellCheckerFail",
+  setup(o) {
+    return (t, r) => (m(), v("div", Ue, [
+      E(s(Ke), { class: "h-12 w-12 text-red-500" }),
+      r[0] || (r[0] = h("div", null, "맞춤법 검사에 실패했습니다", -1)),
+      r[1] || (r[1] = h("p", { class: "text-xs font-normal text-gray-600 dark:text-gray-400" }, "다시 검사하기 버튼을 눌러 재시도 해주세요", -1))
+    ]));
+  }
+}), qe = { class: "min-h-[188px] flex flex-col items-center justify-center gap-y-2 text-sm" }, Je = /* @__PURE__ */ P({
+  __name: "BulkSpellCheckerNotWrongWord",
+  setup(o) {
+    return (t, r) => (m(), v("div", qe, [
+      E(s(Ye), { class: "h-12 w-12 text-blue-500" }),
+      r[0] || (r[0] = h("div", null, "맞춤법 오류가 없습니다", -1))
+    ]));
+  }
+}), Qe = { class: "relative" }, Ze = ["innerHTML"], et = { class: "border-b border-gray-500" }, tt = /* @__PURE__ */ P({
+  __name: "BulkSpellCheckerHelpText",
+  props: {
+    text: {}
+  },
+  setup(o) {
+    const t = L(!1), r = L(!1), i = L(null);
+    function p() {
+      t.value = !t.value;
+    }
+    return ee(async () => {
+      await le(), i.value && i.value.scrollHeight > 32 && (r.value = !0);
+    }), (d, k) => (m(), v("div", Qe, [
+      h("div", {
+        ref_key: "helpRef",
+        ref: i,
+        class: z(["text-gray-700 dark:text-gray-400 transition-all", s(t) ? "max-h-none" : "max-h-[32px] overflow-hidden"]),
+        innerHTML: d.text
+      }, null, 10, Ze),
+      s(r) ? (m(), v("div", {
+        key: 0,
+        class: z([
+          "",
+          s(Y)(
+            "w-32 flex items-end justify-end bg-gradient-to-l from-white via-white to-transparent dark:from-ed-background dark:via-ed-background",
+            s(t) ? "ml-auto opacity-60" : "absolute bottom-0 right-0"
+          )
+        ])
+      }, [
+        h("button", {
+          class: "flex items-center gap-1",
+          onClick: te(p, ["stop"])
+        }, [
+          h("span", et, G(s(t) ? "접기" : "자세히"), 1),
+          E(s(be), {
+            class: z(["w-4 h-4 transition-transform", s(t) ? "rotate-180" : ""])
+          }, null, 8, ["class"])
+        ])
+      ], 2)) : ie("", !0)
+    ]));
+  }
+}), ne = new Ce("bulk-spellcheck-highlight");
+function nt(o, t, r = `
+`) {
+  return new ve({
+    key: ne,
+    props: {
+      decorations(i) {
+        const p = [], d = {
+          [U.SPACING]: "bulk-highlight text-blue-500 border-b-2 border-blue-500",
+          [U.SPELLING]: "bulk-highlight text-red-500 border-b-2 border-red-500"
+        };
+        return t.forEach((k) => {
+          var g, _;
+          const I = j(o, k.startIndex, r), M = j(o, k.endIndex - 1, r) + 1, b = (_ = (g = k.errorHelpDtos) == null ? void 0 : g[0]) == null ? void 0 : _.errorType, A = d[b ?? -1] || "bulk-highlight text-green-500 border-b-2 border-green-500", a = Math.max(0, Math.min(I, i.doc.content.size)), l = Math.max(0, Math.min(M, i.doc.content.size));
+          a < l && p.push(Ee.inline(a, l, { class: A }));
+        }), ye.create(i.doc, p);
+      }
+    }
+  });
+}
+function Q(o, t) {
+  if (o.unregisterPlugin(ne), !t.length) return;
+  const r = nt(o, t);
+  o.registerPlugin(r);
+}
+function ot(o) {
+  o && o.unregisterPlugin(ne);
+}
+function de(o, t = `
+`) {
+  const r = [];
+  let i = 0, p = !0;
+  return o.state.doc.descendants((d, k) => {
+    if (d.isText && d.text)
+      for (let b = 0; b < d.text.length; b++)
+        r[i++] = k + b;
+    const I = d.type && d.type.name;
+    if ((I === "hardBreak" || I === "hard_break" || I === "br") && t.length > 0)
+      for (let b = 0; b < t.length; b++)
+        r[i++] = k;
+    if (d.isBlock) {
+      if (!p && t.length > 0)
+        for (let b = 0; b < t.length; b++)
+          r[i++] = k;
+      p = !1;
+    }
+    return !0;
+  }), r;
+}
+function j(o, t, r = `
+`) {
+  const i = de(o, r);
+  if (t < 0 && (t = 0), t >= i.length)
+    return o.state.doc.content.size;
+  const p = i[t];
+  if (p == null) {
+    for (let d = t; d < i.length; d++) if (i[d] != null) return i[d];
+    for (let d = t - 1; d >= 0; d--) if (i[d] != null) return i[d];
+    return o.state.doc.content.size;
+  }
+  return p;
+}
+const st = ["onClick"], rt = { class: "flex items-center mb-2" }, lt = { class: "flex items-center gap-2" }, it = { class: "break-all whitespace-normal" }, at = { class: "flex items-center mb-2" }, ct = {
+  key: 0,
+  class: "flex-1 space-y-1"
+}, ut = { class: "text-sm" }, dt = ["onClick"], pt = { key: 1 }, ft = { class: "flex" }, gt = { class: "flex-1" }, J = 450, mt = /* @__PURE__ */ P({
+  __name: "BulkSpellCheckerWrongWordList",
+  props: {
+    editorsState: {}
+  },
+  setup(o) {
+    const t = o;
+    function r(a) {
+      return {
+        [U.SPACING]: "bg-blue-500",
+        [U.SPELLING]: "bg-red-500"
+      }[a ?? -1] || "bg-green-500";
+    }
+    function i(a) {
+      var l, g, _, x;
+      return ((x = (_ = (g = (l = a == null ? void 0 : a.extensionStorage) == null ? void 0 : l.spellchecker) == null ? void 0 : g.spellchecker) == null ? void 0 : _.uiStrings) == null ? void 0 : x.uiStrings) || "No suggestions found";
+    }
+    function p(a) {
+      var l, g;
+      if (a === D.EDITOR_COMMENT) {
+        (l = t.editorsState[D.EDITOR_CONTENT].editor) == null || l.commands.setTextSelection(0);
+        return;
+      }
+      if (a === D.EDITOR_CONTENT) {
+        (g = t.editorsState[D.EDITOR_COMMENT].editor) == null || g.commands.setTextSelection(0);
+        return;
+      }
+    }
+    function d(a, l, g) {
+      if (!l) return;
+      p(a);
+      const _ = j(l, g.startIndex), x = j(l, g.endIndex - 1) + 1;
+      l.chain().setTextSelection({ from: _, to: x }).focus().run();
+      const e = Math.max(0, Math.floor((_ + x) / 2)), c = l.view.domAtPos(e).node;
+      let f = null;
+      c instanceof Element ? f = c : c instanceof Text ? f = c.parentElement : f = (c == null ? void 0 : c.parentElement) ?? l.view.dom, f != null && f.scrollIntoView && f.scrollIntoView({ behavior: "smooth", block: "center" });
+    }
+    function k(a, l, g, _) {
+      var R;
+      if (!a) return;
+      const x = j(a, g.startIndex), e = j(a, g.endIndex - 1) + 1, n = a.state.tr.insertText(_, x, e);
+      a.view.dispatch(n), a.view.focus();
+      const c = _.length - (((R = g.wrongWord) == null ? void 0 : R.length) ?? 0), f = g.startIndex, S = g.endIndex;
+      for (let O = l.length - 1; O >= 0; O--) {
+        const C = l[O];
+        if (C.startIndex >= f && C.startIndex < S) {
+          l.splice(O, 1);
+          continue;
+        }
+        C.startIndex > f && (C.startIndex += c, C.endIndex += c);
+      }
+      const T = l.indexOf(g);
+      T !== -1 && l.splice(T, 1), Q(a, l);
+    }
+    const I = L(null), M = L(J), { height: b } = je();
+    function A() {
+      const a = I.value;
+      if (!a) return;
+      const l = 80, g = a.getBoundingClientRect(), _ = b.value - g.top - l;
+      M.value = J > _ ? _ : J;
+    }
+    return ee(() => {
+      A(), Ge(window, "resize", A);
+    }), (a, l) => {
+      const g = tt;
+      return m(), v("div", {
+        ref_key: "contentEl",
+        ref: I,
+        style: ae({ maxHeight: `${s(M)}px` }),
+        class: "pr-1 overflow-y-auto"
+      }, [
+        (m(!0), v(K, null, q(a.editorsState, (_, x) => (m(), v(K, { key: x }, [
+          (m(!0), v(K, null, q(_.wrongWords, (e, n) => {
+            var c, f;
+            return m(), v("div", {
+              key: n,
+              class: "border-b border-gray-100 dark:border-ed-muted pb-5 mb-5 cursor-pointer",
+              onClick: (S) => d(x, a.editorsState[x].editor, e)
+            }, [
+              h("div", rt, [
+                l[0] || (l[0] = h("span", { class: "w-16 font-medium" }, "입력 내용", -1)),
+                h("div", lt, [
+                  h("span", {
+                    class: z(["w-1.5 h-1.5 rounded-full", r((c = e.errorHelpDtos[0]) == null ? void 0 : c.errorType)])
+                  }, null, 2),
+                  h("span", it, G(e.wrongWord), 1)
+                ])
+              ]),
+              h("div", at, [
+                l[3] || (l[3] = h("span", { class: "w-16 font-medium" }, "대치어", -1)),
+                e.correctWord.length ? (m(), v("div", ct, [
+                  (m(!0), v(K, null, q(e.correctWord, (S, T) => (m(), v("div", {
+                    key: T,
+                    class: "font-semibold px-3 py-1.5 rounded bg-gray-100 dark:bg-ed-muted flex items-center justify-between"
+                  }, [
+                    h("div", ut, G(S), 1),
+                    h("button", {
+                      class: "flex items-center gap-1 text-blue-500",
+                      onClick: te((R) => k(_.editor, _.wrongWords, e, S), ["stop"])
+                    }, [
+                      E(s(Fe), { class: "w-4 h-4" }),
+                      l[1] || (l[1] = V()),
+                      l[2] || (l[2] = h("span", null, "바꾸기", -1))
+                    ], 8, dt)
+                  ]))), 128))
+                ])) : (m(), v("div", pt, G(i(_.editor)), 1))
+              ]),
+              h("div", ft, [
+                l[4] || (l[4] = h("span", { class: "w-16 font-medium" }, "도움말", -1)),
+                h("div", gt, [
+                  E(g, {
+                    text: (f = e.errorHelpDtos[0]) == null ? void 0 : f.errorMessage
+                  }, null, 8, ["text"])
+                ])
+              ])
+            ], 8, st);
+          }), 128))
+        ], 64))), 128))
+      ], 4);
+    };
+  }
+}), ht = {
+  key: 0,
+  class: "opacity-25",
+  cx: "12",
+  cy: "12",
+  r: "10",
+  fill: "#ffffff",
+  stroke: "currentColor",
+  "stroke-width": "4"
+}, _t = {
+  key: 1,
+  class: "opacity-25",
+  cx: "12",
+  cy: "12",
+  r: "10",
+  stroke: "currentColor",
+  "stroke-width": "4"
+}, xt = /* @__PURE__ */ P({
+  __name: "SpinnerIcon",
+  props: {
+    fillWhite: { type: Boolean, default: !1 },
+    class: { default: "" }
+  },
+  setup(o) {
+    const t = o;
+    return (r, i) => (m(), v("svg", {
+      class: z(s(Y)("animate-spin h-5 w-5 mr-0.5", t.class)),
+      viewBox: "0 0 24 24",
+      "aria-hidden": "true"
+    }, [
+      r.fillWhite ? (m(), v("circle", ht)) : (m(), v("circle", _t)),
+      i[0] || (i[0] = h("path", {
+        class: "opacity-100",
+        fill: "currentColor",
+        d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+      }, null, -1))
+    ], 2));
+  }
+}), kt = {}, bt = { class: "min-h-[188px] flex flex-col items-center justify-center gap-y-2 text-sm" };
+function Ct(o, t) {
+  const r = xt;
+  return m(), v("div", bt, [
+    E(r, {
+      "fill-white": "",
+      class: "h-10 w-10 text-blue-500"
+    }),
+    t[0] || (t[0] = h("div", null, "맞춤법 검사 중입니다", -1))
+  ]);
+}
+const vt = /* @__PURE__ */ Se(kt, [["render", Ct]]), yt = { class: "text-xs py-4 px-6" }, Et = { class: "flex items-center justify-between mt-3" }, St = { class: "flex gap-x-1" }, wt = /* @__PURE__ */ P({
+  __name: "BulkSpellCheckerContent",
+  props: {
+    editorsState: {},
+    spellCheckStatus: {},
+    allWrongWordsMissSuggestions: { type: Boolean }
+  },
+  emits: ["close-modal", "run-spellcheck", "replace-all-editor-errors"],
+  setup(o, { emit: t }) {
+    const r = t;
+    return (i, p) => {
+      const d = vt, k = mt, I = Je, M = Xe, b = we;
+      return m(), v("div", yt, [
+        i.spellCheckStatus === s(H).LOADING ? (m(), B(d, { key: 0 })) : i.spellCheckStatus === s(H).HAS_ERROR ? (m(), B(k, {
+          key: 1,
+          editorsState: i.editorsState
+        }, null, 8, ["editorsState"])) : i.spellCheckStatus === s(H).NO_ERROR ? (m(), B(I, { key: 2 })) : i.spellCheckStatus === s(H).FAIL ? (m(), B(M, { key: 3 })) : ie("", !0),
+        h("div", Et, [
+          p[4] || (p[4] = Le('<ul class="flex items-cente gap-x-4"><li class="flex items-center gap-x-1"><span class="w-1.5 h-1.5 rounded-full bg-red-500"></span>맞춤법</li><li class="flex items-center gap-x-1"><span class="w-1.5 h-1.5 rounded-full bg-blue-500"></span>띄어쓰기</li><li class="flex items-center gap-x-1"><span class="w-1.5 h-1.5 rounded-full bg-green-500"></span>통합교정</li></ul>', 1)),
+          h("div", St, [
+            E(b, {
+              variant: "outline",
+              class: z(
+                s(Y)(
+                  "border-blue-500 text-blue-500 text-xs px-3 py-2 h-auto hover:bg-white/80 hover:opacity-80 hover:text-blue-500 dark:text-dark-blue-100 dark:hover:bg-dark-blue-400 dark:hover:text-dark-blue-50 dark:hover:border-dark-blue-100",
+                  i.spellCheckStatus === s(H).LOADING && "text-gray-300 bg-gray-100 border-gray-100 pointer-events-none dark:bg-ed-muted/70  dark:border-ed-muted/70 dark:text-gray-500"
+                )
+              ),
+              onClick: p[0] || (p[0] = (A) => r("run-spellcheck"))
+            }, {
+              default: $(() => p[2] || (p[2] = [
+                V("다시 검사하기")
+              ])),
+              _: 1
+            }, 8, ["class"]),
+            E(b, {
+              class: z(
+                s(Y)(
+                  "border-blue-500 text-white text-xs px-3 py-2 h-auto bg-blue-500 hover:bg-blue-500/80",
+                  (i.spellCheckStatus !== s(H).HAS_ERROR || i.allWrongWordsMissSuggestions) && "text-gray-300 bg-gray-100 hover:bg-gray-100 pointer-events-none dark:bg-ed-muted/70 dark:text-gray-500"
+                )
+              ),
+              onClick: p[1] || (p[1] = (A) => r("replace-all-editor-errors"))
+            }, {
+              default: $(() => p[3] || (p[3] = [
+                V("모두 바꾸기")
+              ])),
+              _: 1
+            }, 8, ["class"])
+          ])
+        ])
+      ]);
+    };
+  }
+}), Tt = () => {
+  const o = ce({
+    [D.EDITOR_COMMENT]: {
+      editor: null,
+      wrongWords: []
+    },
+    [D.EDITOR_CONTENT]: {
+      editor: null,
+      wrongWords: []
+    }
+  });
+  function t(e, n) {
+    o[e].editor = n;
+  }
+  const r = L(H.NO_ERROR);
+  function i() {
+    Object.values(o).forEach((e) => {
+      e.wrongWords = [];
+    });
+  }
+  function p(e, n) {
+    return e ? H.FAIL : n ? H.HAS_ERROR : H.NO_ERROR;
+  }
+  async function d() {
+    var c, f;
+    r.value = H.LOADING;
+    let e = !1, n = !1;
+    for (const [S, { editor: T }] of Object.entries(o)) {
+      if (!T) continue;
+      const R = (c = T == null ? void 0 : T.extensionManager.extensions.find((C) => C.name === "spellchecker")) == null ? void 0 : c.options.proofreader.api, O = T.getText({ blockSeparator: `
+` });
+      if (!(!R || !O))
+        try {
+          const { data: C } = await Te.post(R, {
+            value: O
+          });
+          if (!C.success && C.code !== Ve.NOTHING_TO_CHANGE) {
+            n = !0, o[S].wrongWords = [];
+            continue;
+          }
+          if ((f = C.data) != null && f.wrongWordResponseDto) {
+            e = !0, o[S].wrongWords = C.data.wrongWordResponseDto;
+            continue;
+          }
+          o[S].wrongWords = [];
+        } catch (C) {
+          console.error("handleRunSpellCheck error: ", C), n = !0;
+        }
+    }
+    r.value = p(n, e);
+  }
+  const k = se(() => Object.values(o).reduce((e, { wrongWords: n }) => e + n.length, 0));
+  ue(k, (e) => {
+    e === 0 && (r.value = p(!1, !1));
+  });
+  const I = se(() => {
+    const e = Object.values(o).flatMap((n) => n.wrongWords);
+    return e.length === 0 ? !1 : e.every((n) => !Array.isArray(n.correctWord) || n.correctWord.length === 0);
+  });
+  function M() {
+    for (const [e, { editor: n, wrongWords: c }] of Object.entries(o))
+      n && Q(n, c);
+  }
+  function b() {
+    for (const [e, { editor: n }] of Object.entries(o))
+      n && ot(n);
+  }
+  async function A() {
+    await d(), M();
+  }
+  let a = !0;
+  function l(e) {
+    if (a = e, !!e)
+      for (const [n, { editor: c }] of Object.entries(o))
+        c && (c.extensionStorage.spellchecker.spellchecker.setEnabledProofreadText(!1), c.view.dispatch(c.state.tr.setMeta(oe.IS_ACTIVE_SPELLCHECK, !1)));
+  }
+  function g() {
+    if (a)
+      for (const [e, { editor: n }] of Object.entries(o))
+        n && (n.extensionStorage.spellchecker.spellchecker.setEnabledProofreadText(!0), n.view.dispatch(n.state.tr.setMeta(oe.IS_ACTIVE_SPELLCHECK, !0)));
+  }
+  function _(e, n, c = `
+`) {
+    if (!e || !n.length) return;
+    const f = de(e, c);
+    function S(u) {
+      if (u < 0 && (u = 0), u >= f.length) return e.state.doc.content.size;
+      if (f[u] != null) return f[u];
+      for (let y = u; y < f.length; y++) if (f[y] != null) return f[y];
+      for (let y = u - 1; y >= 0; y--) if (f[y] != null) return f[y];
+      return e.state.doc.content.size;
+    }
+    const R = n.map((u) => {
+      var F;
+      const y = S(u.startIndex), w = S(Math.max(0, u.endIndex - 1)) + 1, W = ((F = u.correctWord) == null ? void 0 : F[0]) ?? u.wrongWord;
+      return { item: u, from: y, to: w, replacement: W };
+    }).filter((u) => typeof u.from == "number" && typeof u.to == "number" && u.from < u.to);
+    if (!R.length) return;
+    R.sort((u, y) => y.from - u.from);
+    const O = e.state.tr;
+    let C = Number.POSITIVE_INFINITY;
+    const N = /* @__PURE__ */ new Set();
+    for (const u of R)
+      u.to > C || (O.insertText(u.replacement, u.from, u.to), N.add(u.item), C = u.from);
+    N.size > 0 && (e.view.dispatch(O), e.view.focus()), N.size > 0 && (n = n.filter((u) => ![...N].some((y) => y === u))), Q(e, n);
+  }
+  function x() {
+    for (const [e, { editor: n, wrongWords: c }] of Object.entries(o))
+      n && _(n, c);
+  }
+  return {
+    editorsState: o,
+    spellCheckStatus: r,
+    countTotalWrongWords: k,
+    allWrongWordsMissSuggestions: I,
+    setEditor: t,
+    resetAllEditorWrongWords: i,
+    disableSpellCheckRealTime: l,
+    resetEnableSpellCheckRealTime: g,
+    applyAllEditorHighlightErrors: M,
+    clearAllEditorHighlightErrors: b,
+    reRunSpellCheckAndHighlight: A,
+    handleRunSpellCheck: d,
+    replaceAllEditorErrors: x
+  };
+}, It = /* @__PURE__ */ P({
+  __name: "DialogTrigger",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(o) {
+    const t = o;
+    return (r, i) => (m(), B(s(Ie), De(Pe(t)), {
+      default: $(() => [
+        Be(r.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), Rt = {
+  key: 0,
+  class: "border-blue-500 text-white text-xs text-nowrap px-3 py-2 h-auto bg-blue-500 hover:bg-blue-500/80 flex items-center rounded"
+}, Mt = /* @__PURE__ */ P({
+  __name: "BulkSpellChecker",
+  props: {
+    editor: {},
+    editorComment: {},
+    isEnableSpellCheckRealTime: { type: Boolean }
+  },
+  setup(o) {
+    var u, y;
+    const t = o, {
+      editorsState: r,
+      countTotalWrongWords: i,
+      spellCheckStatus: p,
+      allWrongWordsMissSuggestions: d,
+      setEditor: k,
+      disableSpellCheckRealTime: I,
+      resetEnableSpellCheckRealTime: M,
+      handleRunSpellCheck: b,
+      resetAllEditorWrongWords: A,
+      applyAllEditorHighlightErrors: a,
+      clearAllEditorHighlightErrors: l,
+      reRunSpellCheckAndHighlight: g,
+      replaceAllEditorErrors: _
+    } = Tt(), x = L(!1), e = ce({ x: 0, y: 0 }), n = L(!1), c = { x: 0, y: 0 }, f = (w) => {
+      n.value = !0, c.x = w.clientX - e.x, c.y = w.clientY - e.y, document.addEventListener("mousemove", S), document.addEventListener("mouseup", T);
+    }, S = (w) => {
+      n.value && (e.x = w.clientX - c.x, e.y = w.clientY - c.y);
+    }, T = () => {
+      n.value = !1, document.removeEventListener("mousemove", S), document.removeEventListener("mouseup", T);
+    };
+    re(() => {
+      document.removeEventListener("mousemove", S), document.removeEventListener("mouseup", T);
+    });
+    const R = L(null), O = L({ top: 0, right: 0 }), C = () => {
+      if (R.value) {
+        const w = R.value.$el.getBoundingClientRect();
+        O.value = {
+          top: w.bottom + window.scrollY + 5,
+          right: window.innerWidth - w.right - window.scrollX
+        }, e.x = 0, e.y = 0;
+      }
+    };
+    ee(async () => {
+      t.editorComment && k(D.EDITOR_COMMENT, t.editorComment), k(D.EDITOR_CONTENT, t.editor);
+    }), re(() => {
+      k(D.EDITOR_COMMENT, null), k(D.EDITOR_CONTENT, null);
+    }), ue(x, async (w) => {
+      w ? (await le(), C(), I(t.isEnableSpellCheckRealTime), await b(), a()) : (A(), M(), l());
+    });
+    const N = (y = (u = t.editor) == null ? void 0 : u.extensionManager.extensions.find((w) => w.name === "spellchecker")) == null ? void 0 : y.options.bulkSpellCheckerButton;
+    return (w, W) => {
+      const F = Oe, pe = He, fe = Me, ge = Ae, me = We, he = $e, _e = wt, xe = Ne, ke = Re;
+      return m(), B(ke, { open: s(x) }, {
+        default: $(() => [
+          E(s(It), {
+            "as-child": "",
+            ref_key: "triggerRef",
+            ref: R,
+            onClick: W[0] || (W[0] = (X) => x.value = !s(x))
+          }, {
+            default: $(() => [
+              s(N) ? (m(), B(ze(s(N).component), {
+                key: 1,
+                buttonName: s(N).props.buttonName,
+                icon: s(N).props.icon,
+                type: s(N).props.type,
+                disabled: s(N).props.disabled,
+                iconPosition: s(N).props.iconPosition,
+                buttonSize: s(N).props.buttonSize,
+                iconClass: s(N).props.iconClass
+              }, null, 8, ["buttonName", "icon", "type", "disabled", "iconPosition", "buttonSize", "iconClass"])) : (m(), v("button", Rt, [
+                E(F, { name: "checkUnderline" }),
+                W[4] || (W[4] = V("맞춤법 일괄 교정 "))
+              ]))
+            ]),
+            _: 1
+          }, 512),
+          E(xe, {
+            "is-overlay-transparent": "",
+            class: "p-0 gap-0 !animate-none !transition-none dark:border-ed-muted",
+            "as-child": ""
+          }, {
+            default: $(() => [
+              h("div", {
+                class: "z-[70]",
+                style: ae({
+                  transform: `translate(${s(e).x}px, ${s(e).y}px)`,
+                  top: `${s(O).top}px`,
+                  right: `${s(O).right}px`,
+                  left: "auto"
+                })
+              }, [
+                E(me, {
+                  class: "bg-ed-blue-light py-3.5 px-6 rounded-t-[5px] cursor-move text-blue-500 dark:text-dark-blue-100 flex-row items-center justify-between",
+                  onMousedown: te(f, ["prevent"])
+                }, {
+                  default: $(() => [
+                    E(fe, { class: "text-base space-x-2" }, {
+                      default: $(() => [
+                        W[5] || (W[5] = h("span", null, "맞춤법/문법 오류", -1)),
+                        E(pe, { class: "text-sm bg-blue-500 hover:bg-blue-500 dark:bg-dark-blue-100 px-2" }, {
+                          default: $(() => [
+                            V(G(s(i)) + "개", 1)
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }),
+                    E(ge, {
+                      onClick: W[1] || (W[1] = (X) => x.value = !1),
+                      class: "text-xs flex items-center gap-x-1"
+                    }, {
+                      default: $(() => [
+                        E(F, {
+                          name: "Close",
+                          class: "w-4 h-4"
+                        }),
+                        V(G(w.$t("editor.close")), 1)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                E(he),
+                E(_e, {
+                  editorsState: s(r),
+                  spellCheckStatus: s(p),
+                  allWrongWordsMissSuggestions: s(d),
+                  onCloseModal: W[2] || (W[2] = (X) => x.value = !1),
+                  onRunSpellcheck: s(g),
+                  onReplaceAllEditorErrors: W[3] || (W[3] = (X) => (s(_)(), x.value = !1))
+                }, null, 8, ["editorsState", "spellCheckStatus", "allWrongWordsMissSuggestions", "onRunSpellcheck"])
+              ], 4)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["open"]);
+    };
+  }
+});
+export {
+  Mt as default
+};
+//# sourceMappingURL=BulkSpellChecker-DPIlFN2j.mjs.map