@shapediver/viewer.shared.node-tree 2.3.4 → 2.4.0

package/dist/implementation/three/Tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../../src/implementation/three/Tree.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG/C,qBACa,IAAK,SAAQ,YAAY,CAAC,gBAAgB,CAAE,YAAW,YAAY;;CAI/E"}

package/dist/implementation/three/Tree.js

@@ -0,0 +1,26 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tree = void 0;
+const tsyringe_1 = require("tsyringe");
+const AbstractTree_1 = require("../AbstractTree");
+const TreeNodeThreejs_1 = require("./TreeNodeThreejs");
+let Tree = class Tree extends AbstractTree_1.AbstractTree {
+    constructor() {
+        super(new TreeNodeThreejs_1.TreeNodeThreeJs('root'));
+    }
+};
+Tree = __decorate([
+    (0, tsyringe_1.singleton)(),
+    __metadata("design:paramtypes", [])
+], Tree);
+exports.Tree = Tree;
+//# sourceMappingURL=Tree.js.map

package/dist/implementation/three/Tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.js","sourceRoot":"","sources":["../../../src/implementation/three/Tree.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,uCAAqC;AAGrC,kDAA+C;AAC/C,uDAAoD;AAGpD,IAAa,IAAI,GAAjB,MAAa,IAAK,SAAQ,2BAA8B;IACpD;QACI,KAAK,CAAC,IAAI,iCAAe,CAAC,MAAM,CAAC,CAAC,CAAA;IACtC,CAAC;CACJ,CAAA;AAJY,IAAI;IADhB,IAAA,oBAAS,GAAE;;GACC,IAAI,CAIhB;AAJY,oBAAI"}

package/dist/implementation/three/TreeNodeThreejs.d.ts

@@ -0,0 +1,12 @@
+import { ITreeNodeDataThreeJs } from "../../interfaces/three/ITreeNodeDataThreeJs";
+import { ITreeNodeThreeJs } from "../../interfaces/three/ITreeNodeThreeJs";
+import { AbstractTreeNode } from "../AbstractTreeNode";
+export declare class TreeNodeThreeJs extends AbstractTreeNode<ITreeNodeThreeJs, ITreeNodeDataThreeJs> implements ITreeNodeThreeJs {
+    #private;
+    get threeJsObject(): {
+        [key: string]: THREE.Object3D;
+    };
+    get updateCallbackThreeJsObject(): ((newObj: THREE.Object3D, oldObj: THREE.Object3D, viewport: string) => void) | null;
+    set updateCallbackThreeJsObject(value: ((newObj: THREE.Object3D, oldObj: THREE.Object3D, viewport: string) => void) | null);
+}
+//# sourceMappingURL=TreeNodeThreejs.d.ts.map

package/dist/implementation/three/TreeNodeThreejs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeNodeThreejs.d.ts","sourceRoot":"","sources":["../../../src/implementation/three/TreeNodeThreejs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AACnF,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,qBAAa,eAAgB,SAAQ,gBAAgB,CAAC,gBAAgB,EAAE,oBAAoB,CAAE,YAAW,gBAAgB;;IAIrH,IAAW,aAAa,IAAI;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAA;KAAE,CAE5D;IAED,IAAW,2BAA2B,IAAI,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,CAE5H;IAED,IAAW,2BAA2B,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,EAEhI;CACJ"}

package/dist/implementation/three/TreeNodeThreejs.js

