@colijnit/homedecorator 261.20.2 → 261.20.4

package/fesm2022/colijnit-homedecorator.mjs

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { Injectable, Pipe, Component, Inject, Input, HostBinding, Optional, ViewChild, EventEmitter, ElementRef, Output, Directive, ChangeDetectionStrategy, HostListener, ViewEncapsulation, SkipSelf, Self, NgModule, NO_ERRORS_SCHEMA, forwardRef } from '@angular/core';
 import * as THREE from 'three';
 import { Vector2, Mesh, Object3D, PointLight, Matrix4, Box3, Vector3, Euler, BoxGeometry, MeshBasicMaterial, Scene, AxesHelper, Group, BufferGeometry, Float32BufferAttribute, Line, LineBasicMaterial, CylinderGeometry, EquirectangularReflectionMapping, Material as Material$1, Texture as Texture$1, Source, EventDispatcher, Color, PerspectiveCamera, Quaternion, PlaneGeometry, DoubleSide, MeshStandardMaterial, RingGeometry, MathUtils, Raycaster, DataTexture, UnsignedByteType, LinearFilter, Shape, LinearSRGBColorSpace, SRGBColorSpace, SphereGeometry, PCFSoftShadowMap, ShadowMaterial, LightProbe, DirectionalLight, MeshPhongMaterial, BackSide, FrontSide, NoToneMapping, ReinhardToneMapping, CineonToneMapping, ACESFilmicToneMapping, CustomToneMapping, NeutralToneMapping, BasicShadowMap, PCFShadowMap, VSMShadowMap, OrthographicCamera, WebGLRenderer, TextureLoader, EllipseCurve, ArcCurve, NearestFilter, MeshPhysicalMaterial, Path, ShapeGeometry, ConeGeometry, ObjectLoader, Light, Camera as Camera$1, RepeatWrapping, SpotLight, AmbientLight, HemisphereLight, AdditiveBlending, LineSegments, EdgesGeometry, CircleGeometry, ExtrudeGeometry, InstancedMesh, Clock, AnimationMixer, AnimationClip, BufferAttribute, NoColorSpace, ArrowHelper as ArrowHelper$1, UVMapping, CubeReflectionMapping, CubeRefractionMapping, EquirectangularRefractionMapping, CubeUVReflectionMapping, NearestMipmapNearestFilter, NearestMipMapNearestFilter, NearestMipmapLinearFilter, NearestMipMapLinearFilter, LinearMipmapNearestFilter, LinearMipMapNearestFilter, LinearMipmapLinearFilter, LinearMipMapLinearFilter, AlphaFormat, RGBAFormat, DepthFormat, DepthStencilFormat, RedFormat, RedIntegerFormat, RGFormat, RGIntegerFormat, RGBAIntegerFormat, ByteType, ShortType, UnsignedShortType, IntType, UnsignedIntType, FloatType, HalfFloatType, UnsignedShort4444Type, UnsignedShort5551Type, UnsignedInt248Type, ClampToEdgeWrapping, MirroredRepeatWrapping, ZeroFactor, OneFactor, SrcColorFactor, OneMinusSrcColorFactor, SrcAlphaFactor, OneMinusSrcAlphaFactor, DstAlphaFactor, OneMinusDstAlphaFactor, DstColorFactor, OneMinusDstColorFactor, AddEquation, SubtractEquation, ReverseSubtractEquation, MinEquation, MaxEquation, NoBlending, NormalBlending, SubtractiveBlending, MultiplyBlending, CustomBlending, TangentSpaceNormalMap, ObjectSpaceNormalMap, ZeroStencilOp, KeepStencilOp, ReplaceStencilOp, IncrementStencilOp, DecrementStencilOp, IncrementWrapStencilOp, DecrementWrapStencilOp, InvertStencilOp, NeverStencilFunc, LessStencilFunc, EqualStencilFunc, LessEqualStencilFunc, GreaterStencilFunc, NotEqualStencilFunc, GreaterEqualStencilFunc, AlwaysStencilFunc, SpotLightHelper, DirectionalLightHelper, HemisphereLightHelper, PointLightHelper, GridHelper, PMREMGenerator, BoxHelper } from 'three';
-import { BehaviorSubject, Subject, Observable, throwError, ReplaySubject, combineLatest, from } from 'rxjs';
+import { BehaviorSubject, Subject, Observable, throwError, ReplaySubject, combineLatest, filter as filter$1, from } from 'rxjs';
 import * as TWEEN from '@tweenjs/tween.js';
 import { Selection } from '@colijnit/configuratorapi/build/model/selection';
 import { HdecoPositioning } from '@colijnit/configuratorapi/build/enum/hdeco-positioning.enum';
@@ -41,7 +41,7 @@ import { TextGeometry } from 'three/examples/jsm/geometries/TextGeometry.js';
 import { FontLoader } from 'three/examples/jsm/loaders/FontLoader.js';
 import { XRControllerModelFactory } from 'three/examples/jsm/webxr/XRControllerModelFactory.js';
 import { RGBFormat, LinearToneMapping, AgXToneMapping, LinearFilter as LinearFilter$1, LinearSRGBColorSpace as LinearSRGBColorSpace$1, SrcAlphaSaturateFactor, FloatType as FloatType$1 } from 'three/src/constants.js';
-import * as md5 from 'md5';
+import md5 from 'md5';
 import { NodeType } from '@colijnit/configuratorapi/build/enum/node-type.enum';
 import { ConfiguratorStatisticsEnvironment } from '@colijnit/configuratorapi/build/model/configurator-statistics-environment';
 import { Options } from '@colijnit/ioneconnector/build/model/options';
@@ -100,7 +100,6 @@ import * as i3$1 from '@angular/forms';
 import { FormsModule, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
 import * as i4 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import { HdecoType } from '@colijnit/configuratorapi/build/enum/hdeco-type.enum';
 import Delaunator from 'delaunator';
 import { VertexNormalsHelper } from 'three/examples/jsm/helpers/VertexNormalsHelper.js';
 import { trigger, state, style, transition, animate, query, animateChild } from '@angular/animations';
@@ -4158,6 +4157,17 @@ class HomedecoratorConnectorAdapterService {
         }
         return 'nl'; // just to be safe
     }
+    async getPublicParams(url, upId) {
+        const tempSettings = new HomedecoratorSettings();
+        tempSettings.url = url;
+        tempSettings.schema = upId.toString();
+        // @ts-ignore
+        const tempMainConnector = new MainApi(tempSettings);
+        const response = await tempMainConnector.getPublicParams(upId);
+        if (response) {
+            return response;
+        }
+    }
     async store3DModelCDN(filename, fileContents) {
         try {
             const response = await this.mainApi.uploadModelToCDN(filename, fileContents);
@@ -4315,6 +4325,10 @@ class HomedecoratorConnectorAdapterService {
             }
         }
     }
+    getCatalogDefinition(id) {
+        return this._catalogDefinitions && this._catalogDefinitions.length > 0 ?
+            this._catalogDefinitions.find(c => c.id === id) : null;
+    }
     async getArticleExtended(articleNumber) {
         const requestObject = new ArticleExtendedRequest();
         requestObject.articleNumber = articleNumber;
@@ -11111,7 +11125,7 @@ class Dimensioning {
     }
 }
 
-const minSize = 0.05;
+const minSize = 0.001;
 const xDirection = new Vector3(1, 0, 0);
 const yDirection$1 = new Vector3(0, 1, 0);
 const zDirection$1 = new Vector3(0, 0, 1);
@@ -12620,7 +12634,10 @@ class PresetsService {
                 const json = await this._jsonUtils.readJsonFile(path, false);
                 preset.model = JSON.stringify(json);
             }
-            const modelObj = JSON.parse(preset.model);
+            let modelObj = JSON.parse(preset.model);
+            if (typeof modelObj === 'string') { // multiple escapes...?
+                modelObj = JSON.parse(modelObj);
+            }
             if (!modelObj.hasOwnProperty('version')) {
                 modelObj.version = 1.0;
             }
@@ -13728,6 +13745,10 @@ class FloorService {
     _updateFloorMaterial(floor, floorMaterial, texture) {
         ObjectUtils.DisposeMaterial(floor.getMaterial());
         floor.floorMaterial = floorMaterial;
+        if (texture) {
+            // Update the texture as well
+            floor.floorTexture = texture;
+        }
         this._sceneService.needsRender = true;
         this._sceneService.updatePathTracer();
     }
@@ -19031,8 +19052,7 @@ class UtilsService {
         // Now you can use the `imageData` URL for display or download
         // this._downloadImage(`${object.name}_thumbnail.jpg`, imageData);
     }
-    _downloadImage(fileName, imageData) {
-        // Create a link and trigger the download
+    downloadImage(fileName, imageData) {
         const link = document.createElement('a');
         link.href = imageData;
         link.download = fileName;
@@ -19602,6 +19622,9 @@ class BluePrintService extends BluePrintFloorplanService {
         }
         await this.loadTheFloorplan(floorplan);
     }
+    getRoomCenter() {
+        return this.roomService.getRoomCenter();
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BluePrintService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BluePrintService, providedIn: 'root' }); }
 }
