@svgrid/grid-wc 3.0.1 → 3.0.3

package/dist/{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/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/chart.d.ts

@@ -0,0 +1,64 @@
+import type { PropType } from 'vue';
+import '@svgrid/grid-wc/chart';
+export type SvChartProps = {
+    spec?: unknown;
+    legend?: string;
+    interactive?: boolean;
+    dataLabels?: boolean;
+    formatValue?: unknown;
+    tooltipFormat?: unknown;
+    tooltipMode?: "shared" | "single";
+    tooltipPosition?: "follow" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
+    tooltipSticky?: boolean;
+    zoomable?: boolean;
+    zoom?: unknown;
+    rangePresets?: boolean;
+    syncGroup?: string;
+    contextMenu?: boolean;
+    animate?: boolean;
+    live?: boolean;
+    drillable?: boolean;
+    drillPath?: readonly unknown[];
+    selectable?: string;
+    selected?: readonly unknown[];
+    hoverHighlight?: boolean;
+    announce?: boolean;
+    describe?: boolean;
+    localeText?: unknown;
+    crosshairLabels?: boolean;
+    brush?: boolean;
+    brushHeight?: number;
+    toolbar?: boolean;
+    width?: number;
+    height?: number;
+    autosize?: boolean;
+    annotatable?: boolean;
+    drawable?: boolean;
+};
+/**
+ * SvChart as a Vue component. Props are forwarded as DOM PROPERTIES through
+ * the `.`-prefixed vnode key, Vue's own way of forcing a property assignment.
+ */
+export declare const SvChart: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    [k: string]: {
+        type: PropType<unknown>;
+        required: boolean;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("selectionchange" | "select" | "drill" | "zoom" | "hover" | "annotate" | "annotationremove" | "drawingschange")[], "selectionchange" | "select" | "drill" | "zoom" | "hover" | "annotate" | "annotationremove" | "drawingschange", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    [k: string]: {
+        type: PropType<unknown>;
+        required: boolean;
+    };
+}>> & Readonly<{
+    onSelectionchange?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
+    onDrill?: ((...args: any[]) => any) | undefined;
+    onZoom?: ((...args: any[]) => any) | undefined;
+    onHover?: ((...args: any[]) => any) | undefined;
+    onAnnotate?: ((...args: any[]) => any) | undefined;
+    onAnnotationremove?: ((...args: any[]) => any) | undefined;
+    onDrawingschange?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default SvChart;

package/dist/vue/chart.js

@@ -0,0 +1,41 @@
+import { defineComponent as e, h as t, onMounted as n, ref as r } from "vue";
+import "@svgrid/grid-wc/chart";
+//#region src/vue/chart.ts
+var i = /* @__PURE__ */ "spec.legend.interactive.dataLabels.formatValue.tooltipFormat.tooltipMode.tooltipPosition.tooltipSticky.zoomable.zoom.rangePresets.syncGroup.contextMenu.animate.live.drillable.drillPath.selectable.selected.hoverHighlight.announce.describe.localeText.crosshairLabels.brush.brushHeight.toolbar.width.height.autosize.annotatable.drawable".split("."), a = [
+	"select",
+	"drill",
+	"zoom",
+	"selectionchange",
+	"hover",
+	"annotate",
+	"annotationremove",
+	"drawingschange"
+], o = e({
+	name: "SvChart",
+	props: { ...Object.fromEntries(i.map((e) => [e, {
+		type: null,
+		required: !1
+	}])) },
+	emits: [...a],
+	setup(e, { emit: o, expose: s }) {
+		let c = r(null);
+		return n(() => {
+			let e = c.value;
+			if (e) for (let t of a) e.addEventListener(t, (e) => o(t, e.detail));
+		}), s({ get element() {
+			return c.value;
+		} }), () => {
+			let n = {
+				ref: c,
+				style: { display: "block" }
+			};
+			for (let t of i) {
+				let r = e[t];
+				r !== void 0 && (n["." + t] = r);
+			}
+			return t("sv-chart", n);
+		};
+	}
+});
+//#endregion
+export { o as SvChart, o as default };

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;
@@ -61,8 +62,13 @@ export type SvGridProps = {
     moveCells?: boolean;
     enableRowHover?: boolean;
     copyHeadersToClipboard?: boolean;
+    processCellForFill?: unknown;
     processCellForClipboard?: unknown;
+    includeCollapsedRows?: unknown;
+    clipboardHtml?: unknown;
+    processCellFromClipboard?: unknown;
     enableInlineEditing?: boolean;
+    editOnSecondClick?: boolean;
     fullRowEditing?: boolean;
     enableRowSummaries?: boolean;
     summary?: boolean;
@@ -86,10 +92,21 @@ 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;
     columnOrder?: readonly unknown[];
@@ -106,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 98 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: {
@@ -115,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" | "apiready" | "rowselectionchange" | "cellselectionchange" | "sortingchange" | "advancedfilterchange" | "filterschange" | "notechange" | "cellvaluechange" | "activecellchange" | "cellclick" | "rowclick" | "celldoubleclick" | "rowdoubleclick" | "scrollbottomreached" | "columnorderchange" | "rowdragend" | "selectionchange")[], "pivotmodechange" | "expandedchange" | "paginationchange" | "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;
@@ -125,6 +142,9 @@ export declare const SvGrid: import("vue").DefineComponent<import("vue").Extract
     onPivotmodechange?: ((...args: any[]) => any) | undefined;
     onExpandedchange?: ((...args: any[]) => any) | undefined;
     onPaginationchange?: ((...args: any[]) => any) | undefined;
+    onColumnresize?: ((...args: any[]) => any) | undefined;
+    onRowresize?: ((...args: any[]) => any) | undefined;
+    onPasteclipboard?: ((...args: any[]) => any) | undefined;
     onApiready?: ((...args: any[]) => any) | undefined;
     onRowselectionchange?: ((...args: any[]) => any) | undefined;
     onCellselectionchange?: ((...args: any[]) => any) | undefined;
@@ -139,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,28 +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.processCellForClipboard.enableInlineEditing.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.pinnedBottomRows.enableColumnReorder.columnOrder.inferColumnTypes.rowDragManaged.rowDragGroup.alignedGridGroup.filterLocale".split("."), o = [
-	"pivotmodechange",
-	"expandedchange",
-	"paginationchange",
-	"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,8 +4,8 @@
     "type": "commercial",
     "url": "https://svgrid.com/pricing"
   },
-  "version": "3.0.1",
-  "description": "SvGrid as a framework-agnostic web component (<sv-grid> custom element, plus <sv-grid-shadow> for an open shadow root). Drop into React, Vue, Angular, or plain HTML - no build step required.",
+  "version": "3.0.3",
+  "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",
   "author": "jQWidgets Ltd",
@@ -63,12 +63,25 @@
       "types": "./dist/vue/index.d.ts",
       "import": "./dist/vue/index.js"
     },
+    "./chart": {
+      "types": "./dist/chart/sv-chart-element.d.ts",
+      "import": "./dist/chart/sv-chart-element.js"
+    },
+    "./react/chart": {
+      "types": "./dist/react/chart.d.ts",
+      "import": "./dist/react/chart.js"
+    },
+    "./vue/chart": {
+      "types": "./dist/vue/chart.d.ts",
+      "import": "./dist/vue/chart.js"
+    },
     "./angular": {
       "types": "./dist/angular/types/svgrid-grid-wc-angular.d.ts",
       "import": "./dist/angular/fesm2022/svgrid-grid-wc-angular.mjs"
     },
     "./dist/sv-grid-element.js": "./dist/sv-grid-element.js",
-    "./dist/shadow/sv-grid-shadow-element.js": "./dist/shadow/sv-grid-shadow-element.js"
+    "./dist/shadow/sv-grid-shadow-element.js": "./dist/shadow/sv-grid-shadow-element.js",
+    "./dist/chart/sv-chart-element.js": "./dist/chart/sv-chart-element.js"
   },
   "unpkg": "./dist/sv-grid-element.js",
   "jsdelivr": "./dist/sv-grid-element.js",
@@ -99,8 +112,8 @@
     "vite": "^8.2.1",
     "vue": "^3.5.42",
     "vue-tsc": "^3.3.11",
-    "@svgrid/enterprise": "^3.0.1",
-    "@svgrid/grid": "^3.0.3"
+    "@svgrid/enterprise": "^3.0.3",
+    "@svgrid/grid": "^3.0.5"
   },
   "types": "./dist/sv-grid-element.d.ts",
   "peerDependencies": {