@shapediver/viewer.creation-control-center.viewport 3.0.0

package/LICENSE

@@ -0,0 +1,73 @@
+Required Notice: Copyright 2023 ShapeDiver GmbH (https://www.shapediver.com) 
+
+https://polyformproject.org/licenses/noncommercial/1.0.0
+
+Acceptance
+
+In order to get any license under these terms, you must agree to them as both strict obligations and conditions to all your licenses.
+
+Copyright License
+
+The licensor grants you a copyright license for the software to do everything you might do with the software that would otherwise infringe the licensor’s copyright in it for any permitted purpose. However, you may only distribute the software according to Distribution License and make changes or new works based on the software according to Changes and New Works License.
+
+Distribution License
+
+The licensor grants you an additional copyright license to distribute copies of the software. Your license to distribute covers distributing the software with changes and new works permitted by Changes and New Works License.
+
+Notices
+
+You must ensure that anyone who gets a copy of any part of the software from you also gets a copy of these terms or the URL for them above, as well as copies of any plain-text lines beginning with Required Notice: that the licensor provided with the software. For example:
+
+Required Notice: Copyright 2023 ShapeDiver GmbH (https://www.shapediver.com) 
+
+Changes and New Works License
+
+The licensor grants you an additional copyright license to make changes and new works based on the software for any permitted purpose.
+
+Patent License
+
+The licensor grants you a patent license for the software that covers patent claims the licensor can license, or becomes able to license, that you would infringe by using the software.
+
+Noncommercial Purposes
+
+Any noncommercial purpose is a permitted purpose.
+
+Personal Uses
+
+Personal use for research, experiment, and testing for the benefit of public knowledge, personal study, private entertainment, hobby projects, amateur pursuits, or religious observance, without any anticipated commercial application, is use for a permitted purpose.
+
+Noncommercial Organizations
+
+Use by any charitable organization, educational institution, public research organization, public safety or health organization, environmental protection organization, or government institution is use for a permitted purpose regardless of the source of funding or obligations resulting from the funding.
+
+Fair Use
+
+You may have “fair use” rights for the software under the law. These terms do not limit them.
+
+No Other Rights
+
+These terms do not allow you to sublicense or transfer any of your licenses to anyone else, or prevent the licensor from granting licenses to anyone else. These terms do not imply any other licenses.
+
+Patent Defense
+
+If you make any written claim that the software infringes or contributes to infringement of any patent, your patent license for the software granted under these terms ends immediately. If your company makes such a claim, your patent license ends immediately for work on behalf of your company.
+
+Violations
+
+The first time you are notified in writing that you have violated any of these terms, or done anything with the software not covered by your licenses, your licenses can nonetheless continue if you come into full compliance with these terms, and take practical steps to correct past violations, within 32 days of receiving notice. Otherwise, all your licenses end immediately.
+
+No Liability
+
+As far as the law allows, the software comes as is, without any warranty or condition, and the licensor will not be liable to you for any damages arising out of these terms or the use or nature of the software, under any kind of legal claim.
+
+Definitions
+
+The licensor is the individual or entity offering these terms, and the software is the software the licensor makes available under these terms.
+
+You refers to the individual or entity agreeing to these terms.
+
+Your company is any legal entity, sole proprietorship, or other kind of organization that you work for, plus all organizations that have control over, are under the control of, or are under common control with that organization. Control means ownership of substantially all the assets of an entity, or the power to direct its management and policies by vote, contract, or otherwise. Control can be direct or indirect.
+
+Your licenses are all the licenses granted to you for the software under these terms.
+
+Use means anything you do with the software requiring one of your licenses.

package/README.md

@@ -0,0 +1,3 @@
+# `@shapediver/viewer.creation-control-center.viewport`
+
+This package is part of the [`@shapediver/viewer`](https://www.npmjs.com/package/@shapediver/viewer), you can find all information [here](https://viewer.shapediver.com/v3/latest/api/index.html).

package/dist/implementation/CreationControlCenterViewport.d.ts

@@ -0,0 +1,21 @@
+import { ICreationControlCenterViewport, ViewportCreationDefinition } from '../interfaces/ICreationControlCenterViewport';
+import { IViewportSettingsSections } from '@shapediver/viewer.shared.types';
+import { ISettings } from '@shapediver/viewer.settings';
+import { RenderingEngine as RenderingEngineThreeJs } from '@shapediver/viewer.rendering-engine.rendering-engine-threejs';
+export declare class CreationControlCenterViewport implements ICreationControlCenterViewport {
+    #private;
+    private static _instance;
+    readonly viewportEngines: {
+        [key: string]: RenderingEngineThreeJs;
+    };
+    updateViewport?: (viewportEngines: {
+        [key: string]: RenderingEngineThreeJs;
+    }) => void;
+    static get instance(): CreationControlCenterViewport;
+    applyViewportSettings(viewportId: string, settings: ISettings, sections?: IViewportSettingsSections): Promise<void>;
+    closeViewportEngine(id: string): Promise<void>;
+    createViewportEngine(properties: ViewportCreationDefinition): Promise<RenderingEngineThreeJs>;
+    getViewportSettings(viewportId: string): ISettings;
+    private assignSettings;
+}
+//# sourceMappingURL=CreationControlCenterViewport.d.ts.map

package/dist/implementation/CreationControlCenterViewport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreationControlCenterViewport.d.ts","sourceRoot":"","sources":["../../src/implementation/CreationControlCenterViewport.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,8BAA8B,EAAE,0BAA0B,EAAE,MAAM,8CAA8C,CAAC;AAC1H,OAAO,EAGH,yBAAyB,EAE5B,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,OAAO,EAAE,eAAe,IAAI,sBAAsB,EAAE,MAAM,8DAA8D,CAAC;AAIzH,qBAAa,6BAA8B,YAAW,8BAA8B;;IAShF,OAAO,CAAC,MAAM,CAAC,SAAS,CAAgC;IAExD,SAAgB,eAAe,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,sBAAsB,CAAA;KAAE,CAAM;IAEzE,cAAc,CAAC,EAAE,CACpB,eAAe,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,sBAAsB,CAAC;KAAE,KAC1D,IAAI,CAAC;IAMV,WAAkB,QAAQ,kCAEzB;IAMM,qBAAqB,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,GAAE,yBAAwH,GAAG,OAAO,CAAC,IAAI,CAAC;IAkB3M,mBAAmB,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAuB9C,oBAAoB,CAAC,UAAU,EAAE,0BAA0B,GAAG,OAAO,CAAC,sBAAsB,CAAC;IAsGnG,mBAAmB,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS;YAc3C,cAAc;CAmB/B"}

package/dist/implementation/CreationControlCenterViewport.js

@@ -0,0 +1,213 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+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 _CreationControlCenterViewport_eventEngine, _CreationControlCenterViewport_logger, _CreationControlCenterViewport_sceneTree, _CreationControlCenterViewport_stateEngine, _CreationControlCenterViewport_uuidGenerator;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CreationControlCenterViewport = void 0;
+const viewer_shared_math_1 = require("@shapediver/viewer.shared.math");
+const viewer_shared_services_1 = require("@shapediver/viewer.shared.services");
+const viewer_shared_types_1 = require("@shapediver/viewer.shared.types");
+const viewer_shared_node_tree_1 = require("@shapediver/viewer.shared.node-tree");
+const viewer_rendering_engine_rendering_engine_threejs_1 = require("@shapediver/viewer.rendering-engine.rendering-engine-threejs");
+const ViewportGlobalAccessObject_1 = require("./ViewportGlobalAccessObject");
+const viewer_rendering_engine_rendering_engine_1 = require("@shapediver/viewer.rendering-engine.rendering-engine");
+class CreationControlCenterViewport {
+    constructor() {
+        // #region Properties (8)
+        _CreationControlCenterViewport_eventEngine.set(this, viewer_shared_services_1.EventEngine.instance);
+        _CreationControlCenterViewport_logger.set(this, viewer_shared_services_1.Logger.instance);
+        _CreationControlCenterViewport_sceneTree.set(this, viewer_shared_node_tree_1.Tree.instance);
+        _CreationControlCenterViewport_stateEngine.set(this, viewer_shared_services_1.StateEngine.instance);
+        _CreationControlCenterViewport_uuidGenerator.set(this, viewer_shared_services_1.UuidGenerator.instance);
+        this.viewportEngines = {};
+        // #endregion Private Methods (1)
+    }
+    // #endregion Properties (8)
+    // #region Public Static Getters And Setters (1)
+    static get instance() {
+        return this._instance || (this._instance = new this());
+    }
+    // #endregion Public Static Getters And Setters (1)
+    // #region Public Methods (4)
+    applyViewportSettings(viewportId, settings, sections = { ar: false, scene: false, camera: false, light: false, environment: false, general: false }) {
+        sections = sections || {};
+        const settingsEngine = new viewer_shared_services_1.SettingsEngine();
+        settingsEngine.loadSettings(settings);
+        const promises = [];
+        __classPrivateFieldGet(this, _CreationControlCenterViewport_stateEngine, "f").viewportEngines[viewportId].settingsAssigned.reset();
+        promises.push(new Promise(resolve => {
+            __classPrivateFieldGet(this, _CreationControlCenterViewport_stateEngine, "f").viewportEngines[viewportId].settingsAssigned.then(() => {
+                resolve();
+            });
+        }));
+        this.viewportEngines[viewportId].applySettings(sections, settingsEngine);
+        return new Promise(resolve => Promise.all(promises).then(() => resolve()));
+    }
+    closeViewportEngine(id) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.viewportEngines[id])
+                return;
+            __classPrivateFieldGet(this, _CreationControlCenterViewport_logger, "f").debugLow(`CreationControlCenter.closeViewportEngine: Closing viewport ${id}.`);
+            if (__classPrivateFieldGet(this, _CreationControlCenterViewport_stateEngine, "f").viewportEngines[id].initialized.resolved === false)
+                yield new Promise(resolve => { __classPrivateFieldGet(this, _CreationControlCenterViewport_stateEngine, "f").viewportEngines[id].initialized.then(() => resolve()); });
+            __classPrivateFieldGet(this, _CreationControlCenterViewport_stateEngine, "f").viewportEngines[id].settingsAssigned.reset();
+            __classPrivateFieldGet(this, _CreationControlCenterViewport_stateEngine, "f").viewportEngines[id].environmentMapLoaded.reset();
+            __classPrivateFieldGet(this, _CreationControlCenterViewport_stateEngine, "f").viewportEngines[id].initialized.reset();
+            yield this.viewportEngines[id].close();
+            this.viewportEngines[id] = undefined;
+            delete this.viewportEngines[id];
+            delete __classPrivateFieldGet(this, _CreationControlCenterViewport_stateEngine, "f").viewportEngines[id];
+            __classPrivateFieldGet(this, _CreationControlCenterViewport_logger, "f").debug('CreationControlCenter.closeViewportEngine: Viewport closed.');
+            if (this.updateViewport)
+                this.updateViewport(this.viewportEngines);
+            __classPrivateFieldGet(this, _CreationControlCenterViewport_eventEngine, "f").emitEvent(viewer_shared_services_1.EVENTTYPE.VIEWPORT.VIEWPORT_CLOSED, { viewportId: id });
+        });
+    }
+    createViewportEngine(properties) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const eventId = __classPrivateFieldGet(this, _CreationControlCenterViewport_uuidGenerator, "f").create();
+            const viewportEngineId = properties.id || __classPrivateFieldGet(this, _CreationControlCenterViewport_uuidGenerator, "f").create();
+            properties.id = viewportEngineId;
+            try {
+                const eventStart = { type: viewer_shared_types_1.TASK_TYPE.VIEWPORT_CREATION, id: eventId, progress: 0, status: 'Creating viewport', data: { viewportId: viewportEngineId } };
+                __classPrivateFieldGet(this, _CreationControlCenterViewport_eventEngine, "f").emitEvent(viewer_shared_services_1.EVENTTYPE.TASK.TASK_START, eventStart);
+                // check if the given id is valid
+                if (this.viewportEngines[viewportEngineId]) {
+                    const eventClose = { type: viewer_shared_types_1.TASK_TYPE.VIEWPORT_CREATION, id: eventId, progress: 0.1, status: 'Closing viewport with same id', data: { viewportId: viewportEngineId } };
+                    __classPrivateFieldGet(this, _CreationControlCenterViewport_eventEngine, "f").emitEvent(viewer_shared_services_1.EVENTTYPE.TASK.TASK_PROCESS, eventClose);
+                    __classPrivateFieldGet(this, _CreationControlCenterViewport_logger, "f").warn(`CreationControlCenter.createViewport: Viewer with this id (${viewportEngineId}) already exists. Closing initial instance.`);
+                    yield this.closeViewportEngine(viewportEngineId);
+                }
+                const viewportEngine = new viewer_rendering_engine_rendering_engine_threejs_1.RenderingEngine(properties);
+                __classPrivateFieldGet(this, _CreationControlCenterViewport_stateEngine, "f").viewportEngines[viewportEngineId] = new ViewportGlobalAccessObject_1.ViewportGlobalAccessObject(viewportEngine);
+                this.viewportEngines[viewportEngineId] = viewportEngine;
+                viewportEngine.start();
+                viewportEngine.cameraEngine.createDefaultCameras();
+                if (properties.sessionSettingsMode === viewer_shared_services_1.SESSION_SETTINGS_MODE.MANUAL) {
+                    if (!properties.sessionSettingsId)
+                        throw new viewer_shared_services_1.ShapeDiverViewerViewportError('Session with sessionSettingsMode MANUAL needs to have a sessionSettingsId.');
+                    const sessionSettingsId = properties.sessionSettingsId;
+                    if (__classPrivateFieldGet(this, _CreationControlCenterViewport_stateEngine, "f").sessionEngines[sessionSettingsId]) {
+                        yield this.assignSettings(viewportEngine.id, sessionSettingsId, true);
+                    }
+                    else {
+                        // in createSession
+                    }
+                }
+                else if (properties.sessionSettingsMode === viewer_shared_services_1.SESSION_SETTINGS_MODE.FIRST) {
+                    const firstSessionEngine = Object.values(__classPrivateFieldGet(this, _CreationControlCenterViewport_stateEngine, "f").sessionEngines).find(sessionEngine => sessionEngine.isFirstSession === true);
+                    if (firstSessionEngine) {
+                        yield this.assignSettings(viewportEngine.id, firstSessionEngine.id, true);
+                    }
+                    else {
+                        // in createSession
+                    }
+                }
+                if (viewportEngine.sessionSettingsMode === viewer_shared_services_1.SESSION_SETTINGS_MODE.NONE &&
+                    viewportEngine.visibility === viewer_rendering_engine_rendering_engine_1.VISIBILITY_MODE.SESSION) {
+                    viewportEngine.show = true;
+                }
+                else if (viewportEngine.visibility === viewer_rendering_engine_rendering_engine_1.VISIBILITY_MODE.INSTANT) {
+                    viewportEngine.show = true;
+                }
+                else if (viewportEngine.visibility === viewer_rendering_engine_rendering_engine_1.VISIBILITY_MODE.SESSION) {
+                    // wait for settings to load before showing the scene
+                    if (__classPrivateFieldGet(this, _CreationControlCenterViewport_sceneTree, "f").root.boundingBox.isEmpty()) {
+                        __classPrivateFieldGet(this, _CreationControlCenterViewport_eventEngine, "f").addListener(viewer_shared_services_1.EVENTTYPE.SCENE.SCENE_BOUNDING_BOX_CHANGE, (e) => {
+                            const event = e;
+                            if (event.viewportId === viewportEngine.id) {
+                                const boundingBox = new viewer_shared_math_1.Box(event.boundingBox.min, event.boundingBox.max);
+                                if (boundingBox.isEmpty()) {
+                                    viewportEngine.show = false;
+                                }
+                                else {
+                                    if (__classPrivateFieldGet(this, _CreationControlCenterViewport_stateEngine, "f").viewportEngines[viewportEngineId].settingsAssigned.resolved) {
+                                        viewportEngine.show = true;
+                                    }
+                                    else {
+                                        __classPrivateFieldGet(this, _CreationControlCenterViewport_stateEngine, "f").viewportEngines[viewportEngineId].settingsAssigned.then(() => {
+                                            viewportEngine.show = true;
+                                        });
+                                    }
+                                }
+                            }
+                        });
+                    }
+                    else {
+                        if (__classPrivateFieldGet(this, _CreationControlCenterViewport_stateEngine, "f").viewportEngines[viewportEngineId].settingsAssigned.resolved) {
+                            viewportEngine.show = true;
+                        }
+                        else {
+                            __classPrivateFieldGet(this, _CreationControlCenterViewport_stateEngine, "f").viewportEngines[viewportEngineId].settingsAssigned.then(() => {
+                                viewportEngine.show = true;
+                            });
+                        }
+                    }
+                }
+                __classPrivateFieldGet(this, _CreationControlCenterViewport_stateEngine, "f").viewportEngines[viewportEngineId].initialized.resolve(true);
+                __classPrivateFieldGet(this, _CreationControlCenterViewport_logger, "f").debug(`CreationControlCenter.createViewport: Viewport(${viewportEngineId}) created.`);
+                const eventEnd = { type: viewer_shared_types_1.TASK_TYPE.VIEWPORT_CREATION, id: eventId, progress: 1, status: 'Viewport created', data: { viewportId: viewportEngineId } };
+                if (this.updateViewport)
+                    this.updateViewport(this.viewportEngines);
+                __classPrivateFieldGet(this, _CreationControlCenterViewport_eventEngine, "f").emitEvent(viewer_shared_services_1.EVENTTYPE.VIEWPORT.VIEWPORT_CREATED, { viewportId: viewportEngineId });
+                __classPrivateFieldGet(this, _CreationControlCenterViewport_eventEngine, "f").emitEvent(viewer_shared_services_1.EVENTTYPE.TASK.TASK_END, eventEnd);
+                return this.viewportEngines[viewportEngineId];
+            }
+            catch (e) {
+                const eventCancel1 = { type: viewer_shared_types_1.TASK_TYPE.VIEWPORT_CREATION, id: eventId, progress: 0.9, status: 'Viewport created failed, closing viewport', data: { viewportId: viewportEngineId } };
+                __classPrivateFieldGet(this, _CreationControlCenterViewport_eventEngine, "f").emitEvent(viewer_shared_services_1.EVENTTYPE.TASK.TASK_PROCESS, eventCancel1);
+                try {
+                    yield this.closeViewportEngine(viewportEngineId);
+                }
+                catch ( /* empty */_a) { /* empty */ }
+                const eventCancel2 = { type: viewer_shared_types_1.TASK_TYPE.VIEWPORT_CREATION, id: eventId, progress: 1, status: 'Viewport created failed, exiting', data: { viewportId: viewportEngineId } };
+                __classPrivateFieldGet(this, _CreationControlCenterViewport_eventEngine, "f").emitEvent(viewer_shared_services_1.EVENTTYPE.TASK.TASK_CANCEL, eventCancel2);
+                throw e;
+            }
+        });
+    }
+    getViewportSettings(viewportId) {
+        const viewportEngine = this.viewportEngines[viewportId];
+        if (!viewportEngine)
+            throw new viewer_shared_services_1.ShapeDiverViewerViewportError('Viewport with id ' + viewportId + ' could not be found.');
+        const settingsEngine = new viewer_shared_services_1.SettingsEngine();
+        viewportEngine.saveSettings(settingsEngine);
+        return settingsEngine.settings;
+    }
+    // #endregion Public Methods (4)
+    // #region Private Methods (1)
+    assignSettings(viewportEngineId, sessionEngineId, updateViewport = false) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const viewportEngine = __classPrivateFieldGet(this, _CreationControlCenterViewport_stateEngine, "f").viewportEngines[viewportEngineId];
+            if (__classPrivateFieldGet(this, _CreationControlCenterViewport_stateEngine, "f").sessionEngines[sessionEngineId].initialized.resolved === true) {
+                // immediate
+                viewportEngine.assignSettingsEngine(__classPrivateFieldGet(this, _CreationControlCenterViewport_stateEngine, "f").sessionEngines[sessionEngineId].settingsEngine);
+                yield viewportEngine.applySettings(undefined, undefined, updateViewport);
+            }
+            else {
+                yield new Promise(resolve => {
+                    __classPrivateFieldGet(this, _CreationControlCenterViewport_stateEngine, "f").sessionEngines[sessionEngineId].initialized.then(() => __awaiter(this, void 0, void 0, function* () {
+                        viewportEngine.assignSettingsEngine(__classPrivateFieldGet(this, _CreationControlCenterViewport_stateEngine, "f").sessionEngines[sessionEngineId].settingsEngine);
+                        yield viewportEngine.applySettings(undefined, undefined, updateViewport);
+                        resolve();
+                    }));
+                });
+            }
+        });
+    }
+}
+exports.CreationControlCenterViewport = CreationControlCenterViewport;
+_CreationControlCenterViewport_eventEngine = new WeakMap(), _CreationControlCenterViewport_logger = new WeakMap(), _CreationControlCenterViewport_sceneTree = new WeakMap(), _CreationControlCenterViewport_stateEngine = new WeakMap(), _CreationControlCenterViewport_uuidGenerator = new WeakMap();
+//# sourceMappingURL=CreationControlCenterViewport.js.map

