@svgrid/grid-wc 2.6.2 → 3.0.0

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

@@ -1,4 +1,4 @@
-import { R as e, X as t, Z as n } from "./client-DoXxrq8q.js";
+import { R as e, X as t, Z as n } from "./client-DjwUji8D.js";
 //#region ../grid/dist/sv-grid-scrollbar.js
 var r = 16, i = 280, a = 50, o = "http://www.w3.org/2000/svg";
 function s() {
@@ -224,20 +224,25 @@ typeof window < "u" && !customElements.get("sv-grid-scrollbar") && customElement
 var d = /[̀-ͯ]/g;
 function f(e, t) {
 	if (!e) return "";
+	if (p(e)) return t ? e.toLocaleLowerCase(t) : e.toLowerCase();
 	let n = e.normalize("NFD").replace(d, "");
 	return t ? n.toLocaleLowerCase(t) : n.toLowerCase();
 }
 function p(e) {
-	let { tokens: t, trailing: n } = g(e);
-	return n && t.push(n), t;
+	for (let t = 0; t < e.length; t++) if (e.charCodeAt(t) > 127) return !1;
+	return !0;
 }
 function m(e) {
-	return e.map((e) => e.trim()).filter((e) => e.length > 0).map((e) => /["\n,]/.test(e) ? `"${e.replace(/"/g, "\"\"")}"` : e).join(", ");
+	let { tokens: t, trailing: n } = _(e);
+	return n && t.push(n), t;
 }
 function h(e) {
-	return g(e).trailing;
+	return e.map((e) => e.trim()).filter((e) => e.length > 0).map((e) => /["\n,]/.test(e) ? `"${e.replace(/"/g, "\"\"")}"` : e).join(", ");
 }
 function g(e) {
+	return _(e).trailing;
+}
+function _(e) {
 	let t = String(e ?? ""), n = [], r = "", i = !1, a = !1, o = !1, s = () => {
 		let e = a ? r : r.trim();
 		return r = "", a = !1, o = !1, e;
@@ -272,7 +277,7 @@ function g(e) {
 		trailing: s()
 	};
 }
-function _(e, t) {
+function v(e, t) {
 	let n = t?.locale, r = (e) => f(String(e ?? ""), n), i = r(e.value);
 	switch (e.operator) {
 		case "contains": return (e) => r(e).includes(i);
@@ -294,7 +299,7 @@ function _(e, t) {
 		}
 		case "in":
 		case "notIn": {
-			let t = p(e.value);
+			let t = m(e.value);
 			if (t.length === 0) return () => !0;
 			let i = new Set(t.map((e) => f(e, n)));
 			return e.operator === "in" ? (e) => i.has(r(e)) : (e) => !i.has(r(e));
@@ -328,13 +333,13 @@ function _(e, t) {
 }
 //#endregion
 //#region ../grid/dist/virtualization/virtualizer.js
-function v(e, t, n) {
+function y(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
-function y(e, t) {
+function b(e, t) {
 	return e.count === t.count && e.estimateSize === t.estimateSize && (e.overscan ?? 6) === (t.overscan ?? 6) && e.viewportHeight === t.viewportHeight && (e.scrollOffset ?? 0) === (t.scrollOffset ?? 0);
 }
-function b(e, t) {
+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];
@@ -342,7 +347,7 @@ function b(e, t) {
 	}
 	return !0;
 }
-function x(e, t, n) {
+function S(e, t, n) {
 	let r = [];
 	for (let i = e; i <= t; i += 1) {
 		let t = i * n;
@@ -356,12 +361,12 @@ function x(e, t, n) {
 	}
 	return r;
 }
-function S(e, t, n, r) {
+function C(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 x(0, Math.max(o, 0), i);
+	return S(0, Math.max(o, 0), i);
 }
-function C(e, t, n) {
+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;
@@ -375,10 +380,10 @@ function C(e, t, n) {
 	}
 	return r;
 }
-function w(e, t) {
+function T(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 = v(e.scrollOffset ?? 0, 0, o), c = 0, l = n;
+		let a = t[n] ?? 0, o = Math.max(a - i, 0), s = y(e.scrollOffset ?? 0, 0, o), c = 0, l = n;
 		for (; c < l;) {
 			let e = c + l >>> 1;
 			(t[e + 1] ?? 0) <= s ? c = e + 1 : l = e;
@@ -388,9 +393,9 @@ function w(e, t) {
 			let e = c + l >>> 1;
 			(t[e] ?? 0) < d ? c = e + 1 : l = e;
 		}
-		let f = Math.max(c - 1, u), p = n === 0 ? 0 : v(u - r, 0, n - 1), m = n === 0 ? -1 : v(f + r, 0, n - 1);
+		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 ? C(p, m, t) : [],
+			items: m >= p ? w(p, m, t) : [],
 			totalSize: a,
 			startIndex: p,
 			endIndex: m,
@@ -398,9 +403,9 @@ function w(e, t) {
 			viewportHeight: i
 		};
 	}
-	let a = Math.max(typeof e.estimateSize == "number" ? e.estimateSize : 1, 1), o = n * a, s = Math.max(o - i, 0), c = v(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 : v(l - r, 0, n - 1), p = n === 0 ? -1 : v(d + r, 0, n - 1);
+	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 ? x(f, p, a) : [],
+		items: p >= f ? S(f, p, a) : [],
 		totalSize: o,
 		startIndex: f,
 		endIndex: p,
@@ -408,7 +413,7 @@ function w(e, t) {
 		viewportHeight: i
 	};
 }
-function T(e) {
+function E(e) {
 	let t = e, n = null;
 	function r() {
 		if (typeof t.estimateSize != "function") return null;
@@ -423,13 +428,13 @@ function T(e) {
 			offsets: i
 		}, i;
 	}
-	let i = w(t, r()), a = /* @__PURE__ */ new Set();
+	let i = T(t, r()), a = /* @__PURE__ */ new Set();
 	function o() {
 		a.forEach((e) => e());
 	}
 	function s() {
-		let e = w(t, r());
-		b(i, e) || (i = e, o());
+		let e = T(t, r());
+		x(i, e) || (i = e, o());
 	}
 	return {
 		setOptions(e) {
@@ -437,7 +442,7 @@ function T(e) {
 				...t,
 				...e
 			};
-			y(t, n) || (t = n, s());
+			b(t, n) || (t = n, s());
 		},
 		setScrollOffset(e) {
 			(t.scrollOffset ?? 0) !== e && (t = {
@@ -452,7 +457,7 @@ function T(e) {
 			}, s());
 		},
 		scrollToIndex(e) {
-			let n = v(e, 0, Math.max(t.count - 1, 0)), a = i.totalSize, o;
+			let n = y(e, 0, Math.max(t.count - 1, 0)), a = i.totalSize, o;
 			if (typeof t.estimateSize == "function") {
 				let e = r();
 				if (e) o = e[n] ?? 0;
@@ -462,7 +467,7 @@ function T(e) {
 					o = e;
 				}
 			} else o = n * Math.max(t.estimateSize, 1);
-			let c = Math.max(a - t.viewportHeight, 0), l = v(o, 0, c);
+			let c = Math.max(a - t.viewportHeight, 0), l = y(o, 0, c);
 			(t.scrollOffset ?? 0) !== l && (t = {
 				...t,
 				scrollOffset: l
@@ -499,8 +504,8 @@ function T(e) {
 }
 //#endregion
 //#region ../grid/dist/virtualization/svelte-virtualizer.svelte.js
-function E(r) {
-	let i = T(r), a = n(0);
+function D(r) {
+	let i = E(r), a = n(0);
 	return i.subscribe(() => {
 		t(a, e(a) + 1);
 	}), {
@@ -519,4 +524,4 @@ function E(r) {
 	};
 }
 //#endregion
-export { m as a, h as c, _ as i, S as n, f as o, T as r, p as s, E as t };
+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 };

package/dist/shadow/validate-CgmAtX1A.js

@@ -0,0 +1,75 @@
+//#region ../grid/dist/validate.js
+var e = "https://svgrid.com/docs/getting-started/3-data-and-columns/";
+function t(e, n = []) {
+	for (let r of e) r.columns?.length ? t(r.columns, n) : n.push(r);
+	return n;
+}
+function n(n) {
+	let i = [], a = t(n.columns ?? []), o = (n.data ?? []).slice(0, 10);
+	if (o.length) {
+		let t = /* @__PURE__ */ new Set();
+		for (let e of o) if (e && typeof e == "object") for (let n of Object.keys(e)) t.add(n);
+		for (let n of a) {
+			let a = n.field;
+			if (!a || n.fieldFn || t.has(a)) continue;
+			let o = r(a, [...t]);
+			i.push(`[svgrid] Column field "${a}" does not exist on your row data, so that column renders empty.${o ? ` Did you mean "${o}"?` : ""} Available keys: ${[...t].slice(0, 12).join(", ")}. See ${e}`);
+		}
+	}
+	let s = /* @__PURE__ */ new Map();
+	for (let e of a) {
+		let t = e.id ?? e.field;
+		t && s.set(t, (s.get(t) ?? 0) + 1);
+	}
+	for (let [t, n] of s) n > 1 && i.push(`[svgrid] ${n} columns share the id "${t}". Column state (sorting, filtering, pinning, width) is keyed by id, so they will act as one. Give each an explicit \`id\`. See ${e}`);
+	let c = n.pageable === void 0 && n.showPagination === void 0;
+	n.pageSize !== void 0 && c && i.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."), !(n.sortable === !0 || n.features?.rowSortingFeature) && a.some((e) => e.sortable === !0) && i.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 l = /* @__PURE__ */ new Set();
+	for (let e of a) {
+		let t = e.id ?? e.field;
+		t && l.add(t);
+	}
+	for (let e of n.groupBy ?? []) {
+		if (l.has(e)) continue;
+		let t = r(e, [...l]);
+		i.push(`[svgrid] \`groupBy\` refers to column "${e}", which does not exist, so that grouping level is ignored.${t ? ` Did you mean "${t}"?` : ""} Column ids: ${[...l].slice(0, 12).join(", ")}`);
+	}
+	let u = n.treeData?.column;
+	if (u && !l.has(u) && i.push(`[svgrid] \`treeData.column\` refers to column "${u}", which does not exist, so the expander falls back to the first visible column.`), o.length && n.treeData) {
+		let e = /* @__PURE__ */ new Set();
+		for (let t of o) if (t && typeof t == "object") for (let n of Object.keys(t)) e.add(n);
+		let t = n.treeData.parentField;
+		if (t && !e.has(t)) {
+			let n = r(t, [...e]);
+			i.push(`[svgrid] \`treeData.parentField\` is "${t}", which is not on your row data, so every row becomes a root and no hierarchy appears.${n ? ` Did you mean "${n}"?` : ""}`);
+		}
+		let a = n.treeData.idField;
+		a && !e.has(a) && i.push(`[svgrid] \`treeData.idField\` is "${a}", which is not on your row data, so parent lookups cannot match and the tree stays flat.`);
+	}
+	return (n.initialColumnPinning?.left?.length ?? 0) + (n.initialColumnPinning?.right?.length ?? 0) > 0 && n.columnVirtualization !== !1 && i.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}`."), n.externalPagination === !0 && n.rowCount === void 0 && i.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`."), n.externalSort === !0 && !n.onSortingChange && i.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."), n.externalFilter === !0 && !n.onFiltersChange && i.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."), i;
+}
+function r(e, t) {
+	let n, r = Infinity;
+	for (let a of t) {
+		let t = i(e.toLowerCase(), a.toLowerCase());
+		t < r && (r = t, n = a);
+	}
+	let a = Math.min(3, Math.floor(e.length / 3) + 1);
+	return r <= a ? n : void 0;
+}
+function i(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 { n as validateGridConfig };

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

@@ -0,0 +1,246 @@
+/**
+ * AUTO-GENERATED by scripts/generate-wrappers.mjs - DO NOT EDIT.
+ * Regenerate: pnpm --filter @svgrid/grid-wc generate:wrappers
+ *
+ * Type declarations for the custom elements.
+ */
+
+/**
+ * The custom element's own surface. Complex props (columns, data, configs)
+ * are `unknown` here rather than wrong: their real types are generic over
+ * the feature set and the row type, which cannot be reproduced outside
+ * `@svgrid/grid`. Import them from there when you want them checked.
+ */
+export interface SvGridElement extends HTMLElement {
+  /** property only - an attribute cannot hold this */
+  data: readonly unknown[]
+  /** property only - an attribute cannot hold this */
+  columns: readonly unknown[]
+  /** property only - an attribute cannot hold this */
+  board: unknown
+  /** property only - an attribute cannot hold this */
+  scheduler: unknown
+  /** property only - an attribute cannot hold this */
+  chart: unknown
+  /** property only - an attribute cannot hold this */
+  pivot: unknown
+  /** attribute `pivot-mode` */
+  pivotMode: boolean
+  /** attribute `context-menu` */
+  contextMenu: boolean
+  /** attribute `selection-bar` */
+  selectionBar: boolean
+  /** property only - an attribute cannot hold this */
+  features: unknown
+  /** attribute `sortable` */
+  sortable: boolean
+  /** attribute `filterable` */
+  filterable: boolean
+  /** attribute `editable` */
+  editable: boolean
+  /** property only - an attribute cannot hold this */
+  treeData: unknown
+  /** attribute `groupable` */
+  groupable: boolean
+  /** property only - an attribute cannot hold this */
+  groupBy: readonly unknown[]
+  /** property only - an attribute cannot hold this */
+  expanded: unknown
+  /** attribute `group-footers` */
+  groupFooters: boolean
+  /** attribute `grand-total-row` */
+  grandTotalRow: boolean
+  /** attribute `group-display-mode` */
+  groupDisplayMode: string
+  /** attribute `auto-group-column-header` */
+  autoGroupColumnHeader: string
+  /** attribute `auto-group-column-width` */
+  autoGroupColumnWidth: number
+  /** attribute `pageable` */
+  pageable: boolean
+  /** attribute `loading` */
+  loading: boolean
+  /** attribute `loading-overlay` */
+  loadingOverlay: boolean
+  /** attribute `loading-skeleton-rows` */
+  loadingSkeletonRows: number
+  /** attribute `error` */
+  error: string | null
+  /** attribute `empty-message` */
+  emptyMessage: string
+  /** property only - an attribute cannot hold this */
+  localization: unknown
+  /** attribute `show-global-filter` */
+  showGlobalFilter: boolean
+  /** attribute `show-column-filters` */
+  showColumnFilters: boolean
+  /** attribute `filter-mode` */
+  filterMode: "row" | "menu" | "global" | "none"
+  /** attribute `show-grouping-controls` */
+  showGroupingControls: boolean
+  /** attribute `show-row-selection` */
+  showRowSelection: boolean
+  /** attribute `show-pagination` */
+  showPagination: boolean
+  /** attribute `page-size` */
+  pageSize: number
+  /** property only - an attribute cannot hold this */
+  pageSizeOptions: readonly unknown[]
+  /** attribute `pagination-position` */
+  paginationPosition: "top" | "bottom" | "both"
+  /** attribute `external-pagination` */
+  externalPagination: boolean
+  /** attribute `row-count` */
+  rowCount: number
+  /** attribute `page-index` */
+  pageIndex: number
+  /** attribute `virtualization` */
+  virtualization: boolean
+  /** attribute `row-height` */
+  rowHeight: number
+  /** attribute `auto-row-height` */
+  autoRowHeight: boolean
+  /** attribute `row-resize` */
+  rowResize: boolean
+  /** attribute `header-height` */
+  headerHeight: number
+  /** attribute `overscan` */
+  overscan: number
+  /** attribute `container-height` */
+  containerHeight: string
+  /** attribute `column-virtualization` */
+  columnVirtualization: boolean
+  /** attribute `column-overscan` */
+  columnOverscan: number
+  /** attribute `column-width` */
+  columnWidth: number
+  /** property only - an attribute cannot hold this */
+  initialColumnPinning: unknown
+  /** attribute `fit-columns` */
+  fitColumns: boolean
+  /** attribute `column-resize` */
+  columnResize: boolean
+  /** attribute `responsive` */
+  responsive: boolean
+  /** attribute `show-filter-menu` */
+  showFilterMenu: boolean
+  /** attribute `show-filter-row` */
+  showFilterRow: boolean
+  /** attribute `enable-cell-selection` */
+  enableCellSelection: boolean
+  /** attribute `move-cells` */
+  moveCells: boolean
+  /** attribute `enable-row-hover` */
+  enableRowHover: boolean
+  /** attribute `copy-headers-to-clipboard` */
+  copyHeadersToClipboard: boolean
+  /** property only - an attribute cannot hold this */
+  processCellForClipboard: unknown
+  /** attribute `enable-inline-editing` */
+  enableInlineEditing: boolean
+  /** attribute `full-row-editing` */
+  fullRowEditing: boolean
+  /** attribute `enable-row-summaries` */
+  enableRowSummaries: boolean
+  /** attribute `summary` */
+  summary: boolean
+  /** attribute `status-bar` */
+  statusBar: boolean
+  /** attribute `tool-panel` */
+  toolPanel: boolean
+  /** attribute `charting` */
+  charting: boolean
+  /** attribute `column-menu-tabs` */
+  columnMenuTabs: boolean
+  /** attribute `tool-panel-default-open` */
+  toolPanelDefaultOpen: boolean
+  /** attribute `tool-panel-default-tab` */
+  toolPanelDefaultTab: "columns" | "filters"
+  /** attribute `selection-mode` */
+  selectionMode: "row" | "cell" | "both" | "none"
+  /** attribute `show-row-numbers` */
+  showRowNumbers: boolean
+  /** attribute `zebra-rows` */
+  zebraRows: boolean
+  /** attribute `row-number-width` */
+  rowNumberWidth: number
+  /** attribute `external-sort` */
+  externalSort: boolean
+  /** property only - an attribute cannot hold this */
+  initialSorting: readonly unknown[]
+  /** property only - an attribute cannot hold this */
+  initialAdvancedFilter: unknown
+  /** attribute `external-filter` */
+  externalFilter: boolean
+  /** property only - an attribute cannot hold this */
+  getRowId: unknown
+  /** property only - an attribute cannot hold this */
+  rowClass: unknown
+  /** property only - an attribute cannot hold this */
+  notes: unknown
+  /** attribute `editable-comments` */
+  editableComments: boolean
+  /** property only - an attribute cannot hold this */
+  conditionalFormats: readonly unknown[]
+  /** attribute `conditional-stat-scope` */
+  conditionalStatScope: "filtered" | "visible" | "all"
+  /** property only - an attribute cannot hold this */
+  isDetailRow: 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[]
+  /** property only - an attribute cannot hold this */
+  pinnedBottomRows: readonly unknown[]
+  /** attribute `enable-column-reorder` */
+  enableColumnReorder: boolean
+  /** property only - an attribute cannot hold this */
+  columnOrder: readonly unknown[]
+  /** attribute `infer-column-types` */
+  inferColumnTypes: boolean
+  /** attribute `row-drag-managed` */
+  rowDragManaged: boolean
+  /** attribute `row-drag-group` */
+  rowDragGroup: string
+  /** attribute `aligned-grid-group` */
+  alignedGridGroup: string
+  /** attribute `filter-locale` */
+  filterLocale: string
+
+  /** The grid api. Present once `apiready` has fired. */
+  readonly api: unknown
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'sv-grid': SvGridElement
+    'sv-grid-shadow': SvGridElement
+  }
+
+  interface HTMLElementEventMap {
+    pivotmodechange: CustomEvent<unknown>
+    expandedchange: CustomEvent<unknown>
+    paginationchange: CustomEvent<unknown>
+    apiready: CustomEvent<unknown>
+    rowselectionchange: CustomEvent<unknown>
+    cellselectionchange: CustomEvent<unknown>
+    sortingchange: CustomEvent<unknown>
+    advancedfilterchange: CustomEvent<unknown>
+    filterschange: CustomEvent<unknown>
+    notechange: CustomEvent<unknown>
+    cellvaluechange: CustomEvent<unknown>
+    activecellchange: CustomEvent<unknown>
+    cellclick: CustomEvent<unknown>
+    rowclick: CustomEvent<unknown>
+    celldoubleclick: CustomEvent<unknown>
+    rowdoubleclick: CustomEvent<unknown>
+    scrollbottomreached: CustomEvent<unknown>
+    columnorderchange: CustomEvent<unknown>
+    rowdragend: CustomEvent<unknown>
+    selectionchange: CustomEvent<unknown>
+  }
+}
+
+export {}