x4js 1.5.12 → 1.5.15

package/lib/cjs/checkbox.js

@@ -69,6 +69,7 @@ class CheckBox extends component_1.Component {
                     change: this._change.bind(this),
                 }
             }),
+            props.slider ? new component_1.Component({ cls: '@slide-el' }) : null,
             new label_1.Label({
                 text: (_d = props.text) !== null && _d !== void 0 ? _d : '',
                 width: labelWidth < 0 ? undefined : labelWidth,
@@ -80,7 +81,7 @@ class CheckBox extends component_1.Component {
                 attrs: {
                     "for": uid
                 }
-            })
+            }),
         ]);
     }
     /**

package/lib/cjs/form.js

@@ -271,7 +271,8 @@ class Form extends layout_1.VLayout {
         return (0, request_1.ajaxRequest)(cfg);
     }
     /**
-     *
+     * to be abble to see the dirty flag, you need to call this method
+     * cf. isDirty, setDirty
      */
     watchChanges() {
         if (this.dom) {
@@ -287,9 +288,15 @@ class Form extends layout_1.VLayout {
             this.m_watchChanges = true;
         }
     }
+    /**
+     * cf. watchChanges
+     */
     setDirty(set = true) {
         this.m_dirty = set;
     }
+    /**
+     * cf. watchChanges
+     */
     isDirty() {
         return this.m_dirty;
     }

package/lib/cjs/spreadsheet.js

@@ -99,8 +99,14 @@ class Spreadsheet extends layout_1.VLayout {
         this.m_columns[col].title = title;
         this.update(10);
     }
+    /**
+     * reset the spreadsheet
+     * @param columns
+     */
     reset(columns) {
-        this.m_columns = columns;
+        if (columns) {
+            this.m_columns = columns;
+        }
         this.m_cells_data = new Map();
         this.m_rows_data = new Map();
         this.update(10);

package/lib/cjs/svgcomponent.js

@@ -169,6 +169,24 @@ class SVGItem {
         this.attr("clip-path", `url(#${id})`);
         return this;
     }
+    /**
+     *
+     */
+    transform(tr) {
+        this.attr("transform", tr);
+    }
+    /**
+     *
+     */
+    rotate(deg, cx, cy) {
+        this.transform(`rotate( ${deg} ${cx} ${cy} )`);
+    }
+    translate(dx, dy) {
+        this.transform(`translate( ${dx} ${dy} )`);
+    }
+    scale(x) {
+        this.transform(`scale( ${x} )`);
+    }
 }
 /**
  *
@@ -294,18 +312,15 @@ class SVGShape extends SVGItem {
         super(tag);
     }
 }
-/**
- *
- */
 class SVGGradient extends SVGItem {
     constructor(x1, y1, x2, y2) {
         super('linearGradient');
         this.m_id = 'gx-' + SVGGradient.g_id;
         this.attr('id', this.m_id);
-        this.attr('x1', num(x1) + '');
-        this.attr('x2', num(x2) + '');
-        this.attr('y1', num(y1) + '');
-        this.attr('y2', num(y2) + '');
+        this.attr('x1', (0, tools_1.isString)(x1) ? x1 : num(x1) + '');
+        this.attr('x2', (0, tools_1.isString)(x2) ? x2 : num(x2) + '');
+        this.attr('y1', (0, tools_1.isString)(y1) ? y1 : num(y1) + '');
+        this.attr('y2', (0, tools_1.isString)(y2) ? y2 : num(y2) + '');
         this.m_stops = [];
         SVGGradient.g_id++;
     }
@@ -361,7 +376,20 @@ class SVGGroup extends SVGItem {
         this.m_items.push(shape);
         return shape;
     }
-    gradient(x1, y1, x2, y2) {
+    /**
+     *
+     * example
+     * ```ts
+     * const g = c.linear_gradient( '0%', '0%', '0%', '100%' )
+     * 				.addStop( 0, 'red' )
+     * 				.addStop( 100, 'green' );
+     *
+     * p.rect( 0, 0, 100, 100 )
+     * 		.stroke( g.id );
+     *
+     * ```
+     */
+    linear_gradient(x1, y1, x2, y2) {
         const grad = new SVGGradient(x1, y1, x2, y2);
         this.m_items.push(grad);
         return grad;

package/lib/cjs/treeview.js

@@ -489,7 +489,8 @@ class TreeView extends layout_1.VLayout {
                     text: node.name,
                     parent: node.parent,
                     cls: node.cls,
-                    icon: node.icon
+                    icon: node.icon,
+                    data: node.data,
                 };
                 if (!node.leaf) {
                     elem.children = [];

package/lib/cjs/version.js

@@ -29,4 +29,4 @@
 **/
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.x4js_version = void 0;
-exports.x4js_version = "1.5.12";
+exports.x4js_version = "1.5.15";

package/lib/esm/checkbox.js

@@ -65,6 +65,7 @@ export class CheckBox extends Component {
                     change: this._change.bind(this),
                 }
             }),
+            props.slider ? new Component({ cls: '@slide-el' }) : null,
             new Label({
                 text: props.text ?? '',
                 width: labelWidth < 0 ? undefined : labelWidth,
@@ -76,7 +77,7 @@ export class CheckBox extends Component {
                 attrs: {
                     "for": uid
                 }
-            })
+            }),
         ]);
     }
     /**

package/lib/esm/form.js

@@ -272,7 +272,8 @@ export class Form extends VLayout {
         return ajaxRequest(cfg);
     }
     /**
-     *
+     * to be abble to see the dirty flag, you need to call this method
+     * cf. isDirty, setDirty
      */
     watchChanges() {
         if (this.dom) {
@@ -288,9 +289,15 @@ export class Form extends VLayout {
             this.m_watchChanges = true;
         }
     }
+    /**
+     * cf. watchChanges
+     */
     setDirty(set = true) {
         this.m_dirty = set;
     }
+    /**
+     * cf. watchChanges
+     */
     isDirty() {
         return this.m_dirty;
     }

package/lib/esm/spreadsheet.js

@@ -116,8 +116,14 @@ export class Spreadsheet extends VLayout {
         this.m_columns[col].title = title;
         this.update(10);
     }
+    /**
+     * reset the spreadsheet
+     * @param columns
+     */
     reset(columns) {
-        this.m_columns = columns;
+        if (columns) {
+            this.m_columns = columns;
+        }
         this.m_cells_data = new Map();
         this.m_rows_data = new Map();
         this.update(10);

package/lib/esm/svgcomponent.js

@@ -27,7 +27,7 @@
 * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 **/
 import { Component, _x4_unitless } from './component';
-import { isNumber } from "./tools";
+import { isNumber, isString } from "./tools";
 const reNumber = /^-?\d+(\.\d+)?$/;
 // degrees to radian
 function d2r(d) {
@@ -169,6 +169,24 @@ class SVGItem {
         this.attr("clip-path", `url(#${id})`);
         return this;
     }
+    /**
+     *
+     */
+    transform(tr) {
+        this.attr("transform", tr);
+    }
+    /**
+     *
+     */
+    rotate(deg, cx, cy) {
+        this.transform(`rotate( ${deg} ${cx} ${cy} )`);
+    }
+    translate(dx, dy) {
+        this.transform(`translate( ${dx} ${dy} )`);
+    }
+    scale(x) {
+        this.transform(`scale( ${x} )`);
+    }
 }
 /**
  *
@@ -296,9 +314,6 @@ class SVGShape extends SVGItem {
         super(tag);
     }
 }
-/**
- *
- */
 class SVGGradient extends SVGItem {
     static g_id = 1;
     m_id;
@@ -307,10 +322,10 @@ class SVGGradient extends SVGItem {
         super('linearGradient');
         this.m_id = 'gx-' + SVGGradient.g_id;
         this.attr('id', this.m_id);
-        this.attr('x1', num(x1) + '');
-        this.attr('x2', num(x2) + '');
-        this.attr('y1', num(y1) + '');
-        this.attr('y2', num(y2) + '');
+        this.attr('x1', isString(x1) ? x1 : num(x1) + '');
+        this.attr('x2', isString(x2) ? x2 : num(x2) + '');
+        this.attr('y1', isString(y1) ? y1 : num(y1) + '');
+        this.attr('y2', isString(y2) ? y2 : num(y2) + '');
         this.m_stops = [];
         SVGGradient.g_id++;
     }
@@ -366,7 +381,20 @@ class SVGGroup extends SVGItem {
         this.m_items.push(shape);
         return shape;
     }
-    gradient(x1, y1, x2, y2) {
+    /**
+     *
+     * example
+     * ```ts
+     * const g = c.linear_gradient( '0%', '0%', '0%', '100%' )
+     * 				.addStop( 0, 'red' )
+     * 				.addStop( 100, 'green' );
+     *
+     * p.rect( 0, 0, 100, 100 )
+     * 		.stroke( g.id );
+     *
+     * ```
+     */
+    linear_gradient(x1, y1, x2, y2) {
         const grad = new SVGGradient(x1, y1, x2, y2);
         this.m_items.push(grad);
         return grad;

package/lib/esm/treeview.js

@@ -482,7 +482,8 @@ export class TreeView extends VLayout {
                     text: node.name,
                     parent: node.parent,
                     cls: node.cls,
-                    icon: node.icon
+                    icon: node.icon,
+                    data: node.data,
                 };
                 if (!node.leaf) {
                     elem.children = [];

package/lib/esm/version.js

@@ -26,4 +26,4 @@
 * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
 * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 **/
-export const x4js_version = "1.5.12";
+export const x4js_version = "1.5.15";

package/lib/src/checkbox.ts

@@ -103,6 +103,7 @@ export class CheckBox extends Component<CheckBoxProps, CheckBoxEventMap> {
 					change: this._change.bind(this),
 				}
 			}),
+			props.slider ? new Component( { cls: '@slide-el' } ) : null,
 			new Label({
 				text: props.text ?? '',
 				width: labelWidth < 0 ? undefined : labelWidth,
@@ -114,7 +115,7 @@ export class CheckBox extends Component<CheckBoxProps, CheckBoxEventMap> {
 				attrs: {
 					"for": uid
 				}
-			})
+			}),
 		]);
 	}
 

