marquee-selection 0.0.13 → 0.0.14

package/dist/marquee-selection.es.js

@@ -1,34 +1,34 @@
-function pe(Wt) {
+function ye(Jt) {
   const {
     container: B,
-    selectable: pt = "img",
-    exclude: et,
-    selectionMode: ht = "intersects",
-    minOverlapRatio: Kt = 0,
-    overlapMetric: _t = "element",
-    selectedClass: nt = "selected",
-    onChange: dt,
-    preventAncestorSelection: Jt = !0,
-    conflictStrategy: Qt,
+    selectable: dt = "img",
+    exclude: ot,
+    selectionMode: yt = "intersects",
+    minOverlapRatio: Qt = 0,
+    overlapMetric: Zt = "element",
+    selectedClass: st = "selected",
+    onChange: gt,
+    preventAncestorSelection: te = !0,
+    conflictStrategy: ee,
     groupMode: q = !1,
-    groupOverlayClass: Rt,
-    groupColor: yt,
-    groupRandomColor: Zt = !1,
-    groupColorPalette: ot,
-    multi: At = !1,
-    combineMode: gt,
-    hoverHighlight: st = !1,
-    hoverClass: It = "hovered",
-    onSelectionEnd: Lt,
-    quickGroupOnDblClick: mt = !1,
-    quickGroupSelector: Nt,
-    allowIntersectionSelection: H = !0,
-    allowUnionSelection: U = !0,
-    allowContainmentSelection: j = !0,
-    toolbarButtons: R
-  } = Wt, Ot = Array.isArray(et) ? et.filter(Boolean) : et ? [et] : [], bt = (t) => {
-    if (!t || !Ot.length) return !1;
-    for (const e of Ot)
+    groupOverlayClass: It,
+    groupColor: mt,
+    groupRandomColor: ne = !1,
+    groupColorPalette: lt,
+    multi: Nt = !1,
+    combineMode: bt,
+    hoverHighlight: rt = !1,
+    hoverClass: Ot = "hovered",
+    onSelectionEnd: Gt,
+    quickGroupOnDblClick: vt = !1,
+    quickGroupSelector: Ft,
+    allowIntersectionSelection: V = !0,
+    allowUnionSelection: W = !0,
+    allowContainmentSelection: K = !0,
+    toolbarButtons: M
+  } = Jt, Pt = Array.isArray(ot) ? ot.filter(Boolean) : ot ? [ot] : [], xt = (t) => {
+    if (!t || !Pt.length) return !1;
+    for (const e of Pt)
       try {
         if (t instanceof Element && t.matches(e)) return !0;
       } catch {
@@ -36,206 +36,206 @@ function pe(Wt) {
     return !1;
   };
   if (!B) throw new Error("container is required");
-  let vt = 0, wt = 0, W = !1, $ = null, xt = !1, Y = /* @__PURE__ */ new Set(), V = null, Et = "replace", a = [], lt = [], N = [], D = [], T = [];
-  const te = () => (R ?? []).map((t) => ({
+  let wt = 0, Et = 0, J = !1, $ = null, St = !1, D = /* @__PURE__ */ new Set(), _ = null, Ct = "replace", a = [], it = [], I = [], H = [], U = [];
+  const oe = () => (M ?? []).map((t) => ({
     label: (t == null ? void 0 : t.label) ?? "",
     title: (t == null ? void 0 : t.title) ?? ""
-  })), K = (t) => !R || R.length === 0 ? null : (T[t] || (T[t] = te()), T[t]), ee = () => `hsl(${Math.floor(Math.random() * 360)}, 70%, 55%)`, St = () => {
-    if (yt && typeof yt == "string")
-      return yt;
-    if (Zt) {
-      if (Array.isArray(ot) && ot.length > 0) {
-        const t = Math.floor(Math.random() * ot.length);
-        return ot[t];
+  })), Q = (t) => !M || M.length === 0 ? null : (U[t] || (U[t] = oe()), U[t]), se = () => `hsl(${Math.floor(Math.random() * 360)}, 70%, 55%)`, zt = () => {
+    if (mt && typeof mt == "string")
+      return mt;
+    if (ne) {
+      if (Array.isArray(lt) && lt.length > 0) {
+        const t = Math.floor(Math.random() * lt.length);
+        return lt[t];
       }
-      return ee();
+      return se();
     }
     return "rgba(255, 165, 0, 0.9)";
   };
-  let A = null;
-  const _ = [], Ct = [];
-  let X = null;
-  const zt = (t) => {
+  let k = null;
+  const Z = [], $t = [];
+  let j = null;
+  const Mt = (t) => {
     if (!t.length) return null;
     const e = new Set(t);
-    for (let s = 0; s < a.length; s++) {
-      const i = a[s] || [];
+    for (let r = 0; r < a.length; r++) {
+      const i = a[r] || [];
       if (i.length !== e.size) continue;
       let c = !0;
-      const o = new Set(i);
-      if (o.size !== e.size && (c = !1), c) {
+      const s = new Set(i);
+      if (s.size !== e.size && (c = !1), c) {
         for (const n of e)
-          if (!o.has(n)) {
+          if (!s.has(n)) {
             c = !1;
             break;
           }
       }
-      if (c) return s;
+      if (c) return r;
     }
     return null;
   };
-  let Gt = null;
-  const Ft = (t) => {
-    const e = !!N[t], s = a[t] || [];
-    for (const i of s)
+  let Tt = null;
+  const Bt = (t) => {
+    const e = !!I[t], r = a[t] || [];
+    for (const i of r)
       i.style.visibility = e ? "hidden" : "";
-  }, rt = (t, e) => t < 0 || t >= a.length ? !1 : (N[t] = e, Ft(t), !0);
-  let J = null;
-  const it = (t) => {
-    st && (J && J !== t && J.classList.remove(It), t && J !== t && t.classList.add(It), J = t);
-  }, ne = () => {
+  }, ct = (t, e) => t < 0 || t >= a.length ? !1 : (I[t] = e, Bt(t), !0);
+  let tt = null;
+  const at = (t) => {
+    rt && (tt && tt !== t && tt.classList.remove(Ot), t && tt !== t && t.classList.add(Ot), tt = t);
+  }, le = () => {
     const t = document.createElement("div");
     return t.style.position = "fixed", t.style.left = "0px", t.style.top = "0px", t.style.width = "0px", t.style.height = "0px", t.style.outline = "1px dashed #268aff", t.style.background = "rgba(38,138,255,0.12)", t.style.pointerEvents = "none", t.style.zIndex = "2147483647", t.style.boxSizing = "border-box", document.body.appendChild(t), t;
-  }, ct = (t, e) => t.left < e.right && t.right > e.left && t.top < e.bottom && t.bottom > e.top, oe = (t, e) => t.left <= e.left && t.right >= e.right && t.top <= e.top && t.bottom >= e.bottom, se = (t, e) => {
-    const s = Math.max(t.left, e.left), i = Math.min(t.right, e.right), c = Math.max(t.top, e.top), o = Math.min(t.bottom, e.bottom), n = Math.max(0, i - s), l = Math.max(0, o - c), y = n * l, p = Math.max(1, e.width * e.height);
-    return y / p;
-  }, le = (t, e) => {
-    const s = Math.max(t.left, e.left), i = Math.min(t.right, e.right), c = Math.max(t.top, e.top), o = Math.min(t.bottom, e.bottom), n = Math.max(0, i - s), l = Math.max(0, o - c), y = n * l, p = Math.max(1, t.width * t.height), f = Math.max(1, e.width * e.height), h = p + f - y;
-    return y / h;
-  }, Pt = (t, e) => _t === "iou" ? le(t, e) : se(t, e), Bt = (t, e, s, i) => {
-    const c = Math.min(t, s), o = Math.min(e, i), n = Math.abs(s - t), l = Math.abs(i - e);
-    return { left: c, top: o, width: n, height: l };
-  }, $t = (t) => {
+  }, ft = (t, e) => t.left < e.right && t.right > e.left && t.top < e.bottom && t.bottom > e.top, re = (t, e) => t.left <= e.left && t.right >= e.right && t.top <= e.top && t.bottom >= e.bottom, ie = (t, e) => {
+    const r = Math.max(t.left, e.left), i = Math.min(t.right, e.right), c = Math.max(t.top, e.top), s = Math.min(t.bottom, e.bottom), n = Math.max(0, i - r), l = Math.max(0, s - c), f = n * l, u = Math.max(1, e.width * e.height);
+    return f / u;
+  }, ce = (t, e) => {
+    const r = Math.max(t.left, e.left), i = Math.min(t.right, e.right), c = Math.max(t.top, e.top), s = Math.min(t.bottom, e.bottom), n = Math.max(0, i - r), l = Math.max(0, s - c), f = n * l, u = Math.max(1, t.width * t.height), p = Math.max(1, e.width * e.height), d = u + p - f;
+    return f / d;
+  }, qt = (t, e) => Zt === "iou" ? ce(t, e) : ie(t, e), Yt = (t, e, r, i) => {
+    const c = Math.min(t, r), s = Math.min(e, i), n = Math.abs(r - t), l = Math.abs(i - e);
+    return { left: c, top: s, width: n, height: l };
+  }, kt = (t) => {
     const e = t.map((n) => n.getBoundingClientRect()).filter((n) => n.width > 0 && n.height > 0);
     if (!e.length) return null;
-    const s = Math.min(...e.map((n) => n.left)), i = Math.min(...e.map((n) => n.top)), c = Math.max(...e.map((n) => n.right)), o = Math.max(...e.map((n) => n.bottom));
-    return { left: s, top: i, width: c - s, height: o - i };
-  }, Q = () => {
-    lt.forEach((t) => t.remove()), lt = [];
-  }, O = () => {
-    if (Q(), !q) return;
-    const t = [], e = (s, i) => s.left < i.right && s.right > i.left && s.top < i.bottom && s.bottom > i.top;
-    a.forEach((s, i) => {
-      const c = $t(s);
+    const r = Math.min(...e.map((n) => n.left)), i = Math.min(...e.map((n) => n.top)), c = Math.max(...e.map((n) => n.right)), s = Math.max(...e.map((n) => n.bottom));
+    return { left: r, top: i, width: c - r, height: s - i };
+  }, et = () => {
+    it.forEach((t) => t.remove()), it = [];
+  }, N = () => {
+    if (et(), !q) return;
+    const t = [], e = (r, i) => r.left < i.right && r.right > i.left && r.top < i.bottom && r.bottom > i.top;
+    a.forEach((r, i) => {
+      const c = kt(r);
       if (!c) return;
-      const o = D[i] || "rgba(255, 165, 0, 0.9)", n = document.createElement("div");
-      n.style.position = "fixed", n.style.pointerEvents = "none", n.style.zIndex = "2147483646", n.style.left = `${c.left}px`, n.style.top = `${c.top}px`, n.style.width = `${c.width}px`, n.style.height = `${c.height}px`, n.style.boxSizing = "border-box", n.style.outline = `1px solid ${o}`, n.style.background = "transparent", document.body.appendChild(n);
+      const s = H[i] || "rgba(255, 165, 0, 0.9)", n = document.createElement("div");
+      n.style.position = "fixed", n.style.pointerEvents = "none", n.style.zIndex = "2147483646", n.style.left = `${c.left}px`, n.style.top = `${c.top}px`, n.style.width = `${c.width}px`, n.style.height = `${c.height}px`, n.style.boxSizing = "border-box", n.style.outline = `1px solid ${s}`, n.style.background = "transparent", document.body.appendChild(n);
       const l = document.createElement("div");
-      l.style.position = "absolute", l.style.display = "inline-flex", l.style.alignItems = "center", l.style.gap = "6px", l.style.minWidth = "max-content", l.style.padding = "2px 6px", l.style.fontSize = "12px", l.style.lineHeight = "16px", l.style.color = "#fff", l.style.background = o, l.style.borderRadius = "4px", l.style.pointerEvents = "auto";
-      const y = document.createElement("span");
-      y.textContent = `组 ${i + 1}`;
-      const p = document.createElement("button");
-      p.textContent = N[i] ? "显示" : "隐藏", p.style.background = "rgba(0,0,0,0.15)", p.style.border = "none", p.style.color = "#fff", p.style.padding = "2px 6px", p.style.borderRadius = "3px", p.style.cursor = "pointer", p.onclick = (v) => {
-        v.stopPropagation(), rt(i, !N[i]), O(), F();
+      l.style.position = "absolute", l.style.display = "inline-grid", l.style.gridTemplateColumns = "1fr 1fr 1fr", l.style.gap = "2px", l.style.minWidth = "max-content", l.style.padding = "3px 4px", l.style.fontSize = "11px", l.style.lineHeight = "14px", l.style.color = "#fff", l.style.background = s, l.style.borderRadius = "4px", l.style.pointerEvents = "auto", l.style.opacity = "0.35", l.style.transition = "opacity 0.15s ease";
+      const f = document.createElement("span");
+      f.textContent = `${i + 1}`, f.style.position = "absolute", f.style.left = "0", f.style.top = "0", f.style.fontSize = "9px", f.style.lineHeight = "14px", f.style.minWidth = "14px", f.style.textAlign = "center", f.style.padding = "0 3px", f.style.background = s, f.style.color = "#fff", f.style.borderRadius = "0 0 4px 0", f.style.fontWeight = "bold", f.style.pointerEvents = "none", n.appendChild(f);
+      const u = document.createElement("button");
+      u.textContent = I[i] ? "显示" : "隐藏", u.style.background = "rgba(0,0,0,0.15)", u.style.border = "none", u.style.color = "#fff", u.style.padding = "2px 4px", u.style.borderRadius = "3px", u.style.cursor = "pointer", u.style.fontSize = "10px", u.style.textAlign = "center", u.onclick = (v) => {
+        v.stopPropagation(), ct(i, !I[i]), N(), F();
       };
-      const f = document.createElement("button");
-      f.textContent = "取消组", f.style.background = "rgba(0,0,0,0.15)", f.style.border = "none", f.style.color = "#fff", f.style.padding = "2px 6px", f.style.borderRadius = "3px", f.style.cursor = "pointer", f.onclick = (v) => {
-        v.stopPropagation(), rt(i, !1), qt(i);
-      }, l.appendChild(y), l.appendChild(p), l.appendChild(f);
-      const h = (v) => {
-        const r = c ? new DOMRect(c.left, c.top, c.width, c.height) : null;
-        if (!r) return [];
-        const d = [];
-        return a.forEach((w, u) => {
-          if (u === v) return;
-          const b = $t(w);
-          if (!b) return;
-          const S = new DOMRect(b.left, b.top, b.width, b.height);
-          ct(r, S) && d.push(u);
-        }), d;
+      const p = document.createElement("button");
+      p.textContent = "取消组", p.style.background = "rgba(0,0,0,0.15)", p.style.border = "none", p.style.color = "#fff", p.style.padding = "2px 4px", p.style.borderRadius = "3px", p.style.cursor = "pointer", p.style.fontSize = "10px", p.style.textAlign = "center", p.onclick = (v) => {
+        v.stopPropagation(), ct(i, !1), Dt(i);
+      }, l.appendChild(u), l.appendChild(p);
+      const d = (v) => {
+        const o = c ? new DOMRect(c.left, c.top, c.width, c.height) : null;
+        if (!o) return [];
+        const h = [];
+        return a.forEach((y, b) => {
+          if (b === v) return;
+          const w = kt(y);
+          if (!w) return;
+          const E = new DOMRect(w.left, w.top, w.width, w.height);
+          ft(o, E) && h.push(b);
+        }), h;
       };
       if ((() => {
-        if (A !== i) return;
-        const v = h(i);
+        if (k !== i) return;
+        const v = d(i);
         if (v.length === 0) return;
-        const r = document.createElement("button");
-        r.textContent = "合并", r.style.background = "rgba(0,0,0,0.15)", r.style.border = "none", r.style.color = "#fff", r.style.padding = "2px 6px", r.style.borderRadius = "3px", r.style.cursor = "pointer";
-        const d = () => {
-          const w = l.querySelector(".merge-panel");
-          w && w.remove();
-          const u = document.createElement("div");
-          u.className = "merge-panel", u.style.position = "absolute", u.style.left = "0", u.style.top = "22px", u.style.minWidth = "160px", u.style.padding = "8px", u.style.background = "#fff", u.style.color = "#333", u.style.border = "1px solid rgba(0,0,0,0.15)", u.style.borderRadius = "6px", u.style.boxShadow = "0 4px 12px rgba(0,0,0,0.15)", u.style.pointerEvents = "auto", u.style.zIndex = "2147483647";
+        const o = document.createElement("button");
+        o.textContent = "合并", o.style.background = "rgba(0,0,0,0.15)", o.style.border = "none", o.style.color = "#fff", o.style.padding = "2px 4px", o.style.borderRadius = "3px", o.style.cursor = "pointer", o.style.fontSize = "10px", o.style.textAlign = "center";
+        const h = () => {
+          const y = l.querySelector(".merge-panel");
+          y && y.remove();
           const b = document.createElement("div");
-          b.textContent = "选择要合并的组", b.style.fontSize = "12px", b.style.marginBottom = "6px", u.appendChild(b);
-          const S = document.createElement("div");
-          S.style.maxHeight = "200px", S.style.overflow = "auto";
-          const I = [];
-          v.forEach((z) => {
-            const k = document.createElement("label");
-            k.style.display = "flex", k.style.alignItems = "center", k.style.gap = "6px", k.style.fontSize = "12px", k.style.margin = "4px 0";
-            const L = document.createElement("input");
-            L.type = "checkbox", L.checked = !0, L.value = String(z);
-            const tt = document.createElement("span");
-            tt.textContent = `组 ${z + 1}`, k.appendChild(L), k.appendChild(tt), S.appendChild(k), I.push(L);
-          }), u.appendChild(S);
-          const P = document.createElement("div");
-          P.style.display = "flex", P.style.gap = "8px", P.style.marginTop = "8px";
-          const C = document.createElement("button");
-          C.textContent = "确认", C.style.padding = "2px 8px", C.style.cursor = "pointer";
-          const M = document.createElement("button");
-          M.textContent = "取消", M.style.padding = "2px 8px", M.style.cursor = "pointer", P.appendChild(C), P.appendChild(M), u.appendChild(P), M.onclick = (z) => {
-            z.stopPropagation(), u.remove();
-          }, C.onclick = (z) => {
-            z.stopPropagation();
-            const k = I.filter((E) => E.checked).map((E) => parseInt(E.value, 10)).filter((E) => !Number.isNaN(E));
-            if (k.length === 0) {
-              u.remove();
+          b.className = "merge-panel", b.style.position = "absolute", b.style.left = "0", b.style.top = "22px", b.style.minWidth = "160px", b.style.padding = "8px", b.style.background = "#fff", b.style.color = "#333", b.style.border = "1px solid rgba(0,0,0,0.15)", b.style.borderRadius = "6px", b.style.boxShadow = "0 4px 12px rgba(0,0,0,0.15)", b.style.pointerEvents = "auto", b.style.zIndex = "2147483647";
+          const w = document.createElement("div");
+          w.textContent = "选择要合并的组", w.style.fontSize = "12px", w.style.marginBottom = "6px", b.appendChild(w);
+          const E = document.createElement("div");
+          E.style.maxHeight = "200px", E.style.overflow = "auto";
+          const z = [];
+          v.forEach((T) => {
+            const G = document.createElement("label");
+            G.style.display = "flex", G.style.alignItems = "center", G.style.gap = "6px", G.style.fontSize = "12px", G.style.margin = "4px 0";
+            const Y = document.createElement("input");
+            Y.type = "checkbox", Y.checked = !0, Y.value = String(T);
+            const At = document.createElement("span");
+            At.textContent = `组 ${T + 1}`, G.appendChild(Y), G.appendChild(At), E.appendChild(G), z.push(Y);
+          }), b.appendChild(E);
+          const C = document.createElement("div");
+          C.style.display = "flex", C.style.gap = "8px", C.style.marginTop = "8px";
+          const R = document.createElement("button");
+          R.textContent = "确认", R.style.padding = "2px 8px", R.style.cursor = "pointer";
+          const P = document.createElement("button");
+          P.textContent = "取消", P.style.padding = "2px 8px", P.style.cursor = "pointer", C.appendChild(R), C.appendChild(P), b.appendChild(C), P.onclick = (T) => {
+            T.stopPropagation(), b.remove();
+          }, R.onclick = (T) => {
+            T.stopPropagation();
+            const G = z.filter((S) => S.checked).map((S) => parseInt(S.value, 10)).filter((S) => !Number.isNaN(S));
+            if (G.length === 0) {
+              b.remove();
               return;
             }
-            const L = /* @__PURE__ */ new Set();
-            (a[i] || []).forEach((E) => L.add(E)), k.forEach((E) => {
-              (a[E] || []).forEach((ue) => L.add(ue));
-            }), a[i] = Array.from(L);
-            const fe = [...k].sort((E, ut) => ut - E);
-            let kt = i;
-            fe.forEach((E) => {
-              E < 0 || E >= a.length || E === i || (rt(E, !1), a.splice(E, 1), N.splice(E, 1), D.splice(E, 1), T.length > E && T.splice(E, 1), A !== null && (A === E ? A = null : A > E && A--), E < kt && kt--);
-            }), A = kt;
-            const Vt = /* @__PURE__ */ new Set();
-            a.forEach((E) => E.forEach((ut) => Vt.add(ut))), G(Vt), O(), u.remove(), F();
-          }, l.appendChild(u);
+            const Y = /* @__PURE__ */ new Set();
+            (a[i] || []).forEach((S) => Y.add(S)), G.forEach((S) => {
+              (a[S] || []).forEach((de) => Y.add(de));
+            }), a[i] = Array.from(Y);
+            const he = [...G].sort((S, ht) => ht - S);
+            let Lt = i;
+            he.forEach((S) => {
+              S < 0 || S >= a.length || S === i || (ct(S, !1), a.splice(S, 1), I.splice(S, 1), H.splice(S, 1), U.length > S && U.splice(S, 1), k !== null && (k === S ? k = null : k > S && k--), S < Lt && Lt--);
+            }), k = Lt;
+            const _t = /* @__PURE__ */ new Set();
+            a.forEach((S) => S.forEach((ht) => _t.add(ht))), O(_t), N(), b.remove(), F();
+          }, l.appendChild(b);
         };
-        r.onclick = (w) => {
-          w.stopPropagation(), d();
-        }, l.appendChild(r);
-      })(), n.appendChild(l), R && R.length) {
-        const v = (r, d) => {
-          const w = document.createElement("button"), u = K(i);
-          if (!u) return;
-          const b = u[d] ?? (u[d] = {
-            label: r.label || "按钮",
-            title: r.title || ""
-          }), S = () => {
-            w.textContent = b.label || "", w.title = b.title || "";
+        o.onclick = (y) => {
+          y.stopPropagation(), h();
+        }, l.appendChild(o);
+      })(), n.appendChild(l), M && M.length) {
+        const v = (o, h) => {
+          const y = document.createElement("button"), b = Q(i);
+          if (!b) return;
+          const w = b[h] ?? (b[h] = {
+            label: o.label || "按钮",
+            title: o.title || ""
+          }), E = () => {
+            y.textContent = w.label || "", y.title = w.title || "";
           };
-          S(), w.style.background = "rgba(0,0,0,0.15)", w.style.border = "none", w.style.color = "#fff", w.style.padding = "2px 6px", w.style.borderRadius = "3px", w.style.cursor = "pointer", r.className && (w.className += (w.className ? " " : "") + r.className), w.onclick = (I) => {
-            var M;
-            I.stopPropagation();
-            const P = {
+          E(), y.style.background = "rgba(0,0,0,0.15)", y.style.border = "none", y.style.color = "#fff", y.style.padding = "2px 4px", y.style.borderRadius = "3px", y.style.cursor = "pointer", y.style.fontSize = "10px", y.style.textAlign = "center", o.className && (y.className += (y.className ? " " : "") + o.className), y.onclick = (z) => {
+            var P;
+            z.stopPropagation();
+            const C = {
               index: i,
               group: a[i] || [],
-              controller: Gt,
-              getSnapshot: () => ft(),
+              controller: Tt,
+              getSnapshot: () => ut(),
               refresh: () => {
-                O(), F();
+                N(), F();
               },
-              mouseX: I.clientX,
-              mouseY: I.clientY,
+              mouseX: z.clientX,
+              mouseY: z.clientY,
               anchorRect: l.getBoundingClientRect(),
               anchorEl: l,
               overlayEl: n,
-              label: b.label,
-              title: b.title,
-              buttonEl: w
-            }, C = (z) => {
-              Object.defineProperty(P, z, {
+              label: w.label,
+              title: w.title,
+              buttonEl: y
+            }, R = (T) => {
+              Object.defineProperty(C, T, {
                 configurable: !0,
-                get: () => b[z],
-                set: (k) => {
-                  const L = k ?? "";
-                  b[z] !== L && (b[z] = L, S());
+                get: () => w[T],
+                set: (G) => {
+                  const Y = G ?? "";
+                  w[T] !== Y && (w[T] = Y, E());
                 }
               });
             };
-            C("label"), C("title");
+            R("label"), R("title");
             try {
-              (M = r.onClick) == null || M.call(r, P);
+              (P = o.onClick) == null || P.call(o, C);
             } catch {
             }
-          }, l.appendChild(w);
+          }, l.appendChild(y);
         };
-        R.forEach(
-          (r, d) => v(r, d)
+        M.forEach(
+          (o, h) => v(o, h)
         );
       }
       (() => {
@@ -244,474 +244,489 @@ function pe(Wt) {
           "tr",
           "bl",
           "br"
-        ], r = l.style.visibility;
+        ], o = l.style.visibility;
         l.style.visibility = "hidden";
-        const d = 28, w = 6;
-        t: for (let u = 0; u < v.length; u++)
-          for (let b = 0; b < 6; b++) {
+        const h = 28, y = 6;
+        t: for (let b = 0; b < v.length; b++)
+          for (let w = 0; w < 6; w++) {
             l.style.left = "", l.style.right = "", l.style.top = "", l.style.bottom = "";
-            const S = l.offsetHeight || 22;
-            v[u] === "tl" ? (l.style.left = "0", l.style.top = `${-S - w + b * d}px`) : v[u] === "tr" ? (l.style.right = "0", l.style.top = `${-S - w + b * d}px`) : v[u] === "bl" ? (l.style.left = "0", l.style.top = `${c.height + w + b * d}px`) : (l.style.right = "0", l.style.top = `${c.height + w + b * d}px`);
-            const I = l.getBoundingClientRect(), P = {
-              left: I.left,
-              top: I.top,
-              right: I.right,
-              bottom: I.bottom
+            const E = l.offsetHeight || 22;
+            v[b] === "tl" ? (l.style.left = "0", l.style.top = `${-E - y + w * h}px`) : v[b] === "tr" ? (l.style.right = "0", l.style.top = `${-E - y + w * h}px`) : v[b] === "bl" ? (l.style.left = "0", l.style.top = `${c.height + y + w * h}px`) : (l.style.right = "0", l.style.top = `${c.height + y + w * h}px`);
+            const z = l.getBoundingClientRect(), C = {
+              left: z.left,
+              top: z.top,
+              right: z.right,
+              bottom: z.bottom
             };
-            let C = !1;
-            for (const M of t)
-              if (e(P, M)) {
-                C = !0;
+            let R = !1;
+            for (const P of t)
+              if (e(C, P)) {
+                R = !0;
                 break;
               }
-            if (!C) {
-              t.push(P);
+            if (!R) {
+              t.push(C);
               break t;
             }
           }
-        l.style.visibility = r;
-      })(), l.addEventListener("mouseenter", () => {
+        l.style.visibility = o;
+      })();
+      const x = () => {
+        l.style.opacity = "1";
+      }, X = () => {
+        l.style.opacity = "0.35";
+      };
+      l.addEventListener("mouseenter", () => {
+        x();
         try {
-          lt.forEach((v) => v.style.zIndex = "2147483646"), n.style.zIndex = "2147483647";
+          it.forEach((v) => v.style.zIndex = "2147483646"), n.style.zIndex = "2147483647";
         } catch {
         }
+      }), l.addEventListener("mouseleave", X);
+      const A = document.createElement("div");
+      A.style.position = "absolute", A.style.inset = "0", A.style.pointerEvents = "auto", A.style.background = "transparent", A.style.zIndex = "0", n.appendChild(A), A.addEventListener("mouseenter", x), A.addEventListener("mouseleave", () => {
+        setTimeout(() => {
+          !l.matches(":hover") && !A.matches(":hover") && X();
+        }, 100);
       });
-      const x = (v) => {
-        const r = document.createElement("div");
-        r.style.position = "absolute", r.style.pointerEvents = "auto", r.style.background = "transparent", r.style.zIndex = "2147483647";
-        const d = 8;
-        v === "top" ? (r.style.cursor = "ns-resize", r.style.left = "-4px", r.style.right = "-4px", r.style.top = `-${d / 2 | 0}px`, r.style.height = `${d}px`) : v === "bottom" ? (r.style.cursor = "ns-resize", r.style.left = "-4px", r.style.right = "-4px", r.style.bottom = `-${d / 2 | 0}px`, r.style.height = `${d}px`) : v === "left" ? (r.style.cursor = "ew-resize", r.style.top = "-4px", r.style.bottom = "-4px", r.style.left = `-${d / 2 | 0}px`, r.style.width = `${d}px`) : v === "right" ? (r.style.cursor = "ew-resize", r.style.top = "-4px", r.style.bottom = "-4px", r.style.right = `-${d / 2 | 0}px`, r.style.width = `${d}px`) : v === "nw" ? (r.style.cursor = "nwse-resize", r.style.left = `-${d / 2 | 0}px`, r.style.top = `-${d / 2 | 0}px`, r.style.width = `${d}px`, r.style.height = `${d}px`) : v === "ne" ? (r.style.cursor = "nesw-resize", r.style.right = `-${d / 2 | 0}px`, r.style.top = `-${d / 2 | 0}px`, r.style.width = `${d}px`, r.style.height = `${d}px`) : v === "sw" ? (r.style.cursor = "nesw-resize", r.style.left = `-${d / 2 | 0}px`, r.style.bottom = `-${d / 2 | 0}px`, r.style.width = `${d}px`, r.style.height = `${d}px`) : v === "se" && (r.style.cursor = "nwse-resize", r.style.right = `-${d / 2 | 0}px`, r.style.bottom = `-${d / 2 | 0}px`, r.style.width = `${d}px`, r.style.height = `${d}px`), r.onmousedown = (w) => {
-          w.preventDefault(), w.stopPropagation();
-          const u = {
+      const L = (v) => {
+        const o = document.createElement("div");
+        o.style.position = "absolute", o.style.pointerEvents = "auto", o.style.background = "transparent", o.style.zIndex = "2147483647";
+        const h = 8;
+        v === "top" ? (o.style.cursor = "ns-resize", o.style.left = "-4px", o.style.right = "-4px", o.style.top = `-${h / 2 | 0}px`, o.style.height = `${h}px`) : v === "bottom" ? (o.style.cursor = "ns-resize", o.style.left = "-4px", o.style.right = "-4px", o.style.bottom = `-${h / 2 | 0}px`, o.style.height = `${h}px`) : v === "left" ? (o.style.cursor = "ew-resize", o.style.top = "-4px", o.style.bottom = "-4px", o.style.left = `-${h / 2 | 0}px`, o.style.width = `${h}px`) : v === "right" ? (o.style.cursor = "ew-resize", o.style.top = "-4px", o.style.bottom = "-4px", o.style.right = `-${h / 2 | 0}px`, o.style.width = `${h}px`) : v === "nw" ? (o.style.cursor = "nwse-resize", o.style.left = `-${h / 2 | 0}px`, o.style.top = `-${h / 2 | 0}px`, o.style.width = `${h}px`, o.style.height = `${h}px`) : v === "ne" ? (o.style.cursor = "nesw-resize", o.style.right = `-${h / 2 | 0}px`, o.style.top = `-${h / 2 | 0}px`, o.style.width = `${h}px`, o.style.height = `${h}px`) : v === "sw" ? (o.style.cursor = "nesw-resize", o.style.left = `-${h / 2 | 0}px`, o.style.bottom = `-${h / 2 | 0}px`, o.style.width = `${h}px`, o.style.height = `${h}px`) : v === "se" && (o.style.cursor = "nwse-resize", o.style.right = `-${h / 2 | 0}px`, o.style.bottom = `-${h / 2 | 0}px`, o.style.width = `${h}px`, o.style.height = `${h}px`), o.onmousedown = (y) => {
+          y.preventDefault(), y.stopPropagation();
+          const b = {
             left: parseFloat(n.style.left || "0"),
             top: parseFloat(n.style.top || "0"),
             width: parseFloat(n.style.width || "0"),
             height: parseFloat(n.style.height || "0")
           };
-          X = {
+          j = {
             idx: i,
             side: v,
-            startX: w.clientX,
-            startY: w.clientY,
-            startRect: u,
+            startX: y.clientX,
+            startY: y.clientY,
+            startRect: b,
             overlay: n
-          }, document.addEventListener("mousemove", Mt), document.addEventListener("mouseup", re, { once: !0 });
-        }, n.appendChild(r);
+          }, document.addEventListener("mousemove", Rt), document.addEventListener("mouseup", ae, { once: !0 });
+        }, n.appendChild(o);
       };
-      x("top"), x("right"), x("bottom"), x("left"), x("nw"), x("ne"), x("sw"), x("se"), Rt && n.classList.add(Rt), lt.push(n);
+      L("top"), L("right"), L("bottom"), L("left"), L("nw"), L("ne"), L("sw"), L("se"), It && n.classList.add(It), it.push(n);
     });
-  }, Mt = (t) => {
-    if (!X) return;
-    const { idx: e, side: s, startX: i, startY: c, startRect: o, overlay: n } = X, l = t.clientX - i, y = t.clientY - c;
-    let p = o.left, f = o.top, h = o.width, g = o.height;
+  }, Rt = (t) => {
+    if (!j) return;
+    const { idx: e, side: r, startX: i, startY: c, startRect: s, overlay: n } = j, l = t.clientX - i, f = t.clientY - c;
+    let u = s.left, p = s.top, d = s.width, g = s.height;
     const m = 4;
-    s === "left" || s === "nw" || s === "sw" ? (p = o.left + l, h = o.width - l, h < m && (p = o.left + (o.width - m), h = m)) : (s === "right" || s === "ne" || s === "se") && (h = o.width + l, h < m && (h = m)), s === "top" || s === "nw" || s === "ne" ? (f = o.top + y, g = o.height - y, g < m && (f = o.top + (o.height - m), g = m)) : (s === "bottom" || s === "sw" || s === "se") && (g = o.height + y, g < m && (g = m)), n.style.left = `${p}px`, n.style.top = `${f}px`, n.style.width = `${h}px`, n.style.height = `${g}px`;
-    const x = Z(p, f, h, g), v = new Set(a[e] || []), r = /* @__PURE__ */ new Set();
-    a.forEach((C, M) => {
-      M !== e && C.forEach((z) => r.add(z));
+    r === "left" || r === "nw" || r === "sw" ? (u = s.left + l, d = s.width - l, d < m && (u = s.left + (s.width - m), d = m)) : (r === "right" || r === "ne" || r === "se") && (d = s.width + l, d < m && (d = m)), r === "top" || r === "nw" || r === "ne" ? (p = s.top + f, g = s.height - f, g < m && (p = s.top + (s.height - m), g = m)) : (r === "bottom" || r === "sw" || r === "se") && (g = s.height + f, g < m && (g = m)), n.style.left = `${u}px`, n.style.top = `${p}px`, n.style.width = `${d}px`, n.style.height = `${g}px`;
+    const x = nt(u, p, d, g), X = new Set(a[e] || []), A = /* @__PURE__ */ new Set();
+    a.forEach((E, z) => {
+      z !== e && E.forEach((C) => A.add(C));
     });
-    const d = new Set(x);
-    let w = !1, u = !1;
-    for (let C = 0; C < a.length; C++) {
-      if (C === e) continue;
-      const M = new Set(a[C] || []);
-      let z = 0;
-      for (const k of d) M.has(k) && z++;
-      if (z !== 0 && !(z === M.size && z === d.size))
-        if (z === M.size)
-          u = !0;
-        else if (z === d.size)
-          u = !0;
+    const L = new Set(x);
+    let v = !1, o = !1;
+    for (let E = 0; E < a.length; E++) {
+      if (E === e) continue;
+      const z = new Set(a[E] || []);
+      let C = 0;
+      for (const R of L) z.has(R) && C++;
+      if (C !== 0 && !(C === z.size && C === L.size))
+        if (C === z.size)
+          o = !0;
+        else if (C === L.size)
+          o = !0;
         else {
-          w = !0;
+          v = !0;
           break;
         }
     }
-    const b = x.filter((C) => !v.has(C)).length, S = !H && (w || !j && u), I = !U && b > 0;
-    if (S || I) {
+    const h = x.filter((E) => !X.has(E)).length, y = !V && (v || !K && o), b = !W && h > 0;
+    if (y || b) {
       n.style.outline = "1px dashed #ff4d4f", n.style.background = "rgba(255,77,79,0.06)";
-      const C = /* @__PURE__ */ new Set();
-      a.forEach((M, z) => {
-        (z === e ? a[e] || [] : M).forEach((L) => C.add(L));
-      }), G(C);
+      const E = /* @__PURE__ */ new Set();
+      a.forEach((z, C) => {
+        (C === e ? a[e] || [] : z).forEach((P) => E.add(P));
+      }), O(E);
     } else {
-      const C = D[e] || "rgba(255, 165, 0, 0.9)";
-      n.style.outline = `1px solid ${C}`, n.style.background = "transparent";
-      const M = /* @__PURE__ */ new Set();
-      a.forEach((z, k) => {
-        (k === e ? x : z).forEach((tt) => M.add(tt));
-      }), G(M);
+      const E = H[e] || "rgba(255, 165, 0, 0.9)";
+      n.style.outline = `1px solid ${E}`, n.style.background = "transparent";
+      const z = /* @__PURE__ */ new Set();
+      a.forEach((C, R) => {
+        (R === e ? x : C).forEach((T) => z.add(T));
+      }), O(z);
     }
-  }, re = (t) => {
-    if (!X) return;
-    const { idx: e, overlay: s, startRect: i } = X, c = parseFloat(s.style.left || "0"), o = parseFloat(s.style.top || "0"), n = parseFloat(s.style.width || "0"), l = parseFloat(s.style.height || "0"), y = Z(c, o, n, l), p = new Set(a[e] || []), f = /* @__PURE__ */ new Set();
-    a.forEach((u, b) => {
-      b !== e && u.forEach((S) => f.add(S));
+  }, ae = (t) => {
+    if (!j) return;
+    const { idx: e, overlay: r, startRect: i } = j, c = parseFloat(r.style.left || "0"), s = parseFloat(r.style.top || "0"), n = parseFloat(r.style.width || "0"), l = parseFloat(r.style.height || "0"), f = nt(c, s, n, l), u = new Set(a[e] || []), p = /* @__PURE__ */ new Set();
+    a.forEach((o, h) => {
+      h !== e && o.forEach((y) => p.add(y));
     });
-    const h = new Set(y);
+    const d = new Set(f);
     let g = !1, m = !1;
-    for (let u = 0; u < a.length; u++) {
-      if (u === e) continue;
-      const b = new Set(a[u] || []);
-      let S = 0;
-      for (const I of h) b.has(I) && S++;
-      if (S !== 0 && !(S === b.size && S === h.size))
-        if (S === b.size || S === h.size)
+    for (let o = 0; o < a.length; o++) {
+      if (o === e) continue;
+      const h = new Set(a[o] || []);
+      let y = 0;
+      for (const b of d) h.has(b) && y++;
+      if (y !== 0 && !(y === h.size && y === d.size))
+        if (y === h.size || y === d.size)
           m = !0;
         else {
           g = !0;
           break;
         }
     }
-    const x = y.filter((u) => !p.has(u)).length, v = !H && (g || !j && m), r = !U && x > 0;
-    if (v || r) {
-      const u = /* @__PURE__ */ new Set();
-      a.forEach((b) => b.forEach((S) => u.add(S))), G(u), O(), X = null, document.removeEventListener("mousemove", Mt), F();
+    const x = f.filter((o) => !u.has(o)).length, X = !V && (g || !K && m), A = !W && x > 0;
+    if (X || A) {
+      const o = /* @__PURE__ */ new Set();
+      a.forEach((h) => h.forEach((y) => o.add(y))), O(o), N(), j = null, document.removeEventListener("mousemove", Rt), F();
       return;
     }
-    a[e] = y;
-    const w = /* @__PURE__ */ new Set();
-    a.forEach((u) => u.forEach((b) => w.add(b))), G(w), O(), X = null, document.removeEventListener("mousemove", Mt), F();
-  }, qt = (t) => {
+    a[e] = f;
+    const v = /* @__PURE__ */ new Set();
+    a.forEach((o) => o.forEach((h) => v.add(h))), O(v), N(), j = null, document.removeEventListener("mousemove", Rt), F();
+  }, Dt = (t) => {
     if (t < 0 || t >= a.length) return !1;
     const e = a[t];
-    e && e.forEach((i) => i.style.visibility = ""), a.splice(t, 1), N.splice(t, 1), D.splice(t, 1), T.length > t && T.splice(t, 1), A !== null && (A === t ? A = null : A > t && A--), Q(), O();
-    const s = /* @__PURE__ */ new Set();
-    return a.forEach((i) => i.forEach((c) => s.add(c))), G(s), F(), !0;
-  }, ie = (t, e, s) => {
-    if (!q || !R || R.length === 0 || t < 0 || t >= a.length || e < 0 || e >= R.length) return !1;
-    const i = K(t);
+    e && e.forEach((i) => i.style.visibility = ""), a.splice(t, 1), I.splice(t, 1), H.splice(t, 1), U.length > t && U.splice(t, 1), k !== null && (k === t ? k = null : k > t && k--), et(), N();
+    const r = /* @__PURE__ */ new Set();
+    return a.forEach((i) => i.forEach((c) => r.add(c))), O(r), F(), !0;
+  }, fe = (t, e, r) => {
+    if (!q || !M || M.length === 0 || t < 0 || t >= a.length || e < 0 || e >= M.length) return !1;
+    const i = Q(t);
     if (!i) return !1;
     const c = i[e];
     if (!c) return !1;
-    let o = !1;
-    if (s.label !== void 0) {
-      const n = s.label ?? "";
-      c.label !== n && (c.label = n, o = !0);
+    let s = !1;
+    if (r.label !== void 0) {
+      const n = r.label ?? "";
+      c.label !== n && (c.label = n, s = !0);
     }
-    if (s.title !== void 0) {
-      const n = s.title ?? "";
-      c.title !== n && (c.title = n, o = !0);
+    if (r.title !== void 0) {
+      const n = r.title ?? "";
+      c.title !== n && (c.title = n, s = !0);
     }
-    return o && O(), o;
-  }, ce = (t) => {
+    return s && N(), s;
+  }, pe = (t) => {
     if (!q || !Array.isArray(t) || t.length === 0) return !1;
-    const e = Array.from(new Set(t)).filter((f) => {
-      var h;
+    const e = Array.from(new Set(t)).filter((p) => {
+      var d;
       try {
-        return !!f && B.contains(f) && !bt(f) && ((h = f.matches) == null ? void 0 : h.call(f, pt));
+        return !!p && B.contains(p) && !xt(p) && ((d = p.matches) == null ? void 0 : d.call(p, dt));
       } catch {
         return !1;
       }
     });
-    if (e.length === 0 || zt(e) !== null) return !1;
+    if (e.length === 0 || Mt(e) !== null) return !1;
     const i = new Set(e);
-    let c = !1, o = !1;
-    for (const f of a) {
-      const h = new Set(f);
+    let c = !1, s = !1;
+    for (const p of a) {
+      const d = new Set(p);
       let g = 0;
-      for (const m of i) h.has(m) && g++;
-      if (g !== 0 && !(g === h.size && g === i.size))
-        if (g === h.size || g === i.size)
-          o = !0;
+      for (const m of i) d.has(m) && g++;
+      if (g !== 0 && !(g === d.size && g === i.size))
+        if (g === d.size || g === i.size)
+          s = !0;
         else {
           c = !0;
           break;
         }
     }
-    const n = new Set(Y), l = !H && (c || !j && o), y = !U && n.size > 0 && e.length > 0;
-    if (l || y) return !1;
-    a.push(e), N.push(!1), D.push(St()), R != null && R.length && K(a.length - 1), A = a.length - 1;
-    const p = /* @__PURE__ */ new Set();
-    return a.forEach((f) => f.forEach((h) => p.add(h))), G(p), O(), F(), !0;
-  }, ae = (t) => {
+    const n = new Set(D), l = !V && (c || !K && s), f = !W && n.size > 0 && e.length > 0;
+    if (l || f) return !1;
+    a.push(e), I.push(!1), H.push(zt()), M != null && M.length && Q(a.length - 1), k = a.length - 1;
+    const u = /* @__PURE__ */ new Set();
+    return a.forEach((p) => p.forEach((d) => u.add(d))), O(u), N(), F(), !0;
+  }, ue = (t) => {
     if (q) return "add";
-    const e = At ? gt ?? "add" : "replace";
-    return At ? gt === "auto" ? t.shiftKey ? "add" : t.altKey ? "subtract" : t.metaKey || t.ctrlKey ? "toggle" : "add" : gt ?? e : "replace";
-  }, G = (t) => {
-    for (const e of Array.from(Y))
-      t.has(e) || e.classList.remove(nt);
+    const e = Nt ? bt ?? "add" : "replace";
+    return Nt ? bt === "auto" ? t.shiftKey ? "add" : t.altKey ? "subtract" : t.metaKey || t.ctrlKey ? "toggle" : "add" : bt ?? e : "replace";
+  }, O = (t) => {
+    for (const e of Array.from(D))
+      t.has(e) || e.classList.remove(st);
     for (const e of Array.from(t))
-      Y.has(e) || e.classList.add(nt);
-    Y = t, dt && dt(q ? {
+      D.has(e) || e.classList.add(st);
+    D = t, gt && gt(q ? {
       type: "groups",
       groups: a.slice(),
-      flat: Array.from(Y)
-    } : { type: "single", selected: Array.from(Y) });
-  }, Yt = (t, e, s) => {
-    if (s === "replace") return new Set(e);
+      flat: Array.from(D)
+    } : { type: "single", selected: Array.from(D) });
+  }, Xt = (t, e, r) => {
+    if (r === "replace") return new Set(e);
     const i = new Set(t);
-    if (s === "add")
+    if (r === "add")
       for (const c of e) i.add(c);
-    else if (s === "subtract")
+    else if (r === "subtract")
       for (const c of e) i.delete(c);
-    else if (s === "toggle")
+    else if (r === "toggle")
       for (const c of e)
         i.has(c) ? i.delete(c) : i.add(c);
     return i;
-  }, Dt = (t) => {
+  }, Ht = (t) => {
     if (t.button !== 0) return;
     const e = t.target;
-    !B.contains(e) && e !== document.body || (vt = t.clientX, wt = t.clientY, W = !0, $ = ne(), Et = ae(t), V = new Set(Y), t.preventDefault());
-  }, Tt = (t) => {
+    !B.contains(e) && e !== document.body || (wt = t.clientX, Et = t.clientY, J = !0, $ = le(), Ct = ue(t), _ = new Set(D), t.preventDefault());
+  }, Ut = (t) => {
     var g;
-    if (!W && st) {
-      const m = t.target, x = (g = m == null ? void 0 : m.closest) == null ? void 0 : g.call(m, pt);
-      x && B.contains(x) && !bt(x) ? it(x) : it(null);
+    if (!J && rt) {
+      const m = t.target, x = (g = m == null ? void 0 : m.closest) == null ? void 0 : g.call(m, dt);
+      x && B.contains(x) && !xt(x) ? at(x) : at(null);
     }
-    if (!W || !$) return;
-    const { left: e, top: s, width: i, height: c } = Bt(
-      vt,
+    if (!J || !$) return;
+    const { left: e, top: r, width: i, height: c } = Yt(
       wt,
+      Et,
       t.clientX,
       t.clientY
     );
-    $.style.left = `${e}px`, $.style.top = `${s}px`, $.style.width = `${i}px`, $.style.height = `${c}px`;
-    const o = Z(e, s, i, c), n = V ?? /* @__PURE__ */ new Set(), l = new Set(o);
-    let y = 0;
-    for (const m of l) n.has(m) && y++;
-    let p = "disjoint";
-    y === 0 ? p = "disjoint" : y === l.size && y === n.size ? p = "equal" : y === l.size || y === n.size ? p = "containment" : p = "partial";
-    const f = !H && (p === "partial" || !j && p === "containment"), h = !U && n.size > 0 && o.length > 0;
-    if (xt = f || h, $ && (xt ? ($.style.outline = "1px dashed #ff4d4f", $.style.background = "rgba(255,77,79,0.12)") : ($.style.outline = "1px dashed #268aff", $.style.background = "rgba(38,138,255,0.12)")), xt)
-      G(n);
+    $.style.left = `${e}px`, $.style.top = `${r}px`, $.style.width = `${i}px`, $.style.height = `${c}px`;
+    const s = nt(e, r, i, c), n = _ ?? /* @__PURE__ */ new Set(), l = new Set(s);
+    let f = 0;
+    for (const m of l) n.has(m) && f++;
+    let u = "disjoint";
+    f === 0 ? u = "disjoint" : f === l.size && f === n.size ? u = "equal" : f === l.size || f === n.size ? u = "containment" : u = "partial";
+    const p = !V && (u === "partial" || !K && u === "containment"), d = !W && n.size > 0 && s.length > 0;
+    if (St = p || d, $ && (St ? ($.style.outline = "1px dashed #ff4d4f", $.style.background = "rgba(255,77,79,0.12)") : ($.style.outline = "1px dashed #268aff", $.style.background = "rgba(38,138,255,0.12)")), St)
+      O(n);
     else {
-      const m = Yt(n, o, Et);
-      G(m);
+      const m = Xt(n, s, Ct);
+      O(m);
     }
-  }, Xt = (t) => {
-    if (!W) return;
-    W = !1, $ && $.parentNode && $.parentNode.removeChild($), $ = null;
-    const { left: e, top: s, width: i, height: c } = Bt(
-      vt,
+  }, jt = (t) => {
+    if (!J) return;
+    J = !1, $ && $.parentNode && $.parentNode.removeChild($), $ = null;
+    const { left: e, top: r, width: i, height: c } = Yt(
       wt,
+      Et,
       t.clientX,
       t.clientY
-    ), o = Z(e, s, i, c), n = V ?? /* @__PURE__ */ new Set(), l = new Set(o);
-    let y = 0;
-    for (const x of l) n.has(x) && y++;
-    let p = "disjoint";
-    y === 0 ? p = "disjoint" : y === l.size && y === n.size ? p = "equal" : y === l.size || y === n.size ? p = "containment" : p = "partial";
-    const f = !H && (p === "partial" || !j && p === "containment"), h = !U && n.size > 0 && o.length > 0;
-    if (f || h) {
-      G(n), V = null, F();
+    ), s = nt(e, r, i, c), n = _ ?? /* @__PURE__ */ new Set(), l = new Set(s);
+    let f = 0;
+    for (const x of l) n.has(x) && f++;
+    let u = "disjoint";
+    f === 0 ? u = "disjoint" : f === l.size && f === n.size ? u = "equal" : f === l.size || f === n.size ? u = "containment" : u = "partial";
+    const p = !V && (u === "partial" || !K && u === "containment"), d = !W && n.size > 0 && s.length > 0;
+    if (p || d) {
+      O(n), _ = null, F();
       return;
     }
-    const m = Yt(n, o, Et);
-    if (G(m), q && o.length > 0) {
-      const x = zt(o);
+    const m = Xt(n, s, Ct);
+    if (O(m), q && s.length > 0) {
+      const x = Mt(s);
       if (x !== null) {
         try {
           console.warn(`重复编组被阻止：与已存在的第${x + 1}组元素完全一致`);
         } catch {
         }
-        V = null, F();
+        _ = null, F();
         return;
       }
-      a.push(o), A = a.length - 1, N.push(!1), D.push(St()), R != null && R.length && K(a.length - 1);
-      const v = /* @__PURE__ */ new Set();
-      a.forEach((r) => r.forEach((d) => v.add(d))), G(v), O();
+      a.push(s), k = a.length - 1, I.push(!1), H.push(zt()), M != null && M.length && Q(a.length - 1);
+      const X = /* @__PURE__ */ new Set();
+      a.forEach((A) => A.forEach((L) => X.add(L))), O(X), N();
     }
-    V = null, F();
-  }, Ht = (t) => {
+    _ = null, F();
+  }, Vt = (t) => {
     var m;
-    if (!mt || !q) return;
+    if (!vt || !q) return;
     const e = t.target;
     if (!e) return;
-    let s = e;
-    if (Nt && (s = ((m = e.closest) == null ? void 0 : m.call(e, Nt)) || null), !s || !B.contains(s)) return;
-    const i = s.getBoundingClientRect(), c = Z(i.left, i.top, i.width, i.height), o = new Set(Y), n = new Set(c);
+    let r = e;
+    if (Ft && (r = ((m = e.closest) == null ? void 0 : m.call(e, Ft)) || null), !r || !B.contains(r)) return;
+    const i = r.getBoundingClientRect(), c = nt(i.left, i.top, i.width, i.height), s = new Set(D), n = new Set(c);
     let l = 0;
-    for (const x of n) o.has(x) && l++;
-    let y = "disjoint";
-    l === 0 ? y = "disjoint" : l === n.size && l === o.size ? y = "equal" : l === n.size || l === o.size ? y = "containment" : y = "partial";
-    const p = !H && (y === "partial" || !j && y === "containment"), f = !U && o.size > 0 && c.length > 0;
-    if (c.length === 0 || p || f) {
+    for (const x of n) s.has(x) && l++;
+    let f = "disjoint";
+    l === 0 ? f = "disjoint" : l === n.size && l === s.size ? f = "equal" : l === n.size || l === s.size ? f = "containment" : f = "partial";
+    const u = !V && (f === "partial" || !K && f === "containment"), p = !W && s.size > 0 && c.length > 0;
+    if (c.length === 0 || u || p) {
       F();
       return;
     }
-    const h = zt(c);
-    if (h !== null) {
+    const d = Mt(c);
+    if (d !== null) {
       try {
-        console.warn(`重复编组被阻止：与已存在的第${h + 1}组元素完全一致`);
+        console.warn(`重复编组被阻止：与已存在的第${d + 1}组元素完全一致`);
       } catch {
       }
       F();
       return;
     }
-    a.push(c), A = a.length - 1, N.push(!1), D.push(St()), R != null && R.length && K(a.length - 1);
+    a.push(c), k = a.length - 1, I.push(!1), H.push(zt()), M != null && M.length && Q(a.length - 1);
     const g = /* @__PURE__ */ new Set();
-    a.forEach((x) => x.forEach((v) => g.add(v))), G(g), O(), F();
-  }, Ut = () => it(null);
-  function Z(t, e, s, i) {
-    if (s === 0 || i === 0) return [];
-    const c = B.getBoundingClientRect(), o = new DOMRect(t, e, s, i);
-    if (!ct(o, c)) return [];
-    const n = Array.from(B.querySelectorAll(pt));
+    a.forEach((x) => x.forEach((X) => g.add(X))), O(g), N(), F();
+  }, Wt = () => at(null);
+  function nt(t, e, r, i) {
+    if (r === 0 || i === 0) return [];
+    const c = B.getBoundingClientRect(), s = new DOMRect(t, e, r, i);
+    if (!ft(s, c)) return [];
+    const n = Array.from(B.querySelectorAll(dt));
     let l = [];
-    const y = /* @__PURE__ */ new Map();
-    for (const f of n) {
-      if (bt(f)) continue;
-      const h = f.getBoundingClientRect();
-      if (!ct(h, c)) continue;
+    const f = /* @__PURE__ */ new Map();
+    for (const p of n) {
+      if (xt(p)) continue;
+      const d = p.getBoundingClientRect();
+      if (!ft(d, c)) continue;
       let g = !1;
-      if (ht === "contains")
-        g = oe(o, h);
-      else if (ht === "center") {
-        const m = h.left + h.width / 2, x = h.top + h.height / 2;
-        g = m >= o.left && m <= o.right && x >= o.top && x <= o.bottom;
+      if (yt === "contains")
+        g = re(s, d);
+      else if (yt === "center") {
+        const m = d.left + d.width / 2, x = d.top + d.height / 2;
+        g = m >= s.left && m <= s.right && x >= s.top && x <= s.bottom;
       } else
-        ct(o, h) && (g = Pt(o, h) >= Math.max(0, Math.min(1, Kt)));
+        ft(s, d) && (g = qt(s, d) >= Math.max(0, Math.min(1, Qt)));
       if (g) {
-        const m = ht === "contains" ? 1 : Pt(o, h);
-        y.set(f, m), l.push(f);
+        const m = yt === "contains" ? 1 : qt(s, d);
+        f.set(p, m), l.push(p);
       }
     }
-    const p = Qt ?? (Jt ? "leaf" : "none");
-    if (p !== "none" && l.length > 1) {
-      if (p === "leaf")
+    const u = ee ?? (te ? "leaf" : "none");
+    if (u !== "none" && l.length > 1) {
+      if (u === "leaf")
         l = l.filter(
-          (f) => !l.some(
-            (h) => h !== f && f.contains(h)
+          (p) => !l.some(
+            (d) => d !== p && p.contains(d)
           )
         );
-      else if (p === "best") {
-        const f = [...l].sort(
-          (g, m) => (y.get(m) || 0) - (y.get(g) || 0)
-        ), h = [];
-        for (const g of f)
-          h.find(
+      else if (u === "best") {
+        const p = [...l].sort(
+          (g, m) => (f.get(m) || 0) - (f.get(g) || 0)
+        ), d = [];
+        for (const g of p)
+          d.find(
             (x) => x.contains(g) || g.contains(x)
-          ) || h.push(g);
-        l = h;
+          ) || d.push(g);
+        l = d;
       }
     }
     return l;
   }
-  document.addEventListener("mousedown", Dt, !0), document.addEventListener("mousemove", Tt), document.addEventListener("mouseup", Xt), st && B.addEventListener("mouseleave", Ut), q && mt && B.addEventListener("dblclick", Ht);
-  const at = () => O();
-  q && (window.addEventListener("scroll", at, !0), window.addEventListener("resize", at));
-  const ft = () => {
+  document.addEventListener("mousedown", Ht, !0), document.addEventListener("mousemove", Ut), document.addEventListener("mouseup", jt), rt && B.addEventListener("mouseleave", Wt), q && vt && B.addEventListener("dblclick", Vt);
+  const pt = () => N();
+  q && (window.addEventListener("scroll", pt, !0), window.addEventListener("resize", pt));
+  const ut = () => {
     if (q) {
-      const t = a.map((o) => $t(o)), e = Array(a.length).fill(null), s = t.map(
-        (o) => o ? Math.max(0, o.width * o.height) : Number.POSITIVE_INFINITY
+      const t = a.map((s) => kt(s)), e = Array(a.length).fill(null), r = t.map(
+        (s) => s ? Math.max(0, s.width * s.height) : Number.POSITIVE_INFINITY
       );
-      for (let o = 0; o < a.length; o++) {
-        const n = t[o];
+      for (let s = 0; s < a.length; s++) {
+        const n = t[s];
         if (!n) continue;
-        let l = null, y = Number.POSITIVE_INFINITY;
-        for (let p = 0; p < a.length; p++) {
-          if (o === p) continue;
-          const f = t[p];
-          if (!f) continue;
-          if (f.left <= n.left && f.top <= n.top && f.left + f.width >= n.left + n.width && f.top + f.height >= n.top + n.height) {
-            const g = Number(s[p]);
-            g < y && (y = g, l = p);
+        let l = null, f = Number.POSITIVE_INFINITY;
+        for (let u = 0; u < a.length; u++) {
+          if (s === u) continue;
+          const p = t[u];
+          if (!p) continue;
+          if (p.left <= n.left && p.top <= n.top && p.left + p.width >= n.left + n.width && p.top + p.height >= n.top + n.height) {
+            const g = Number(r[u]);
+            g < f && (f = g, l = u);
           }
         }
-        e[o] = l;
+        e[s] = l;
       }
       const i = Array.from(
         { length: a.length },
         () => []
       );
-      for (let o = 0; o < a.length; o++) {
-        const n = e[o];
-        n != null && i[n] && i[n].push(o);
+      for (let s = 0; s < a.length; s++) {
+        const n = e[s];
+        n != null && i[n] && i[n].push(s);
       }
       const c = [];
-      for (let o = 0; o < a.length; o++)
-        (e[o] === null || e[o] === void 0) && c.push(o);
+      for (let s = 0; s < a.length; s++)
+        (e[s] === null || e[s] === void 0) && c.push(s);
       return {
         type: "groups",
-        groups: a.map((o) => o.slice()),
-        flat: Array.from(Y),
-        hidden: N.slice(),
+        groups: a.map((s) => s.slice()),
+        flat: Array.from(D),
+        hidden: I.slice(),
         groupRects: t,
         groupNesting: { parents: e, children: i, roots: c }
       };
     }
-    return { type: "single", selected: Array.from(Y) };
+    return { type: "single", selected: Array.from(D) };
   }, F = () => {
-    const t = ft();
-    if (Lt)
+    const t = ut();
+    if (Gt)
       try {
-        Lt(t);
+        Gt(t);
       } catch {
       }
-    for (const s of _)
+    for (const r of Z)
       try {
-        s(t);
+        r(t);
       } catch {
       }
-    const e = Ct.splice(0);
-    for (const s of e)
+    const e = $t.splice(0);
+    for (const r of e)
       try {
-        s(t);
+        r(t);
       } catch {
       }
-  }, jt = {
+  }, Kt = {
     destroy() {
-      document.removeEventListener("mousedown", Dt), document.removeEventListener("mousemove", Tt), document.removeEventListener("mouseup", Xt), $ && $.parentNode && $.parentNode.removeChild($), $ = null, B.querySelectorAll(`.${nt}`).forEach((e) => e.classList.remove(nt)), st && (B.removeEventListener("mouseleave", Ut), it(null)), q && (window.removeEventListener("scroll", at, !0), window.removeEventListener("resize", at)), q && mt && B.removeEventListener("dblclick", Ht), Q(), a.forEach(
-        (e) => e.forEach((s) => s.style.visibility = "")
-      ), a = [], N = [], D = [], T = [], A = null, Y.clear(), _.splice(0), Ct.splice(0);
+      document.removeEventListener("mousedown", Ht), document.removeEventListener("mousemove", Ut), document.removeEventListener("mouseup", jt), $ && $.parentNode && $.parentNode.removeChild($), $ = null, B.querySelectorAll(`.${st}`).forEach((e) => e.classList.remove(st)), rt && (B.removeEventListener("mouseleave", Wt), at(null)), q && (window.removeEventListener("scroll", pt, !0), window.removeEventListener("resize", pt)), q && vt && B.removeEventListener("dblclick", Vt), et(), a.forEach(
+        (e) => e.forEach((r) => r.style.visibility = "")
+      ), a = [], I = [], H = [], U = [], k = null, D.clear(), Z.splice(0), $t.splice(0);
     },
     getGroups() {
       return a.slice();
     },
     clearGroups() {
       a.forEach(
-        (e) => e.forEach((s) => s.style.visibility = "")
-      ), a = [], N = [], D = [], T = [], A = null, Q(), G(/* @__PURE__ */ new Set());
+        (e) => e.forEach((r) => r.style.visibility = "")
+      ), a = [], I = [], H = [], U = [], k = null, et(), O(/* @__PURE__ */ new Set());
     },
     removeGroup(t) {
-      return qt(t);
+      return Dt(t);
     },
     addGroup(t) {
-      return ce(t);
+      return pe(t);
     },
     setGroupVisibility(t, e) {
-      return rt(t, e);
+      return ct(t, e);
     },
     toggleGroupVisibility(t) {
-      return t < 0 || t >= a.length ? !1 : (N[t] = !N[t], Ft(t), O(), !0);
+      return t < 0 || t >= a.length ? !1 : (I[t] = !I[t], Bt(t), N(), !0);
     },
     getSelectionResult() {
-      return ft();
+      return ut();
     },
     refresh() {
-      O();
+      N();
     },
     hideOverlays() {
-      Q();
+      et();
     },
     showAndRefreshOverlays() {
-      O();
+      N();
     },
     // 获取当前组级嵌套信息
     getGroupNesting() {
-      const t = ft();
+      const t = ut();
       return t.type === "groups" ? t.groupNesting : null;
     },
-    setToolbarButtonProps(t, e, s) {
-      return ie(t, e, s);
+    setToolbarButtonProps(t, e, r) {
+      return fe(t, e, r);
+    },
+    setViewScale(t) {
     },
     onSelectionEnd(t) {
-      return _.push(t), () => {
-        const e = _.indexOf(t);
-        e >= 0 && _.splice(e, 1);
+      return Z.push(t), () => {
+        const e = Z.indexOf(t);
+        e >= 0 && Z.splice(e, 1);
       };
     },
     waitForSelectionEnd() {
       return new Promise((t) => {
-        Ct.push(t);
+        $t.push(t);
       });
     }
   };
-  return Gt = jt, jt;
+  return Tt = Kt, Kt;
 }
 export {
-  pe as default,
-  pe as marqueeSelection
+  ye as default,
+  ye as marqueeSelection
 };
 //# sourceMappingURL=marquee-selection.es.js.map