@svgrid/grid-wc 3.0.1 → 3.0.3

package/dist/{shadow/dismissable-DvhBKm3q.js → dismissable-CQ6XFXsk.js}

@@ -34,8 +34,12 @@ function a(t, n) {
 	if (typeof window > "u") return () => {};
 	let r = (r) => {
 		e(t(), r.target) || n();
+	}, i = !1, a = requestAnimationFrame(() => {
+		a = null, i = !0, window.addEventListener("scroll", r, !0);
+	});
+	return () => {
+		a !== null && cancelAnimationFrame(a), a = null, i && window.removeEventListener("scroll", r, !0), i = !1;
 	};
-	return window.addEventListener("scroll", r, !0), () => window.removeEventListener("scroll", r, !0);
 }
 //#endregion
 export { a as n, i as t };

package/dist/{export-format-uGayRKWM.js → export-format-CAi1mp-1.js}

@@ -1,4 +1,4 @@
-import { i as e, n as t, t as n } from "./cell-formatting-Eypm-id0.js";
+import { i as e, n as t, t as n } from "./cell-formatting-CBfgahv1.js";
 import "./sv-grid-element.js";
 //#region ../grid/dist/export-format.js
 function r(e) {

package/dist/focus-trap-Dbb2tJxb.js

@@ -0,0 +1,65 @@
+//#region ../grid/dist/a11y/focus-trap.js
+var e = [
+	"a[href]",
+	"area[href]",
+	"button:not([disabled])",
+	"input:not([disabled])",
+	"select:not([disabled])",
+	"textarea:not([disabled])",
+	"iframe",
+	"audio[controls]",
+	"video[controls]",
+	"[contenteditable]:not([contenteditable=\"false\"])",
+	"[tabindex]"
+].join(",");
+function t(e) {
+	if (e.hasAttribute("disabled") || e.getAttribute("aria-hidden") === "true" || e.hidden || e.closest("[hidden]")) return !1;
+	let t = e.style;
+	return !(t.display === "none" || t.visibility === "hidden" || typeof e.getClientRects == "function" && e.getClientRects().length === 0 && document.body.getClientRects().length > 0);
+}
+function n(n) {
+	return Array.from(n.querySelectorAll(e)).filter((e) => {
+		let n = e.getAttribute("tabindex");
+		return n !== null && Number(n) < 0 ? !1 : t(e);
+	});
+}
+function r(e, t = {}) {
+	let { initialFocus: r = "first", returnFocus: i = !0 } = t, a = null, o = !1;
+	function s() {
+		let t = r;
+		return t === "container" ? e : t === "first" ? n(e)[0] ?? e : typeof t == "function" ? t() : t;
+	}
+	function c(r) {
+		if (!o) return;
+		if (r.key === "Escape" && t.onEscape) {
+			t.onEscape(r);
+			return;
+		}
+		if (r.key !== "Tab") return;
+		let i = n(e);
+		if (!i.length) {
+			r.preventDefault(), e.focus();
+			return;
+		}
+		let a = i[0], s = i[i.length - 1], c = document.activeElement;
+		if (!e.contains(c)) {
+			r.preventDefault(), a.focus();
+			return;
+		}
+		r.shiftKey && c === a ? (r.preventDefault(), s.focus()) : !r.shiftKey && c === s && (r.preventDefault(), a.focus());
+	}
+	function l() {
+		o || (o = !0, a = document.activeElement, e.hasAttribute("tabindex") || e.setAttribute("tabindex", "-1"), document.addEventListener("keydown", c, !0), queueMicrotask(() => {
+			o && s()?.focus();
+		}));
+	}
+	function u() {
+		o && (o = !1, document.removeEventListener("keydown", c, !0), i && a?.focus?.(), a = null);
+	}
+	return {
+		activate: l,
+		release: u
+	};
+}
+//#endregion
+export { n, r as t };

package/dist/list-option-DrRyivWp.js

@@ -0,0 +1,82 @@
+//#region ../grid/dist/list-option.js
+function e(e) {
+	return e ? e.map((e) => {
+		if (typeof e == "object" && e) {
+			let t = e, n = t.value ?? t.label ?? "";
+			return {
+				...t,
+				value: n,
+				label: t.label ?? String(n)
+			};
+		}
+		return {
+			value: e,
+			label: String(e)
+		};
+	}) : [];
+}
+function t(e) {
+	let t = [], n = /* @__PURE__ */ new Map();
+	return e.forEach((e, r) => {
+		let i = e.group ?? null, a = n.get(i);
+		a || (a = {
+			group: i,
+			options: []
+		}, n.set(i, a), t.push(a)), a.options.push({
+			...e,
+			index: r
+		});
+	}), t;
+}
+function n(e, n) {
+	let r = Math.max(1, n.groupHeaderHeight ?? 28), i = n.rowHeight, a = (e) => Math.max(1, typeof i == "function" ? i(e, e.index) : i), o = [], s = Array(e.length), c = !1;
+	for (let n of t(e)) {
+		n.group != null && (c = !0, o.push({
+			type: "group",
+			label: n.group,
+			size: r
+		}));
+		for (let e of n.options) s[e.index] = o.length, o.push({
+			type: "option",
+			opt: e,
+			size: a(e)
+		});
+	}
+	return {
+		entries: o,
+		hasGroups: c,
+		sizeAt: (e) => o[e]?.size ?? 0,
+		optionFlatIndex: s
+	};
+}
+function r(e, t, n) {
+	let r = t.trim().toLowerCase();
+	if (!r || !e.length) return -1;
+	let i = e.length;
+	for (let t = 1; t <= i; t++) {
+		let a = (n + t) % i, o = e[a];
+		if (o && !o.disabled && o.label.toLowerCase().startsWith(r)) return a;
+	}
+	return -1;
+}
+function i(e = 600) {
+	let t = "", n;
+	return {
+		get value() {
+			return t;
+		},
+		push(r) {
+			return t += r, n && clearTimeout(n), n = setTimeout(() => {
+				t = "";
+			}, e), t;
+		},
+		clear() {
+			t = "", n && clearTimeout(n);
+		}
+	};
+}
+function a(e) {
+	return e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && e.key !== " ";
+}
+//#endregion
+export { r as a, a as i, n, e as o, t as r, i as t };

package/dist/react/chart.d.ts

@@ -0,0 +1,99 @@
+import '@svgrid/grid-wc/chart';
+export interface SvChartProps {
+    /** `property only` - ChartSpec */
+    spec?: unknown;
+    /** `legend` - boolean | ChartLegendPosition */
+    legend?: string;
+    /** `interactive` - boolean */
+    interactive?: boolean;
+    /** `data-labels` - boolean | ChartDataLabelConfig */
+    dataLabels?: boolean;
+    /** `property only` - (value: number) => string */
+    formatValue?: unknown;
+    /** `property only` - (ctx: ChartTooltipContext) => { title?: string; rows?: ChartTooltipRow[] } */
+    tooltipFormat?: unknown;
+    /** `tooltip-mode` - 'shared' | 'single' */
+    tooltipMode?: "shared" | "single";
+    /** `tooltip-position` - 'follow' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' */
+    tooltipPosition?: "follow" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
+    /** `tooltip-sticky` - boolean */
+    tooltipSticky?: boolean;
+    /** `zoomable` - boolean | ChartZoomConfig */
+    zoomable?: boolean;
+    /** `property only` - ChartZoomWindow | null */
+    zoom?: unknown;
+    /** `range-presets` - boolean | ChartRangePreset[] */
+    rangePresets?: boolean;
+    /** `sync-group` - string */
+    syncGroup?: string;
+    /** `context-menu` - boolean | MenuItem[] | ((target: ChartContextTarget) => MenuItem[]) */
+    contextMenu?: boolean;
+    /** `animate` - boolean | ChartAnimateConfig */
+    animate?: boolean;
+    /** `live` - boolean */
+    live?: boolean;
+    /** `drillable` - boolean */
+    drillable?: boolean;
+    /** `property only` - string[] */
+    drillPath?: readonly unknown[];
+    /** `selectable` - boolean | 'single' | 'multi' */
+    selectable?: string;
+    /** `property only` - ChartPointRef[] */
+    selected?: readonly unknown[];
+    /** `hover-highlight` - boolean */
+    hoverHighlight?: boolean;
+    /** `announce` - boolean */
+    announce?: boolean;
+    /** `describe` - boolean */
+    describe?: boolean;
+    /** `property only` - Partial<ChartMessages> */
+    localeText?: unknown;
+    /** `crosshair-labels` - boolean */
+    crosshairLabels?: boolean;
+    /** `brush` - boolean */
+    brush?: boolean;
+    /** `brush-height` - number */
+    brushHeight?: number;
+    /** `toolbar` - boolean */
+    toolbar?: boolean;
+    /** `width` - number */
+    width?: number;
+    /** `height` - number */
+    height?: number;
+    /** `autosize` - boolean */
+    autosize?: boolean;
+    /** `annotatable` - boolean */
+    annotatable?: boolean;
+    /** `drawable` - boolean | ChartDrawingKind[] */
+    drawable?: boolean;
+    /** `select` */
+    onSelect?: (detail: unknown) => void;
+    /** `drill` */
+    onDrill?: (detail: unknown) => void;
+    /** `zoom` */
+    onZoom?: (detail: unknown) => void;
+    /** `selectionchange` */
+    onSelectionChange?: (detail: unknown) => void;
+    /** `hover` */
+    onHover?: (detail: unknown) => void;
+    /** `annotate` */
+    onAnnotate?: (detail: unknown) => void;
+    /** `annotationremove` */
+    onAnnotationRemove?: (detail: number) => void;
+    /** `drawingschange` */
+    onDrawingsChange?: (detail: unknown) => void;
+    /** Forwarded to the host element. */
+    className?: string;
+    style?: Record<string, string | number>;
+}
+/** The host element, reachable through a ref. */
+export interface SvChartHandle {
+    element: HTMLElement | null;
+}
+/**
+ * SvChart as a React component. Same shape as the grid wrapper: props are
+ * written as DOM properties when they change, handlers are bound once through
+ * a ref so inline arrows do not rebind on every render.
+ */
+export declare const SvChart: import("react").ForwardRefExoticComponent<SvChartProps & import("react").RefAttributes<SvChartHandle>>;
+export default SvChart;

package/dist/react/chart.js

@@ -0,0 +1,49 @@
+import { createElement as e, forwardRef as t, useEffect as n, useImperativeHandle as r, useRef as i } from "react";
+import "@svgrid/grid-wc/chart";
+//#region src/react/chart.tsx
+var a = /* @__PURE__ */ "spec.legend.interactive.dataLabels.formatValue.tooltipFormat.tooltipMode.tooltipPosition.tooltipSticky.zoomable.zoom.rangePresets.syncGroup.contextMenu.animate.live.drillable.drillPath.selectable.selected.hoverHighlight.announce.describe.localeText.crosshairLabels.brush.brushHeight.toolbar.width.height.autosize.annotatable.drawable".split("."), o = [
+	["onSelect", "select"],
+	["onDrill", "drill"],
+	["onZoom", "zoom"],
+	["onSelectionChange", "selectionchange"],
+	["onHover", "hover"],
+	["onAnnotate", "annotate"],
+	["onAnnotationRemove", "annotationremove"],
+	["onDrawingsChange", "drawingschange"]
+], s = t(function(t, s) {
+	let c = i(null), { className: l, style: u, ...d } = t, f = i({});
+	n(() => {
+		let e = c.current;
+		if (e) for (let t of a) {
+			let n = d[t];
+			n === void 0 || Object.is(f.current[t], n) || (f.current[t] = n, e[t] = n);
+		}
+	});
+	let p = i(d);
+	return p.current = d, n(() => {
+		let e = c.current;
+		if (!e) return;
+		let t = [];
+		for (let [n, r] of o) {
+			let i = (e) => {
+				let t = p.current[n];
+				t?.(e.detail);
+			};
+			e.addEventListener(r, i), t.push([r, i]);
+		}
+		return () => {
+			for (let [n, r] of t) e.removeEventListener(n, r);
+		};
+	}, []), r(s, () => ({ get element() {
+		return c.current;
+	} }), []), e("sv-chart", {
+		ref: c,
+		class: l,
+		style: {
+			display: "block",
+			...u
+		}
+	});
+});
+//#endregion
+export { s as SvChart, s as default };

package/dist/react/index.d.ts

@@ -8,6 +8,8 @@ export interface SvGridProps {
     board?: unknown;
     /** `property only` - SchedulerConfig<TFeatures, TData> */
     scheduler?: unknown;
+    /** `property only` - GanttConfig<TFeatures, TData> */
+    gantt?: unknown;
     /** `property only` - ChartViewConfig<TFeatures, TData> */
     chart?: unknown;
     /** `property only` - GridPivotConfig<TData> */
@@ -122,10 +124,20 @@ export interface SvGridProps {
     enableRowHover?: boolean;
     /** `copy-headers-to-clipboard` - boolean */
     copyHeadersToClipboard?: boolean;
+    /** `property only` - (params: { value: unknown; delta: { rows: number; cols: number }; rowIndex: number; column */
+    processCellForFill?: unknown;
     /** `property only` - (params: { value: unknown; column: unknown; row: TData; rowIndex: number; columnId: string */
     processCellForClipboard?: unknown;
+    /** `property only` - (rowIndex: number) => boolean */
+    includeCollapsedRows?: unknown;
+    /** `property only` - (params: { rects: ReadonlyArray<{ minRow: number; maxRow: number; minCol: number; maxCol:  */
+    clipboardHtml?: unknown;
+    /** `property only` - (params: { text: string; parsedValue: unknown; row: TData; rowIndex: number; columnId: str */
+    processCellFromClipboard?: unknown;
     /** `enable-inline-editing` - boolean */
     enableInlineEditing?: boolean;
+    /** `edit-on-second-click` - boolean */
+    editOnSecondClick?: boolean;
     /** `full-row-editing` - boolean */
     fullRowEditing?: boolean;
     /** `enable-row-summaries` - boolean */
@@ -172,14 +184,36 @@ export interface SvGridProps {
     conditionalFormats?: readonly unknown[];
     /** `conditional-stat-scope` - "filtered" | "visible" | "all" */
     conditionalStatScope?: "filtered" | "visible" | "all";
+    /** `property only` - (row: TData, rowIndex: number) => "loading" | "failed" | null */
+    rowPlaceholder?: unknown;
+    /** `property only` - GridRowModel<TData> */
+    rowModel?: unknown;
+    /** `property only` - Array<ColumnDef<TFeatures, TData>> | null */
+    pivotResultColumns?: readonly unknown[];
+    /** `property only` - { isSelected: (rowId: string, row: TData) => boolean; headerState: () => "none" | "some" | */
+    rowSelectionModel?: unknown;
     /** `property only` - (row: TData, rowIndex: number) => boolean */
     isDetailRow?: unknown;
+    /** `detail-row-height` - number | ((row: TData) => number) */
+    detailRowHeight?: number;
+    /** `show-detail-toggle` - boolean */
+    showDetailToggle?: boolean;
+    /** `property only` - (row: TData) => boolean */
+    isDetailOpen?: unknown;
+    /** `property only` - (row: TData) => boolean */
+    hasDetail?: unknown;
     /** `property only` - { isGroup: (row: TData) => boolean; level: (row: TData) => number; expanded?: (row: TData) */
     serverGroup?: unknown;
     /** `property only` - (columnId: string) => Promise<string[]> */
     serverFilterValues?: unknown;
     /** `property only` - ReadonlyArray<TData> */
     pinnedTopRows?: readonly unknown[];
+    /** `frozen-rows` - number */
+    frozenRows?: number;
+    /** `sticky-group-rows` - boolean */
+    stickyGroupRows?: boolean;
+    /** `property only` - ReadonlyArray<{ rowIndex: number; colIndex: number; rowSpan: number; colSpan: number }> */
+    mergedCells?: readonly unknown[];
     /** `property only` - ReadonlyArray<TData> */
     pinnedBottomRows?: readonly unknown[];
     /** `enable-column-reorder` - boolean */
@@ -205,6 +239,22 @@ export interface SvGridProps {
         pageIndex: number;
         pageSize: number;
     }) => void;
+    /** `columnresize` */
+    onColumnResize?: (detail: {
+        columnId: string;
+        width: number;
+    }) => void;
+    /** `rowresize` */
+    onRowResize?: (detail: {
+        rowIndex: number;
+        height: number | null;
+    }) => void;
+    /** `pasteclipboard` */
+    onPasteClipboard?: (detail: {
+        text: string;
+        html: string | null;
+        source: "event" | "async";
+    }) => void;
     /** `apiready` */
     onApiReady?: (detail: unknown) => void;
     /** `rowselectionchange` */
@@ -277,6 +327,21 @@ export interface SvGridProps {
         scrollHeight: number;
         clientHeight: number;
     }) => void;
+    /** `visiblerangechange` */
+    onVisibleRangeChange?: (detail: {
+        startIndex: number;
+        endIndex: number;
+    }) => void;
+    /** `retryrow` */
+    onRetryRow?: (detail: {
+        row: Record<string, unknown>;
+        rowIndex: number;
+    }) => void;
+    /** `detailtoggle` */
+    onDetailToggle?: (detail: {
+        row: Record<string, unknown>;
+        rowIndex: number;
+    }) => void;
     /** `columnorderchange` */
     onColumnOrderChange?: (detail: ReadonlyArray<string>) => void;
     /** `rowdragend` */
@@ -287,6 +352,13 @@ export interface SvGridProps {
         fromGridId: number;
         toGridId: number;
     }) => void;
+    /** `rowdrop` */
+    onRowDrop?: (detail: {
+        row: Record<string, unknown>;
+        target: Record<string, unknown> | null;
+        targetIndex: number | null;
+        side: "before" | "after" | "into";
+    }) => void;
     /** `selectionchange` - published alias of rowselectionchange, detail is the selected rows */
     onSelectionchange?: (detail: unknown) => void;
     /** Render inside an open shadow root, so page CSS cannot reach the grid. */

package/dist/react/index.js

@@ -1,10 +1,13 @@
 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 = [
+var a = /* @__PURE__ */ "data.columns.board.scheduler.gantt.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.processCellForFill.processCellForClipboard.includeCollapsedRows.clipboardHtml.processCellFromClipboard.enableInlineEditing.editOnSecondClick.fullRowEditing.enableRowSummaries.summary.statusBar.toolPanel.charting.columnMenuTabs.toolPanelDefaultOpen.toolPanelDefaultTab.selectionMode.showRowNumbers.zebraRows.rowNumberWidth.externalSort.initialSorting.initialAdvancedFilter.externalFilter.getRowId.rowClass.notes.editableComments.conditionalFormats.conditionalStatScope.rowPlaceholder.rowModel.pivotResultColumns.rowSelectionModel.isDetailRow.detailRowHeight.showDetailToggle.isDetailOpen.hasDetail.serverGroup.serverFilterValues.pinnedTopRows.frozenRows.stickyGroupRows.mergedCells.pinnedBottomRows.enableColumnReorder.columnOrder.inferColumnTypes.rowDragManaged.rowDragGroup.alignedGridGroup.filterLocale".split("."), o = [
 	["onPivotModeChange", "pivotmodechange"],
 	["onExpandedChange", "expandedchange"],
 	["onPaginationChange", "paginationchange"],
+	["onColumnResize", "columnresize"],
+	["onRowResize", "rowresize"],
+	["onPasteClipboard", "pasteclipboard"],
 	["onApiReady", "apiready"],
 	["onRowSelectionChange", "rowselectionchange"],
 	["onCellSelectionChange", "cellselectionchange"],
@@ -19,8 +22,12 @@ var a = /* @__PURE__ */ "data.columns.board.scheduler.chart.pivot.pivotMode.cont
 	["onCellDoubleClick", "celldoubleclick"],
 	["onRowDoubleClick", "rowdoubleclick"],
 	["onScrollBottomReached", "scrollbottomreached"],
+	["onVisibleRangeChange", "visiblerangechange"],
+	["onRetryRow", "retryrow"],
+	["onDetailToggle", "detailtoggle"],
 	["onColumnOrderChange", "columnorderchange"],
 	["onRowDragEnd", "rowdragend"],
+	["onRowDrop", "rowdrop"],
 	["onSelectionchange", "selectionchange"]
 ], s = t(function(t, s) {
 	let c = i(null), { shadow: l, className: u, style: d, ...f } = t;

package/dist/row-resize-limG_N1z.js

@@ -0,0 +1,111 @@
+//#region ../grid/dist/row-resize.js
+var e = "sv-grid-row-resize-handle";
+function t(t, n) {
+	let r = n, i = null, a = null;
+	function o(e, t) {
+		let n = r.min ?? 20, i = r.max ?? 320;
+		e.setAttribute("aria-valuemin", String(n)), e.setAttribute("aria-valuemax", String(i)), e.setAttribute("aria-valuenow", String(Math.round(Math.max(n, Math.min(i, t || n)))));
+	}
+	function s(e) {
+		let t = e.querySelector("[data-svgrid-row]")?.dataset.svgridRow;
+		return t == null ? NaN : Number(t);
+	}
+	function c(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`, o(i.strip, a), r.onResizeMove?.(i.rowIndex, Math.round(a));
+	}
+	function l(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", c), window.removeEventListener("pointerup", l), document.body.style.cursor = "";
+	}
+	function u(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 === "ArrowUp") a = -i;
+		else if (t.key === "ArrowDown") a = i;
+		else return;
+		let c = n.closest("tr.sv-grid-row");
+		if (!c) return;
+		let l = s(c);
+		if (!Number.isFinite(l)) return;
+		t.preventDefault(), t.stopPropagation();
+		let u = r.min ?? 20, d = r.max ?? 320, f = Math.round(Math.max(u, Math.min(d, c.getBoundingClientRect().height + a)));
+		c.style.height = `${f}px`, o(n, f), r.onResizeMove?.(l, f), r.onResize(l, f);
+	}
+	function d(t) {
+		if (r.disabled) return;
+		let n = t.target;
+		if (!n?.classList.contains(e)) return;
+		let o = n.closest("tr.sv-grid-row");
+		if (!o) return;
+		let u = s(o);
+		if (!Number.isFinite(u)) return;
+		t.preventDefault(), t.stopPropagation();
+		let d = t.timeStamp, f = a !== null && a.rowIndex === u && d - a.at < 400;
+		if (a = {
+			rowIndex: u,
+			at: d
+		}, f && r.onAutosize) {
+			a = null, r.onAutosize(u);
+			return;
+		}
+		n.classList.add("is-resizing"), i = {
+			rowIndex: u,
+			startY: t.clientY,
+			startHeight: o.getBoundingClientRect().height,
+			trEl: o,
+			strip: n
+		};
+		try {
+			o.setPointerCapture(t.pointerId);
+		} catch {}
+		document.body.style.cursor = "row-resize", window.addEventListener("pointermove", c), window.addEventListener("pointerup", l);
+	}
+	function f() {
+		if (r.disabled) {
+			p();
+			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) continue;
+			let i = n.querySelector(`:scope > .${e}`);
+			if (i) {
+				o(i, t.getBoundingClientRect().height);
+				continue;
+			}
+			getComputedStyle(n).position === "static" && (n.style.position = "relative"), n.style.overflow = "visible";
+			let a = document.createElement("div");
+			a.className = e, a.setAttribute("role", "separator"), a.setAttribute("aria-orientation", "horizontal"), a.setAttribute("aria-label", "Resize row"), a.tabIndex = 0, o(a, t.getBoundingClientRect().height), a.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(a);
+		}
+	}
+	function p() {
+		t.querySelectorAll(`.${e}`).forEach((e) => e.remove());
+	}
+	t.addEventListener("pointerdown", d, { capture: !0 }), t.addEventListener("keydown", u, { capture: !0 });
+	let m = new MutationObserver(() => f());
+	return m.observe(t, {
+		childList: !0,
+		subtree: !0
+	}), f(), {
+		update(e) {
+			let t = r.disabled;
+			r = e, t !== r.disabled && f();
+		},
+		destroy() {
+			t.removeEventListener("pointerdown", d, { capture: !0 }), t.removeEventListener("keydown", u, { capture: !0 }), window.removeEventListener("pointermove", c), window.removeEventListener("pointerup", l), m.disconnect(), p();
+		}
+	};
+}
+//#endregion
+export { t as rowResize };