@shapediver/viewer.session-engine.session-engine 3.9.0 → 3.9.1

package/dist/implementation/SessionEngine.js

@@ -22,23 +22,23 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
 var _SessionEngine_customizationBusyModes, _SessionEngine_customizationProcess, _SessionEngine_parameterHistory, _SessionEngine_parameterHistoryCall, _SessionEngine_parameterHistoryForward;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SessionEngine = void 0;
+const sdk_geometry_api_sdk_v2_1 = require("@shapediver/sdk.geometry-api-sdk-v2");
 const viewer_settings_1 = require("@shapediver/viewer.settings");
+const viewer_shared_node_tree_1 = require("@shapediver/viewer.shared.node-tree");
 const viewer_shared_services_1 = require("@shapediver/viewer.shared.services");
-const sdk_geometry_api_sdk_v2_1 = require("@shapediver/sdk.geometry-api-sdk-v2");
+const viewer_shared_types_1 = require("@shapediver/viewer.shared.types");
 const DrawingParameter_1 = require("./dto/DrawingParameter");
 const Export_1 = require("./dto/Export");
 const FileParameter_1 = require("./dto/FileParameter");
+const DraggingParameter_1 = require("./dto/interaction/DraggingParameter");
 const GumballParameter_1 = require("./dto/interaction/GumballParameter");
-const viewer_shared_types_1 = require("@shapediver/viewer.shared.types");
-const viewer_shared_node_tree_1 = require("@shapediver/viewer.shared.node-tree");
+const SelectionParameter_1 = require("./dto/interaction/SelectionParameter");
 const Output_1 = require("./dto/Output");
+const Parameter_1 = require("./dto/Parameter");
 const OutputDelayException_1 = require("./OutputDelayException");
 const OutputLoader_1 = require("./OutputLoader");
-const Parameter_1 = require("./dto/Parameter");
-const SelectionParameter_1 = require("./dto/interaction/SelectionParameter");
 const SessionData_1 = require("./SessionData");
 const SessionTreeNode_1 = require("./SessionTreeNode");
