@svgrid/grid-wc 2.6.2 → 2.7.0

package/dist/row-resize-D-8s3cqT.js

@@ -0,0 +1,94 @@
+//#region ../grid/dist/row-resize.js
+var e = "sv-grid-row-resize-handle";
+function t(t, n) {
+	let r = n, 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(t) {
+		if (r.disabled) return;
+		let n = t.target;
+		if (!n?.classList.contains(e)) return;
+		let i = t.shiftKey ? 1 : 10, o = 0;
+		if (t.key === "ArrowUp") o = -i;
+		else if (t.key === "ArrowDown") o = i;
+		else return;
+		let s = n.closest("tr.sv-grid-row");
+		if (!s) return;
+		let c = a(s);
+		if (!Number.isFinite(c)) return;
+		t.preventDefault(), t.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(t) {
+		if (r.disabled) return;
+		let n = t.target;
+		if (!n?.classList.contains(e)) return;
+		let c = n.closest("tr.sv-grid-row");
+		if (!c) return;
+		let l = a(c);
+		if (Number.isFinite(l)) {
+			t.preventDefault(), t.stopPropagation(), n.classList.add("is-resizing"), i = {
+				rowIndex: l,
+				startY: t.clientY,
+				startHeight: c.getBoundingClientRect().height,
+				trEl: c,
+				strip: n
+			};
+			try {
+				c.setPointerCapture(t.pointerId);
+			} catch {}
+			document.body.style.cursor = "row-resize", window.addEventListener("pointermove", o), window.addEventListener("pointerup", s);
+		}
+	}
+	function u() {
+		if (r.disabled) {
+			d();
+			return;
+		}
+		let n = t.querySelectorAll("tr.sv-grid-row");
+		for (let t of n) {
+			if (t.classList.contains("sv-grid-header-row") || t.classList.contains("sv-grid-row-spacer")) continue;
+			let n = t.querySelector(".sv-grid-cell.sv-row-gutter, .sv-grid-cell.sv-grid-row-number-cell") ?? (r.anchor === "row" ? t.querySelector(".sv-grid-cell") : null);
+			if (!n || n.querySelector(`:scope > .${e}`)) continue;
+			getComputedStyle(n).position === "static" && (n.style.position = "relative"), n.style.overflow = "visible";
+			let i = document.createElement("div");
+			i.className = e, 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;", n.appendChild(i);
+		}
+	}
+	function d() {
+		t.querySelectorAll(`.${e}`).forEach((e) => e.remove());
+	}
+	t.addEventListener("pointerdown", l, { capture: !0 }), t.addEventListener("keydown", c, { capture: !0 });
+	let f = new MutationObserver(() => u());
+	return f.observe(t, {
+		childList: !0,
+		subtree: !0
+	}), u(), {
+		update(e) {
+			let t = r.disabled;
+			r = e, t !== r.disabled && u();
+		},
+		destroy() {
+			t.removeEventListener("pointerdown", l, { capture: !0 }), t.removeEventListener("keydown", c, { capture: !0 }), window.removeEventListener("pointermove", o), window.removeEventListener("pointerup", s), f.disconnect(), d();
+		}
+	};
+}
+//#endregion
+export { t as rowResize };