x4js 2.0.14 → 2.0.17

package/lib/types/x4js.d.ts

@@ -12,7 +12,7 @@
  * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
  *
  * AUTOGENERATED CODE, DO NOT MODIFY
- * generated on Tue Apr 22 2025
+ * generated on Tue Jul 22 2025
  */
 
 
@@ -294,6 +294,8 @@ declare module 'x4js' {
 
 	type ComponentAttributes = Record<string,string|number|boolean>;
 
+	type CreateComponentCallBack = ( attrs: Record<string,string> ) => ComponentContent;
+
 	type ComponentContent = Component | Component[] | string | string[] | UnsafeHtml | UnsafeHtml[] | number | boolean;
 
 	export interface ComponentProps  {
@@ -325,22 +327,22 @@ declare module 'x4js' {
 		dom: Element;
 		props: P;
 		clsprefix: string;
-		#store: Map<string|Symbol,any>;
+		#store: Map<string|symbol,any>;
 		constructor( props: P );
 		hasClass( cls: string ): void;
 		addClass( cls: string ): void;
 		removeClass( cls: string ): void;
 		removeClassEx( re: RegExp ): void;
 		toggleClass( cls: string ): void;
-		setClass( cls: string, set: boolean ): void;
-		setAttributes( attrs: ComponentAttributes ): void;
+		setClass( cls: string, set: boolean ): this;
+		setAttributes( attrs: ComponentAttributes ): this;
 		setAttribute( name: string, value: string | number | boolean ): void;
 		getAttribute( name: string ): string;
 		getData( name: string ): string;
 		getIntData( name: string ): number;
 		setData( name: string, value: string ): void;
-		setInternalData( name: string|Symbol, value: any ): this;
-		getInternalData( name: string|Symbol ): any;
+		setInternalData( name: string|symbol, value: any ): this;
+		getInternalData( name: string|symbol ): any;
 		addDOMEvent<K extends keyof GlobalDOMEvents>( name: K, listener: GlobalDOMEvents[K], prepend: any ): void;
 		setDOMEvents( events: GlobalDOMEvents ): void;
 		mapPropEvents<N extends keyof E>( props: P, elements: N[] ): void;
@@ -362,7 +364,7 @@ declare module 'x4js' {
 		getComputedStyle(  ): void;
 		setCapture( pointerId: number ): void;
 		releaseCapture( pointerId: number ): void;
-		getBoundingRect(  ): IRect;
+		getBoundingRect(  ): Rect;
 		focus(  ): this;
 		hasFocus(  ): void;
 		scrollIntoView( arg: boolean | ScrollIntoViewOptions ): void;
@@ -381,7 +383,7 @@ declare module 'x4js' {
 		enumChildComponents( recursive: boolean ): void;
 		enumChildNodes( recursive: boolean ): void;
 		animate( keyframes: Keyframe[], duration: number ): void;
-		createElement( clsOrTag: string | ComponentConstructor | Symbol | Function, attrs: any, children: Component[] ): Component | Component[];
+		createElement( clsOrTag: string | ComponentConstructor | symbol | CreateComponentCallBack, attrs: any, children: Component[] ): Component | Component[];
 		createFragment(  ): Component[];
 		queryInterface<T>( name: string ): T;
 	}
@@ -421,11 +423,6 @@ declare module 'x4js' {
 		uievent: UIEvent;
 	}
 
-	export interface EvMessage extends ComponentEvent {
-		msg: string;
-		params?: any;
-	}
-
 	export interface EvDrag extends ComponentEvent {
 		element: unknown;
 		data: any;
@@ -439,6 +436,43 @@ declare module 'x4js' {
 	export interface EvDblClick extends ComponentEvent {
 	}
 
+	// ---------------------------------------
+	// from /src/core/core_application.ts
+
+	export interface EvMessage extends CoreEvent {
+		msg: string;
+		params: any;
+	}
+
+	export interface ApplicationEvents extends EventMap {
+		global: EvMessage;
+		message: EvMessage;
+	}
+
+	 class Process  {
+		getMaxTouchPoints(  ): void;
+	}
+
+	export class Application<E extends ApplicationEvents = ApplicationEvents> extends CoreElement<E> {
+		env: any;
+		mainview: Component;
+		process: any;
+		constructor(  );
+		setMainView( view: Component ): void;
+		instance<P extends Application = Application>(  ): P;
+		getMainView(  ): void;
+		setEnv( name: string, value: any ): void;
+		getEnv( name: string, def_value: any ): void;
+		fireGlobal( msg: string, params: any ): void;
+		_setupKeyboard(  ): void;
+		focusNext( next: boolean ): void;
+		setupSocketMessaging( path: string, looseCallback: ( ) => void ): void;
+		getStorage( name: string ): string;
+		getStorageJSON( name: string ): any;
+		setStorage( name: string, value: string | number ): void;
+		setStorageJSON( name: string, value: any ): void;
+	}
+
 	// ---------------------------------------
 	// from /src/core/core_colors.ts
 
@@ -474,6 +508,177 @@ declare module 'x4js' {
 		isInvalid(  ): void;
 	}
 
+	// ---------------------------------------
+	// from /src/core/core_data.ts
+
+	type DataRecordID = any;
+
+	type DataFieldValue = string | Date | number | boolean;
+
+	type ChangeCallback = (type: string, id?: DataRecordID) => void;
+
+	type CalcCallback = () => string;
+
+	type FieldType = 'string' | 'int' | 'float' | 'date' | 'bool' | 'array' | 'object' | 'any' | 'calc';
+
+	type DataIndex = Uint32Array;
+
+	export interface EvDataChange extends CoreEvent {
+		change_type: 'create' | 'update' | 'delete' | 'data' | 'change';
+		id?: DataRecordID;
+	}
+
+	export interface MetaData  {
+		type?: FieldType;
+		prec?: number;
+		required?: boolean;
+		calc?: (rec: DataRecord) => any;
+		model?: DataModel;
+	}
+
+	export interface FieldInfo extends MetaData {
+		name: string;
+	}
+
+	 class MetaInfos  {
+		name: string;
+		id: string;
+		fields: FieldInfo[];
+		constructor( name: string );
+	}
+
+	interface ModelConstructor  {
+	}
+
+	export class DataModel  {
+		getFields(  ): FieldInfo[];
+		validate( record: DataRecord ): Error[];
+		getFieldIndex( name: string ): number;
+		serialize<T = any>( input: DataRecord ): T;
+		unSerialize( data: any, id: DataRecordID ): DataRecord;
+		_convertField( field: FieldInfo, input: any ): any;
+		getID( rec: DataRecord ): any;
+		getRaw( name: string | number, rec: DataRecord ): any;
+		getField( name: string, rec: DataRecord ): string;
+	}
+
+	export class DataRecord  {
+	}
+
+	interface DataEventMap extends EventMap {
+		change?: EvChange;
+	}
+
+	type DataSolver = ( data: any ) => DataRecord[];
+
+	export interface DataProxyProps  {
+		url: string;
+		params?: string[];
+		solver?: DataSolver;
+	}
+
+	export class DataProxy extends CoreElement<DataEventMap> {
+		m_props: DataProxyProps;
+		constructor( props: DataProxyProps );
+		load( url: string ): void;
+	}
+
+	interface DataStoreProps  {
+		model: DataModel;
+		data?: any[];
+		url?: string;
+		autoload?: false;
+		solver?: DataSolver;
+	}
+
+	interface DataStoreEventMap extends EventMap {
+		data_change: EvDataChange;
+	}
+
+	export class DataStore extends EventSource<DataStoreEventMap> {
+		m_model: DataModel;
+		m_fields: FieldInfo[];
+		m_records: DataRecord[];
+		m_proxy: DataProxy;
+		m_rec_index: DataIndex;
+		constructor( props: DataStoreProps );
+		load( url: string ): void;
+		reload(  ): void;
+		setData( records: any[] ): void;
+		setRawData( records: DataRecord[] ): void;
+		_rebuildIndex(  ): void;
+		update( rec: DataRecord ): void;
+		append( rec: DataRecord | any ): void;
+		getMaxId(  ): void;
+		delete( id: DataRecordID ): boolean;
+		indexOfId( id: DataRecordID ): number;
+		getById( id: DataRecordID ): DataRecord;
+		getByIndex( index: number ): DataRecord;
+		_getRecord( index: number ): DataRecord;
+		moveTo( other: DataStore ): void;
+		createView( opts: DataViewProps ): DataView;
+		createIndex( filter: FilterInfo ): DataIndex;
+		sortIndex( index: DataIndex, sort: SortProp[] ): void;
+		forEach( cb: ( rec: DataRecord, index: number ) => any ): void;
+		export(  ): void;
+		changed(  ): void;
+		getModel(  ): void;
+	}
+
+	export interface EvViewChange extends CoreEvent {
+		change_type: "change" | "filter" | "sort";
+	}
+
+	interface DataViewEventMap extends EventMap {
+		view_change: EvViewChange;
+	}
+
+	interface DataViewProps  {
+		store?: DataStore;
+		filter?: FilterInfo;
+		order?: string | SortProp[] | SortProp;
+	}
+
+	type FilterFunc = ( rec: DataRecord ) => boolean;
+
+	export interface FilterInfo  {
+		op: '<' | '<=' | '=' | '>=' | '>' | '<>' | 'empty-result' | FilterFunc;
+		field?: string;
+		value?: string | RegExp;
+		caseSensitive?: boolean;
+	}
+
+	export interface SortProp  {
+		field: string;
+		ascending: boolean;
+		numeric?: boolean;
+	}
+
+	export class DataView extends CoreElement<DataViewEventMap> {
+		m_index: DataIndex;
+		m_store: DataStore;
+		m_model: DataModel;
+		m_sort: SortProp[];
+		m_filter: FilterInfo;
+		m_props: DataViewProps;
+		constructor( props: DataViewProps );
+		_storeChange( ev: EvDataChange ): void;
+		filter( filter: FilterInfo ): number;
+		_filter( filter: FilterInfo, notify: boolean ): number;
+		sort( props: SortProp[] ): void;
+		_sort( props: SortProp[], notify: boolean ): void;
+		getStore(  ): void;
+		getCount(  ): void;
+		indexOfId( id: DataRecordID ): number;
+		getByIndex( index: number ): DataRecord;
+		getIdByIndex( index: number ): DataRecordID;
+		getRecId( rec: DataRecord ): DataRecordID;
+		getById( id: DataRecordID ): DataRecord;
+		getModel(  ): void;
+		changed(  ): void;
+		forEach( cb: ( rec: DataRecord, index: number ) => any ): void;
+	}
+
 	// ---------------------------------------
 	// from /src/core/core_dragdrop.ts
 
@@ -498,6 +703,14 @@ declare module 'x4js' {
 		_check(  ): void;
 	}
 
+	// ---------------------------------------
+	// from /src/core/core_react.ts
+
+	export class x4_react  {
+		create_element( tag: string, props: any, content: any[] ): Component;
+		create_element<X extends Component>( tag: string | Constructor<X>, props: X["props"], content: any[] ): void;
+	}
+
 	// ---------------------------------------
 	// from /src/core/core_router.ts
 
@@ -530,6 +743,22 @@ declare module 'x4js' {
 		_find( url: string ): { params: Record<string,any>, handlers: RouteHandler[] };
 	}
 
+	// ---------------------------------------
+	// from /src/core/core_state.ts
+
+	type StateData = boolean | number | string | Date | any;
+
+	type State = Record<string,StateData>;
+
+	export class StateManager  {
+		_state: StateData;
+		_subscribers: Map<string,any>;
+		_currentTracking: Set<string>;
+		constructor( initialState: StateData );
+		getState( path: string, defaultValue: StateData ): void;
+		setState( path: string, value: StateData, context: any ): void;
+	}
+
 	// ---------------------------------------
 	// from /src/core/core_svg.ts
 
@@ -655,38 +884,61 @@ declare module 'x4js' {
 	interface StackItem  {
 		name: string;
 		content: Component | ContentBuilder;
+		title?: string;
+	}
+
+	interface StackeBoxEvents extends ComponentEvents {
+		pageChange?: EvSelectionChange;
 	}
 
-	interface StackedLayoutProps extends Omit<ComponentProps,"content"> {
+	export interface StackBoxProps extends Omit<ComponentProps,"content"> {
 		default: string;
 		items: StackItem[];
+		pageChange?: EventCallback<EvSelectionChange>;
 	}
 
 	interface StackItemEx extends StackItem {
 		page: Component;
 	}
 
-	@class_ns( "x4" ) export class StackBox extends Box<StackedLayoutProps> {
+	@class_ns( "x4" ) export class StackBox<P extends StackBoxProps = StackBoxProps, E extends StackeBoxEvents = StackeBoxEvents> extends Box<StackBoxProps,StackeBoxEvents> {
 		_items: StackItemEx[];
-		constructor( props: StackedLayoutProps );
+		_cur: number;
+		constructor( props: StackBoxProps );
 		addItem( item: StackItem ): void;
 		select( name: string ): void;
 		_createPage( page: StackItemEx ): void;
 		getPage( name: string ): void;
+		getItem( name: string ): void;
+		getCurPage(  ): void;
+	}
+
+	@class_ns( "x4" ) export class AssistBox extends StackBox {
+		selectNextPage( nxt: any ): void;
+		isFirstPage(  ): void;
+		isLastPage(  ): void;
 	}
 
-	export interface GridboxProps extends BoxProps {
+	interface GridBoxItem  {
+		row: number;
+		col: number;
+		item: Component;
+	}
+
+	export interface GridBoxProps extends Omit<BoxProps,"content"> {
 		rows?: number | string | string[];
 		columns?: number | string | string[];
+		items?: GridBoxItem[];
 	}
 
-	@class_ns("x4") export class GridBox<P extends GridboxProps=GridboxProps, E extends ComponentEvents=ComponentEvents> extends Box<P,E> {
+	@class_ns("x4") export class GridBox<P extends GridBoxProps=GridBoxProps, E extends ComponentEvents=ComponentEvents> extends Box<P,E> {
 		constructor( props: P );
 		setRows( r: number | string | string[] ): void;
 		setCols( r: number | string | string[] ): void;
 		setRowCount( n: number ): void;
 		setColCount( n: number ): void;
 		setTemplate( t: string[] ): void;
+		setItems( items: GridBoxItem[] ): void;
 	}
 
 	interface MasonryProps extends Omit<BoxProps,"content"> {
@@ -833,7 +1085,7 @@ declare module 'x4js' {
 		stop: ComponentEvent;
 	}
 
-	type SizerType = "left" | "top" | "right" | "bottom";
+	type SizerType = "left" | "top" | "right" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
 
 	@class_ns( "x4" ) export class CSizer extends Component<ComponentProps,CSizerEvent> {
 		_type: SizerType;
@@ -862,7 +1114,7 @@ declare module 'x4js' {
 		_ismodal: any;
 		constructor( props: P );
 		displayNear( rc: Rect, dst: any, src: any, offset: any ): void;
-		displayCenter(  ): void;
+		displayCenter( center: any ): void;
 		displayAt( x: number, y: number ): void;
 		isOpen(  ): void;
 		_do_hide(  ): void;
@@ -912,6 +1164,7 @@ declare module 'x4js' {
 
 	@class_ns("x4") export class Dialog<P extends DialogProps = DialogProps, E extends DialogEvents = DialogEvents> extends Popup<P, E> {
 		form: Form;
+		_title: Label;
 		constructor( props: P );
 		focusNext( next: boolean ): boolean;
 		setContent( form: Form ): void;
@@ -919,6 +1172,8 @@ declare module 'x4js' {
 		getValues(  ): void;
 		getButton( name: string ): void;
 		queryInterface<T extends IComponentInterface>( name: string ): T;
+		setTitle( title: string ): void;
+		getBtnBar(  ): void;
 	}
 
 	// ---------------------------------------
@@ -1005,12 +1260,60 @@ declare module 'x4js' {
 		setDate( date: Date ): void;
 	}
 
+	// ---------------------------------------
+	// from /src/components/canvas/canvas_ex.ts
+
+	export interface CanvasEx extends CanvasRenderingContext2D {
+		width: number;
+		height: number;
+		smoothLine( points: any[], path: CanvasPath, move: boolean ): void;
+		smoothLineEx( _points: any[], tension: number, numOfSeg: number, path: CanvasPath, move: boolean, close: boolean ): void;
+		line( x1: number, y1: number, x2: number, y2: number, color: string, lineWidth: number ): void;
+		roundRect( x: number, y: number, width: number, height: number, radius: number ): void;
+		calcTextSize( text: string, rounded: boolean ): { width: number, height: number };
+		setFontSize( fs: number ): void;
+		circle( x: number, y: number, radius: number ): void;
+	}
+
+	// ---------------------------------------
+	// from /src/components/canvas/canvas.ts
+
+	export interface EvPaint extends ComponentEvent {
+		ctx: CanvasEx;
+	}
+
+	interface CanvasEventMap extends ComponentEvents {
+		paint: EvPaint;
+	}
+
+	export interface CanvasProps extends ComponentProps {
+		paint: EventCallback<EvPaint>;
+		clear?: boolean;
+	}
+
+	@class_ns( "x4" ) export class Canvas extends Component<CanvasProps, CanvasEventMap> {
+		m_iwidth: number;
+		m_iheight: number;
+		m_scale: any;
+		m_canvas: Component;
+		constructor( props: CanvasProps );
+		scale( scale: number ): void;
+		getContext(  ): void;
+		$update_rep: any;
+		redraw( wait: number ): void;
+		_paint(  ): void;
+		paint( ctx: CanvasEx ): void;
+	}
+
 	// ---------------------------------------
 	// from /src/components/input/input.ts
 
 	export interface BaseProps extends ComponentProps {
 		name?: string;
 		autofocus?: boolean;
+		required?: boolean;
+		readonly?: boolean;
+		placeholder?: string;
 		focus?: EventCallback<EvFocus>;
 		change?: EventCallback<EvChange>;
 	}
@@ -1023,53 +1326,58 @@ declare module 'x4js' {
 
 	interface RadioProps extends BaseProps {
 		type: "radio";
-		value: boolean | number | string;
+		value?: boolean | number | string;
 		checked?: boolean;
 	}
 
 	export interface RangeProps extends BaseProps {
 		type: "range";
-		value: number;
+		value?: number;
 		min: number;
 		max: number;
 		step?: number;
 	}
 
-	interface DateProps extends BaseProps {
+	export interface FileProps extends BaseProps {
+		type: "file";
+		accept: string | string[];
+		value?: never;
+	}
+
+	export interface DateProps extends BaseProps {
 		type: "date";
+		value?: Date | string;
+	}
+
+	export interface TimeProps extends BaseProps {
+		type: "time";
 		readonly?: boolean;
 		required?: boolean;
-		value: Date | string;
+		value?: string;
 	}
 
-	interface NumberProps extends BaseProps {
+	export interface NumberProps extends BaseProps {
 		type: "number";
 		readonly?: boolean;
 		required?: boolean;
-		value: number | string;
+		value?: number | string;
 		min?: number;
 		max?: number;
 		step?: number;
 	}
 
-	interface FileProps extends BaseProps {
-		type: "file";
-		accept: string | string[];
-	}
-
 	export interface TextInputProps extends BaseProps {
-		type: "text" | "email" | "password" | "date" | "number";
+		type?: "text" | "email" | "password";
 		readonly?: boolean;
 		required?: boolean;
 		pattern?: string;
 		value?: string | number;
-		placeholder?: string;
 		spellcheck?: boolean;
 		minlength?: number;
 		maxlength?: number;
 	}
 
-	type InputProps = CheckboxProps | RadioProps | TextInputProps | RangeProps | DateProps | NumberProps | FileProps;
+	type InputProps = TextInputProps | CheckboxProps | RadioProps | RangeProps | DateProps | NumberProps | FileProps | TimeProps;
 
 	interface InputEvents extends ComponentEvent {
 		focus: EvFocus;
@@ -1082,7 +1390,7 @@ declare module 'x4js' {
 		on_change( ev: InputEvent ): void;
 		getValue(  ): void;
 		setValue( value: string ): void;
-		getNumValue(  ): void;
+		getNumValue( defNan: number ): void;
 		setNumValue( value: number, ndec: any ): void;
 		getCheck(  ): void;
 		setCheck( ck: boolean ): void;
@@ -1380,177 +1688,6 @@ declare module 'x4js' {
 		constructor( props: FileDropProps );
 	}
 
-	// ---------------------------------------
-	// from /src/core/core_data.ts
-
-	type DataRecordID = any;
-
-	type DataFieldValue = string | Date | number | boolean;
-
-	type ChangeCallback = (type: string, id?: DataRecordID) => void;
-
-	type CalcCallback = () => string;
-
-	type FieldType = 'string' | 'int' | 'float' | 'date' | 'bool' | 'array' | 'object' | 'any' | 'calc';
-
-	type DataIndex = Uint32Array;
-
-	export interface EvDataChange extends CoreEvent {
-		change_type: 'create' | 'update' | 'delete' | 'data' | 'change';
-		id?: DataRecordID;
-	}
-
-	export interface MetaData  {
-		type?: FieldType;
-		prec?: number;
-		required?: boolean;
-		calc?: (rec: DataRecord) => any;
-		model?: DataModel;
-	}
-
-	export interface FieldInfo extends MetaData {
-		name: string;
-	}
-
-	 class MetaInfos  {
-		name: string;
-		id: string;
-		fields: FieldInfo[];
-		constructor( name: string );
-	}
-
-	interface ModelConstructor  {
-	}
-
-	export class DataModel  {
-		getFields(  ): FieldInfo[];
-		validate( record: DataRecord ): Error[];
-		getFieldIndex( name: string ): number;
-		serialize( input: DataRecord ): any;
-		unSerialize( data: any, id: DataRecordID ): DataRecord;
-		_convertField( field: FieldInfo, input: any ): any;
-		getID( rec: DataRecord ): any;
-		getRaw( name: string | number, rec: DataRecord ): any;
-		getField( name: string, rec: DataRecord ): string;
-	}
-
-	export class DataRecord  {
-	}
-
-	interface DataEventMap extends EventMap {
-		change?: EvChange;
-	}
-
-	type DataSolver = ( data: any ) => DataRecord[];
-
-	export interface DataProxyProps  {
-		url: string;
-		params?: string[];
-		solver?: DataSolver;
-	}
-
-	export class DataProxy extends CoreElement<DataEventMap> {
-		m_props: DataProxyProps;
-		constructor( props: DataProxyProps );
-		load( url: string ): void;
-	}
-
-	interface DataStoreProps  {
-		model: DataModel;
-		data?: any[];
-		url?: string;
-		autoload?: false;
-		solver?: DataSolver;
-	}
-
-	interface DataStoreEventMap extends EventMap {
-		data_change: EvDataChange;
-	}
-
-	export class DataStore extends EventSource<DataStoreEventMap> {
-		m_model: DataModel;
-		m_fields: FieldInfo[];
-		m_records: DataRecord[];
-		m_proxy: DataProxy;
-		m_rec_index: DataIndex;
-		constructor( props: DataStoreProps );
-		load( url: string ): void;
-		reload(  ): void;
-		setData( records: any[] ): void;
-		setRawData( records: DataRecord[] ): void;
-		_rebuildIndex(  ): void;
-		update( rec: DataRecord ): void;
-		append( rec: DataRecord | any ): void;
-		getMaxId(  ): void;
-		delete( id: DataRecordID ): boolean;
-		indexOfId( id: DataRecordID ): number;
-		getById( id: DataRecordID ): DataRecord;
-		getByIndex( index: number ): DataRecord;
-		_getRecord( index: number ): DataRecord;
-		moveTo( other: DataStore ): void;
-		createView( opts: DataViewProps ): DataView;
-		createIndex( filter: FilterInfo ): DataIndex;
-		sortIndex( index: DataIndex, sort: SortProp[] ): void;
-		forEach( cb: ( rec: DataRecord, index: number ) => any ): void;
-		export(  ): void;
-		changed(  ): void;
-		getModel(  ): void;
-	}
-
-	export interface EvViewChange extends CoreEvent {
-		change_type: "change" | "filter" | "sort";
-	}
-
-	interface DataViewEventMap extends EventMap {
-		view_change: EvViewChange;
-	}
-
-	interface DataViewProps  {
-		store?: DataStore;
-		filter?: FilterInfo;
-		order?: string | SortProp[] | SortProp;
-	}
-
-	type FilterFunc = ( rec: DataRecord ) => boolean;
-
-	export interface FilterInfo  {
-		op: '<' | '<=' | '=' | '>=' | '>' | '<>' | 'empty-result' | FilterFunc;
-		field?: string;
-		value?: string | RegExp;
-		caseSensitive?: boolean;
-	}
-
-	export interface SortProp  {
-		field: string;
-		ascending: boolean;
-		numeric?: boolean;
-	}
-
-	export class DataView extends CoreElement<DataViewEventMap> {
-		m_index: DataIndex;
-		m_store: DataStore;
-		m_model: DataModel;
-		m_sort: SortProp[];
-		m_filter: FilterInfo;
-		m_props: DataViewProps;
-		constructor( props: DataViewProps );
-		_storeChange( ev: EvDataChange ): void;
-		filter( filter: FilterInfo ): number;
-		_filter( filter: FilterInfo, notify: boolean ): number;
-		sort( props: SortProp[] ): void;
-		_sort( props: SortProp[], notify: boolean ): void;
-		getStore(  ): void;
-		getCount(  ): void;
-		indexOfId( id: DataRecordID ): number;
-		getByIndex( index: number ): DataRecord;
-		getIdByIndex( index: number ): DataRecordID;
-		getRecId( rec: DataRecord ): DataRecordID;
-		getById( id: DataRecordID ): DataRecord;
-		getModel(  ): void;
-		changed(  ): void;
-		forEach( cb: ( rec: DataRecord, index: number ) => any ): void;
-	}
-
 	// ---------------------------------------
 	// from /src/components/image/image.ts
 
@@ -1863,7 +2000,7 @@ declare module 'x4js' {
 	type IValueCB = ( name: string) => IValue;
 
 	export interface PropertyValue  {
-		type: 'boolean' | 'number' | 'string' | 'password' | 'options';
+		type: 'boolean' | 'number' | 'string' | 'password' | 'options' | 'label' | 'button';
 		title?: string;
 		desc?: string;
 		name?: string;
@@ -1953,23 +2090,6 @@ declare module 'x4js' {
 		_on_click( ev: MouseEvent ): void;
 	}
 
-	// ---------------------------------------
-	// from /src/components/tickline/tickline.ts
-
-	interface TickLineProps extends ComponentProps {
-		values: number[];
-		min?: number;
-		max?: number;
-		color?: Color;
-		background?: Color;
-		type: "bars" | "line";
-	}
-
-	export class TickLine extends Component<TickLineProps> {
-		constructor( props: TickLineProps );
-		update(  ): void;
-	}
-
 	// ---------------------------------------
 	// from /src/components/slider/slider.ts
 
@@ -2061,10 +2181,12 @@ declare module 'x4js' {
 	@class_ns( "x4" ) export class Tabs extends VBox<TabsProps> {
 		_list: CTabList;
 		_stack: StackBox;
+		_current: string;
 		constructor( props: TabsProps );
 		selectTab( name: string ): void;
 		_onclick( ev: TablistClickEvent ): void;
 		getTab( name: string ): void;
+		getCurTab(  ): void;
 		addTab( item: TabItem ): void;
 	}
 
@@ -2096,23 +2218,19 @@ declare module 'x4js' {
 	// ---------------------------------------
 	// from /src/components/textedit/textedit.ts
 
-	interface TextEditProps extends ComponentProps {
+	type TextEditInputs = TextInputProps | NumberProps | DateProps | TimeProps;
+
+	interface TextEditBase  {
 		label: string | UnsafeHtml;
 		labelWidth?: number;
+		inputWidth?: number;
 		inputId?: string;
-		type?: "text" | "email" | "password" | "date" | "number";
-		name?: string;
-		readonly?: boolean;
-		required?: boolean;
-		value: string | number;
-		placeholder?: string;
-		autofocus?: boolean;
 		inputGadgets?: Component[];
 		inputAttrs?: any;
-		focus?: EventCallback<EvFocus>;
-		change?: EventCallback<EvChange>;
 	}
 
+	type TextEditProps = TextEditInputs & TextEditBase;
+
 	@class_ns( "x4" ) export class TextEdit extends HBox {
 		input: Input;
 		constructor( props: TextEditProps );
@@ -2121,6 +2239,23 @@ declare module 'x4js' {
 		getInput(  ): void;
 	}
 
+	// ---------------------------------------
+	// from /src/components/tickline/tickline.ts
+
+	interface TickLineProps extends ComponentProps {
+		values: number[];
+		min?: number;
+		max?: number;
+		color?: Color;
+		background?: Color;
+		type: "bars" | "line";
+	}
+
+	export class TickLine extends Component<TickLineProps> {
+		constructor( props: TickLineProps );
+		update(  ): void;
+	}
+
 	// ---------------------------------------
 	// from /src/components/tooltips/tooltips.ts