@svgrid/grid-wc 2.6.1 → 2.7.0

package/dist/react/index.js

@@ -0,0 +1,72 @@
+import { createElement as e, forwardRef as t, useEffect as n, useImperativeHandle as r, useRef as i } from "react";
+import "@svgrid/grid-wc";
+//#region src/react/index.tsx
+var a = /* @__PURE__ */ "data.columns.board.scheduler.chart.pivot.pivotMode.contextMenu.selectionBar.features.sortable.filterable.editable.treeData.groupable.groupBy.expanded.groupFooters.grandTotalRow.groupDisplayMode.autoGroupColumnHeader.autoGroupColumnWidth.pageable.loading.loadingOverlay.loadingSkeletonRows.error.emptyMessage.localization.showGlobalFilter.showColumnFilters.filterMode.showGroupingControls.showRowSelection.showPagination.pageSize.pageSizeOptions.paginationPosition.externalPagination.rowCount.pageIndex.virtualization.rowHeight.autoRowHeight.rowResize.headerHeight.overscan.containerHeight.columnVirtualization.columnOverscan.columnWidth.initialColumnPinning.fitColumns.columnResize.responsive.showFilterMenu.showFilterRow.enableCellSelection.moveCells.enableRowHover.copyHeadersToClipboard.processCellForClipboard.enableInlineEditing.fullRowEditing.enableRowSummaries.summary.statusBar.toolPanel.charting.columnMenuTabs.toolPanelDefaultOpen.toolPanelDefaultTab.selectionMode.showRowNumbers.zebraRows.rowNumberWidth.externalSort.initialSorting.initialAdvancedFilter.externalFilter.getRowId.rowClass.notes.editableComments.conditionalFormats.conditionalStatScope.isDetailRow.serverGroup.serverFilterValues.pinnedTopRows.pinnedBottomRows.enableColumnReorder.columnOrder.inferColumnTypes.rowDragManaged.rowDragGroup.alignedGridGroup.filterLocale".split("."), o = [
+	["onPivotModeChange", "pivotmodechange"],
+	["onExpandedChange", "expandedchange"],
+	["onPaginationChange", "paginationchange"],
+	["onApiReady", "apiready"],
+	["onRowSelectionChange", "rowselectionchange"],
+	["onCellSelectionChange", "cellselectionchange"],
+	["onSortingChange", "sortingchange"],
+	["onAdvancedFilterChange", "advancedfilterchange"],
+	["onFiltersChange", "filterschange"],
+	["onNoteChange", "notechange"],
+	["onCellValueChange", "cellvaluechange"],
+	["onActiveCellChange", "activecellchange"],
+	["onCellClick", "cellclick"],
+	["onRowClick", "rowclick"],
+	["onCellDoubleClick", "celldoubleclick"],
+	["onRowDoubleClick", "rowdoubleclick"],
+	["onScrollBottomReached", "scrollbottomreached"],
+	["onColumnOrderChange", "columnorderchange"],
+	["onRowDragEnd", "rowdragend"],
+	["onSelectionchange", "selectionchange"]
+], s = t(function(t, s) {
+	let c = i(null), { shadow: l, className: u, style: d, ...f } = t;
+	n(() => {
+		l && import("@svgrid/grid-wc/shadow");
+	}, [l]);
+	let p = i({});
+	n(() => {
+		let e = c.current;
+		if (e) for (let t of a) {
+			let n = f[t];
+			n === void 0 || Object.is(p.current[t], n) || (p.current[t] = n, e[t] = n);
+		}
+	});
+	let m = i(f);
+	return m.current = f, n(() => {
+		let e = c.current;
+		if (!e) return;
+		let t = [];
+		for (let [n, r] of o) {
+			let i = (e) => {
+				let t = m.current[n];
+				t?.(e.detail);
+			};
+			e.addEventListener(r, i), t.push([r, i]);
+		}
+		let n = m.current.onApiReady, r = e.api;
+		return n && r != null && n(r), () => {
+			for (let [n, r] of t) e.removeEventListener(n, r);
+		};
+	}, []), r(s, () => ({
+		get element() {
+			return c.current;
+		},
+		get api() {
+			return c.current?.api ?? null;
+		}
+	}), []), e(l ? "sv-grid-shadow" : "sv-grid", {
+		ref: c,
+		class: u,
+		style: {
+			display: "block",
+			height: "100%",
+			...d
+		}
+	});
+});
+//#endregion
+export { s as SvGrid, s as default };

