x4js 2.2.65 → 2.2.68

package/package.json

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

package/src/components/header/header.module.scss

@@ -17,7 +17,7 @@
 	.cell {
 		border-bottom: 1px solid transparent;
 		overflow: hidden;
-		min-width: 3rem;
+		//min-width: 3rem;
 
 		transition: border-color 0.5s ease;
 		padding: 4px;

package/src/components/header/header.ts

@@ -18,6 +18,8 @@ interface HeaderProps extends Omit<ComponentProps,"content"> {
 	target?: Component;	// target element to set header col variable width var( --{name}-width ) parent element if not set
 }
 
+const CELL_MW = 8;
+
 /**
  * by default when a header item is resized, the 'target' style '--{name}-width' is updated
  * 
@@ -63,10 +65,19 @@ export class Header extends HBox<HeaderProps> {
 				this._calc_sizes( );
 			})
 
+			sizer.on( "start", ( ) => {
+				//todo: remove flex on all cols
+			} );
+
+			sizer.on( "stop", ( ) => {
+				//todo: restore flex
+			} );
+
 			sizer.on( "resize", ( ev ) => {
 				//cell.setStyleValue( "flexGrow", "0" );
+				const sze = ev.size<CELL_MW ? CELL_MW : ev.size;
 				cell.setInternalData("flex",0);
-				cell.setInternalData("width",ev.size);
+				cell.setInternalData("width",sze);
 				this._calc_sizes( );
 			});
 
@@ -129,6 +140,10 @@ export class Header extends HBox<HeaderProps> {
 				width = c.getInternalData( "width" );
 			}
 
+			if( width<CELL_MW ) {
+				width = CELL_MW;
+			}
+
 			c.setWidth( width );
 
 			const item = c.getInternalData<HeaderItem>( 'data' );
@@ -137,7 +152,7 @@ export class Header extends HBox<HeaderProps> {
 				this.parentElement().setStyleVariable( `--${item.name}-width`, width + "px");
 			}
 			else {
-			this.props.target?.setStyleVariable( `--${item.name}-width`, width + "px");
+				this.props.target?.setStyleVariable( `--${item.name}-width`, width + "px");
 			}
 			
 			fullw += width;

package/src/core/core_data.ts

@@ -8,7 +8,7 @@
  * @file core_data.ts
  * @author Etienne Cochard 
  * 
- * @copyright (c) 2026 R-libre ingenierie
+ * @copyright (c) 2024 R-libre ingenierie
  *
  * Use of this source code is governed by an MIT-style license 
  * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
@@ -78,7 +78,18 @@ const metaFields = Symbol( 'metaField' );
 function _getMetas( obj: object, create = true ) : MetaInfos {
 	
 	let ctor = obj.constructor as any;
-	let mfld = Object.prototype.hasOwnProperty.call(ctor,metaFields) ? ctor[metaFields] : undefined;
+	let mfld = null;
+	let direct = false;
+
+	// comming from new DataModel(...)
+	if( ctor.name=="DataModel" ) {
+		direct = true;
+		mfld = (obj as any)[metaFields];
+	}
+	// standard @data....
+	else {
+		mfld = Object.prototype.hasOwnProperty.call(ctor,metaFields) ? ctor[metaFields] : undefined;
+	}
 	
 	if( mfld===undefined ) {
 		if( !create && ctor!=DataModel ) {
@@ -102,7 +113,12 @@ function _getMetas( obj: object, create = true ) : MetaInfos {
             }	
         }
 
-		(obj.constructor as any)[metaFields] = mfld;
+		if( !direct ) {
+			(obj.constructor as any)[metaFields] = mfld;
+		}
+		else {
+			(obj as any)[metaFields] = mfld;
+		}
 	}
 
 	return mfld;
@@ -119,17 +135,17 @@ export namespace data {
 	**/
 
 	export function id( ) {
-        return ( ownerCls: any, fldName: string ) => {
-            let metas = _getMetas( ownerCls );
-            metas.fields.push( {
-                name: fldName,
-                type: 'any',
-                required: true,
-            });
-
-            metas.id = fldName;
-        }
-    }
+	return ( ownerCls: any, fldName: string ) => {
+		let metas = _getMetas( ownerCls );
+		metas.fields.push( {
+			name: fldName,
+			type: 'any',
+			required: true,
+		});
+
+		metas.id = fldName;
+	}
+}
 
 	/**
 	 * @ignore
@@ -254,12 +270,12 @@ export namespace data {
 
 export class DataModel<T = any> {
 
-    constructor( fields?: FieldInfo[] ) {
-        if( fields && fields.length ) {
-            this.addField( ...fields );
-        }
-    }
-
+	constructor( fields?: FieldInfo[] ) {
+		if( fields ) {
+			this.addField( ...fields );
+		}
+	}
+	
     /**
      * dynamic DataModel
      */
@@ -270,11 +286,11 @@ export class DataModel<T = any> {
         }
 
         let metas = _getMetas( this, false );
-        if( metas.fields.length==0 ) {
+        metas.fields.push( ...fields );
+
+	    if( !metas.id ) {
             metas.id = fields[0].name;
         }
-
-        metas.fields.push( ...fields );
     }
 
 	/**
@@ -523,24 +539,16 @@ export class DataProxy extends CoreElement<DataEventMap> {
 			url += '?' + this.m_props.params.join( '&' );
 		}
 
-		try {
-			const r = await fetch( url );
-			if( r.ok ) {
-				const raw = await r.json( );
-				
-				let json = raw;
-				if( this.m_props.solver ) {
-					json = this.m_props.solver( json );
-				}
-
-				this.fire( 'change', {value:json,context:raw} );
-			}
-			else {
-				console.error( r.statusText );
+		const r = await fetch( url );
+		if( r.ok ) {
+			const raw = await r.json( );
+			
+			let json = raw;
+			if( this.m_props.solver ) {
+				json = this.m_props.solver( json );
 			}
-		}
-		catch( e ) {
-			console.error( e );
+
+			this.fire( 'change', {value:json,context:raw} );
 		}
 	}
 }
@@ -608,6 +616,7 @@ export class DataStore<T = any> extends EventSource<DataStoreEventMap> {
 
 	/**
 	 * 
+	 * @param records 
 	 */
 
 	async load( url?: string ) {
@@ -671,7 +680,7 @@ export class DataStore<T = any> extends EventSource<DataStoreEventMap> {
 
 	/**
 	 * 
-	 * @param rec
+	 * @param data 
 	 */
 
 	public appendRaw( rec: T ) {
@@ -1211,6 +1220,8 @@ export class DataView extends CoreElement<DataViewEventMap>
 
 	/**
 	 * 
+	 * @param columns 
+	 * @param ascending 
 	 */
 
 	public sort( props: SortProp[] ) {