@@ -0,0 +1,35 @@
+"use strict";
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _TreeNodeThreeJs_threeJsObject, _TreeNodeThreeJs_updateCallbackThreeJsObject;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TreeNodeThreeJs = void 0;
+const AbstractTreeNode_1 = require("../AbstractTreeNode");
+class TreeNodeThreeJs extends AbstractTreeNode_1.AbstractTreeNode {
+    constructor() {
+        super(...arguments);
+        _TreeNodeThreeJs_threeJsObject.set(this, {});
+        _TreeNodeThreeJs_updateCallbackThreeJsObject.set(this, null);
+    }
+    get threeJsObject() {
+        return __classPrivateFieldGet(this, _TreeNodeThreeJs_threeJsObject, "f");
+    }
+    get updateCallbackThreeJsObject() {
+        return __classPrivateFieldGet(this, _TreeNodeThreeJs_updateCallbackThreeJsObject, "f");
+    }
+    set updateCallbackThreeJsObject(value) {
+        __classPrivateFieldSet(this, _TreeNodeThreeJs_updateCallbackThreeJsObject, value, "f");
+    }
+}
+exports.TreeNodeThreeJs = TreeNodeThreeJs;
+_TreeNodeThreeJs_threeJsObject = new WeakMap(), _TreeNodeThreeJs_updateCallbackThreeJsObject = new WeakMap();
+//# sourceMappingURL=TreeNodeThreejs.js.map

package/dist/implementation/three/TreeNodeThreejs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeNodeThreejs.js","sourceRoot":"","sources":["../../../src/implementation/three/TreeNodeThreejs.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAEA,0DAAuD;AAEvD,MAAa,eAAgB,SAAQ,mCAAwD;IAA7F;;QACI,yCAAoD,EAAE,EAAC;QACvD,uDAAoH,IAAI,EAAC;IAa7H,CAAC;IAXG,IAAW,aAAa;QACpB,OAAO,uBAAA,IAAI,sCAAe,CAAC;IAC/B,CAAC;IAED,IAAW,2BAA2B;QAClC,OAAO,uBAAA,IAAI,oDAA6B,CAAC;IAC7C,CAAC;IAED,IAAW,2BAA2B,CAAC,KAA0F;QAC7H,uBAAA,IAAI,gDAAgC,KAAK,MAAA,CAAC;IAC9C,CAAC;CACJ;AAfD,0CAeC"}

package/dist/index.d.ts

@@ -1,11 +1,11 @@
-import { ITreeNodeData } from './interfaces/ITreeNodeData';
-import { AbstractTreeNodeData } from './implementation/AbstractTreeNodeData';
-import { ISDObject } from './interfaces/ISDObject';
-import { ITree } from './interfaces/ITree';
-import { Tree } from './implementation/Tree';
-import { ITransformation, ITreeNode } from './interfaces/ITreeNode';
-import { TreeNode } from './implementation/TreeNode';
-export { ITree, Tree };
-export { ITreeNode, TreeNode, ITransformation };
-export { ITreeNodeData, ISDObject, AbstractTreeNodeData };
+import { ITransformation } from './interfaces/ITreeNode';
+import { TreeNodeThreeJs } from './implementation/three/TreeNodeThreejs';
+import { ITreeNodeThreeJs } from './interfaces/three/ITreeNodeThreeJs';
+import { Tree } from './implementation/three/Tree';
+import { ITreeThreeJs } from './interfaces/three/ITreeThreeJs';
+import { ITreeNodeDataThreeJs } from './interfaces/three/ITreeNodeDataThreeJs';
+import { AbstractTreeNodeDataThreeJs } from './implementation/three/AbstractTreeNodeDataThreeJs';
+export { ITreeThreeJs as ITree, Tree };
+export { ITreeNodeThreeJs as ITreeNode, TreeNodeThreeJs as TreeNode, ITransformation };
+export { ITreeNodeDataThreeJs as ITreeNodeData, AbstractTreeNodeDataThreeJs as AbstractTreeNodeData };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAA;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AAC5C,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AAEpD,OAAO,EACH,KAAK,EAAE,IAAI,EACd,CAAA;AAED,OAAO,EACH,SAAS,EAAE,QAAQ,EAAE,eAAe,EACvC,CAAA;AAED,OAAO,EACH,aAAa,EACb,SAAS,EACT,oBAAoB,EACvB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAA;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAA;AACtE,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAA;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAA;AAC9E,OAAO,EAAE,2BAA2B,EAAE,MAAM,oDAAoD,CAAA;AAEhG,OAAO,EACH,YAAY,IAAI,KAAK,EAAE,IAAI,EAC9B,CAAA;AAED,OAAO,EACH,gBAAgB,IAAI,SAAS,EAAE,eAAe,IAAI,QAAQ,EAAE,eAAe,EAC9E,CAAA;AAED,OAAO,EACH,oBAAoB,IAAI,aAAa,EAAE,2BAA2B,IAAI,oBAAoB,EAC7F,CAAA"}

