@svgrid/grid-wc 2.6.1 → 2.7.0

package/dist/vue/index.d.ts

@@ -0,0 +1,147 @@
+import '@svgrid/grid-wc';
+export type SvGridProps = {
+    data?: readonly unknown[];
+    columns?: readonly unknown[];
+    board?: unknown;
+    scheduler?: unknown;
+    chart?: unknown;
+    pivot?: unknown;
+    pivotMode?: boolean;
+    contextMenu?: boolean;
+    selectionBar?: boolean;
+    features?: unknown;
+    sortable?: boolean;
+    filterable?: boolean;
+    editable?: boolean;
+    treeData?: unknown;
+    groupable?: boolean;
+    groupBy?: readonly unknown[];
+    expanded?: unknown;
+    groupFooters?: boolean;
+    grandTotalRow?: boolean;
+    groupDisplayMode?: string;
+    autoGroupColumnHeader?: string;
+    autoGroupColumnWidth?: number;
+    pageable?: boolean;
+    loading?: boolean;
+    loadingOverlay?: boolean;
+    loadingSkeletonRows?: number;
+    error?: string | null;
+    emptyMessage?: string;
+    localization?: unknown;
+    showGlobalFilter?: boolean;
+    showColumnFilters?: boolean;
+    filterMode?: "row" | "menu" | "global" | "none";
+    showGroupingControls?: boolean;
+    showRowSelection?: boolean;
+    showPagination?: boolean;
+    pageSize?: number;
+    pageSizeOptions?: readonly unknown[];
+    paginationPosition?: "top" | "bottom" | "both";
+    externalPagination?: boolean;
+    rowCount?: number;
+    pageIndex?: number;
+    virtualization?: boolean;
+    rowHeight?: number;
+    autoRowHeight?: boolean;
+    rowResize?: boolean;
+    headerHeight?: number;
+    overscan?: number;
+    containerHeight?: string;
+    columnVirtualization?: boolean;
+    columnOverscan?: number;
+    columnWidth?: number;
+    initialColumnPinning?: unknown;
+    fitColumns?: boolean;
+    columnResize?: boolean;
+    responsive?: boolean;
+    showFilterMenu?: boolean;
+    showFilterRow?: boolean;
+    enableCellSelection?: boolean;
+    moveCells?: boolean;
+    enableRowHover?: boolean;
+    copyHeadersToClipboard?: boolean;
+    processCellForClipboard?: unknown;
+    enableInlineEditing?: boolean;
+    fullRowEditing?: boolean;
+    enableRowSummaries?: boolean;
+    summary?: boolean;
+    statusBar?: boolean;
+    toolPanel?: boolean;
+    charting?: boolean;
+    columnMenuTabs?: boolean;
+    toolPanelDefaultOpen?: boolean;
+    toolPanelDefaultTab?: "columns" | "filters";
+    selectionMode?: "row" | "cell" | "both" | "none";
+    showRowNumbers?: boolean;
+    zebraRows?: boolean;
+    rowNumberWidth?: number;
+    externalSort?: boolean;
+    initialSorting?: readonly unknown[];
+    initialAdvancedFilter?: unknown;
+    externalFilter?: boolean;
+    getRowId?: unknown;
+    rowClass?: unknown;
+    notes?: unknown;
+    editableComments?: boolean;
+    conditionalFormats?: readonly unknown[];
+    conditionalStatScope?: "filtered" | "visible" | "all";
+    isDetailRow?: unknown;
+    serverGroup?: unknown;
+    serverFilterValues?: unknown;
+    pinnedTopRows?: readonly unknown[];
+    pinnedBottomRows?: readonly unknown[];
+    enableColumnReorder?: boolean;
+    columnOrder?: readonly unknown[];
+    inferColumnTypes?: boolean;
+    rowDragManaged?: boolean;
+    rowDragGroup?: string;
+    alignedGridGroup?: string;
+    filterLocale?: string;
+    shadow?: boolean;
+};
+/**
+ * SvGrid as a Vue component.
+ *
+ * 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.
+ */
+export declare const SvGrid: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    shadow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => 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<{
+    shadow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onSelectionchange?: ((...args: any[]) => any) | undefined;
+    onPivotmodechange?: ((...args: any[]) => any) | undefined;
+    onExpandedchange?: ((...args: any[]) => any) | undefined;
+    onPaginationchange?: ((...args: any[]) => any) | undefined;
+    onApiready?: ((...args: any[]) => any) | undefined;
+    onRowselectionchange?: ((...args: any[]) => any) | undefined;
+    onCellselectionchange?: ((...args: any[]) => any) | undefined;
+    onSortingchange?: ((...args: any[]) => any) | undefined;
+    onAdvancedfilterchange?: ((...args: any[]) => any) | undefined;
+    onFilterschange?: ((...args: any[]) => any) | undefined;
+    onNotechange?: ((...args: any[]) => any) | undefined;
+    onCellvaluechange?: ((...args: any[]) => any) | undefined;
+    onActivecellchange?: ((...args: any[]) => any) | undefined;
+    onCellclick?: ((...args: any[]) => any) | undefined;
+    onRowclick?: ((...args: any[]) => any) | undefined;
+    onCelldoubleclick?: ((...args: any[]) => any) | undefined;
+    onRowdoubleclick?: ((...args: any[]) => any) | undefined;
+    onScrollbottomreached?: ((...args: any[]) => any) | undefined;
+    onColumnorderchange?: ((...args: any[]) => any) | undefined;
+    onRowdragend?: ((...args: any[]) => any) | undefined;
+}>, {
+    shadow: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default SvGrid;

package/dist/vue/index.js

@@ -0,0 +1,72 @@
+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({
+	name: "SvGrid",
+	props: {
+		...Object.fromEntries(a.map((e) => [e, {
+			type: null,
+			required: !1
+		}])),
+		shadow: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [...o],
+	setup(e, { emit: s, expose: c }) {
+		let l = r(null);
+		return i(() => {
+			e.shadow && import("@svgrid/grid-wc/shadow");
+		}), n(() => {
+			let e = l.value;
+			if (!e) return;
+			for (let t of o) e.addEventListener(t, (e) => s(t, e.detail));
+			let t = e.api;
+			t != null && s("apiready", t);
+		}), c({
+			get element() {
+				return l.value;
+			},
+			get api() {
+				return l.value?.api ?? null;
+			}
+		}), () => {
+			let n = {
+				ref: l,
+				style: {
+					display: "block",
+					height: "100%"
+				}
+			};
+			for (let t of a) {
+				let r = e[t];
+				r !== void 0 && (n["." + t] = r);
+			}
+			return t(e.shadow ? "sv-grid-shadow" : "sv-grid", n);
+		};
+	}
+});
+//#endregion
+export { s as SvGrid, s as default };

package/package.json

@@ -4,8 +4,8 @@
     "type": "commercial",
     "url": "https://svgrid.com/pricing"
   },
-  "version": "2.6.1",
-  "description": "SvGrid as a framework-agnostic web component (<sv-grid> custom element). Drop into React, Vue, Angular, or plain HTML - no build step required.",
+  "version": "2.7.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.",
   "type": "module",
   "license": "MIT",
   "author": "jQWidgets Ltd",
@@ -21,22 +21,54 @@
     "web-components",
     "custom element",
     "custom-elements",
+    "grid",
     "data grid",
+    "data-grid",
     "datagrid",
     "table",
+    "data-table",
+    "datatable",
     "react",
+    "react data grid",
+    "react-data-grid",
     "vue",
+    "vue data grid",
+    "vue-data-grid",
     "angular",
+    "angular data grid",
+    "angular-data-grid",
+    "vanilla-js",
     "framework-agnostic",
+    "virtual-scroll",
+    "svelte5",
+    "svgrid",
     "sv-grid"
   ],
   "main": "./dist/sv-grid-element.js",
   "module": "./dist/sv-grid-element.js",
   "exports": {
     ".": {
+      "types": "./dist/sv-grid-element.d.ts",
       "import": "./dist/sv-grid-element.js"
     },
-    "./dist/sv-grid-element.js": "./dist/sv-grid-element.js"
+    "./shadow": {
+      "types": "./dist/shadow/sv-grid-shadow-element.d.ts",
+      "import": "./dist/shadow/sv-grid-shadow-element.js"
+    },
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/react/index.js"
+    },
+    "./vue": {
+      "types": "./dist/vue/index.d.ts",
+      "import": "./dist/vue/index.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"
   },
   "unpkg": "./dist/sv-grid-element.js",
   "jsdelivr": "./dist/sv-grid-element.js",
