@svgrid/grid-wc 3.0.2 → 3.0.3

package/dist/shadow/{row-resize-Cf8qPLbi.js → row-resize-limG_N1z.js}

@@ -2,25 +2,29 @@
 var e = "sv-grid-row-resize-handle";
 function t(t, n) {
 	let r = n, i = null, a = null;
-	function o(e) {
+	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 s(e) {
+	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`, r.onResizeMove?.(i.rowIndex, Math.round(a));
+		i.trEl.style.height = `${Math.round(a)}px`, o(i.strip, a), r.onResizeMove?.(i.rowIndex, Math.round(a));
 	}
-	function c(e) {
+	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", s), window.removeEventListener("pointerup", c), document.body.style.cursor = "";
+		i = null, window.removeEventListener("pointermove", c), window.removeEventListener("pointerup", l), document.body.style.cursor = "";
 	}
-	function l(t) {
+	function u(t) {
 		if (r.disabled) return;
 		let n = t.target;
 		if (!n?.classList.contains(e)) return;
@@ -28,21 +32,21 @@ function t(t, n) {
 		if (t.key === "ArrowUp") a = -i;
 		else if (t.key === "ArrowDown") a = i;
 		else return;
-		let s = n.closest("tr.sv-grid-row");
-		if (!s) return;
-		let c = o(s);
-		if (!Number.isFinite(c)) 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 l = r.min ?? 20, u = r.max ?? 320, d = Math.round(Math.max(l, Math.min(u, s.getBoundingClientRect().height + a)));
-		s.style.height = `${d}px`, r.onResizeMove?.(c, d), r.onResize(c, d);
+		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 u(t) {
+	function d(t) {
 		if (r.disabled) return;
 		let n = t.target;
 		if (!n?.classList.contains(e)) return;
-		let l = n.closest("tr.sv-grid-row");
-		if (!l) return;
-		let u = o(l);
+		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;
@@ -56,45 +60,50 @@ function t(t, n) {
 		n.classList.add("is-resizing"), i = {
 			rowIndex: u,
 			startY: t.clientY,
-			startHeight: l.getBoundingClientRect().height,
-			trEl: l,
+			startHeight: o.getBoundingClientRect().height,
+			trEl: o,
 			strip: n
 		};
 		try {
-			l.setPointerCapture(t.pointerId);
+			o.setPointerCapture(t.pointerId);
 		} catch {}
-		document.body.style.cursor = "row-resize", window.addEventListener("pointermove", s), window.addEventListener("pointerup", c);
+		document.body.style.cursor = "row-resize", window.addEventListener("pointermove", c), window.addEventListener("pointerup", l);
 	}
-	function d() {
+	function f() {
 		if (r.disabled) {
-			f();
+			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 || n.querySelector(`:scope > .${e}`)) continue;
+			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 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);
+			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 f() {
+	function p() {
 		t.querySelectorAll(`.${e}`).forEach((e) => e.remove());
 	}
-	t.addEventListener("pointerdown", u, { capture: !0 }), t.addEventListener("keydown", l, { capture: !0 });
-	let p = new MutationObserver(() => d());
-	return p.observe(t, {
+	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
-	}), d(), {
+	}), f(), {
 		update(e) {
 			let t = r.disabled;
-			r = e, t !== r.disabled && d();
+			r = e, t !== r.disabled && f();
 		},
 		destroy() {
-			t.removeEventListener("pointerdown", u, { capture: !0 }), t.removeEventListener("keydown", l, { capture: !0 }), window.removeEventListener("pointermove", s), window.removeEventListener("pointerup", c), p.disconnect(), f();
+			t.removeEventListener("pointerdown", d, { capture: !0 }), t.removeEventListener("keydown", u, { capture: !0 }), window.removeEventListener("pointermove", c), window.removeEventListener("pointerup", l), m.disconnect(), p();
 		}
 	};
 }

package/dist/shadow/sv-grid-shadow-element.d.ts

@@ -21,6 +21,8 @@ export interface SvGridElement extends HTMLElement {
   /** property only - an attribute cannot hold this */
   scheduler: unknown
   /** property only - an attribute cannot hold this */
+  gantt: unknown
+  /** property only - an attribute cannot hold this */
   chart: unknown
   /** property only - an attribute cannot hold this */
   pivot: unknown
@@ -139,6 +141,8 @@ export interface SvGridElement extends HTMLElement {
   /** property only - an attribute cannot hold this */
   processCellForClipboard: unknown
   /** property only - an attribute cannot hold this */
+  includeCollapsedRows: unknown
+  /** property only - an attribute cannot hold this */
   clipboardHtml: unknown
   /** property only - an attribute cannot hold this */
   processCellFromClipboard: unknown
@@ -193,7 +197,23 @@ export interface SvGridElement extends HTMLElement {
   /** attribute `conditional-stat-scope` */
   conditionalStatScope: "filtered" | "visible" | "all"
   /** property only - an attribute cannot hold this */
+  rowPlaceholder: unknown
+  /** property only - an attribute cannot hold this */
+  rowModel: unknown
+  /** property only - an attribute cannot hold this */
+  pivotResultColumns: readonly unknown[]
+  /** property only - an attribute cannot hold this */
+  rowSelectionModel: unknown
+  /** property only - an attribute cannot hold this */
   isDetailRow: unknown
+  /** attribute `detail-row-height` */
+  detailRowHeight: number
+  /** attribute `show-detail-toggle` */
+  showDetailToggle: boolean
+  /** property only - an attribute cannot hold this */
+  isDetailOpen: unknown
+  /** property only - an attribute cannot hold this */
+  hasDetail: unknown
   /** property only - an attribute cannot hold this */
   serverGroup: unknown
   /** property only - an attribute cannot hold this */
@@ -202,6 +222,8 @@ export interface SvGridElement extends HTMLElement {
   pinnedTopRows: readonly unknown[]
   /** attribute `frozen-rows` */
   frozenRows: number
+  /** attribute `sticky-group-rows` */
+  stickyGroupRows: boolean
   /** property only - an attribute cannot hold this */
   mergedCells: readonly unknown[]
   /** property only - an attribute cannot hold this */
@@ -252,8 +274,12 @@ declare global {
     celldoubleclick: CustomEvent<unknown>
     rowdoubleclick: CustomEvent<unknown>
     scrollbottomreached: CustomEvent<unknown>
+    visiblerangechange: CustomEvent<unknown>
+    retryrow: CustomEvent<unknown>
+    detailtoggle: CustomEvent<unknown>
     columnorderchange: CustomEvent<unknown>
     rowdragend: CustomEvent<unknown>
+    rowdrop: CustomEvent<unknown>
     selectionchange: CustomEvent<unknown>
   }
 }