package/dist/index.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AbstractTreeNodeData = exports.TreeNode = exports.Tree = void 0;
-const AbstractTreeNodeData_1 = require("./implementation/AbstractTreeNodeData");
-Object.defineProperty(exports, "AbstractTreeNodeData", { enumerable: true, get: function () { return AbstractTreeNodeData_1.AbstractTreeNodeData; } });
-const Tree_1 = require("./implementation/Tree");
+const TreeNodeThreejs_1 = require("./implementation/three/TreeNodeThreejs");
+Object.defineProperty(exports, "TreeNode", { enumerable: true, get: function () { return TreeNodeThreejs_1.TreeNodeThreeJs; } });
+const Tree_1 = require("./implementation/three/Tree");
 Object.defineProperty(exports, "Tree", { enumerable: true, get: function () { return Tree_1.Tree; } });
-const TreeNode_1 = require("./implementation/TreeNode");
-Object.defineProperty(exports, "TreeNode", { enumerable: true, get: function () { return TreeNode_1.TreeNode; } });
+const AbstractTreeNodeDataThreeJs_1 = require("./implementation/three/AbstractTreeNodeDataThreeJs");
+Object.defineProperty(exports, "AbstractTreeNodeData", { enumerable: true, get: function () { return AbstractTreeNodeDataThreeJs_1.AbstractTreeNodeDataThreeJs; } });
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AACA,gFAA4E;AAkBxE,qGAlBK,2CAAoB,OAkBL;AAfxB,gDAA4C;AAKjC,qFALF,WAAI,OAKE;AAHf,wDAAoD;AAOrC,yFAPN,mBAAQ,OAOM"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AACA,4EAAwE;AAYlB,yFAZ7C,iCAAe,OAYsC;AAV9D,sDAAkD;AAMvB,qFANlB,WAAI,OAMkB;AAH/B,oGAAgG;AAWtB,qGAXjE,yDAA2B,OAW0D"}

package/dist/interfaces/ITree.d.ts

@@ -1,6 +1,10 @@
 import { ITreeNode } from "./ITreeNode";