@@ -21079,14 +21102,17 @@ class BoundingBoxMeasurement {
         const widthMesh = createTextWithBackground(width, this._font, this.textSize, this.textColor, this.backgroundColor, this.backgroundOpacity, 1.2, widthText);
         const depthMesh = createTextWithBackground(depth, this._font, this.textSize, this.textColor, this.backgroundColor, this.backgroundOpacity, 1.2, depthText);
         // set positions for the meshes
-        heightMesh.position.set(0, 0, 0);
-        widthMesh.position.set(0, -0.12, 0);
-        depthMesh.position.set(0, -0.24, 0);
+        heightMesh.position.set(0, 0.12, 0);
+        widthMesh.position.set(0, 0, 0);
+        depthMesh.position.set(0, -0.12, 0);
         // Create one new mesh
         const allMeasurementMeshes = new Mesh();
         allMeasurementMeshes.add(heightMesh);
         allMeasurementMeshes.add(widthMesh);
         allMeasurementMeshes.add(depthMesh);
+        const box = new Box3().setFromObject(allMeasurementMeshes);
+        const heightBox = box.max.y - box.min.y;
+        allMeasurementMeshes.children.forEach(c => c.translateY(heightBox / 2));
         allMeasurements.textMesh = allMeasurementMeshes;
         allMeasurements.positions = this._calculateAllMeasurementsPositions();
         return allMeasurements;
@@ -22844,7 +22870,7 @@ class SceneEventService {
             this._messageBusService.emit(MessageType.SaveState, { action: `3D ${action}` });
         }), this._debouncedSaveState.pipe(debounceTime(200)).subscribe(() => {
             this._hudService.updateLabelMeasurements();
-        }), this._viewModeService.viewModeChanged.subscribe(mode => this.setExploreMode(mode === ViewMode.WalkThrough)), this._itemGroupService.objectAdded.subscribe((object) => this.setSelectedObject(object)), this._itemGroupService.grouped.subscribe((object) => this.setSelectedObject(object)), this._itemGroupService.ungrouped.subscribe(() => this.setSelectedObject(null)), this._messageBusService.subscribe(MessageType.ItemRemoved, () => this.setSelectedObject(null)), this._messageBusService.subscribe(MessageType.StartGroupObject, () => this._setGroupingMode(true)));
+        }), this._viewModeService.viewModeChanged.subscribe(mode => this.setExploreMode(mode === ViewMode.WalkThrough)), this._itemGroupService.objectAdded.subscribe((object) => this.setSelectedObject(object)), this._itemGroupService.grouped.subscribe((object) => this.setSelectedObject(object)), this._itemGroupService.ungrouped.subscribe(() => this.setSelectedObject(null)), this._messageBusService.subscribe(MessageType.ItemRemoved, () => this.setSelectedObject(null)), this._messageBusService.subscribe(MessageType.StartGroupObject, () => this._setGroupingMode(true)), this._messageBusService.subscribe(MessageType.CancelGroupObject, () => this._setGroupingMode(false)));
     }
     setExploreMode(on = true) {
         if (on) {
@@ -22989,7 +23015,9 @@ class SceneEventService {
         let intersection = null;
         if (isWallType(draggedData.type) || (isWallFloorType(draggedData.type) && this._intersectedWall)) {
             intersection = this._intersectedWall;
-            position = this._intersectedWall.object.localToWorld(this._intersectedWall.point);
+            if (this._intersectedWall.object) {
+                position = this._intersectedWall.object.localToWorld(this._intersectedWall.point);
+            }
             // position = this._intersectedWall && this._intersectedWall.point;
         }
         else if (isFloorType(draggedData.type) || isFloorDecoration(draggedData.type) || (isWallFloorType(draggedData.type) && this._intersectedFloor)) {
@@ -23336,7 +23364,9 @@ class SceneEventService {
     }
     _setGroupingMode(enableGrouping) {
         this._groupingMode = enableGrouping;
-        this._addToItemGroup(this._intersectedObject, this._prevSelectedObject);
+        if (this._groupingMode) {
+            this._addToItemGroup(this._intersectedObject, this._prevSelectedObject);
+        }
     }
     _getDraggedData() {
         return this._dragAndDropService.draggedData;
@@ -24823,7 +24853,7 @@ class BuildFurnitureBaseService {
         item.canScaleZ = metadata.canScaleZ;
         item.colorable = metadata.colorable;
         item.canDelete = !this.standAlone;
-        item.canCopy = !this.standAlone;
+        item.canCopy = !this.standAlone && !metadata.thirdPartyModel;
         item.allwaysConfigureMode = this.standAlone;
         item.highLightDisabled = !this.settingsService.settings.options.useStandaloneHighLight;
         item.tempObject = true;
@@ -25457,6 +25487,15 @@ class BuildFurnitureBaseService {
     handleSelectionSelected(chosenOption) {
         this._selectionsSelected.push(chosenOption.opvTreeNodeHierarchy);
     }
+    getActiveFurnitureByUuid(uuid) {
+        const furniture = this.itemService.getFurniture();
+        const len = furniture.length;
+        for (let i = 0; i < len; i++) {
+            if (furniture[i].metadata && furniture[i].metadata.objectUUID === uuid) {
+                return furniture[i];
+            }
+        }
+    }
     getActiveFurniture(instanceId) {
         const configurables = this.itemService.getConfigurables();
         const len = configurables.length;
@@ -26165,41 +26204,34 @@ class BuildFurnitureService extends BuildFurnitureBaseService {
             }
         }
     }
-    createSimple3DModel(result, standAlone) {
-        if (!isNill(standAlone)) {
-            this.standAlone = standAlone;
+    createSimple3DModel(metadata, object) {
+        const existingModel = this.getActiveFurnitureByUuid(metadata.objectUUID);
+        if (existingModel) {
+            return existingModel;
         }
-        if (!this.full3DObjectToUse) { // there's no 3d model so get out
-            return result;
-        }
-        // there are no selections or decos for simple articles, so empty lists for integration purposes
-        this.iOne.emptySelections();
-        this.full3DObjectToUse.children.forEach(c => c.visible = true);
-        if (!result.metaData.position) {
-            result.metaData.position = this.startPosition || this.defaultPosition;
+        if (!metadata.position) {
+            metadata.position = this.startPosition || this.defaultPosition;
         }
-        if (!result.metaData.rotation) {
-            result.metaData.rotation = result.metaData.default180 ? this.defaultRotation : new Euler();
+        if (!metadata.rotation) {
+            metadata.rotation = metadata.default180 ? this.defaultRotation : new Euler();
         }
-        const itemConstructor = Factory.getClass(this.standAlone ? ItemType.FloorGroup : result.metaData.itemType);
-        const item = new itemConstructor(result.metaData, this.full3DObjectToUse, {
+        const itemConstructor = Factory.getClass(metadata.itemType);
+        const item = new itemConstructor(metadata, object, {
             showHideOutlineHandler: this.showHideOutline
         });
-        result.metaData.objectUUID = item.uuid;
-        item.allowRotate = !this.standAlone;
-        item.highLightDisabled = !this.settingsService.settings.options.useStandaloneHighLight;
         this.itemService.addItem(item);
         if (item.itemGroup) {
             this.itemGroupService.reattachToItemGroup(item, item.itemGroup, item.position);
         }
         // For simple articles we use object uuid, because they don't have an instanceId
-        this.upsertFurniture(item.uuid, { BrandIdentifier: result.metaData.itemIdentifier }, item);
+        this.upsertFurniture(item.uuid, { BrandIdentifier: metadata.itemIdentifier }, item);
         this.handleIntegration(item.uuid, item);
-        this.currentCustomFloorGroup = item;
-        this.currentCustomFloorGroup.buildFinished();
-        result.furniture = item;
+        // this.currentCustomFloorGroup = item;
+        // this.currentCustomFloorGroup.buildFinished();
+        // result.furniture = item;
+        item.buildFinished();
         this.sceneService.updatePathTracer();
-        return result;
+        return item;
     }
     async createNonConfigurableFloor(result) {
         const item = this.floorService.floorToConfigure;
@@ -26301,21 +26333,22 @@ class BuildFurnitureWithoutSceneService extends BuildFurnitureBaseService {
         await this.getSelectionsAndDecos();
         return await this.handlePrepareSelectionsDecos(result);
     }
-    createSimple3DModel(result, standAlone) {
-        if (!isNill(standAlone)) {
-            this.standAlone = standAlone;
-        }
-        // there are no selections or decos for simple articles, so empty lists for integration purposes
-        this.iOne.emptySelections();
-        const itemConstructor = Factory.getClass(this.standAlone ? ItemType.FloorGroup : result.metaData.itemType);
-        const item = new itemConstructor(result.metaData, null, {
+    createSimple3DModel(metadata, object) {
+        // if (!isNill(standAlone)) {
+        //   this.standAlone = standAlone;
+        // }
+        // // there are no selections or decos for simple articles, so empty lists for integration purposes
+        // this.iOne.emptySelections();
+        const itemConstructor = Factory.getClass(this.standAlone ? ItemType.FloorGroup : metadata.itemType);
+        const item = new itemConstructor(metadata, null, {
             showHideOutlineHandler: this.showHideOutline
         });
-        result.metaData.objectUUID = item.uuid;
-        item.allowRotate = !this.standAlone;
-        item.highLightDisabled = !this.settingsService.settings.options.useStandaloneHighLight;
-        result.furniture = item;
-        return result;
+        // result.metaData.objectUUID = item.uuid;
+        // item.allowRotate = !this.standAlone;
+        // item.highLightDisabled = !this.settingsService.settings.options.useStandaloneHighLight;
+        // result.furniture = item;
+        // return result;
+        return item;
     }
     async createNonConfigurableFloor(result) {
         // TODO Right now we do not need this, but we might need to render floors so we just prepared it like this.
@@ -27105,7 +27138,7 @@ class LoadFurnitureBaseService {
         }
     }
     addToList(list, item) {
-        if (!item || (!item.instanceId && !item.metaData.objectUUID)) {
+        if (!item || (!item.metaData || (!item.instanceId && !item.metaData.objectUUID))) {
             return;
         }
         if ((item.instanceId && !list.find(l => l.instanceId === item.instanceId)) ||
@@ -27269,60 +27302,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
         }], ctorParameters: () => [{ type: HomedecoratorConnectorService }, { type: HomedecoratorConnectorAdapterService }, { type: ModelsService }, { type: ThreedselectorService }, { type: MessageBusService }, { type: SwitchBuildFurnitureService }, { type: PresetsService }, { type: HomedecoratorSettingsService }] });
 
 class LoadFurnitureService extends LoadFurnitureBaseService {
-    async loadFurniture(furnitureData, shouldCopyInstance = false, looseOriginalConfiguration = true, standAlone = false, fromScratch = false, fromPreset = false, loadFromProject = false) {
-        const result = new CustomFloorGroupResult(furnitureData.itemIdentifier, furnitureData.itemName ? furnitureData.itemName : furnitureData.itemIdentifier);
-        let modelExists = false;
-        if (loadFromProject && furnitureData.modelUrl) {
-            modelExists = await FileUtils.DoesFileExist(FileUtils.FixUrl(furnitureData.modelUrl));
-        }
-        if (!modelExists) {
-            await this.tryLoadArticle(furnitureData, result, loadFromProject).catch((e) => {
-                if (result.resultType === ResultType.Timeout) {
-                    return Promise.reject(result);
-                }
-                if (result.metaData.externalSettings.externalSourceId === null || result.metaData.externalSettings.externalSourceId === undefined) {
-                    result.errorMessages.push(new ErrorMessage(result.metaData.externalSettings.name + ' EXTERNAL_SOURCE_NOT_FOUND', ''));
-                    result.resultType = ResultType.ExternalSourceNotAvailable;
-                    return Promise.reject(result);
-                }
-                // no article found, we can continue if there is instanceId and modelUrl provided in metadata
-                if (!this.needs3DModel(result.metaData)) {
-                    result.resultType = ResultType.No3DModel;
-                }
-                if (!result.metaData || !result.metaData.modelUrl && result.resultType !== ResultType.No3DModel) {
-                    // if (result.resultType !== ResultType.ConfigurationNotFixed) {
-                    result.errorMessages.push(new ErrorMessage('ARTICLE_NOT_FOUND', 'ARTICLE_NOT_FOUND_DESC'));
-                    result.resultType = ResultType.ArticleNotFound;
-                    // }
-                    return Promise.reject(result);
-                }
-            });
-        }
-        else {
-            result.metaData = furnitureData;
-            this.buildFurnitureService.currentActiveService.articleAssetPath = this.getAssetPathFromMetadata(result.metaData);
-        }
-        if (result.metaData.itemType === ItemType.FloorDecoration && result.metaData.hdecoType === HdecoType.Materials) {
-            result.resultType = ResultType.No3DModel;
-        }
-        else {
-            await this.initFull3DObject(result, fromPreset)
-                .catch((e) => {
-                if (!standAlone) {
-                    return Promise.reject(result);
-                }
-            });
-        }
-        if (!result.metaData.configurable && !isFloorDecoration(result.metaData.itemType)) { // simple 3d article, just load model
-            return this.buildFurnitureService.currentActiveService.createSimple3DModel(result, standAlone);
-        }
-        else if (!result.metaData.configurable && isFloorDecoration(result.metaData.itemType)) {
-            return this.buildFurnitureService.currentActiveService.createNonConfigurableFloor(result);
-        }
-        else {
-            this.configurationDirty = true;
-            return this.buildFurnitureService.currentActiveService.startToBuild(result, result.metaData, shouldCopyInstance, looseOriginalConfiguration, standAlone, true, fromPreset, loadFromProject);
-        }
+    loadFurniture(furnitureData, shouldCopyInstance, looseOriginalConfiguration, standAlone, fromScratch, fromPreset, loadFromProject) {
+        throw new Error('Method not implemented.');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LoadFurnitureService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LoadFurnitureService }); }
@@ -27346,7 +27327,7 @@ class DimensionsService {
         this._itemService = _itemService;
         this._sceneService = _sceneService;
         this._fontService = _fontService;
-        this._offSet = 0.05;
+        this._offSet = 0;
         this._labelOffSet = 0.05;
         this._nameHeightArrow = 'height_arrow';
         this._nameWidthArrow = 'width_arrow';
@@ -27401,6 +27382,8 @@ class DimensionsService {
         if (!object.hasOwnProperty('halfSize')) {
             return;
         }
+        const yFlipped = Math.abs(object.rotation.y % (2 * Math.PI) - Math.PI) < 0.001;
+        const direction = yFlipped ? -1 : 1;
         const height = object.getHeight();
         const halfHeight = height / 2;
         const width = object.getWidth();
@@ -27412,7 +27395,7 @@ class DimensionsService {
         const heightArrow = dimensionObject.getObjectByName(this._nameHeightArrow);
         if (heightArrow) {
             ObjectUtils.UpdateArrowLength(heightArrow, height, new Vector3(0, 1, 0), this._headLength, this._headWidth, true);
-            heightArrow.position.set(-(halfWidth + this._offSet), 0, -(halfDepth + this._offSet));
+            heightArrow.position.set(-direction * ((halfWidth + this._offSet)), 0, -direction * (halfDepth + this._offSet));
         }
         const heightLabel = dimensionObject.getObjectByName('height_label');
         if (heightLabel) {
@@ -27422,33 +27405,36 @@ class DimensionsService {
             // newHeightLabel.geometry.rotateX(object.rotation.x);
             // newHeightLabel.geometry.rotateY(-object.rotation.y);
             // newHeightLabel.geometry.rotateZ(object.rotation.z);
-            newHeightLabel.position.set(-(halfWidth + this._offSet), 0, -(halfDepth + this._offSet));
+            const size = this._getBoxSize(newHeightLabel);
+            newHeightLabel.position.set(-direction * (halfWidth + (this._labelOffSet + size.x)), 0, -direction * (halfDepth + this._labelOffSet));
             dimensionObject.add(newHeightLabel);
         }
         const widthArrow = dimensionObject.getObjectByName(this._nameWidthArrow);
         if (widthArrow) {
             ObjectUtils.UpdateArrowLength(widthArrow, width, new Vector3(1, 0, 0), this._headLength, this._headWidth, true);
-            widthArrow.position.set(0, halfHeight + this._offSet, halfDepth + this._offSet);
+            widthArrow.position.set(0, halfHeight + this._offSet, direction * (-halfDepth + this._offSet));
         }
         const widthLabel = dimensionObject.getObjectByName('width_label');
         if (widthLabel) {
             dimensionObject.remove(widthLabel);
             const newWidthLabel = this._createLabel(Dimensioning.mToMeasure(width), 'width_label', object.rotation);
             // newWidthLabel.rotation.set(-object.rotation.x, -object.rotation.y, -object.rotation.z);
-            newWidthLabel.position.set(0, halfHeight + this._offSet, (halfDepth + this._offSet));
+            const size = this._getBoxSize(newWidthLabel);
+            newWidthLabel.position.set(-direction * (size.x / 2), halfHeight + this._labelOffSet, direction * (-halfDepth + this._labelOffSet));
             dimensionObject.add(newWidthLabel);
         }
         const depthArrow = dimensionObject.getObjectByName(this._nameDepthArrow);
         if (depthArrow) {
             ObjectUtils.UpdateArrowLength(depthArrow, depth, new Vector3(0, 0, 1), this._headLength, this._headWidth, true);
-            depthArrow.position.set(-(halfWidth + this._offSet), halfHeight + this._offSet, 0);
+            depthArrow.position.set(-direction * (halfWidth + this._offSet), -halfHeight + this._offSet, 0);
         }
         const depthLabel = dimensionObject.getObjectByName('depth_label');
         if (depthLabel) {
             dimensionObject.remove(depthLabel);
             const newDepthLabel = this._createLabel(Dimensioning.mToMeasure(depth), 'depth_label', object.rotation);
             // newDepthLabel.rotation.set(-object.rotation.x, -object.rotation.y, -object.rotation.z);
-            newDepthLabel.position.set(-(halfWidth + this._offSet), halfHeight + this._offSet, 0);
+            const size = this._getBoxSize(newDepthLabel);
+            newDepthLabel.position.set(-direction * (halfWidth + this._labelOffSet + size.x), -halfHeight + this._labelOffSet, 0);
             dimensionObject.add(newDepthLabel);
         }
     }
@@ -27495,6 +27481,12 @@ class DimensionsService {
         // label.quaternion.copy(new Quaternion().fromArray(new Vector4().setAxisAngleFromQuaternion(this._cameraService.camera.quaternion).negate().toArray()));
         return label;
     }
+    _getBoxSize(mesh) {
+        const box = new Box3().setFromObject(mesh);
+        const size = new Vector3();
+        box.getSize(size);
+        return size;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DimensionsService, deps: [{ token: ItemService }, { token: SceneService }, { token: FontService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DimensionsService }); }
 }
@@ -28924,33 +28916,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
         }], ctorParameters: () => [{ type: HomedecoratorSettingsService }, { type: ExportService }, { type: CameraService }, { type: SceneService }, { type: ToastService }, { type: MessageBusService }, { type: GoogleTagManagerService }, { type: RoomService }, { type: FloorService }] });
 
 class LoadFurnitureWithoutSceneService extends LoadFurnitureBaseService {
-    async loadFurniture(furnitureData, shouldCopyInstance = false, looseOriginalConfiguration = true, standAlone = false, fromScratch = false, fromPreset = false, loadFromProject = false) {
-        const result = new CustomFloorGroupResult(furnitureData.itemIdentifier, furnitureData.itemName ? furnitureData.itemName : furnitureData.itemIdentifier);
-        await this.tryLoadArticle(furnitureData, result, loadFromProject).catch((e) => {
-            if (result.resultType === ResultType.Timeout) {
-                return Promise.reject(result);
-            }
-            if (result.metaData.externalSettings.externalSourceId === null || result.metaData.externalSettings.externalSourceId === undefined) {
-                result.errorMessages.push(new ErrorMessage(result.metaData.externalSettings.name + ' EXTERNAL_SOURCE_NOT_FOUND', ''));
-                result.resultType = ResultType.ExternalSourceNotAvailable;
-                return Promise.reject(result);
-            }
-            if (!result.metaData) {
-                result.errorMessages.push(new ErrorMessage('ARTICLE_NOT_FOUND', 'ARTICLE_NOT_FOUND_DESC'));
-                result.resultType = ResultType.ArticleNotFound;
-                return Promise.reject(result);
-            }
-        });
-        if (!result.metaData.configurable && !isFloorDecoration(result.metaData.itemType)) { // simple 3d article, just load model
-            return this.buildFurnitureService.currentActiveService.createSimple3DModel(result, standAlone);
-        }
-        else if (!result.metaData.configurable && isFloorDecoration(result.metaData.itemType)) {
-            return this.buildFurnitureService.currentActiveService.createNonConfigurableFloor(result);
-        }
-        else {
-            this.configurationDirty = true;
-            return this.buildFurnitureService.currentActiveService.startToBuild(result, result.metaData, shouldCopyInstance, looseOriginalConfiguration, standAlone, true, fromPreset, loadFromProject);
-        }
+    loadFurniture(furnitureData, shouldCopyInstance, looseOriginalConfiguration, standAlone, fromScratch, fromPreset, loadFromProject) {
+        throw new Error('Method not implemented.');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LoadFurnitureWithoutSceneService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LoadFurnitureWithoutSceneService }); }
@@ -29110,7 +29077,7 @@ class NewRenderService {
             };
             scene.name = 'mrp_room_' + scene.uuid;
             const glb = await this._getGlbFromObject(scene, options);
-            this._utilsService.downloadFile(scene.name + '.glb', new Blob([glb], { type: 'model/gltf-binary' }));
+            // this._utilsService.downloadFile(scene.name + '.glb', new Blob([glb], {type: 'model/gltf-binary'}));
             ObjectUtils.DisposeObject(scene);
             scene = null;
             return glb;
@@ -29206,7 +29173,7 @@ class NewRenderService {
     //   }
     // }
     async _handleAjaxRender(data) {
-        this.blenderRenderStarted.emit();
+        this.blenderRenderStarted.next(true);
         const result = await axios({
             headers: {
                 'Content-Type': 'application/json'
@@ -29230,7 +29197,7 @@ class NewRenderService {
         }
     }
     async _handleAjaxGlbRender(data, preview = false) {
-        this.blenderRenderStarted.emit();
+        this.blenderRenderStarted.next(true);
         let host = this._settingsService.settings.renderParameters.host;
         if (host) {
             if (!host.endsWith('/')) {
@@ -29255,8 +29222,7 @@ class NewRenderService {
                         this.messageService.emit(MessageType.BlenderRenderPreviewReady, result.data.image);
                     }
                     else {
-                        const file = new Blob([result.data.image], { type: 'image/jpg' });
-                        this._utilsService.downloadFile(`test.jpg`, file);
+                        this._utilsService.downloadImage(`render.jpg`, result.data.image);
                         this.messageService.emit(MessageType.HideLoadingIndicator);
                     }
                 }
@@ -29264,6 +29230,8 @@ class NewRenderService {
                     this.renderImageChanged.next('');
                     this.renderImageError.next(this._dictionaryService.get('BLENDER_PRODUCT_RENDER_ERROR'));
                 }
+                // Remove the loading indicator.
+                this._messageBusService.emit(MessageType.RenderUploadFinished, true);
             }
         }
     }
@@ -29450,7 +29418,7 @@ class NewRenderService {
         // Get the asset information from the BlenderRenderSettings
         let renderScenes = [];
         if (this._settingsService.settings.blenderSceneSettings && this._settingsService.settings.blenderSceneSettings.scenes) {
-            renderScenes = this._settingsService.settings.blenderSceneSettings.scenes.filter(scene => scene.sceneType === BlenderSceneType.Product
+            renderScenes = this._settingsService.settings.blenderSceneSettings.scenes.filter(scene => scene.sceneType === BlenderSceneType.Room
                 && scene.name === assetId);
         }
         let renderScene;
@@ -29500,12 +29468,14 @@ class NewRenderService {
     }
     _getDataForRoomRender(settings) {
         this._cameraService.camera.updateMatrixWorld(true);
-        const sceneSettings = this._getSceneRenderSettings(this._settingsService.settings.productRenderSceneAssetId);
+        const sceneSettings = this._getSceneRenderSettings(settings.sceneAsset.name);
         const options = {
             width: settings.width,
             height: settings.height,
             max_samples: this._settingsService.settings.renderParameters.iterations,
             sceneSettings: sceneSettings,
+            renderType: this._getRenderType(sceneSettings),
+            transparency: false,
             cameraOptions: {
                 fov: this._cameraService.camera.fov,
                 matrix: Array.from(this._cameraService.camera.matrixWorld.elements)
@@ -29513,7 +29483,8 @@ class NewRenderService {
             environmentOptions: {
                 hdri: this._settingsService.settings.renderParameters.hdri,
                 hdriIntensity: settings.hdriIntensity
-            }
+            },
+            colijnLegacy: true // this is the value to trigger culling.
         };
         const data = {
             assetUrl: this._settingsService.settings.assetPath,
@@ -34281,7 +34252,7 @@ class RenderControlsComponent {
                   </div>
                 }
                 <rp-render-progress
-                  [title]="'UPLOADING' | localize"
+                  [title]="'PREPARE_TO_RENDER' | localize"
                   [show]="startUploading"
                   >
                 </rp-render-progress>
@@ -34511,7 +34482,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                   </div>
                 }
                 <rp-render-progress
-                  [title]="'UPLOADING' | localize"
+                  [title]="'PREPARE_TO_RENDER' | localize"
                   [show]="startUploading"
                   >
                 </rp-render-progress>
@@ -34852,11 +34823,11 @@ class SliderInputComponent {
         this.onChange = new EventEmitter();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: SliderInputComponent, isStandalone: false, selector: "rp-slider-input", inputs: { title: "title", min: "min", max: "max", step: "step", value: "value" }, outputs: { onChange: "onChange" }, ngImport: i0, template: "<div class=\"slider-group\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n  <mat-form-field class=\"slider-group-form-field\" fxFlex=\"20%\">\r\n    <input\r\n      matInput\r\n      [min]=\"min\"\r\n      [max]=\"max\"\r\n      type=\"number\"\r\n      [placeholder]=\"title\"\r\n      [ngModel]=\"value\"\r\n      (change)=\"onChange.emit($event.target.value)\"\r\n    >\r\n  </mat-form-field>\r\n  <mat-slider\r\n    class=\"slider-group-slider\"\r\n    [min]=\"min\"\r\n    [max]=\"max\"\r\n    [step]=\"step\"\r\n    thumbLabel\r\n    fxFlex=\"grow\" #ngSlider>\r\n    <input matSliderThumb [value]=\"value\" (input)=\"onChange.emit({source: ngSliderThumb, parent: ngSlider, value: ngSliderThumb.value}.value)\" #ngSliderThumb=\"matSliderThumb\" />\r\n  </mat-slider>\r\n</div>\r\n", styles: [".slider-group{padding:0 1em;box-sizing:border-box}.slider-group input{text-align:right;font-size:14px}.slider-group .mat-mdc-form-field-infix{width:auto}.slider-group .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-wrapper .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label{transform:translateY(-1.34369em) scale(.75)}.slider-group .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-wrapper .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label span{font-size:12px;color:#000}.slider-group .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-wrapper .mat-mdc-form-field-infix{padding:5px 0}\n"], dependencies: [{ kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i3$1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i4$2.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i4$2.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "directive", type: i6.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i6.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i6.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: SliderInputComponent, isStandalone: false, selector: "rp-slider-input", inputs: { title: "title", min: "min", max: "max", step: "step", value: "value" }, outputs: { onChange: "onChange" }, ngImport: i0, template: "<div class=\"slider-group\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n  <mat-form-field class=\"slider-group-form-field\" fxFlex=\"20%\">\r\n    <mat-label [textContent]=\"title\"></mat-label>\r\n    <input\r\n      matInput\r\n      [min]=\"min\"\r\n      [max]=\"max\"\r\n      type=\"number\"\r\n      [placeholder]=\"title\"\r\n      [ngModel]=\"value\"\r\n      (change)=\"onChange.emit($event.target.value)\"\r\n    >\r\n  </mat-form-field>\r\n  <mat-slider\r\n    class=\"slider-group-slider\"\r\n    [min]=\"min\"\r\n    [max]=\"max\"\r\n    [step]=\"step\"\r\n    thumbLabel\r\n    fxFlex=\"grow\" #ngSlider>\r\n    <input matSliderThumb [value]=\"value\" (input)=\"onChange.emit({source: ngSliderThumb, parent: ngSlider, value: ngSliderThumb.value}.value)\" #ngSliderThumb=\"matSliderThumb\" />\r\n  </mat-slider>\r\n</div>\r\n", styles: [".slider-group{padding:0 1em;box-sizing:border-box}.slider-group input{text-align:right;font-size:14px}.slider-group .mat-mdc-form-field-infix{width:auto}.slider-group .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-wrapper .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label{transform:translateY(-1.34369em) scale(.75)}.slider-group .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-wrapper .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label span{font-size:12px;color:#000}.slider-group .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-wrapper .mat-mdc-form-field-infix{padding:5px 0}\n"], dependencies: [{ kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i3$1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i4$2.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i4$2.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "directive", type: i6.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i6.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i6.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rp-slider-input', standalone: false, template: "<div class=\"slider-group\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n  <mat-form-field class=\"slider-group-form-field\" fxFlex=\"20%\">\r\n    <input\r\n      matInput\r\n      [min]=\"min\"\r\n      [max]=\"max\"\r\n      type=\"number\"\r\n      [placeholder]=\"title\"\r\n      [ngModel]=\"value\"\r\n      (change)=\"onChange.emit($event.target.value)\"\r\n    >\r\n  </mat-form-field>\r\n  <mat-slider\r\n    class=\"slider-group-slider\"\r\n    [min]=\"min\"\r\n    [max]=\"max\"\r\n    [step]=\"step\"\r\n    thumbLabel\r\n    fxFlex=\"grow\" #ngSlider>\r\n    <input matSliderThumb [value]=\"value\" (input)=\"onChange.emit({source: ngSliderThumb, parent: ngSlider, value: ngSliderThumb.value}.value)\" #ngSliderThumb=\"matSliderThumb\" />\r\n  </mat-slider>\r\n</div>\r\n", styles: [".slider-group{padding:0 1em;box-sizing:border-box}.slider-group input{text-align:right;font-size:14px}.slider-group .mat-mdc-form-field-infix{width:auto}.slider-group .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-wrapper .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label{transform:translateY(-1.34369em) scale(.75)}.slider-group .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-wrapper .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label span{font-size:12px;color:#000}.slider-group .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-wrapper .mat-mdc-form-field-infix{padding:5px 0}\n"] }]
+            args: [{ selector: 'rp-slider-input', standalone: false, template: "<div class=\"slider-group\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n  <mat-form-field class=\"slider-group-form-field\" fxFlex=\"20%\">\r\n    <mat-label [textContent]=\"title\"></mat-label>\r\n    <input\r\n      matInput\r\n      [min]=\"min\"\r\n      [max]=\"max\"\r\n      type=\"number\"\r\n      [placeholder]=\"title\"\r\n      [ngModel]=\"value\"\r\n      (change)=\"onChange.emit($event.target.value)\"\r\n    >\r\n  </mat-form-field>\r\n  <mat-slider\r\n    class=\"slider-group-slider\"\r\n    [min]=\"min\"\r\n    [max]=\"max\"\r\n    [step]=\"step\"\r\n    thumbLabel\r\n    fxFlex=\"grow\" #ngSlider>\r\n    <input matSliderThumb [value]=\"value\" (input)=\"onChange.emit({source: ngSliderThumb, parent: ngSlider, value: ngSliderThumb.value}.value)\" #ngSliderThumb=\"matSliderThumb\" />\r\n  </mat-slider>\r\n</div>\r\n", styles: [".slider-group{padding:0 1em;box-sizing:border-box}.slider-group input{text-align:right;font-size:14px}.slider-group .mat-mdc-form-field-infix{width:auto}.slider-group .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-wrapper .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label{transform:translateY(-1.34369em) scale(.75)}.slider-group .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-wrapper .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label span{font-size:12px;color:#000}.slider-group .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-wrapper .mat-mdc-form-field-infix{padding:5px 0}\n"] }]
         }], ctorParameters: () => [], propDecorators: { title: [{
                 type: Input
             }], min: [{
@@ -41723,6 +41694,10 @@ class RoomPlannerComponent {
         this.unselectAll();
         this.showGroupMenu = false;
         this.showGroupEditMenuButtons = false;
+        if (this.userIsGrouping) {
+            // When the user was grouping, let everything know that we stopped with that aswell
+            this._messageService.emit(MessageType.CancelGroupObject);
+        }
     }
     updateSelectedObjectHud() {
         this._hudService.updateSelectedItemHud();
@@ -44462,7 +44437,7 @@ class ThreedselectorComponent {
     get loadConfigurator() {
         return this._loadConfigurator;
     }
-    constructor(screenSizeService, _dialog, _appService, _iOne, _messageBus, _loadFurnitureService, _buildFurnitureService, _toastService, _messageService, _sceneService, _dialogService, _cameraService, _presetsService, _itemService, _settingsService, _appEventService, _bluePrintService, _wallService, _floorService, _iconCacheService, _googleTagManager, _appStateService, _progressService, _resizeService, _connectorAdapterService, _lightPresetService, _variationService, _configuringService) {
+    constructor(screenSizeService, _dialog, _appService, _iOne, _messageBus, _loadFurnitureService, _buildFurnitureService, _toastService, _messageService, _sceneService, _dialogService, _cameraService, _presetsService, _itemService, _settingsService, _appEventService, _bluePrintService, _wallService, _floorService, _iconCacheService, _googleTagManager, _appStateService, _progressService, _resizeService, _connectorAdapterService, _lightPresetService, _variationService, _configuringService, _configuratorEventService, _changeDetector) {
         this.screenSizeService = screenSizeService;
         this._dialog = _dialog;
         this._appService = _appService;
@@ -44491,6 +44466,8 @@ class ThreedselectorComponent {
         this._lightPresetService = _lightPresetService;
         this._variationService = _variationService;
         this._configuringService = _configuringService;
+        this._configuratorEventService = _configuratorEventService;
+        this._changeDetector = _changeDetector;
         this.iconName = IconName;
         this.customizeButtonClicked = new EventEmitter();
         this.selections = [];
@@ -44515,6 +44492,7 @@ class ThreedselectorComponent {
         this.showProgressText = true; // Show/Hide progress text
         this.showLoaderBar = false;
         this.showFullConfiguration = false;
+        this.firstBuild = false;
         this._loadConfigurator = false;
         this._skuAlreadySet = false;
         this._itemsFromScratch = [];
@@ -44527,9 +44505,11 @@ class ThreedselectorComponent {
         this._presetsService.register(this);
     }
     ngOnInit() {
-        this._subs.push(this._appEventService.answerCountReceived.subscribe((answerCount) => this._handleAnswerCountReceived(answerCount)), this._messageBus.subscribe(MessageType.LoadIOneFurnitureIntoSceneBySKU, ({ sku, settings, position }) => this._handleLoadIOneFurnitureIntoSceneBySKU(sku, settings, position)), this._messageBus.subscribe(MessageType.CopyIOneFurnitureIntoSceneBySKU, (original) => this._handleCopyIOneFurnitureIntoSceneBySKU(original)), this._buildFurnitureService.currentActiveService.configureModeChanged.subscribe(configuringModeChange => this._handleConfigureModeChange(configuringModeChange)), this._buildFurnitureService.currentActiveService.toggleSelectedElement.subscribe((element) => this._selectedElementToggle(element)), this._buildFurnitureService.currentActiveService.buildFinished.subscribe((result) => this._handleBuildFinished(result)), this._buildFurnitureService.currentActiveService.answerSelected.subscribe((result) => this._answerSelected(result)), this._sceneService.onAfterRender.subscribe(() => this._handleRender()), 
+        this._subs.push(this._appEventService.answerCountReceived.subscribe((answerCount) => this._handleAnswerCountReceived(answerCount)), this._messageBus.subscribe(MessageType.LoadIOneFurnitureIntoSceneBySKU, ({ sku, settings, position }) => this._handleLoadIOneFurnitureIntoSceneBySKU(sku, settings, position)), this._messageBus.subscribe(MessageType.CopyIOneFurnitureIntoSceneBySKU, (original) => this._handleCopyIOneFurnitureIntoSceneBySKU(original)), this._configuratorEventService.buildFinished.subscribe((result) => {
+            this.handleBuildResult(result);
+        }), this._buildFurnitureService.currentActiveService.configureModeChanged.subscribe(configuringModeChange => this._handleConfigureModeChange(configuringModeChange)), this._buildFurnitureService.currentActiveService.toggleSelectedElement.subscribe((element) => this._selectedElementToggle(element)), this._buildFurnitureService.currentActiveService.buildFinished.subscribe((result) => this._handleBuildFinished(result)), this._buildFurnitureService.currentActiveService.answerSelected.subscribe((result) => this._answerSelected(result)), this._sceneService.onAfterRender.subscribe(() => this._handleRender()), 
         // this._appService.skuSet.subscribe(sku => this._handleSkuSet(sku)),
-        this._appService.materialPreviewSet.subscribe(material => this._handleMaterialSet(material)), this._appService.materialPreviewUpdate.subscribe(material => this._updateMaterialPreview(material)), this._appEventService.articleInfoReceived.subscribe(info => this._handleInfoClick(info)), this._messageService.subscribe(MessageType.UndefinedErrorOccured, () => this._handleUndefinedErrorOccured()), this._presetsService.afterLoad.subscribe(() => this._afterLoadFromPreset()), this._messageBus.subscribe(MessageType.Undo, () => this._clearItems()), this._messageBus.subscribe(MessageType.Redo, () => this._clearItems()), this._messageBus.subscribe(MessageType.StartWithEmptyRoom, () => this._clearItems()), this._messageBus.subscribe(MessageType.StartWithPreset, () => this._clearItems()), this._messageBus.subscribe(MessageType.LoadRoomFromPreset, () => this._clearItems()), this._messageBus.subscribe(MessageType.LoadRoomFromCloud, () => this._clearItems()), this._messageBus.subscribe(MessageType.NewRoom, () => this._clearItems()), this._messageBus.subscribe(MessageType.ResetRoomplan, () => this._clearItems()), this._messageBus.subscribe(MessageType.LoadScaledDiagram, () => this._clearItems()), this._presetsService.beforeLoad.subscribe(() => this._clearItems()), this._messageService.subscribe(MessageType.ItemSelected, (item) => this.objectSelected(item)), this._messageService.subscribe(MessageType.ItemUnselected, () => this._removeButtons()), this.screenSizeService.screenSizeChanged.subscribe((info) => {
+        this._appService.materialPreviewSet.subscribe(material => this._handleMaterialSet(material)), this._appService.materialPreviewUpdate.subscribe(material => this._updateMaterialPreview(material)), this._appEventService.articleInfoReceived.subscribe(info => this._handleInfoClick(info)), this._messageService.subscribe(MessageType.UndefinedErrorOccured, () => this._handleUndefinedErrorOccured()), this._presetsService.afterLoad.subscribe(() => this._afterLoadFromPreset()), this._messageBus.subscribe(MessageType.Undo, () => this._clearItems()), this._messageBus.subscribe(MessageType.Redo, () => this._clearItems()), this._messageBus.subscribe(MessageType.StartWithEmptyRoom, () => this._clearItems()), this._messageBus.subscribe(MessageType.StartWithPreset, () => this._clearItems()), this._messageBus.subscribe(MessageType.LoadRoomFromPreset, () => this._clearItems()), this._messageBus.subscribe(MessageType.LoadRoomFromCloud, () => this._clearItems()), this._messageBus.subscribe(MessageType.NewRoom, () => this._clearItems()), this._messageBus.subscribe(MessageType.ResetRoomplan, () => this._clearItems()), this._messageBus.subscribe(MessageType.LoadScaledDiagram, () => this._clearItems()), this._presetsService.beforeLoad.subscribe(() => this._clearItems()), this._messageService.subscribe(MessageType.ItemSelected, (item) => this.objectSelected(item)), this._messageService.subscribe(MessageType.ItemUnselected, () => this._removeButtons()), this._messageService.subscribe(MessageType.UserModelUploaded, (data) => this._addUploadedItem(data)), this.screenSizeService.screenSizeChanged.subscribe((info) => {
             this.shouldShowLabel = info.isPhoneSize;
         }), this._messageService.subscribe(MessageType.ChangeArticleConfigurationType, (showFullConfig) => this._setTemplateType(showFullConfig)), this._settingsService.settingsLoaded.subscribe((loaded) => {
             if (loaded) {
@@ -44605,6 +44585,9 @@ class ThreedselectorComponent {
     getObjects() {
         // return {furniture: this.threeService.model.saveFurniture()};
     }
+    async saveObjects() {
+        return Promise.resolve();
+    }
     objectSelected(object) {
         this._removeCustomButtons();
         this.showCustomizeButtons = true;
@@ -44665,6 +44648,9 @@ class ThreedselectorComponent {
     }
     // NEW CONFIGURATOR
     async handleBuildResult(result) {
+        if (!result || this.firstBuild || !this._sceneService.scene) {
+            return;
+        }
         const customFloorGroupResult = new CustomFloorGroupResult();
         const metaData = this.setMetadateFromObject(result);
         if (result && !isFloorDecoration(result.placement)) {
@@ -44675,14 +44661,20 @@ class ThreedselectorComponent {
                     metaData.externalSettings = this._externalSourceData;
                     this._externalSourceData = undefined; // clear it.
                 }
-                const item = this._buildFurnitureService.currentActiveService.createConfigurableItemWithObject(result.instanceId, metaData, result.object);
-                const replaceCurrentItem = await this._buildFurnitureService.currentActiveService.replaceCurrentItem(item, metaData, false);
+                let furnitureToAdd;
+                if (!result.configurable) { // simple article
+                    furnitureToAdd = await this._buildFurnitureService.currentActiveService.createSimple3DModel(metaData, result.object);
+                }
+                else {
+                    const item = this._buildFurnitureService.currentActiveService.createConfigurableItemWithObject(result.instanceId, metaData, result.object);
+                    furnitureToAdd = await this._buildFurnitureService.currentActiveService.replaceCurrentItem(item, metaData, false);
+                }
                 customFloorGroupResult.metaData = metaData;
                 customFloorGroupResult.instanceId = result.instanceId;
                 customFloorGroupResult.name = result.articleName;
                 customFloorGroupResult.sku = result.sku;
                 customFloorGroupResult.resultType = result.resultType;
-                customFloorGroupResult.furniture = replaceCurrentItem;
+                customFloorGroupResult.furniture = furnitureToAdd;
                 customFloorGroupResult.errorMessages = result.errorMessages;
                 customFloorGroupResult.showErrors = false;
                 customFloorGroupResult.toggle = false;
@@ -44693,10 +44685,12 @@ class ThreedselectorComponent {
                     if (customFloorGroupResult.furniture) {
                         const closestWall = this._wallService.getClosestWall(customFloorGroupResult.furniture.position.x, customFloorGroupResult.furniture.position.z);
                         if (customFloorGroupResult.furniture instanceof CustomWallFloorItem && customFloorGroupResult.furniture.onWall) {
+                            this._itemService.removeItem(customFloorGroupResult.furniture, false, false);
                             customFloorGroupResult.furniture.placeOnWall(closestWall);
                             customFloorGroupResult.furniture.moveFromFloorToWall();
                         }
                         else if (customFloorGroupResult.furniture instanceof WallItem && !(customFloorGroupResult.furniture instanceof CustomWallFloorItem)) {
+                            this._itemService.removeItem(customFloorGroupResult.furniture, false, false);
                             customFloorGroupResult.furniture.placeOnWall(closestWall);
                         }
                         if (customFloorGroupResult.metaData.configurable) {
@@ -44716,7 +44710,7 @@ class ThreedselectorComponent {
                 this._sceneService.needsRender = true;
             }
             else if (result.resultType === ResultType.NeedsUserInput) {
-                this._configuringService.isConfiguring = true;
+                // this._configuringService.isConfiguring = true;
             }
             else if (result.resultType === ResultType.BuildFromScratch) {
                 // if (this._loadedFromPreset) { // start configuring when loading is done
@@ -44766,7 +44760,7 @@ class ThreedselectorComponent {
         this._messageBus.emit(MessageType.FinishedIOneFurnitureBuild);
     }
     setMetadateFromObject(result) {
-        if (result.originalMetadata) {
+        if (result && result.originalMetadata) {
             const metadata = Object.assign({}, result.originalMetadata);
             metadata.decos = result.decos;
             metadata.selections = result.selections;
@@ -44804,10 +44798,10 @@ class ThreedselectorComponent {
         }
     }
     showConfiguratorChange(show) {
-        this._configuringService.isConfiguring = show;
         this.loadConfigurator = show;
     }
     async loadFurnitureFromSku(position, sku, settings) {
+        this.firstBuild = true;
         const configuratorSettings = this._settingsService.settings.projectSettings ?
             this._settingsService.settings.projectSettings : this._settingsService.settings;
         const configuratorSettingsClone = Object.assign({}, configuratorSettings);
@@ -44815,27 +44809,33 @@ class ThreedselectorComponent {
         if (configuratorExternalSourceId) {
             if (settings.hasOwnProperty('settings')) {
                 const settingsInterface = settings['settings'];
+                configuratorSettingsClone.externalSourceId = configuratorExternalSourceId;
                 configuratorSettingsClone.username = settingsInterface.username;
-                configuratorSettingsClone.password = settingsInterface.password;
                 configuratorSettingsClone.url = settingsInterface.url;
                 configuratorSettingsClone.version = settingsInterface.version;
                 configuratorSettingsClone.schema = settingsInterface.schema;
+                configuratorSettingsClone.mainUrl = settings.mainUrl;
+                configuratorSettingsClone.mainSchema = settings.mainSchema;
+                configuratorSettingsClone.mainVersion = settings.mainVersion;
                 // Set here to just save it, when it comes back from the configurator, we need to add it to the metadata.
                 this._externalSourceData = settings;
             }
         }
         this._configuringService.scene = this._sceneService.scene;
-        await this._configuringService.init(configuratorSettingsClone);
-        const furnitureData = new ConfigurationResultObject();
-        furnitureData.sku = sku;
-        this._configuringService.isConfiguring = false;
-        await this._configuringService.configure(furnitureData);
+        this._initConfigurator(configuratorSettingsClone, sku, !!configuratorExternalSourceId);
+        // await this._configuringService.init(configuratorSettingsClone);
+        // const furnitureData: ConfigurationResultObject = new ConfigurationResultObject();
+        // furnitureData.sku = sku;
+        // this._configuringService.isConfiguring = false;
+        // await this._configuringService.configure(furnitureData);
         this._startPosition = position;
         this.loadConfigurator = true;
-        return this.handleBuildResult(this._configuringService.buildResult);
+        this._changeDetector.detectChanges();
+        return this._waitForBuildToFinish(); // handleBuildResult(this._configuringService.buildResult);
     }
     async configureFurniture(object) {
         if (object instanceof Item) {
+            this._resetConfigurator();
             const configuratorExternalSourceId = object.metadata.externalSettings && object.metadata.externalSettings.externalSourceId ?
                 object.metadata.externalSettings.externalSourceId : undefined;
             const configuratorSettingsClone = await this._setSourceSettings(configuratorExternalSourceId);
@@ -44843,16 +44843,47 @@ class ThreedselectorComponent {
                 this._externalSourceData = object.metadata.externalSettings; // set it so we can restore them with the new config.
             }
             // make sure that if the object contains metadata, we set from project true
-            await this._configuringService.init(configuratorSettingsClone);
-            const furnitureData = new ConfigurationResultObject();
-            furnitureData.sku = object.metadata.itemIdentifier;
-            furnitureData.instanceId = object.metadata.itemId;
-            this._configuringService.isConfiguring = true;
-            await this._configuringService.configure(furnitureData);
+            // await this._configuringService.init(configuratorSettingsClone);
+            this._initConfigurator(configuratorSettingsClone, object.metadata.itemIdentifier, !!configuratorExternalSourceId, object.metadata.itemId);
+            // const furnitureData: ConfigurationResultObject = new ConfigurationResultObject();
+            // furnitureData.sku = object.metadata.itemIdentifier;
+            // furnitureData.instanceId = object.metadata.itemId;
+            // this._configuringService.isConfiguring = true;
+            // await this._configuringService.configure(furnitureData);
             this._loadFurnitureService.currentActiveService.configurationDirty = true;
             this.loadConfigurator = true;
         }
     }
+    _initConfigurator(settings, sku, external, instanceId) {
+        this.configuratorSettings = this._prepareSettings(settings, external);
+        this.configuratorSku = sku;
+        this.configuratorInstanceId = instanceId;
+    }
+    _prepareSettings(settings, external = false) {
+        if (external) {
+            // no pre-defined stuff for external sources
+            settings.password = undefined;
+            settings.dataSessionId = undefined;
+            settings.sessionId = undefined;
+            settings.getAccessTokenFunction = undefined;
+        }
+        return settings;
+    }
+    _resetConfigurator() {
+        this.configuratorSettings = undefined;
+        this.configuratorSku = undefined;
+        this.configuratorInstanceId = undefined;
+        this.loadConfigurator = false;
+        this.firstBuild = false;
+    }
+    _waitForBuildToFinish() {
+        return new Promise((resolve, reject) => {
+            this._configuratorEventService.buildFinished.pipe(filter$1(value => value !== undefined && value !== null), take(1)).subscribe((result) => {
+                this._resetConfigurator();
+                resolve(this.handleBuildResult(result));
+            });
+        });
+    }
     async _setSourceSettings(configuratorExternalSourceId) {
         const configuratorSettings = this._settingsService.settings.projectSettings ?
             this._settingsService.settings.projectSettings : this._settingsService.settings;
@@ -44877,7 +44908,7 @@ class ThreedselectorComponent {
         return configuratorSettingsClone;
     }
     _closeConfigurator() {
-        this._configuringService.isConfiguring = false;
+        // this._configuringService.isConfiguring = false;
         this.loadConfigurator = false;
     }
     _clearItems() {
@@ -45322,9 +45353,7 @@ class ThreedselectorComponent {
             }
             this._prepareAddButtons();
         }
-        if (this._callBackFnWhenBuildFinished && this.standAlone) {
-            this._callBackFnWhenBuildFinished(result.furniture);
-        }
+        // this.handleBuildResult(result);
     }
     _resetElementPosition() {
         if (this.selectedElement && !this.standAlone) {
@@ -45534,6 +45563,38 @@ class ThreedselectorComponent {
           }
         }*/
     }
+    _addUploadedItem(data) {
+        if (!data) {
+            return;
+        }
+        const result = new ConfigurationResultObject();
+        result.object = data.object;
+        result.placement = data.placement;
+        result.resultType = ResultType.Loaded;
+        const type = itemTypeFromPlacement(result.placement);
+        result.position = isFloorType(type) ? this._bluePrintService.getRoomCenter() : new Vector3();
+        result.originalMetadata = {
+            itemName: data.object.name,
+            itemType: type,
+            configurable: false,
+            ione: false,
+            // rotation?: number | Euler;
+            // scale?: Vector3;
+            // centerPivot?: boolean;
+            thirdPartyModel: true,
+            // canElevate?: boolean;
+            // modelUrl?: string;
+            // scalable?: boolean;
+            // elevation?: number;
+            // elevationFixed?: boolean;
+            // elevationAdjustable?: boolean;
+            canScaleX: true,
+            canScaleY: true,
+            canScaleZ: true,
+            colorable: true
+        };
+        this.handleBuildResult(result);
+    }
     async _handleLoadIOneFurnitureIntoSceneBySKU(sku, settings, position) {
         const toast = new Toast();
         toast.message = 'MODEL_LOADING';
@@ -45544,6 +45605,32 @@ class ThreedselectorComponent {
         if (article.placement === HdecoPlacement.FloorDecoration) {
             this._floorService.selectedFloorArticle = article;
         }
+        if (article.externalCatalogId && article.externalSourceKey) {
+            try {
+                sku = article.externalSourceKey;
+                const catalogDefinition = this._connectorAdapterService.getCatalogDefinition(article.externalCatalogId);
+                const externalSource = this._connectorAdapterService.getExternalSourceFromId(catalogDefinition.externalSourceId);
+                const params = await this._connectorAdapterService.getPublicParams(externalSource.url, parseInt(externalSource.schema));
+                const homeDecoSettings = Object.assign(JSON.parse(params.homeDecoSettings ? params.homeDecoSettings : params.catalogSettings), new HomedecoratorSettings());
+                settings = {
+                    name: catalogDefinition.name,
+                    settings: homeDecoSettings,
+                    externalSourceId: externalSource.sourceId,
+                    catalogDefinition: catalogDefinition,
+                    schema: externalSource.schema,
+                    mainUrl: this._settingsService.settings.url,
+                    mainSchema: this._settingsService.settings.schema,
+                    mainVersion: this._settingsService.settings.version
+                };
+                settings.settings.password = '';
+                settings.settings.username = 'external';
+            }
+            catch (e) {
+                console.error(e);
+                this._messageBus.emit(MessageType.UndefinedErrorOccured);
+                return;
+            }
+        }
         const draggedData = {
             name: sku,
             constructFn: async (pos) => this.loadFurnitureFromSku(pos, sku, settings),
@@ -45570,7 +45657,8 @@ class ThreedselectorComponent {
     async _loadIOneFurnitureFromOriginal(md, pos, rot) {
         const newMetaData = { ...md };
         newMetaData.rotation = new Euler().copy(rot);
-        return this._handleLoadAndBuildFurniture(newMetaData, true, false, false, false, false);
+        await this._handleLoadAndBuildFurniture(newMetaData, true, false, false, false, false);
+        return this.handleBuildResult(this._configuringService.buildResult);
     }
     _loadIOneFurnitureFromSku(pos, sku, settings, standAlone = false) {
         const md = {
@@ -45666,17 +45754,18 @@ class ThreedselectorComponent {
             (metadata.modelUrl && !metadata.configurable)) {
             loadFromProject = true;
         }
-        const result = await this._handleLoadAndBuildFurniture(metadata, true, true, true, false, true, false, loadFromProject);
-        if (item.materialDiff) {
-            if (result.furniture) {
-                try {
-                    await MaterialDiffUtils.ApplyMaterialDiff(result.furniture, item.materialDiff);
-                }
-                catch (e) {
-                }
-            }
-        }
-        return result;
+        await this._handleLoadAndBuildFurniture(metadata, true, true, true, false, true, false, loadFromProject);
+        // const result: any = await this._handleLoadAndBuildFurniture(
+        //   metadata, true, true, true, false, true, false, loadFromProject);
+        // if (item.materialDiff) {
+        //   if (result.furniture) {
+        //     try {
+        //       await MaterialDiffUtils.ApplyMaterialDiff(result.furniture, item.materialDiff);
+        //     } catch (e) {
+        //     }
+        //   }
+        // }
+        // return result;
     }
     async _handleLoadAndBuildFurniture(furnitureData, shouldCopyInstance, looseOriginalConfiguration, fromPreset, standAlone, fromScratch, showErrorDialog = true, loadFromProject = false) {
         this._loadedFromPreset = fromPreset; // Set the flag if it was loaded from a preset.
@@ -45694,7 +45783,7 @@ class ThreedselectorComponent {
             this._externalSourceData = furnitureData.externalSettings; // set it so we can restore them with the new config.
         }
         this._configuringService.scene = this._sceneService.scene;
-        await this._configuringService.init(configuratorSettingsClone);
+        // await this._configuringService.init(configuratorSettingsClone);
         const data = new ConfigurationResultObject();
         data.sku = furnitureData.itemIdentifier;
         data.articleName = furnitureData.itemName;
@@ -45714,7 +45803,7 @@ class ThreedselectorComponent {
         data.rotation = furnitureData.rotation;
         data.originalMetadata = furnitureData;
         await this._configuringService.configure(data, shouldCopyInstance, looseOriginalConfiguration, standAlone, fromScratch, fromPreset, loadFromProject);
-        this._configuringService.isConfiguring = false;
+        // this._configuringService.isConfiguring = false;
         this.loadConfigurator = true;
     }
     _answerSelected(result) {
@@ -45763,6 +45852,7 @@ class ThreedselectorComponent {
         else {
             this._appStateService.undoDisabled = false;
             this._appStateService.redoDisabled = false;
+            this.loadConfigurator = false;
         }
         this.showAnswers = false;
         this.showSelections = configuringModeChange.configuring || this.standAlone;
@@ -45843,8 +45933,8 @@ class ThreedselectorComponent {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ThreedselectorComponent, deps: [{ token: ScreenSizeAnalysisService }, { token: i1$2.MatDialog }, { token: HomedecoratorAppService }, { token: HomedecoratorConnectorService }, { token: MessageBusService }, { token: SwitchLoadFurnitureService }, { token: SwitchBuildFurnitureService }, { token: ToastService }, { token: MessageBusService }, { token: SceneService }, { token: DialogService }, { token: CameraService }, { token: PresetsService }, { token: ItemService }, { token: HomedecoratorSettingsService }, { token: HomedecoratorAppEventService }, { token: BluePrintService }, { token: WallService }, { token: FloorService }, { token: HomedecoratorIconCacheService }, { token: GoogleTagManagerService }, { token: AppStateService }, { token: ProgressService }, { token: ResizeService }, { token: HomedecoratorConnectorAdapterService }, { token: LightPresetsService }, { token: VariationService }, { token: i27.ConfiguringService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: ThreedselectorComponent, isStandalone: false, selector: "rp-threedselector", inputs: { selections: "selections" }, outputs: { customizeButtonClicked: "customizeButtonClicked" }, viewQueries: [{ propertyName: "toolbarIconModels", first: true, predicate: ["toolbarIconModels"], descendants: true, static: true }, { propertyName: "selectedThreedObjectCustomizationSidebar", first: true, predicate: ["selectedThreedObjectCustomizationSidebar"], descendants: true, static: true }, { propertyName: "selectedThreedObjectAnimationSidebar", first: true, predicate: ["selectedThreedObjectAnimationSidebar"], descendants: true, static: true }, { propertyName: "customizeButtonClicked", first: true, predicate: ElementToolbarComponent, descendants: true, static: true }], ngImport: i0, template: "@if (loadConfigurator) {\r\n  <co-configurator\r\n    class=\"floating\"\r\n    [showErrorMessages]=\"true\"\r\n    [showLoader]=\"true\"\r\n    [outputErrorMessages]=\"true\"\r\n    (buildResult)=\"handleBuildResult($event)\"\r\n    (errorMessages)=\"handleErrorMessages($event)\"\r\n    (showChange)=\"showConfiguratorChange($event)\">\r\n  </co-configurator>\r\n}\r\n\r\n@if (showElementToolbar) {\r\n  <rp-element-toolbar class=\"rp-element-toolbar floating\" [class.custom]=\"standAlone\" @showElementToolbar\r\n    [editMenu]=\"editElementMenu\"\r\n    [showSwap]=\"showSwapButton\"\r\n    [showPointer]=\"selectedElementPosition !== undefined\"\r\n    (swapClicked)=\"swapElement()\"\r\n    (deleteClicked)=\"deleteElement()\"\r\n    (animationClicked)=\"openAnimationSidebar()\"\r\n  ></rp-element-toolbar>\r\n  <rp-element-buttons class=\"rp-element-buttons floating\" [class.animate]=\"animateEditAddButtons\"\r\n    [elementPointer]=\"elementToolbar?.elementPointer\"\r\n    [addButtons]=\"editAddButtons\"\r\n    [customizeButtons]=\"editCustomizeButton\"\r\n    [resizeButtons]=\"resizeButtons\"\r\n    [elementPosition]=\"selectedElementPosition\"\r\n    (customizeButtonClicked)=\"handleCustomizeClick()\"\r\n  ></rp-element-buttons>\r\n}\r\n\r\n@if (showCustomizeButtons) {\r\n  <rp-element-buttons class=\"rp-element-buttons floating\" [class.animate]=\"animateEditAddButtons\"\r\n    [elementPointer]=\"elementToolbar?.elementPointer\"\r\n    [customizeButtons]=\"editCustomizeButton\"\r\n    [elementPosition]=\"selectedElementPosition\"\r\n    (customizeButtonClicked)=\"handleCustomizeClick()\"\r\n  ></rp-element-buttons>\r\n}\r\n\r\n<ng-template #toolbarIconModels>\r\n  <rp-toolbar-icon\r\n    matIcon=\"list\"\r\n    tooltip=\"{{iconName.Objects | localize}}\"\r\n    (onClick)=\"setModelErrorDialog()\"\r\n    [showLabel]=\"shouldShowLabel\"\r\n  ></rp-toolbar-icon>\r\n</ng-template>\r\n\r\n<ng-template #selectedThreedObjectAnimationSidebar>\r\n  <header class=\"drawer__header\">\r\n    <h2 class=\"mat-headline-6\" [textContent]=\"'ANIMATE' | localize\"></h2>\r\n  </header>\r\n</ng-template>\r\n\r\n<ng-template #selectedThreedObjectCustomizationSidebar>\r\n  <header class=\"drawer__header\">\r\n    <h2 class=\"mat-headline-6\" [textContent]=\"'CUSTOMIZE' | localize\"></h2>\r\n  </header>\r\n</ng-template>\r\n\r\n<div class=\"slider-container\">\r\n  <rp-element-slider class=\"rp-element-slider\"></rp-element-slider>\r\n</div>\r\n", styles: [":host{position:absolute;top:0;left:0;pointer-events:none;margin:0;padding:0;width:100%;height:100%;overflow:hidden}:host .rp-element-buttons.animate ::ng-deep .element-add-button{animation-name:pulse-add-buttons;animation-duration:.4s;animation-iteration-count:6;animation-direction:alternate}:host>*{pointer-events:all}.input-wrapper{display:flex;flex-direction:column}.flex-wrap{display:flex;flex-flow:column nowrap;height:100%}.logo-menu-5th{position:absolute;top:220px;left:84px}.logo-menu-5th.front .mat-mdc-raised-button{width:170px;text-align:left}.sidebar{position:absolute;left:0;top:0;height:100vh;max-width:30%;width:400px;background:#fff;padding:0 20px;box-shadow:0 0 20px #00000040}.on-top{z-index:3}.solid-background{fill:#fff;background:#fff}.solid-background>*{fill:#fff;background:#fff}.button-close{height:36px;width:36px;min-width:initial;padding:0;border:none;position:absolute;right:20px;top:15px;border-radius:50%}.remove-all{position:absolute;top:15px;right:71px}#loader{width:300px;position:fixed;top:25%;left:50%;margin-left:-200px;background-color:#fff;border-radius:15px;transform:translate(-50%,-50%);text-align:center;font-family:Public sans,serif;z-index:1000;box-sizing:border-box;padding:15px}#loader.full{width:100%;top:0;left:0;margin-left:0;border-radius:0;transform:none;z-index:auto;padding:0;position:absolute}#loader.full #progress-bar{width:100%;height:5px;border:none;margin-top:0;border-radius:0}#loader-text{font-family:Public sans,serif;font-size:15px}#progress-bar{width:270px;height:20px;border:1px solid transparent;background:#e0e0e0;position:relative;margin-top:10px;border-radius:15px;overflow:hidden}.circular-progress-wrapper{position:absolute;width:90px;height:90px;left:50%;top:50%;transform:translate(-50%,-50%)}.circular-progress{width:90px;height:90px;transform:rotate(-90deg)}.bg{fill:none;stroke:#d1cec5;stroke-width:2}.progress{fill:none;stroke:#979284;stroke-width:2;stroke-linecap:round;transition:stroke-dasharray .3s ease}.percentage{position:absolute;top:0;left:0;width:90px;height:90px;font-size:16px;font-weight:600;line-height:90px;text-align:center;color:#979284}#progress{height:100%;width:0;background:#da9803;transition:width .3s}@keyframes pulse-add-buttons{50%{box-shadow:0 0 20px #ff5c33}}\n"], dependencies: [{ kind: "component", type: ToolbarIconComponent, selector: "rp-toolbar-icon", inputs: ["matIcon", "svgIcon", "tooltip", "disabled", "showLabel"], outputs: ["onClick"] }, { kind: "component", type: i27.ConfiguratorComponent, selector: "co-configurator", inputs: ["showLoader", "showProgressBar", "showErrorMessages", "outputErrorMessages", "canCloseConfigurator", "animateSlideout", "showHeaderInformation"], outputs: ["buildResult", "isLoading", "updateProgressBar", "errorMessages", "showChange"] }, { kind: "component", type: ElementToolbarComponent, selector: "rp-element-toolbar", inputs: ["editMenu", "showPointer", "showSwap"], outputs: ["deleteClicked", "swapClicked", "animationClicked"] }, { kind: "component", type: ElementButtonsComponent, selector: "rp-element-buttons", inputs: ["addButtons", "customizeButtons", "resizeButtons", "elementPointer", "elementPosition"], outputs: ["customizeButtonClicked"] }, { kind: "component", type: ElementSliderComponent, selector: "rp-element-slider" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], animations: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ThreedselectorComponent, deps: [{ token: ScreenSizeAnalysisService }, { token: i1$2.MatDialog }, { token: HomedecoratorAppService }, { token: HomedecoratorConnectorService }, { token: MessageBusService }, { token: SwitchLoadFurnitureService }, { token: SwitchBuildFurnitureService }, { token: ToastService }, { token: MessageBusService }, { token: SceneService }, { token: DialogService }, { token: CameraService }, { token: PresetsService }, { token: ItemService }, { token: HomedecoratorSettingsService }, { token: HomedecoratorAppEventService }, { token: BluePrintService }, { token: WallService }, { token: FloorService }, { token: HomedecoratorIconCacheService }, { token: GoogleTagManagerService }, { token: AppStateService }, { token: ProgressService }, { token: ResizeService }, { token: HomedecoratorConnectorAdapterService }, { token: LightPresetsService }, { token: VariationService }, { token: i27.ConfiguringService }, { token: i27.ConfiguratorEventService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: ThreedselectorComponent, isStandalone: false, selector: "rp-threedselector", inputs: { selections: "selections" }, outputs: { customizeButtonClicked: "customizeButtonClicked" }, viewQueries: [{ propertyName: "toolbarIconModels", first: true, predicate: ["toolbarIconModels"], descendants: true, static: true }, { propertyName: "selectedThreedObjectCustomizationSidebar", first: true, predicate: ["selectedThreedObjectCustomizationSidebar"], descendants: true, static: true }, { propertyName: "selectedThreedObjectAnimationSidebar", first: true, predicate: ["selectedThreedObjectAnimationSidebar"], descendants: true, static: true }, { propertyName: "customizeButtonClicked", first: true, predicate: ElementToolbarComponent, descendants: true, static: true }], ngImport: i0, template: "@if (true) {\r\n  <co-configurator\r\n    class=\"floating\"\r\n    [settings]=\"configuratorSettings\"\r\n    [sku]=\"configuratorSku\"\r\n    [instanceId]=\"configuratorInstanceId\"\r\n    [show]=\"loadConfigurator && !firstBuild\"\r\n    [showErrorMessages]=\"true\"\r\n    [showLoader]=\"true\"\r\n    [outputErrorMessages]=\"true\"\r\n    (errorMessages)=\"handleErrorMessages($event)\"\r\n    (showChange)=\"showConfiguratorChange($event)\">\r\n  </co-configurator>\r\n}\r\n\r\n@if (showElementToolbar) {\r\n  <rp-element-toolbar class=\"rp-element-toolbar floating\" [class.custom]=\"standAlone\" @showElementToolbar\r\n    [editMenu]=\"editElementMenu\"\r\n    [showSwap]=\"showSwapButton\"\r\n    [showPointer]=\"selectedElementPosition !== undefined\"\r\n    (swapClicked)=\"swapElement()\"\r\n    (deleteClicked)=\"deleteElement()\"\r\n    (animationClicked)=\"openAnimationSidebar()\"\r\n  ></rp-element-toolbar>\r\n  <rp-element-buttons class=\"rp-element-buttons floating\" [class.animate]=\"animateEditAddButtons\"\r\n    [elementPointer]=\"elementToolbar?.elementPointer\"\r\n    [addButtons]=\"editAddButtons\"\r\n    [customizeButtons]=\"editCustomizeButton\"\r\n    [resizeButtons]=\"resizeButtons\"\r\n    [elementPosition]=\"selectedElementPosition\"\r\n    (customizeButtonClicked)=\"handleCustomizeClick()\"\r\n  ></rp-element-buttons>\r\n}\r\n\r\n@if (showCustomizeButtons) {\r\n  <rp-element-buttons class=\"rp-element-buttons floating\" [class.animate]=\"animateEditAddButtons\"\r\n    [elementPointer]=\"elementToolbar?.elementPointer\"\r\n    [customizeButtons]=\"editCustomizeButton\"\r\n    [elementPosition]=\"selectedElementPosition\"\r\n    (customizeButtonClicked)=\"handleCustomizeClick()\"\r\n  ></rp-element-buttons>\r\n}\r\n\r\n<ng-template #toolbarIconModels>\r\n  <rp-toolbar-icon\r\n    matIcon=\"list\"\r\n    tooltip=\"{{iconName.Objects | localize}}\"\r\n    (onClick)=\"setModelErrorDialog()\"\r\n    [showLabel]=\"shouldShowLabel\"\r\n  ></rp-toolbar-icon>\r\n</ng-template>\r\n\r\n<ng-template #selectedThreedObjectAnimationSidebar>\r\n  <header class=\"drawer__header\">\r\n    <h2 class=\"mat-headline-6\" [textContent]=\"'ANIMATE' | localize\"></h2>\r\n  </header>\r\n</ng-template>\r\n\r\n<ng-template #selectedThreedObjectCustomizationSidebar>\r\n  <header class=\"drawer__header\">\r\n    <h2 class=\"mat-headline-6\" [textContent]=\"'CUSTOMIZE' | localize\"></h2>\r\n  </header>\r\n</ng-template>\r\n\r\n<div class=\"slider-container\">\r\n  <rp-element-slider class=\"rp-element-slider\"></rp-element-slider>\r\n</div>\r\n", styles: [":host{position:absolute;top:0;left:0;pointer-events:none;margin:0;padding:0;width:100%;height:100%;overflow:hidden}:host .rp-element-buttons.animate ::ng-deep .element-add-button{animation-name:pulse-add-buttons;animation-duration:.4s;animation-iteration-count:6;animation-direction:alternate}:host>*{pointer-events:all}.input-wrapper{display:flex;flex-direction:column}.flex-wrap{display:flex;flex-flow:column nowrap;height:100%}.logo-menu-5th{position:absolute;top:220px;left:84px}.logo-menu-5th.front .mat-mdc-raised-button{width:170px;text-align:left}.sidebar{position:absolute;left:0;top:0;height:100vh;max-width:30%;width:400px;background:#fff;padding:0 20px;box-shadow:0 0 20px #00000040}.on-top{z-index:3}.solid-background{fill:#fff;background:#fff}.solid-background>*{fill:#fff;background:#fff}.button-close{height:36px;width:36px;min-width:initial;padding:0;border:none;position:absolute;right:20px;top:15px;border-radius:50%}.remove-all{position:absolute;top:15px;right:71px}#loader{width:300px;position:fixed;top:25%;left:50%;margin-left:-200px;background-color:#fff;border-radius:15px;transform:translate(-50%,-50%);text-align:center;font-family:Public sans,serif;z-index:1000;box-sizing:border-box;padding:15px}#loader.full{width:100%;top:0;left:0;margin-left:0;border-radius:0;transform:none;z-index:auto;padding:0;position:absolute}#loader.full #progress-bar{width:100%;height:5px;border:none;margin-top:0;border-radius:0}#loader-text{font-family:Public sans,serif;font-size:15px}#progress-bar{width:270px;height:20px;border:1px solid transparent;background:#e0e0e0;position:relative;margin-top:10px;border-radius:15px;overflow:hidden}.circular-progress-wrapper{position:absolute;width:90px;height:90px;left:50%;top:50%;transform:translate(-50%,-50%)}.circular-progress{width:90px;height:90px;transform:rotate(-90deg)}.bg{fill:none;stroke:#d1cec5;stroke-width:2}.progress{fill:none;stroke:#979284;stroke-width:2;stroke-linecap:round;transition:stroke-dasharray .3s ease}.percentage{position:absolute;top:0;left:0;width:90px;height:90px;font-size:16px;font-weight:600;line-height:90px;text-align:center;color:#979284}#progress{height:100%;width:0;background:#da9803;transition:width .3s}@keyframes pulse-add-buttons{50%{box-shadow:0 0 20px #ff5c33}}\n"], dependencies: [{ kind: "component", type: ToolbarIconComponent, selector: "rp-toolbar-icon", inputs: ["matIcon", "svgIcon", "tooltip", "disabled", "showLabel"], outputs: ["onClick"] }, { kind: "component", type: i27.ConfiguratorComponent, selector: "co-configurator", inputs: ["show", "sku", "instanceId", "settings", "scene", "showLoader", "showProgressBar", "showErrorMessages", "outputErrorMessages", "canCloseConfigurator", "animateSlideout", "showHeaderInformation"], outputs: ["isLoading", "updateProgressBar", "errorMessages", "showChange"] }, { kind: "component", type: ElementToolbarComponent, selector: "rp-element-toolbar", inputs: ["editMenu", "showPointer", "showSwap"], outputs: ["deleteClicked", "swapClicked", "animationClicked"] }, { kind: "component", type: ElementButtonsComponent, selector: "rp-element-buttons", inputs: ["addButtons", "customizeButtons", "resizeButtons", "elementPointer", "elementPosition"], outputs: ["customizeButtonClicked"] }, { kind: "component", type: ElementSliderComponent, selector: "rp-element-slider" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], animations: [
             trigger('showElementToolbar', [
                 state('void', style({ opacity: 0 })),
                 state('*', style({ opacity: 1 })),
@@ -45862,8 +45952,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                             transition('void => *', animate('500ms ease'))
                         ])
                     ] /*,
-                      changeDetection: ChangeDetectionStrategy.OnPush*/, standalone: false, template: "@if (loadConfigurator) {\r\n  <co-configurator\r\n    class=\"floating\"\r\n    [showErrorMessages]=\"true\"\r\n    [showLoader]=\"true\"\r\n    [outputErrorMessages]=\"true\"\r\n    (buildResult)=\"handleBuildResult($event)\"\r\n    (errorMessages)=\"handleErrorMessages($event)\"\r\n    (showChange)=\"showConfiguratorChange($event)\">\r\n  </co-configurator>\r\n}\r\n\r\n@if (showElementToolbar) {\r\n  <rp-element-toolbar class=\"rp-element-toolbar floating\" [class.custom]=\"standAlone\" @showElementToolbar\r\n    [editMenu]=\"editElementMenu\"\r\n    [showSwap]=\"showSwapButton\"\r\n    [showPointer]=\"selectedElementPosition !== undefined\"\r\n    (swapClicked)=\"swapElement()\"\r\n    (deleteClicked)=\"deleteElement()\"\r\n    (animationClicked)=\"openAnimationSidebar()\"\r\n  ></rp-element-toolbar>\r\n  <rp-element-buttons class=\"rp-element-buttons floating\" [class.animate]=\"animateEditAddButtons\"\r\n    [elementPointer]=\"elementToolbar?.elementPointer\"\r\n    [addButtons]=\"editAddButtons\"\r\n    [customizeButtons]=\"editCustomizeButton\"\r\n    [resizeButtons]=\"resizeButtons\"\r\n    [elementPosition]=\"selectedElementPosition\"\r\n    (customizeButtonClicked)=\"handleCustomizeClick()\"\r\n  ></rp-element-buttons>\r\n}\r\n\r\n@if (showCustomizeButtons) {\r\n  <rp-element-buttons class=\"rp-element-buttons floating\" [class.animate]=\"animateEditAddButtons\"\r\n    [elementPointer]=\"elementToolbar?.elementPointer\"\r\n    [customizeButtons]=\"editCustomizeButton\"\r\n    [elementPosition]=\"selectedElementPosition\"\r\n    (customizeButtonClicked)=\"handleCustomizeClick()\"\r\n  ></rp-element-buttons>\r\n}\r\n\r\n<ng-template #toolbarIconModels>\r\n  <rp-toolbar-icon\r\n    matIcon=\"list\"\r\n    tooltip=\"{{iconName.Objects | localize}}\"\r\n    (onClick)=\"setModelErrorDialog()\"\r\n    [showLabel]=\"shouldShowLabel\"\r\n  ></rp-toolbar-icon>\r\n</ng-template>\r\n\r\n<ng-template #selectedThreedObjectAnimationSidebar>\r\n  <header class=\"drawer__header\">\r\n    <h2 class=\"mat-headline-6\" [textContent]=\"'ANIMATE' | localize\"></h2>\r\n  </header>\r\n</ng-template>\r\n\r\n<ng-template #selectedThreedObjectCustomizationSidebar>\r\n  <header class=\"drawer__header\">\r\n    <h2 class=\"mat-headline-6\" [textContent]=\"'CUSTOMIZE' | localize\"></h2>\r\n  </header>\r\n</ng-template>\r\n\r\n<div class=\"slider-container\">\r\n  <rp-element-slider class=\"rp-element-slider\"></rp-element-slider>\r\n</div>\r\n", styles: [":host{position:absolute;top:0;left:0;pointer-events:none;margin:0;padding:0;width:100%;height:100%;overflow:hidden}:host .rp-element-buttons.animate ::ng-deep .element-add-button{animation-name:pulse-add-buttons;animation-duration:.4s;animation-iteration-count:6;animation-direction:alternate}:host>*{pointer-events:all}.input-wrapper{display:flex;flex-direction:column}.flex-wrap{display:flex;flex-flow:column nowrap;height:100%}.logo-menu-5th{position:absolute;top:220px;left:84px}.logo-menu-5th.front .mat-mdc-raised-button{width:170px;text-align:left}.sidebar{position:absolute;left:0;top:0;height:100vh;max-width:30%;width:400px;background:#fff;padding:0 20px;box-shadow:0 0 20px #00000040}.on-top{z-index:3}.solid-background{fill:#fff;background:#fff}.solid-background>*{fill:#fff;background:#fff}.button-close{height:36px;width:36px;min-width:initial;padding:0;border:none;position:absolute;right:20px;top:15px;border-radius:50%}.remove-all{position:absolute;top:15px;right:71px}#loader{width:300px;position:fixed;top:25%;left:50%;margin-left:-200px;background-color:#fff;border-radius:15px;transform:translate(-50%,-50%);text-align:center;font-family:Public sans,serif;z-index:1000;box-sizing:border-box;padding:15px}#loader.full{width:100%;top:0;left:0;margin-left:0;border-radius:0;transform:none;z-index:auto;padding:0;position:absolute}#loader.full #progress-bar{width:100%;height:5px;border:none;margin-top:0;border-radius:0}#loader-text{font-family:Public sans,serif;font-size:15px}#progress-bar{width:270px;height:20px;border:1px solid transparent;background:#e0e0e0;position:relative;margin-top:10px;border-radius:15px;overflow:hidden}.circular-progress-wrapper{position:absolute;width:90px;height:90px;left:50%;top:50%;transform:translate(-50%,-50%)}.circular-progress{width:90px;height:90px;transform:rotate(-90deg)}.bg{fill:none;stroke:#d1cec5;stroke-width:2}.progress{fill:none;stroke:#979284;stroke-width:2;stroke-linecap:round;transition:stroke-dasharray .3s ease}.percentage{position:absolute;top:0;left:0;width:90px;height:90px;font-size:16px;font-weight:600;line-height:90px;text-align:center;color:#979284}#progress{height:100%;width:0;background:#da9803;transition:width .3s}@keyframes pulse-add-buttons{50%{box-shadow:0 0 20px #ff5c33}}\n"] }]
-        }], ctorParameters: () => [{ type: ScreenSizeAnalysisService }, { type: i1$2.MatDialog }, { type: HomedecoratorAppService }, { type: HomedecoratorConnectorService }, { type: MessageBusService }, { type: SwitchLoadFurnitureService }, { type: SwitchBuildFurnitureService }, { type: ToastService }, { type: MessageBusService }, { type: SceneService }, { type: DialogService }, { type: CameraService }, { type: PresetsService }, { type: ItemService }, { type: HomedecoratorSettingsService }, { type: HomedecoratorAppEventService }, { type: BluePrintService }, { type: WallService }, { type: FloorService }, { type: HomedecoratorIconCacheService }, { type: GoogleTagManagerService }, { type: AppStateService }, { type: ProgressService }, { type: ResizeService }, { type: HomedecoratorConnectorAdapterService }, { type: LightPresetsService }, { type: VariationService }, { type: i27.ConfiguringService }], propDecorators: { toolbarIconModels: [{
+                      changeDetection: ChangeDetectionStrategy.OnPush*/, standalone: false, template: "@if (true) {\r\n  <co-configurator\r\n    class=\"floating\"\r\n    [settings]=\"configuratorSettings\"\r\n    [sku]=\"configuratorSku\"\r\n    [instanceId]=\"configuratorInstanceId\"\r\n    [show]=\"loadConfigurator && !firstBuild\"\r\n    [showErrorMessages]=\"true\"\r\n    [showLoader]=\"true\"\r\n    [outputErrorMessages]=\"true\"\r\n    (errorMessages)=\"handleErrorMessages($event)\"\r\n    (showChange)=\"showConfiguratorChange($event)\">\r\n  </co-configurator>\r\n}\r\n\r\n@if (showElementToolbar) {\r\n  <rp-element-toolbar class=\"rp-element-toolbar floating\" [class.custom]=\"standAlone\" @showElementToolbar\r\n    [editMenu]=\"editElementMenu\"\r\n    [showSwap]=\"showSwapButton\"\r\n    [showPointer]=\"selectedElementPosition !== undefined\"\r\n    (swapClicked)=\"swapElement()\"\r\n    (deleteClicked)=\"deleteElement()\"\r\n    (animationClicked)=\"openAnimationSidebar()\"\r\n  ></rp-element-toolbar>\r\n  <rp-element-buttons class=\"rp-element-buttons floating\" [class.animate]=\"animateEditAddButtons\"\r\n    [elementPointer]=\"elementToolbar?.elementPointer\"\r\n    [addButtons]=\"editAddButtons\"\r\n    [customizeButtons]=\"editCustomizeButton\"\r\n    [resizeButtons]=\"resizeButtons\"\r\n    [elementPosition]=\"selectedElementPosition\"\r\n    (customizeButtonClicked)=\"handleCustomizeClick()\"\r\n  ></rp-element-buttons>\r\n}\r\n\r\n@if (showCustomizeButtons) {\r\n  <rp-element-buttons class=\"rp-element-buttons floating\" [class.animate]=\"animateEditAddButtons\"\r\n    [elementPointer]=\"elementToolbar?.elementPointer\"\r\n    [customizeButtons]=\"editCustomizeButton\"\r\n    [elementPosition]=\"selectedElementPosition\"\r\n    (customizeButtonClicked)=\"handleCustomizeClick()\"\r\n  ></rp-element-buttons>\r\n}\r\n\r\n<ng-template #toolbarIconModels>\r\n  <rp-toolbar-icon\r\n    matIcon=\"list\"\r\n    tooltip=\"{{iconName.Objects | localize}}\"\r\n    (onClick)=\"setModelErrorDialog()\"\r\n    [showLabel]=\"shouldShowLabel\"\r\n  ></rp-toolbar-icon>\r\n</ng-template>\r\n\r\n<ng-template #selectedThreedObjectAnimationSidebar>\r\n  <header class=\"drawer__header\">\r\n    <h2 class=\"mat-headline-6\" [textContent]=\"'ANIMATE' | localize\"></h2>\r\n  </header>\r\n</ng-template>\r\n\r\n<ng-template #selectedThreedObjectCustomizationSidebar>\r\n  <header class=\"drawer__header\">\r\n    <h2 class=\"mat-headline-6\" [textContent]=\"'CUSTOMIZE' | localize\"></h2>\r\n  </header>\r\n</ng-template>\r\n\r\n<div class=\"slider-container\">\r\n  <rp-element-slider class=\"rp-element-slider\"></rp-element-slider>\r\n</div>\r\n", styles: [":host{position:absolute;top:0;left:0;pointer-events:none;margin:0;padding:0;width:100%;height:100%;overflow:hidden}:host .rp-element-buttons.animate ::ng-deep .element-add-button{animation-name:pulse-add-buttons;animation-duration:.4s;animation-iteration-count:6;animation-direction:alternate}:host>*{pointer-events:all}.input-wrapper{display:flex;flex-direction:column}.flex-wrap{display:flex;flex-flow:column nowrap;height:100%}.logo-menu-5th{position:absolute;top:220px;left:84px}.logo-menu-5th.front .mat-mdc-raised-button{width:170px;text-align:left}.sidebar{position:absolute;left:0;top:0;height:100vh;max-width:30%;width:400px;background:#fff;padding:0 20px;box-shadow:0 0 20px #00000040}.on-top{z-index:3}.solid-background{fill:#fff;background:#fff}.solid-background>*{fill:#fff;background:#fff}.button-close{height:36px;width:36px;min-width:initial;padding:0;border:none;position:absolute;right:20px;top:15px;border-radius:50%}.remove-all{position:absolute;top:15px;right:71px}#loader{width:300px;position:fixed;top:25%;left:50%;margin-left:-200px;background-color:#fff;border-radius:15px;transform:translate(-50%,-50%);text-align:center;font-family:Public sans,serif;z-index:1000;box-sizing:border-box;padding:15px}#loader.full{width:100%;top:0;left:0;margin-left:0;border-radius:0;transform:none;z-index:auto;padding:0;position:absolute}#loader.full #progress-bar{width:100%;height:5px;border:none;margin-top:0;border-radius:0}#loader-text{font-family:Public sans,serif;font-size:15px}#progress-bar{width:270px;height:20px;border:1px solid transparent;background:#e0e0e0;position:relative;margin-top:10px;border-radius:15px;overflow:hidden}.circular-progress-wrapper{position:absolute;width:90px;height:90px;left:50%;top:50%;transform:translate(-50%,-50%)}.circular-progress{width:90px;height:90px;transform:rotate(-90deg)}.bg{fill:none;stroke:#d1cec5;stroke-width:2}.progress{fill:none;stroke:#979284;stroke-width:2;stroke-linecap:round;transition:stroke-dasharray .3s ease}.percentage{position:absolute;top:0;left:0;width:90px;height:90px;font-size:16px;font-weight:600;line-height:90px;text-align:center;color:#979284}#progress{height:100%;width:0;background:#da9803;transition:width .3s}@keyframes pulse-add-buttons{50%{box-shadow:0 0 20px #ff5c33}}\n"] }]
+        }], ctorParameters: () => [{ type: ScreenSizeAnalysisService }, { type: i1$2.MatDialog }, { type: HomedecoratorAppService }, { type: HomedecoratorConnectorService }, { type: MessageBusService }, { type: SwitchLoadFurnitureService }, { type: SwitchBuildFurnitureService }, { type: ToastService }, { type: MessageBusService }, { type: SceneService }, { type: DialogService }, { type: CameraService }, { type: PresetsService }, { type: ItemService }, { type: HomedecoratorSettingsService }, { type: HomedecoratorAppEventService }, { type: BluePrintService }, { type: WallService }, { type: FloorService }, { type: HomedecoratorIconCacheService }, { type: GoogleTagManagerService }, { type: AppStateService }, { type: ProgressService }, { type: ResizeService }, { type: HomedecoratorConnectorAdapterService }, { type: LightPresetsService }, { type: VariationService }, { type: i27.ConfiguringService }, { type: i27.ConfiguratorEventService }, { type: i0.ChangeDetectorRef }], propDecorators: { toolbarIconModels: [{
                 type: ViewChild,
                 args: ['toolbarIconModels', { static: true }]
             }], selectedThreedObjectCustomizationSidebar: [{
@@ -49559,84 +49649,82 @@ class HomedecoratorComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HomedecoratorComponent, deps: [{ token: HomedecoratorAppService }, { token: HomedecoratorConnectorService }, { token: AppStateService }, { token: PresetsService }, { token: ScreenSizeAnalysisService }, { token: i4.MatIconRegistry }, { token: i1$1.DomSanitizer }, { token: MessageBusService }, { token: HomedecoratorService }, { token: HomedecoratorAppEventService, optional: true, skipSelf: true }, { token: HomedecoratorAppEventService, optional: true, self: true }, { token: IntegrationService }, { token: SceneService }, { token: WebWorkerService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: HomedecoratorComponent, isStandalone: false, selector: "co-homedecorator", inputs: { generalFilterOrders: "generalFilterOrders", purchaseFilterOrders: "purchaseFilterOrders", logisticsFilterOrders: "logisticsFilterOrders", initCommunication: "initCommunication", projectToLoad: "projectToLoad", settings: "settings" }, host: { listeners: { "document:keyup": "keyup($event)" }, properties: { "class.co-homedecorator": "this.showClass" } }, providers: [
             APPLICATION_SERVICES_PROVIDERS
-        ], ngImport: i0, template: `
-      @if (loaded) {
-        @if (loaded) {
-          <div class="viewport">
-            <progress-bar></progress-bar>
-            <rp-loading-overlay>
-              <rp-core3d></rp-core3d>
-              <rp-room-planner></rp-room-planner>
-              <rp-furniture-manager></rp-furniture-manager>
-              <rp-presets [openNewRoomDialog]="!projectToLoad"></rp-presets>
-              <rp-threedselector></rp-threedselector>
-              <rp-toolbar (externalSave)="handleExternalSave()"></rp-toolbar>
-              <rp-product-catalog
-                [generalFilterOrders]="generalFilterOrders"
-                [purchaseFilterOrders]="purchaseFilterOrders"
-                [logisticsFilterOrders]="logisticsFilterOrders"
-              ></rp-product-catalog>
-              <co-lite-selector></co-lite-selector>
-              <rp-help></rp-help>
-            </rp-loading-overlay>
-          </div>
-        }
-        <rp-loader [show]="controllerService.shouldShowLoader"></rp-loader>
-        @if (shouldShowLandscapeMessage) {
-          <div class="mobile-portrait-overlay">
-            <!--
-            <mat-icon svgIcon="tilt-phone" class="tilt-phone-icon"></mat-icon>
-            -->
-            <div>
-              <!--
-              {{'PLEASE_USE_PHONE_IN_LANDSCAPE_MODE' | localize}}
-              -->
-            </div>
-          </div>
-        }
-      }
-      `, isInline: true, dependencies: [{ kind: "component", type: ProgressBarComponent, selector: "progress-bar" }, { kind: "component", type: LoadingOverlayComponent, selector: "rp-loading-overlay" }, { kind: "component", type: HdLoaderComponent, selector: "rp-loader", inputs: ["show"] }, { kind: "component", type: Core3dComponent, selector: "rp-core3d" }, { kind: "component", type: RoomPlannerComponent, selector: "rp-room-planner", inputs: ["isLoading"], outputs: ["done", "showPlugin", "focusControls"] }, { kind: "component", type: FurnitureManagerComponent, selector: "rp-furniture-manager" }, { kind: "component", type: PresetsComponent, selector: "rp-presets", inputs: ["openNewRoomDialog"] }, { kind: "component", type: ThreedselectorComponent, selector: "rp-threedselector", inputs: ["selections"], outputs: ["customizeButtonClicked"] }, { kind: "component", type: ToolbarComponent, selector: "rp-toolbar", outputs: ["externalSave"] }, { kind: "component", type: ProductCatalogComponent, selector: "rp-product-catalog", inputs: ["generalFilterOrders", "purchaseFilterOrders", "logisticsFilterOrders"] }, { kind: "component", type: HelpComponent, selector: "rp-help" }, { kind: "component", type: i27.LiteSelectorComponent, selector: "co-lite-selector", inputs: ["showAnswers", "show", "showSelections", "showLabel", "canClose", "animateSlideout", "customDimensions"], outputs: ["showChange", "answerChosen"] }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], ngImport: i0, template: `
+      @if (loaded) {
+        @if (loaded) {
+          <div class="viewport">
+            <progress-bar></progress-bar>
+            <rp-loading-overlay>
+              <rp-core3d></rp-core3d>
+              <rp-room-planner></rp-room-planner>
+              <rp-furniture-manager></rp-furniture-manager>
+              <rp-presets [openNewRoomDialog]="!projectToLoad"></rp-presets>
+              <rp-threedselector></rp-threedselector>
+              <rp-toolbar (externalSave)="handleExternalSave()"></rp-toolbar>
+              <rp-product-catalog
+                [generalFilterOrders]="generalFilterOrders"
+                [purchaseFilterOrders]="purchaseFilterOrders"
+                [logisticsFilterOrders]="logisticsFilterOrders"
+              ></rp-product-catalog>
+              <rp-help></rp-help>
+            </rp-loading-overlay>
+          </div>
+        }
+        <rp-loader [show]="controllerService.shouldShowLoader"></rp-loader>
+        @if (shouldShowLandscapeMessage) {
+          <div class="mobile-portrait-overlay">
+            <!--
+            <mat-icon svgIcon="tilt-phone" class="tilt-phone-icon"></mat-icon>
+            -->
+            <div>
+              <!--
+              {{'PLEASE_USE_PHONE_IN_LANDSCAPE_MODE' | localize}}
+              -->
+            </div>
+          </div>
+        }
+      }
+      `, isInline: true, dependencies: [{ kind: "component", type: ProgressBarComponent, selector: "progress-bar" }, { kind: "component", type: LoadingOverlayComponent, selector: "rp-loading-overlay" }, { kind: "component", type: HdLoaderComponent, selector: "rp-loader", inputs: ["show"] }, { kind: "component", type: Core3dComponent, selector: "rp-core3d" }, { kind: "component", type: RoomPlannerComponent, selector: "rp-room-planner", inputs: ["isLoading"], outputs: ["done", "showPlugin", "focusControls"] }, { kind: "component", type: FurnitureManagerComponent, selector: "rp-furniture-manager" }, { kind: "component", type: PresetsComponent, selector: "rp-presets", inputs: ["openNewRoomDialog"] }, { kind: "component", type: ThreedselectorComponent, selector: "rp-threedselector", inputs: ["selections"], outputs: ["customizeButtonClicked"] }, { kind: "component", type: ToolbarComponent, selector: "rp-toolbar", outputs: ["externalSave"] }, { kind: "component", type: ProductCatalogComponent, selector: "rp-product-catalog", inputs: ["generalFilterOrders", "purchaseFilterOrders", "logisticsFilterOrders"] }, { kind: "component", type: HelpComponent, selector: "rp-help" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HomedecoratorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'co-homedecorator',
-                    template: `
-      @if (loaded) {
-        @if (loaded) {
-          <div class="viewport">
-            <progress-bar></progress-bar>
-            <rp-loading-overlay>
-              <rp-core3d></rp-core3d>
-              <rp-room-planner></rp-room-planner>
-              <rp-furniture-manager></rp-furniture-manager>
-              <rp-presets [openNewRoomDialog]="!projectToLoad"></rp-presets>
-              <rp-threedselector></rp-threedselector>
-              <rp-toolbar (externalSave)="handleExternalSave()"></rp-toolbar>
-              <rp-product-catalog
-                [generalFilterOrders]="generalFilterOrders"
-                [purchaseFilterOrders]="purchaseFilterOrders"
-                [logisticsFilterOrders]="logisticsFilterOrders"
-              ></rp-product-catalog>
-              <co-lite-selector></co-lite-selector>
-              <rp-help></rp-help>
-            </rp-loading-overlay>
-          </div>
-        }
-        <rp-loader [show]="controllerService.shouldShowLoader"></rp-loader>
-        @if (shouldShowLandscapeMessage) {
-          <div class="mobile-portrait-overlay">
-            <!--
-            <mat-icon svgIcon="tilt-phone" class="tilt-phone-icon"></mat-icon>
-            -->
-            <div>
-              <!--
-              {{'PLEASE_USE_PHONE_IN_LANDSCAPE_MODE' | localize}}
-              -->
-            </div>
-          </div>
-        }
-      }
+                    template: `
+      @if (loaded) {
+        @if (loaded) {
+          <div class="viewport">
+            <progress-bar></progress-bar>
+            <rp-loading-overlay>
+              <rp-core3d></rp-core3d>
+              <rp-room-planner></rp-room-planner>
+              <rp-furniture-manager></rp-furniture-manager>
+              <rp-presets [openNewRoomDialog]="!projectToLoad"></rp-presets>
+              <rp-threedselector></rp-threedselector>
+              <rp-toolbar (externalSave)="handleExternalSave()"></rp-toolbar>
+              <rp-product-catalog
+                [generalFilterOrders]="generalFilterOrders"
+                [purchaseFilterOrders]="purchaseFilterOrders"
+                [logisticsFilterOrders]="logisticsFilterOrders"
+              ></rp-product-catalog>
+              <rp-help></rp-help>
+            </rp-loading-overlay>
+          </div>
+        }
+        <rp-loader [show]="controllerService.shouldShowLoader"></rp-loader>
+        @if (shouldShowLandscapeMessage) {
+          <div class="mobile-portrait-overlay">
+            <!--
+            <mat-icon svgIcon="tilt-phone" class="tilt-phone-icon"></mat-icon>
+            -->
+            <div>
+              <!--
+              {{'PLEASE_USE_PHONE_IN_LANDSCAPE_MODE' | localize}}
+              -->
+            </div>
+          </div>
+        }
+      }
       `,
                     encapsulation: ViewEncapsulation.None,
                     providers: [