@svgrid/grid-wc 3.0.1 → 3.0.3

package/dist/shadow/{svelte-virtualizer.svelte-DZ9UcyfT.js → svelte-virtualizer.svelte-CnGhFGDc.js}

@@ -1,4 +1,4 @@
-import { R as e, X as t, Z as n } from "./client-DjwUji8D.js";
+import { Q as e, R as t, Z as n } from "./client-DEF0GRjE.js";
 //#region ../grid/dist/sv-grid-scrollbar.js
 var r = 16, i = 280, a = 50, o = "http://www.w3.org/2000/svg";
 function s() {
@@ -343,44 +343,47 @@ function x(e, t) {
 	if (e.totalSize !== t.totalSize || e.startIndex !== t.startIndex || e.endIndex !== t.endIndex || e.viewportHeight !== t.viewportHeight || e.items.length !== t.items.length) return !1;
 	for (let n = 0; n < e.items.length; n += 1) {
 		let r = e.items[n], i = t.items[n];
-		if (r.index !== i.index || r.start !== i.start || r.size !== i.size) return !1;
+		if (r.index !== i.index || r.start !== i.start || r.size !== i.size || r.key !== i.key) return !1;
 	}
 	return !0;
 }
-function S(e, t, n) {
-	let r = [];
-	for (let i = e; i <= t; i += 1) {
-		let t = i * n;
+function S(e, t) {
+	return `virtual_slot_${e % t}`;
+}
+function C(e, t, n) {
+	let r = [], i = t - e + 1;
+	for (let a = e; a <= t; a += 1) {
+		let e = a * n;
 		r.push({
-			index: i,
-			start: t,
+			index: a,
+			start: e,
 			size: n,
-			end: t + n,
-			key: `virtual_slot_${i - e}`
+			end: e + n,
+			key: S(a, i)
 		});
 	}
 	return r;
 }
-function C(e, t, n, r) {
+function w(e, t, n, r) {
 	if (e <= 0) return [];
-	let i = Math.max(t, 1), a = Math.ceil(Math.max(n, 0) / i), o = Math.min(a + Math.max(r, 0), e - 1);
-	return S(0, Math.max(o, 0), i);
+	let i = Math.max(t, 1), a = Math.ceil(Math.max(n, 0) / i);
+	return C(0, Math.max(Math.min(a + Math.max(r, 0), e - 1), 0), i);
 }
-function w(e, t, n) {
-	let r = [];
-	for (let i = e; i <= t; i += 1) {
-		let t = n[i] ?? 0, a = n[i + 1] ?? t;
+function T(e, t, n) {
+	let r = [], i = t - e + 1;
+	for (let a = e; a <= t; a += 1) {
+		let e = n[a] ?? 0, t = n[a + 1] ?? e;
 		r.push({
-			index: i,
-			start: t,
-			size: a - t,
-			end: a,
-			key: `virtual_slot_${i - e}`
+			index: a,
+			start: e,
+			size: t - e,
+			end: t,
+			key: S(a, i)
 		});
 	}
 	return r;
 }
-function T(e, t) {
+function E(e, t) {
 	let n = Math.max(e.count, 0), r = Math.max(e.overscan ?? 6, 0), i = Math.max(e.viewportHeight, 0);
 	if (typeof e.estimateSize == "function" && t) {
 		let a = t[n] ?? 0, o = Math.max(a - i, 0), s = y(e.scrollOffset ?? 0, 0, o), c = 0, l = n;
@@ -395,7 +398,7 @@ function T(e, t) {
 		}
 		let f = Math.max(c - 1, u), p = n === 0 ? 0 : y(u - r, 0, n - 1), m = n === 0 ? -1 : y(f + r, 0, n - 1);
 		return {
-			items: m >= p ? w(p, m, t) : [],
+			items: m >= p ? T(p, m, t) : [],
 			totalSize: a,
 			startIndex: p,
 			endIndex: m,
@@ -405,7 +408,7 @@ function T(e, t) {
 	}
 	let a = Math.max(typeof e.estimateSize == "number" ? e.estimateSize : 1, 1), o = n * a, s = Math.max(o - i, 0), c = y(e.scrollOffset ?? 0, 0, s), l = Math.floor(c / a), u = Math.ceil(i / a), d = Math.min(l + u, Math.max(n - 1, 0)), f = n === 0 ? 0 : y(l - r, 0, n - 1), p = n === 0 ? -1 : y(d + r, 0, n - 1);
 	return {
-		items: p >= f ? S(f, p, a) : [],
+		items: p >= f ? C(f, p, a) : [],
 		totalSize: o,
 		startIndex: f,
 		endIndex: p,
@@ -413,7 +416,7 @@ function T(e, t) {
 		viewportHeight: i
 	};
 }
-function E(e) {
+function D(e) {
 	let t = e, n = null;
 	function r() {
 		if (typeof t.estimateSize != "function") return null;
@@ -421,19 +424,19 @@ function E(e) {
 		if (n && n.fn === t.estimateSize && n.count === e) return n.offsets;
 		let r = t.estimateSize, i = Array(e + 1);
 		i[0] = 0;
-		for (let t = 0; t < e; t += 1) i[t + 1] = i[t] + Math.max(r(t), 1);
+		for (let t = 0; t < e; t += 1) i[t + 1] = i[t] + Math.max(r(t), 0);
 		return n = {
 			fn: r,
 			count: e,
 			offsets: i
 		}, i;
 	}
-	let i = T(t, r()), a = /* @__PURE__ */ new Set();
+	let i = E(t, r()), a = /* @__PURE__ */ new Set();
 	function o() {
 		a.forEach((e) => e());
 	}
 	function s() {
-		let e = T(t, r());
+		let e = E(t, r());
 		x(i, e) || (i = e, o());
 	}
 	return {
@@ -504,13 +507,13 @@ function E(e) {
 }
 //#endregion
 //#region ../grid/dist/virtualization/svelte-virtualizer.svelte.js
-function D(r) {
-	let i = E(r), a = n(0);
+function O(r) {
+	let i = D(r), a = e(0);
 	return i.subscribe(() => {
-		t(a, e(a) + 1);
+		n(a, t(a) + 1);
 	}), {
 		get version() {
-			return e(a);
+			return t(a);
 		},
 		setOptions: i.setOptions,
 		setScrollOffset: i.setScrollOffset,
@@ -524,4 +527,4 @@ function D(r) {
 	};
 }
 //#endregion
-export { h as a, g as c, v as i, C as n, f as o, E as r, m as s, D as t };
+export { h as a, g as c, v as i, w as n, f as o, D as r, m as s, O as t };

package/dist/shadow/validate-BqDthkNr.js

@@ -0,0 +1,88 @@
+//#region ../grid/dist/server-block-cache.js
+var e = Symbol.for("svgrid.rowPlaceholder");
+Object.freeze({ [e]: "loading" }), Object.freeze({ [e]: "failed" });
+function t(t) {
+	if (typeof t != "object" || !t) return null;
+	let n = t[e];
+	return n === "loading" || n === "failed" ? n : null;
+}
+//#endregion
+//#region ../grid/dist/validate.js
+var n = 10, r = "https://svgrid.com/docs/getting-started/3-data-and-columns/";
+function i(e, t = []) {
+	for (let n of e) n.columns?.length ? i(n.columns, t) : t.push(n);
+	return t;
+}
+function a(e) {
+	let a = [], s = i(e.columns ?? []), c = [];
+	for (let r of e.data ?? []) {
+		if (c.length >= n) break;
+		t(r) || c.push(r);
+	}
+	if (c.length && !e.serverGroup) {
+		let e = /* @__PURE__ */ new Set();
+		for (let t of c) if (t && typeof t == "object") for (let n of Object.keys(t)) e.add(n);
+		for (let t of s) {
+			let n = t.field;
+			if (!n || t.fieldFn || e.has(n)) continue;
+			let i = o(n, [...e]);
+			a.push(`[svgrid] Column field "${n}" does not exist on your row data, so that column renders empty.${i ? ` Did you mean "${i}"?` : ""} Available keys: ${[...e].slice(0, 12).join(", ")}. See ${r}`);
+		}
+	}
+	let l = /* @__PURE__ */ new Map();
+	for (let e of s) {
+		let t = e.id ?? e.field;
+		t && l.set(t, (l.get(t) ?? 0) + 1);
+	}
+	for (let [e, t] of l) t > 1 && a.push(`[svgrid] ${t} columns share the id "${e}". Column state (sorting, filtering, pinning, width) is keyed by id, so they will act as one. Give each an explicit \`id\`. See ${r}`);
+	let u = e.pageable === void 0 && e.showPagination === void 0;
+	e.pageSize !== void 0 && u && a.push("[svgrid] `pageSize` is set but pagination was never turned on, so it has no effect and every row renders. Add `pageable` to switch the pager on."), !(e.sortable === !0 || e.features?.rowSortingFeature) && s.some((e) => e.sortable === !0) && a.push("[svgrid] A column sets `sortable: true`, but sorting is not enabled on the grid, so its header does nothing. Add `sortable` to <SvGrid> (it registers the sorting feature for you).");
+	let d = /* @__PURE__ */ new Set();
+	for (let e of s) {
+		let t = e.id ?? e.field;
+		t && d.add(t);
+	}
+	for (let t of e.groupBy ?? []) {
+		if (d.has(t)) continue;
+		let e = o(t, [...d]);
+		a.push(`[svgrid] \`groupBy\` refers to column "${t}", which does not exist, so that grouping level is ignored.${e ? ` Did you mean "${e}"?` : ""} Column ids: ${[...d].slice(0, 12).join(", ")}`);
+	}
+	let f = e.treeData?.column;
+	if (f && !d.has(f) && a.push(`[svgrid] \`treeData.column\` refers to column "${f}", which does not exist, so the expander falls back to the first visible column.`), c.length && e.treeData) {
+		let t = /* @__PURE__ */ new Set();
+		for (let e of c) if (e && typeof e == "object") for (let n of Object.keys(e)) t.add(n);
+		let n = e.treeData.parentField;
+		if (n && !t.has(n)) {
+			let e = o(n, [...t]);
+			a.push(`[svgrid] \`treeData.parentField\` is "${n}", which is not on your row data, so every row becomes a root and no hierarchy appears.${e ? ` Did you mean "${e}"?` : ""}`);
+		}
+		let r = e.treeData.idField;
+		r && !t.has(r) && a.push(`[svgrid] \`treeData.idField\` is "${r}", which is not on your row data, so parent lookups cannot match and the tree stays flat.`);
+	}
+	return e.gantt && e.treeData && a.push("[svgrid] `gantt` and `treeData` are both set. The Gantt builds its own work-breakdown tree from `gantt.parentField` and needs every descendant row, but `treeData` hides collapsed children from the view, so summary bars will under-report. Remove `treeData` and set `gantt.parentField` instead."), (e.initialColumnPinning?.left?.length ?? 0) + (e.initialColumnPinning?.right?.length ?? 0) > 0 && e.columnVirtualization !== !1 && a.push("[svgrid] `initialColumnPinning` is set while column virtualization is on (its default), so the pinned columns will not stick - the virtualizer recycles column nodes. Add `columnVirtualization={false}`."), e.externalPagination === !0 && e.rowCount === void 0 && a.push("[svgrid] `externalPagination` is on but `rowCount` is not set, so the pager cannot know how many pages exist. Pass the server total as `rowCount`."), e.externalSort === !0 && !e.onSortingChange && a.push("[svgrid] `externalSort` is on but there is no `onSortingChange` handler, so clicking a header changes nothing - the grid stopped sorting and nobody is listening. Add `onSortingChange` and re-fetch in your handler."), e.externalFilter === !0 && !e.onFiltersChange && a.push("[svgrid] `externalFilter` is on but there is no `onFiltersChange` handler, so filtering the grid changes nothing. Add `onFiltersChange` and re-fetch in your handler."), a;
+}
+function o(e, t) {
+	let n, r = Infinity;
+	for (let i of t) {
+		let t = s(e.toLowerCase(), i.toLowerCase());
+		t < r && (r = t, n = i);
+	}
+	let i = Math.min(3, Math.floor(e.length / 3) + 1);
+	return r <= i ? n : void 0;
+}
+function s(e, t) {
+	if (e === t) return 0;
+	let n = Array(t.length + 1);
+	for (let e = 0; e <= t.length; e++) n[e] = e;
+	for (let r = 1; r <= e.length; r++) {
+		let i = n[0];
+		n[0] = r;
+		for (let a = 1; a <= t.length; a++) {
+			let o = Math.min(n[a] + 1, n[a - 1] + 1, i + (e[r - 1] === t[a - 1] ? 0 : 1));
+			i = n[a], n[a] = o;
+		}
+	}
+	return n[t.length];
+}
+//#endregion
+export { a as validateGridConfig };

package/dist/sv-grid-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>
   }
 }