@shapediver/viewer.shared.types 2.12.8 → 3.0.1

package/dist/interfaces/events/IParameterEvent.js

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

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

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

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

@@ -0,0 +1,7 @@
+import { IViewportEvent } from './IViewportEvent';
+/**
+ * Definition of the rendering event.
+ * These events are sent for rendering specific events ({@link EVENTTYPE_RENDERING}).
+ */
+export declare type IRenderingEvent = IViewportEvent;
+//# sourceMappingURL=IRenderingEvent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IRenderingEvent.d.ts","sourceRoot":"","sources":["../../../src/interfaces/events/IRenderingEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD;;;GAGG;AACH,oBAAY,eAAe,GAAG,cAAc,CAAA"}

package/dist/interfaces/events/IRenderingEvent.js

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

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

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

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

@@ -1,6 +1,13 @@
-import { vec3 } from "gl-matrix";
-import { IViewportEvent } from "./IViewportEvent";
+import { IViewportEvent } from './IViewportEvent';
+import { vec3 } from 'gl-matrix';
+/**
+ * Definition of the scene event.
+ * These events are sent for scene specific events ({@link EVENTTYPE_SCENE}).
+ */
 export interface ISceneEvent extends IViewportEvent {
+    /**
+     * The bounding box of the scene.
+     */
     boundingBox: {
         min: vec3;
         max: vec3;

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

@@ -1 +1 @@
-{"version":3,"file":"ISceneEvent.d.ts","sourceRoot":"","sources":["../../../src/interfaces/events/ISceneEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,WAAW,WAAY,SAAQ,cAAc;IAC/C,WAAW,EAAE;QAAE,GAAG,EAAE,IAAI,CAAC;QAAC,GAAG,EAAE,IAAI,CAAA;KAAC,CAAA;CACvC"}
+{"version":3,"file":"ISceneEvent.d.ts","sourceRoot":"","sources":["../../../src/interfaces/events/ISceneEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC;;;GAGG;AACH,MAAM,WAAW,WAAY,SAAQ,cAAc;IAG/C;;OAEG;IACH,WAAW,EAAE;QAAE,GAAG,EAAE,IAAI,CAAC;QAAC,GAAG,EAAE,IAAI,CAAA;KAAC,CAAA;CAGvC"}

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

@@ -1,5 +1,12 @@
-import { IEvent } from "@shapediver/viewer.shared.services";
+import { IEvent } from '@shapediver/viewer.shared.services';
+/**
+ * Definition of the session event.
+ * These events are sent for session specific events ({@link EVENTTYPE_SESSION}).
+ */
 export interface ISessionEvent extends IEvent {
+    /**
+     * The id of the session.
+     */
     sessionId: string;
 }
 //# sourceMappingURL=ISessionEvent.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"ISessionEvent.d.ts","sourceRoot":"","sources":["../../../src/interfaces/events/ISessionEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAE5D;;;GAGG;AACH,MAAM,WAAW,aAAc,SAAQ,MAAM;IAGzC;;OAEG;IACH,SAAS,EAAE,MAAM,CAAA;CAGpB"}

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

@@ -1,4 +1,34 @@
-import { IEvent } from "@shapediver/viewer.shared.services";
+import { IEvent } from '@shapediver/viewer.shared.services';
+/**
+ * Definition of the task event.
+ * These events are sent for task specific events ({@link EVENTTYPE_TASK}).
+ */
+export interface ITaskEvent extends IEvent {
+    /**
+     * The data of the task.
+     */
+    data?: unknown;
+    /**
+     * The id of the task.
+     */
+    id: string;
+    /**
+     * The progress of the task.
+     */
+    progress: number;
+    /**
+     * The status of the task.
+     */
+    status?: string;
+    /**
+     * The type of the task.
+     */
+    type: TASK_TYPE;
+}
+/**
+ * Definition of the task types.
+ * These types are used to identify the type of a task in a task event {@link ITaskEvent}.
+ */
 export declare enum TASK_TYPE {
     AR_LOADING = "ar_loading",
     ENVIRONMENT_MAP_LOADING = "environment_map_loading",
@@ -15,11 +45,4 @@ export declare enum TASK_TYPE {
     VIEWPORT_CREATION = "viewer_creation",
     EXPORT_REQUEST = "export_request"
 }
-export interface ITaskEvent extends IEvent {
-    type: TASK_TYPE;
-    id: string;
-    progress: number;
-    data?: any;
-    status?: string;
-}
 //# sourceMappingURL=ITaskEvent.d.ts.map

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

@@ -1 +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,sBAAsB,2BAA2B;IACjD,aAAa,kBAAkB;IAC/B,oBAAoB,yBAAyB;IAC7C,wBAAwB,6BAA6B;IACrD,mBAAmB,wBAAwB;IAC3C,oBAAoB,yBAAyB;IAC7C,qBAAqB,0BAA0B;IAC/C,gBAAgB,qBAAqB;IACrC,sBAAsB,2BAA2B;IACjD,uBAAuB,4BAA4B;IACnD,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"}
+{"version":3,"file":"ITaskEvent.d.ts","sourceRoot":"","sources":["../../../src/interfaces/events/ITaskEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAI5D;;;GAGG;AACH,MAAM,WAAW,UAAW,SAAQ,MAAM;IAGtC;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;CAGnB;AAMD;;;GAGG;AACH,oBAAY,SAAS;IACjB,UAAU,eAAe;IACzB,uBAAuB,4BAA4B;IACnD,sBAAsB,2BAA2B;IACjD,aAAa,kBAAkB;IAC/B,oBAAoB,yBAAyB;IAC7C,wBAAwB,6BAA6B;IACrD,mBAAmB,wBAAwB;IAC3C,oBAAoB,yBAAyB;IAC7C,qBAAqB,0BAA0B;IAC/C,gBAAgB,qBAAqB;IACrC,sBAAsB,2BAA2B;IACjD,uBAAuB,4BAA4B;IACnD,iBAAiB,oBAAoB;IACrC,cAAc,mBAAmB;CACpC"}

package/dist/interfaces/events/ITaskEvent.js

@@ -1,6 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TASK_TYPE = void 0;
+// #endregion Interfaces (1)
+// #region Enums (1)
+/**
+ * Definition of the task types.
+ * These types are used to identify the type of a task in a task event {@link ITaskEvent}.
+ */
 var TASK_TYPE;
 (function (TASK_TYPE) {
     TASK_TYPE["AR_LOADING"] = "ar_loading";
@@ -18,4 +24,5 @@ var TASK_TYPE;
     TASK_TYPE["VIEWPORT_CREATION"] = "viewer_creation";
     TASK_TYPE["EXPORT_REQUEST"] = "export_request";
 })(TASK_TYPE = exports.TASK_TYPE || (exports.TASK_TYPE = {}));
+// #endregion Enums (1)
 //# sourceMappingURL=ITaskEvent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ITaskEvent.js","sourceRoot":"","sources":["../../../src/interfaces/events/ITaskEvent.ts"],"names":[],"mappings":";;;AAEA,IAAY,SAeX;AAfD,WAAY,SAAS;IACjB,sCAAyB,CAAA;IACzB,gEAAmD,CAAA;IACnD,8DAAiD,CAAA;IACjD,4CAA+B,CAAA;IAC/B,0DAA6C,CAAA;IAC7C,kEAAqD,CAAA;IACrD,wDAA2C,CAAA;IAC3C,0DAA6C,CAAA;IAC7C,4DAA+C,CAAA;IAC/C,kDAAqC,CAAA;IACrC,8DAAiD,CAAA;IACjD,gEAAmD,CAAA;IACnD,kDAAqC,CAAA;IACrC,8CAAiC,CAAA;AACrC,CAAC,EAfW,SAAS,GAAT,iBAAS,KAAT,iBAAS,QAepB"}
+{"version":3,"file":"ITaskEvent.js","sourceRoot":"","sources":["../../../src/interfaces/events/ITaskEvent.ts"],"names":[],"mappings":";;;AAmCA,4BAA4B;AAE5B,oBAAoB;AAEpB;;;GAGG;AACH,IAAY,SAeX;AAfD,WAAY,SAAS;IACjB,sCAAyB,CAAA;IACzB,gEAAmD,CAAA;IACnD,8DAAiD,CAAA;IACjD,4CAA+B,CAAA;IAC/B,0DAA6C,CAAA;IAC7C,kEAAqD,CAAA;IACrD,wDAA2C,CAAA;IAC3C,0DAA6C,CAAA;IAC7C,4DAA+C,CAAA;IAC/C,kDAAqC,CAAA;IACrC,8DAAiD,CAAA;IACjD,gEAAmD,CAAA;IACnD,kDAAqC,CAAA;IACrC,8CAAiC,CAAA;AACrC,CAAC,EAfW,SAAS,GAAT,iBAAS,KAAT,iBAAS,QAepB;AAED,uBAAuB"}

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

@@ -1,4 +1,8 @@
-import { IEvent } from "@shapediver/viewer.shared.services";
+import { IEvent } from '@shapediver/viewer.shared.services';
+/**
+ * Definition of the viewport event.
+ * These events are sent for viewport specific events ({@link EVENTTYPE_VIEWPORT}).
+ */
 export interface IViewportEvent extends IEvent {
     viewportId: string;
 }

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

@@ -1 +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"}
+{"version":3,"file":"IViewportEvent.d.ts","sourceRoot":"","sources":["../../../src/interfaces/events/IViewportEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAE5D;;;GAGG;AACH,MAAM,WAAW,cAAe,SAAQ,MAAM;IAG1C,UAAU,EAAE,MAAM,CAAC;CAGtB"}

package/dist/types.d.ts

@@ -1,3 +1,48 @@
-import { vec3, vec4 } from "gl-matrix";
+import { ShapeDiverResponseParameterType, ShapeDiverResponseParameterVisualization } from '@shapediver/sdk.geometry-api-sdk-v2';
+import { vec3, vec4 } from 'gl-matrix';
 export declare type Color = string | number | number[] | vec3 | vec4;
+/**
+ * The type of the parameter.
+ */
+export { ShapeDiverResponseParameterType as PARAMETER_TYPE, ShapeDiverResponseParameterVisualization as PARAMETER_VISUALIZATION };
+export interface ISettingsSections {
+    session?: ISessionSettingsSections;
+    viewport?: IViewportSettingsSections;
+}
+export interface ISessionSettingsSections {
+    export?: {
+        /** Option to update the displayname of the exports (default: false) */
+        displayname?: boolean;
+        /** Option to update the order of the exports (default: false) */
+        order?: boolean;
+        /** Option to update the hidden state of the exports (default: false) */
+        hidden?: boolean;
+    };
+    parameter?: {
+        /** Option to update the displayname of the parameters (default: false) */
+        displayname?: boolean;
+        /** Option to update the order of the parameters (default: false) */
+        order?: boolean;
+        /** Option to update the hidden state of the parameters (default: false) */
+        hidden?: boolean;
+        /** Option to update the value of the parameters (default: false) */
+        value?: boolean;
+    };
+}
+export interface IViewportSettingsSections {
+    /** Option to update the ar settings (default: false) */
+    ar?: boolean;
+    /** Option to update the camera settings (default: false) */
+    camera?: boolean;
+    /** Option to update the environment settings (default: false) */
+    environment?: boolean;
+    /** Option to update the general settings (default: false) */
+    general?: boolean;
+    /** Option to update the light settings (default: false) */
+    light?: boolean;
+    /** Option to update the postprocessing settings (default: false) */
+    postprocessing?: boolean;
+    /** Option to update the scene settings (default: false) */
+    scene?: boolean;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEvC,oBAAY,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,+BAA+B,EAAE,wCAAwC,EAAE,MAAM,qCAAqC,CAAC;AAChI,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEvC,oBAAY,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7D;;GAEG;AACH,OAAO,EACH,+BAA+B,IAAI,cAAc,EACjD,wCAAwC,IAAI,uBAAuB,EACtE,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAG9B,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC,QAAQ,CAAC,EAAE,yBAAyB,CAAA;CAGvC;AAED,MAAM,WAAW,wBAAwB;IAGrC,MAAM,CAAC,EAAE;QACL,uEAAuE;QACvE,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,iEAAiE;QACjE,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,wEAAwE;QACxE,MAAM,CAAC,EAAE,OAAO,CAAA;KACnB,CAAA;IAED,SAAS,CAAC,EAAE;QACR,0EAA0E;QAC1E,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,oEAAoE;QACpE,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,2EAA2E;QAC3E,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,oEAAoE;QACpE,KAAK,CAAC,EAAE,OAAO,CAAA;KAClB,CAAC;CAGL;AAED,MAAM,WAAW,yBAAyB;IAGtC,wDAAwD;IACxD,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,4DAA4D;IAC5D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oEAAoE;IACpE,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,OAAO,CAAC;CAGnB"}

package/dist/types.js

@@ -1,3 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.PARAMETER_VISUALIZATION = exports.PARAMETER_TYPE = void 0;
+const sdk_geometry_api_sdk_v2_1 = require("@shapediver/sdk.geometry-api-sdk-v2");
+Object.defineProperty(exports, "PARAMETER_TYPE", { enumerable: true, get: function () { return sdk_geometry_api_sdk_v2_1.ShapeDiverResponseParameterType; } });
+Object.defineProperty(exports, "PARAMETER_VISUALIZATION", { enumerable: true, get: function () { return sdk_geometry_api_sdk_v2_1.ShapeDiverResponseParameterVisualization; } });
 //# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":";;;AAAA,iFAAgI;AASzF,+FAT9B,yDAA+B,OASa;AACL,wGAVN,kEAAwC,OAUX"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shapediver/viewer.shared.types",
-  "version": "2.12.8",
+  "version": "3.0.1",
   "description": "",
   "keywords": [],
   "author": "Michael Oppitz <michael@shapediver.com>",
@@ -39,11 +39,12 @@
     "testEnvironment": "node"
   },
   "dependencies": {
+    "@shapediver/sdk.geometry-api-sdk-v2": "1.8.2",
     "@shapediver/sdk.sdtf-v1": "1.4.2",
-    "@shapediver/viewer.shared.math": "2.12.8",
-    "@shapediver/viewer.shared.node-tree": "2.12.8",
-    "@shapediver/viewer.shared.services": "2.12.8",
+    "@shapediver/viewer.shared.math": "3.0.1",
+    "@shapediver/viewer.shared.node-tree": "3.0.1",
+    "@shapediver/viewer.shared.services": "3.0.1",
     "gl-matrix": "3.3.0"
   },
-  "gitHead": "615c459595cdea9ceeca8a307d469c617ce36684"
+  "gitHead": "cae477cab82d2cddddec9cbea6fec7bc2392552b"
 }

package/src/implementation/data/GeometryData.ts

@@ -1,8 +1,15 @@
-import { mat4, vec3, quat } from 'gl-matrix'
-import { AbstractTreeNodeData, ITreeNode, ITreeNodeData } from '@shapediver/viewer.shared.node-tree'
-import { Box, IBox } from '@shapediver/viewer.shared.math'
-import { IAttributeData, IGeometryData, IPrimitiveData, PRIMITIVE_MODE } from '../../interfaces/data/IGeometryData';
+import { AbstractTreeNodeData } from '@shapediver/viewer.shared.node-tree';
+import { Box, IBox } from '@shapediver/viewer.shared.math';
+import {
+  IAttributeData,
+  IGeometryData,
+  IPrimitiveData,
+  PRIMITIVE_MODE
+} from '../../interfaces/data/IGeometryData';
 import { IMaterialAbstractData } from '../../interfaces/data/material/IMaterialAbstractData';
+import { mat4, quat, vec3 } from 'gl-matrix';
+
+// #region Classes (3)
 
 export class AttributeData extends AbstractTreeNodeData implements IAttributeData {
   // #region Properties (15)
@@ -76,7 +83,7 @@ export class AttributeData extends AbstractTreeNodeData implements IAttributeDat
 
   // #endregion Constructors (1)
 
-  // #region Public Accessors (15)
+  // #region Public Getters And Setters (15)
 
   public get array(): Int8Array | Uint8Array | Int16Array | Uint16Array | Uint32Array | Float32Array {
     return this.#array;
@@ -138,7 +145,7 @@ export class AttributeData extends AbstractTreeNodeData implements IAttributeDat
     return this.#target;
   }
 
-  // #endregion Public Accessors (15)
+  // #endregion Public Getters And Setters (15)
 
   // #region Public Methods (1)
 
@@ -170,131 +177,8 @@ export class AttributeData extends AbstractTreeNodeData implements IAttributeDat
   // #endregion Public Methods (1)
 }
 
-export class PrimitiveData extends AbstractTreeNodeData implements IPrimitiveData {
-  // #region Properties (4)
-
-  readonly #attributes: {
-    [key: string]: IAttributeData
-  } = {};
-
-  #boundingBoxes: {
-    matrix: mat4,
-    boundingBox: IBox
-  }[] = [];
-  #indices: IAttributeData | null = null;
-  #threeJsObject: { [key: string]: THREE.BufferGeometry } = {};
-
-  // #endregion Properties (4)
-
-  // #region Constructors (1)
-
-  /**
-   * Creates a primitive data object.
-   * 
-   * @param _attributes the attributes as key-value pairs 
-   * @param _indices the indices
-   */
-  constructor(
-    attributes: {
-      [key: string]: IAttributeData
-    } = {},
-    indices: IAttributeData | null = null,
-    id?: string,
-    version?: string
-  ) {
-    super(id, version);
-    this.#attributes = attributes;
-    this.#indices = indices;
-  }
-
-  // #endregion Constructors (1)
-
-  // #region Public Accessors (5)
-
-  public get attributes(): {
-    [key: string]: IAttributeData
-  } {
-    return this.#attributes;
-  }
-
-  public get boundingBox(): IBox {
-    return this.computeBoundingBox(mat4.create());
-  }
-
-  public get indices(): IAttributeData | null {
-    return this.#indices;
-  }
-
-  public set indices(value: IAttributeData | null) {
-    this.#indices = value
-  }
-
-  public get threeJsObject(): { [key: string]: THREE.BufferGeometry } {
-    return this.#threeJsObject;
-  }
-
-  // #endregion Public Accessors (5)
-
-  // #region Public Methods (2)
-
-  /**
-   * Clones the primitive data.
-   */
-  public clone(): IPrimitiveData {
-    let attributes: {
-      [key: string]: IAttributeData
-    } = {};
-    for (let attribute in this.#attributes)
-      attributes[attribute] = <IAttributeData>this.#attributes[attribute].clone();
-
-    return new PrimitiveData(attributes, <AttributeData>this.#indices, this.id, this.version);
-  }
-
-  public computeBoundingBox(matrix: mat4): IBox {
-    const res = this.#boundingBoxes.find(b => mat4.equals(matrix, b.matrix));
-    if(res) return res.boundingBox;
-
-    if (this.#attributes['POSITION']) {
-      if (this.#attributes['POSITION'].min.length === 3 && this.#attributes['POSITION'].max.length === 3 && mat4.equals(matrix, mat4.create())) {
-        const boundingBox = new Box(vec3.fromValues(this.#attributes['POSITION'].min[0], this.#attributes['POSITION'].min[1], this.#attributes['POSITION'].min[2]), vec3.fromValues(this.#attributes['POSITION'].max[0], this.#attributes['POSITION'].max[1], this.#attributes['POSITION'].max[2]));
-        this.#boundingBoxes.push({
-          boundingBox,
-          matrix: mat4.clone(matrix)
-        })
-        return boundingBox;
-      } else if(mat4.equals(matrix, mat4.create())) {
-        const boundingBox = new Box();
-        boundingBox.setFromAttributeArray(this.#attributes['POSITION'].array, this.#attributes['POSITION'].byteStride, this.#attributes['POSITION'].itemBytes);
-        this.#boundingBoxes.push({
-          boundingBox,
-          matrix: mat4.clone(matrix)
-        })
-      } else if(quat.equals(mat4.getRotation(quat.create(), matrix), quat.create())) {
-        const identityBB = this.computeBoundingBox(mat4.create());
-        const boundingBox = identityBB.clone().applyMatrix(matrix);
-        this.#boundingBoxes.push({
-          boundingBox,
-          matrix: mat4.clone(matrix)
-        })
-        return boundingBox;
-      } else {
-        const boundingBox = new Box();
-        boundingBox.setFromAttributeArray(this.#attributes['POSITION'].array, this.#attributes['POSITION'].byteStride, this.#attributes['POSITION'].itemBytes, matrix);
-        this.#boundingBoxes.push({
-          boundingBox,
-          matrix: mat4.clone(matrix)
-        })
-        return boundingBox;
-      }
-    }
-    return new Box();
-  }
-
-  // #endregion Public Methods (2)
-}
-
 export class GeometryData extends AbstractTreeNodeData implements IGeometryData {
-  // #region Properties (11)
+  // #region Properties (10)
 
   readonly #mode: PRIMITIVE_MODE = PRIMITIVE_MODE.TRIANGLES;
   readonly #primitive: IPrimitiveData;
@@ -307,9 +191,8 @@ export class GeometryData extends AbstractTreeNodeData implements IGeometryData
   #morphWeights: number[] = [];
   #renderOrder: number = 0;
   #standardMaterial: IMaterialAbstractData | null = null;
-  #threeJsObject: { [key: string]: THREE.Mesh | THREE.Points | THREE.LineSegments | THREE.LineLoop | THREE.Line } = {};
 
-  // #endregion Properties (11)
+  // #endregion Properties (10)
 
   // #region Constructors (1)
 
@@ -341,7 +224,7 @@ export class GeometryData extends AbstractTreeNodeData implements IGeometryData
 
   // #endregion Constructors (1)
 
-  // #region Public Accessors (16)
+  // #region Public Getters And Setters (15)
 
   public get attributeMaterial(): IMaterialAbstractData | null {
     return this.#attributeMaterial;
@@ -380,7 +263,7 @@ export class GeometryData extends AbstractTreeNodeData implements IGeometryData
   }
 
   public set morphWeights(value: number[]) {
-    this.#morphWeights = value
+    this.#morphWeights = value;
   }
 
   public get primitive(): IPrimitiveData {
@@ -403,11 +286,7 @@ export class GeometryData extends AbstractTreeNodeData implements IGeometryData
     this.#standardMaterial = value;
   }
 
-  public get threeJsObject(): { [key: string]: THREE.Mesh | THREE.Points | THREE.LineSegments | THREE.LineLoop | THREE.Line } {
-    return this.#threeJsObject;
-  }
-
-  // #endregion Public Accessors (16)
+  // #endregion Public Getters And Setters (15)
 
   // #region Public Methods (2)
 
@@ -424,4 +303,124 @@ export class GeometryData extends AbstractTreeNodeData implements IGeometryData
   }
 
   // #endregion Public Methods (2)
-}
+}
+
+export class PrimitiveData extends AbstractTreeNodeData implements IPrimitiveData {
+  // #region Properties (3)
+
+  readonly #attributes: {
+    [key: string]: IAttributeData
+  } = {};
+
+  #boundingBoxes: {
+    matrix: mat4,
+    boundingBox: IBox
+  }[] = [];
+  #indices: IAttributeData | null = null;
+
+  // #endregion Properties (3)
+
+  // #region Constructors (1)
+
+  /**
+   * Creates a primitive data object.
+   * 
+   * @param _attributes the attributes as key-value pairs 
+   * @param _indices the indices
+   */
+  constructor(
+    attributes: {
+      [key: string]: IAttributeData
+    } = {},
+    indices: IAttributeData | null = null,
+    id?: string,
+    version?: string
+  ) {
+    super(id, version);
+    this.#attributes = attributes;
+    this.#indices = indices;
+  }
+
+  // #endregion Constructors (1)
+
+  // #region Public Getters And Setters (4)
+
+  public get attributes(): {
+    [key: string]: IAttributeData
+  } {
+    return this.#attributes;
+  }
+
+  public get boundingBox(): IBox {
+    return this.computeBoundingBox(mat4.create());
+  }
+
+  public get indices(): IAttributeData | null {
+    return this.#indices;
+  }
+
+  public set indices(value: IAttributeData | null) {
+    this.#indices = value;
+  }
+
+  // #endregion Public Getters And Setters (4)
+
+  // #region Public Methods (2)
+
+  /**
+   * Clones the primitive data.
+   */
+  public clone(): IPrimitiveData {
+    const attributes: {
+      [key: string]: IAttributeData
+    } = {};
+    for (const attribute in this.#attributes)
+      attributes[attribute] = <IAttributeData>this.#attributes[attribute].clone();
+
+    return new PrimitiveData(attributes, <AttributeData>this.#indices, this.id, this.version);
+  }
+
+  public computeBoundingBox(matrix: mat4): IBox {
+    const res = this.#boundingBoxes.find(b => mat4.equals(matrix, b.matrix));
+    if (res) return res.boundingBox;
+
+    if (this.#attributes['POSITION']) {
+      if (this.#attributes['POSITION'].min.length === 3 && this.#attributes['POSITION'].max.length === 3 && mat4.equals(matrix, mat4.create())) {
+        const boundingBox = new Box(vec3.fromValues(this.#attributes['POSITION'].min[0], this.#attributes['POSITION'].min[1], this.#attributes['POSITION'].min[2]), vec3.fromValues(this.#attributes['POSITION'].max[0], this.#attributes['POSITION'].max[1], this.#attributes['POSITION'].max[2]));
+        this.#boundingBoxes.push({
+          boundingBox,
+          matrix: mat4.clone(matrix)
+        });
+        return boundingBox;
+      } else if (mat4.equals(matrix, mat4.create())) {
+        const boundingBox = new Box();
+        boundingBox.setFromAttributeArray(this.#attributes['POSITION'].array, this.#attributes['POSITION'].byteStride, this.#attributes['POSITION'].itemBytes);
+        this.#boundingBoxes.push({
+          boundingBox,
+          matrix: mat4.clone(matrix)
+        });
+      } else if (quat.equals(mat4.getRotation(quat.create(), matrix), quat.create())) {
+        const identityBB = this.computeBoundingBox(mat4.create());
+        const boundingBox = identityBB.clone().applyMatrix(matrix);
+        this.#boundingBoxes.push({
+          boundingBox,
+          matrix: mat4.clone(matrix)
+        });
+        return boundingBox;
+      } else {
+        const boundingBox = new Box();
+        boundingBox.setFromAttributeArray(this.#attributes['POSITION'].array, this.#attributes['POSITION'].byteStride, this.#attributes['POSITION'].itemBytes, matrix);
+        this.#boundingBoxes.push({
+          boundingBox,
+          matrix: mat4.clone(matrix)
+        });
+        return boundingBox;
+      }
+    }
+    return new Box();
+  }
+
+  // #endregion Public Methods (2)
+}
+
+// #endregion Classes (3)

