@svgrid/grid-wc 2.6.2 → 3.0.0

package/dist/shadow/column-resize-DvCRUrN3.js

@@ -0,0 +1,101 @@
+//#region ../grid/dist/column-resize.js
+var e = "sv-grid-resize-handle";
+function t(t, n) {
+	let r = n, i = null, a = null, o = 0, s = () => r.min ?? 40;
+	function c(e) {
+		return e.closest("[data-svgrid-header-col]")?.dataset.svgridHeaderCol ?? null;
+	}
+	function l() {
+		i && r.onResize(i.columnId, o);
+	}
+	function u(e) {
+		i && (o = Math.max(s(), i.startWidth + (e.clientX - i.startX)), a === null && (a = requestAnimationFrame(() => {
+			a = null, l();
+		})));
+	}
+	function d(e) {
+		if (i) {
+			a !== null && (cancelAnimationFrame(a), a = null), o = Math.max(s(), i.startWidth + (e.clientX - i.startX)), l(), i.handle.classList.remove("is-resizing"), m(i.handle, i.columnId);
+			try {
+				i.handle.releasePointerCapture(e.pointerId);
+			} catch {}
+			i = null, window.removeEventListener("pointermove", u), window.removeEventListener("pointerup", d), window.removeEventListener("pointercancel", d), document.body.style.cursor = "";
+		}
+	}
+	function f(t) {
+		if (r.disabled) return;
+		let n = t.target;
+		if (!n?.classList.contains(e)) return;
+		let a = c(n);
+		if (!(!a || r.canResize?.(a) === !1)) {
+			t.preventDefault(), t.stopPropagation(), n.classList.add("is-resizing"), o = r.getWidth(a), i = {
+				columnId: a,
+				startX: t.clientX,
+				startWidth: o,
+				handle: n
+			};
+			try {
+				n.setPointerCapture(t.pointerId);
+			} catch {}
+			document.body.style.cursor = "col-resize", window.addEventListener("pointermove", u), window.addEventListener("pointerup", d), window.addEventListener("pointercancel", d);
+		}
+	}
+	function p(t) {
+		if (r.disabled) return;
+		let n = t.target;
+		if (!n?.classList.contains(e)) return;
+		let i = t.shiftKey ? 1 : 10, a = 0;
+		if (t.key === "ArrowLeft") a = -i;
+		else if (t.key === "ArrowRight") a = i;
+		else return;
+		let o = c(n);
+		if (!o || r.canResize?.(o) === !1) return;
+		t.preventDefault(), t.stopPropagation();
+		let l = Math.max(s(), Math.round(r.getWidth(o) + a));
+		r.onResize(o, l), m(n, o);
+	}
+	function m(e, t) {
+		let n = Math.round(r.getWidth(t));
+		e.setAttribute("aria-valuenow", String(n)), e.setAttribute("aria-valuemin", String(s())), e.setAttribute("aria-valuetext", `${n} pixels`);
+	}
+	function h() {
+		if (r.disabled) {
+			g();
+			return;
+		}
+		let n = t.querySelectorAll("th.sv-grid-column[data-svgrid-header-col]");
+		for (let t of n) {
+			if (t.classList.contains("sv-grid-column-spacer")) continue;
+			let n = t.dataset.svgridHeaderCol;
+			if (!n) continue;
+			if (r.canResize?.(n) === !1) {
+				t.querySelector(`:scope > .${e}`)?.remove();
+				continue;
+			}
+			if (t.querySelector(`:scope > .${e}`)) continue;
+			let i = document.createElement("div");
+			i.className = e, i.setAttribute("role", "separator"), i.setAttribute("aria-orientation", "vertical"), i.setAttribute("aria-label", `Resize ${r.label?.(n) ?? n}`), i.tabIndex = 0, m(i, n), i.addEventListener("dblclick", (e) => {
+				e.stopPropagation(), e.preventDefault(), !r.disabled && (r.onAutosize?.(n), m(i, n));
+			}), t.appendChild(i);
+		}
+	}
+	function g() {
+		t.querySelectorAll(`.${e}`).forEach((e) => e.remove());
+	}
+	t.addEventListener("pointerdown", f, { capture: !0 }), t.addEventListener("keydown", p, { capture: !0 });
+	let _ = new MutationObserver(() => h());
+	return _.observe(t, {
+		childList: !0,
+		subtree: !0
+	}), h(), {
+		update(e) {
+			let t = r.disabled;
+			r = e, t !== r.disabled && h();
+		},
+		destroy() {
+			t.removeEventListener("pointerdown", f, { capture: !0 }), t.removeEventListener("keydown", p, { capture: !0 }), window.removeEventListener("pointermove", u), window.removeEventListener("pointerup", d), window.removeEventListener("pointercancel", d), a !== null && cancelAnimationFrame(a), _.disconnect(), g();
+		}
+	};
+}
+//#endregion
+export { t as columnResize };