@shapediver/viewer.shared.types 1.15.5 → 2.0.0

package/dist/interfaces/events/ISceneEvent.js.map

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

package/dist/interfaces/events/ISelectEvent.d.ts

@@ -0,0 +1,6 @@
+import { ITreeNode } from "@shapediver/viewer.shared.node-tree";
+import { IViewportEvent } from "./IViewportEvent";
+export interface ISelectEvent extends IViewportEvent {
+    node: ITreeNode;
+}
+//# sourceMappingURL=ISelectEvent.d.ts.map

package/dist/interfaces/events/ISelectEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ISelectEvent.d.ts","sourceRoot":"","sources":["../../../src/interfaces/events/ISelectEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,WAAW,YAAa,SAAQ,cAAc;IAEhD,IAAI,EAAE,SAAS,CAAA;CAClB"}

package/dist/interfaces/events/ISelectEvent.js

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

package/dist/interfaces/events/ISelectEvent.js.map

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

package/dist/interfaces/events/ISessionEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ISessionEvent.d.ts","sourceRoot":"","sources":["../../../src/interfaces/events/ISessionEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAE5D,MAAM,WAAW,aAAc,SAAQ,MAAM;IACzC,SAAS,EAAE,MAAM,CAAC;CACrB"}

package/dist/interfaces/events/ISessionEvent.js.map

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

package/dist/{events → interfaces/events}/ITaskEvent.d.ts

@@ -1,16 +1,16 @@
 import { IEvent } from "@shapediver/viewer.shared.services";
