@svgrid/grid-wc 3.0.1 → 3.0.2

package/dist/shadow/focus-trap-DvlOlOGM.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 { 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-D-8s3cqT.js → row-resize-Cf8qPLbi.js}

@@ -1,65 +1,73 @@
 //#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 r = n, i = null, a = null;
+	function o(e) {
 		let t = e.querySelector("[data-svgrid-row]")?.dataset.svgridRow;
 		return t == null ? NaN : Number(t);
 	}
-	function o(e) {
+	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)));
 		i.trEl.style.height = `${Math.round(a)}px`, r.onResizeMove?.(i.rowIndex, Math.round(a));
 	}
-	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)));
 		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 = "";
+		i = null, window.removeEventListener("pointermove", s), window.removeEventListener("pointerup", c), document.body.style.cursor = "";
 	}
-	function c(t) {
+	function l(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;
+		let i = t.shiftKey ? 1 : 10, a = 0;
+		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 = a(s);
+		let c = o(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)));
+		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);
 	}
-	function l(t) {
+	function u(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);
+		let l = n.closest("tr.sv-grid-row");
+		if (!l) return;
+		let u = o(l);
+		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: l.getBoundingClientRect().height,
+			trEl: l,
+			strip: n
+		};
+		try {
+			l.setPointerCapture(t.pointerId);
+		} catch {}
+		document.body.style.cursor = "row-resize", window.addEventListener("pointermove", s), window.addEventListener("pointerup", c);
 	}
-	function u() {
+	function d() {
 		if (r.disabled) {
-			d();
+			f();
 			return;
 		}
 		let n = t.querySelectorAll("tr.sv-grid-row");
@@ -72,21 +80,21 @@ function t(t, n) {
 			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() {
+	function f() {
 		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, {
+	t.addEventListener("pointerdown", u, { capture: !0 }), t.addEventListener("keydown", l, { capture: !0 });
+	let p = new MutationObserver(() => d());
+	return p.observe(t, {
 		childList: !0,
 		subtree: !0
-	}), u(), {
+	}), d(), {
 		update(e) {
 			let t = r.disabled;
-			r = e, t !== r.disabled && u();
+			r = e, t !== r.disabled && d();
 		},
 		destroy() {
-			t.removeEventListener("pointerdown", l, { capture: !0 }), t.removeEventListener("keydown", c, { capture: !0 }), window.removeEventListener("pointermove", o), window.removeEventListener("pointerup", s), f.disconnect(), d();
+			t.removeEventListener("pointerdown", u, { capture: !0 }), t.removeEventListener("keydown", l, { capture: !0 }), window.removeEventListener("pointermove", s), window.removeEventListener("pointerup", c), p.disconnect(), f();
 		}
 	};
 }

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

@@ -135,9 +135,17 @@ 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 */
+  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` */
@@ -192,6 +200,10 @@ export interface SvGridElement extends HTMLElement {
   serverFilterValues: unknown
   /** property only - an attribute cannot hold this */
   pinnedTopRows: readonly unknown[]
+  /** attribute `frozen-rows` */
+  frozenRows: number
+  /** 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 +235,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>