package/dist/implementation/CreationControlCenterViewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreationControlCenterViewport.js","sourceRoot":"","sources":["../../src/implementation/CreationControlCenterViewport.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,uEAAqD;AACrD,+EAS4C;AAE5C,yEAKyC;AAEzC,iFAAkE;AAClE,mIAAyH;AACzH,6EAA0E;AAC1E,mHAAuF;AAEvF,MAAa,6BAA6B;IAA1C;QACI,yBAAyB;QAEzB,qDAAqC,oCAAW,CAAC,QAAQ,EAAC;QAC1D,gDAA2B,+BAAM,CAAC,QAAQ,EAAC;QAC3C,mDAA6B,8BAAI,CAAC,QAAQ,EAAC;QAC3C,qDAAqC,oCAAW,CAAC,QAAQ,EAAC;QAC1D,uDAAyC,sCAAa,CAAC,QAAQ,EAAC;QAIhD,oBAAe,GAA8C,EAAE,CAAC;QAiMhF,iCAAiC;IACrC,CAAC;IA5LG,4BAA4B;IAE5B,gDAAgD;IAEzC,MAAM,KAAK,QAAQ;QACtB,OAAO,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,mDAAmD;IAEnD,6BAA6B;IAEtB,qBAAqB,CAAC,UAAkB,EAAE,QAAmB,EAAE,WAAsC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE;QACpM,QAAQ,GAAG,QAAQ,IAAI,EAAE,CAAC;QAE1B,MAAM,cAAc,GAAmB,IAAI,uCAAc,EAAE,CAAC;QAC5D,cAAc,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;QAEtC,MAAM,QAAQ,GAAuB,EAAE,CAAC;QACxC,uBAAA,IAAI,kDAAa,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,gBAAgB,CAAC,KAAK,EAAE,CAAC;QACvE,QAAQ,CAAC,IAAI,CAAC,IAAI,OAAO,CAAO,OAAO,CAAC,EAAE;YACtC,uBAAA,IAAI,kDAAa,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,GAAG,EAAE;gBACrE,OAAO,EAAE,CAAC;YACd,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC,CAAC;QAEJ,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,aAAa,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QACzE,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;IAC/E,CAAC;IAEY,mBAAmB,CAAC,EAAU;;YACvC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC;gBAAE,OAAO;YAEtC,uBAAA,IAAI,6CAAQ,CAAC,QAAQ,CAAC,+DAA+D,EAAE,GAAG,CAAC,CAAC;YAC5F,IAAI,uBAAA,IAAI,kDAAa,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC,WAAW,CAAC,QAAQ,KAAK,KAAK;gBACpE,MAAM,IAAI,OAAO,CAAO,OAAO,CAAC,EAAE,GAAG,uBAAA,IAAI,kDAAa,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAErH,uBAAA,IAAI,kDAAa,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC,gBAAgB,CAAC,KAAK,EAAE,CAAC;YAC/D,uBAAA,IAAI,kDAAa,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC,oBAAoB,CAAC,KAAK,EAAE,CAAC;YACnE,uBAAA,IAAI,kDAAa,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;YAE1D,MAAM,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC;YAE7B,IAAI,CAAC,eAAe,CAAC,EAAE,CAAE,GAAG,SAAS,CAAC;YAChD,OAAO,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;YAChC,OAAO,uBAAA,IAAI,kDAAa,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;YAE7C,uBAAA,IAAI,6CAAQ,CAAC,KAAK,CAAC,6DAA6D,CAAC,CAAC;YAClF,IAAI,IAAI,CAAC,cAAc;gBAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;YAEnE,uBAAA,IAAI,kDAAa,CAAC,SAAS,CAAC,kCAAS,CAAC,QAAQ,CAAC,eAAe,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC;QACxF,CAAC;KAAA;IAEY,oBAAoB,CAAC,UAAsC;;YACpE,MAAM,OAAO,GAAG,uBAAA,IAAI,oDAAe,CAAC,MAAM,EAAE,CAAC;YAC7C,MAAM,gBAAgB,GAAG,UAAU,CAAC,EAAE,IAAI,uBAAA,IAAI,oDAAe,CAAC,MAAM,EAAE,CAAC;YACvE,UAAU,CAAC,EAAE,GAAG,gBAAgB,CAAC;YACjC,IAAI;gBACA,MAAM,UAAU,GAAe,EAAE,IAAI,EAAE,+BAAS,CAAC,iBAAiB,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,mBAAmB,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,CAAC;gBACpK,uBAAA,IAAI,kDAAa,CAAC,SAAS,CAAC,kCAAS,CAAC,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;gBAEnE,iCAAiC;gBACjC,IAAI,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,EAAE;oBACxC,MAAM,UAAU,GAAe,EAAE,IAAI,EAAE,+BAAS,CAAC,iBAAiB,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,+BAA+B,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,CAAC;oBAClL,uBAAA,IAAI,kDAAa,CAAC,SAAS,CAAC,kCAAS,CAAC,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;oBAErE,uBAAA,IAAI,6CAAQ,CAAC,IAAI,CAAC,8DAA8D,gBAAgB,6CAA6C,CAAC,CAAC;oBAC/I,MAAM,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;iBACpD;gBAED,MAAM,cAAc,GAAG,IAAI,kEAAsB,CAAC,UAAU,CAAC,CAAC;gBAC9D,uBAAA,IAAI,kDAAa,CAAC,eAAe,CAAC,gBAAgB,CAAC,GAAG,IAAI,uDAA0B,CAAC,cAAc,CAAC,CAAC;gBACrG,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,GAAG,cAAc,CAAC;gBACxD,cAAc,CAAC,KAAK,EAAE,CAAC;gBAEvB,cAAc,CAAC,YAAY,CAAC,oBAAoB,EAAE,CAAC;gBAEnD,IAAI,UAAU,CAAC,mBAAmB,KAAK,8CAAqB,CAAC,MAAM,EAAE;oBACjE,IAAI,CAAC,UAAU,CAAC,iBAAiB;wBAC7B,MAAM,IAAI,sDAA6B,CAAC,4EAA4E,CAAC,CAAC;oBAC1H,MAAM,iBAAiB,GAAG,UAAU,CAAC,iBAAiB,CAAC;oBACvD,IAAI,uBAAA,IAAI,kDAAa,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE;wBACrD,MAAM,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,iBAAiB,EAAE,IAAI,CAAC,CAAC;qBACzE;yBAAM;wBACH,mBAAmB;qBACtB;iBACJ;qBAAM,IAAI,UAAU,CAAC,mBAAmB,KAAK,8CAAqB,CAAC,KAAK,EAAE;oBACvE,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAA,IAAI,kDAAa,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,aAAa,CAAC,cAAc,KAAK,IAAI,CAAC,CAAC;oBACxI,IAAI,kBAAkB,EAAE;wBACpB,MAAM,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,kBAAkB,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;qBAC7E;yBAAM;wBACH,mBAAmB;qBACtB;iBACJ;gBAED,IAAI,cAAc,CAAC,mBAAmB,KAAK,8CAAqB,CAAC,IAAI;oBACjE,cAAc,CAAC,UAAU,KAAK,0DAAe,CAAC,OAAO,EAAE;oBACvD,cAAc,CAAC,IAAI,GAAG,IAAI,CAAC;iBAC9B;qBAAM,IAAI,cAAc,CAAC,UAAU,KAAK,0DAAe,CAAC,OAAO,EAAE;oBAC9D,cAAc,CAAC,IAAI,GAAG,IAAI,CAAC;iBAC9B;qBAAM,IAAI,cAAc,CAAC,UAAU,KAAK,0DAAe,CAAC,OAAO,EAAE;oBAC9D,qDAAqD;oBACrD,IAAI,uBAAA,IAAI,gDAAW,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,EAAE;wBAC5C,uBAAA,IAAI,kDAAa,CAAC,WAAW,CAAC,kCAAS,CAAC,KAAK,CAAC,yBAAyB,EAAE,CAAC,CAAC,EAAE,EAAE;4BAC3E,MAAM,KAAK,GAAG,CAAgB,CAAC;4BAC/B,IAAI,KAAK,CAAC,UAAU,KAAK,cAAc,CAAC,EAAE,EAAE;gCACxC,MAAM,WAAW,GAAG,IAAI,wBAAG,CAAC,KAAK,CAAC,WAAY,CAAC,GAAG,EAAE,KAAK,CAAC,WAAY,CAAC,GAAG,CAAC,CAAC;gCAC5E,IAAI,WAAW,CAAC,OAAO,EAAE,EAAE;oCACvB,cAAc,CAAC,IAAI,GAAG,KAAK,CAAC;iCAC/B;qCAAM;oCACH,IAAI,uBAAA,IAAI,kDAAa,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,QAAQ,EAAE;wCAC/E,cAAc,CAAC,IAAI,GAAG,IAAI,CAAC;qCAC9B;yCAAM;wCACH,uBAAA,IAAI,kDAAa,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,GAAG,EAAE;4CAC3E,cAAc,CAAC,IAAI,GAAG,IAAI,CAAC;wCAC/B,CAAC,CAAC,CAAC;qCACN;iCACJ;6BACJ;wBACL,CAAC,CAAC,CAAC;qBACN;yBAAM;wBACH,IAAI,uBAAA,IAAI,kDAAa,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,QAAQ,EAAE;4BAC/E,cAAc,CAAC,IAAI,GAAG,IAAI,CAAC;yBAC9B;6BAAM;4BACH,uBAAA,IAAI,kDAAa,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,GAAG,EAAE;gCAC3E,cAAc,CAAC,IAAI,GAAG,IAAI,CAAC;4BAC/B,CAAC,CAAC,CAAC;yBACN;qBACJ;iBACJ;gBAED,uBAAA,IAAI,kDAAa,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;gBAE9E,uBAAA,IAAI,6CAAQ,CAAC,KAAK,CAAC,kDAAkD,gBAAgB,YAAY,CAAC,CAAC;gBAEnG,MAAM,QAAQ,GAAe,EAAE,IAAI,EAAE,+BAAS,CAAC,iBAAiB,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,kBAAkB,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,CAAC;gBAEjK,IAAI,IAAI,CAAC,cAAc;oBAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;gBAEnE,uBAAA,IAAI,kDAAa,CAAC,SAAS,CAAC,kCAAS,CAAC,QAAQ,CAAC,gBAAgB,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAC,CAAC;gBACnG,uBAAA,IAAI,kDAAa,CAAC,SAAS,CAAC,kCAAS,CAAC,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;gBAC/D,OAA+B,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC;aACzE;YAAC,OAAO,CAAC,EAAE;gBACR,MAAM,YAAY,GAAe,EAAE,IAAI,EAAE,+BAAS,CAAC,iBAAiB,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,2CAA2C,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,CAAC;gBAChM,uBAAA,IAAI,kDAAa,CAAC,SAAS,CAAC,kCAAS,CAAC,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;gBAEvE,IAAI;oBAAE,MAAM,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;iBAAE;gBAAC,QAAQ,WAAW,IAAb,EAAE,WAAW,EAAE;gBAE/E,MAAM,YAAY,GAAe,EAAE,IAAI,EAAE,+BAAS,CAAC,iBAAiB,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,kCAAkC,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,CAAC;gBACrL,uBAAA,IAAI,kDAAa,CAAC,SAAS,CAAC,kCAAS,CAAC,IAAI,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;gBAEtE,MAAM,CAAC,CAAC;aACX;QACL,CAAC;KAAA;IAEM,mBAAmB,CAAC,UAAkB;QACzC,MAAM,cAAc,GAAG,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;QACxD,IAAI,CAAC,cAAc;YACf,MAAM,IAAI,sDAA6B,CAAC,mBAAmB,GAAG,UAAU,GAAG,sBAAsB,CAAC,CAAC;QAEvG,MAAM,cAAc,GAAmB,IAAI,uCAAc,EAAE,CAAC;QAC5D,cAAc,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;QAC5C,OAAO,cAAc,CAAC,QAAQ,CAAC;IACnC,CAAC;IAED,gCAAgC;IAEhC,8BAA8B;IAEhB,cAAc,CAAC,gBAAwB,EAAE,eAAuB,EAAE,iBAA0B,KAAK;;YAC3G,MAAM,cAAc,GAAG,uBAAA,IAAI,kDAAa,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC;YAE3E,IAAI,uBAAA,IAAI,kDAAa,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,WAAW,CAAC,QAAQ,KAAK,IAAI,EAAE;gBACjF,YAAY;gBACZ,cAAc,CAAC,oBAAoB,CAAC,uBAAA,IAAI,kDAAa,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,cAAc,CAAC,CAAC;gBACtG,MAAM,cAAc,CAAC,aAAa,CAAC,SAAS,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC;aAC5E;iBAAM;gBACH,MAAM,IAAI,OAAO,CAAO,OAAO,CAAC,EAAE;oBAC9B,uBAAA,IAAI,kDAAa,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,GAAS,EAAE;wBAC1E,cAAc,CAAC,oBAAoB,CAAC,uBAAA,IAAI,kDAAa,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,cAAc,CAAC,CAAC;wBACtG,MAAM,cAAc,CAAC,aAAa,CAAC,SAAS,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC;wBACzE,OAAO,EAAE,CAAC;oBACd,CAAC,CAAA,CAAC,CAAC;gBACP,CAAC,CAAC,CAAC;aACN;QACL,CAAC;KAAA;CAGJ;AA7MD,sEA6MC"}

