x4js 2.2.70 → 2.2.72

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "x4js",
-  "version": "2.2.70",
+  "version": "2.2.72",
   "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/keyboard/keyboard.ts

@@ -425,6 +425,10 @@ export class Keyboard extends HBox<KeyboardProps>
         text = cb.call( this, caret, text, String.fromCharCode(key) );
         this.input.value = text;
         this._restoreCaretPos(caret);
+
+        //<eco: fire change event
+        this.input.dispatchEvent(new Event('input',  { bubbles: true }));
+        this.input.dispatchEvent(new Event('change', { bubbles: true }));
     }
 
     /**

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);