x4js 2.2.7 → 2.2.9

package/src/components/textedit/textedit.ts

@@ -8,7 +8,7 @@
  * @file textedit.ts
  * @author Etienne Cochard 
  * 
- * @copyright (c) 2024 R-libre ingenierie
+ * @copyright (c) 2026 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.

package/src/components/themes.scss

@@ -8,7 +8,7 @@
  * @file themes.scss
  * @author Etienne Cochard 
  * 
- * @copyright (c) 2024 R-libre ingenierie
+ * @copyright (c) 2026 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.

package/src/components/tickline/tickline.module.scss

@@ -8,7 +8,7 @@
  * @file tickline.module.scss
  * @author Etienne Cochard 
  * 
- * @copyright (c) 2024 R-libre ingenierie
+ * @copyright (c) 2026 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.

package/src/components/tooltips/tooltips.scss

@@ -8,7 +8,7 @@
  * @file tooltips.scss
  * @author Etienne Cochard 
  * 
- * @copyright (c) 2024 R-libre ingenierie
+ * @copyright (c) 2026 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.

package/src/components/tooltips/tooltips.ts

@@ -8,7 +8,7 @@
  * @file tooltips.ts
  * @author Etienne Cochard 
  * 
- * @copyright (c) 2024 R-libre ingenierie
+ * @copyright (c) 2026 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.

package/src/components/treeview/treeview.module.scss

@@ -8,7 +8,7 @@
  * @file treeview.module.scss
  * @author Etienne Cochard 
  * 
- * @copyright (c) 2024 R-libre ingenierie
+ * @copyright (c) 2026 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.
@@ -37,7 +37,7 @@
 	@extend %vbox;
 
 	overflow-y: auto;
-	height: 100%;
+	align-self: stretch;
 	margin: 5px;
 
 	outline: none;
@@ -67,6 +67,10 @@
 						color: inherit;
 					}
 
+					>.x4icon.empty {
+						display: none;
+					}
+
 					.x4icon {
 						width: 16px;
 					}

package/src/components/treeview/treeview.ts

@@ -8,7 +8,7 @@
  * @file treeview.ts
  * @author Etienne Cochard 
  * 
- * @copyright (c) 2024 R-libre ingenierie
+ * @copyright (c) 2026 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.
@@ -380,7 +380,9 @@ export class Treeview extends Component<TreeviewProps,TreeviewEvents> {
 			}
 
 			if( newSel ) {
-				const nsel = this.query( `[data-id="${newSel}"]`)
+				//const nsel = this.query( `[data-id="${newSel}"]`)
+				const all = this._view.enumChildComponents( true );
+				const nsel = all.find( x => x.getInternalData("id")===newSel )
 				this._selectItem( newSel, nsel );
 				return true;
 			}