package/dist/implementation/ViewportGlobalAccessObject.d.ts

@@ -0,0 +1,30 @@
+import { RenderingEngine } from '@shapediver/viewer.rendering-engine.rendering-engine-threejs';
+import { IViewportGlobalAccessObjectDefinition, SettingsEngine, StatePromise } from '@shapediver/viewer.shared.services';
+export declare class ViewportGlobalAccessObject implements IViewportGlobalAccessObjectDefinition {
+    #private;
+    constructor(viewportEngine: RenderingEngine);
+    get boundingBoxCreated(): StatePromise<boolean>;
+    get busy(): string[];
+    get environmentMapLoaded(): StatePromise<boolean>;
+    set environmentMapLoaded(value: StatePromise<boolean>);
+    get id(): string;
+    get initialized(): StatePromise<boolean>;
+    get sessionSettingsId(): string | undefined;
+    get sessionSettingsMode(): import("@shapediver/viewer.shared.services").SESSION_SETTINGS_MODE;
+    get settingsAssigned(): StatePromise<boolean>;
+    applySettings(sections?: {
+        ar?: boolean | undefined;
+        scene?: boolean | undefined;
+        camera?: boolean | undefined;
+        light?: boolean | undefined;
+        environment?: boolean | undefined;
+        general?: boolean | undefined;
+        postprocessing?: boolean | undefined;
+    } | undefined, settingsEngine?: SettingsEngine | undefined, updateViewport?: boolean | undefined): Promise<void>;
+    assignSettingsEngine(settingsEngine: SettingsEngine): void;
+    displayErrorMessage(message: string): void;
+    reset(): void;
+    saveSettings(): void;
+    update(id: string): void;
+}
+//# sourceMappingURL=ViewportGlobalAccessObject.d.ts.map

