x4js 1.5.16 → 1.5.18

package/lib/src/application.ts

@@ -1,251 +0,0 @@
-/**
-*  ___  ___ __
-*  \  \/  /  / _
-*   \    /  /_| |_
-*   /    \____   _|  
-*  /__/\__\   |_|
-*        
-* @file application.ts
-* @author Etienne Cochard 
-*
-* Copyright (c) 2019-2022 R-libre ingenierie
-*
-* Permission is hereby granted, free of charge, to any person obtaining a copy 
-* of this software and associated documentation files (the "Software"), to deal 
-* in the Software without restriction, including without limitation the rights 
-* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies 
-* of the Software, and to permit persons to whom the Software is furnished to do so, 
-* subject to the following conditions:
-* The above copyright notice and this permission notice shall be included in all copies
-* or substantial portions of the Software.
-*
-* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, 
-* INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A 
-* PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT 
-* HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION 
-* OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
-* SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-**/
-
-import { x4document } from './x4dom'
-import { EvMessage } from './x4events'
-import { BaseComponent, BaseComponentEventMap, BaseComponentProps } from './base_component'
-import { Component, flyWrap } from './component'
-import { Settings } from './settings'
-import { _tr } from './i18n'
-
-const _x4_touch_time = Symbol( );
-
-
-interface ApplicationEventMap extends BaseComponentEventMap {
-	message: EvMessage;
-	global: EvMessage;
-}
-
-/**
- * 
- */
-
-export interface ApplicationProps extends BaseComponentProps<ApplicationEventMap> {
-	app_name: string;		// 
-	app_version: string;	//
-	app_uid?: string;
-	locale?: string;		// fr-FR
-	renderTo?: HTMLElement;
-}
-
-/**
- * Represents an x4 application, which is typically a single page app.
- * You should inherit Application to define yours.
- * Application derives from BaseComponent so you can use that to implement a global messaging system.
- * @example ```ts
- * 
- * // in yout main caode
- * let app = new Application( );
- * 
- * app.events.close.on( ( ev ) => {
- * 	... do something
- * });
- * 
- * // somewhere else in the source
- * function xxx( ) {
- * 	let app = Application.instance( );
- * 	app.events.close.emit( new Events.close() );
- * }
- */
-
-export class Application<P extends ApplicationProps = ApplicationProps, E extends ApplicationEventMap = ApplicationEventMap> extends BaseComponent<P,E> {
-	
-	private static self: Application = null;
-
-	/**
-	 * the application singleton
-	 */
-
-	static 	instance( ) : Application {
-		return Application.self;
-	}
-
-	private m_mainView: Component;
-
-	private m_app_name: string;
-	private m_app_version: string;
-	private m_app_uid: string;
-	
-	private m_local_storage: Settings;
-	private m_user_data: any;
-
-	private m_touch_time: number;
-	private m_touch_count: number;
-	
-	constructor( props : P ) {
-		console.assert( Application.self===null, 'application is a singleton' );
-		super( props );
-
-		this.m_app_name = props.app_name ?? 'application';
-		this.m_app_version = props.app_version ?? '1.0';
-		this.m_app_uid = props.app_uid ?? 'application';
-
-		let settings_name = `${this.m_app_name}.${this.m_app_version}.settings`;
-		this.m_local_storage = new Settings( settings_name );
-		this.m_user_data = {};
-
-		this.m_touch_time = 0;
-		this.m_touch_count = 0;
-	
-		(Application.self as any) = this;
-
-		if( 'onload' in globalThis ) {
-			globalThis.addEventListener( 'load', ( ) => {
-				this.ApplicationCreated( );
-			})
-		}
-		else {
-			this.ApplicationCreated( );
-		}
-	}
-
-	ApplicationCreated( ) {
-		this.setTitle( '' );
-	}
-
-	public get app_name( ) {
-		return this.m_app_name;
-	}
-
-	public get app_uid( ) {
-		return this.m_app_uid;
-	}
-
-	public get app_version( ) {
-		return this.m_app_version;
-	}
-
-	public get local_storage( ) {
-		return this.m_local_storage;
-	}
-
-	public get user_data( ) {
-		return this.m_user_data;
-	}
-
-	public get history( ) {
-		//if( !this.m_history ) {
-		//	this.m_history = new NavigationHistory( );
-		//}
-		//
-		//return this.m_history;
-		debugger;
-		return null;
-	}
-
-	/**
-	 * define the application root object (MainView)
-	 * @example ```ts
-	 * 
-	 * let myApp = new Application( ... );
-	 * let mainView = new VLayout( ... );
-	 * myApp.mainView = mainView;
-	 */
-
-	 public setMainView( root: Component, clearBefore: boolean ) {
-
-		const ddom = this.m_props.renderTo ?? x4document.body;
-		const dest = flyWrap( ddom );
-
-		if( !this.m_props.renderTo ) {
-			dest.setStyleValue( 'position', 'absolute' );	
-		}
-
-		dest.addClass( 'x4-root-element' );
-		if( clearBefore ) {
-			dest._empty( );
-		}
-
-		this.m_mainView = root;
-
-		root.setStyleValue( 'position', 'absolute' );
-		root._build();
-
-		ddom.appendChild( root.dom );
-	}
-
-	set mainView( root: Component ) {
-		this.setMainView( root, false );
-	}
-
-	public get mainView( ) : Component {
-		return this.m_mainView;
-	}
-
-	public setTitle( title: string ) {
-		x4document.title = this.m_app_name + (title ? (' > ' + title) : '');
-	}
-
-	public disableZoomWheel( ) {
-
-		window.addEventListener('wheel', function( ev: WheelEvent ) {
-			if( ev.ctrlKey ) {
-				ev.preventDefault( );
-				//ev.stopPropagation( );
-			}
-		
-		}, { passive: false, capture: true } );
-	}
-
-	public enterModal( enter: boolean ) {
-	}
-
-	public enableTouchDblClick( ) {
-		x4document.addEventListener( 'touchstart', ( ev: TouchEvent ) => {
-
-			let now = Date.now( );
-			if( (now-this.m_touch_time) > 700 ) {
-				this.m_touch_count = 1;
-			}
-			else {
-				this.m_touch_count++;
-			}
-
-			this.m_touch_time = now;
-
-			if( this.m_touch_count==2 ) {
-				this.m_touch_count = 0;
-
-				// dirty fake dblclick event
-				const tch = ev.touches[0];
-				let fake: any = {type: "dblclick" };
-				for( const n in tch ) {
-					fake[n] = tch[n];
-				}
-
-				// ignore -> private: dirty x2
-				(Component as any)._dispatchEvent( fake );
-				ev.stopPropagation( );
-			}
-		});
-	}
-};
-
-
-

