@svgrid/grid-wc 3.0.0 → 3.0.2

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/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

@@ -61,8 +61,12 @@ export type SvGridProps = {
     moveCells?: boolean;
     enableRowHover?: boolean;
     copyHeadersToClipboard?: boolean;
+    processCellForFill?: unknown;
     processCellForClipboard?: unknown;
+    clipboardHtml?: unknown;
+    processCellFromClipboard?: unknown;
     enableInlineEditing?: boolean;
+    editOnSecondClick?: boolean;
     fullRowEditing?: boolean;
     enableRowSummaries?: boolean;
     summary?: boolean;
@@ -90,6 +94,8 @@ export type SvGridProps = {
     serverGroup?: unknown;
     serverFilterValues?: unknown;
     pinnedTopRows?: readonly unknown[];
+    frozenRows?: number;
+    mergedCells?: readonly unknown[];
     pinnedBottomRows?: readonly unknown[];
     enableColumnReorder?: boolean;
     columnOrder?: readonly unknown[];
@@ -106,7 +112,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 104 of them so a consumer never has to think about it.
  */
 export declare const SvGrid: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     shadow: {
@@ -115,7 +121,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" | "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<{
     shadow: {
         type: BooleanConstructor;
         default: boolean;
@@ -125,6 +131,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;

package/dist/vue/index.js

@@ -1,10 +1,13 @@
 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 = [
+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",

package/package.json

@@ -4,8 +4,8 @@
     "type": "commercial",
     "url": "https://svgrid.com/pricing"
   },
-  "version": "3.0.0",
-  "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.2",
+  "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.0",
-    "@svgrid/grid": "^3.0.0"
+    "@svgrid/enterprise": "^3.0.2",
+    "@svgrid/grid": "^3.0.4"
   },
   "types": "./dist/sv-grid-element.d.ts",
   "peerDependencies": {