package/dist/implementation/ViewportGlobalAccessObject.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewportGlobalAccessObject.d.ts","sourceRoot":"","sources":["../../src/implementation/ViewportGlobalAccessObject.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,8DAA8D,CAAC;AAC/F,OAAO,EAAE,qCAAqC,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAEzH,qBAAa,0BAA2B,YAAW,qCAAqC;;gBAexE,cAAc,EAAE,eAAe;IAQ3C,IAAW,kBAAkB,IAAI,YAAY,CAAC,OAAO,CAAC,CAErD;IAED,IAAW,IAAI,IAAI,MAAM,EAAE,CAE1B;IAED,IAAW,oBAAoB,IAAI,YAAY,CAAC,OAAO,CAAC,CAEvD;IAED,IAAW,oBAAoB,CAAC,KAAK,EAAE,YAAY,CAAC,OAAO,CAAC,EAE3D;IAED,IAAW,EAAE,IAAI,MAAM,CAEtB;IAED,IAAW,WAAW,IAAI,YAAY,CAAC,OAAO,CAAC,CAE9C;IAED,IAAW,iBAAiB,IAAI,MAAM,GAAG,SAAS,CAEjD;IAED,IAAW,mBAAmB,uEAE7B;IAED,IAAW,gBAAgB,IAAI,YAAY,CAAC,OAAO,CAAC,CAEnD;IAMM,aAAa,CAAC,QAAQ,CAAC,EAAE;QAAE,EAAE,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QAAC,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QAAC,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QAAC,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QAAC,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QAAC,cAAc,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;KAAE,GAAG,SAAS,EAAE,cAAc,CAAC,EAAE,cAAc,GAAG,SAAS,EAAE,cAAc,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC;IAIrW,oBAAoB,CAAC,cAAc,EAAE,cAAc,GAAG,IAAI;IAI1D,mBAAmB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAI1C,KAAK,IAAI,IAAI;IAIb,YAAY,IAAI,IAAI;IAIpB,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;CAKlC"}