package/lib/src/autocomplete.ts

@@ -1,197 +0,0 @@
-/**
-*  ___  ___ __
-*  \  \/  /  / _
-*   \    /  /_| |_
-*   /    \____   _|  
-*  /__/\__\   |_|
-*        
-* @file autocomplete.ts
-* @author Etienne Cochard 
-*
-* Copyright (c) 2019-2022 R-libre ingenierie
-*
-* Permission is hereby granted, free of charge, to any person obtaining a copy 
-* of this software and associated documentation files (the "Software"), to deal 
-* in the Software without restriction, including without limitation the rights 
-* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies 
-* of the Software, and to permit persons to whom the Software is furnished to do so, 
-* subject to the following conditions:
-* The above copyright notice and this permission notice shall be included in all copies
-* or substantial portions of the Software.
-*
-* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, 
-* INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A 
-* PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT 
-* HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION 
-* OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
-* SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-**/
-
-import { ListViewItem, PopupListView } from "./listview";
-import { TextEdit, TextEditProps } from './textedit';
-
-/**
- * 
- */
-
-interface AutoCompleteProps extends TextEditProps {
-	enumValues: ( filter: string ) => string[];
-}
-
-/**
- * 
- */
-
-export class AutoComplete extends TextEdit<AutoCompleteProps> {
-	
-	private m_popup: PopupListView;
-	private m_popvis: boolean;
-	private m_needval: boolean;
-	private m_lockpop: boolean;
-	
-	constructor( props: AutoCompleteProps ) {
-		super( props );
-
-		this.setDomEvent( "input", ( ) => this._onChange( ) );
-		this.setDomEvent( "focusin", ( ) => this._onFocus( ) );
-		this.startTimer( "focus-check", 100, true, () => this._checkFocus() );
-
-		this.m_popvis = false;
-		this.m_needval = false;
-		this.m_lockpop = false;
-
-		this.setDomEvent( "keydown", e => this._onKey(e) );
-	}
-
-	_onKey( e: KeyboardEvent ) {
-		if( this.m_popvis ) {
-			if( e.key=="ArrowUp" || e.key=="ArrowDown" ) {
-				this.m_lockpop = true;
-				this.m_popup.handleKey( e );
-				this.m_lockpop = false;
-
-				e.preventDefault( );
-				e.stopPropagation( );
-			}
-			else if( e.key=="Escape" ) {
-				this._hidePopup( );
-
-				e.preventDefault( );
-				e.stopPropagation( );
-			}
-		}
-		else if( e.key=="ArrowDown" ) {
-			this._onChange( );
-			e.preventDefault( );
-			e.stopPropagation( );
-		}
-	}
-
-	private _onChange( ) {
-		const items = this.m_props.enumValues( this.value );
-		this.showPopup( items );
-	}
-
-	componentDisposed( ) {
-		if( this.m_popup ) {
-			this._hidePopup( );
-		}
-
-		super.componentDisposed( );
-	}
-
-	/** 
-	 * display the popup 
-	 */
-
-	showPopup( items: string[] ) {
-
-		let props = this.m_props;
-		if (props.readOnly || this.hasClass("@disable") ) {
-			return;
-		}
-
-		// need creation ?
-		
-		if( !this.m_popup ) {
-			let cstyle = this.getComputedStyle( );
-			let fontFamily = cstyle.value( 'fontFamily' );
-			let fontSize = cstyle.value( 'fontSize' );
-
-			// prepare the combo listview
-			this.m_popup = new PopupListView({
-				cls: '@combo-popup',
-				attrs: {
-					tabindex: 0
-				},
-				selectionChange: (e) => {
-					this.value = (e.selection as ListViewItem).id
-					if( !this.m_lockpop ) {
-						this._hidePopup( );
-						this.focus( );
-					}
-				},
-				style: {
-					fontFamily,
-					fontSize
-				}
-			});
-		}
-
-		this.m_popup.items = items.map( c => ({ id: c, text: c }) );
-	
-		let r1 = this.m_ui_input.getBoundingRect();
-		this.m_popup.setStyle({
-			minWidth: r1.width,
-		});
-
-		this.m_popup.displayAt(r1.left, r1.bottom);
-		this.m_popvis = true;
-		
-		//if( this.value!==undefined ) {
-		//	this.m_popup.selection = this.value;
-		//}
-	}
-
-	protected override _validate(value: string): boolean {
-		return true;
-	}
-
-	override validate( ): boolean {
-		return super._validate( this.value );
-	}
-
-	private _checkFocus( ) {
-		const focus = document.activeElement;
-		if( this.dom && this.dom.contains(focus) ) {
-			return;
-		}
-
-		if( this.m_popup && this.m_popup.dom && this.m_popup.dom.contains(focus) ) {
-			return;
-		}
-
-		this._hidePopup( );
-	}
-
-	private _hidePopup( ) {
-		
-		if( this.m_popvis ) {
-			this.m_popup.close();
-			this.m_popvis = false;
-		}
-
-		if( this.m_needval ) {
-			this.validate( );
-			this.m_needval = false;
-		}
-	}
-
-	private _onFocus( ) {
-		if( this.value.length==0 ) {
-			this._onChange( );
-		}
-
-		this.m_needval = true;
-	}
-}

