x4js 2.2.7 → 2.2.8

package/src/components/popup/popup.ts

@@ -8,7 +8,7 @@
  * @file popup.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/progress/progress.module.scss

@@ -8,7 +8,7 @@
  * @file progress.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/progress/progress.ts

@@ -8,7 +8,7 @@
  * @file progress.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/propgrid/propgrid.ts

@@ -8,7 +8,7 @@
  * @file propgrid.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/radio/radio.module.scss

@@ -8,7 +8,7 @@
  * @file radio.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/radio/radio.ts

@@ -8,7 +8,7 @@
  * @file radio.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/rating/rating.ts

@@ -8,7 +8,7 @@
  * @file rating.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/shared.scss

@@ -8,7 +8,7 @@
  * @file shared.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/sizers/sizer.module.scss

@@ -8,7 +8,7 @@
  * @file sizer.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.
@@ -26,8 +26,10 @@
 		cursor: ns-resize;
 	}
 
-	&.vsize,
-	&.hsize {
+	&.vsize-next,
+	&.vsize-prev,
+	&.hsize-next,
+	&.hsize-prev {
 		position: relative;
 		align-self: stretch;
 		min-width: 4px;
@@ -38,11 +40,13 @@
 		}
 	}
 
-	&.hsize {
+	&.hsize-next,
+	&.hsize-prev {
 		cursor: ew-resize;		
 	}
 
-	&.vsize {
+	&.vsize-next,
+	&.vsize-prev {
 		cursor: ns-resize;
 	}
 

package/src/components/sizers/sizer.ts

@@ -8,7 +8,7 @@
  * @file sizer.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.
@@ -33,7 +33,8 @@ interface CSizerEvent extends ComponentEvents {
 	stop: ComponentEvent;
 }
 
-type SizerType = "left" | "top" | "right" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "hsize" | "vsize";
+type SizerType = "left" | "top" | "right" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right" 
+					| "hsize-prev" | "hsize-next" | "vsize-prev" | "vsize-next";
 
 /**
  * 
@@ -57,8 +58,13 @@ export class CSizer extends Component<ComponentProps,CSizerEvent> {
 			this.setCapture( e.pointerId );
 
 			let targ = target;
-			if( !targ && (type=='hsize' || type=='vsize') ) {
-				targ = this.nextElement( );
+			if( !targ ) {
+				if( type=='hsize-next' || type=='vsize-next' ) {
+					targ = this.nextElement( );
+				}
+				else if( type=='hsize-prev' || type=='vsize-prev' ) {
+					targ = this.prevElement( );
+				}
 			}
 
 			this._ref = targ ?? componentFromDOM( this.dom.parentElement );
@@ -66,14 +72,14 @@ export class CSizer extends Component<ComponentProps,CSizerEvent> {
 			this._delta = {x:0,y:0};
 			const rc = this._ref.getBoundingRect();
 
-			if( this._type=="hsize" || this._type.includes("left") ) {
+			if( this._type=="hsize-next" || this._type.includes("left") ) {
 				this._delta.x = e.pageX-rc.left;
 			}
 			else {
 				this._delta.x = e.pageX-(rc.left+rc.width);
 			}
 
-			if( this._type=="vsize" || this._type.includes("top") ) {
+			if( this._type=="vsize-next" || this._type.includes("top") ) {
 				this._delta.y = e.pageY-rc.top;
 			}
 			else {
@@ -110,11 +116,11 @@ export class CSizer extends Component<ComponentProps,CSizerEvent> {
 			nr.height = (rc.top+rc.height)-pt.y;
 			horz = false;
 		}
-		else if( this._type=="vsize" ) {
+		else if( this._type=="vsize-next" ) {
 			nr.height = (rc.top+rc.height)-pt.y;
 			horz = false;
 		}
-		else if( this._type.includes("bottom") ) {
+		else if( this._type.includes("bottom") || this._type=='vsize-prev' ) {
 			//nr.top = rc.top;
 			nr.height = (pt.y-rc.top);
 			horz = false;
@@ -123,10 +129,10 @@ export class CSizer extends Component<ComponentProps,CSizerEvent> {
 			nr.left = pt.x;
 			nr.width = ((rc.left+rc.width)-pt.x);
 		}
-		else if( this._type=="hsize" ) {
+		else if( this._type=="hsize-next" ) {
 			nr.width = ((rc.left+rc.width)-pt.x);
 		}
-		else if( this._type.includes("right") ) {
+		else if( this._type.includes("right") || this._type=='hsize-prev' ) {
 			nr.width = (pt.x-rc.left);
 		}
 
@@ -143,14 +149,14 @@ export class CSizer extends Component<ComponentProps,CSizerEvent> {
 
 @class_ns( "x4" )
 export class HSizer extends CSizer {
-	constructor( ) {
-		super( "hsize" );
+	constructor( next = true ) {
+		super( next ? "hsize-next" : "hsize-prev" );
 	}
 }
 
 @class_ns( "x4" )
 export class VSizer extends CSizer {
-	constructor( ) {
-		super( "vsize" );
+	constructor( next = true ) {
+		super( next ? "vsize-next" : "vsize-prev" );
 	}
 }

package/src/components/slider/slider.module.scss

@@ -8,7 +8,7 @@
  * @file slider.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/slider/slider.ts

@@ -8,7 +8,7 @@
  * @file slider.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/spreadsheet/spreadsheet.module.scss

@@ -8,7 +8,7 @@
  * @file spreadsheet.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/spreadsheet/spreadsheet.ts

@@ -8,7 +8,7 @@
  * @file spreadsheet.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/switch/switch.module.scss

@@ -8,7 +8,7 @@
  * @file switch.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/switch/switch.ts

@@ -8,7 +8,7 @@
  * @file switch.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/tabs/tabs.ts

@@ -8,7 +8,7 @@
  * @file tabs.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/textarea/textarea.module.scss

@@ -8,7 +8,7 @@
  * @file textarea.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/textarea/textarea.ts

@@ -8,7 +8,7 @@
  * @file textarea.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/textedit/textedit.module.scss

@@ -8,7 +8,7 @@
  * @file textedit.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/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.

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,7 +8,7 @@
  * @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.

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.