marquee-selection 0.0.12 → 0.0.14

package/dist/marquee-selection.es.js

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