x4js 2.2.61 → 2.2.63

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "x4js",
-  "version": "2.2.61",
+  "version": "2.2.63",
   "type": "module",
   "main": "src/x4.ts",
   "module": "src/x4.ts",

package/src/components/keyboard/keyboard.module.scss

@@ -33,7 +33,7 @@
 	padding: 8px;
 
 	#kb {
-		width: 100vw;
+		width: 100%;
 		max-width: 800px;
 		zoom: var( --keyboard-zoom );
 	}

package/src/components/monaco/monaco.ts

@@ -4,11 +4,10 @@ import { Component, ComponentProps } from '../../core/component';
 import Monaco from './bin/monaco'; 
 import "./monaco.module.scss"
 
-export type IMonarchLanguage = monaco.languages.IMonarchLanguage;
-export type CompletionItem = monaco.languages.CompletionItem;
-export type CompletionItemProvider = monaco.languages.CompletionItemProvider;
-
-export { IRange, }
+export type IMonarchLanguage = Monaco.languages.IMonarchLanguage;
+export type CompletionItem = Monaco.languages.CompletionItem;
+export type CompletionItemProvider = Monaco.languages.CompletionItemProvider;
+export type IRange = Monaco.IRange;
 
 
 interface MonacoEditorProps extends ComponentProps {

package/src/components/popup/popup.ts

@@ -145,10 +145,11 @@ export class Popup<P extends PopupProps = PopupProps, E extends PopupEvents = Po
 		this._do_show( );		// to compute size
 
 		const fixpos = ( ) => {
-			const orc = this.getBoundingRect( );
+			const self = this.dom as HTMLElement;
+
 			this.setStyle( {
-				left: ((window.innerWidth - orc.width) / 2) +'px',
-				top:  ((window.innerHeight - orc.height) / 2) +'px',
+				left: ((document.body.offsetWidth - self.offsetWidth) / 2) +'px',
+				top:  ((document.body.offsetHeight - self.offsetHeight) / 2) +'px',
 			} );
 		}
 

package/src/components/tickline/tickline.ts

@@ -3,7 +3,7 @@ import { Color } from '../../core/core_colors';
 import { Component, ComponentProps } from '../../core/component';
 
 import "./tickline.module.scss"
-import { class_ns } from '../../core/core_tools.ts';
+import { class_ns } from '../../core/core_tools';
 
 interface TickLineProps extends ComponentProps {
 	values: number[];

package/src/core/core_tools.ts

@@ -114,10 +114,29 @@ export function unsafeHtml(x: string): UnsafeHtml {
 }
 
 export function unsafe(strings: TemplateStringsArray, ...values: any[]): UnsafeHtml {
+
+    const resolve = ( value: any ) : string | UnsafeHtml => {
+        let v: string;
+        if( !value ) {
+            return "";
+        }
+        
+        if( isArray( value ) ) {
+            return value.map( resolve ).join( '' );
+        }
+
+        if ( value instanceof UnsafeHtml ) {
+            return value.toString();
+        }
+
+        return sanitizeHtml(value);
+    }
+
 	const result = strings.reduce((acc, str, i) => {
-		return acc + str + sanitizeHtml(values[i] ?? '');
+        return acc + str + resolve( values[i] );
 	}, '');
-	return unsafeHtml(result);
+
+	return new UnsafeHtml(result);
 }
 
 /**

package/src/x4.d.ts

@@ -1,20 +1,33 @@
-/** 
+/**
  *  ___  ___ __
  *  \  \/  /  / _
  *   \    /  /_| |_
- *   /    \____   _|  
- *  /__/\__\   |_|.2
- * 
- * @file x4.d.ts
- * @author Etienne Cochard 
- * 
+ *   /    \____   _|
+ *  /__/\__\   |_|
+ *
+ * @file x4.ts
+ * @author Etienne Cochard
+ *
  * @copyright (c) 2026 R-libre ingenierie
  *
- * Use of this source code is governed by an MIT-style license 
+ * 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.
  **/
-
-declare module "*.svg" {
-  	const content: string;
-  	export default content;
-}
+export * from "./core/component";
+export * from "./core/core_application";
+export * from "./core/core_colors";
+export * from "./core/core_data";
+export * from "./core/core_dom";
+export * from "./core/core_dragdrop";
+export * from "./core/core_element";
+export * from "./core/core_events";
+export * from "./core/core_i18n";
+export * from "./core/core_pdf";
+export * from "./core/core_react";
+export * from "./core/core_router";
+export * from "./core/core_state";
+export * from "./core/core_styles";
+export * from "./core/core_svg";
+export * from "./core/core_tools";
+export * from "./components/components";
+import "./x4.scss";