package/dist/implementation/ViewportGlobalAccessObject.js

@@ -0,0 +1,82 @@
+"use strict";
+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 __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 _ViewportGlobalAccessObject_boundingBoxCreated, _ViewportGlobalAccessObject_initialized, _ViewportGlobalAccessObject_settingsAssigned, _ViewportGlobalAccessObject_viewportEngine, _ViewportGlobalAccessObject_busy, _ViewportGlobalAccessObject_environmentMapLoaded;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViewportGlobalAccessObject = void 0;
+const viewer_shared_services_1 = require("@shapediver/viewer.shared.services");
+class ViewportGlobalAccessObject {
+    // #endregion Properties (6)
+    // #region Constructors (1)
+    constructor(viewportEngine) {
+        // #region Properties (6)
+        _ViewportGlobalAccessObject_boundingBoxCreated.set(this, new viewer_shared_services_1.StatePromise());
+        _ViewportGlobalAccessObject_initialized.set(this, new viewer_shared_services_1.StatePromise());
+        _ViewportGlobalAccessObject_settingsAssigned.set(this, new viewer_shared_services_1.StatePromise());
+        _ViewportGlobalAccessObject_viewportEngine.set(this, void 0);
+        _ViewportGlobalAccessObject_busy.set(this, []);
+        _ViewportGlobalAccessObject_environmentMapLoaded.set(this, new viewer_shared_services_1.StatePromise());
+        __classPrivateFieldSet(this, _ViewportGlobalAccessObject_viewportEngine, viewportEngine, "f");
+    }
+    // #endregion Constructors (1)
+    // #region Public Getters And Setters (9)
+    get boundingBoxCreated() {
+        return __classPrivateFieldGet(this, _ViewportGlobalAccessObject_boundingBoxCreated, "f");
+    }
+    get busy() {
+        return __classPrivateFieldGet(this, _ViewportGlobalAccessObject_busy, "f");
+    }
+    get environmentMapLoaded() {
+        return __classPrivateFieldGet(this, _ViewportGlobalAccessObject_environmentMapLoaded, "f");
+    }
+    set environmentMapLoaded(value) {
+        __classPrivateFieldSet(this, _ViewportGlobalAccessObject_environmentMapLoaded, value, "f");
+    }
+    get id() {
+        return __classPrivateFieldGet(this, _ViewportGlobalAccessObject_viewportEngine, "f").id;
+    }
+    get initialized() {
+        return __classPrivateFieldGet(this, _ViewportGlobalAccessObject_initialized, "f");
+    }
+    get sessionSettingsId() {
+        return __classPrivateFieldGet(this, _ViewportGlobalAccessObject_viewportEngine, "f").sessionSettingsId;
+    }
+    get sessionSettingsMode() {
+        return __classPrivateFieldGet(this, _ViewportGlobalAccessObject_viewportEngine, "f").sessionSettingsMode;
+    }
+    get settingsAssigned() {
+        return __classPrivateFieldGet(this, _ViewportGlobalAccessObject_settingsAssigned, "f");
+    }
+    // #endregion Public Getters And Setters (9)
+    // #region Public Methods (6)
+    applySettings(sections, settingsEngine, updateViewport) {
+        return __classPrivateFieldGet(this, _ViewportGlobalAccessObject_viewportEngine, "f").applySettings(sections, settingsEngine, updateViewport);
+    }
+    assignSettingsEngine(settingsEngine) {
+        __classPrivateFieldGet(this, _ViewportGlobalAccessObject_viewportEngine, "f").assignSettingsEngine(settingsEngine);
+    }
+    displayErrorMessage(message) {
+        __classPrivateFieldGet(this, _ViewportGlobalAccessObject_viewportEngine, "f").displayErrorMessage(message);
+    }
+    reset() {
+        __classPrivateFieldGet(this, _ViewportGlobalAccessObject_viewportEngine, "f").reset();
+    }
+    saveSettings() {
+        __classPrivateFieldGet(this, _ViewportGlobalAccessObject_viewportEngine, "f").saveSettings();
+    }
+    update(id) {
+        __classPrivateFieldGet(this, _ViewportGlobalAccessObject_viewportEngine, "f").update(id);
+    }
+}
+exports.ViewportGlobalAccessObject = ViewportGlobalAccessObject;
+_ViewportGlobalAccessObject_boundingBoxCreated = new WeakMap(), _ViewportGlobalAccessObject_initialized = new WeakMap(), _ViewportGlobalAccessObject_settingsAssigned = new WeakMap(), _ViewportGlobalAccessObject_viewportEngine = new WeakMap(), _ViewportGlobalAccessObject_busy = new WeakMap(), _ViewportGlobalAccessObject_environmentMapLoaded = new WeakMap();
+//# sourceMappingURL=ViewportGlobalAccessObject.js.map

package/dist/implementation/ViewportGlobalAccessObject.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewportGlobalAccessObject.js","sourceRoot":"","sources":["../../src/implementation/ViewportGlobalAccessObject.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,+EAAyH;AAEzH,MAAa,0BAA0B;IAWnC,4BAA4B;IAE5B,2BAA2B;IAE3B,YAAY,cAA+B;QAd3C,yBAAyB;QAEzB,yDAAsD,IAAI,qCAAY,EAAE,EAAC;QACzE,kDAA+C,IAAI,qCAAY,EAAE,EAAC;QAClE,uDAAoD,IAAI,qCAAY,EAAE,EAAC;QACvE,6DAA0C;QAE1C,2CAAkB,EAAE,EAAC;QACrB,2DAA+C,IAAI,qCAAY,EAAE,EAAC;QAO9D,uBAAA,IAAI,8CAAmB,cAAc,MAAA,CAAC;IAC1C,CAAC;IAED,8BAA8B;IAE9B,yCAAyC;IAEzC,IAAW,kBAAkB;QACzB,OAAO,uBAAA,IAAI,sDAAoB,CAAC;IACpC,CAAC;IAED,IAAW,IAAI;QACX,OAAO,uBAAA,IAAI,wCAAM,CAAC;IACtB,CAAC;IAED,IAAW,oBAAoB;QAC3B,OAAO,uBAAA,IAAI,wDAAsB,CAAC;IACtC,CAAC;IAED,IAAW,oBAAoB,CAAC,KAA4B;QACxD,uBAAA,IAAI,oDAAyB,KAAK,MAAA,CAAC;IACvC,CAAC;IAED,IAAW,EAAE;QACT,OAAO,uBAAA,IAAI,kDAAgB,CAAC,EAAE,CAAC;IACnC,CAAC;IAED,IAAW,WAAW;QAClB,OAAO,uBAAA,IAAI,+CAAa,CAAC;IAC7B,CAAC;IAED,IAAW,iBAAiB;QACxB,OAAO,uBAAA,IAAI,kDAAgB,CAAC,iBAAiB,CAAC;IAClD,CAAC;IAED,IAAW,mBAAmB;QAC1B,OAAO,uBAAA,IAAI,kDAAgB,CAAC,mBAAmB,CAAC;IACpD,CAAC;IAED,IAAW,gBAAgB;QACvB,OAAO,uBAAA,IAAI,oDAAkB,CAAC;IAClC,CAAC;IAED,4CAA4C;IAE5C,6BAA6B;IAEtB,aAAa,CAAC,QAAoP,EAAE,cAA2C,EAAE,cAAoC;QACxV,OAAO,uBAAA,IAAI,kDAAgB,CAAC,aAAa,CAAC,QAAQ,EAAE,cAAc,EAAE,cAAc,CAAC,CAAC;IACxF,CAAC;IAEM,oBAAoB,CAAC,cAA8B;QACtD,uBAAA,IAAI,kDAAgB,CAAC,oBAAoB,CAAC,cAAc,CAAC,CAAC;IAC9D,CAAC;IAEM,mBAAmB,CAAC,OAAe;QACtC,uBAAA,IAAI,kDAAgB,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;IACtD,CAAC;IAEM,KAAK;QACR,uBAAA,IAAI,kDAAgB,CAAC,KAAK,EAAE,CAAC;IACjC,CAAC;IAEM,YAAY;QACf,uBAAA,IAAI,kDAAgB,CAAC,YAAY,EAAE,CAAC;IACxC,CAAC;IAEM,MAAM,CAAC,EAAU;QACpB,uBAAA,IAAI,kDAAgB,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IACpC,CAAC;CAGJ;AAxFD,gEAwFC"}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+import { CreationControlCenterViewport } from './implementation/CreationControlCenterViewport';
+import { ICreationControlCenterViewport, ViewportCreationDefinition } from './interfaces/ICreationControlCenterViewport';
+export { ICreationControlCenterViewport, CreationControlCenterViewport, ViewportCreationDefinition };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,gDAAgD,CAAC;AAC/F,OAAO,EAAE,8BAA8B,EAAE,0BAA0B,EAAE,MAAM,6CAA6C,CAAC;AAEzH,OAAO,EACH,8BAA8B,EAAE,6BAA6B,EAC7D,0BAA0B,EAC7B,CAAC"}

