x4js 1.5.8 → 1.5.11

package/lib/cjs/textarea.js

@@ -95,6 +95,12 @@ class TextArea extends component_1.Component {
             }
         }
     }
+    get text() {
+        return this.value;
+    }
+    set text(text) {
+        this.value = text;
+    }
     _calcHeight(text) {
         return 1 + (text.match(/\n/g) || []).length;
     }
@@ -107,15 +113,46 @@ class TextArea extends component_1.Component {
         }
     }
     /**
+     * @deprected use appendText
      * insert text at cursor position
      */
     insertText(text) {
+        this.appendText(text);
+    }
+    /**
+     * append the text
+     */
+    appendText(text) {
+        if (this.dom) {
+            let dom = this.dom;
+            let end = dom.selectionEnd;
+            dom.setRangeText(text, end, end, "end");
+        }
+    }
+    replaceText(text) {
         if (this.dom) {
             let dom = this.dom;
-            let start = dom.selectionStart;
             dom.setRangeText(text);
-            dom.selectionStart = start;
-            dom.selectionEnd = start + text.length;
+        }
+    }
+    getSelection() {
+        if (this.dom) {
+            let dom = this.dom;
+            return { start: dom.selectionStart, end: dom.selectionEnd };
+        }
+        else {
+            return { start: 0, end: 0 };
+        }
+    }
+    setSelection(sel) {
+        if (this.dom) {
+            let dom = this.dom;
+            if (sel.start !== undefined) {
+                dom.selectionStart = sel.start;
+            }
+            if (sel.end !== undefined) {
+                dom.selectionEnd = sel.end;
+            }
         }
     }
     getStoreValue() {

package/lib/cjs/treeview.js

@@ -157,6 +157,12 @@ class TreeView extends layout_1.VLayout {
         this.m_props.root = root;
         this.update();
     }
+    openAll(open = true) {
+        this.forEach((node) => {
+            node.open = open;
+        });
+        this.__update();
+    }
     /**
      * same as root = xxx but keep elements open
      */
@@ -169,7 +175,9 @@ class TreeView extends layout_1.VLayout {
             return false;
         });
         let oldSel = this.selection;
-        this.m_props.root = root;
+        if (root) {
+            this.m_props.root = root;
+        }
         this.forEach((node) => {
             if (openList.indexOf(node.id) >= 0) {
                 node.open = true;
@@ -478,6 +486,7 @@ class TreeView extends layout_1.VLayout {
                     id: node.id,
                     text: node.name,
                     parent: node.parent,
+                    cls: node.cls
                 };
                 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.7";
+exports.x4js_version = "1.5.11";

package/lib/esm/textarea.js

@@ -91,6 +91,12 @@ export class TextArea extends Component {
             }
         }
     }
+    get text() {
+        return this.value;
+    }
+    set text(text) {
+        this.value = text;
+    }
     _calcHeight(text) {
         return 1 + (text.match(/\n/g) || []).length;
     }
@@ -103,15 +109,46 @@ export class TextArea extends Component {
         }
     }
     /**
+     * @deprected use appendText
      * insert text at cursor position
      */
     insertText(text) {
+        this.appendText(text);
+    }
+    /**
+     * append the text
+     */
+    appendText(text) {
+        if (this.dom) {
+            let dom = this.dom;
+            let end = dom.selectionEnd;
+            dom.setRangeText(text, end, end, "end");
+        }
+    }
+    replaceText(text) {
         if (this.dom) {
             let dom = this.dom;
-            let start = dom.selectionStart;
             dom.setRangeText(text);
-            dom.selectionStart = start;
-            dom.selectionEnd = start + text.length;
+        }
+    }
+    getSelection() {
+        if (this.dom) {
+            let dom = this.dom;
+            return { start: dom.selectionStart, end: dom.selectionEnd };
+        }
+        else {
+            return { start: 0, end: 0 };
+        }
+    }
+    setSelection(sel) {
+        if (this.dom) {
+            let dom = this.dom;
+            if (sel.start !== undefined) {
+                dom.selectionStart = sel.start;
+            }
+            if (sel.end !== undefined) {
+                dom.selectionEnd = sel.end;
+            }
         }
     }
     getStoreValue() {

package/lib/esm/treeview.js

@@ -155,6 +155,12 @@ export class TreeView extends VLayout {
         this.m_props.root = root;
         this.update();
     }
+    openAll(open = true) {
+        this.forEach((node) => {
+            node.open = open;
+        });
+        this.__update();
+    }
     /**
      * same as root = xxx but keep elements open
      */
@@ -167,7 +173,9 @@ export class TreeView extends VLayout {
             return false;
         });
         let oldSel = this.selection;