-const DraggingParameter_1 = require("./dto/interaction/DraggingParameter");
 /* eslint-disable @typescript-eslint/no-empty-function */
 class SessionEngine {
     // #endregion Properties (50)
@@ -60,7 +60,7 @@ class SessionEngine {
         this._parameters = {};
         this._performanceEvaluator = viewer_shared_services_1.PerformanceEvaluator.instance;
         this._sceneTree = viewer_shared_node_tree_1.Tree.instance;
-        this._sessionEngineId = (viewer_shared_services_1.UuidGenerator.instance).create();
+        this._sessionEngineId = viewer_shared_services_1.UuidGenerator.instance.create();
         this._settingsEngine = new viewer_shared_services_1.SettingsEngine();
         this._stateEngine = viewer_shared_services_1.StateEngine.instance;
         this._uuidGenerator = viewer_shared_services_1.UuidGenerator.instance;
@@ -77,10 +77,10 @@ class SessionEngine {
         this._dataCache = {};
         this._excludeViewports = [];
         this._headers = {
-            'X-ShapeDiver-Origin': (viewer_shared_services_1.SystemInfo.instance).origin,
-            'X-ShapeDiver-SessionEngineId': this._sessionEngineId,
-            'X-ShapeDiver-BuildVersion': '',
-            'X-ShapeDiver-BuildDate': ''
+            "X-ShapeDiver-Origin": viewer_shared_services_1.SystemInfo.instance.origin,
+            "X-ShapeDiver-SessionEngineId": this._sessionEngineId,
+            "X-ShapeDiver-BuildVersion": "",
+            "X-ShapeDiver-BuildDate": "",
         };
         this._initialized = false;
         this._loadSdtf = false;
@@ -99,9 +99,12 @@ class SessionEngine {
         this._loadSdtf = properties.loadSdtf;
         this._modelStateId = properties.modelStateId;
         this._modelStateValidationMode = properties.modelStateValidationMode;
-        this._throwOnCustomizationError = properties.throwOnCustomizationError !== undefined ? properties.throwOnCustomizationError : false;
-        this._headers['X-ShapeDiver-BuildDate'] = properties.buildDate;
-        this._headers['X-ShapeDiver-BuildVersion'] = properties.buildVersion;
+        this._throwOnCustomizationError =
+            properties.throwOnCustomizationError !== undefined
+                ? properties.throwOnCustomizationError
+                : false;
+        this._headers["X-ShapeDiver-BuildDate"] = properties.buildDate;
+        this._headers["X-ShapeDiver-BuildVersion"] = properties.buildVersion;
         this._outputLoader = new OutputLoader_1.OutputLoader(this);
         try {
             this._sdk = (0, sdk_geometry_api_sdk_v2_1.create)(this._modelViewUrl, this._jwtToken);
@@ -118,11 +121,13 @@ class SessionEngine {
     }
     set automaticSceneUpdate(value) {
         this._automaticSceneUpdate = value;
-        value && this._closed === false ? this.addToSceneTree(this._node) : this.removeFromSceneTree(this._node);
+        value && this._closed === false
+            ? this.addToSceneTree(this._node)
+            : this.removeFromSceneTree(this._node);
     }
     get canUploadGLTF() {
         try {
-            this.checkAvailability('gltf-upload');
+            this.checkAvailability("gltf-upload");
             return true;
         }
         catch (e) {
@@ -223,57 +228,90 @@ class SessionEngine {
         if (sections.session === undefined) {
             sections.session = {
                 parameter: { displayname: false, order: false, hidden: false },
-                export: { displayname: false, order: false, hidden: false }
+                export: { displayname: false, order: false, hidden: false },
             };
         }
         if (sections.session.parameter === undefined)
-            sections.session.parameter = { displayname: false, order: false, hidden: false, value: false };
+            sections.session.parameter = {
+                displayname: false,
+                order: false,
+                hidden: false,
+                value: false,
+            };
         if (sections.session.export === undefined)
-            sections.session.export = { displayname: false, order: false, hidden: false };
+            sections.session.export = {
+                displayname: false,
+                order: false,
+                hidden: false,
+            };
         if (sections.viewport === undefined)
-            sections.viewport = { ar: false, scene: false, camera: false, light: false, environment: false, general: false, postprocessing: false };
+            sections.viewport = {
+                ar: false,
+                scene: false,
+                camera: false,
+                light: false,
+                environment: false,
+                general: false,
+                postprocessing: false,
+            };
         let config;
         if (response.viewer !== undefined) {
             config = response.viewer.config;
         }
         else {
-            throw new viewer_shared_services_1.ShapeDiverViewerSettingsError('Session.applySettings: No config object available.');
+            throw new viewer_shared_services_1.ShapeDiverViewerSettingsError("Session.applySettings: No config object available.");
         }
         try {
             (0, viewer_settings_1.validate)(config);
         }
         catch (e) {
-            throw new viewer_shared_services_1.ShapeDiverViewerSettingsError('Session.applySettings: Was not able to validate config object.');
+            throw new viewer_shared_services_1.ShapeDiverViewerSettingsError("Session.applySettings: Was not able to validate config object.");
         }
         const settings = (0, viewer_settings_1.convert)(config, viewer_settings_1.latestVersion);
         const exportMappingUid = {};
-        if (sections.session.export.displayname || sections.session.export.order || sections.session.export.hidden)
+        if (sections.session.export.displayname ||
+            sections.session.export.order ||
+            sections.session.export.hidden)
             if (response.exports)
                 for (const exportId in response.exports)
                     if (response.exports[exportId].uid !== undefined)
-                        exportMappingUid[response.exports[exportId].uid] = exportId;
+                        exportMappingUid[response.exports[exportId].uid] =
+                            exportId;
         const currentSettings = this._settingsEngine.settings;
         // apply parameter settings
-        if (sections.session.parameter.displayname || sections.session.parameter.order || sections.session.parameter.hidden || sections.session.parameter.value) {
+        if (sections.session.parameter.displayname ||
+            sections.session.parameter.order ||
+            sections.session.parameter.hidden ||
+            sections.session.parameter.value) {
             for (const p in this.parameters) {
                 if (settings.session[p]) {
                     if (sections.session.parameter.displayname)
-                        this.parameters[p].displayname = settings.session[p].displayname;
+                        this.parameters[p].displayname =
+                            settings.session[p].displayname;
                     if (sections.session.parameter.order)
                         this.parameters[p].order = settings.session[p].order;
                     if (sections.session.parameter.hidden)
-                        this.parameters[p].hidden = settings.session[p].hidden || false;
+                        this.parameters[p].hidden =
+                            settings.session[p].hidden || false;
                 }
-                if (response.parameters && response.parameters[p] && !((this.parameters[p] instanceof FileParameter_1.FileParameter) || this.parameters[p].type.startsWith('s'))) {
+                if (response.parameters &&
+                    response.parameters[p] &&
+                    !(this.parameters[p] instanceof FileParameter_1.FileParameter ||
+                        this.parameters[p].type.startsWith("s"))) {
                     if (sections.session.parameter.value)
-                        this.parameters[p].value = response.parameters[p].defval !== undefined ? response.parameters[p].defval : this.parameters[p].value;
+                        this.parameters[p].value =
+                            response.parameters[p].defval !== undefined
+                                ? response.parameters[p].defval
+                                : this.parameters[p].value;
                 }
             }
         }
         // apply export settings
-        if (sections.session.export.displayname || sections.session.export.order || sections.session.export.hidden) {
+        if (sections.session.export.displayname ||
+            sections.session.export.order ||
+            sections.session.export.hidden) {
             for (const p in this.exports) {
-                let idForSettings = '';
+                let idForSettings = "";
                 if (settings.session[p]) {
                     idForSettings = p;
                 }
@@ -287,18 +325,22 @@ class SessionEngine {
                 }
                 if (settings.session[idForSettings]) {
                     if (sections.session.export.displayname)
-                        this.exports[p].displayname = settings.session[idForSettings].displayname;
+                        this.exports[p].displayname =
+                            settings.session[idForSettings].displayname;
                     if (sections.session.export.order)
-                        this.exports[p].order = settings.session[idForSettings].order;
+                        this.exports[p].order =
+                            settings.session[idForSettings].order;
                     if (sections.session.export.hidden)
-                        this.exports[p].hidden = settings.session[idForSettings].hidden || false;
+                        this.exports[p].hidden =
+                            settings.session[idForSettings].hidden || false;
                 }
             }
         }
         // apply ar settings
         if (sections.viewport.ar) {
             currentSettings.ar = settings.ar;
-            currentSettings.general.transformation = settings.general.transformation;
+            currentSettings.general.transformation =
+                settings.general.transformation;
         }
         // apply camera settings
         if (sections.viewport.camera)
@@ -308,44 +350,71 @@ class SessionEngine {
             currentSettings.light = settings.light;
         // apply scene settings
         if (sections.viewport.scene) {
-            currentSettings.environmentGeometry.gridColor = settings.environmentGeometry.gridColor;
-            currentSettings.environmentGeometry.gridVisibility = settings.environmentGeometry.gridVisibility;
-            currentSettings.environmentGeometry.groundPlaneColor = settings.environmentGeometry.groundPlaneColor;
-            currentSettings.environmentGeometry.groundPlaneVisibility = settings.environmentGeometry.groundPlaneVisibility;
-            currentSettings.environmentGeometry.groundPlaneShadowColor = settings.environmentGeometry.groundPlaneShadowColor;
-            currentSettings.environmentGeometry.groundPlaneShadowVisibility = settings.environmentGeometry.groundPlaneShadowVisibility;
-            currentSettings.environmentGeometry.contactShadowVisibility = settings.environmentGeometry.contactShadowVisibility;
-            currentSettings.environmentGeometry.contactShadowHeight = settings.environmentGeometry.contactShadowHeight;
-            currentSettings.environmentGeometry.contactShadowBlur = settings.environmentGeometry.contactShadowBlur;
-            currentSettings.environmentGeometry.contactShadowOpacity = settings.environmentGeometry.contactShadowOpacity;
-            currentSettings.environmentGeometry.contactShadowDarkness = settings.environmentGeometry.contactShadowDarkness;
+            currentSettings.environmentGeometry.gridColor =
+                settings.environmentGeometry.gridColor;
+            currentSettings.environmentGeometry.gridVisibility =
+                settings.environmentGeometry.gridVisibility;
+            currentSettings.environmentGeometry.groundPlaneColor =
+                settings.environmentGeometry.groundPlaneColor;
+            currentSettings.environmentGeometry.groundPlaneVisibility =
+                settings.environmentGeometry.groundPlaneVisibility;
+            currentSettings.environmentGeometry.groundPlaneShadowColor =
+                settings.environmentGeometry.groundPlaneShadowColor;
+            currentSettings.environmentGeometry.groundPlaneShadowVisibility =
+                settings.environmentGeometry.groundPlaneShadowVisibility;
+            currentSettings.environmentGeometry.contactShadowVisibility =
+                settings.environmentGeometry.contactShadowVisibility;
+            currentSettings.environmentGeometry.contactShadowHeight =
+                settings.environmentGeometry.contactShadowHeight;
+            currentSettings.environmentGeometry.contactShadowBlur =
+                settings.environmentGeometry.contactShadowBlur;
+            currentSettings.environmentGeometry.contactShadowOpacity =
+                settings.environmentGeometry.contactShadowOpacity;
+            currentSettings.environmentGeometry.contactShadowDarkness =
+                settings.environmentGeometry.contactShadowDarkness;
             currentSettings.rendering.shadows = settings.rendering.shadows;
-            currentSettings.rendering.softShadows = settings.rendering.softShadows;
-            currentSettings.rendering.automaticColorAdjustment = settings.rendering.automaticColorAdjustment;
-            currentSettings.rendering.textureEncoding = settings.rendering.textureEncoding;
-            currentSettings.rendering.outputEncoding = settings.rendering.outputEncoding;
-            currentSettings.rendering.physicallyCorrectLights = settings.rendering.physicallyCorrectLights;
-            currentSettings.rendering.toneMapping = settings.rendering.toneMapping;
-            currentSettings.rendering.toneMappingExposure = settings.rendering.toneMappingExposure;
+            currentSettings.rendering.softShadows =
+                settings.rendering.softShadows;
+            currentSettings.rendering.automaticColorAdjustment =
+                settings.rendering.automaticColorAdjustment;
+            currentSettings.rendering.textureEncoding =
+                settings.rendering.textureEncoding;
+            currentSettings.rendering.outputEncoding =
+                settings.rendering.outputEncoding;
+            currentSettings.rendering.physicallyCorrectLights =
+                settings.rendering.physicallyCorrectLights;
+            currentSettings.rendering.toneMapping =
+                settings.rendering.toneMapping;
+            currentSettings.rendering.toneMappingExposure =
+                settings.rendering.toneMappingExposure;
         }
         if (sections.viewport.general) {
-            currentSettings.general.commitParameters = settings.general.commitParameters;
+            currentSettings.general.commitParameters =
+                settings.general.commitParameters;
             currentSettings.general.pointSize = settings.general.pointSize;
-            currentSettings.material.defaultMaterialColor = settings.material.defaultMaterialColor;
-            currentSettings.material.materialOverrideType = settings.material.materialOverrideType;
+            currentSettings.material.defaultMaterialColor =
+                settings.material.defaultMaterialColor;
+            currentSettings.material.materialOverrideType =
+                settings.material.materialOverrideType;
         }
         // apply postprocessing settings
         if (sections.viewport.postprocessing)
             currentSettings.postprocessing = settings.postprocessing;
         // apply environment settings
         if (sections.viewport.environment) {
-            currentSettings.environment.clearAlpha = settings.environment.clearAlpha;
-            currentSettings.environment.clearColor = settings.environment.clearColor;
+            currentSettings.environment.clearAlpha =
+                settings.environment.clearAlpha;
+            currentSettings.environment.clearColor =
+                settings.environment.clearColor;
             currentSettings.environment.map = settings.environment.map;
-            currentSettings.environment.mapAsBackground = settings.environment.mapAsBackground;
-            currentSettings.environment.rotation = settings.environment.rotation;
-            currentSettings.environment.blurriness = settings.environment.blurriness;
-            currentSettings.environment.intensity = settings.environment.intensity;
+            currentSettings.environment.mapAsBackground =
+                settings.environment.mapAsBackground;
+            currentSettings.environment.rotation =
+                settings.environment.rotation;
+            currentSettings.environment.blurriness =
+                settings.environment.blurriness;
+            currentSettings.environment.intensity =
+                settings.environment.intensity;
         }
     }
     canGoBack() {
@@ -361,7 +430,8 @@ class SessionEngine {
             this.removeBusyMode(__classPrivateFieldGet(this, _SessionEngine_customizationProcess, "f"));
         for (const busyId of __classPrivateFieldGet(this, _SessionEngine_customizationBusyModes, "f")) {
             for (const r in this._stateEngine.viewportEngines) {
-                if (this._stateEngine.viewportEngines[r] && this._stateEngine.viewportEngines[r].busy.includes(busyId))
+                if (this._stateEngine.viewportEngines[r] &&
+                    this._stateEngine.viewportEngines[r].busy.includes(busyId))
                     this._stateEngine.viewportEngines[r].busy.splice(this._stateEngine.viewportEngines[r].busy.indexOf(busyId), 1);
             }
         }
@@ -370,7 +440,7 @@ class SessionEngine {
     }
     close(retry = false) {
         return __awaiter(this, void 0, void 0, function* () {
-            this.checkAvailability('close');
+            this.checkAvailability("close");
             try {
                 this._httpClient.removeDataLoading(this._sessionId);
                 yield this._sdk.session.close(this._sessionId);
@@ -395,8 +465,10 @@ class SessionEngine {
                     // create a set of the current validated parameter values
                     for (const parameterId in this.parameters) {
                         // if the parameter has not been set, we do not include it in the parameter set if the omitSessionParameterValues flag is set
-                        if (!(omitSessionParameterValues === true && parameterValues[parameterId] === undefined)) {
-                            parameterSet[parameterId] = (' ' + this.parameters[parameterId].stringify(parameterValues[parameterId])).slice(1);
+                        if (!(omitSessionParameterValues === true &&
+                            parameterValues[parameterId] === undefined)) {
+                            parameterSet[parameterId] = (" " +
+                                this.parameters[parameterId].stringify(parameterValues[parameterId])).slice(1);
                         }
                     }
                 }));
@@ -404,8 +476,7 @@ class SessionEngine {
                 let imageData;
                 let imageArrayBuffer;
                 if (image) {
-                    promises.push(this.processImageInput(image)
-                        .then(result => {
+                    promises.push(this.processImageInput(image).then((result) => {
                         imageData = result === null || result === void 0 ? void 0 : result.imageData;
                         imageArrayBuffer = result === null || result === void 0 ? void 0 : result.arrayBuffer;
                     }));
@@ -413,9 +484,10 @@ class SessionEngine {
                 // process the arScene input
                 let arSceneId;
                 if (arScene) {
-                    promises.push(this._converter.convertToArrayBuffer(arScene)
-                        .then(arSceneArrayBuffer => this._sdk.gltf.upload(this._sessionId, arSceneArrayBuffer, 'model/gltf-binary', sdk_geometry_api_sdk_v2_1.ShapeDiverRequestGltfUploadQueryConversion.SCENE))
-                        .then(arSceneResponseDto => {
+                    promises.push(this._converter
+                        .convertToArrayBuffer(arScene)
+                        .then((arSceneArrayBuffer) => this._sdk.gltf.upload(this._sessionId, arSceneArrayBuffer, "model/gltf-binary", sdk_geometry_api_sdk_v2_1.ShapeDiverRequestGltfUploadQueryConversion.SCENE))
+                        .then((arSceneResponseDto) => {
                         var _a;
                         arSceneId = (_a = arSceneResponseDto.gltf) === null || _a === void 0 ? void 0 : _a.sceneId;
                     }));
@@ -427,7 +499,7 @@ class SessionEngine {
                     parameters: parameterSet,
                     data: data,
                     image: imageData,
-                    arSceneId: arSceneId
+                    arSceneId: arSceneId,
                 });
                 if (imageData && imageArrayBuffer)
                     yield this._sdk.utils.uploadAsset(response.asset.modelState.href, imageArrayBuffer, response.asset.modelState.headers);
@@ -454,18 +526,31 @@ class SessionEngine {
                 if (force === false) {
                     let changes = false;
                     for (const parameterId in this.parameters)
-                        if (this.parameters[parameterId].sessionValue !== this.parameters[parameterId].value)
+                        if (this.parameters[parameterId].sessionValue !==
+                            this.parameters[parameterId].value)
                             changes = true;
                     if (changes === false)
                         return this.node;
                 }
-                const eventStart = { type: viewer_shared_types_1.TASK_TYPE.SESSION_CUSTOMIZATION, id: eventId, progress: 0, data: { sessionId: this.id }, status: 'Customizing session' };
+                const eventStart = {
+                    type: viewer_shared_types_1.TASK_TYPE.SESSION_CUSTOMIZATION,
+                    id: eventId,
+                    progress: 0,
+                    data: { sessionId: this.id },
+                    status: "Customizing session",
+                };
                 this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE.TASK.TASK_START, eventStart);
                 const oldNode = this.node;
                 __classPrivateFieldSet(this, _SessionEngine_customizationProcess, customizationId, "f");
                 this._logger.debugLow(`Session(${this.id}).customize: Customizing session.`);
                 this.addBusyMode(customizationId);
-                const eventFileUpload = { type: viewer_shared_types_1.TASK_TYPE.SESSION_CUSTOMIZATION, id: eventId, progress: 0.1, data: { sessionId: this.id }, status: 'Uploading file parameters' };
+                const eventFileUpload = {
+                    type: viewer_shared_types_1.TASK_TYPE.SESSION_CUSTOMIZATION,
+                    id: eventId,
+                    progress: 0.1,
+                    data: { sessionId: this.id },
+                    status: "Uploading file parameters",
+                };
                 this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE.TASK.TASK_PROCESS, eventFileUpload);
                 // upload file parameters
                 yield this.uploadFileParameters();
@@ -478,14 +563,21 @@ class SessionEngine {
                 for (const parameterId in this.parameters) {
                     parameterSet[parameterId] = {
                         value: this.parameters[parameterId].value,
-                        valueString: this.parameters[parameterId].stringify()
+                        valueString: this.parameters[parameterId].stringify(),
                     };
                 }
                 // update the session engine parameter values if everything succeeded
                 for (const parameterId in this.parameters)
-                    this.parameterValues[parameterId] = parameterSet[parameterId].valueString;
+                    this.parameterValues[parameterId] =
+                        parameterSet[parameterId].valueString;
                 this._logger.info(`Session(${this.id}).customize: Customizing session with parameters ${JSON.stringify(this.parameterValues)}.`);
-                const eventRequest = { type: viewer_shared_types_1.TASK_TYPE.SESSION_CUSTOMIZATION, id: eventId, progress: 0.1, data: { sessionId: this.id }, status: 'Sending customization request' };
+                const eventRequest = {
+                    type: viewer_shared_types_1.TASK_TYPE.SESSION_CUSTOMIZATION,
+                    id: eventId,
+                    progress: 0.1,
+                    data: { sessionId: this.id },
+                    status: "Sending customization request",
+                };
                 this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE.TASK.TASK_PROCESS, eventRequest);
                 const oldOutputVersions = this._outputLoader.getCurrentOutputVersions();
                 const newNode = yield this.customizeInternal(() => __classPrivateFieldGet(this, _SessionEngine_customizationProcess, "f") !== customizationId, {
@@ -493,9 +585,9 @@ class SessionEngine {
                     type: viewer_shared_types_1.TASK_TYPE.SESSION_CUSTOMIZATION,
                     progressRange: {
                         min: 0.1,
-                        max: 0.9
+                        max: 0.9,
                     },
-                    data: { sessionId: this.id }
+                    data: { sessionId: this.id },
                 });
                 // OPTION TO SKIP - PART 2
                 const cancelResult2 = this.cancelProcess(customizationId, eventId, viewer_shared_types_1.TASK_TYPE.SESSION_CUSTOMIZATION, 1, { sessionId: this.id });
@@ -503,17 +595,24 @@ class SessionEngine {
                     return cancelResult2;
                 this._warningCreator(this._responseDto.outputs, this._responseDto.exports, this._throwOnCustomizationError);
                 const newOutputVersions = this._outputLoader.getCurrentOutputVersions();
-                const eventSceneUpdate = { type: viewer_shared_types_1.TASK_TYPE.SESSION_CUSTOMIZATION, id: eventId, progress: 0.9, data: { sessionId: this.id }, status: 'Updating scene' };
+                const eventSceneUpdate = {
+                    type: viewer_shared_types_1.TASK_TYPE.SESSION_CUSTOMIZATION,
+                    id: eventId,
+                    progress: 0.9,
+                    data: { sessionId: this.id },
+                    status: "Updating scene",
+                };
                 this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE.TASK.TASK_PROCESS, eventSceneUpdate);
                 // call the update callbacks
                 if (waitForViewportUpdate === false) {
                     for (const outputId in this.outputs) {
-                        if (oldOutputVersions[outputId] !== newOutputVersions[outputId]) {
+                        if (oldOutputVersions[outputId] !==
+                            newOutputVersions[outputId]) {
                             this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE.OUTPUT.OUTPUT_UPDATED, {
                                 outputId: outputId,
                                 outputVersion: newOutputVersions[outputId],
-                                newNode: newNode.children.find(c => c.name === outputId),
-                                oldNode: oldNode.children.find(c => c.name === outputId)
+                                newNode: newNode.children.find((c) => c.name === outputId),
+                                oldNode: oldNode.children.find((c) => c.name === outputId),
                             });
                         }
                     }
@@ -535,31 +634,42 @@ class SessionEngine {
                 this._logger.debug(`Session(${this.id}).customize: Customization request finished, updating geometry.`);
                 // set the session values to the current ones in all parameters
                 for (const parameterId in this.parameters)
-                    this.parameters[parameterId].sessionValue = parameterSet[parameterId].value;
+                    this.parameters[parameterId].sessionValue =
+                        parameterSet[parameterId].value;
                 // set the output content to what has been updated
                 for (const outputId in this.outputs)
-                    this.outputs[outputId].updateOutput(newNode.children.find(c => c.name === outputId), oldNode.children.find(c => c.name === outputId));
+                    this.outputs[outputId].updateOutput(newNode.children.find((c) => c.name === outputId), oldNode.children.find((c) => c.name === outputId));
                 // set the export definitions
                 for (const exportId in this.exports)
                     this.exports[exportId].updateExport();
                 this.node.excludeViewports = JSON.parse(JSON.stringify(this._excludeViewports));
                 this.removeBusyMode(customizationId);
                 this._logger.debug(`Session(${this.id}).customize: Session customized.`);
-                this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE.SESSION.SESSION_CUSTOMIZED, { sessionId: this.id });
-                const eventEnd = { type: viewer_shared_types_1.TASK_TYPE.SESSION_CUSTOMIZATION, id: eventId, progress: 1, data: { sessionId: this.id }, status: 'Session customized' };
+                this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE.SESSION.SESSION_CUSTOMIZED, {
+                    sessionId: this.id,
+                });
+                const eventEnd = {
+                    type: viewer_shared_types_1.TASK_TYPE.SESSION_CUSTOMIZATION,
+                    id: eventId,
+                    progress: 1,
+                    data: { sessionId: this.id },
+                    status: "Session customized",
+                };
                 this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE.TASK.TASK_END, eventEnd);
                 // update the viewports
                 if (waitForViewportUpdate) {
                     for (const r in this._stateEngine.viewportEngines)
-                        if (this._stateEngine.viewportEngines[r] && !this.excludeViewports.includes(this._stateEngine.viewportEngines[r].id))
+                        if (this._stateEngine.viewportEngines[r] &&
+                            !this.excludeViewports.includes(this._stateEngine.viewportEngines[r].id))
                             this._stateEngine.viewportEngines[r].update(`SessionEngine(${this.id}).customize`);
                     for (const outputId in this.outputs) {
-                        if (oldOutputVersions[outputId] !== newOutputVersions[outputId]) {
+                        if (oldOutputVersions[outputId] !==
+                            newOutputVersions[outputId]) {
                             this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE.OUTPUT.OUTPUT_UPDATED, {
                                 outputId: outputId,
                                 outputVersion: newOutputVersions[outputId],
-                                newNode: newNode.children.find(c => c.name === outputId),
-                                oldNode: oldNode.children.find(c => c.name === outputId)
+                                newNode: newNode.children.find((c) => c.name === outputId),
+                                oldNode: oldNode.children.find((c) => c.name === outputId),
                             });
                         }
                     }
@@ -572,14 +682,21 @@ class SessionEngine {
                 if (!waitForViewportUpdate) {
                     setTimeout(() => {
                         for (const r in this._stateEngine.viewportEngines)
-                            if (this._stateEngine.viewportEngines[r] && !this.excludeViewports.includes(this._stateEngine.viewportEngines[r].id))
+                            if (this._stateEngine.viewportEngines[r] &&
+                                !this.excludeViewports.includes(this._stateEngine.viewportEngines[r].id))
                                 this._stateEngine.viewportEngines[r].update(`SessionEngine(${this.id}).customize`);
                     }, 0);
                 }
                 return this.node;
             }
             catch (e) {
-                const eventCancel = { type: viewer_shared_types_1.TASK_TYPE.SESSION_CUSTOMIZATION, id: eventId, progress: 1, data: { sessionId: this.id }, status: 'Session customization failed' };
+                const eventCancel = {
+                    type: viewer_shared_types_1.TASK_TYPE.SESSION_CUSTOMIZATION,
+                    id: eventId,
+                    progress: 1,
+                    data: { sessionId: this.id },
+                    status: "Session customization failed",
+                };
                 this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE.TASK.TASK_CANCEL, eventCancel);
                 this.removeBusyMode(customizationId);
                 throw this._httpClient.convertError(e);
@@ -589,26 +706,39 @@ class SessionEngine {
     customizeParallel(parameterValues, loadOutputs = true) {
         return __awaiter(this, void 0, void 0, function* () {
             const eventId = this._uuidGenerator.create();
-            const eventStart = { type: viewer_shared_types_1.TASK_TYPE.SESSION_CUSTOMIZATION, id: eventId, progress: 0, data: { sessionId: this.id }, status: 'Customizing session' };
+            const eventStart = {
+                type: viewer_shared_types_1.TASK_TYPE.SESSION_CUSTOMIZATION,
+                id: eventId,
+                progress: 0,
+                data: { sessionId: this.id },
+                status: "Customizing session",
+            };
             this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE.TASK.TASK_START, eventStart);
             // upload file parameters
             yield this.uploadFileParameters(parameterValues);
             const parameterSet = {};
             // create a set of the current validated parameter values
             for (const parameterId in this.parameters)
-                parameterSet[parameterId] = (' ' + this.parameters[parameterId].stringify(parameterValues[parameterId])).slice(1);
+                parameterSet[parameterId] = (" " +
+                    this.parameters[parameterId].stringify(parameterValues[parameterId])).slice(1);
             const result = yield this.customizeSession(parameterSet, () => false, {
                 eventId,
                 type: viewer_shared_types_1.TASK_TYPE.SESSION_CUSTOMIZATION,
                 progressRange: {
                     min: 0.0,
-                    max: 1
+                    max: 1,
                 },
-                data: { sessionId: this.id }
+                data: { sessionId: this.id },
             }, true, loadOutputs);
             if (result instanceof SessionTreeNode_1.SessionTreeNode)
                 result.excludeViewports = JSON.parse(JSON.stringify(this._excludeViewports));
-            const eventEnd = { type: viewer_shared_types_1.TASK_TYPE.SESSION_CUSTOMIZATION, id: eventId, progress: 1, data: { sessionId: this.id }, status: 'Session customized' };
+            const eventEnd = {
+                type: viewer_shared_types_1.TASK_TYPE.SESSION_CUSTOMIZATION,
+                id: eventId,
+                progress: 1,
+                data: { sessionId: this.id },
+                status: "Session customized",
+            };
             this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE.TASK.TASK_END, eventEnd);
             return result;
         });
@@ -619,7 +749,7 @@ class SessionEngine {
             try {
                 // get the model state if it is not already a response
                 let response;
-                if (typeof modelState === 'string') {
+                if (typeof modelState === "string") {
                     response = yield this._sdk.modelState.get(modelState);
                 }
                 else {
@@ -629,7 +759,8 @@ class SessionEngine {
                     return new viewer_shared_node_tree_1.TreeNode();
                 // read out the parameter values from the model state
                 for (const parameterId in response.modelState.parameters)
-                    this.parameters[parameterId].value = response.modelState.parameters[parameterId];
+                    this.parameters[parameterId].value =
+                        response.modelState.parameters[parameterId];
                 return this.customize();
             }
             catch (e) {
@@ -661,7 +792,8 @@ class SessionEngine {
             // adjust the parameters according to the last parameter set
             const lastParameterSet = __classPrivateFieldGet(this, _SessionEngine_parameterHistory, "f")[__classPrivateFieldGet(this, _SessionEngine_parameterHistory, "f").length - 1];
             for (const parameterId in lastParameterSet)
-                this.parameters[parameterId].value = lastParameterSet[parameterId].value;
+                this.parameters[parameterId].value =
+                    lastParameterSet[parameterId].value;
             // call the customization function with the parameterHistoryCall value set to true
             __classPrivateFieldSet(this, _SessionEngine_parameterHistoryCall, true, "f");
             const node = yield this.customize();
@@ -680,7 +812,8 @@ class SessionEngine {
             // get the last undone parameter set and apply the values to the parameters
             const lastParameterSet = __classPrivateFieldGet(this, _SessionEngine_parameterHistoryForward, "f").pop();
             for (const parameterId in lastParameterSet)
-                this.parameters[parameterId].value = lastParameterSet[parameterId].value;
+                this.parameters[parameterId].value =
+                    lastParameterSet[parameterId].value;
             // call the customization function with the parameterHistoryCall value set to true
             __classPrivateFieldSet(this, _SessionEngine_parameterHistoryCall, true, "f");
             const node = yield this.customize();
@@ -699,13 +832,13 @@ class SessionEngine {
         var _a, _b;
         return __awaiter(this, void 0, void 0, function* () {
             if (this._initialized === true)
-                throw new viewer_shared_services_1.ShapeDiverViewerSessionError('Session.init: Session already initialized.');
+                throw new viewer_shared_services_1.ShapeDiverViewerSessionError("Session.init: Session already initialized.");
             try {
-                this._performanceEvaluator.startSection('sessionResponse');
+                this._performanceEvaluator.startSection("sessionResponse");
                 const parameterSet = {};
                 // the slice here is done as a way for deep copying the string values
                 for (const parameterNameOrId in parameterValues)
-                    parameterSet[parameterNameOrId] = (' ' + parameterValues[parameterNameOrId]).slice(1);
+                    parameterSet[parameterNameOrId] = (" " + parameterValues[parameterNameOrId]).slice(1);
                 if (this._ticket) {
                     this._responseDto = yield this._sdk.session.init(this._ticket, parameterSet, this._modelStateId, this._modelStateValidationMode);
                 }
@@ -714,11 +847,12 @@ class SessionEngine {
                 }
                 else {
                     // we should never get here
-                    throw new viewer_shared_services_1.ShapeDiverViewerSessionError('Session.init: Initialization of session failed. Neither a ticket nor a guid are available.');
+                    throw new viewer_shared_services_1.ShapeDiverViewerSessionError("Session.init: Initialization of session failed. Neither a ticket nor a guid are available.");
                 }
-                this._performanceEvaluator.endSection('sessionResponse');
+                this._performanceEvaluator.endSection("sessionResponse");
                 this._viewerSettings = (_a = this._responseDto.viewer) === null || _a === void 0 ? void 0 : _a.config;
-                this._viewerSettingsVersionBackend = this._responseDto.viewerSettingsVersion || viewer_settings_1.latestVersion;
+                this._viewerSettingsVersionBackend =
+                    this._responseDto.viewerSettingsVersion || viewer_settings_1.latestVersion;
                 this._sessionId = this._responseDto.sessionId;
                 this._modelId = (_b = this._responseDto.model) === null || _b === void 0 ? void 0 : _b.id;
                 this._modelState = this._responseDto.modelState;
@@ -728,9 +862,9 @@ class SessionEngine {
                 });
                 this._settingsEngine.loadSettings(this._viewerSettings);
                 if (!this._sessionId)
-                    throw new viewer_shared_services_1.ShapeDiverViewerSessionError('Session.init: Initialization of session failed. ResponseDto did not have a sessionId.');
+                    throw new viewer_shared_services_1.ShapeDiverViewerSessionError("Session.init: Initialization of session failed. ResponseDto did not have a sessionId.");
                 if (!this._modelId)
-                    throw new viewer_shared_services_1.ShapeDiverViewerSessionError('Session.init: Initialization of session failed. ResponseDto did not have a model.id.');
+                    throw new viewer_shared_services_1.ShapeDiverViewerSessionError("Session.init: Initialization of session failed. ResponseDto did not have a model.id.");
                 this.updateResponseDto(this._responseDto, parameterSet);
                 this._initialized = true;
             }
@@ -746,22 +880,36 @@ class SessionEngine {
             this.checkAvailability();
             // if there is already task event info, use it
             // this happens after a retry
-            const eventId = taskEventInfo ? taskEventInfo.eventId : this._uuidGenerator.create();
-            const eventType = taskEventInfo ? taskEventInfo.type : viewer_shared_types_1.TASK_TYPE.SESSION_OUTPUTS_LOADING;
-            const eventData = taskEventInfo ? taskEventInfo.data : { sessionId: this.id };
-            taskEventInfo = taskEventInfo ? taskEventInfo : {
-                eventId,
-                type: eventType,
-                progressRange: {
-                    min: 0,
-                    max: 1
-                },
-                data: eventData
-            };
+            const eventId = taskEventInfo
+                ? taskEventInfo.eventId
+                : this._uuidGenerator.create();
+            const eventType = taskEventInfo
+                ? taskEventInfo.type
+                : viewer_shared_types_1.TASK_TYPE.SESSION_OUTPUTS_LOADING;
+            const eventData = taskEventInfo
+                ? taskEventInfo.data
+                : { sessionId: this.id };
+            taskEventInfo = taskEventInfo
+                ? taskEventInfo
+                : {
+                    eventId,
+                    type: eventType,
+                    progressRange: {
+                        min: 0,
+                        max: 1,
+                    },
+                    data: eventData,
+                };
             try {
                 // send start event if this function was called initially
                 if (!taskEventInfo) {
-                    const eventStart = { type: eventType, id: eventId, progress: 0, data: eventData, status: 'Loading cached outputs' };
+                    const eventStart = {
+                        type: eventType,
+                        id: eventId,
+                        progress: 0,
+                        data: eventData,
+                        status: "Loading cached outputs",
+                    };
                     this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE.TASK.TASK_START, eventStart);
                 }
                 // get the cached outputs
@@ -773,14 +921,20 @@ class SessionEngine {
                     outputs[outputId] = new Output_1.Output(responseDto.outputs[outputId], this);
                 }
                 // process the output data
-                const node = yield this._outputLoader.loadOutputs(((_a = this._responseDto.model) === null || _a === void 0 ? void 0 : _a.name) || 'model', outputs, {}, taskEventInfo, false);
+                const node = yield this._outputLoader.loadOutputs(((_a = this._responseDto.model) === null || _a === void 0 ? void 0 : _a.name) || "model", outputs, {}, taskEventInfo, false);
                 // send the end event once done
-                const eventEnd = { type: eventType, id: eventId, progress: 1, data: eventData, status: 'Loaded cached outputs' };
+                const eventEnd = {
+                    type: eventType,
+                    id: eventId,
+                    progress: 1,
+                    data: eventData,
+                    status: "Loaded cached outputs",
+                };
                 this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE.TASK.TASK_END, eventEnd);
                 // create a mapping with a dictionary for the id of the outputs
                 const outputNodeMapping = {};
                 for (const outputId in outputMapping)
-                    outputNodeMapping[outputId] = node.children.find(n => n.name === outputId);
+                    outputNodeMapping[outputId] = node.children.find((n) => n.name === outputId);
                 return outputNodeMapping;
             }
             catch (e) {
@@ -804,7 +958,7 @@ class SessionEngine {
             const o = Object.assign({}, this._outputs);
             const of = Object.assign({}, this._outputsFreeze);
             try {
-                const node = yield this._outputLoader.loadOutputs(((_a = this._responseDto.model) === null || _a === void 0 ? void 0 : _a.name) || 'model', o, of, taskEventInfo);
+                const node = yield this._outputLoader.loadOutputs(((_a = this._responseDto.model) === null || _a === void 0 ? void 0 : _a.name) || "model", o, of, taskEventInfo);
                 node.data.push(new SessionData_1.SessionData(this._responseDto));
                 if (cancelRequest())
                     return node;
@@ -863,7 +1017,7 @@ class SessionEngine {
                 outputs[outputId] = new Output_1.Output(responseDto.outputs[outputId], this);
             }
             try {
-                const node = yield this._outputLoader.loadOutputs(((_a = this._responseDto.model) === null || _a === void 0 ? void 0 : _a.name) || 'model', outputs, outputsFreeze, taskEventInfo);
+                const node = yield this._outputLoader.loadOutputs(((_a = this._responseDto.model) === null || _a === void 0 ? void 0 : _a.name) || "model", outputs, outputsFreeze, taskEventInfo);
                 node.data.push(new SessionData_1.SessionData(responseDto));
                 return node;
             }
@@ -900,7 +1054,7 @@ class SessionEngine {
     }
     requestExport(exportId, parameters, maxWaitTime, retry = false) {
         return __awaiter(this, void 0, void 0, function* () {
-            this.checkAvailability('export');
+            this.checkAvailability("export");
             try {
                 yield this.uploadFileParameters(parameters);
                 const requestParameterSet = this.cleanExportParameters(parameters);
@@ -920,29 +1074,54 @@ class SessionEngine {
             const eventId = this._uuidGenerator.create();
             // if the outputs are loaded, we treat this as a customization by sending the same events
             const treatInternallyAsCustomization = loadOutputs === true && this._allowOutputLoading === true;
-            this.checkAvailability('export');
+            this.checkAvailability("export");
             try {
                 if (treatInternallyAsCustomization) {
-                    const eventStart = { type: viewer_shared_types_1.TASK_TYPE.SESSION_CUSTOMIZATION, id: eventId, progress: 0, data: { sessionId: this.id }, status: 'Customizing session' };
+                    const eventStart = {
+                        type: viewer_shared_types_1.TASK_TYPE.SESSION_CUSTOMIZATION,
+                        id: eventId,
+                        progress: 0,
+                        data: { sessionId: this.id },
+                        status: "Customizing session",
+                    };
                     this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE.TASK.TASK_START, eventStart);
                 }
                 // activate the busy mode if outputs are loaded
-                if (loadOutputs === true && this._allowOutputLoading === true &&
-                    body.outputs && Object.keys(body.outputs).length > 0) {
+                if (loadOutputs === true &&
+                    this._allowOutputLoading === true &&
+                    body.outputs &&
+                    Object.keys(body.outputs).length > 0) {
                     processId = this._uuidGenerator.create();
                     this.addBusyMode(processId);
                 }
                 if (treatInternallyAsCustomization) {
-                    const eventFileUpload = { type: viewer_shared_types_1.TASK_TYPE.SESSION_CUSTOMIZATION, id: eventId, progress: 0.1, data: { sessionId: this.id }, status: 'Uploading file parameters' };
+                    const eventFileUpload = {
+                        type: viewer_shared_types_1.TASK_TYPE.SESSION_CUSTOMIZATION,
+                        id: eventId,
+                        progress: 0.1,
+                        data: { sessionId: this.id },
+                        status: "Uploading file parameters",
+                    };
                     this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE.TASK.TASK_PROCESS, eventFileUpload);
                 }
                 yield this.uploadFileParameters(body.parameters);
                 const requestParameterSet = this.cleanExportParameters(body.parameters);
                 if (treatInternallyAsCustomization) {
-                    const eventRequest = { type: viewer_shared_types_1.TASK_TYPE.SESSION_CUSTOMIZATION, id: eventId, progress: 0.1, data: { sessionId: this.id }, status: 'Sending customization request' };
+                    const eventRequest = {
+                        type: viewer_shared_types_1.TASK_TYPE.SESSION_CUSTOMIZATION,
+                        id: eventId,
+                        progress: 0.1,
+                        data: { sessionId: this.id },
+                        status: "Sending customization request",
+                    };
                     this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE.TASK.TASK_PROCESS, eventRequest);
                 }
-                const responseDto = yield this._sdk.utils.submitAndWaitForExport(this._sdk, this._sessionId, { exports: body.exports, parameters: requestParameterSet, outputs: body.outputs, max_wait_time: body.max_wait_time }, maxWaitMsec);
+                const responseDto = yield this._sdk.utils.submitAndWaitForExport(this._sdk, this._sessionId, {
+                    exports: body.exports,
+                    parameters: requestParameterSet,
+                    outputs: body.outputs,
+                    max_wait_time: body.max_wait_time,
+                }, maxWaitMsec);
                 this.updateResponseDto(responseDto);
                 if (treatInternallyAsCustomization) {
                     yield this.updateOutputs({
@@ -950,12 +1129,18 @@ class SessionEngine {
                         type: viewer_shared_types_1.TASK_TYPE.SESSION_CUSTOMIZATION,
                         progressRange: {
                             min: 0.1,
-                            max: 0.9
+                            max: 0.9,
                         },
-                        data: { sessionId: this.id }
+                        data: { sessionId: this.id },
                     });
                     this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE.SESSION.SESSION_CUSTOMIZED, { sessionId: this.id });
-                    const eventEnd = { type: viewer_shared_types_1.TASK_TYPE.SESSION_CUSTOMIZATION, id: eventId, progress: 1, data: { sessionId: this.id }, status: 'Session customized' };
+                    const eventEnd = {
+                        type: viewer_shared_types_1.TASK_TYPE.SESSION_CUSTOMIZATION,
+                        id: eventId,
+                        progress: 1,
+                        data: { sessionId: this.id },
+                        status: "Session customized",
+                    };
                     this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE.TASK.TASK_END, eventEnd);
                 }
                 if (processId)
@@ -964,7 +1149,13 @@ class SessionEngine {
             }
             catch (e) {
                 if (treatInternallyAsCustomization) {
-                    const eventCancel = { type: viewer_shared_types_1.TASK_TYPE.SESSION_CUSTOMIZATION, id: eventId, progress: 1, data: { sessionId: this.id }, status: 'Session customization failed' };
+                    const eventCancel = {
+                        type: viewer_shared_types_1.TASK_TYPE.SESSION_CUSTOMIZATION,
+                        id: eventId,
+                        progress: 1,
+                        data: { sessionId: this.id },
+                        status: "Session customization failed",
+                    };
                     this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE.TASK.TASK_CANCEL, eventCancel);
                 }
                 if (processId)
@@ -976,20 +1167,37 @@ class SessionEngine {
     }
     resetSettings(sections) {
         if (!this._responseDto)
-            throw new viewer_shared_services_1.ShapeDiverViewerSessionError('Session.resetSettings: responseDto not available.');
+            throw new viewer_shared_services_1.ShapeDiverViewerSessionError("Session.resetSettings: responseDto not available.");
         sections = sections || {};
         if (sections.session === undefined) {
             sections.session = {
                 parameter: { displayname: true, order: true, hidden: true },
-                export: { displayname: true, order: true, hidden: true }
+                export: { displayname: true, order: true, hidden: true },
             };
         }
         if (sections.session.parameter === undefined)
-            sections.session.parameter = { displayname: true, order: true, hidden: true, value: true };
+            sections.session.parameter = {
+                displayname: true,
+                order: true,
+                hidden: true,
+                value: true,
+            };
         if (sections.session.export === undefined)
-            sections.session.export = { displayname: true, order: true, hidden: true };
+            sections.session.export = {
+                displayname: true,
+                order: true,
+                hidden: true,
+            };
         if (sections.viewport === undefined)
-            sections.viewport = { ar: true, scene: true, camera: true, light: true, environment: true, general: true, postprocessing: true };
+            sections.viewport = {
+                ar: true,
+                scene: true,
+                camera: true,
+                light: true,
+                environment: true,
+                general: true,
+                postprocessing: true,
+            };
         return this.applySettings(this._responseDto, sections);
     }
     saveDefaultParameterValues() {
@@ -1007,7 +1215,7 @@ class SessionEngine {
     }
     saveDefaultParameters(retry = false) {
         return __awaiter(this, void 0, void 0, function* () {
-            this.checkAvailability('defaultparam', true);
+            this.checkAvailability("defaultparam", true);
             try {
                 yield this._sdk.model.setDefaultParams(this._modelId, this._parameterValues);
                 return true;
@@ -1026,7 +1234,7 @@ class SessionEngine {
      */
     saveExportProperties(exports, retry = false) {
         return __awaiter(this, void 0, void 0, function* () {
-            this.checkAvailability('export-definition', true);
+            this.checkAvailability("export-definition", true);
             try {
                 yield this._sdk.export.updateDefinitions(this._modelId, exports);
                 return true;
@@ -1045,7 +1253,7 @@ class SessionEngine {
      */
     saveOutputProperties(outputs, retry = false) {
         return __awaiter(this, void 0, void 0, function* () {
-            this.checkAvailability('output-definition', true);
+            this.checkAvailability("output-definition", true);
             try {
                 yield this._sdk.output.updateDefinitions(this._modelId, outputs);
                 return true;
@@ -1064,7 +1272,7 @@ class SessionEngine {
      */
     saveParameterProperties(parameters, retry = false) {
         return __awaiter(this, void 0, void 0, function* () {
-            this.checkAvailability('parameter-definition', true);
+            this.checkAvailability("parameter-definition", true);
             try {
                 yield this._sdk.model.updateParameterDefinitions(this._modelId, parameters);
                 return true;
@@ -1077,16 +1285,18 @@ class SessionEngine {
     }
     saveSettings(json, retry = false) {
         return __awaiter(this, void 0, void 0, function* () {
-            this.checkAvailability('configure', true);
+            this.checkAvailability("configure", true);
             try {
                 (0, viewer_settings_1.validate)(json, this._viewerSettingsVersion);
                 // if viewer settings version is higher than backend settings version
                 // convert to backend settings version
-                if (+this._viewerSettingsVersion > +this._viewerSettingsVersionBackend)
+                if (+this._viewerSettingsVersion >
+                    +this._viewerSettingsVersionBackend)
                     json = (0, viewer_settings_1.convert)(json, this._viewerSettingsVersionBackend);
             }
             catch (e) {
-                throw new viewer_shared_services_1.ShapeDiverViewerSettingsError('Session.saveSettings: Settings could not be validated. ' + e.message, e);
+                throw new viewer_shared_services_1.ShapeDiverViewerSettingsError("Session.saveSettings: Settings could not be validated. " +
+                    e.message, e);
             }
             try {
                 yield this._sdk.model.updateConfig(this._modelId, json);
@@ -1101,40 +1311,72 @@ class SessionEngine {
     saveUiProperties(saveInSettings = true) {
         return __awaiter(this, void 0, void 0, function* () {
             this._logger.debugLow(`Session(${this.id}).saveSessionProperties: Saving session properties.`);
-            // settings saving 
+            // settings saving
             this._saveSessionSettings();
             let properties = {};
             for (const p in this.parameters) {
                 properties[p] = {
-                    displayname: this.parameters[p].displayname !== undefined ? this.parameters[p].displayname : '',
-                    hidden: this.parameters[p].hidden !== undefined ? this.parameters[p].hidden : false,
-                    order: this.parameters[p].order !== undefined ? this.parameters[p].order : 0,
-                    tooltip: this.parameters[p].tooltip !== undefined ? this.parameters[p].tooltip : '',
+                    displayname: this.parameters[p].displayname !== undefined
+                        ? this.parameters[p].displayname
+                        : "",
+                    hidden: this.parameters[p].hidden !== undefined
+                        ? this.parameters[p].hidden
+                        : false,
+                    order: this.parameters[p].order !== undefined
+                        ? this.parameters[p].order
+                        : 0,
+                    tooltip: this.parameters[p].tooltip !== undefined
+                        ? this.parameters[p].tooltip
+                        : "",
                 };
             }
-            const responseP = Object.values(properties).length !== 0 ? yield this.saveParameterProperties(properties) : true;
+            const responseP = Object.values(properties).length !== 0
+                ? yield this.saveParameterProperties(properties)
+                : true;
             properties = {};
             for (const e in this.exports) {
                 properties[e] = {
-                    displayname: this.exports[e].displayname !== undefined ? this.exports[e].displayname : '',
-                    hidden: this.exports[e].hidden !== undefined ? this.exports[e].hidden : false,
-                    order: this.exports[e].order !== undefined ? this.exports[e].order : 0,
-                    tooltip: this.exports[e].tooltip !== undefined ? this.exports[e].tooltip : '',
+                    displayname: this.exports[e].displayname !== undefined
+                        ? this.exports[e].displayname
+                        : "",
+                    hidden: this.exports[e].hidden !== undefined
+                        ? this.exports[e].hidden
+                        : false,
+                    order: this.exports[e].order !== undefined
+                        ? this.exports[e].order
+                        : 0,
+                    tooltip: this.exports[e].tooltip !== undefined
+                        ? this.exports[e].tooltip
+                        : "",
                 };
             }
-            const responseE = Object.values(properties).length !== 0 ? yield this.saveExportProperties(properties) : true;
+            const responseE = Object.values(properties).length !== 0
+                ? yield this.saveExportProperties(properties)
+                : true;
             properties = {};
             for (const o in this.outputs) {
                 properties[o] = {
-                    displayname: this.outputs[o].displayname !== undefined ? this.outputs[o].displayname : '',
-                    hidden: this.outputs[o].hidden !== undefined ? this.outputs[o].hidden : false,
-                    order: this.outputs[o].order !== undefined ? this.outputs[o].order : 0,
-                    tooltip: this.outputs[o].tooltip !== undefined ? this.outputs[o].tooltip : '',
+                    displayname: this.outputs[o].displayname !== undefined
+                        ? this.outputs[o].displayname
+                        : "",
+                    hidden: this.outputs[o].hidden !== undefined
+                        ? this.outputs[o].hidden
+                        : false,
+                    order: this.outputs[o].order !== undefined
+                        ? this.outputs[o].order
+                        : 0,
+                    tooltip: this.outputs[o].tooltip !== undefined
+                        ? this.outputs[o].tooltip
+                        : "",
                 };
             }
-            const responseO = Object.values(properties).length !== 0 ? yield this.saveOutputProperties(properties) : true;
+            const responseO = Object.values(properties).length !== 0
+                ? yield this.saveOutputProperties(properties)
+                : true;
             // save partial settings
-            const response = saveInSettings ? yield this.saveSettings(this._settingsEngine.settings) : true;
+            const response = saveInSettings
+                ? yield this.saveSettings(this._settingsEngine.settings)
+                : true;
             if (response && responseP && responseO && responseE) {
                 this._logger.debug(`Session(${this.id}).saveSessionProperties: Saved session properties.`);
             }
@@ -1162,11 +1404,23 @@ class SessionEngine {
     }
     updateOutputs(taskEventInfo, waitForViewportUpdate = false) {
         return __awaiter(this, void 0, void 0, function* () {
-            const eventId = taskEventInfo ? taskEventInfo.eventId : this._uuidGenerator.create();
-            const eventType = taskEventInfo ? taskEventInfo.type : viewer_shared_types_1.TASK_TYPE.SESSION_OUTPUTS_UPDATE;
-            const eventData = taskEventInfo ? taskEventInfo.data : { sessionId: this.id };
+            const eventId = taskEventInfo
+                ? taskEventInfo.eventId
+                : this._uuidGenerator.create();
+            const eventType = taskEventInfo
+                ? taskEventInfo.type
+                : viewer_shared_types_1.TASK_TYPE.SESSION_OUTPUTS_UPDATE;
+            const eventData = taskEventInfo
+                ? taskEventInfo.data
+                : { sessionId: this.id };
             if (!taskEventInfo) {
-                const eventStart = { type: eventType, id: eventId, progress: 0, data: eventData, status: 'Updating outputs' };
+                const eventStart = {
+                    type: eventType,
+                    id: eventId,
+                    progress: 0,
+                    data: eventData,
+                    status: "Updating outputs",
+                };
                 this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE.TASK.TASK_START, eventStart);
             }
             const customizationId = this._uuidGenerator.create();
@@ -1174,24 +1428,61 @@ class SessionEngine {
             __classPrivateFieldSet(this, _SessionEngine_customizationProcess, customizationId, "f");
             this._logger.debugLow(`Session(${this.id}).updateOutputs: Updating Outputs.`);
             this.addBusyMode(customizationId);
-            const eventRequest = { type: eventType, id: eventId, progress: taskEventInfo ? (taskEventInfo.progressRange.max - taskEventInfo.progressRange.min) * 0.1 + taskEventInfo.progressRange.min : 0.1, data: eventData, status: 'Loading outputs' };
+            const eventRequest = {
+                type: eventType,
+                id: eventId,
+                progress: taskEventInfo
+                    ? (taskEventInfo.progressRange.max -
+                        taskEventInfo.progressRange.min) *
+                        0.1 +
+                        taskEventInfo.progressRange.min
+                    : 0.1,
+                data: eventData,
+                status: "Loading outputs",
+            };
             this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE.TASK.TASK_PROCESS, eventRequest);
             const oldOutputVersions = this._outputLoader.getCurrentOutputVersions();
             const newNode = yield this.loadOutputs(() => __classPrivateFieldGet(this, _SessionEngine_customizationProcess, "f") !== customizationId, {
                 eventId,
                 type: eventType,
                 progressRange: {
-                    min: taskEventInfo ? (taskEventInfo.progressRange.max - taskEventInfo.progressRange.min) * 0.1 + taskEventInfo.progressRange.min : 0.1,
-                    max: taskEventInfo ? (taskEventInfo.progressRange.max - taskEventInfo.progressRange.min) * 0.9 + taskEventInfo.progressRange.min : 0.9
+                    min: taskEventInfo
+                        ? (taskEventInfo.progressRange.max -
+                            taskEventInfo.progressRange.min) *
+                            0.1 +
+                            taskEventInfo.progressRange.min
+                        : 0.1,
+                    max: taskEventInfo
+                        ? (taskEventInfo.progressRange.max -
+                            taskEventInfo.progressRange.min) *
+                            0.9 +
+                            taskEventInfo.progressRange.min
+                        : 0.9,
                 },
-                data: eventData
+                data: eventData,
             });
             this._warningCreator(this._responseDto.outputs, this._responseDto.exports, this._throwOnCustomizationError);
             const newOutputVersions = this._outputLoader.getCurrentOutputVersions();
-            const eventSceneUpdate = { type: eventType, id: eventId, progress: taskEventInfo ? (taskEventInfo.progressRange.max - taskEventInfo.progressRange.min) * 0.9 + taskEventInfo.progressRange.min : 0.9, data: eventData, status: 'Updating scene' };
+            const eventSceneUpdate = {
+                type: eventType,
+                id: eventId,
+                progress: taskEventInfo
+                    ? (taskEventInfo.progressRange.max -
+                        taskEventInfo.progressRange.min) *
+                        0.9 +
+                        taskEventInfo.progressRange.min
+                    : 0.9,
+                data: eventData,
+                status: "Updating scene",
+            };
             this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE.TASK.TASK_PROCESS, eventSceneUpdate);
             // OPTION TO SKIP - PART 1
-            const cancelResult = this.cancelProcess(customizationId, eventId, eventType, taskEventInfo ? (taskEventInfo.progressRange.max - taskEventInfo.progressRange.min) * 1 + taskEventInfo.progressRange.min : 1, eventData, newNode);
+            const cancelResult = this.cancelProcess(customizationId, eventId, eventType, taskEventInfo
+                ? (taskEventInfo.progressRange.max -
+                    taskEventInfo.progressRange.min) *
+                    1 +
+                    taskEventInfo.progressRange.min
+                : 1, eventData, newNode);
             if (cancelResult)
                 return cancelResult;
             // call the update callbacks
@@ -1201,14 +1492,19 @@ class SessionEngine {
                         this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE.OUTPUT.OUTPUT_UPDATED, {
                             outputId: outputId,
                             outputVersion: newOutputVersions[outputId],
-                            newNode: newNode.children.find(c => c.name === outputId),
-                            oldNode: oldNode.children.find(c => c.name === outputId)
+                            newNode: newNode.children.find((c) => c.name === outputId),
+                            oldNode: oldNode.children.find((c) => c.name === outputId),
                         });
                     }
                 }
                 yield this.waitForUpdateCallbacks(newOutputVersions, oldOutputVersions, newNode, oldNode);
                 // OPTION TO SKIP - PART 2
-                const cancelResult = this.cancelProcess(customizationId, eventId, eventType, taskEventInfo ? (taskEventInfo.progressRange.max - taskEventInfo.progressRange.min) * 1 + taskEventInfo.progressRange.min : 1, eventData, newNode);
+                const cancelResult = this.cancelProcess(customizationId, eventId, eventType, taskEventInfo
+                    ? (taskEventInfo.progressRange.max -
+                        taskEventInfo.progressRange.min) *
+                        1 +
+                        taskEventInfo.progressRange.min
+                    : 1, eventData, newNode);
                 if (cancelResult)
                     return cancelResult;
             }
@@ -1220,7 +1516,7 @@ class SessionEngine {
             this._logger.debug(`Session(${this.id}).updateOutputs: Updating outputs finished, updating geometry.`);
             // set the output content to what has been updated
             for (const outputId in this.outputs) {
-                this.outputs[outputId].updateOutput(newNode.children.find(c => c.name === outputId), oldNode.children.find(c => c.name === outputId));
+                this.outputs[outputId].updateOutput(newNode.children.find((c) => c.name === outputId), oldNode.children.find((c) => c.name === outputId));
             }
             // set the export definitions
             for (const exportId in this.exports)
@@ -1229,27 +1525,39 @@ class SessionEngine {
             this.removeBusyMode(customizationId);
             this._logger.debug(`Session(${this.id}).updateOutputs: Updated outputs.`);
             if (!taskEventInfo) {
-                const eventEnd = { type: eventType, id: eventId, progress: 1, data: eventData, status: 'Outputs updated' };
+                const eventEnd = {
+                    type: eventType,
+                    id: eventId,
+                    progress: 1,
+                    data: eventData,
+                    status: "Outputs updated",
+                };
                 this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE.TASK.TASK_END, eventEnd);
             }
             // update the viewports
             if (waitForViewportUpdate) {
                 for (const r in this._stateEngine.viewportEngines)
-                    if (this._stateEngine.viewportEngines[r] && !this.excludeViewports.includes(this._stateEngine.viewportEngines[r].id))
+                    if (this._stateEngine.viewportEngines[r] &&
+                        !this.excludeViewports.includes(this._stateEngine.viewportEngines[r].id))
                         this._stateEngine.viewportEngines[r].update(`SessionEngine(${this.id}).updateOutputs`);
                 for (const outputId in this.outputs) {
                     if (oldOutputVersions[outputId] !== newOutputVersions[outputId]) {
                         this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE.OUTPUT.OUTPUT_UPDATED, {
                             outputId: outputId,
                             outputVersion: newOutputVersions[outputId],
-                            newNode: newNode.children.find(c => c.name === outputId),
-                            oldNode: oldNode.children.find(c => c.name === outputId)
+                            newNode: newNode.children.find((c) => c.name === outputId),
+                            oldNode: oldNode.children.find((c) => c.name === outputId),
                         });
                     }
                 }
                 yield this.waitForUpdateCallbacks(newOutputVersions, oldOutputVersions, newNode, oldNode);
                 // OPTION TO SKIP - PART 3
-                const cancelResult = this.cancelProcess(customizationId, eventId, eventType, taskEventInfo ? (taskEventInfo.progressRange.max - taskEventInfo.progressRange.min) * 1 + taskEventInfo.progressRange.min : 1, eventData, newNode);
+                const cancelResult = this.cancelProcess(customizationId, eventId, eventType, taskEventInfo
+                    ? (taskEventInfo.progressRange.max -
+                        taskEventInfo.progressRange.min) *
+                        1 +
+                        taskEventInfo.progressRange.min
+                    : 1, eventData, newNode);
                 if (cancelResult)
                     return cancelResult;
             }
@@ -1258,22 +1566,25 @@ class SessionEngine {
     }
     uploadFile(parameterId, data, type, retry = false) {
         return __awaiter(this, void 0, void 0, function* () {
-            this.checkAvailability('file-upload');
+            this.checkAvailability("file-upload");
             try {
                 const result = yield this._sdk.file.requestUpload(this._sessionId, {
                     [parameterId]: {
                         size: data.size,
                         format: type,
-                        filename: data.name === '' ? undefined : data.name
-                    }
+                        filename: data.name === "" ? undefined : data.name,
+                    },
                 });
-                if (result && result.asset && result.asset.file && result.asset.file[parameterId]) {
+                if (result &&
+                    result.asset &&
+                    result.asset.file &&
+                    result.asset.file[parameterId]) {
                     const fileAsset = result.asset.file[parameterId];
                     yield this._sdk.utils.uploadAsset(fileAsset.href, yield data.arrayBuffer(), fileAsset.headers);
                     return fileAsset.id;
                 }
                 else {
-                    throw new viewer_shared_services_1.ShapeDiverViewerSessionError('Session.uploadFile: Upload reply has not the required format.');
+                    throw new viewer_shared_services_1.ShapeDiverViewerSessionError("Session.uploadFile: Upload reply has not the required format.");
                 }
             }
             catch (e) {
@@ -1291,20 +1602,30 @@ class SessionEngine {
      */
     uploadFileParameters(parameterValues) {
         return __awaiter(this, void 0, void 0, function* () {
-            const parameterValueSet = parameterValues !== undefined ? this.getFileParameterSet(parameterValues) : undefined;
+            const parameterValueSet = parameterValues !== undefined
+                ? this.getFileParameterSet(parameterValues)
+                : undefined;
             const fileParameterValues = {};
             // load file parameter first
             for (const parameterId in this.parameters) {
                 if (this.parameters[parameterId] instanceof FileParameter_1.FileParameter) {
-                    fileParameterValues[parameterId] = yield this.parameters[parameterId].upload(parameterValueSet ? parameterValueSet[parameterId] : undefined);
+                    fileParameterValues[parameterId] = yield (this.parameters[parameterId]).upload(parameterValueSet
+                        ? parameterValueSet[parameterId]
+                        : undefined);
                     if (parameterValues) {
-                        parameterValues[parameterId] = fileParameterValues[parameterId];
+                        parameterValues[parameterId] =
+                            fileParameterValues[parameterId];
                         // if the parameter value of the file parameter was used, set the value to the parameter
-                        if (parameterValues[parameterId] === undefined && this.parameters[parameterId].value !== fileParameterValues[parameterId])
-                            this.parameters[parameterId].value = fileParameterValues[parameterId];
+                        if (parameterValues[parameterId] === undefined &&
+                            this.parameters[parameterId].value !==
+                                fileParameterValues[parameterId])
+                            this.parameters[parameterId].value =
+                                fileParameterValues[parameterId];
                     }
-                    else if (this.parameters[parameterId].value !== fileParameterValues[parameterId]) {
-                        this.parameters[parameterId].value = fileParameterValues[parameterId];
+                    else if (this.parameters[parameterId].value !==
+                        fileParameterValues[parameterId]) {
+                        this.parameters[parameterId].value =
+                            fileParameterValues[parameterId];
                     }
                 }
             }
@@ -1313,11 +1634,11 @@ class SessionEngine {
     }
     uploadGLTF(blob, conversion = sdk_geometry_api_sdk_v2_1.ShapeDiverRequestGltfUploadQueryConversion.NONE, retry = false) {
         return __awaiter(this, void 0, void 0, function* () {
-            this.checkAvailability('gltf-upload');
+            this.checkAvailability("gltf-upload");
             try {
-                const responseDto = yield this._sdk.gltf.upload(this._sessionId, yield blob.arrayBuffer(), 'model/gltf-binary', conversion);
+                const responseDto = yield this._sdk.gltf.upload(this._sessionId, yield blob.arrayBuffer(), "model/gltf-binary", conversion);
                 if (!responseDto || !responseDto.gltf || !responseDto.gltf.href)
-                    throw new viewer_shared_services_1.ShapeDiverViewerSessionError('Session.uploadGLTF: Upload reply has not the required format.');
+                    throw new viewer_shared_services_1.ShapeDiverViewerSessionError("Session.uploadGLTF: Upload reply has not the required format.");
                 return responseDto;
             }
             catch (e) {
@@ -1335,15 +1656,15 @@ class SessionEngine {
         for (const p in parameters) {
             sessionProperties[p] = {
                 order: parameters[p].order || 0,
-                displayname: parameters[p].displayname || '',
-                hidden: parameters[p].hidden
+                displayname: parameters[p].displayname || "",
+                hidden: parameters[p].hidden,
             };
         }
         for (const e in exports) {
             sessionProperties[e] = {
                 order: exports[e].order || 0,
-                displayname: exports[e].displayname || '',
-                hidden: exports[e].hidden
+                displayname: exports[e].displayname || "",
+                hidden: exports[e].hidden,
             };
         }
         this._settingsEngine.session = sessionProperties;
@@ -1354,44 +1675,61 @@ class SessionEngine {
         for (const outputId in outputs) {
             const outputObj = outputs[outputId];
             if ((throwError === false && outputObj.msg !== undefined) ||
-                (outputObj.status_collect && outputObj.status_collect !== sdk_geometry_api_sdk_v2_1.ShapeDiverResponseModelComputationStatus.SUCCESS) ||
-                (outputObj.status_computation && outputObj.status_computation !== sdk_geometry_api_sdk_v2_1.ShapeDiverResponseModelComputationStatus.SUCCESS)) {
+                (outputObj.status_collect &&
+                    outputObj.status_collect !==
+                        sdk_geometry_api_sdk_v2_1.ShapeDiverResponseModelComputationStatus.SUCCESS) ||
+                (outputObj.status_computation &&
+                    outputObj.status_computation !==
+                        sdk_geometry_api_sdk_v2_1.ShapeDiverResponseModelComputationStatus.SUCCESS)) {
                 outputsWithIssues[outputId] = outputObj;
             }
         }
         for (const exportId in exports) {
             const exportObj = exports[exportId];
             if ((throwError === false && exportObj.msg !== undefined) ||
-                (exportObj.status_collect && exportObj.status_collect !== sdk_geometry_api_sdk_v2_1.ShapeDiverResponseModelComputationStatus.SUCCESS) ||
-                (exportObj.status_computation && exportObj.status_computation !== sdk_geometry_api_sdk_v2_1.ShapeDiverResponseModelComputationStatus.SUCCESS)) {
+                (exportObj.status_collect &&
+                    exportObj.status_collect !==
+                        sdk_geometry_api_sdk_v2_1.ShapeDiverResponseModelComputationStatus.SUCCESS) ||
+                (exportObj.status_computation &&
+                    exportObj.status_computation !==
+                        sdk_geometry_api_sdk_v2_1.ShapeDiverResponseModelComputationStatus.SUCCESS)) {
                 exportsWithIssues[exportId] = exportObj;
             }
         }
-        if (Object.keys(outputsWithIssues).length > 0 || Object.keys(exportsWithIssues).length > 0) {
+        if (Object.keys(outputsWithIssues).length > 0 ||
+            Object.keys(exportsWithIssues).length > 0) {
             if (throwError) {
-                throw new viewer_shared_services_1.ShapeDiverViewerCustomizationError('There was at least one output or export with issues.', { outputs: outputsWithIssues, exports: exportsWithIssues });
+                throw new viewer_shared_services_1.ShapeDiverViewerCustomizationError("There was at least one output or export with issues.", { outputs: outputsWithIssues, exports: exportsWithIssues });
             }
             else {
                 // create warning messages for outputs
                 for (const outputId in outputsWithIssues) {
-                    let warning = '';
+                    let warning = "";
                     if (outputsWithIssues[outputId].msg)
                         warning += `\n\t- ${outputsWithIssues[outputId].msg}`;
-                    if (outputsWithIssues[outputId].status_collect && outputsWithIssues[outputId].status_collect !== sdk_geometry_api_sdk_v2_1.ShapeDiverResponseModelComputationStatus.SUCCESS)
+                    if (outputsWithIssues[outputId].status_collect &&
+                        outputsWithIssues[outputId].status_collect !==
+                            sdk_geometry_api_sdk_v2_1.ShapeDiverResponseModelComputationStatus.SUCCESS)
                         warning += `\n\t- status_collect is ${outputsWithIssues[outputId].status_collect}`;
-                    if (outputsWithIssues[outputId].status_computation && outputsWithIssues[outputId].status_computation !== sdk_geometry_api_sdk_v2_1.ShapeDiverResponseModelComputationStatus.SUCCESS)
+                    if (outputsWithIssues[outputId].status_computation &&
+                        outputsWithIssues[outputId].status_computation !==
+                            sdk_geometry_api_sdk_v2_1.ShapeDiverResponseModelComputationStatus.SUCCESS)
                         warning += `\n\t- status_computation is ${outputsWithIssues[outputId].status_computation}`;
                     if (warning)
                         this._logger.warn(`\nOutput(${outputId}):${warning}`);
                 }
                 // create warning messages for exports
                 for (const exportId in exportsWithIssues) {
-                    let warning = '';
+                    let warning = "";
                     if (exportsWithIssues[exportId].msg)
                         warning += `\n\t- ${exportsWithIssues[exportId].msg}`;
-                    if (exportsWithIssues[exportId].status_collect && exportsWithIssues[exportId].status_collect !== sdk_geometry_api_sdk_v2_1.ShapeDiverResponseModelComputationStatus.SUCCESS)
+                    if (exportsWithIssues[exportId].status_collect &&
+                        exportsWithIssues[exportId].status_collect !==
+                            sdk_geometry_api_sdk_v2_1.ShapeDiverResponseModelComputationStatus.SUCCESS)
                         warning += `\n\t- status_collect is ${exportsWithIssues[exportId].status_collect}`;
-                    if (exportsWithIssues[exportId].status_computation && exportsWithIssues[exportId].status_computation !== sdk_geometry_api_sdk_v2_1.ShapeDiverResponseModelComputationStatus.SUCCESS)
+                    if (exportsWithIssues[exportId].status_computation &&
+                        exportsWithIssues[exportId].status_computation !==
+                            sdk_geometry_api_sdk_v2_1.ShapeDiverResponseModelComputationStatus.SUCCESS)
                         warning += `\n\t- status_computation is ${exportsWithIssues[exportId].status_computation}`;
                     if (warning)
                         this._logger.warn(`\nExport(${exportId}):${warning}`);
@@ -1401,7 +1739,8 @@ class SessionEngine {
     }
     addBusyMode(busyId) {
         for (const r in this._stateEngine.viewportEngines) {
-            if (this._stateEngine.viewportEngines[r] && !this.excludeViewports.includes(r)) {
+            if (this._stateEngine.viewportEngines[r] &&
+                !this.excludeViewports.includes(r)) {
                 this._stateEngine.viewportEngines[r].busy.push(busyId);
                 __classPrivateFieldGet(this, _SessionEngine_customizationBusyModes, "f").push(busyId);
             }
@@ -1419,7 +1758,7 @@ class SessionEngine {
                 id: eventId,
                 progress: eventProgress,
                 data: eventData,
-                status: 'The request was exceeded by another customization request'
+                status: "The request was exceeded by another customization request",
             };
             this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE.TASK.TASK_CANCEL, eventCancel);
             this._logger.debug(`Session(${this.id}).cancelProcess: The request was was exceeded by another request.`);
@@ -1428,7 +1767,13 @@ class SessionEngine {
         else if (this._closed === true) {
             this.removeBusyMode(customizationId);
             this._logger.debug(`Session(${this.id}).cancelProcess: The session was closed during the request.`);
-            const eventCancel = { type: viewer_shared_types_1.TASK_TYPE.SESSION_CUSTOMIZATION, id: eventId, progress: 1, data: { sessionId: this.id }, status: 'The session was closed during the request.' };
+            const eventCancel = {
+                type: viewer_shared_types_1.TASK_TYPE.SESSION_CUSTOMIZATION,
+                id: eventId,
+                progress: 1,
+                data: { sessionId: this.id },
+                status: "The session was closed during the request.",
+            };
             this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE.TASK.TASK_CANCEL, eventCancel);
             return new SessionTreeNode_1.SessionTreeNode();
         }
@@ -1436,14 +1781,14 @@ class SessionEngine {
     checkAvailability(action, checkForModelId = false) {
         var _a;
         if (!this._responseDto)
-            throw new viewer_shared_services_1.ShapeDiverViewerSessionError('Session.checkAvailability: responseDto not available.');
+            throw new viewer_shared_services_1.ShapeDiverViewerSessionError("Session.checkAvailability: responseDto not available.");
         if (!this._sessionId)
-            throw new viewer_shared_services_1.ShapeDiverViewerSessionError('Session.checkAvailability: sessionId not available.');
+            throw new viewer_shared_services_1.ShapeDiverViewerSessionError("Session.checkAvailability: sessionId not available.");
         if (checkForModelId && !this._modelId)
-            throw new viewer_shared_services_1.ShapeDiverViewerSessionError('Session.checkAvailability: modelId not available.');
+            throw new viewer_shared_services_1.ShapeDiverViewerSessionError("Session.checkAvailability: modelId not available.");
         if (action && !this._responseDto.actions)
-            throw new viewer_shared_services_1.ShapeDiverViewerSessionError('Session.checkAvailability: actions not available.');
-        const responseDtoAction = (_a = this._responseDto.actions) === null || _a === void 0 ? void 0 : _a.find(a => a.name === action);
+            throw new viewer_shared_services_1.ShapeDiverViewerSessionError("Session.checkAvailability: actions not available.");
+        const responseDtoAction = (_a = this._responseDto.actions) === null || _a === void 0 ? void 0 : _a.find((a) => a.name === action);
         if (action && !responseDtoAction)
             throw new viewer_shared_services_1.ShapeDiverViewerSessionError(`Session.checkAvailability: action ${action} not available.`);
     }
@@ -1453,12 +1798,14 @@ class SessionEngine {
         for (const parameterIdOrName in parameters) {
             // we prioritize id, then name and then displayname
             // if there are two parameters with the same name or displayname, we take the one that is found first (no way for us to evaluate which one the user meant)
-            const parameterObject = Object.values(this._parameters).find(p => p.id === parameterIdOrName || p.name === parameterIdOrName || p.displayname === parameterIdOrName);
+            const parameterObject = Object.values(this._parameters).find((p) => p.id === parameterIdOrName ||
+                p.name === parameterIdOrName ||
+                p.displayname === parameterIdOrName);
             // in case the key of the key value pair was neither the id, name or displayname, skip
             if (!parameterObject)
                 continue;
             // copy into new dictionary
-            requestParameterSet[parameterObject.id] = (' ' + parameterObject.stringify(parameters[parameterIdOrName])).slice(1);
+            requestParameterSet[parameterObject.id] = (" " + parameterObject.stringify(parameters[parameterIdOrName])).slice(1);
         }
         // seconds step, fill all other parameter values that are currently not set
         const currentParameters = this.parameterValues;
@@ -1467,7 +1814,7 @@ class SessionEngine {
             if (requestParameterSet[parameterId] !== undefined)
                 continue;
             // deep copy into new dictionary
-            requestParameterSet[parameterId] = (' ' + currentParameters[parameterId]).slice(1);
+            requestParameterSet[parameterId] = (" " + currentParameters[parameterId]).slice(1);
         }
         return requestParameterSet;
     }
@@ -1481,11 +1828,11 @@ class SessionEngine {
         const result = (0, viewer_shared_types_1.validateInteractionParameterSettings)(parameter.settings);
         if (result.success) {
             switch (parameter.settings.type) {
-                case 'selection':
+                case "selection":
                     return new SelectionParameter_1.SelectionParameter(parameter, this);
-                case 'gumball':
+                case "gumball":
                     return new GumballParameter_1.GumballParameter(parameter, this);
-                case 'dragging':
+                case "dragging":
                     return new DraggingParameter_1.DraggingParameter(parameter, this);
             }
         }
@@ -1501,11 +1848,11 @@ class SessionEngine {
     }
     customizeSession(parameters, cancelRequest, taskEventInfo, parallel = false, loadOutputs = true, retry = false) {
         return __awaiter(this, void 0, void 0, function* () {
-            this.checkAvailability('customize');
+            this.checkAvailability("customize");
             try {
-                this._performanceEvaluator.startSection('sessionResponse');
+                this._performanceEvaluator.startSection("sessionResponse");
                 const responseDto = yield this._sdk.utils.submitAndWaitForCustomization(this._sdk, this._sessionId, parameters);
-                this._performanceEvaluator.endSection('sessionResponse');
+                this._performanceEvaluator.endSection("sessionResponse");
                 if (loadOutputs === true && this._allowOutputLoading === true) {
                     if (cancelRequest())
                         return new SessionTreeNode_1.SessionTreeNode();
@@ -1545,7 +1892,10 @@ class SessionEngine {
         const fileParameterSet = {};
         for (const parameterId in this.parameters) {
             if (this.parameters[parameterId] instanceof FileParameter_1.FileParameter) {
-                fileParameterSet[parameterId] = parameters[parameterId] !== undefined ? parameters[parameterId] : this.parameters[parameterId].value;
+                fileParameterSet[parameterId] =
+                    parameters[parameterId] !== undefined
+                        ? parameters[parameterId]
+                        : this.parameters[parameterId].value;
             }
         }
         return fileParameterSet;
@@ -1556,18 +1906,18 @@ class SessionEngine {
                 if (e.error === sdk_geometry_api_sdk_v2_1.ShapeDiverResponseErrorType.SESSION_GONE_ERROR) {
                     // case 1: the session is no longer available
                     // we try to re-initialize the session 3 times, if that does not work, we close it
-                    this._logger.warn('The session has been closed, trying to re-initialize.');
+                    this._logger.warn("The session has been closed, trying to re-initialize.");
                     if (this._sessionId)
                         this._httpClient.removeDataLoading(this._sessionId);
                     if (this._retryCounter < 3) {
-                        // we retry this 3 times, the `retry` option in the init function is set to true and passed on 
+                        // we retry this 3 times, the `retry` option in the init function is set to true and passed on
                         this._retryCounter = retry ? this._retryCounter + 1 : 1;
                         this._initialized = false;
                         yield this.init(this.parameterValues, true);
                     }
                     else {
                         // the retries were exceeded, we close the session
-                        this._logger.warn('Tried to retry the connect multiple times, bearer token still not valid. Closing Session.');
+                        this._logger.warn("Tried to retry the connect multiple times, bearer token still not valid. Closing Session.");
                         // eslint-disable-next-line no-empty
                         try {
                             yield this._closeOnFailure();
@@ -1583,11 +1933,11 @@ class SessionEngine {
                         if (this._refreshJwtToken) {
                             yield this.setJwtToken(yield this._refreshJwtToken());
                             this._retryCounter = retry ? this._retryCounter + 1 : 1;
-                            this._logger.warn('Re-trying with new bearer token.');
+                            this._logger.warn("Re-trying with new bearer token.");
                         }
                         else {
                             // no bearer tokens are supplied, we close the session
-                            this._logger.warn('No retry possible, no new bearer token was supplied. Closing Session.');
+                            this._logger.warn("No retry possible, no new bearer token was supplied. Closing Session.");
                             // eslint-disable-next-line no-empty
                             try {
                                 yield this._closeOnFailure();
@@ -1598,7 +1948,7 @@ class SessionEngine {
                     }
                     else {
                         // the retries were exceeded, we close the session
-                        this._logger.warn('Tried to retry the connect multiple times, bearer token still not valid. Closing Session.');
+                        this._logger.warn("Tried to retry the connect multiple times, bearer token still not valid. Closing Session.");
                         // eslint-disable-next-line no-empty
                         try {
                             yield this._closeOnFailure();
@@ -1635,7 +1985,7 @@ class SessionEngine {
             if (image instanceof Promise) {
                 imageString = yield image;
             }
-            else if (typeof image === 'function') {
+            else if (typeof image === "function") {
                 const result = image();
                 if (result instanceof Promise) {
                     imageString = yield result;
@@ -1647,15 +1997,15 @@ class SessionEngine {
             else {
                 imageString = image;
             }
-            if (imageString.startsWith('data:')) {
+            if (imageString.startsWith("data:")) {
                 // case where the image is a data URL
                 const { blob, arrayBuffer } = this._converter.dataURLtoBlob(imageString);
                 return {
                     imageData: {
                         format: blob.type,
-                        size: blob.size
+                        size: blob.size,
                     },
-                    arrayBuffer
+                    arrayBuffer,
                 };
             }
             else {
@@ -1664,16 +2014,17 @@ class SessionEngine {
                 return {
                     imageData: {
                         format: type,
-                        size: arrayBuffer.byteLength
+                        size: arrayBuffer.byteLength,
                     },
-                    arrayBuffer
+                    arrayBuffer,
                 };
             }
         });
     }
     removeBusyMode(busyId) {
         for (const r in this._stateEngine.viewportEngines) {
-            if (this._stateEngine.viewportEngines[r] && this._stateEngine.viewportEngines[r].busy.includes(busyId))
+            if (this._stateEngine.viewportEngines[r] &&
+                this._stateEngine.viewportEngines[r].busy.includes(busyId))
                 this._stateEngine.viewportEngines[r].busy.splice(this._stateEngine.viewportEngines[r].busy.indexOf(busyId), 1);
             if (__classPrivateFieldGet(this, _SessionEngine_customizationBusyModes, "f").includes(busyId))
                 __classPrivateFieldGet(this, _SessionEngine_customizationBusyModes, "f").splice(__classPrivateFieldGet(this, _SessionEngine_customizationBusyModes, "f").indexOf(busyId), 1);
@@ -1691,7 +2042,7 @@ class SessionEngine {
      */
     timeout(ms) {
         return __awaiter(this, void 0, void 0, function* () {
-            return new Promise(resolve => setTimeout(resolve, ms));
+            return new Promise((resolve) => setTimeout(resolve, ms));
         });
     }
     updateResponseDto(responseDto, initialParameters) {
@@ -1702,24 +2053,33 @@ class SessionEngine {
         // convert parameters
         if (responseDto.parameters) {
             for (const parameterId in responseDto.parameters) {
-                this._responseDto.parameters = this._responseDto.parameters || {};
-                this._responseDto.parameters[parameterId] = this._responseDto.parameters[parameterId] || responseDto.parameters[parameterId];
+                this._responseDto.parameters =
+                    this._responseDto.parameters || {};
+                this._responseDto.parameters[parameterId] =
+                    this._responseDto.parameters[parameterId] ||
+                        responseDto.parameters[parameterId];
             }
         }
         // convert outputs
         if (responseDto.outputs) {
             for (const outputId in responseDto.outputs) {
                 this._responseDto.outputs = this._responseDto.outputs || {};
-                if ('version' in responseDto.outputs[outputId] || !(this._responseDto.outputs[outputId] && 'version' in this._responseDto.outputs[outputId]))
-                    this._responseDto.outputs[outputId] = responseDto.outputs[outputId];
+                if ("version" in responseDto.outputs[outputId] ||
+                    !(this._responseDto.outputs[outputId] &&
+                        "version" in this._responseDto.outputs[outputId]))
+                    this._responseDto.outputs[outputId] =
+                        responseDto.outputs[outputId];
             }
         }
         // convert exports
         if (responseDto.exports) {
             for (const exportId in responseDto.exports) {
                 this._responseDto.exports = this._responseDto.exports || {};
-                if ('version' in responseDto.exports[exportId] || !(this._responseDto.exports[exportId] && 'version' in this._responseDto.exports[exportId]))
-                    this._responseDto.exports[exportId] = responseDto.exports[exportId];
+                if ("version" in responseDto.exports[exportId] ||
+                    !(this._responseDto.exports[exportId] &&
+                        "version" in this._responseDto.exports[exportId]))
+                    this._responseDto.exports[exportId] =
+                        responseDto.exports[exportId];
             }
         }
         const parameterSet = {};
@@ -1728,22 +2088,35 @@ class SessionEngine {
                 continue;
             this._responseDto.parameters[parameterId].id = parameterId;
             switch (true) {
-                case this._responseDto.parameters[parameterId].type === viewer_shared_types_1.PARAMETER_TYPE.BOOL:
+                case this._responseDto.parameters[parameterId].type ===
+                    viewer_shared_types_1.PARAMETER_TYPE.BOOL:
                     this.parameters[parameterId] = new Parameter_1.Parameter(this._responseDto.parameters[parameterId], this);
                     break;
-                case this._responseDto.parameters[parameterId].type === viewer_shared_types_1.PARAMETER_TYPE.COLOR:
+                case this._responseDto.parameters[parameterId].type ===
+                    viewer_shared_types_1.PARAMETER_TYPE.COLOR:
                     this.parameters[parameterId] = new Parameter_1.Parameter(this._responseDto.parameters[parameterId], this);
                     break;
-                case this._responseDto.parameters[parameterId].type === viewer_shared_types_1.PARAMETER_TYPE.FILE:
+                case this._responseDto.parameters[parameterId].type ===
+                    viewer_shared_types_1.PARAMETER_TYPE.FILE:
                     this.parameters[parameterId] = new FileParameter_1.FileParameter(this._responseDto.parameters[parameterId], this);
                     break;
-                case this._responseDto.parameters[parameterId].type === viewer_shared_types_1.PARAMETER_TYPE.EVEN || this._responseDto.parameters[parameterId].type === viewer_shared_types_1.PARAMETER_TYPE.FLOAT || this._responseDto.parameters[parameterId].type === viewer_shared_types_1.PARAMETER_TYPE.INT || this._responseDto.parameters[parameterId].type === viewer_shared_types_1.PARAMETER_TYPE.ODD:
+                case this._responseDto.parameters[parameterId].type ===
+                    viewer_shared_types_1.PARAMETER_TYPE.EVEN ||
+                    this._responseDto.parameters[parameterId].type ===
+                        viewer_shared_types_1.PARAMETER_TYPE.FLOAT ||
+                    this._responseDto.parameters[parameterId].type ===
+                        viewer_shared_types_1.PARAMETER_TYPE.INT ||
+                    this._responseDto.parameters[parameterId].type ===
+                        viewer_shared_types_1.PARAMETER_TYPE.ODD:
                     this.parameters[parameterId] = new Parameter_1.Parameter(this._responseDto.parameters[parameterId], this);
                     break;
-                case this._responseDto.parameters[parameterId].type === viewer_shared_types_1.PARAMETER_TYPE.INTERACTION:
-                    this.parameters[parameterId] = this.createInteractionParameter(this._responseDto.parameters[parameterId]);
+                case this._responseDto.parameters[parameterId].type ===
+                    viewer_shared_types_1.PARAMETER_TYPE.INTERACTION:
+                    this.parameters[parameterId] =
+                        this.createInteractionParameter(this._responseDto.parameters[parameterId]);
                     break;
-                case this._responseDto.parameters[parameterId].type === viewer_shared_types_1.PARAMETER_TYPE.DRAWING:
+                case this._responseDto.parameters[parameterId].type ===
+                    viewer_shared_types_1.PARAMETER_TYPE.DRAWING:
                     this.parameters[parameterId] = new DrawingParameter_1.DrawingParameter(this._responseDto.parameters[parameterId], this);
                     break;
                 default:
@@ -1754,11 +2127,14 @@ class SessionEngine {
             if (initialParameters) {
                 // check if the id is within the initial parameters
                 if (initialParameters[parameterId] !== undefined) {
-                    this.parameters[parameterId].value = initialParameters[parameterId];
+                    this.parameters[parameterId].value =
+                        initialParameters[parameterId];
                 }
                 // check if the name is within the initial parameters
-                else if (initialParameters[this.parameters[parameterId].name] !== undefined) {
-                    this.parameters[parameterId].value = initialParameters[this.parameters[parameterId].name];
+                else if (initialParameters[this.parameters[parameterId].name] !==
+                    undefined) {
+                    this.parameters[parameterId].value =
+                        initialParameters[this.parameters[parameterId].name];
                 }
                 // NOTE: At some point the checking may also be done with the displayname, this is the code for it
                 // // check if the displayname is within the initial parameters
@@ -1768,16 +2144,20 @@ class SessionEngine {
             }
             parameterSet[parameterId] = {
                 value: this.parameters[parameterId].value,
-                valueString: this.parameters[parameterId].stringify()
+                valueString: this.parameters[parameterId].stringify(),
             };
             if (!this.initialized)
-                this.parameterValues[parameterId] = parameterSet[parameterId].valueString;
+                this.parameterValues[parameterId] =
+                    parameterSet[parameterId].valueString;
         }
         // store the initialization as the first parameter set in the history
         if (!this.initialized)
             __classPrivateFieldGet(this, _SessionEngine_parameterHistory, "f").push(parameterSet);
         for (const exportId in this._responseDto.exports) {
-            if (this._responseDto.exports[exportId].type === sdk_geometry_api_sdk_v2_1.ShapeDiverResponseExportDefinitionType.EMAIL || this._responseDto.exports[exportId].type === sdk_geometry_api_sdk_v2_1.ShapeDiverResponseExportDefinitionType.DOWNLOAD) {
+            if (this._responseDto.exports[exportId].type ===
+                sdk_geometry_api_sdk_v2_1.ShapeDiverResponseExportDefinitionType.EMAIL ||
+                this._responseDto.exports[exportId].type ===
+                    sdk_geometry_api_sdk_v2_1.ShapeDiverResponseExportDefinitionType.DOWNLOAD) {
                 if (!this.exports[exportId]) {
                     this._responseDto.exports[exportId].id = exportId;
                     this.exports[exportId] = new Export_1.Export(this._responseDto.exports[exportId], this);
@@ -1792,10 +2172,10 @@ class SessionEngine {
                 this._responseDto.outputs[outputId].id = outputId;
                 if (this.outputsFreeze[outputId] === undefined)
                     this.outputsFreeze[outputId] = false;
-                this.outputs[outputId] = new Output_1.Output(this._responseDto.outputs[outputId], this);
+                this.outputs[outputId] = new Output_1.Output((this._responseDto.outputs[outputId]), this);
             }
             else {
-                this.outputs[outputId].updateOutputDefinition(this._responseDto.outputs[outputId]);
+                this.outputs[outputId].updateOutputDefinition((this._responseDto.outputs[outputId]));
             }
         }
     }
@@ -1808,7 +2188,7 @@ class SessionEngine {
             // call the update callback functions on the outputs
             for (const outputId in this.outputs) {
                 if (oldOutputVersions[outputId] !== newOutputVersions[outputId]) {
-                    promises.push(this.outputs[outputId].triggerUpdateCallback(newNode.children.find(c => c.name === outputId), oldNode.children.find(c => c.name === outputId)));
+                    promises.push(this.outputs[outputId].triggerUpdateCallback(newNode.children.find((c) => c.name === outputId), oldNode.children.find((c) => c.name === outputId)));
                 }
             }
             yield Promise.all(promises);