package/dist/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CreationControlCenterViewport = void 0;
+const CreationControlCenterViewport_1 = require("./implementation/CreationControlCenterViewport");
+Object.defineProperty(exports, "CreationControlCenterViewport", { enumerable: true, get: function () { return CreationControlCenterViewport_1.CreationControlCenterViewport; } });
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,kGAA+F;AAI3D,8GAJ3B,6DAA6B,OAI2B"}

package/dist/interfaces/ICreationControlCenterViewport.d.ts

@@ -0,0 +1,59 @@
+import { BUSY_MODE_DISPLAY, SPINNER_POSITIONING, VISIBILITY_MODE } from '@shapediver/viewer.rendering-engine.rendering-engine';
+import { ISettings } from '@shapediver/viewer.settings';
+import { IViewportSettingsSections } from '@shapediver/viewer.shared.types';
+import { RenderingEngine as RenderingEngineThreeJs } from '@shapediver/viewer.rendering-engine.rendering-engine-threejs';
+import { SESSION_SETTINGS_MODE } from '@shapediver/viewer.shared.services';
+export declare type ViewportCreationDefinition = {
+    /** The canvas element in which the viewport should be created, it is encourage to provide one. If none was provided, a canvas will be created. */
+    canvas?: HTMLCanvasElement;
+    /** The unique identifier of the session that was specified or automatically chosen on creation of the viewport. */
+    id?: string;
+    /** The branding options of the viewport. */
+    branding?: {
+        /**
+         * Optional URL to a logo to be displayed while the viewport is hidden.
+         * A default logo will be used if none is provided.
+         * Supply null to display no logo at all.
+         */
+        logo?: string | null;
+        /**
+         * Optional background color to show while the viewport is hidden, can include alpha channel.
+         * A default color will be used if none is provided.
+         */
+        backgroundColor?: string;
+        /**
+         * Optional URL to a logo to be displayed while the viewport is in busy mode.
+         * A default logo will be used if none is provided.
+         * The positioning of the spinner can be influenced via {@link SPINNER_POSITIONING}.
+         */
+        busyModeSpinner?: string;
+        /**
+         * The mode used to indicate that the viewport is busy. (default: BUSY_MODE_DISPLAY.SPINNER)
+         * Whenever the busy mode gets toggled, the events {@link EVENTTYPE_VIEWPORT.BUSY_MODE_ON} and {@link EVENTTYPE_VIEWPORT.BUSY_MODE_OFF} will be emitted.
+         */
+        busyModeDisplay?: BUSY_MODE_DISPLAY;
+        /**
+         * Where the spinner that is specified by {@link BUSY_MODE_DISPLAY} is displayed on the screen. (default: BUSY_MODE_DISPLAY.BOTTOM_RIGHT)
+         */
+        spinnerPositioning?: SPINNER_POSITIONING;
+    };
+    /** The id of the session of which the settings should be used. Only works when {@link sessionSettingsMode} is set to {@link SESSION_SETTINGS_MODE.SESSION}. */
+    sessionSettingsId?: string;
+    /** The mode in which settings should be applied. (default: SESSION_SETTINGS_MODE.FIRST) */
+    sessionSettingsMode?: SESSION_SETTINGS_MODE;
+    /** The initial visibility of the viewport. (default: VISIBILITY_MODE.SESSION) */
+    visibility?: VISIBILITY_MODE;
+};
+export interface ICreationControlCenterViewport {
+    updateViewports?: (viewportEngines: {
+        [key: string]: RenderingEngineThreeJs;
+    }) => void;
+    viewportEngines: {
+        [key: string]: RenderingEngineThreeJs;
+    };
+    applyViewportSettings(viewportId: string, settings: ISettings, sections?: IViewportSettingsSections): Promise<void>;
+    closeViewportEngine(id: string): Promise<void>;
+    createViewportEngine(properties: ViewportCreationDefinition): Promise<RenderingEngineThreeJs>;
+    getViewportSettings(viewportId: string): ISettings;
+}
+//# sourceMappingURL=ICreationControlCenterViewport.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ICreationControlCenterViewport.d.ts","sourceRoot":"","sources":["../../src/interfaces/ICreationControlCenterViewport.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,sDAAsD,CAAC;AAC/H,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAC5E,OAAO,EAAE,eAAe,IAAI,sBAAsB,EAAE,MAAM,8DAA8D,CAAC;AACzH,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAI3E,oBAAY,0BAA0B,GAAG;IACrC,kJAAkJ;IAClJ,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,mHAAmH;IACnH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,4CAA4C;IAC5C,QAAQ,CAAC,EAAE;QACP;;;;WAIG;QACH,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACrB;;;WAGG;QACH,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB;;;;WAIG;QACH,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB;;;WAGG;QACH,eAAe,CAAC,EAAE,iBAAiB,CAAC;QACpC;;WAEG;QACH,kBAAkB,CAAC,EAAE,mBAAmB,CAAA;KAE3C,CAAC;IACF,+JAA+J;IAC/J,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2FAA2F;IAC3F,mBAAmB,CAAC,EAAE,qBAAqB,CAAC;IAC5C,iFAAiF;IACjF,UAAU,CAAC,EAAE,eAAe,CAAC;CAChC,CAAA;AAMD,MAAM,WAAW,8BAA8B;IAG3C,eAAe,CAAC,EAAE,CAAC,eAAe,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,sBAAsB,CAAC;KAAE,KAAK,IAAI,CAAC;IACxF,eAAe,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,sBAAsB,CAAC;KAAE,CAAC;IAM5D,qBAAqB,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,yBAAyB,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACpH,mBAAmB,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,oBAAoB,CAAC,UAAU,EAAE,0BAA0B,GAAG,OAAO,CAAC,sBAAsB,CAAC,CAAC;IAC9F,mBAAmB,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;CAGtD"}

package/dist/interfaces/ICreationControlCenterViewport.js

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

package/dist/interfaces/ICreationControlCenterViewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ICreationControlCenterViewport.js","sourceRoot":"","sources":["../../src/interfaces/ICreationControlCenterViewport.ts"],"names":[],"mappings":";;AAyEA,4BAA4B"}

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@shapediver/viewer.creation-control-center.viewport",
+  "version": "3.0.0",
+  "description": "",
+  "keywords": [],
+  "author": "Michael Oppitz <michael@shapediver.com>",
+  "license": "polyform-noncommercial-1.0.0",
+  "main": "dist/index.js",
+  "directories": {
+    "test": "__tests__"
+  },
+  "files": [
+    "dist",
+    "src",
+    "package.json",
+    "README.md",
+    "tsconfig.json"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/shapediver/Viewer.git"
+  },
+  "scripts": {
+    "check": "tsc --noEmit",
+    "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"
+  },
+  "homepage": "https://github.com/shapediver/Viewer#readme",
+  "typings": "dist/index.d.ts",
+  "jest": {
+    "preset": "ts-jest",
+    "testEnvironment": "node"
+  },
+  "dependencies": {
+    "@shapediver/viewer.rendering-engine.rendering-engine": "3.0.0",
+    "@shapediver/viewer.rendering-engine.rendering-engine-threejs": "3.0.0",
+    "@shapediver/viewer.settings": "1.0.1",
+    "@shapediver/viewer.shared.services": "3.0.0"
+  },
+  "gitHead": "b6b0010bf5d5652aa338df8016405d97f33fcabb"
+}

package/src/implementation/CreationControlCenterViewport.ts