@@ -393,7 +395,7 @@ export class Treeview extends Component<TreeviewProps,TreeviewEvents> {
 		let all: { id: ListboxID, level: number }[] = [];
 		
 		const build = ( x: TreeItem, level: number ) => {
-			all.push( {id: x.id+"", level } );
+			all.push( {id: x.id, level } );
 			if( x.children && x.open ) {
 				x.children.forEach( y => build( y, level+1 ) );
 			}

package/src/components/viewport/viewport.module.scss

@@ -8,7 +8,7 @@
  * @file viewport.module.scss
  * @author Etienne Cochard 
  * 
- * @copyright (c) 2024 R-libre ingenierie
+ * @copyright (c) 2026 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.

package/src/components/viewport/viewport.ts

@@ -8,7 +8,7 @@
  * @file viewport.ts
  * @author Etienne Cochard 
  * 
- * @copyright (c) 2024 R-libre ingenierie
+ * @copyright (c) 2026 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.

package/src/core/component.ts

@@ -8,18 +8,18 @@
  * @file component.ts
  * @author Etienne Cochard 
  * 
- * @copyright (c) 2024 R-libre ingenierie
+ * @copyright (c) 2026 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.
  **/
 
-import { isArray, UnsafeHtml, isNumber, Rect, Constructor, class_ns, x4_class_ns_sym, IRect } from './core_tools.ts';
-import { CoreElement } from './core_element.ts';
-import { ariaValues, unitless } from './core_styles.ts';
-import { CoreEvent, EventMap } from './core_events.ts';
-import { addEvent, DOMEventHandler, GlobalDOMEvents } from './core_dom.ts';
-import { Application, EvMessage } from './core_application.ts';
+import { isArray, UnsafeHtml, isNumber, Rect, Constructor, class_ns, x4_class_ns_sym, IRect } from './core_tools';
+import { CoreElement } from './core_element';
+import { ariaValues, unitless } from './core_styles';
+import { CoreEvent, EventMap } from './core_events';
+import { addEvent, DOMEventHandler, GlobalDOMEvents } from './core_dom';
+import { Application, EvMessage } from './core_application';
 
 interface RefType<T extends Component> {
 	dom: T;
@@ -1198,6 +1198,7 @@ export function wrapDOM( el: HTMLElement ): Component {
  * Automatically generates CSS class: `x4flex`.
  */
 
+@class_ns( "x4" )
 export class Flex extends Component {
 	constructor( ) {
 		super({})
@@ -1214,6 +1215,7 @@ export class Flex extends Component {
  * ```
  */
 
+@class_ns( "x4" )
 export class Space extends Component {
 	constructor( width?: number|string, cls?: string ) {
 		super( { width, cls } )

package/src/core/core_application.ts

@@ -8,7 +8,7 @@
  * @file core_application.ts
  * @author Etienne Cochard 
  * 
- * @copyright (c) 2024 R-libre ingenierie
+ * @copyright (c) 2026 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.
@@ -127,6 +127,7 @@ export class Application<E extends ApplicationEvents = ApplicationEvents> extend
 	
 	setMainView( view: Component ) {
 		this.mainview = view;
+		this.mount( );
 		this._setupKeyboard( );
 	}
 

package/src/core/core_colors.ts

@@ -8,7 +8,7 @@
  * @file core_colors.ts
  * @author Etienne Cochard 
  * 
- * @copyright (c) 2024 R-libre ingenierie
+ * @copyright (c) 2026 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.

package/src/core/core_data.ts

@@ -8,7 +8,7 @@
  * @file core_data.ts
  * @author Etienne Cochard 
  * 
- * @copyright (c) 2024 R-libre ingenierie
+ * @copyright (c) 2026 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.

package/src/core/core_dom.ts

@@ -8,7 +8,7 @@
  * @file core_dom.ts
  * @author Etienne Cochard 
  * 
- * @copyright (c) 2024 R-libre ingenierie
+ * @copyright (c) 2026 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.

package/src/core/core_dragdrop.ts

@@ -8,7 +8,7 @@
  * @file core_dragdrop.ts
  * @author Etienne Cochard 
  * 
- * @copyright (c) 2024 R-libre ingenierie
+ * @copyright (c) 2026 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.

package/src/core/core_element.ts

@@ -8,7 +8,7 @@
  * @file core_element.ts
  * @author Etienne Cochard 
  * 
- * @copyright (c) 2024 R-libre ingenierie
+ * @copyright (c) 2026 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.

package/src/core/core_events.ts

@@ -8,7 +8,7 @@
  * @file core_events.ts
  * @author Etienne Cochard 
  * 
- * @copyright (c) 2024 R-libre ingenierie
+ * @copyright (c) 2026 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.

package/src/core/core_i18n.ts

@@ -8,7 +8,7 @@
  * @file core_i18n.ts
  * @author Etienne Cochard 
  * 
- * @copyright (c) 2024 R-libre ingenierie
+ * @copyright (c) 2026 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.

package/src/core/core_router.ts

@@ -8,7 +8,7 @@
  * @file core_router.ts
  * @author Etienne Cochard 
  * 
- * @copyright (c) 2024 R-libre ingenierie
+ * @copyright (c) 2026 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.

package/src/core/core_styles.ts

@@ -8,7 +8,7 @@
  * @file core_styles.ts
  * @author Etienne Cochard 
  * 
- * @copyright (c) 2024 R-libre ingenierie
+ * @copyright (c) 2026 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.

package/src/core/core_svg.ts

@@ -8,7 +8,7 @@
  * @file core_svg.ts
  * @author Etienne Cochard 
  * 
- * @copyright (c) 2024 R-libre ingenierie
+ * @copyright (c) 2026 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.

package/src/core/core_tools.ts

@@ -8,7 +8,7 @@
  * @file core_tools.ts
  * @author Etienne Cochard 
  * 
- * @copyright (c) 2024 R-libre ingenierie
+ * @copyright (c) 2026 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.

package/src/x4.scss

@@ -8,7 +8,7 @@
  * @file x4.scss
  * @author Etienne Cochard 
  * 
- * @copyright (c) 2024 R-libre ingenierie
+ * @copyright (c) 2026 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.

package/src/x4.ts

@@ -8,7 +8,7 @@
  * @file x4.ts
  * @author Etienne Cochard 
  * 
- * @copyright (c) 2024 R-libre ingenierie
+ * @copyright (c) 2026 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.