vdc-editor 0.1.141 → 0.1.142

package/lib/BulkSpellChecker-BrdOHNPn.mjs

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