@svgrid/grid-wc 3.0.2 → 3.0.4

package/dist/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/vue/index.d.ts

@@ -4,6 +4,7 @@ export type SvGridProps = {
     columns?: readonly unknown[];
     board?: unknown;
     scheduler?: unknown;
+    gantt?: unknown;
     chart?: unknown;
     pivot?: unknown;
     pivotMode?: boolean;
@@ -63,6 +64,7 @@ export type SvGridProps = {
     copyHeadersToClipboard?: boolean;
     processCellForFill?: unknown;
     processCellForClipboard?: unknown;
+    includeCollapsedRows?: unknown;
     clipboardHtml?: unknown;
     processCellFromClipboard?: unknown;
     enableInlineEditing?: boolean;
@@ -90,11 +92,20 @@ export type SvGridProps = {
     editableComments?: boolean;
     conditionalFormats?: readonly unknown[];
     conditionalStatScope?: "filtered" | "visible" | "all";
+    rowPlaceholder?: unknown;
+    rowModel?: unknown;
+    pivotResultColumns?: readonly unknown[];
+    rowSelectionModel?: unknown;
     isDetailRow?: unknown;
+    detailRowHeight?: number;
+    showDetailToggle?: boolean;
+    isDetailOpen?: unknown;
+    hasDetail?: unknown;
     serverGroup?: unknown;
     serverFilterValues?: unknown;
     pinnedTopRows?: readonly unknown[];
     frozenRows?: number;
+    stickyGroupRows?: boolean;
     mergedCells?: readonly unknown[];
     pinnedBottomRows?: readonly unknown[];
     enableColumnReorder?: boolean;
@@ -112,7 +123,7 @@ export type SvGridProps = {
  * Props are declared loosely (`null` type) and forwarded as DOM PROPERTIES
  * through the `.`-prefixed vnode key, which is Vue's own way of forcing a
  * property assignment - the same thing `:columns.prop` does in a template,
- * applied to all 104 of them so a consumer never has to think about it.
+ * applied to all 115 of them so a consumer never has to think about it.
  */
 export declare const SvGrid: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     shadow: {
@@ -121,7 +132,7 @@ export declare const SvGrid: import("vue").DefineComponent<import("vue").Extract
     };
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("pivotmodechange" | "expandedchange" | "paginationchange" | "columnresize" | "rowresize" | "pasteclipboard" | "apiready" | "rowselectionchange" | "cellselectionchange" | "sortingchange" | "advancedfilterchange" | "filterschange" | "notechange" | "cellvaluechange" | "activecellchange" | "cellclick" | "rowclick" | "celldoubleclick" | "rowdoubleclick" | "scrollbottomreached" | "columnorderchange" | "rowdragend" | "selectionchange")[], "pivotmodechange" | "expandedchange" | "paginationchange" | "columnresize" | "rowresize" | "pasteclipboard" | "apiready" | "rowselectionchange" | "cellselectionchange" | "sortingchange" | "advancedfilterchange" | "filterschange" | "notechange" | "cellvaluechange" | "activecellchange" | "cellclick" | "rowclick" | "celldoubleclick" | "rowdoubleclick" | "scrollbottomreached" | "columnorderchange" | "rowdragend" | "selectionchange", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("pivotmodechange" | "expandedchange" | "paginationchange" | "columnresize" | "rowresize" | "pasteclipboard" | "apiready" | "rowselectionchange" | "cellselectionchange" | "sortingchange" | "advancedfilterchange" | "filterschange" | "notechange" | "cellvaluechange" | "activecellchange" | "cellclick" | "rowclick" | "celldoubleclick" | "rowdoubleclick" | "scrollbottomreached" | "visiblerangechange" | "retryrow" | "detailtoggle" | "columnorderchange" | "rowdragend" | "rowdrop" | "selectionchange")[], "pivotmodechange" | "expandedchange" | "paginationchange" | "columnresize" | "rowresize" | "pasteclipboard" | "apiready" | "rowselectionchange" | "cellselectionchange" | "sortingchange" | "advancedfilterchange" | "filterschange" | "notechange" | "cellvaluechange" | "activecellchange" | "cellclick" | "rowclick" | "celldoubleclick" | "rowdoubleclick" | "scrollbottomreached" | "visiblerangechange" | "retryrow" | "detailtoggle" | "columnorderchange" | "rowdragend" | "rowdrop" | "selectionchange", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     shadow: {
         type: BooleanConstructor;
         default: boolean;
@@ -148,8 +159,12 @@ export declare const SvGrid: import("vue").DefineComponent<import("vue").Extract
     onCelldoubleclick?: ((...args: any[]) => any) | undefined;
     onRowdoubleclick?: ((...args: any[]) => any) | undefined;
     onScrollbottomreached?: ((...args: any[]) => any) | undefined;
+    onVisiblerangechange?: ((...args: any[]) => any) | undefined;
+    onRetryrow?: ((...args: any[]) => any) | undefined;
+    onDetailtoggle?: ((...args: any[]) => any) | undefined;
     onColumnorderchange?: ((...args: any[]) => any) | undefined;
     onRowdragend?: ((...args: any[]) => any) | undefined;
+    onRowdrop?: ((...args: any[]) => any) | undefined;
 }>, {
     shadow: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/vue/index.js

@@ -1,31 +1,7 @@
 import { defineComponent as e, h as t, onMounted as n, ref as r, watchEffect as i } from "vue";
 import "@svgrid/grid-wc";
 //#region src/vue/index.ts
-var a = /* @__PURE__ */ "data.columns.board.scheduler.chart.pivot.pivotMode.contextMenu.selectionBar.features.sortable.filterable.editable.treeData.groupable.groupBy.expanded.groupFooters.grandTotalRow.groupDisplayMode.autoGroupColumnHeader.autoGroupColumnWidth.pageable.loading.loadingOverlay.loadingSkeletonRows.error.emptyMessage.localization.showGlobalFilter.showColumnFilters.filterMode.showGroupingControls.showRowSelection.showPagination.pageSize.pageSizeOptions.paginationPosition.externalPagination.rowCount.pageIndex.virtualization.rowHeight.autoRowHeight.rowResize.headerHeight.overscan.containerHeight.columnVirtualization.columnOverscan.columnWidth.initialColumnPinning.fitColumns.columnResize.responsive.showFilterMenu.showFilterRow.enableCellSelection.moveCells.enableRowHover.copyHeadersToClipboard.processCellForFill.processCellForClipboard.clipboardHtml.processCellFromClipboard.enableInlineEditing.editOnSecondClick.fullRowEditing.enableRowSummaries.summary.statusBar.toolPanel.charting.columnMenuTabs.toolPanelDefaultOpen.toolPanelDefaultTab.selectionMode.showRowNumbers.zebraRows.rowNumberWidth.externalSort.initialSorting.initialAdvancedFilter.externalFilter.getRowId.rowClass.notes.editableComments.conditionalFormats.conditionalStatScope.isDetailRow.serverGroup.serverFilterValues.pinnedTopRows.frozenRows.mergedCells.pinnedBottomRows.enableColumnReorder.columnOrder.inferColumnTypes.rowDragManaged.rowDragGroup.alignedGridGroup.filterLocale".split("."), o = [
-	"pivotmodechange",
-	"expandedchange",
-	"paginationchange",
-	"columnresize",
-	"rowresize",
-	"pasteclipboard",
-	"apiready",
-	"rowselectionchange",
-	"cellselectionchange",
-	"sortingchange",
-	"advancedfilterchange",
-	"filterschange",
-	"notechange",
-	"cellvaluechange",
-	"activecellchange",
-	"cellclick",
-	"rowclick",
-	"celldoubleclick",
-	"rowdoubleclick",
-	"scrollbottomreached",
-	"columnorderchange",
-	"rowdragend",
-	"selectionchange"
-], s = e({
+var a = /* @__PURE__ */ "data.columns.board.scheduler.gantt.chart.pivot.pivotMode.contextMenu.selectionBar.features.sortable.filterable.editable.treeData.groupable.groupBy.expanded.groupFooters.grandTotalRow.groupDisplayMode.autoGroupColumnHeader.autoGroupColumnWidth.pageable.loading.loadingOverlay.loadingSkeletonRows.error.emptyMessage.localization.showGlobalFilter.showColumnFilters.filterMode.showGroupingControls.showRowSelection.showPagination.pageSize.pageSizeOptions.paginationPosition.externalPagination.rowCount.pageIndex.virtualization.rowHeight.autoRowHeight.rowResize.headerHeight.overscan.containerHeight.columnVirtualization.columnOverscan.columnWidth.initialColumnPinning.fitColumns.columnResize.responsive.showFilterMenu.showFilterRow.enableCellSelection.moveCells.enableRowHover.copyHeadersToClipboard.processCellForFill.processCellForClipboard.includeCollapsedRows.clipboardHtml.processCellFromClipboard.enableInlineEditing.editOnSecondClick.fullRowEditing.enableRowSummaries.summary.statusBar.toolPanel.charting.columnMenuTabs.toolPanelDefaultOpen.toolPanelDefaultTab.selectionMode.showRowNumbers.zebraRows.rowNumberWidth.externalSort.initialSorting.initialAdvancedFilter.externalFilter.getRowId.rowClass.notes.editableComments.conditionalFormats.conditionalStatScope.rowPlaceholder.rowModel.pivotResultColumns.rowSelectionModel.isDetailRow.detailRowHeight.showDetailToggle.isDetailOpen.hasDetail.serverGroup.serverFilterValues.pinnedTopRows.frozenRows.stickyGroupRows.mergedCells.pinnedBottomRows.enableColumnReorder.columnOrder.inferColumnTypes.rowDragManaged.rowDragGroup.alignedGridGroup.filterLocale".split("."), o = /* @__PURE__ */ "pivotmodechange.expandedchange.paginationchange.columnresize.rowresize.pasteclipboard.apiready.rowselectionchange.cellselectionchange.sortingchange.advancedfilterchange.filterschange.notechange.cellvaluechange.activecellchange.cellclick.rowclick.celldoubleclick.rowdoubleclick.scrollbottomreached.visiblerangechange.retryrow.detailtoggle.columnorderchange.rowdragend.rowdrop.selectionchange".split("."), s = e({
 	name: "SvGrid",
 	props: {
 		...Object.fromEntries(a.map((e) => [e, {

package/package.json

@@ -4,7 +4,7 @@
     "type": "commercial",
     "url": "https://svgrid.com/pricing"
   },
-  "version": "3.0.2",
+  "version": "3.0.4",
   "description": "SvGrid as a framework-agnostic web component (<sv-grid> custom element, plus <sv-grid-shadow> for an open shadow root and <sv-chart> for the standalone chart). Drop into React, Vue, Angular, or plain HTML - no build step required.",
   "type": "module",
   "license": "MIT",
@@ -112,8 +112,8 @@
     "vite": "^8.2.1",
     "vue": "^3.5.42",
     "vue-tsc": "^3.3.11",
-    "@svgrid/enterprise": "^3.0.2",
-    "@svgrid/grid": "^3.0.4"
+    "@svgrid/enterprise": "^3.1.0",
+    "@svgrid/grid": "^3.0.6"
   },
   "types": "./dist/sv-grid-element.d.ts",
   "peerDependencies": {