-        this.m_props.root = root;
+        if (root) {
+            this.m_props.root = root;
+        }
         this.forEach((node) => {
             if (openList.indexOf(node.id) >= 0) {
                 node.open = true;
@@ -471,6 +479,7 @@ export class TreeView extends VLayout {
                     id: node.id,
                     text: node.name,
                     parent: node.parent,
+                    cls: node.cls
                 };
                 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.7";
+export const x4js_version = "1.5.11";

package/lib/src/textarea.ts

@@ -35,6 +35,11 @@ interface TextAreaEventMap extends CEventMap {
 	change: EvChange;
 }
 
+interface Selection {
+	start: number;
+	end: number;
+}
+
 export interface TextAreaProps extends CProps {
 	text?: string;
 	readOnly?: boolean;
@@ -133,6 +138,14 @@ export class TextArea extends Component<TextAreaProps, TextAreaEventMap> {
 			}
 		}
 	}
+	
+	get text( ): string {
+		return this.value;
+	}
+
+	set text( text: string ) {
+		this.value = text;
+	}
 
 	private _calcHeight(text: string): number {
 		return 1 + (text.match(/\n/g) || []).length;
@@ -149,21 +162,56 @@ export class TextArea extends Component<TextAreaProps, TextAreaEventMap> {
 	}
 
 	/**
+	 * @deprected use appendText
 	 * insert text at cursor position
 	 */
 
 	public insertText(text) {
+		this.appendText( text );
+	}
+
+	/**
+	 * append the text
+	 */
+
+	public appendText( text ) {
 		if (this.dom) {
 			let dom = (<HTMLTextAreaElement>this.dom);
+			let end = dom.selectionEnd;
+			dom.setRangeText(text,end,end,"end");
+		}
+	}
 
-			let start = dom.selectionStart;
+	public replaceText( text ) {
+		if (this.dom) {
+			let dom = (<HTMLTextAreaElement>this.dom);
 			dom.setRangeText(text);
-			dom.selectionStart = start;
-			dom.selectionEnd = start + text.length;
 		}
 	}
-	
 
+	public getSelection( ) : Selection {
+		if (this.dom) {
+			let dom = (<HTMLTextAreaElement>this.dom);
+			return { start: dom.selectionStart, end: dom.selectionEnd };
+		}
+		else {
+			return {start: 0, end: 0 };
+		}
+	}
+
+	public setSelection( sel : Selection ) {
+		if (this.dom) {
+			let dom = (<HTMLTextAreaElement>this.dom);
+			if( sel.start!==undefined ) {
+				dom.selectionStart = sel.start;
+			}
+
+			if( sel.end!==undefined ) {
+				dom.selectionEnd = sel.end;
+			}
+		}
+	}
+	
 	public getStoreValue( ): any {
 		return this.value;
 	}

package/lib/src/treeview.ts

@@ -46,6 +46,7 @@ export interface HierarchicalNode {
 	id: number;
 	parent: number;
 	name: string;
+	cls: string;
 	leaf: boolean
 }
 
@@ -239,6 +240,14 @@ export class TreeView extends VLayout<TreeViewProps, TreeViewEventMap> {
 		this.update();
 	}
 
+	openAll( open = true) {
+		this.forEach((node: TreeNode) => {
+			node.open = open;
+		});
+
+		this.__update( )
+	}
+
 	/**
 	 * same as root = xxx but keep elements open
 	 */
@@ -255,7 +264,9 @@ export class TreeView extends VLayout<TreeViewProps, TreeViewEventMap> {
 		});
 
 		let oldSel = this.selection;
-		this.m_props.root = root;
+		if( root ) {
+			this.m_props.root = root;
+		}
 
 		this.forEach((node: TreeNode): boolean => {
 
@@ -366,7 +377,7 @@ export class TreeView extends VLayout<TreeViewProps, TreeViewEventMap> {
 	 * 
 	 */
 
-	forEach(cb: (node) => boolean) {
+	forEach(cb: (node: TreeNode) => boolean | void ) {
 		let found = null;
 
 		function scan(node) {
@@ -645,6 +656,7 @@ export class TreeView extends VLayout<TreeViewProps, TreeViewEventMap> {
 					id: node.id,
 					text: node.name,
 					parent: node.parent,
+					cls: node.cls
 				};
 
 				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.7";
+export const x4js_version = "1.5.11";

package/lib/types/textarea.d.ts

@@ -31,6 +31,10 @@ import { EvChange, EventCallback } from './x4events';
 interface TextAreaEventMap extends CEventMap {
     change: EvChange;
 }
+interface Selection {
+    start: number;
+    end: number;
+}
 export interface TextAreaProps extends CProps {
     text?: string;
     readOnly?: boolean;
@@ -51,12 +55,22 @@ export declare class TextArea extends Component<TextAreaProps, TextAreaEventMap>
     componentCreated(): void;
     get value(): string;
     set value(t: string);
+    get text(): string;
+    set text(text: string);
     private _calcHeight;
     private _updateHeight;
     /**
+     * @deprected use appendText
      * insert text at cursor position
      */
     insertText(text: any): void;
+    /**
+     * append the text
+     */
+    appendText(text: any): void;
+    replaceText(text: any): void;
+    getSelection(): Selection;
+    setSelection(sel: Selection): void;
     getStoreValue(): any;
     setStoreValue(value: any): void;
 }

package/lib/types/treeview.d.ts

@@ -38,6 +38,7 @@ export interface HierarchicalNode {
     id: number;
     parent: number;
     name: string;
+    cls: string;
     leaf: boolean;
 }
 export interface TreeNode {
@@ -88,6 +89,7 @@ export declare class TreeView extends VLayout<TreeViewProps, TreeViewEventMap> {
     private __update;
     updateElement(id: any): void;
     set root(root: TreeNode);
+    openAll(open?: boolean): void;
     /**
      * same as root = xxx but keep elements open
      */
@@ -98,7 +100,7 @@ export declare class TreeView extends VLayout<TreeViewProps, TreeViewEventMap> {
     /**
      *
      */
-    forEach(cb: (node: any) => boolean): any;
+    forEach(cb: (node: TreeNode) => boolean | void): any;
     ensureVisible(id: any): void;
     set selection(id: any);
     private _getNode;

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.7";
+export declare const x4js_version = "1.5.11";

package/package.json

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