x4js 1.5.40 → 1.6.1

package/lib/src/MIT-license.md

@@ -1,6 +1,6 @@
 # MIT LICENSE #
 
-**Copyright (c) 2019-2022 R-libre ingenierie**
+**Copyright (c) 2019-2023 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 

package/lib/src/action.ts

@@ -8,7 +8,7 @@
 * @file action.ts
 * @author Etienne Cochard 
 *
-* Copyright (c) 2019-2022 R-libre ingenierie
+* Copyright (c) 2019-2023 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 

package/lib/src/app_sockets.ts

@@ -8,7 +8,7 @@
 * @file app_sockets.ts
 * @author Etienne Cochard 
 *
-* Copyright (c) 2019-2022 R-libre ingenierie
+* Copyright (c) 2019-2023 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 

package/lib/src/application.ts

@@ -8,7 +8,7 @@
 * @file application.ts
 * @author Etienne Cochard 
 *
-* Copyright (c) 2019-2022 R-libre ingenierie
+* Copyright (c) 2019-2023 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 
@@ -160,7 +160,7 @@ export class Application<P extends ApplicationProps = ApplicationProps, E extend
 		return this.m_user_data;
 	}
 
-	public get history( ) {
+	public get history( ): null {
 		//if( !this.m_history ) {
 		//	this.m_history = new NavigationHistory( );
 		//}
@@ -247,7 +247,7 @@ export class Application<P extends ApplicationProps = ApplicationProps, E extend
 				const tch = ev.touches[0];
 				let fake: any = {type: "dblclick" };
 				for( const n in tch ) {
-					fake[n] = tch[n];
+					fake[n] = (tch as any)[n];
 				}
 
 				// ignore -> private: dirty x2

package/lib/src/autocomplete.ts

@@ -8,7 +8,7 @@
 * @file autocomplete.ts
 * @author Etienne Cochard 
 *
-* Copyright (c) 2019-2022 R-libre ingenierie
+* Copyright (c) 2019-2023 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 

package/lib/src/base64.ts

@@ -8,7 +8,7 @@
 * @file base64.ts
 * @author Etienne Cochard 
 *
-* Copyright (c) 2019-2022 R-libre ingenierie
+* Copyright (c) 2019-2023 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 

package/lib/src/base_component.ts

@@ -8,7 +8,7 @@
 * @file base_component.ts
 * @author Etienne Cochard 
 *
-* Copyright (c) 2019-2022 R-libre ingenierie
+* Copyright (c) 2019-2023 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 

package/lib/src/button.ts

@@ -8,7 +8,7 @@
 * @file button.ts
 * @author Etienne Cochard 
 *
-* Copyright (c) 2019-2022 R-libre ingenierie
+* Copyright (c) 2019-2023 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 

package/lib/src/calendar.ts

@@ -8,7 +8,7 @@
 * @file calendar.ts
 * @author Etienne Cochard 
 *
-* Copyright (c) 2019-2022 R-libre ingenierie
+* Copyright (c) 2019-2023 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 
@@ -170,7 +170,7 @@ export class Calendar extends VLayout<CalendarProps, CalendarEventMap>
 					cls += ' out';
 				}
 
-				const mkItem = ( dte ) => {
+				const mkItem = ( dte: Date ) => {
 					return new HLayout({
 						cls,
 						flex: 1,

package/lib/src/canvas.ts

@@ -8,7 +8,7 @@
 * @file canvas.ts
 * @author Etienne Cochard 
 *
-* Copyright (c) 2019-2022 R-libre ingenierie
+* Copyright (c) 2019-2023 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 
@@ -30,6 +30,11 @@
 import { Component, CProps, CEventMap, html } from './component'
 import { BasicEvent, EventCallback } from './x4events'
 
+interface IPoint {
+	x: number;
+	y: number;
+}
+
 interface EvPaint extends BasicEvent {
 	ctx: CanvasPainter;
 }
@@ -108,14 +113,14 @@ function smoothLine( this: CanvasRenderingContext2D, points: any[], path: Canvas
 		return;
 	}
 
-	function midPointBtw(p1, p2) {
+	function midPointBtw(p1: IPoint, p2: IPoint ) {
 		return {
 			x: p1.x + (p2.x - p1.x) / 2,
 			y: p1.y + (p2.y - p1.y) / 2
 		};
 	}
 
-	function getQuadraticXY(t, sx, sy, cp1x, cp1y, ex, ey) {
+	function getQuadraticXY(t: number, sx: number, sy: number, cp1x: number, cp1y: number, ex: number, ey: number) : IPoint {
 		return {
 			x: (1 - t) * (1 - t) * sx + 2 * (1 - t) * t * cp1x + t * t * ex,
 			y: (1 - t) * (1 - t) * sy + 2 * (1 - t) * t * cp1y + t * t * ey
@@ -212,7 +217,7 @@ function smoothLineEx(this: CanvasRenderingContext2D, _points: any[], tension: n
 		parse(pts, cache, 4);
 	}
 
-	function parse(pts, cache, l) {
+	function parse(pts: number[], cache: Float32Array, l: number) {
 
 		for (var i = 2, t; i < l; i += 2) {
 

package/lib/src/cardview.ts

@@ -8,7 +8,7 @@
 * @file cardview.ts
 * @author Etienne Cochard 
 *
-* Copyright (c) 2019-2022 R-libre ingenierie
+* Copyright (c) 2019-2023 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 
@@ -85,7 +85,7 @@ export class CardView<P extends CardViewProps = CardViewProps, E extends CardVie
 	/** @ignore */
 	render() {
 
-		let pages = [];
+		let pages: any[] = [];
 		this.m_cards.forEach((p) => {
 			if (p.page) {
 				pages.push(p.page);
@@ -171,7 +171,7 @@ export class CardView<P extends CardViewProps = CardViewProps, E extends CardVie
 	 * 
 	 */
 
-	private _initTabs(pages): any {
+	private _initTabs(pages: ICardViewItem[] ): any {
 
 		if (!pages) {
 			return;
@@ -185,10 +185,11 @@ export class CardView<P extends CardViewProps = CardViewProps, E extends CardVie
 				return;
 			}
 
-			let card: ICardItemEx = { ...p };
-
-			card.selector = this._prepareSelector(p);
-			card.active = false;
+			let card: ICardItemEx = { 
+				...p,
+				selector: this._prepareSelector(p),
+				active: false
+			}
 
 			this.m_cards.push(card);
 
@@ -196,7 +197,7 @@ export class CardView<P extends CardViewProps = CardViewProps, E extends CardVie
 				active = p.name;
 			}
 
-			if (p.active) {
+			if (card.active) {
 				active = p.name;
 			}
 		});

package/lib/src/checkbox.ts

@@ -8,7 +8,7 @@
 * @file checkbox.ts
 * @author Etienne Cochard 
 *
-* Copyright (c) 2019-2022 R-libre ingenierie
+* Copyright (c) 2019-2023 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 

package/lib/src/color.ts

@@ -8,7 +8,7 @@
 * @file color.ts
 * @author Etienne Cochard 
 *
-* Copyright (c) 2019-2022 R-libre ingenierie
+* Copyright (c) 2019-2023 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 
@@ -30,7 +30,7 @@
 import { Stylesheet } from './styles'
 
 
-const colorValues = {
+const colorValues: any = {
 	'lightsalmon': 0xFFFFA07A,
 	'lightseagreen': 0xFF20B2AA,
 	'lightskyblue': 0xFF87CEFA,
@@ -180,7 +180,7 @@ const colorValues = {
 export class Color
 {
 	private m_value:number;
-	private static custom: Color[] = []
+	private static custom: Record<string,Color> = {};
 
 	/**
 	 * @example
@@ -451,7 +451,7 @@ export class Color
 			r = g = b = l; // achromatic
 		}
 		else{
-			function hue2rgb(p, q, t){
+			function hue2rgb(p: number, q: number, t: number){
 				if(t < 0) t += 1.0;
 				if(t > 1) t -= 1.0;
 				if(t < 1/6) return p + (q - p) * 6 * t;

package/lib/src/colorpicker.ts

@@ -8,7 +8,7 @@
 * @file colorpicker.ts
 * @author Etienne Cochard 
 *
-* Copyright (c) 2019-2022 R-libre ingenierie
+* Copyright (c) 2019-2023 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 
@@ -123,11 +123,11 @@ export class ColorPicker extends Container<ColorPickerProps, ColorPickerEventMap
 
 			this.addClass("pal-mode");
 
-			let selector = null;
-			let cur = null;
+			let selector: VLayout = null;
+			let cur: Component = null;
 
-			let main_sel = [];
-			let sub_sel = [];
+			let main_sel: Component[] = [];
+			let sub_sel: Component[] = [];
 
 			const ccolor = this.m_baseColor.value();
 
@@ -158,7 +158,7 @@ export class ColorPicker extends Container<ColorPickerProps, ColorPickerEventMap
 				main_sel.push(el);
 			});
 
-			function fillSubs( colors ) {
+			function fillSubs( colors: Variation[] ) {
 				sub_sel = [];
 				colors.forEach(mc => {
 					let clr = new Color(mc.hex);
@@ -550,7 +550,7 @@ export class ColorPickerBox extends Dialog<ColorPickerBoxProps, ColorPickerBoxEv
 		});
 	}
 
-	private _makeCustoms(cc) {
+	private _makeCustoms(cc: Color[] ) {
 
 		let custom = null;
 
@@ -735,7 +735,17 @@ export class ColorPickerEditor extends HLayout<ColorPickerEditorProps, ColorPick
 
 // :: Material colors scheme ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 
-const materialColors = [
+interface Variation {
+	weight: number;
+	hex: number;
+}
+
+interface Variations {
+	color: string;
+	variations: Variation[];
+};
+
+const materialColors: Variations[] = [
 	{
 		color: "Red",
 		variations: [

package/lib/src/combobox.ts

@@ -8,7 +8,7 @@
 * @file combobox.ts
 * @author Etienne Cochard 
 *
-* Copyright (c) 2019-2022 R-libre ingenierie
+* Copyright (c) 2019-2023 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 
@@ -87,10 +87,10 @@ export interface ComboBoxProps extends CProps<ComboBoxEventMap> {
 }
 
 abstract class InputLike extends Component {
-	abstract setValue( text: string );
+	abstract setValue( text: string ): void;
 	abstract getValue( ): string;
-	abstract showError( text: string );
-	abstract clearError( );
+	abstract showError( text: string ): void;
+	abstract clearError( ): void;
 }
 
 
@@ -131,7 +131,7 @@ export class ComboBox extends HLayout<ComboBoxProps,ComboBoxEventMap> {
 		this.m_lockchg = false;
 	}
 
-	_onKey(e) {
+	_onKey(e: KeyboardEvent ) {
         if (this.m_popvis) {
             if (e.key == "ArrowUp" || e.key == "ArrowDown") {
 				this.m_lockpop = true;
@@ -379,12 +379,12 @@ export class ComboBox extends HLayout<ComboBoxProps,ComboBoxEventMap> {
 	 * 
 	 */
 
-	private _setInput( item, fireEv = false ) {
+	private _setInput( item: ListViewItem, fireEv = false ) {
 
 		if( item ) {
 			if( this.m_ui_input ) {
 				if( this.m_ui_input instanceof Input ) {
-					this.m_ui_input.value = item.text;
+					this.m_ui_input.value = item.text as string;
 					// fires a change event
 					if( fireEv ) {
 						this.m_ui_input.dom.dispatchEvent( new Event('input') );