x4js 2.2.29 → 2.2.31

package/package.json

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

package/src/components/monaco/monaco.ts

@@ -15,7 +15,7 @@ interface MonacoEditorProps extends ComponentProps {
 export class MonacoEditor extends Component<MonacoEditorProps> {
 
 	static initCount = 0;
-	static basePath: string = "./bin";
+	static basePath: string = "./monaco";
 	static monaco: typeof Monaco;
 	static initCbs: Function[] = [];
 
@@ -26,7 +26,7 @@ export class MonacoEditor extends Component<MonacoEditorProps> {
 			return;
 		}
 
-		this.monaco = (await import( "./bin/monaco.js" )).default;
+		this.monaco = (await import( this.basePath+"/monaco.js" )).default;
 		this.initCount++;
 
 		globalThis.MonacoEnvironment = {
@@ -55,6 +55,7 @@ export class MonacoEditor extends Component<MonacoEditorProps> {
 			}
 		};
 
+        // custom append css
 		const link = document.createElement('link');
         link.rel = 'stylesheet';
         link.href = MonacoEditor.basePath+'/monaco.css';

package/src/components/monaco/readme.md

@@ -1,4 +1,18 @@
 # using monaco in x4
 
 you must copy ./bin/* in your destination folder ex. monaco folder 
-see demo/components/monaco for a full example.
+
+
+
+
+fr x4build update your package.json this this
+
+{
+    ...
+    "x4build": {
+		"copy": [
+            {   "from": "./node_modules/x4js/src/components/monaco/bin",     "to": "monaco" }
+		]
+	}
+    ...
+}

package/src/components/propgrid/propgrid.ts

@@ -39,9 +39,11 @@ export interface PropertyValue {
 	value: IValue | IValueCB;
 	options?: ListItem[];
 	callback: ( name: string, value: any ) => void;
-	step?: number;	// for numbers
 	live?: boolean;	// for live update 
 	cls?: string;
+    step?: number;	// for numbers
+	min?: number;
+    max?: number;
 }
 
 export interface PropertyGroup {
@@ -215,6 +217,8 @@ export class PropertyGrid extends VBox {
 				name: item.name, 
 				value: String(value),
 				step: item.step,
+                min: item.min,
+                max: item.max,
 				focus: ( e: EvFocus ) => {
 					if( e.focus_out ) {
 						item.callback?.( item.name, (editor as Input).getNumValue() );