@@ -51,13 +83,60 @@
     "node": ">=18"
   },
   "devDependencies": {
+    "@angular/common": "^22.1.5",
+    "@angular/compiler": "^22.1.5",
+    "@angular/compiler-cli": "^22.1.5",
+    "@angular/core": "^22.1.5",
     "@sveltejs/vite-plugin-svelte": "^7.0.0",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.7",
+    "@vitejs/plugin-vue": "^6.0.8",
+    "ng-packagr": "^22.1.1",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
     "svelte": "^5.55.5",
+    "tslib": "^2.8.1",
     "vite": "^8.2.1",
-    "@svgrid/grid": "^2.6.1"
+    "vue": "^3.5.42",
+    "vue-tsc": "^3.3.11",
+    "@svgrid/enterprise": "^2.7.0",
+    "@svgrid/grid": "^2.6.21"
+  },
+  "types": "./dist/sv-grid-element.d.ts",
+  "peerDependencies": {
+    "@angular/common": ">=18",
+    "@angular/core": ">=18",
+    "react": ">=17",
+    "react-dom": ">=17",
+    "vue": ">=3.3"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    },
+    "@angular/core": {
+      "optional": true
+    },
+    "@angular/common": {
+      "optional": true
+    }
   },
   "scripts": {
-    "build": "vite build",
-    "test": "vitest run"
+    "build": "node ./scripts/generate-surface.mjs --check && node ./scripts/generate-wrappers.mjs --check && node ./scripts/build.mjs",
+    "test": "vitest run",
+    "preview": "vite preview --outDir . --port 4205 --strictPort",
+    "generate:surface": "node ./scripts/generate-surface.mjs",
+    "size:check": "node ./scripts/check-size.mjs",
+    "generate:wrappers": "node ./scripts/generate-wrappers.mjs",
+    "build:test-apps": "node ./scripts/build-test-apps.mjs",
+    "preview:test-apps": "vite preview --outDir dist-test --port 4206 --strictPort",
+    "check:examples": "node ./scripts/check-examples.mjs",
+    "sync:example-docs": "node ./scripts/sync-example-docs.mjs"
   }
 }