package/lib/src/form.ts

@@ -337,7 +337,8 @@ export class Form<T extends FormProps = FormProps, E extends FormEventMap = Form
 	}
 
 	/**
-	 * 
+	 * to be abble to see the dirty flag, you need to call this method
+	 * cf. isDirty, setDirty
 	 */
 
 	watchChanges() {
@@ -356,10 +357,18 @@ export class Form<T extends FormProps = FormProps, E extends FormEventMap = Form
 		}
 	}
 
+	/**
+	 * cf. watchChanges
+	 */
+
 	setDirty(set = true) {
 		this.m_dirty = set;
 	}
 
+	/**
+	 * cf. watchChanges
+	 */
+
 	isDirty() {
 		return this.m_dirty;
 	}

package/lib/src/spreadsheet.ts

@@ -192,8 +192,15 @@ export class Spreadsheet extends VLayout<SpreadsheetProps, SpreadsheetEventSet>
 		this.update(10);
 	}
 
-	reset(columns: ColProp[]) {
-		this.m_columns = columns;
+	/**
+	 * reset the spreadsheet
+	 * @param columns 
+	 */
+	reset(columns?: ColProp[]) {
+		if( columns ) {
+			this.m_columns = columns;
+		}
+		
 		this.m_cells_data = new Map<number, CellData>();
 		this.m_rows_data = new Map<number, string>();
 		this.update(10);

package/lib/src/svgcomponent.ts

@@ -28,7 +28,7 @@
 **/
 
 import { Component, CProps, _x4_unitless } from './component'
-import { isNumber } from "./tools"
+import { isNumber, isString } from "./tools"
 
 const reNumber = /^-?\d+(\.\d+)?$/;
 
@@ -208,6 +208,30 @@ abstract class SVGItem {
 		this.attr( "clip-path", `url(#${id})` );
 		return this;
 	}
+
+	/**
+	 * 
+	 */
+
+	transform( tr: string ) {
+		this.attr( "transform", tr );
+	}
+
+	/**
+	 * 
+	 */
+
+	rotate( deg: number, cx: number, cy: number ) {
+		this.transform( `rotate( ${deg} ${cx} ${cy} )` );
+	}
+
+	translate( dx: number, dy: number ) {
+		this.transform( `translate( ${dx} ${dy} )` );
+	}
+
+	scale( x: number ) {
+		this.transform( `scale( ${x} )` );
+	}
 }
 
 /**
@@ -359,22 +383,24 @@ class SVGShape extends SVGItem {
  * 
  */
 
+type number_or_perc = number | `${string}%`
+
 class SVGGradient extends SVGItem {
 
 	private static g_id = 1;
 
 	private m_id: string;
-	private m_stops: { offset: number, color: string } [];
+	private m_stops: { offset: number_or_perc, color: string } [];
 
-	constructor( x1: number, y1: number, x2: number, y2: number ) {
+	constructor( x1: number_or_perc, y1: number_or_perc, x2: number_or_perc, y2: number_or_perc ) {
 		super( 'linearGradient')
 		
 		this.m_id = 'gx-'+SVGGradient.g_id;
 		this.attr( 'id', this.m_id );
-		this.attr( 'x1', num(x1)+'' );
-		this.attr( 'x2', num(x2)+'' );
-		this.attr( 'y1', num(y1)+'' );
-		this.attr( 'y2', num(y2)+'' );
+		this.attr( 'x1', isString(x1) ? x1 : num(x1)+'' );
+		this.attr( 'x2', isString(x2) ? x2 : num(x2)+'' );
+		this.attr( 'y1', isString(y1) ? y1 : num(y1)+'' );
+		this.attr( 'y2', isString(y2) ? y2 : num(y2)+'' );
 
 		this.m_stops = [];
 		SVGGradient.g_id++;
@@ -384,7 +410,7 @@ class SVGGradient extends SVGItem {
 		return 'url(#'+this.m_id+')';
 	}
 
-	addStop( offset: number, color: string ): this {
+	addStop( offset: number_or_perc, color: string ): this {
 		this.m_stops.push( {offset,color} );
 		return this;
 	}
@@ -445,7 +471,21 @@ class SVGGroup extends SVGItem {
 		return shape;
 	}
 
-	gradient( x1, y1, x2, y2 ) {
+	/**
+	 * 
+	 * example
+	 * ```ts
+	 * const g = c.linear_gradient( '0%', '0%', '0%', '100%' )
+	 * 				.addStop( 0, 'red' )
+	 * 				.addStop( 100, 'green' );
+	 * 
+	 * p.rect( 0, 0, 100, 100 )
+	 * 		.stroke( g.id );
+	 * 
+	 * ```
+	 */
+
+	linear_gradient( x1: number_or_perc, y1: number_or_perc, x2: number_or_perc, y2: number_or_perc ) {
 		const grad = new SVGGradient( x1, y1, x2, y2 );
 		this.m_items.push( grad );
 		return grad;

package/lib/src/treeview.ts

@@ -49,6 +49,7 @@ export interface HierarchicalNode {
 	cls?: string;
 	leaf?: boolean
 	icon?: string;
+	data?: any;
 }
 
 export interface TreeNode {
@@ -659,8 +660,9 @@ export class TreeView extends VLayout<TreeViewProps, TreeViewEventMap> {
 					id: node.id,
 					text: node.name,
 					parent: node.parent,
-					cls: node.cls
-					icon: node.icon
+					cls: node.cls,
+					icon: node.icon,
+					data: node.data,
 				};
 
 				if (!node.leaf) {

package/lib/src/version.ts

@@ -27,4 +27,4 @@
 * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 **/
 
-export const x4js_version = "1.5.12";
+export const x4js_version = "1.5.15";

package/lib/src/x4.less

@@ -812,41 +812,46 @@ textarea {
 		height: 1px;
 	}
 
-	.x-label:before {
-		box-sizing: border-box;
-		position: absolute;
-		left: 0px;
-		top: 3px;
-		content: "";
-		display: inline-block;
+	.x-slide-el {
 		width: 2.4em;
 		height: 1.4em;
-		border-radius: 1.4rem;
-		padding: 2px;
-		background-color: @BLACK30;
-		transition: all .2s;
-		border: 1px solid @WHITE50
-	}
-
-	// circle
-	.x-label:after {
-		box-sizing: border-box;
-		content: "";
-		top: 5px;
-		height: calc(1.4em - 4px);
-		width: calc(1.4em - 4px);
-		border-radius: 50%;
-		background-color: #fff;
-		transition: all .2s;
-		position: absolute;
-		left: 2px;
+
+		&:before {
+			box-sizing: border-box;
+			position: absolute;
+			left: 0px;
+			top: 0px;
+			content: "";
+			display: inline-block;
+			width: 2.4em;
+			height: 1.4em;
+			border-radius: 1.4rem;
+			padding: 2px;
+			background-color: @BLACK30;
+			transition: all .2s;
+			border: 1px solid @WHITE50
+		}
+
+		// circle
+		&:after {
+			box-sizing: border-box;
+			content: "";
+			top: 2px;
+			height: calc(1.4em - 4px);
+			width: calc(1.4em - 4px);
+			border-radius: 50%;
+			background-color: #fff;
+			transition: all .2s;
+			position: absolute;
+			left: 2px;
+		}
 	}
 
-	input:checked + .x-label:before {
+	input:checked + .x-slide-el:before {
 		background-color: var( --x4-selection-color );
 	}
 
-	input:checked + .x-label:after {
+	input:checked + .x-slide-el:after {
 		left: calc( 1em + 2px);
 		background-color: white;
 	}

package/lib/styles/x4.css

@@ -646,11 +646,15 @@ textarea::selection {
   width: 1px;
   height: 1px;
 }
-.x-check-box.slider .x-label:before {
+.x-check-box.slider .x-slide-el {
+  width: 2.4em;
+  height: 1.4em;
+}
+.x-check-box.slider .x-slide-el:before {
   box-sizing: border-box;
   position: absolute;
   left: 0px;
-  top: 3px;
+  top: 0px;
   content: "";
   display: inline-block;
   width: 2.4em;
@@ -661,10 +665,10 @@ textarea::selection {
   transition: all 0.2s;
   border: 1px solid rgba(255, 255, 255, 0.5);
 }
-.x-check-box.slider .x-label:after {
+.x-check-box.slider .x-slide-el:after {
   box-sizing: border-box;
   content: "";
-  top: 5px;
+  top: 2px;
   height: calc(1.4em - 4px);
   width: calc(1.4em - 4px);
   border-radius: 50%;
@@ -673,10 +677,10 @@ textarea::selection {
   position: absolute;
   left: 2px;
 }
-.x-check-box.slider input:checked + .x-label:before {
+.x-check-box.slider input:checked + .x-slide-el:before {
   background-color: var(--x4-selection-color);
 }
-.x-check-box.slider input:checked + .x-label:after {
+.x-check-box.slider input:checked + .x-slide-el:after {
   left: calc(1em + 2px);
   background-color: white;
 }

package/lib/styles/x4.less

@@ -812,41 +812,46 @@ textarea {
 		height: 1px;
 	}
 
-	.x-label:before {
-		box-sizing: border-box;
-		position: absolute;
-		left: 0px;
-		top: 3px;
-		content: "";
-		display: inline-block;
+	.x-slide-el {
 		width: 2.4em;
 		height: 1.4em;
-		border-radius: 1.4rem;
-		padding: 2px;
-		background-color: @BLACK30;
-		transition: all .2s;
-		border: 1px solid @WHITE50
-	}
-
-	// circle
-	.x-label:after {
-		box-sizing: border-box;
-		content: "";
-		top: 5px;
-		height: calc(1.4em - 4px);
-		width: calc(1.4em - 4px);
-		border-radius: 50%;
-		background-color: #fff;
-		transition: all .2s;
-		position: absolute;
-		left: 2px;
+
+		&:before {
+			box-sizing: border-box;
+			position: absolute;
+			left: 0px;
+			top: 0px;
+			content: "";
+			display: inline-block;
+			width: 2.4em;
+			height: 1.4em;
+			border-radius: 1.4rem;
+			padding: 2px;
+			background-color: @BLACK30;
+			transition: all .2s;
+			border: 1px solid @WHITE50
+		}
+
+		// circle
+		&:after {
+			box-sizing: border-box;
+			content: "";
+			top: 2px;
+			height: calc(1.4em - 4px);
+			width: calc(1.4em - 4px);
+			border-radius: 50%;
+			background-color: #fff;
+			transition: all .2s;
+			position: absolute;
+			left: 2px;
+		}
 	}
 
-	input:checked + .x-label:before {
+	input:checked + .x-slide-el:before {
 		background-color: var( --x4-selection-color );
 	}
 
-	input:checked + .x-label:after {
+	input:checked + .x-slide-el:after {
 		left: calc( 1em + 2px);
 		background-color: white;
 	}

package/lib/types/form.d.ts

@@ -118,9 +118,16 @@ export declare class Form<T extends FormProps = FormProps, E extends FormEventMa
      */
     submit(cfg: RequestProps, cbvalidation: Function): false | Function;
     /**
-     *
+     * to be abble to see the dirty flag, you need to call this method
+     * cf. isDirty, setDirty
      */
     watchChanges(): void;
+    /**
+     * cf. watchChanges
+     */
     setDirty(set?: boolean): void;
+    /**
+     * cf. watchChanges
+     */
     isDirty(): boolean;
 }

package/lib/types/spreadsheet.d.ts

@@ -95,7 +95,11 @@ export declare class Spreadsheet extends VLayout<SpreadsheetProps, SpreadsheetEv
     setColWidth(col: number, width: number): void;
     getColWidth(col: number): number;
     setColTitle(col: number, title: string): void;
-    reset(columns: ColProp[]): void;
+    /**
+     * reset the spreadsheet
+     * @param columns
+     */
+    reset(columns?: ColProp[]): void;
     /**
      * insert a row
      * @param before row number before wich insert the new row

package/lib/types/svgcomponent.d.ts

@@ -84,6 +84,16 @@ declare abstract class SVGItem {
      *
      */
     clip(id: string): this;
+    /**
+     *
+     */
+    transform(tr: string): void;
+    /**
+     *
+     */
+    rotate(deg: number, cx: number, cy: number): void;
+    translate(dx: number, dy: number): void;
+    scale(x: number): void;
 }
 /**
  *
@@ -143,13 +153,14 @@ declare class SVGShape extends SVGItem {
 /**
  *
  */
+type number_or_perc = number | `${string}%`;
 declare class SVGGradient extends SVGItem {
     private static g_id;
     private m_id;
     private m_stops;
-    constructor(x1: number, y1: number, x2: number, y2: number);
+    constructor(x1: number_or_perc, y1: number_or_perc, x2: number_or_perc, y2: number_or_perc);
     get id(): string;
-    addStop(offset: number, color: string): this;
+    addStop(offset: number_or_perc, color: string): this;
     renderContent(): string;
 }
 /**
@@ -162,7 +173,20 @@ declare class SVGGroup extends SVGItem {
     text(x: any, y: any, txt: any): SVGText;
     ellipse(x: any, y: any, r1: any, r2?: any): SVGShape;
     rect(x: any, y: any, w: any, h: any): SVGShape;
-    gradient(x1: any, y1: any, x2: any, y2: any): SVGGradient;
+    /**
+     *
+     * example
+     * ```ts
+     * const g = c.linear_gradient( '0%', '0%', '0%', '100%' )
+     * 				.addStop( 0, 'red' )
+     * 				.addStop( 100, 'green' );
+     *
+     * p.rect( 0, 0, 100, 100 )
+     * 		.stroke( g.id );
+     *
+     * ```
+     */
+    linear_gradient(x1: number_or_perc, y1: number_or_perc, x2: number_or_perc, y2: number_or_perc): SVGGradient;
     /**
      * clear
      */

package/lib/types/treeview.d.ts

@@ -41,6 +41,7 @@ export interface HierarchicalNode {
     cls?: string;
     leaf?: boolean;
     icon?: string;
+    data?: any;
 }
 export interface TreeNode {
     id: any;

package/lib/types/version.d.ts

@@ -26,4 +26,4 @@
 * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
 * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 **/
-export declare const x4js_version = "1.5.12";
+export declare const x4js_version = "1.5.15";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "x4js",
-	"version": "1.5.12",
+	"version": "1.5.15",
 	"description": "X4js core files",
 	"main": "lib/cjs/index.js",
 	"types": "lib/types/index.d.ts",