-export interface ITree {
-    readonly root: ITreeNode;
+import { ITreeNodeData } from "./ITreeNodeData";
+export interface ITree<T extends ITreeNode<any, ITreeNodeData<any>>> {
+    /**
+     * The root of the tree.
+     */
+    readonly root: T;
     /**
      * Add the node as a child of the corresponding parent node.
      *
@@ -8,7 +12,7 @@ export interface ITree {
      * @param parent the targeted parent node
      * @param root optional root at which the process begins, root node will be used per default
      */
-    addNode(node: ITreeNode, parent?: ITreeNode, root?: ITreeNode): boolean;
+    addNode(node: T, parent?: T, root?: T): boolean;
     /**
      * Add the node at the corresponding path. (paths are dot separated ids)
      *
@@ -16,7 +20,7 @@ export interface ITree {
      * @param path the path at which the node should be added
      * @param root optional root at which the process begins, root node will be used per default
      */
-    addNodeAtPath(node: ITreeNode, path?: string, root?: ITreeNode): boolean;
+    addNodeAtPath(node: T, path?: string, root?: T): boolean;
     /**
      * Get the node at the provided path.
      *
@@ -24,20 +28,20 @@ export interface ITree {
      * @param root
      * @returns
      */
-    getNodeAtPath(path?: string, root?: ITreeNode): ITreeNode | null;
+    getNodeAtPath(path?: string, root?: T): T | null;
     /**
      * Remove a node from the tree.
      *
      * @param node the node to remove
      * @param root optional root at which the process begins, root node will be used per default
      */
-    removeNode(node: ITreeNode, root?: ITreeNode): boolean;
+    removeNode(node: T, root?: T): boolean;
     /**
      * Remove a node via the path of it.
      *
      * @param path the path of the node to be removed
      * @param root optional root at which the process begins, root node will be used per default
      */
-    removeNodeAtPath(path: string, root?: ITreeNode): boolean;
+    removeNodeAtPath(path: string, root?: T): boolean;
 }
 //# sourceMappingURL=ITree.d.ts.map

package/dist/interfaces/ITree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ITree.d.ts","sourceRoot":"","sources":["../../src/interfaces/ITree.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,WAAW,KAAK;IAGlB,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;IAMzB;;;;;;OAMG;IACH,OAAO,CAAC,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAExE;;;;;;OAMG;IACH,aAAa,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAEzE;;;;;;OAMG;IACH,aAAa,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,IAAI,CAAC;IAEjE;;;;;OAKG;IACH,UAAU,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAEvD;;;;;OAKG;IACH,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAG7D"}
+{"version":3,"file":"ITree.d.ts","sourceRoot":"","sources":["../../src/interfaces/ITree.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,WAAW,KAAK,CAAC,CAAC,SAAS,SAAS,CAAC,GAAG,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAG/D;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;IAMjB;;;;;;OAMG;IACH,OAAO,CAAC,IAAI,EAAE,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC;IAEhD;;;;;;OAMG;IACH,aAAa,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC;IAEzD;;;;;;OAMG;IACH,aAAa,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IAEjD;;;;;OAKG;IACH,UAAU,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC;IAEvC;;;;;OAKG;IACH,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC;CAGrD"}

package/dist/interfaces/ITreeNode.d.ts

@@ -1,44 +1,99 @@
 import { mat4 } from 'gl-matrix';
 import { IBox } from '@shapediver/viewer.shared.math';
 import { ITreeNodeData } from './ITreeNodeData';
-import { ISDObject } from './ISDObject';
 export interface ITransformation {
     id: string;
     matrix: mat4;
 }
-export interface ITreeNode {
-    readonly children: ITreeNode[];
-    readonly data: ITreeNodeData[];
+export interface ITreeNode<T extends ITreeNode<any, ITreeNodeData<any>>, U extends ITreeNodeData<any>> {
+    /**
+     * The bounding box of this tree node.
+     */
+    readonly boundingBox: IBox;
+    /**
+     * The children of this tree node. Can be added and remove via {@link addChild} and {@link removeChild}.
+     */
+    readonly children: T[];
+    /**
+     * The data of this tree node.
+     * The data can include Geometry, Materials, Lights, Cameras, but also informational or custom data.
+     *
+     * Can be added and remove via {@link addData} and {@link removeData}.
+     */
+    readonly data: U[];
+    /**
+     * The ID of the tree node.
+     */
     readonly id: string;
-    readonly originalId: string;
+    /**
+     * The name of the tree node.
+     */
     readonly name: string;
-    readonly version: string;
-    readonly parent?: ITreeNode;
+    /**
+     * The matrix of the tree node.
+     * This is computed via all transformations in the {@link transformations} property.
+     */
     readonly nodeMatrix: mat4;
+    /**
+     * The original ID of the tree node, if it was copied.
+     */
+    readonly originalId: string;
+    /**
+     * The parent of the tree node.
+     * This property is automatically managed by {@link addChild} and {@link removeChild}.
+     */
+    readonly parent?: T;
+    /**
+     * The version of the tree node.
+     * If the version changes, the node will be marked for an update.
+     * A version change can be triggered via {@link updateVersion}.
+     */
+    readonly version: string;
+    /**
+     * The world matrix of the tree node.
+     * This includes also the transformations of all parents.
+     */
     readonly worldMatrix: mat4;
-    readonly boundingBox: IBox;
-    readonly transformedNodes: {
-        [key: string]: ISDObject;
-    };
+    /**
+     * The inverse matrices for the bones, if specified.
+     */
+    boneInverses: mat4[];
+    /**
+     * The optional bones that build a skeleton for animations.
+     */
+    bones: T[];
+    /**
+     * The viewports to exclude this tree node from.
+     */
     excludeViewports: string[];
+    /**
+     * The viewports to restrict this tree node to.
+     */
     restrictViewports: string[];
+    /**
+     * Property to mark this node as a skin node. (default: false)
+     */
+    skinNode: boolean;
+    /**
+     * The transformation to be applied to this tree node.
+     */
     transformations: ITransformation[];
+    /**
+     * Option to make this tree node visible. (default: true)
+     */
     visible: boolean;
-    skinNode: boolean;
-    bones: ITreeNode[];
-    boneInverses: mat4[];
     /**
      * Add a child to the children of this node.
      *
      * @param child the child to add
      */
-    addChild(child: ITreeNode): boolean;
+    addChild(child: T): boolean;
     /**
      * Add a data item to node.
      *
      * @param data the data to add
      */
-    addData(data: ITreeNodeData): boolean;
+    addData(data: U): boolean;
     /**
      * Add a transformation to this node.
      *
@@ -50,40 +105,40 @@ export interface ITreeNode {
      * The data objects like GeometryData, MaterialData, etc. are cloned as well.
      * Depending on the size of the node and the amount of children, this can therefore be relatively slow.
      */
-    clone(): ITreeNode;
+    clone(): T;
     /**
      * Clones this node and all its children.
      * The data objects like GeometryData, MaterialData, etc. are not copied in this case.
      */
-    cloneInstance(): ITreeNode;
+    cloneInstance(): T;
     /**
      * Returns the child with the specified id
     */
-    getChild(id: string): ITreeNode | undefined;
+    getChild(id: string): T | undefined;
     /**
      * Returns the data item with the specified id
     */
-    getData(id: string): ITreeNodeData | undefined;
-    /**
-     * Returns the transformation with the specified id
-    */
-    getTransformation(id: string): ITransformation | undefined;
+    getData(id: string): U | undefined;
     /**
      * Return the path to this node.
      */
     getPath(): string;
+    /**
+     * Returns the transformation with the specified id
+    */
+    getTransformation(id: string): ITransformation | undefined;
     /**
      * Check for existence of a child from the children of this node.
      *
      * @param child the child to check
      */
-    hasChild(child: ITreeNode): boolean;
+    hasChild(child: T): boolean;
     /**
      * Check for existence of a data item of this node.
      *
      * @param data the data item to check
      */
-    hasData(data: ITreeNodeData): boolean;
+    hasData(data: U): boolean;
     /**
      * Check for existence of a transformation of this node.
      *
@@ -95,13 +150,13 @@ export interface ITreeNode {
      *
      * @param child the child to remove
      */
-    removeChild(child: ITreeNode): boolean;
+    removeChild(child: T): boolean;
     /**
      * Remove a data item from this node.
      *
      * @param data the data to remove
      */
-    removeData(data: ITreeNodeData): boolean;
+    removeData(data: U): boolean;
     /**
      * Remove a transformation from this node.
      *
@@ -113,9 +168,9 @@ export interface ITreeNode {
      *
      * @param callback
      */
-    traverse(callback: (node: ITreeNode) => void): void;
+    traverse(callback: (node: T) => void): void;
     /**
-     * Update the version
+     * Update the version.
      */
     updateVersion(): void;
 }

package/dist/interfaces/ITreeNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ITreeNode.d.ts","sourceRoot":"","sources":["../../src/interfaces/ITreeNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAA;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,MAAM,WAAW,eAAe;IAG5B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,IAAI,CAAA;CAGf;AAED,MAAM,WAAW,SAAS;IAGtB,QAAQ,CAAC,QAAQ,EAAE,SAAS,EAAE,CAAC;IAC/B,QAAQ,CAAC,IAAI,EAAE,aAAa,EAAE,CAAC;IAE/B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC;IAE5B,QAAQ,CAAC,UAAU,EAAE,IAAI,CAAC;IAC1B,QAAQ,CAAC,WAAW,EAAE,IAAI,CAAC;IAE3B,QAAQ,CAAC,WAAW,EAAE,IAAI,CAAC;IAC3B,QAAQ,CAAC,gBAAgB,EAAE;QACvB,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;KAC3B,CAAC;IAEF,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,iBAAiB,EAAE,MAAM,EAAE,CAAC;IAE5B,eAAe,EAAE,eAAe,EAAE,CAAC;IACnC,OAAO,EAAE,OAAO,CAAC;IAEjB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,YAAY,EAAE,IAAI,EAAE,CAAC;IAMrB;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,SAAS,GAAG,OAAO,CAAC;IAEpC;;;;OAIG;IACH,OAAO,CAAC,IAAI,EAAE,aAAa,GAAG,OAAO,CAAC;IAEtC;;;;OAIG;IACH,iBAAiB,CAAC,cAAc,EAAE,eAAe,GAAG,OAAO,CAAC;IAE5D;;;;OAIG;IACH,KAAK,IAAI,SAAS,CAAC;IAEnB;;;OAGG;IACH,aAAa,IAAI,SAAS,CAAC;IAE3B;;MAEE;IACF,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;IAE5C;;MAEE;IACF,OAAO,CAAC,EAAE,EAAE,MAAM,GAAG,aAAa,GAAG,SAAS,CAAC;IAE/C;;MAEE;IACF,iBAAiB,CAAC,EAAE,EAAE,MAAM,GAAG,eAAe,GAAG,SAAS,CAAC;IAE3D;;OAEG;IACH,OAAO,IAAI,MAAM,CAAC;IAElB;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,SAAS,GAAG,OAAO,CAAC;IAEpC;;;;OAIG;IACH,OAAO,CAAC,IAAI,EAAE,aAAa,GAAG,OAAO,CAAC;IAEtC;;;;OAIG;IACH,iBAAiB,CAAC,cAAc,EAAE,eAAe,GAAG,OAAO,CAAC;IAE5D;;;;OAIG;IACH,WAAW,CAAC,KAAK,EAAE,SAAS,GAAG,OAAO,CAAC;IAEvC;;;;OAIG;IACH,UAAU,CAAC,IAAI,EAAE,aAAa,GAAG,OAAO,CAAC;IAEzC;;;;OAIG;IACH,oBAAoB,CAAC,cAAc,EAAE,eAAe,GAAG,OAAO,CAAC;IAE/D;;;;OAIG;IACH,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,GAAG,IAAI,CAAC;IAEpD;;OAEG;IACH,aAAa,IAAI,IAAI,CAAC;CAGzB"}
+{"version":3,"file":"ITreeNode.d.ts","sourceRoot":"","sources":["../../src/interfaces/ITreeNode.ts"],"names":[],"mappings":"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"}

package/dist/interfaces/ITreeNodeData.d.ts

@@ -1,7 +1,21 @@
-export interface ITreeNodeData {
+export interface ITreeNodeData<T extends ITreeNodeData<any>> {
+    /**
+     * The ID of the tree node data.
+     */
     id: string;
+    /**
+     * The version of the tree node data.
+     * If the version changes, the node data will be marked for an update.
+     * A version change can be triggered via {@link updateVersion}.
+     */
     version: string;
+    /**
+     * Clones this node tree data.
+     */
+    clone(): T;
+    /**
+     * Update the version.
+     */
     updateVersion(): void;
-    clone(): ITreeNodeData;
 }
 //# sourceMappingURL=ITreeNodeData.d.ts.map

package/dist/interfaces/ITreeNodeData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ITreeNodeData.d.ts","sourceRoot":"","sources":["../../src/interfaces/ITreeNodeData.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,IAAI,IAAI,CAAC;IACtB,KAAK,IAAI,aAAa,CAAC;CACxB"}
+{"version":3,"file":"ITreeNodeData.d.ts","sourceRoot":"","sources":["../../src/interfaces/ITreeNodeData.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,aAAa,CAAC,GAAG,CAAC;IAGzD;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;;;OAIG;IACH,OAAO,EAAE,MAAM,CAAC;IAMhB;;OAEG;IACH,KAAK,IAAI,CAAC,CAAC;IACX;;OAEG;IACH,aAAa,IAAI,IAAI,CAAC;CAGvB"}

package/dist/interfaces/three/ITreeNodeDataThreeJs.d.ts

@@ -0,0 +1,10 @@
+import { ITreeNodeData } from "../ITreeNodeData";
+export interface ITreeNodeDataThreeJs extends ITreeNodeData<ITreeNodeDataThreeJs> {
+    /**
+     * The threeJs object that is created for each viewport as a representation of the tree node data item.
+     */
+    threeJsObject: {
+        [key: string]: THREE.Object3D | THREE.BufferGeometry | THREE.Material | undefined;
+    };
+}
+//# sourceMappingURL=ITreeNodeDataThreeJs.d.ts.map

package/dist/interfaces/three/ITreeNodeDataThreeJs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ITreeNodeDataThreeJs.d.ts","sourceRoot":"","sources":["../../../src/interfaces/three/ITreeNodeDataThreeJs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,WAAW,oBAAqB,SAAQ,aAAa,CAAC,oBAAoB,CAAC;IAG7E;;OAEG;IACH,aAAa,EAAE;QAAE,CAAC,GAAG,EAAC,MAAM,GAAG,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC,cAAc,GAAG,KAAK,CAAC,QAAQ,GAAG,SAAS,CAAA;KAAE,CAAC;CAGvG"}

package/dist/interfaces/three/ITreeNodeDataThreeJs.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=ITreeNodeDataThreeJs.js.map

package/dist/interfaces/three/ITreeNodeDataThreeJs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ITreeNodeDataThreeJs.js","sourceRoot":"","sources":["../../../src/interfaces/three/ITreeNodeDataThreeJs.ts"],"names":[],"mappings":""}

package/dist/interfaces/three/ITreeNodeThreeJs.d.ts

@@ -0,0 +1,16 @@
+import { ITreeNode } from "../ITreeNode";
+import { ITreeNodeDataThreeJs } from "./ITreeNodeDataThreeJs";
+export interface ITreeNodeThreeJs extends ITreeNode<ITreeNodeThreeJs, ITreeNodeDataThreeJs> {
+    /**
+     * The threeJs object that is created for each viewport as a representation of the tree node item.
+     */
+    threeJsObject: {
+        [key: string]: THREE.Object3D;
+    };
+    /**
+     * The update callback that is called whenever the threeJs object is replaced internally.
+     * Changes that were done to the object can be reapplied here.
+     */
+    updateCallbackThreeJsObject: ((newObj: THREE.Object3D, oldObj: THREE.Object3D, viewport: string) => void) | null;
+}
+//# sourceMappingURL=ITreeNodeThreeJs.d.ts.map

package/dist/interfaces/three/ITreeNodeThreeJs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ITreeNodeThreeJs.d.ts","sourceRoot":"","sources":["../../../src/interfaces/three/ITreeNodeThreeJs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,MAAM,WAAW,gBAAiB,SAAQ,SAAS,CAAC,gBAAgB,EAAE,oBAAoB,CAAC;IAGvF;;OAEG;IACH,aAAa,EAAE;QAAE,CAAC,GAAG,EAAC,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAA;KAAE,CAAC;IAChD;;;OAGG;IACH,2BAA2B,EAAE,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;CAGpH"}

package/dist/interfaces/three/ITreeNodeThreeJs.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=ITreeNodeThreeJs.js.map

package/dist/interfaces/three/ITreeNodeThreeJs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ITreeNodeThreeJs.js","sourceRoot":"","sources":["../../../src/interfaces/three/ITreeNodeThreeJs.ts"],"names":[],"mappings":""}

package/dist/interfaces/three/ITreeThreeJs.d.ts

@@ -0,0 +1,5 @@
+import { ITree } from "../ITree";
+import { ITreeNodeThreeJs } from "./ITreeNodeThreeJs";
+export interface ITreeThreeJs extends ITree<ITreeNodeThreeJs> {
+}
+//# sourceMappingURL=ITreeThreeJs.d.ts.map

package/dist/interfaces/three/ITreeThreeJs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ITreeThreeJs.d.ts","sourceRoot":"","sources":["../../../src/interfaces/three/ITreeThreeJs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,gBAAgB,CAAC;CAAI"}

package/dist/interfaces/{ISDObject.js → three/ITreeThreeJs.js}

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=ISDObject.js.map
+//# sourceMappingURL=ITreeThreeJs.js.map

package/dist/interfaces/three/ITreeThreeJs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ITreeThreeJs.js","sourceRoot":"","sources":["../../../src/interfaces/three/ITreeThreeJs.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shapediver/viewer.shared.node-tree",
-  "version": "2.3.4",
+  "version": "2.4.0",
   "description": "",
   "keywords": [],
   "author": "Michael Oppitz <michael@shapediver.com>",
@@ -39,10 +39,10 @@
     "testEnvironment": "node"
   },
   "dependencies": {
-    "@shapediver/viewer.shared.math": "2.3.4",
-    "@shapediver/viewer.shared.services": "2.3.4",
+    "@shapediver/viewer.shared.math": "2.4.0",
+    "@shapediver/viewer.shared.services": "2.4.0",
     "gl-matrix": "3.3.0",
     "tsyringe": "^4.5.0"
   },
-  "gitHead": "d0b4323fb80afeb0dc5dcfbb0944193b45f9e5e9"
+  "gitHead": "b0bc626496adf01f9308b3b4557aa69cbb4fe52f"
 }

package/src/implementation/{Tree.ts → AbstractTree.ts}

@@ -1,26 +1,25 @@
-import { singleton } from 'tsyringe'
 import { ITree } from '../interfaces/ITree';
 import { ITreeNode } from '../interfaces/ITreeNode';
+import { ITreeNodeData } from '../interfaces/ITreeNodeData';
 
-import { TreeNode } from './TreeNode'
-
-@singleton()
-export class Tree implements ITree {
+export abstract class AbstractTree<T extends ITreeNode<any, ITreeNodeData<any>>> implements ITree<T> {
   // #region Properties (1)
 
-  readonly #root = new TreeNode('root');
+  readonly #root: T;
 
   // #endregion Properties (1)
 
   // #region Constructors (1)
 
-  constructor() { }
+  constructor(root: T) {
+    this.#root = root;
+  }
 
   // #endregion Constructors (1)
 
   // #region Public Accessors (1)
 
-  public get root(): ITreeNode {
+  public get root(): T {
     return this.#root;
   }
 
@@ -28,7 +27,7 @@ export class Tree implements ITree {
 
   // #region Public Methods (6)
 
-  public addNode(node: ITreeNode, parent: ITreeNode = this.#root, root: ITreeNode = this.#root): boolean {
+  public addNode(node: T, parent: T = this.#root, root: T = this.#root): boolean {
     if (root === parent) {
       root.addChild(node);
       return true;
@@ -43,7 +42,7 @@ export class Tree implements ITree {
     return false;
   }
 
-  public addNodeAtPath(node: ITreeNode, path: string = this.root.getPath(), root: ITreeNode = this.#root): boolean {
+  public addNodeAtPath(node: T, path: string = this.root.getPath(), root: T = this.#root): boolean {
     if (root.name === path) {
       root.addChild(node);
       return true;
@@ -63,7 +62,7 @@ export class Tree implements ITree {
     return false;
   }
 
-  public getNodeAtPath(path: string = this.root.getPath(), root: ITreeNode = this.#root): ITreeNode | null {
+  public getNodeAtPath(path: string = this.root.getPath(), root: T = this.#root): T | null {
     if (root.name === path) 
       return root;
 
@@ -80,7 +79,7 @@ export class Tree implements ITree {
     return null;
   }
 
-  public removeNode(node: ITreeNode, root: ITreeNode = this.#root): boolean {
+  public removeNode(node: T, root: T = this.#root): boolean {
     if (root.hasChild(node)) {
       root.removeChild(node);
       return true;
@@ -96,7 +95,7 @@ export class Tree implements ITree {
     return false;
   }
 
-  public removeNodeAtPath(path: string, root: ITreeNode = this.#root): boolean {
+  public removeNodeAtPath(path: string, root: T = this.#root): boolean {
     if (root.name === path) {
       root.parent?.removeChild(root);
       return true;