package/src/implementation/data/HTMLElementAnchorData.ts

@@ -50,10 +50,7 @@ export abstract class HTMLElementAnchorData extends AbstractTreeNodeData impleme
         this.#intersectionTarget = properties.intersectionTarget;
 
         this.internalHtmlElement = <HTMLDivElement>document.createElement('div');
-        this.internalHtmlElement.style.position = 'absolute';
-        this.internalHtmlElement.style.whiteSpace = 'nowrap';
-        this.internalHtmlElement.style.textOverflow = 'clip';
-        this.internalHtmlElement.style.fontFamily = '"Helvetica Neue", Helvetica, Arial, sans-serif';
+        this.internalHtmlElement.classList.add('sdv-anchor-inner-container');
     }
 
     // #endregion Constructors (1)
@@ -227,15 +224,9 @@ export class HTMLElementAnchorTextData extends HTMLElementAnchorData {
     public create(properties: { anchor: HTMLElementAnchorData, parent: HTMLDivElement }) {
 
         const span = document.createElement('span');
-        span.style.display = 'none';
-        span.style.userSelect = 'none';
-        span.style.cursor = 'default';
-        span.style.pointerEvents = 'none';
+        span.classList.add('sdv-anchor-text');
         span.style.color = properties.anchor.data.color?.toString();
         span.innerHTML = properties.anchor.data.text;
-        span.style.display = 'block';
-        span.style.textOverflow = 'clip';
-        span.style.overflow = 'hidden';
         properties.parent.appendChild(span);
 
         if (properties.anchor.data.textAlign && (properties.anchor.data.textAlign === 'right' || properties.anchor.data.textAlign === 'center')) {
@@ -296,9 +287,7 @@ export class HTMLElementAnchorImageData extends HTMLElementAnchorData {
     public create(properties: { anchor: HTMLElementAnchorData, parent: HTMLDivElement }) {
         
         const img = document.createElement('img');
-        img.style.userSelect = 'none';
-        img.style.cursor = 'default';
-        img.style.pointerEvents = 'none';
+        img.classList.add('sdv-anchor-image');
         properties.parent.appendChild(img);
         img.src = properties.anchor.data.src;
         if (properties.anchor.data.height) img.height = properties.anchor.data.height;