vdc-editor 0.1.182 → 0.1.183

package/lib/BulkSpellChecker-bHceIeuo.mjs

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