@@ -0,0 +1,230 @@
+import { Box } from '@shapediver/viewer.shared.math';
+import {
+    EventEngine,
+    EVENTTYPE,
+    Logger,
+    SESSION_SETTINGS_MODE,
+    SettingsEngine,
+    ShapeDiverViewerViewportError,
+    StateEngine,
+    UuidGenerator
+} from '@shapediver/viewer.shared.services';
+import { ICreationControlCenterViewport, ViewportCreationDefinition } from '../interfaces/ICreationControlCenterViewport';
+import {
+    ISceneEvent,
+    ITaskEvent,
+    IViewportSettingsSections,
+    TASK_TYPE
+} from '@shapediver/viewer.shared.types';
+import { ISettings } from '@shapediver/viewer.settings';
+import { ITree, Tree } from '@shapediver/viewer.shared.node-tree';
+import { RenderingEngine as RenderingEngineThreeJs } from '@shapediver/viewer.rendering-engine.rendering-engine-threejs';
+import { ViewportGlobalAccessObject } from './ViewportGlobalAccessObject';
+import { VISIBILITY_MODE } from '@shapediver/viewer.rendering-engine.rendering-engine';
+
+export class CreationControlCenterViewport implements ICreationControlCenterViewport {
+    // #region Properties (8)
+
+    readonly #eventEngine: EventEngine = EventEngine.instance;
+    readonly #logger: Logger = Logger.instance;
+    readonly #sceneTree: ITree = Tree.instance;
+    readonly #stateEngine: StateEngine = StateEngine.instance;
+    readonly #uuidGenerator: UuidGenerator = UuidGenerator.instance;
+
+    private static _instance: CreationControlCenterViewport;
+
+    public readonly viewportEngines: { [key: string]: RenderingEngineThreeJs } = {};
+
+    public updateViewport?: (
+        viewportEngines: { [key: string]: RenderingEngineThreeJs; },
+    ) => void;
+
+    // #endregion Properties (8)
+
+    // #region Public Static Getters And Setters (1)
+
+    public static get instance() {
+        return this._instance || (this._instance = new this());
+    }
+
+    // #endregion Public Static Getters And Setters (1)
+
+    // #region Public Methods (4)
+
+    public applyViewportSettings(viewportId: string, settings: ISettings, sections: IViewportSettingsSections = { ar: false, scene: false, camera: false, light: false, environment: false, general: false }): Promise<void> {
+        sections = sections || {};
+
+        const settingsEngine: SettingsEngine = new SettingsEngine();
+        settingsEngine.loadSettings(settings);
+
+        const promises: Promise<unknown>[] = [];
+        this.#stateEngine.viewportEngines[viewportId].settingsAssigned.reset();
+        promises.push(new Promise<void>(resolve => {
+            this.#stateEngine.viewportEngines[viewportId].settingsAssigned.then(() => {
+                resolve();
+            });
+        }));
+
+        this.viewportEngines[viewportId].applySettings(sections, settingsEngine);
+        return new Promise(resolve => Promise.all(promises).then(() => resolve()));
+    }
+
+    public async closeViewportEngine(id: string): Promise<void> {
+        if (!this.viewportEngines[id]) return;
+
+        this.#logger.debugLow(`CreationControlCenter.closeViewportEngine: Closing viewport ${id}.`);
+        if (this.#stateEngine.viewportEngines[id].initialized.resolved === false)
+            await new Promise<void>(resolve => { this.#stateEngine.viewportEngines[id].initialized.then(() => resolve()); });
+
+        this.#stateEngine.viewportEngines[id].settingsAssigned.reset();
+        this.#stateEngine.viewportEngines[id].environmentMapLoaded.reset();
+        this.#stateEngine.viewportEngines[id].initialized.reset();
+
+        await this.viewportEngines[id].close();
+
+        (<unknown>this.viewportEngines[id]) = undefined;
+        delete this.viewportEngines[id];
+        delete this.#stateEngine.viewportEngines[id];
+
+        this.#logger.debug('CreationControlCenter.closeViewportEngine: Viewport closed.');
+        if (this.updateViewport) this.updateViewport(this.viewportEngines);
+
+        this.#eventEngine.emitEvent(EVENTTYPE.VIEWPORT.VIEWPORT_CLOSED, { viewportId: id });
+    }
+
+    public async createViewportEngine(properties: ViewportCreationDefinition): Promise<RenderingEngineThreeJs> {
+        const eventId = this.#uuidGenerator.create();
+        const viewportEngineId = properties.id || this.#uuidGenerator.create();
+        properties.id = viewportEngineId;
+        try {
+            const eventStart: ITaskEvent = { type: TASK_TYPE.VIEWPORT_CREATION, id: eventId, progress: 0, status: 'Creating viewport', data: { viewportId: viewportEngineId } };
+            this.#eventEngine.emitEvent(EVENTTYPE.TASK.TASK_START, eventStart);
+
+            // check if the given id is valid
+            if (this.viewportEngines[viewportEngineId]) {
+                const eventClose: ITaskEvent = { type: TASK_TYPE.VIEWPORT_CREATION, id: eventId, progress: 0.1, status: 'Closing viewport with same id', data: { viewportId: viewportEngineId } };
+                this.#eventEngine.emitEvent(EVENTTYPE.TASK.TASK_PROCESS, eventClose);
+
+                this.#logger.warn(`CreationControlCenter.createViewport: Viewer with this id (${viewportEngineId}) already exists. Closing initial instance.`);
+                await this.closeViewportEngine(viewportEngineId);
+            }
+
+            const viewportEngine = new RenderingEngineThreeJs(properties);
+            this.#stateEngine.viewportEngines[viewportEngineId] = new ViewportGlobalAccessObject(viewportEngine);
+            this.viewportEngines[viewportEngineId] = viewportEngine;
+            viewportEngine.start();
+
+            viewportEngine.cameraEngine.createDefaultCameras();
+
+            if (properties.sessionSettingsMode === SESSION_SETTINGS_MODE.MANUAL) {
+                if (!properties.sessionSettingsId)
+                    throw new ShapeDiverViewerViewportError('Session with sessionSettingsMode MANUAL needs to have a sessionSettingsId.');
+                const sessionSettingsId = properties.sessionSettingsId;
+                if (this.#stateEngine.sessionEngines[sessionSettingsId]) {
+                    await this.assignSettings(viewportEngine.id, sessionSettingsId, true);
+                } else {
+                    // in createSession
+                }
+            } else if (properties.sessionSettingsMode === SESSION_SETTINGS_MODE.FIRST) {
+                const firstSessionEngine = Object.values(this.#stateEngine.sessionEngines).find(sessionEngine => sessionEngine.isFirstSession === true);
+                if (firstSessionEngine) {
+                    await this.assignSettings(viewportEngine.id, firstSessionEngine.id, true);
+                } else {
+                    // in createSession
+                }
+            }
+
+            if (viewportEngine.sessionSettingsMode === SESSION_SETTINGS_MODE.NONE &&
+                viewportEngine.visibility === VISIBILITY_MODE.SESSION) {
+                viewportEngine.show = true;
+            } else if (viewportEngine.visibility === VISIBILITY_MODE.INSTANT) {
+                viewportEngine.show = true;
+            } else if (viewportEngine.visibility === VISIBILITY_MODE.SESSION) {
+                // wait for settings to load before showing the scene
+                if (this.#sceneTree.root.boundingBox.isEmpty()) {
+                    this.#eventEngine.addListener(EVENTTYPE.SCENE.SCENE_BOUNDING_BOX_CHANGE, (e) => {
+                        const event = e as ISceneEvent;
+                        if (event.viewportId === viewportEngine.id) {
+                            const boundingBox = new Box(event.boundingBox!.min, event.boundingBox!.max);
+                            if (boundingBox.isEmpty()) {
+                                viewportEngine.show = false;
+                            } else {
+                                if (this.#stateEngine.viewportEngines[viewportEngineId].settingsAssigned.resolved) {
+                                    viewportEngine.show = true;
+                                } else {
+                                    this.#stateEngine.viewportEngines[viewportEngineId].settingsAssigned.then(() => {
+                                        viewportEngine.show = true;
+                                    });
+                                }
+                            }
+                        }
+                    });
+                } else {
+                    if (this.#stateEngine.viewportEngines[viewportEngineId].settingsAssigned.resolved) {
+                        viewportEngine.show = true;
+                    } else {
+                        this.#stateEngine.viewportEngines[viewportEngineId].settingsAssigned.then(() => {
+                            viewportEngine.show = true;
+                        });
+                    }
+                }
+            }
+
+            this.#stateEngine.viewportEngines[viewportEngineId].initialized.resolve(true);
+
+            this.#logger.debug(`CreationControlCenter.createViewport: Viewport(${viewportEngineId}) created.`);
+
+            const eventEnd: ITaskEvent = { type: TASK_TYPE.VIEWPORT_CREATION, id: eventId, progress: 1, status: 'Viewport created', data: { viewportId: viewportEngineId } };
+
+            if (this.updateViewport) this.updateViewport(this.viewportEngines);
+
+            this.#eventEngine.emitEvent(EVENTTYPE.VIEWPORT.VIEWPORT_CREATED, { viewportId: viewportEngineId });
+            this.#eventEngine.emitEvent(EVENTTYPE.TASK.TASK_END, eventEnd);
+            return <RenderingEngineThreeJs>this.viewportEngines[viewportEngineId];
+        } catch (e) {
+            const eventCancel1: ITaskEvent = { type: TASK_TYPE.VIEWPORT_CREATION, id: eventId, progress: 0.9, status: 'Viewport created failed, closing viewport', data: { viewportId: viewportEngineId } };
+            this.#eventEngine.emitEvent(EVENTTYPE.TASK.TASK_PROCESS, eventCancel1);
+
+            try { await this.closeViewportEngine(viewportEngineId); } catch { /* empty */ }
+
+            const eventCancel2: ITaskEvent = { type: TASK_TYPE.VIEWPORT_CREATION, id: eventId, progress: 1, status: 'Viewport created failed, exiting', data: { viewportId: viewportEngineId } };
+            this.#eventEngine.emitEvent(EVENTTYPE.TASK.TASK_CANCEL, eventCancel2);
+
+            throw e;
+        }
+    }
+
+    public getViewportSettings(viewportId: string): ISettings {
+        const viewportEngine = this.viewportEngines[viewportId];
+        if (!viewportEngine)
+            throw new ShapeDiverViewerViewportError('Viewport with id ' + viewportId + ' could not be found.');
+
+        const settingsEngine: SettingsEngine = new SettingsEngine();
+        viewportEngine.saveSettings(settingsEngine);
+        return settingsEngine.settings;
+    }
+
+    // #endregion Public Methods (4)
+
+    // #region Private Methods (1)
+
+    private async assignSettings(viewportEngineId: string, sessionEngineId: string, updateViewport: boolean = false) {
+        const viewportEngine = this.#stateEngine.viewportEngines[viewportEngineId];
+
+        if (this.#stateEngine.sessionEngines[sessionEngineId].initialized.resolved === true) {
+            // immediate
+            viewportEngine.assignSettingsEngine(this.#stateEngine.sessionEngines[sessionEngineId].settingsEngine);
+            await viewportEngine.applySettings(undefined, undefined, updateViewport);
+        } else {
+            await new Promise<void>(resolve => {
+                this.#stateEngine.sessionEngines[sessionEngineId].initialized.then(async () => {
+                    viewportEngine.assignSettingsEngine(this.#stateEngine.sessionEngines[sessionEngineId].settingsEngine);
+                    await viewportEngine.applySettings(undefined, undefined, updateViewport);
+                    resolve();
+                });
+            });
+        }
+    }
+
+    // #endregion Private Methods (1)
+}