package/dist/row-drag-touch-Ddaa-QeB.js

@@ -0,0 +1,91 @@
+function e(e) {
+	let { ctx: t } = e, n = null;
+	function r(e, t) {
+		let n = document.elementFromPoint(e, t)?.closest?.("tr.sv-grid-row");
+		if (!n) return null;
+		let r = n.querySelector("[data-svgrid-row]")?.dataset.svgridRow;
+		if (r == null) return null;
+		let i = Number(r);
+		if (!Number.isFinite(i)) return null;
+		let a = n.getBoundingClientRect();
+		return {
+			index: i,
+			side: t < a.top + a.height / 2 ? "before" : "after"
+		};
+	}
+	function i() {
+		n?.scrollFrame != null && (cancelAnimationFrame(n.scrollFrame), n.scrollFrame = null);
+	}
+	function a(e) {
+		let a = n?.scroller;
+		if (!n || !a) return;
+		let o = a.getBoundingClientRect(), s = 0;
+		if (e < o.top + 48 ? s = -12 : e > o.bottom - 48 && (s = 12), i(), s === 0) return;
+		let c = () => {
+			if (!n?.started) return;
+			a.scrollTop += s;
+			let i = r(n.startX, e);
+			i && (t.rowDropIndex = i.index, t.rowDropSide = i.side), n.scrollFrame = requestAnimationFrame(c);
+		};
+		n.scrollFrame = requestAnimationFrame(c);
+	}
+	function o(e) {
+		n?.started && e.preventDefault();
+	}
+	function s() {
+		window.removeEventListener("pointermove", l), window.removeEventListener("pointerup", u), window.removeEventListener("pointercancel", d), window.removeEventListener("touchmove", o);
+	}
+	function c(r) {
+		if (!n) return;
+		let a = n;
+		a.timer && clearTimeout(a.timer), i(), n = null, s(), a.root?.classList.remove("sv-grid-row-drag-active"), a.started && (r && t.rowDropIndex != null ? e.commitDropOnRow(t.rowDropIndex, t.rowDropSide ?? "before") : (e.clearIndicators(), e.closeBus()));
+	}
+	function l(i) {
+		if (!n || i.pointerId !== n.pointerId) return;
+		if (!n.started) {
+			Math.abs(i.clientY - n.startY) + Math.abs(i.clientX - n.startX) > 10 && c(!1);
+			return;
+		}
+		i.preventDefault();
+		let o = r(i.clientX, i.clientY);
+		o && (e.cancelPendingLeave(), t.rowDropIndex = o.index, t.rowDropSide = o.side), n.startX = i.clientX, a(i.clientY);
+	}
+	function u(e) {
+		!n || e.pointerId !== n.pointerId || c(!0);
+	}
+	function d(e) {
+		!n || e.pointerId !== n.pointerId || c(!1);
+	}
+	return {
+		start(r, i) {
+			if (!e.managed() || n) return;
+			let a = e.originalAt(i);
+			if (a == null) return;
+			let s = r.currentTarget;
+			n = {
+				pointerId: r.pointerId,
+				rowIndex: i,
+				startX: r.clientX,
+				startY: r.clientY,
+				started: !1,
+				timer: null,
+				scrollFrame: null,
+				scroller: s?.closest?.(".sv-grid-container") ?? null,
+				root: s?.closest?.(".sv-grid-root") ?? null
+			}, window.addEventListener("pointermove", l, { passive: !1 }), window.addEventListener("pointerup", u), window.addEventListener("pointercancel", d), window.addEventListener("touchmove", o, { passive: !1 }), n.timer = setTimeout(() => {
+				if (n) {
+					n.started = !0, n.timer = null, n.root?.classList.add("sv-grid-row-drag-active");
+					try {
+						s?.setPointerCapture?.(r.pointerId);
+					} catch {}
+					e.openBus(a), t.rowDragActive = !0, t.rowDropIndex = i, t.rowDropSide = "before";
+				}
+			}, 350);
+		},
+		destroy() {
+			c(!1);
+		}
+	};
+}
+//#endregion
+export { e as createTouchDrag };

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 };