-export declare enum TASKTYPE {
+export declare enum TASK_TYPE {
     AR_LOADING = "ar_loading",
     ENVIRONMENT_MAP_LOADING = "environment_map_loading",
     SESSION_CUSTOMIZATION = "session_customization",
     SESSION_CREATION = "session_creation",
     SESSION_INITIAL_OUTPUTS_LOADED = "session_initial_outputs_loaded",
     SESSION_OUTPUTS_UPDATE = "session_outputs_update",
-    VIEWER_CREATION = "viewer_creation",
+    VIEWPORT_CREATION = "viewer_creation",
     EXPORT_REQUEST = "export_request"
 }
 export interface ITaskEvent extends IEvent {
-    type: TASKTYPE;
+    type: TASK_TYPE;
     id: string;
     progress: number;
     data?: any;

package/dist/interfaces/events/ITaskEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ITaskEvent.d.ts","sourceRoot":"","sources":["../../../src/interfaces/events/ITaskEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAE5D,oBAAY,SAAS;IACjB,UAAU,eAAe;IACzB,uBAAuB,4BAA4B;IACnD,qBAAqB,0BAA0B;IAC/C,gBAAgB,qBAAqB;IACrC,8BAA8B,mCAAmC;IACjE,sBAAsB,2BAA2B;IACjD,iBAAiB,oBAAoB;IACrC,cAAc,mBAAmB;CACpC;AAED,MAAM,WAAW,UAAW,SAAQ,MAAM;IACtC,IAAI,EAAE,SAAS,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,CAAA;CAClB"}

package/dist/interfaces/events/ITaskEvent.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TASK_TYPE = void 0;
+var TASK_TYPE;
+(function (TASK_TYPE) {
+    TASK_TYPE["AR_LOADING"] = "ar_loading";
+    TASK_TYPE["ENVIRONMENT_MAP_LOADING"] = "environment_map_loading";
+    TASK_TYPE["SESSION_CUSTOMIZATION"] = "session_customization";
+    TASK_TYPE["SESSION_CREATION"] = "session_creation";
+    TASK_TYPE["SESSION_INITIAL_OUTPUTS_LOADED"] = "session_initial_outputs_loaded";
+    TASK_TYPE["SESSION_OUTPUTS_UPDATE"] = "session_outputs_update";
+    TASK_TYPE["VIEWPORT_CREATION"] = "viewer_creation";
+    TASK_TYPE["EXPORT_REQUEST"] = "export_request";
+})(TASK_TYPE = exports.TASK_TYPE || (exports.TASK_TYPE = {}));
+//# sourceMappingURL=ITaskEvent.js.map

package/dist/interfaces/events/ITaskEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ITaskEvent.js","sourceRoot":"","sources":["../../../src/interfaces/events/ITaskEvent.ts"],"names":[],"mappings":";;;AAEA,IAAY,SASX;AATD,WAAY,SAAS;IACjB,sCAAyB,CAAA;IACzB,gEAAmD,CAAA;IACnD,4DAA+C,CAAA;IAC/C,kDAAqC,CAAA;IACrC,8EAAiE,CAAA;IACjE,8DAAiD,CAAA;IACjD,kDAAqC,CAAA;IACrC,8CAAiC,CAAA;AACrC,CAAC,EATW,SAAS,GAAT,iBAAS,KAAT,iBAAS,QASpB"}

package/dist/interfaces/events/IViewportEvent.d.ts

@@ -0,0 +1,5 @@
+import { IEvent } from "@shapediver/viewer.shared.services";
+export interface IViewportEvent extends IEvent {
+    viewportId: string;
+}
+//# sourceMappingURL=IViewportEvent.d.ts.map

package/dist/interfaces/events/IViewportEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IViewportEvent.d.ts","sourceRoot":"","sources":["../../../src/interfaces/events/IViewportEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAE5D,MAAM,WAAW,cAAe,SAAQ,MAAM;IAC1C,UAAU,EAAE,MAAM,CAAC;CACtB"}

package/dist/interfaces/events/IViewportEvent.js

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

package/dist/interfaces/events/IViewportEvent.js.map

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

package/dist/interfaces/sdtf/ISDTFAttributeVisualizationData.d.ts

@@ -0,0 +1,7 @@
+import { mat4 } from "gl-matrix";
+import { IMaterialAbstractData } from "../data/material/IMaterialAbstractData";
+export interface ISDTFAttributeVisualizationData {
+    material: IMaterialAbstractData;
+    matrix: mat4;
+}
+//# sourceMappingURL=ISDTFAttributeVisualizationData.d.ts.map

package/dist/interfaces/sdtf/ISDTFAttributeVisualizationData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ISDTFAttributeVisualizationData.d.ts","sourceRoot":"","sources":["../../../src/interfaces/sdtf/ISDTFAttributeVisualizationData.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAE/E,MAAM,WAAW,+BAA+B;IAC5C,QAAQ,EAAE,qBAAqB,CAAC;IAChC,MAAM,EAAE,IAAI,CAAA;CACf"}

package/dist/interfaces/sdtf/ISDTFAttributeVisualizationData.js

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

package/dist/interfaces/sdtf/ISDTFAttributeVisualizationData.js.map

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

package/dist/interfaces/sdtf/ISDTFAttributesData.d.ts

@@ -0,0 +1,13 @@
+import { ITreeNodeData } from "@shapediver/viewer.shared.node-tree";
+import { SdtfTypeHintName } from '@shapediver/sdk.sdtf-v1';
+export interface ISDTFAttributeData {
+    readonly typeHint: SdtfTypeHintName | string;
+    readonly value: any;
+}
+export interface ISDTFAttributesData extends ITreeNodeData {
+    readonly attributes: {
+        [key: string]: ISDTFAttributeData;
+    };
+    clone(): ISDTFAttributesData;
+}
+//# sourceMappingURL=ISDTFAttributesData.d.ts.map

package/dist/interfaces/sdtf/ISDTFAttributesData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ISDTFAttributesData.d.ts","sourceRoot":"","sources":["../../../src/interfaces/sdtf/ISDTFAttributesData.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAE1D,MAAM,WAAW,kBAAkB;IAGjC,QAAQ,CAAC,QAAQ,EAAE,gBAAgB,GAAG,MAAM,CAAC;IAC7C,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC;CAGrB;AAED,MAAM,WAAW,mBAAoB,SAAQ,aAAa;IAGxD,QAAQ,CAAC,UAAU,EAAE;QACnB,CAAC,GAAG,EAAE,MAAM,GAAG,kBAAkB,CAAA;KAClC,CAAC;IAMF,KAAK,IAAI,mBAAmB,CAAC;CAG9B"}

package/dist/interfaces/sdtf/ISDTFAttributesData.js

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

package/dist/interfaces/sdtf/ISDTFAttributesData.js.map

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

package/dist/interfaces/sdtf/ISDTFItemData.d.ts

@@ -0,0 +1,12 @@
+import { ITreeNodeData } from "@shapediver/viewer.shared.node-tree";
+import { ISDTFAttributeData } from "./ISDTFAttributesData";
+import { SdtfTypeHintName } from '@shapediver/sdk.sdtf-v1';
+export interface ISDTFItemData extends ITreeNodeData {
+    readonly attributes: {
+        [key: string]: ISDTFAttributeData;
+    };
+    readonly typeHint: SdtfTypeHintName | string;
+    readonly value: any;
+    clone(): ISDTFItemData;
+}
+//# sourceMappingURL=ISDTFItemData.d.ts.map

package/dist/interfaces/sdtf/ISDTFItemData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ISDTFItemData.d.ts","sourceRoot":"","sources":["../../../src/interfaces/sdtf/ISDTFItemData.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAE1D,MAAM,WAAW,aAAc,SAAQ,aAAa;IAGhD,QAAQ,CAAC,UAAU,EAAE;QACjB,CAAC,GAAG,EAAE,MAAM,GAAG,kBAAkB,CAAA;KACpC,CAAA;IAED,QAAQ,CAAC,QAAQ,EAAE,gBAAgB,GAAG,MAAM,CAAA;IAC5C,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC;IAMpB,KAAK,IAAI,aAAa,CAAC;CAG1B"}

package/dist/interfaces/sdtf/ISDTFItemData.js

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

package/dist/interfaces/sdtf/ISDTFItemData.js.map

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

package/dist/interfaces/sdtf/ISDTFOverviewData.d.ts

@@ -0,0 +1,17 @@
+import { ITreeNodeData } from "@shapediver/viewer.shared.node-tree";
+import { SdtfTypeHintName } from '@shapediver/sdk.sdtf-v1';
+export interface ISDTFOverview {
+    [key: string]: {
+        typeHint: SdtfTypeHintName | string;
+        count: number;
+        values?: string[];
+        min?: number;
+        max?: number;
+    }[];
+}
+export interface ISDTFOverviewData extends ITreeNodeData {
+    readonly overview: ISDTFOverview;
+    clone(): ISDTFOverviewData;
+    merge(data: ISDTFOverviewData): void;
+}
+//# sourceMappingURL=ISDTFOverviewData.d.ts.map

package/dist/interfaces/sdtf/ISDTFOverviewData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ISDTFOverviewData.d.ts","sourceRoot":"","sources":["../../../src/interfaces/sdtf/ISDTFOverviewData.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAE1D,MAAM,WAAW,aAAa;IAG1B,CAAC,GAAG,EAAE,MAAM,GAAG;QACX,QAAQ,EAAE,gBAAgB,GAAG,MAAM,CAAC;QACpC,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;QAClB,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,GAAG,CAAC,EAAE,MAAM,CAAC;KAChB,EAAE,CAAC;CAGP;AAED,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IAGpD,QAAQ,CAAC,QAAQ,EAAE,aAAa,CAAC;IAMjC,KAAK,IAAI,iBAAiB,CAAC;IAC3B,KAAK,CAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI,CAAC;CAGxC"}

package/dist/interfaces/sdtf/ISDTFOverviewData.js

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

package/dist/interfaces/sdtf/ISDTFOverviewData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ISDTFOverviewData.js","sourceRoot":"","sources":["../../../src/interfaces/sdtf/ISDTFOverviewData.ts"],"names":[],"mappings":";;AAeC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shapediver/viewer.shared.types",
-  "version": "1.15.5",
+  "version": "2.0.0",
   "description": "",
   "keywords": [],
   "author": "Michael Oppitz <michael@shapediver.com>",
@@ -10,7 +10,11 @@
     "test": "__tests__"
   },
   "files": [
-    "dist"
+    "dist",
+    "src",
+    "package.json",
+    "README.md",
+    "tsconfig.json"
   ],
   "publishConfig": {
     "access": "public"
@@ -20,11 +24,10 @@
     "url": "git+https://github.com/shapediver/Viewer.git"
   },
   "scripts": {
-    "test": "bash ../../scripts/test.sh",
     "check": "tsc --noEmit",
-    "build": "bash ../../scripts/build.sh",
-    "build-watch": "bash ../../scripts/build-watch.sh",
-    "build-dep": "bash ../../scripts/build-dep.sh"
+    "build": "bash ../../scripts/building/build.sh",
+    "build-watch": "bash ../../scripts/building/build-watch.sh",
+    "build-dep": "bash ../../scripts/building/build-dep.sh"
   },
   "bugs": {
     "url": "https://github.com/shapediver/Viewer/issues"
@@ -37,11 +40,11 @@
   },
   "dependencies": {
     "@shapediver/sdk.sdtf-v1": "1.0.0",
-    "@shapediver/viewer.shared.math": "1.15.5",
-    "@shapediver/viewer.shared.node-tree": "1.15.5",
-    "@shapediver/viewer.shared.services": "1.15.5",
+    "@shapediver/viewer.shared.math": "2.0.0",
+    "@shapediver/viewer.shared.node-tree": "2.0.0",
+    "@shapediver/viewer.shared.services": "2.0.0",
     "gl-matrix": "3.3.0",
     "tsyringe": "^4.5.0"
   },
-  "gitHead": "120dd5fcfe70c66dcf03648d7a0afe35ad0fa120"
+  "gitHead": "bb53f1f23dcf3b1d76e786bdc8eb20e485c029f2"
 }

