vdc-editor 0.1.165 → 0.1.166

package/lib/BulkSpellChecker-Dbt8ssiI.mjs

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