@revolist/svelte-datagrid 4.24.2 → 4.25.0

package/dist/svelte-datagrid.js

@@ -31,6 +31,7 @@ function RevoGrid($$anchor, $$props) {
 	let plugins = $.prop($$props, "plugins", 8, void 0);
 	let columnTypes = $.prop($$props, "columnTypes", 8, void 0);
 	let theme = $.prop($$props, "theme", 8, void 0);
+	let themeDefinitions = $.prop($$props, "themeDefinitions", 8, void 0);
 	let rowClass = $.prop($$props, "rowClass", 8, void 0);
 	let autoSizeColumn = $.prop($$props, "autoSizeColumn", 8, void 0);
 	let filter = $.prop($$props, "filter", 8, void 0);
@@ -110,6 +111,9 @@ function RevoGrid($$anchor, $$props) {
 	$.legacy_pre_effect(() => ($.get(__mounted), $.deep_read_state(columnTypes())), () => {
 		if ($.get(__mounted)) setProp("columnTypes", columnTypes());
 	});
+	$.legacy_pre_effect(() => ($.get(__mounted), $.deep_read_state(themeDefinitions())), () => {
+		if ($.get(__mounted)) setProp("themeDefinitions", themeDefinitions());
+	});
 	$.legacy_pre_effect(() => ($.get(__mounted), $.deep_read_state(sorting())), () => {
 		if ($.get(__mounted)) setProp("sorting", sorting());
 	});

package/dist/svelte-datagrid.umd.cjs

@@ -26,7 +26,7 @@
 		}
 		return to;
 	};
-	var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
 		value: mod,
 		enumerable: true
 	}) : target, mod));
@@ -59,6 +59,7 @@
 		let plugins = svelte_internal_client.prop($$props, "plugins", 8, void 0);
 		let columnTypes = svelte_internal_client.prop($$props, "columnTypes", 8, void 0);
 		let theme = svelte_internal_client.prop($$props, "theme", 8, void 0);
+		let themeDefinitions = svelte_internal_client.prop($$props, "themeDefinitions", 8, void 0);
 		let rowClass = svelte_internal_client.prop($$props, "rowClass", 8, void 0);
 		let autoSizeColumn = svelte_internal_client.prop($$props, "autoSizeColumn", 8, void 0);
 		let filter = svelte_internal_client.prop($$props, "filter", 8, void 0);
@@ -138,6 +139,9 @@
 		svelte_internal_client.legacy_pre_effect(() => (svelte_internal_client.get(__mounted), svelte_internal_client.deep_read_state(columnTypes())), () => {
 			if (svelte_internal_client.get(__mounted)) setProp("columnTypes", columnTypes());
 		});
+		svelte_internal_client.legacy_pre_effect(() => (svelte_internal_client.get(__mounted), svelte_internal_client.deep_read_state(themeDefinitions())), () => {
+			if (svelte_internal_client.get(__mounted)) setProp("themeDefinitions", themeDefinitions());
+		});
 		svelte_internal_client.legacy_pre_effect(() => (svelte_internal_client.get(__mounted), svelte_internal_client.deep_read_state(sorting())), () => {
 			if (svelte_internal_client.get(__mounted)) setProp("sorting", sorting());
 		});

package/lib/components/RevoGrid.ts

@@ -82,6 +82,10 @@ Types were made as separate objects to be reusable per multiple columns. */
   /** Theme name. */
   theme?: Components.RevoGrid["theme"]
   
+  /** Per-grid custom theme definitions.
+Assign as a JavaScript property; complex values cannot be serialized as HTML attributes. */
+  themeDefinitions?: Components.RevoGrid["themeDefinitions"]
+  
   /** Row class property mapping.
 Map custom classes to rows from row object data.
 Define this property in rgRow object and this will be mapped as rgRow class. */
@@ -384,6 +388,7 @@ export default function RevoGrid($$anchor, $$props) {
 	let plugins = $.prop($$props, 'plugins', 8, undefined);
 	let columnTypes = $.prop($$props, 'columnTypes', 8, undefined);
 	let theme = $.prop($$props, 'theme', 8, undefined);
+	let themeDefinitions = $.prop($$props, 'themeDefinitions', 8, undefined);
 	let rowClass = $.prop($$props, 'rowClass', 8, undefined);
 	let autoSizeColumn = $.prop($$props, 'autoSizeColumn', 8, undefined);
 	let filter = $.prop($$props, 'filter', 8, undefined);
@@ -475,6 +480,10 @@ export default function RevoGrid($$anchor, $$props) {
 		if ($.get(__mounted)) setProp('columnTypes', columnTypes());
 	});
 
+	$.legacy_pre_effect(() => ($.get(__mounted), $.deep_read_state(themeDefinitions())), () => {
+		if ($.get(__mounted)) setProp('themeDefinitions', themeDefinitions());
+	});
+
 	$.legacy_pre_effect(() => ($.get(__mounted), $.deep_read_state(sorting())), () => {
 		if ($.get(__mounted)) setProp('sorting', sorting());
 	});

package/lib/svelte/RevoGrid.svelte

@@ -27,6 +27,7 @@ export let applyOnClose = undefined;
 export let plugins = undefined;
 export let columnTypes = undefined;
 export let theme = undefined;
+export let themeDefinitions = undefined;
 export let rowClass = undefined;
 export let autoSizeColumn = undefined;
 export let filter = undefined;
@@ -87,6 +88,7 @@ $: if (__mounted) setProp('rowDefinitions', rowDefinitions);
 $: if (__mounted) setProp('editors', editors);
 $: if (__mounted) setProp('plugins', plugins);
 $: if (__mounted) setProp('columnTypes', columnTypes);
+$: if (__mounted) setProp('themeDefinitions', themeDefinitions);
 $: if (__mounted) setProp('sorting', sorting);
 $: if (__mounted) setProp('focusTemplate', focusTemplate);
 $: if (__mounted) setProp('trimmedRows', trimmedRows);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@revolist/svelte-datagrid",
-  "version": "4.24.2",
+  "version": "4.25.0",
   "description": "Svelte DataGrid Spreadsheet component with native cell render support",
   "main": "./dist/svelte-datagrid.umd.cjs",
   "module": "./dist/svelte-datagrid.js",
@@ -73,7 +73,7 @@
     "vite-plugin-dts": "^5.0.1"
   },
   "dependencies": {
-    "@revolist/revogrid": "4.24.2"
+    "@revolist/revogrid": "4.25.0"
   },
   "publishConfig": {
     "access": "public"