package/lib/src/base64.ts

@@ -1,166 +0,0 @@
-/**
-*  ___  ___ __
-*  \  \/  /  / _
-*   \    /  /_| |_
-*   /    \____   _|  
-*  /__/\__\   |_|
-*        
-* @file base64.ts
-* @author Etienne Cochard 
-*
-* Copyright (c) 2019-2022 R-libre ingenierie
-*
-* Permission is hereby granted, free of charge, to any person obtaining a copy 
-* of this software and associated documentation files (the "Software"), to deal 
-* in the Software without restriction, including without limitation the rights 
-* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies 
-* of the Software, and to permit persons to whom the Software is furnished to do so, 
-* subject to the following conditions:
-* The above copyright notice and this permission notice shall be included in all copies
-* or substantial portions of the Software.
-*
-* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, 
-* INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A 
-* PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT 
-* HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION 
-* OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
-* SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-**/
-
-const _alphabet: string = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
-let _lookup: any = null;
-
-
-export class Base64 {
-	lookup: any = null;
-
-	static encode(s: string | Uint8Array ) {
-		let buffer;
-
-		if( s instanceof Uint8Array ) {
-			buffer = []
-			s.forEach( (v) => {
-				buffer.push( v );
-			});
-		}
-		else {
-			buffer = Base64._toUtf8(s);
-		}
-
-		let position = -1;
-		let len = buffer.length;
-		let nan1, nan2;
-		let enc = [, , ,];
-
-		let result = '';
-		while (++position < len) {
-			nan1 = buffer[position + 1], nan2 = buffer[position + 2];
-			enc[0] = buffer[position] >> 2;
-			enc[1] = ((buffer[position] & 3) << 4) | (buffer[++position] >> 4);
-
-			if (isNaN(nan1)) {
-				enc[2] = enc[3] = 64;
-			}
-			else {
-				enc[2] = ((buffer[position] & 15) << 2) | (buffer[++position] >> 6);
-				enc[3] = (isNaN(nan2)) ? 64 : buffer[position] & 63;
-			}
-
-			result += _alphabet[enc[0]] + _alphabet[enc[1]] + _alphabet[enc[2]] + _alphabet[enc[3]];
-		}
-
-		return result;
-	}
-
-	static decode(s: string) {
-		let buffer = Base64._fromUtf8(s);
-
-		let position = 0;
-		let len = buffer.length;
-
-		let result = '';
-		while (position < len) {
-			if (buffer[position] < 128) {
-				result += String.fromCharCode(buffer[position++]);
-			}
-			else if (buffer[position] > 191 && buffer[position] < 224) {
-				result += String.fromCharCode(((buffer[position++] & 31) << 6) | (buffer[position++] & 63));
-			}
-			else {
-				result += String.fromCharCode(((buffer[position++] & 15) << 12) | ((buffer[position++] & 63) << 6) | (buffer[position++] & 63));
-			}
-		}
-
-		return result;
-	}
-
-	private static _toUtf8(s) {
-		let position = -1;
-		let len = s.length;
-
-		let chr;
-		let buffer = [];
-
-		if (/^[\x00-\x7f]*$/.test(s)) {
-			while (++position < len) {
-				buffer.push(s.charCodeAt(position));
-			}
-		}
-		else {
-			while (++position < len) {
-				chr = s.charCodeAt(position);
-				if (chr < 128) {
-					buffer.push(chr);
-				}
-				else if (chr < 2048) {
-					buffer.push((chr >> 6) | 192, (chr & 63) | 128);
-				}
-				else {
-					buffer.push((chr >> 12) | 224, ((chr >> 6) & 63) | 128, (chr & 63) | 128);
-				}
-			}
-		}
-
-		return buffer;
-	}
-
-	private static _fromUtf8(s) {
-		let position = -1;
-		let len;
-		let buffer = [];
-		let enc = [, , ,];
-
-		if (!_lookup) {
-			len = _alphabet.length;
-			_lookup = {};
-			while (++position < len) {
-				_lookup[_alphabet[position]] = position;
-			}
-
-			position = -1;
-		}
-
-		len = s.length;
-		while (position < len) {
-			enc[0] = _lookup[s.charAt(++position)];
-			enc[1] = _lookup[s.charAt(++position)];
-			buffer.push((enc[0] << 2) | (enc[1] >> 4));
-
-			enc[2] = _lookup[s.charAt(++position)];
-			if (enc[2] == 64) {
-				break;
-			}
-
-			buffer.push(((enc[1] & 15) << 4) | (enc[2] >> 2));
-			enc[3] = _lookup[s.charAt(++position)];
-
-			if (enc[3] == 64) {
-				break;
-			}
-
-			buffer.push(((enc[2] & 3) << 6) | enc[3]);
-		}
-
-		return buffer;
-	}
-}