package/src/implementation/data/AnimationData.ts

@@ -0,0 +1,286 @@
+import { AbstractTreeNodeData, ITransformation, ITreeNode, ITreeNodeData } from '@shapediver/viewer.shared.node-tree'
+import { mat4, quat, vec3, vec4 } from 'gl-matrix';
+import { IAnimationData, IAnimationTrack } from '../../interfaces/data/IAnimationData';
+
+
+export class AnimationData extends AbstractTreeNodeData implements IAnimationData {
+    // #region Properties (8)
+
+    #animate: boolean = false;
+    #animationTime: number = 0;
+    #duration: number;
+    #name: string;
+    #repeat: boolean = false;
+    #start: number;
+    #started: boolean = false;
+    #tracks: IAnimationTrack[];
+    #reset: boolean = true;
+    #nodeIds: string[] = [];
+
+    // #endregion Properties (8)
+
+    // #region Constructors (1)
+
+    /**
+     * Creates a custom data node.
+     * 
+     * @param _data the data as key- value pairs 
+     * @param id the id
+     */
+    constructor(
+        name: string,
+        tracks: IAnimationTrack[],
+        start: number,
+        duration: number,
+        id?: string
+    ) {
+        super(id);
+        this.#name = name;
+        this.#tracks = tracks;
+        this.#start = start;
+        this.#duration = duration;
+    }
+
+    // #endregion Constructors (1)
+
+    // #region Public Accessors (9)
+
+    public get animate(): boolean {
+        return this.#animate;
+    }
+
+    public get animationTime(): number {
+        return this.#animationTime;
+    }
+
+    public set animationTime(value: number) {
+        this.#animationTime = value;
+    }
+
+    public get duration(): number {
+        return this.#duration;
+    }
+
+    public get name(): string {
+        return this.#name;
+    }
+
+    public get repeat(): boolean {
+        return this.#repeat;
+    }
+
+    public set repeat(value: boolean) {
+        this.#repeat = value;
+    }
+
+    public get reset(): boolean {
+        return this.#reset;
+    }
+
+    public set reset(value: boolean) {
+        this.#reset = value;
+    }
+
+    public get start(): number {
+        return this.#start;
+    }
+
+    public get tracks(): IAnimationTrack[] {
+        return this.#tracks;
+    }
+
+    // #endregion Public Accessors (9)
+
+    // #region Public Methods (5)
+
+    /**
+     * Clones the scene graph data.
+     */
+    public clone(): IAnimationData {
+        return new AnimationData(this.name, this.#tracks, this.start, this.duration, this.id);
+    }
+
+    public continueAnimation() {
+        if (this.#started) this.#animate = true;
+    }
+
+    public pauseAnimation() {
+        if (this.#started) this.#animate = false;
+    }
+
+    public startAnimation() {
+        this.#animationTime = 0;
+        this.#animate = true;
+        this.#started = true;
+        this.#nodeIds = [];
+
+        for (let i = 0; i < this.#tracks.length; i++) {
+            const track = this.#tracks[i];
+            if(this.#nodeIds.includes(track.node.id)) continue;
+            this.#nodeIds.push(track.node.id)
+            const idleTransformation = track.node.transformations.find(t => t.id === 'gltf_matrix');
+            if (idleTransformation) {
+                track.previousMatrix = {
+                    id: idleTransformation.id,
+                    matrix: mat4.clone(idleTransformation.matrix)
+                }
+                idleTransformation.matrix = mat4.create();
+                continue;
+            }
+
+            switch (track.path) {
+                case 'scale':
+                    const idleTransformationScale = track.node.transformations.find(t => t.id === 'gltf_matrix_scale');
+                    if (idleTransformationScale) {
+                        track.previousMatrix = {
+                            id: idleTransformationScale.id,
+                            matrix: mat4.clone(idleTransformationScale.matrix)
+                        }
+                        continue;
+                    }
+
+                    break;
+
+                case 'rotation':
+                    const idleTransformationRotation = track.node.transformations.find(t => t.id === 'gltf_matrix_rotation');
+                    if (idleTransformationRotation) {
+                        track.previousMatrix = {
+                            id: idleTransformationRotation.id,
+                            matrix: mat4.clone(idleTransformationRotation.matrix)
+                        }
+                        continue;
+                    }
+
+                    break;
+
+                case 'translation':
+                    const idleTransformationTranslation = track.node.transformations.find(t => t.id === 'gltf_matrix_translation');
+                    if (idleTransformationTranslation) {
+                        track.previousMatrix = {
+                            id: idleTransformationTranslation.id,
+                            matrix: mat4.clone(idleTransformationTranslation.matrix)
+                        }
+                        continue;
+                    }
+                    break;
+            }
+        }
+    }
+
+    public stopAnimation() {
+        if (this.reset) {
+            for (let i = 0; i < this.#tracks.length; i++) {
+                const track = this.#tracks[i];
+                const id = this.id + '_' + i;
+                const prevAnimation = track.node.transformations.filter(t => t.id === id);
+                track.node.transformations = track.node.transformations.filter((el) => {
+                    return !prevAnimation.includes(el);
+                });
+
+                if (track.previousMatrix) {
+                    if (track.previousMatrix.id === 'gltf_matrix') {
+                        const transformation = track.node.transformations.find(t => t.id === 'gltf_matrix')!;
+                        transformation.matrix = track.previousMatrix.matrix;
+                        const translationTransformation = track.node.transformations.find(t => t.id === 'gltf_matrix_translation')!;
+                        translationTransformation.matrix = mat4.create();
+                        const rotationTransformation = track.node.transformations.find(t => t.id === 'gltf_matrix_rotation')!;
+                        rotationTransformation.matrix = mat4.create();
+                        const scaleTransformation = track.node.transformations.find(t => t.id === 'gltf_matrix_scale')!;
+                        scaleTransformation.matrix = mat4.create();
+                        continue;
+                    } else {
+                        switch (track.path) {
+                            case 'scale':
+                                const idleTransformationScale = track.node.transformations.find(t => t.id === 'gltf_matrix_scale')!;
+                                idleTransformationScale.matrix = track.previousMatrix.matrix;
+                                continue;
+                            case 'rotation':
+                                const idleTransformationRotation = track.node.transformations.find(t => t.id === 'gltf_matrix_rotation')!;
+                                idleTransformationRotation.matrix = track.previousMatrix.matrix;
+                                continue;
+                            case 'translation':
+                                const idleTransformationTranslation = track.node.transformations.find(t => t.id === 'gltf_matrix_translation')!;
+                                idleTransformationTranslation.matrix = track.previousMatrix.matrix;
+                                continue;
+                        }
+                    }
+                } else if(!this.#nodeIds.includes(track.node.id)) {
+                    const idleTransformation = track.node.transformations.find(t => t.id === 'gltf_matrix');
+                    if (idleTransformation) {
+                        idleTransformation.matrix = mat4.create();
+                    } else {
+                        const idleTransformationScale = track.node.transformations.find(t => t.id === 'gltf_matrix_scale');
+                        if (idleTransformationScale) idleTransformationScale.matrix = mat4.create();
+
+                        const idleTransformationRotation = track.node.transformations.find(t => t.id === 'gltf_matrix_rotation');
+                        if (idleTransformationRotation) idleTransformationRotation.matrix = mat4.create();
+
+                        const idleTransformationTranslation = track.node.transformations.find(t => t.id === 'gltf_matrix_translation');
+                        if (idleTransformationTranslation) idleTransformationTranslation.matrix = mat4.create();
+                    }
+                }
+            }
+        } else {
+            for (let i = 0; i < this.#tracks.length; i++) {
+                const track = this.#tracks[i];
+                const id = this.id + '_' + i;
+
+                const prevAnimation = track.node.transformations.filter(t => t.id === id);
+                track.node.transformations = track.node.transformations.filter((el) => {
+                    return !prevAnimation.includes(el);
+                });
+
+                const j = track.times.length - 1;
+
+                let translationTransformation = track.node.transformations.find(t => t.id === 'gltf_matrix_translation');
+                if (!translationTransformation) {
+                    translationTransformation = {
+                        id: 'gltf_matrix_translation',
+                        matrix: mat4.create()
+                    }
+                    track.node.transformations.push(translationTransformation)
+                }
+
+                let rotationTransformation = track.node.transformations.find(t => t.id === 'gltf_matrix_rotation');
+                if (!rotationTransformation) {
+                    rotationTransformation = {
+                        id: 'gltf_matrix_rotation',
+                        matrix: mat4.create()
+                    }
+                    track.node.transformations.push(rotationTransformation)
+                }
+
+                let scaleTransformation = track.node.transformations.find(t => t.id === 'gltf_matrix_scale');
+                if (!scaleTransformation) {
+                    scaleTransformation = {
+                        id: 'gltf_matrix_scale',
+                        matrix: mat4.create()
+                    }
+                    track.node.transformations.push(scaleTransformation)
+                }
+
+                switch (track.path) {
+                    case 'scale':
+                        let vectorScale: vec3 = vec3.fromValues(track.values[j * 3 + 0], track.values[j * 3 + 1], track.values[j * 3 + 2]);
+                        scaleTransformation.matrix = mat4.fromScaling(mat4.create(), vectorScale);
+                        continue;
+                    case 'rotation':
+                        let quaternion: quat = quat.fromValues(track.values[j * 4 + 0], track.values[j * 4 + 1], track.values[j * 4 + 2], track.values[j * 4 + 3]);
+                        rotationTransformation.matrix = mat4.fromQuat(mat4.create(), quaternion);
+                        continue;
+                    case 'translation':
+                        let vectorTranslation: vec3 = vec3.fromValues(track.values[j * 3 + 0], track.values[j * 3 + 1], track.values[j * 3 + 2]);
+                        translationTransformation.matrix = mat4.fromTranslation(mat4.create(), vectorTranslation);
+                        continue;
+                }
+            }
+
+
+        }
+        this.#animationTime = -1;
+        this.#started = false;
+        this.#animate = false;
+    }
+
+    // #endregion Public Methods (5)
+}

package/src/implementation/data/BoneData.ts

@@ -0,0 +1,31 @@
+import { AbstractTreeNodeData, ITreeNodeData } from '@shapediver/viewer.shared.node-tree'
+import { IBoneData } from '../../interfaces/data/IBoneData';
+
+export class BoneData extends AbstractTreeNodeData implements IBoneData {
+
+    // #region Constructors (1)
+
+    /**
+     * Creates a Bone data node.
+     * 
+     * @param id the id
+     */
+    constructor(
+        id?: string
+    ) {
+        super(id);
+    }
+
+    // #endregion Constructors (1)
+
+    // #region Public Methods (1)
+
+    /**
+     * Clones the scene graph data.
+     */
+    public clone(): IBoneData {
+        return new BoneData(this.id);
+    }
+
+    // #endregion Public Methods (1)
+}

package/src/implementation/data/CustomData.ts

@@ -0,0 +1,51 @@
+import { AbstractTreeNodeData, ITreeNodeData } from '@shapediver/viewer.shared.node-tree'
+import { ICustomData } from '../../interfaces/data/ICustomData';
+
+export class CustomData extends AbstractTreeNodeData implements ICustomData {
+    // #region Properties (1)
+
+    #data: { [key: string]: any };
+
+    // #endregion Properties (1)
+
+    // #region Constructors (1)
+
+    /**
+     * Creates a custom data node.
+     * 
+     * @param _data the data as key- value pairs 
+     * @param id the id
+     */
+    constructor(
+        data: { [key: string]: any },
+        id?: string
+    ) {
+        super(id);
+        this.#data = data;
+    }
+
+    // #endregion Constructors (1)
+
+    // #region Public Accessors (2)
+
+    public get data(): { [key: string]: any } {
+        return this.#data;
+    }
+
+    public set data(value: { [key: string]: any }) {
+        this.#data = value;
+    }
+
+    // #endregion Public Accessors (2)
+
+    // #region Public Methods (1)
+
+    /**
+     * Clones the scene graph data.
+     */
+    public clone(): ICustomData {
+        return new CustomData({ ...this.data }, this.id);
+    }
+
+    // #endregion Public Methods (1)
+}