@svgrid/grid 2.6.21 → 2.6.22

package/dist/cdn/row-resize-BRcimkUT.js

@@ -0,0 +1,95 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+//#region src/row-resize.ts
+var t = /* @__PURE__ */ e({ rowResize: () => r }), n = "sv-grid-row-resize-handle";
+function r(e, t) {
+	let r = t, i = null;
+	function a(e) {
+		let t = e.querySelector("[data-svgrid-row]")?.dataset.svgridRow;
+		return t == null ? NaN : Number(t);
+	}
+	function o(e) {
+		if (!i) return;
+		let t = r.min ?? 20, n = r.max ?? 320, a = Math.max(t, Math.min(n, i.startHeight + (e.clientY - i.startY)));
+		i.trEl.style.height = `${Math.round(a)}px`, r.onResizeMove?.(i.rowIndex, Math.round(a));
+	}
+	function s(e) {
+		if (!i) return;
+		let t = r.min ?? 20, n = r.max ?? 320, a = Math.max(t, Math.min(n, i.startHeight + (e.clientY - i.startY)));
+		r.onResize(i.rowIndex, Math.round(a)), i.strip.classList.remove("is-resizing");
+		try {
+			i.trEl.releasePointerCapture(e.pointerId);
+		} catch {}
+		i = null, window.removeEventListener("pointermove", o), window.removeEventListener("pointerup", s), document.body.style.cursor = "";
+	}
+	function c(e) {
+		if (r.disabled) return;
+		let t = e.target;
+		if (!t?.classList.contains(n)) return;
+		let i = e.shiftKey ? 1 : 10, o = 0;
+		if (e.key === "ArrowUp") o = -i;
+		else if (e.key === "ArrowDown") o = i;
+		else return;
+		let s = t.closest("tr.sv-grid-row");
+		if (!s) return;
+		let c = a(s);
+		if (!Number.isFinite(c)) return;
+		e.preventDefault(), e.stopPropagation();
+		let l = r.min ?? 20, u = r.max ?? 320, d = Math.round(Math.max(l, Math.min(u, s.getBoundingClientRect().height + o)));
+		s.style.height = `${d}px`, r.onResizeMove?.(c, d), r.onResize(c, d);
+	}
+	function l(e) {
+		if (r.disabled) return;
+		let t = e.target;
+		if (!t?.classList.contains(n)) return;
+		let c = t.closest("tr.sv-grid-row");
+		if (!c) return;
+		let l = a(c);
+		if (Number.isFinite(l)) {
+			e.preventDefault(), e.stopPropagation(), t.classList.add("is-resizing"), i = {
+				rowIndex: l,
+				startY: e.clientY,
+				startHeight: c.getBoundingClientRect().height,
+				trEl: c,
+				strip: t
+			};
+			try {
+				c.setPointerCapture(e.pointerId);
+			} catch {}
+			document.body.style.cursor = "row-resize", window.addEventListener("pointermove", o), window.addEventListener("pointerup", s);
+		}
+	}
+	function u() {
+		if (r.disabled) {
+			d();
+			return;
+		}
+		let t = e.querySelectorAll("tr.sv-grid-row");
+		for (let e of t) {
+			if (e.classList.contains("sv-grid-header-row") || e.classList.contains("sv-grid-row-spacer")) continue;
+			let t = e.querySelector(".sv-grid-cell.sv-row-gutter, .sv-grid-cell.sv-grid-row-number-cell") ?? (r.anchor === "row" ? e.querySelector(".sv-grid-cell") : null);
+			if (!t || t.querySelector(`:scope > .${n}`)) continue;
+			getComputedStyle(t).position === "static" && (t.style.position = "relative"), t.style.overflow = "visible";
+			let i = document.createElement("div");
+			i.className = n, i.setAttribute("role", "separator"), i.setAttribute("aria-orientation", "horizontal"), i.setAttribute("aria-label", "Resize row"), i.tabIndex = 0, i.style.cssText = "position:absolute;left:0;right:0;bottom:0;height:5px;cursor:row-resize;user-select:none;z-index:60;pointer-events:auto;", t.appendChild(i);
+		}
+	}
+	function d() {
+		e.querySelectorAll(`.${n}`).forEach((e) => e.remove());
+	}
+	e.addEventListener("pointerdown", l, { capture: !0 }), e.addEventListener("keydown", c, { capture: !0 });
+	let f = new MutationObserver(() => u());
+	return f.observe(e, {
+		childList: !0,
+		subtree: !0
+	}), u(), {
+		update(e) {
+			let t = r.disabled;
+			r = e, t !== r.disabled && u();
+		},
+		destroy() {
+			e.removeEventListener("pointerdown", l, { capture: !0 }), e.removeEventListener("keydown", c, { capture: !0 }), window.removeEventListener("pointermove", o), window.removeEventListener("pointerup", s), f.disconnect(), d();
+		}
+	};
+}
+//#endregion
+export { t as n, r as t };