package/src/implementation/ViewportGlobalAccessObject.ts

@@ -0,0 +1,92 @@
+import { RenderingEngine } from '@shapediver/viewer.rendering-engine.rendering-engine-threejs';
+import { IViewportGlobalAccessObjectDefinition, SettingsEngine, StatePromise } from '@shapediver/viewer.shared.services';
+
+export class ViewportGlobalAccessObject implements IViewportGlobalAccessObjectDefinition {
+    // #region Properties (6)
+
+    readonly #boundingBoxCreated: StatePromise<boolean> = new StatePromise();
+    readonly #initialized: StatePromise<boolean> = new StatePromise();
+    readonly #settingsAssigned: StatePromise<boolean> = new StatePromise();
+    readonly #viewportEngine: RenderingEngine;
+
+    #busy: string[] = [];
+    #environmentMapLoaded: StatePromise<boolean> = new StatePromise();
+
+    // #endregion Properties (6)
+
+    // #region Constructors (1)
+
+    constructor(viewportEngine: RenderingEngine) {
+        this.#viewportEngine = viewportEngine;
+    }
+
+    // #endregion Constructors (1)
+
+    // #region Public Getters And Setters (9)
+
+    public get boundingBoxCreated(): StatePromise<boolean> {
+        return this.#boundingBoxCreated;
+    }
+
+    public get busy(): string[] {
+        return this.#busy;
+    }
+
+    public get environmentMapLoaded(): StatePromise<boolean> {
+        return this.#environmentMapLoaded;
+    }
+
+    public set environmentMapLoaded(value: StatePromise<boolean>) {
+        this.#environmentMapLoaded = value;
+    }
+
+    public get id(): string {
+        return this.#viewportEngine.id;
+    }
+
+    public get initialized(): StatePromise<boolean> {
+        return this.#initialized;
+    }
+
+    public get sessionSettingsId(): string | undefined {
+        return this.#viewportEngine.sessionSettingsId;
+    }
+
+    public get sessionSettingsMode() {
+        return this.#viewportEngine.sessionSettingsMode;
+    }
+
+    public get settingsAssigned(): StatePromise<boolean> {
+        return this.#settingsAssigned;
+    }
+
+    // #endregion Public Getters And Setters (9)
+
+    // #region Public Methods (6)
+
+    public applySettings(sections?: { ar?: boolean | undefined; scene?: boolean | undefined; camera?: boolean | undefined; light?: boolean | undefined; environment?: boolean | undefined; general?: boolean | undefined; postprocessing?: boolean | undefined; } | undefined, settingsEngine?: SettingsEngine | undefined, updateViewport?: boolean | undefined): Promise<void> {
+        return this.#viewportEngine.applySettings(sections, settingsEngine, updateViewport);
+    }
+
+    public assignSettingsEngine(settingsEngine: SettingsEngine): void {
+        this.#viewportEngine.assignSettingsEngine(settingsEngine);
+    }
+
+    public displayErrorMessage(message: string): void {
+        this.#viewportEngine.displayErrorMessage(message);
+    }
+
+    public reset(): void {
+        this.#viewportEngine.reset();
+    }
+
+    public saveSettings(): void {
+        this.#viewportEngine.saveSettings();
+    }
+
+    public update(id: string): void {
+        this.#viewportEngine.update(id);
+    }
+
+    // #endregion Public Methods (6)
+}

package/src/index.ts

@@ -0,0 +1,7 @@
+import { CreationControlCenterViewport } from './implementation/CreationControlCenterViewport';
+import { ICreationControlCenterViewport, ViewportCreationDefinition } from './interfaces/ICreationControlCenterViewport';
+
+export {
+    ICreationControlCenterViewport, CreationControlCenterViewport,
+    ViewportCreationDefinition
+};

package/src/interfaces/ICreationControlCenterViewport.ts

@@ -0,0 +1,74 @@
+import { BUSY_MODE_DISPLAY, SPINNER_POSITIONING, VISIBILITY_MODE } from '@shapediver/viewer.rendering-engine.rendering-engine';
+import { ISettings } from '@shapediver/viewer.settings';
+import { IViewportSettingsSections } from '@shapediver/viewer.shared.types';
+import { RenderingEngine as RenderingEngineThreeJs } from '@shapediver/viewer.rendering-engine.rendering-engine-threejs';
+import { SESSION_SETTINGS_MODE } from '@shapediver/viewer.shared.services';
+
+// #region Type aliases (1)
+
+export type ViewportCreationDefinition = {
+    /** The canvas element in which the viewport should be created, it is encourage to provide one. If none was provided, a canvas will be created. */
+    canvas?: HTMLCanvasElement,
+    /** The unique identifier of the session that was specified or automatically chosen on creation of the viewport. */
+    id?: string,
+    /** The branding options of the viewport. */
+    branding?: {
+        /** 
+         * Optional URL to a logo to be displayed while the viewport is hidden. 
+         * A default logo will be used if none is provided. 
+         * Supply null to display no logo at all.
+         */
+        logo?: string | null,
+        /** 
+         * Optional background color to show while the viewport is hidden, can include alpha channel. 
+         * A default color will be used if none is provided.
+         */
+        backgroundColor?: string,
+        /** 
+         * Optional URL to a logo to be displayed while the viewport is in busy mode. 
+         * A default logo will be used if none is provided. 
+         * The positioning of the spinner can be influenced via {@link SPINNER_POSITIONING}.
+         */
+        busyModeSpinner?: string,
+        /**
+         * The mode used to indicate that the viewport is busy. (default: BUSY_MODE_DISPLAY.SPINNER)
+         * Whenever the busy mode gets toggled, the events {@link EVENTTYPE_VIEWPORT.BUSY_MODE_ON} and {@link EVENTTYPE_VIEWPORT.BUSY_MODE_OFF} will be emitted.
+         */
+        busyModeDisplay?: BUSY_MODE_DISPLAY,
+        /**
+         * Where the spinner that is specified by {@link BUSY_MODE_DISPLAY} is displayed on the screen. (default: BUSY_MODE_DISPLAY.BOTTOM_RIGHT)
+         */
+        spinnerPositioning?: SPINNER_POSITIONING
+
+    },
+    /** The id of the session of which the settings should be used. Only works when {@link sessionSettingsMode} is set to {@link SESSION_SETTINGS_MODE.SESSION}. */
+    sessionSettingsId?: string,
+    /** The mode in which settings should be applied. (default: SESSION_SETTINGS_MODE.FIRST) */
+    sessionSettingsMode?: SESSION_SETTINGS_MODE,
+    /** The initial visibility of the viewport. (default: VISIBILITY_MODE.SESSION) */
+    visibility?: VISIBILITY_MODE,
+}
+
+// #endregion Type aliases (1)
+
+// #region Interfaces (1)
+
+export interface ICreationControlCenterViewport {
+    // #region Properties (2)
+
+    updateViewports?: (viewportEngines: { [key: string]: RenderingEngineThreeJs; }) => void;
+    viewportEngines: { [key: string]: RenderingEngineThreeJs; };
+
+    // #endregion Properties (2)
+
+    // #region Public Methods (4)
+
+    applyViewportSettings(viewportId: string, settings: ISettings, sections?: IViewportSettingsSections): Promise<void>;
+    closeViewportEngine(id: string): Promise<void>;
+    createViewportEngine(properties: ViewportCreationDefinition): Promise<RenderingEngineThreeJs>;
+    getViewportSettings(viewportId: string): ISettings;
+
+    // #endregion Public Methods (4)
+}
+
+// #endregion Interfaces (1)

package/tsconfig.json

@@ -0,0 +1,17 @@
+{
+    "extends": "../../tsconfig.json",
+    "include": [
+        "./**/*.ts"
+    ],
+    "compilerOptions": {
+        "rootDir": "src",
+        "outDir": "dist"
+    },
+    "exclude": [
+        "__tests__",
+        "node_modules",
+        "dist",
+        "dist-dev",
+        "dist-prod"
+    ]
+}