x4js 2.2.69 → 2.2.71

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "x4js",
-  "version": "2.2.69",
+  "version": "2.2.71",
   "type": "module",
   "main": "src/x4.ts",
   "module": "src/x4.ts",

package/src/components/gridview/gridview.ts

@@ -57,6 +57,7 @@ export interface GridColumn {
 	formatter?: (input: any) => string;	// for "custom" type
 	type?: ColType;
 	cls?: string;
+    tooltip?: boolean;  // allow tooltip for each cell of thi column
 	sortable?: boolean | SortCallback;
 	footer_val?: string;
 	classifier?: CellClassifier;
@@ -777,7 +778,12 @@ export class Gridview<P extends GridviewProps = GridviewProps, E extends Gridvie
 			}
 		}
 
-		return new Component({ tag: "span", cls, content: data });
+		return new Component({ 
+            tag: "span", 
+            cls, 
+            content: data,
+            tooltip: column.tooltip ? data : undefined
+        });
 	}
 
 	/**

package/src/components/menu/menu.module.scss

@@ -17,7 +17,7 @@
 @use "../shared.scss";
 
 :root {
-	--menu-background: var( --background-ternary );
+	--menu-background: white;
 	--menu-border: var( --border-hover );
 
 	--menuitem-color: var( --text-ternary );;

package/src/components/menu/menu.ts

@@ -172,22 +172,35 @@ export class Menu extends Popup {
 
 		this.addClass( "x4vbox" );
 
-		const children = props.items?.map( itm => {
-			if( itm==="-" ) {
-				return new CMenuSep( );
-			}
-			else if( isString(itm) ) {
-				return new CMenuItem( { text: itm, click: null, cls: 'title' } );
-			}
-			else if( itm instanceof Component ) {
-				return itm;
+		if( props.items ) {
+			let children = props.items.filter( x=> !!x);
+
+			// trim separators
+			while( children.at(0)=='-' ) {
+				children.shift( );
 			}
-			else {
-				return new CMenuItem( itm );
+
+			while( children.at(-1)=='-' ) {
+				children.pop( );
 			}
-		});
 
-		this.setContent( children );
+			const items = children.map( itm => {
+					if( itm==="-" ) {
+						return new CMenuSep( );
+					}
+					else if( isString(itm) ) {
+						return new CMenuItem( { text: itm, click: null, cls: 'title' } );
+					}
+					else if( itm instanceof Component ) {
+						return itm;
+					}
+					else {
+						return new CMenuItem( itm );
+					}
+				});
+
+			this.setContent( items );
+		}
 	}
 }
 

package/src/components/propgrid/progrid.module.scss

@@ -12,6 +12,8 @@
 	--propertygrid-odd-background: var(--color-primary-a5);
 	--propertygrid-even-background: transparent;
 	--propertygrid-disabled-background: rgb(170 170 170 / 14%);
+
+    --propertygrid-group-background: var( --color-primary-a5 );
 }
 
 .x4propertygrid {
@@ -43,7 +45,7 @@
 	.group {
 		padding: 6px 4px 4px 4px;
 		min-height: 2em;
-		background-color: var( --background-secondary );
+		background-color: var( --propertygrid-group-background );
 		margin-bottom: 8px;
         box-shadow: 4px 3px 8px rgba(0, 0, 0, 0.4);
         color: var(--color-primary-a50);