@svgrid/grid-wc 3.0.1 → 3.0.3

package/dist/{dismissable-DvhBKm3q.js → shadow/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/shadow/{export-format-DhdZREP1.js → export-format-mnW_rVBZ.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-shadow-element.js";
 //#region ../grid/dist/export-format.js
 function r(e) {

package/dist/shadow/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/shadow/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/shadow/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 };

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
@@ -135,9 +137,19 @@ export interface SvGridElement extends HTMLElement {
   /** attribute `copy-headers-to-clipboard` */
   copyHeadersToClipboard: boolean
   /** property only - an attribute cannot hold this */
+  processCellForFill: unknown
+  /** 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
   /** attribute `enable-inline-editing` */
   enableInlineEditing: boolean
+  /** attribute `edit-on-second-click` */
+  editOnSecondClick: boolean
   /** attribute `full-row-editing` */
   fullRowEditing: boolean
   /** attribute `enable-row-summaries` */
@@ -185,13 +197,35 @@ 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 */
   serverFilterValues: unknown
   /** property only - an attribute cannot hold this */
   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 */
   pinnedBottomRows: readonly unknown[]
   /** attribute `enable-column-reorder` */
@@ -223,6 +257,9 @@ declare global {
     pivotmodechange: CustomEvent<unknown>
     expandedchange: CustomEvent<unknown>
     paginationchange: CustomEvent<unknown>
+    columnresize: CustomEvent<unknown>
+    rowresize: CustomEvent<unknown>
+    pasteclipboard: CustomEvent<unknown>
     apiready: CustomEvent<unknown>
     rowselectionchange: CustomEvent<unknown>
     cellselectionchange: CustomEvent<unknown>
@@ -237,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>
   }
 }