@colijnit/homedecorator 255.1.2 → 255.1.3

package/bundles/colijnit-homedecorator.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@colijnit/configuratorapi/build/enum/node-type.enum'), require('@colijnit/configuratorapi/build/model/configurator-statistics-environment'), require('@colijnit/ioneconnector/build/model/options'), require('@colijnit/ioneconnector/build/model/data-service-response-data'), require('@colijnit/configuratorapi/build/model/frozen-article'), require('@colijnit/configuratorapi/build/model/selection'), require('@colijnit/configuratorapi/build/model/answer-price'), require('@colijnit/configuratorapi/build/model/article'), require('@colijnit/configuratorapi/build/model/deco-node'), require('@colijnit/configuratorapi/build/model/skip-button-info'), require('@colijnit/configuratorapi'), require('@colijnit/mainapi'), require('@colijnit/articleapi/build/articles'), require('@colijnit/configuratorapi/build/model/article-text.bo'), require('@colijnit/ioneconnector/build/service/business-object-factory'), require('@colijnit/ioneconnector/build/utils/image-utils'), require('@colijnit/articleapi/build/model/external-catalog-startup-info'), require('@colijnit/articleapi/build/model/catalog-definition.bo'), require('@colijnit/articleapi/build/model/external-source.bo'), require('@colijnit/articleapi/build/model/article-full-object'), require('@colijnit/configuratorapi/build/model/article-category'), require('@colijnit/articleapi/build/model/article-flat.bo'), require('@colijnit/mainapi/build/enum/internal-param.enum'), require('@colijnit/ioneconnector/build/utils/string-utils'), require('@colijnit/configuratorapi/build/utils/image-utils'), require('@angular/common/http'), require('axios'), require('textdiff-patch'), require('three'), require('@tweenjs/tween.js'), require('polygon-tools'), require('three-gpu-pathtracer'), require('three-mesh-bvh/src/workers/ParallelMeshBVHWorker.js'), require('three/examples/jsm/geometries/TextGeometry'), require('three/examples/jsm/loaders/FontLoader'), require('three/examples/jsm/webxr/XRControllerModelFactory'), require('@colijnit/configuratorapi/build/enum/hdeco-positioning.enum'), require('three/examples/jsm/postprocessing/OutlinePass'), require('three/examples/jsm/postprocessing/EffectComposer'), require('three/examples/jsm/postprocessing/RenderPass'), require('three/examples/jsm/postprocessing/ShaderPass'), require('three/examples/jsm/shaders/FXAAShader'), require('three/examples/jsm/shaders/GammaCorrectionShader'), require('md5'), require('three/examples/jsm/libs/lil-gui.module.min'), require('n8ao'), require('three/examples/jsm/postprocessing/SMAAPass'), require('@angular/platform-browser'), require('ngx-device-detector'), require('@angular/material/icon'), require('@angular/animations'), require('@angular/common'), require('@angular/material/dialog'), require('three/examples/jsm/loaders/RGBELoader'), require('@colijnit/configuratorapi/build/enum/hdeco-placement.enum'), require('rxjs/internal/observable/fromEvent'), require('rxjs/operators'), require('rxjs/internal/observable/of'), require('three/examples/jsm/utils/BufferGeometryUtils.js'), require('three/examples/jsm/loaders/OBJLoader'), require('three/examples/jsm/loaders/MTLLoader'), require('three/examples/jsm/loaders/GLTFLoader'), require('three/examples/jsm/exporters/GLTFExporter'), require('three/examples/jsm/loaders/DRACOLoader'), require('three/examples/jsm/loaders/KTX2Loader'), require('three/examples/jsm/exporters/USDZExporter'), require('@angular/material/list'), require('@angular/material/core'), require('@colijnit/configuratorapi/build/enum/deco-node-type.enum'), require('jszip'), require('@colijnit/configuratorapi/build/enum/deco-node-kind.enum'), require('@angular/material/checkbox'), require('@angular/material/button'), require('@angular/forms'), require('three/examples/jsm/utils/BufferGeometryUtils'), require('three/src/constants'), require('@colijnit/corecomponents'), require('@angular/material/form-field'), require('@angular/material/select'), require('@angular/material/tooltip'), require('@colijnit/corecomponents_v12'), require('@angular/material/slider'), require('@angular/material/input'), require('dat.gui'), require('@migenius/realityserver-client'), require('@angular/material/grid-list'), require('@angular/material/progress-spinner'), require('@angular/flex-layout/flex'), require('@angular/material/progress-bar'), require('three/examples/jsm/geometries/DecalGeometry'), require('fabric'), require('@angular/material/button-toggle'), require('@angular/material/snack-bar'), require('@angular/material/slide-toggle'), require('@angular/material/divider'), require('browser-image-compression'), require('@angular/material/tabs'), require('@angular/flex-layout/extended'), require('ngx-color/chrome'), require('@angular/router'), require('delaunator'), require('three/examples/jsm/helpers/VertexNormalsHelper'), require('@angular/cdk/portal'), require('file-saver'), require('ng2-pdf-viewer'), require('html2canvas'), require('three/examples/jsm/controls/OrbitControls'), require('three/examples/jsm/loaders/FBXLoader'), require('three/examples/jsm/loaders/TDSLoader'), require('@angular/material/radio'), require('@angular/material/toolbar'), require('@angular/material/menu'), require('@angular/material/card'), require('@angular/material/sidenav'), require('@angular/material/badge'), require('@colijnit/articleapi/build/model/external-catalog-startup-info-request'), require('@colijnit/catalog'), require('ngx-lightbox'), require('@angular/flex-layout'), require('@angular/cdk/drag-drop')) :
-  typeof define === 'function' && define.amd ? define('@colijnit/homedecorator', ['exports', '@angular/core', 'rxjs', '@colijnit/configuratorapi/build/enum/node-type.enum', '@colijnit/configuratorapi/build/model/configurator-statistics-environment', '@colijnit/ioneconnector/build/model/options', '@colijnit/ioneconnector/build/model/data-service-response-data', '@colijnit/configuratorapi/build/model/frozen-article', '@colijnit/configuratorapi/build/model/selection', '@colijnit/configuratorapi/build/model/answer-price', '@colijnit/configuratorapi/build/model/article', '@colijnit/configuratorapi/build/model/deco-node', '@colijnit/configuratorapi/build/model/skip-button-info', '@colijnit/configuratorapi', '@colijnit/mainapi', '@colijnit/articleapi/build/articles', '@colijnit/configuratorapi/build/model/article-text.bo', '@colijnit/ioneconnector/build/service/business-object-factory', '@colijnit/ioneconnector/build/utils/image-utils', '@colijnit/articleapi/build/model/external-catalog-startup-info', '@colijnit/articleapi/build/model/catalog-definition.bo', '@colijnit/articleapi/build/model/external-source.bo', '@colijnit/articleapi/build/model/article-full-object', '@colijnit/configuratorapi/build/model/article-category', '@colijnit/articleapi/build/model/article-flat.bo', '@colijnit/mainapi/build/enum/internal-param.enum', '@colijnit/ioneconnector/build/utils/string-utils', '@colijnit/configuratorapi/build/utils/image-utils', '@angular/common/http', 'axios', 'textdiff-patch', 'three', '@tweenjs/tween.js', 'polygon-tools', 'three-gpu-pathtracer', 'three-mesh-bvh/src/workers/ParallelMeshBVHWorker.js', 'three/examples/jsm/geometries/TextGeometry', 'three/examples/jsm/loaders/FontLoader', 'three/examples/jsm/webxr/XRControllerModelFactory', '@colijnit/configuratorapi/build/enum/hdeco-positioning.enum', 'three/examples/jsm/postprocessing/OutlinePass', 'three/examples/jsm/postprocessing/EffectComposer', 'three/examples/jsm/postprocessing/RenderPass', 'three/examples/jsm/postprocessing/ShaderPass', 'three/examples/jsm/shaders/FXAAShader', 'three/examples/jsm/shaders/GammaCorrectionShader', 'md5', 'three/examples/jsm/libs/lil-gui.module.min', 'n8ao', 'three/examples/jsm/postprocessing/SMAAPass', '@angular/platform-browser', 'ngx-device-detector', '@angular/material/icon', '@angular/animations', '@angular/common', '@angular/material/dialog', 'three/examples/jsm/loaders/RGBELoader', '@colijnit/configuratorapi/build/enum/hdeco-placement.enum', 'rxjs/internal/observable/fromEvent', 'rxjs/operators', 'rxjs/internal/observable/of', 'three/examples/jsm/utils/BufferGeometryUtils.js', 'three/examples/jsm/loaders/OBJLoader', 'three/examples/jsm/loaders/MTLLoader', 'three/examples/jsm/loaders/GLTFLoader', 'three/examples/jsm/exporters/GLTFExporter', 'three/examples/jsm/loaders/DRACOLoader', 'three/examples/jsm/loaders/KTX2Loader', 'three/examples/jsm/exporters/USDZExporter', '@angular/material/list', '@angular/material/core', '@colijnit/configuratorapi/build/enum/deco-node-type.enum', 'jszip', '@colijnit/configuratorapi/build/enum/deco-node-kind.enum', '@angular/material/checkbox', '@angular/material/button', '@angular/forms', 'three/examples/jsm/utils/BufferGeometryUtils', 'three/src/constants', '@colijnit/corecomponents', '@angular/material/form-field', '@angular/material/select', '@angular/material/tooltip', '@colijnit/corecomponents_v12', '@angular/material/slider', '@angular/material/input', 'dat.gui', '@migenius/realityserver-client', '@angular/material/grid-list', '@angular/material/progress-spinner', '@angular/flex-layout/flex', '@angular/material/progress-bar', 'three/examples/jsm/geometries/DecalGeometry', 'fabric', '@angular/material/button-toggle', '@angular/material/snack-bar', '@angular/material/slide-toggle', '@angular/material/divider', 'browser-image-compression', '@angular/material/tabs', '@angular/flex-layout/extended', 'ngx-color/chrome', '@angular/router', 'delaunator', 'three/examples/jsm/helpers/VertexNormalsHelper', '@angular/cdk/portal', 'file-saver', 'ng2-pdf-viewer', 'html2canvas', 'three/examples/jsm/controls/OrbitControls', 'three/examples/jsm/loaders/FBXLoader', 'three/examples/jsm/loaders/TDSLoader', '@angular/material/radio', '@angular/material/toolbar', '@angular/material/menu', '@angular/material/card', '@angular/material/sidenav', '@angular/material/badge', '@colijnit/articleapi/build/model/external-catalog-startup-info-request', '@colijnit/catalog', 'ngx-lightbox', '@angular/flex-layout', '@angular/cdk/drag-drop'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.homedecorator = {}), global.ng.core, global.rxjs, global.nodeType_enum, global.configuratorStatisticsEnvironment, global.options, global.dataServiceResponseData, global.frozenArticle, global.selection, global.answerPrice, global.article, global.decoNode, global.skipButtonInfo, global.configuratorapi, global.mainapi, global.articles, global.articleText_bo, global.businessObjectFactory, global.imageUtils, global.externalCatalogStartupInfo, global.catalogDefinition_bo, global.externalSource_bo, global.articleFullObject, global.articleCategory, global.articleFlat_bo, global.internalParam_enum, global.stringUtils, global.imageUtils$1, global.ng.common.http, global.axios, global.applyPatch, global.THREE, global.TWEEN, global.PolygonTools, global.threeGpuPathtracer, global.ParallelMeshBVHWorker_js, global.TextGeometry, global.FontLoader, global.XRControllerModelFactory, global.hdecoPositioning_enum, global.OutlinePass, global.EffectComposer, global.RenderPass, global.ShaderPass, global.FXAAShader, global.GammaCorrectionShader, global.md5, global.GUI, global.n8ao, global.SMAAPass, global.ng.platformBrowser, global.i2$1, global.ng.material.icon, global.ng.animations, global.ng.common, global.ng.material.dialog, global.RGBELoader, global.hdecoPlacement_enum, global.rxjs["internal/observable/fromEvent"], global.rxjs.operators, global.rxjs["internal/observable/of"], global.BufferGeometryUtils, global.OBJLoader, global.MTLLoader, global.GLTFLoader, global.GLTFExporter, global.DRACOLoader, global.KTX2Loader, global.USDZExporter, global.ng.material.list, global.ng.material.core, global.decoNodeType_enum, global.JSZip, global.decoNodeKind_enum, global.ng.material.checkbox, global.ng.material.button, global.ng.forms, global.BufferGeometryUtils$1, global.constants, global.i4, global.ng.material.formField, global.ng.material.select, global.ng.material.tooltip, global.i4$1, global.ng.material.slider, global.ng.material.input, global.dat, global.realityserverClient, global.ng.material.gridList, global.ng.material.progressSpinner, global.ng.flexLayout.flex, global.ng.material.progressBar, global.DecalGeometry, global.fabric, global.ng.material.buttonToggle, global.ng.material.snackBar, global.ng.material.slideToggle, global.ng.material.divider, global.imageCompression, global.ng.material.tabs, global.ng.flexLayout.extended, global.i1$3, global.ng.router, global.Delaunator, global.VertexNormalsHelper, global.ng.cdk.portal, global.fileSaver, global.i6$2, global.html2canvas, global.OrbitControls, global.FBXLoader, global.TDSLoader, global.ng.material.radio, global.ng.material.toolbar, global.ng.material.menu, global.ng.material.card, global.ng.material.sidenav, global.ng.material.badge, global.externalCatalogStartupInfoRequest, global.i7$3, global.i1$5, global.ng.flexLayout, global.ng.cdk.dragDrop));
-})(this, (function (exports, i0, rxjs, nodeType_enum, configuratorStatisticsEnvironment, options, dataServiceResponseData, frozenArticle, selection, answerPrice, article, decoNode, skipButtonInfo, configuratorapi, mainapi, articles, articleText_bo, businessObjectFactory, imageUtils, externalCatalogStartupInfo, catalogDefinition_bo, externalSource_bo, articleFullObject, articleCategory, articleFlat_bo, internalParam_enum, stringUtils, imageUtils$1, i2, axios, applyPatch, THREE, TWEEN, PolygonTools, threeGpuPathtracer, ParallelMeshBVHWorker_js, TextGeometry, FontLoader, XRControllerModelFactory, hdecoPositioning_enum, OutlinePass, EffectComposer, RenderPass, ShaderPass, FXAAShader, GammaCorrectionShader, md5, GUI, n8ao, SMAAPass, i1, i2$1, i5$1, animations, i5, i1$1, RGBELoader, hdecoPlacement_enum, fromEvent, operators, of, BufferGeometryUtils, OBJLoader, MTLLoader, GLTFLoader, GLTFExporter, DRACOLoader, KTX2Loader, USDZExporter, i2$2, i3, decoNodeType_enum, JSZip, decoNodeKind_enum, i1$2, i3$1, i8, BufferGeometryUtils$1, constants, i4, i7, i9, i10, i4$1, i7$1, i19, dat, realityserverClient, i3$2, i15, i3$3, i2$3, DecalGeometry, fabric, i7$2, i2$4, i10$1, i6, imageCompression, i1$4, i6$1, i1$3, i5$2, Delaunator, VertexNormalsHelper, i28, fileSaver, i6$2, html2canvas, OrbitControls, FBXLoader, TDSLoader, i6$3, i19$1, i22, i23, i26, i30, externalCatalogStartupInfoRequest, i7$3, i1$5, flexLayout, i10$2) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@colijnit/configuratorapi/build/enum/node-type.enum'), require('@colijnit/configuratorapi/build/model/configurator-statistics-environment'), require('@colijnit/ioneconnector/build/model/options'), require('@colijnit/ioneconnector/build/model/data-service-response-data'), require('@colijnit/configuratorapi/build/model/frozen-article'), require('@colijnit/configuratorapi/build/model/selection'), require('@colijnit/configuratorapi/build/model/answer-price'), require('@colijnit/configuratorapi/build/model/article'), require('@colijnit/configuratorapi/build/model/deco-node'), require('@colijnit/configuratorapi/build/model/skip-button-info'), require('@colijnit/configuratorapi'), require('@colijnit/mainapi'), require('@colijnit/articleapi/build/articles'), require('@colijnit/configuratorapi/build/model/article-text.bo'), require('@colijnit/ioneconnector/build/service/business-object-factory'), require('@colijnit/ioneconnector/build/utils/image-utils'), require('@colijnit/articleapi/build/model/external-catalog-startup-info'), require('@colijnit/articleapi/build/model/catalog-definition.bo'), require('@colijnit/articleapi/build/model/external-source.bo'), require('@colijnit/articleapi/build/model/article-full-object'), require('@colijnit/configuratorapi/build/model/article-category'), require('@colijnit/articleapi/build/model/article-flat.bo'), require('@colijnit/mainapi/build/enum/internal-param.enum'), require('@colijnit/ioneconnector/build/utils/string-utils'), require('@colijnit/configuratorapi/build/utils/image-utils'), require('@angular/common/http'), require('axios'), require('textdiff-patch'), require('three'), require('@tweenjs/tween.js'), require('polygon-tools'), require('three-gpu-pathtracer'), require('three-mesh-bvh/src/workers/ParallelMeshBVHWorker.js'), require('three/examples/jsm/geometries/TextGeometry'), require('three/examples/jsm/loaders/FontLoader'), require('three/examples/jsm/webxr/XRControllerModelFactory'), require('@colijnit/configuratorapi/build/enum/hdeco-positioning.enum'), require('three/examples/jsm/postprocessing/OutlinePass'), require('three/examples/jsm/postprocessing/EffectComposer'), require('three/examples/jsm/postprocessing/RenderPass'), require('three/examples/jsm/postprocessing/ShaderPass'), require('three/examples/jsm/shaders/FXAAShader'), require('three/examples/jsm/postprocessing/OutputPass'), require('md5'), require('three/examples/jsm/libs/lil-gui.module.min'), require('n8ao'), require('three/examples/jsm/postprocessing/TAARenderPass'), require('@angular/platform-browser'), require('ngx-device-detector'), require('@angular/material/icon'), require('@angular/animations'), require('@angular/common'), require('@angular/material/dialog'), require('three/examples/jsm/loaders/RGBELoader'), require('@colijnit/configuratorapi/build/enum/hdeco-placement.enum'), require('rxjs/internal/observable/fromEvent'), require('rxjs/operators'), require('rxjs/internal/observable/of'), require('three/examples/jsm/utils/BufferGeometryUtils.js'), require('three/examples/jsm/loaders/OBJLoader'), require('three/examples/jsm/loaders/MTLLoader'), require('three/examples/jsm/loaders/GLTFLoader'), require('three/examples/jsm/exporters/GLTFExporter'), require('three/examples/jsm/loaders/DRACOLoader'), require('three/examples/jsm/loaders/KTX2Loader'), require('three/examples/jsm/exporters/USDZExporter'), require('@angular/material/list'), require('@angular/material/core'), require('@colijnit/configuratorapi/build/enum/deco-node-type.enum'), require('jszip'), require('@colijnit/configuratorapi/build/enum/deco-node-kind.enum'), require('@angular/material/checkbox'), require('@angular/material/button'), require('@angular/forms'), require('three/examples/jsm/utils/BufferGeometryUtils'), require('three-mesh-bvh'), require('three/src/constants'), require('@colijnit/corecomponents'), require('@angular/material/form-field'), require('@angular/material/select'), require('@angular/material/tooltip'), require('@colijnit/corecomponents_v12'), require('@angular/material/slider'), require('@angular/material/input'), require('dat.gui'), require('@migenius/realityserver-client'), require('@angular/material/grid-list'), require('@angular/material/progress-spinner'), require('@angular/flex-layout/flex'), require('@angular/material/progress-bar'), require('three/examples/jsm/geometries/DecalGeometry'), require('fabric'), require('@angular/material/button-toggle'), require('@angular/material/snack-bar'), require('@angular/material/slide-toggle'), require('@angular/material/divider'), require('browser-image-compression'), require('@angular/material/tabs'), require('@angular/flex-layout/extended'), require('ngx-color/chrome'), require('@angular/router'), require('delaunator'), require('three/examples/jsm/helpers/VertexNormalsHelper'), require('@angular/cdk/portal'), require('file-saver'), require('ng2-pdf-viewer'), require('html2canvas'), require('three/examples/jsm/controls/OrbitControls'), require('three/examples/jsm/loaders/FBXLoader'), require('three/examples/jsm/loaders/TDSLoader'), require('three/examples/jsm/loaders/STLLoader'), require('@angular/material/radio'), require('@angular/material/toolbar'), require('@angular/material/menu'), require('@angular/material/card'), require('@angular/material/sidenav'), require('@angular/material/badge'), require('@colijnit/articleapi/build/model/external-catalog-startup-info-request'), require('@colijnit/catalog'), require('ngx-lightbox'), require('@angular/flex-layout'), require('@angular/cdk/drag-drop'), require('jspdf'), require('jspdf-autotable')) :
+  typeof define === 'function' && define.amd ? define('@colijnit/homedecorator', ['exports', '@angular/core', 'rxjs', '@colijnit/configuratorapi/build/enum/node-type.enum', '@colijnit/configuratorapi/build/model/configurator-statistics-environment', '@colijnit/ioneconnector/build/model/options', '@colijnit/ioneconnector/build/model/data-service-response-data', '@colijnit/configuratorapi/build/model/frozen-article', '@colijnit/configuratorapi/build/model/selection', '@colijnit/configuratorapi/build/model/answer-price', '@colijnit/configuratorapi/build/model/article', '@colijnit/configuratorapi/build/model/deco-node', '@colijnit/configuratorapi/build/model/skip-button-info', '@colijnit/configuratorapi', '@colijnit/mainapi', '@colijnit/articleapi/build/articles', '@colijnit/configuratorapi/build/model/article-text.bo', '@colijnit/ioneconnector/build/service/business-object-factory', '@colijnit/ioneconnector/build/utils/image-utils', '@colijnit/articleapi/build/model/external-catalog-startup-info', '@colijnit/articleapi/build/model/catalog-definition.bo', '@colijnit/articleapi/build/model/external-source.bo', '@colijnit/articleapi/build/model/article-full-object', '@colijnit/configuratorapi/build/model/article-category', '@colijnit/articleapi/build/model/article-flat.bo', '@colijnit/mainapi/build/enum/internal-param.enum', '@colijnit/ioneconnector/build/utils/string-utils', '@colijnit/configuratorapi/build/utils/image-utils', '@angular/common/http', 'axios', 'textdiff-patch', 'three', '@tweenjs/tween.js', 'polygon-tools', 'three-gpu-pathtracer', 'three-mesh-bvh/src/workers/ParallelMeshBVHWorker.js', 'three/examples/jsm/geometries/TextGeometry', 'three/examples/jsm/loaders/FontLoader', 'three/examples/jsm/webxr/XRControllerModelFactory', '@colijnit/configuratorapi/build/enum/hdeco-positioning.enum', 'three/examples/jsm/postprocessing/OutlinePass', 'three/examples/jsm/postprocessing/EffectComposer', 'three/examples/jsm/postprocessing/RenderPass', 'three/examples/jsm/postprocessing/ShaderPass', 'three/examples/jsm/shaders/FXAAShader', 'three/examples/jsm/postprocessing/OutputPass', 'md5', 'three/examples/jsm/libs/lil-gui.module.min', 'n8ao', 'three/examples/jsm/postprocessing/TAARenderPass', '@angular/platform-browser', 'ngx-device-detector', '@angular/material/icon', '@angular/animations', '@angular/common', '@angular/material/dialog', 'three/examples/jsm/loaders/RGBELoader', '@colijnit/configuratorapi/build/enum/hdeco-placement.enum', 'rxjs/internal/observable/fromEvent', 'rxjs/operators', 'rxjs/internal/observable/of', 'three/examples/jsm/utils/BufferGeometryUtils.js', 'three/examples/jsm/loaders/OBJLoader', 'three/examples/jsm/loaders/MTLLoader', 'three/examples/jsm/loaders/GLTFLoader', 'three/examples/jsm/exporters/GLTFExporter', 'three/examples/jsm/loaders/DRACOLoader', 'three/examples/jsm/loaders/KTX2Loader', 'three/examples/jsm/exporters/USDZExporter', '@angular/material/list', '@angular/material/core', '@colijnit/configuratorapi/build/enum/deco-node-type.enum', 'jszip', '@colijnit/configuratorapi/build/enum/deco-node-kind.enum', '@angular/material/checkbox', '@angular/material/button', '@angular/forms', 'three/examples/jsm/utils/BufferGeometryUtils', 'three-mesh-bvh', 'three/src/constants', '@colijnit/corecomponents', '@angular/material/form-field', '@angular/material/select', '@angular/material/tooltip', '@colijnit/corecomponents_v12', '@angular/material/slider', '@angular/material/input', 'dat.gui', '@migenius/realityserver-client', '@angular/material/grid-list', '@angular/material/progress-spinner', '@angular/flex-layout/flex', '@angular/material/progress-bar', 'three/examples/jsm/geometries/DecalGeometry', 'fabric', '@angular/material/button-toggle', '@angular/material/snack-bar', '@angular/material/slide-toggle', '@angular/material/divider', 'browser-image-compression', '@angular/material/tabs', '@angular/flex-layout/extended', 'ngx-color/chrome', '@angular/router', 'delaunator', 'three/examples/jsm/helpers/VertexNormalsHelper', '@angular/cdk/portal', 'file-saver', 'ng2-pdf-viewer', 'html2canvas', 'three/examples/jsm/controls/OrbitControls', 'three/examples/jsm/loaders/FBXLoader', 'three/examples/jsm/loaders/TDSLoader', 'three/examples/jsm/loaders/STLLoader', '@angular/material/radio', '@angular/material/toolbar', '@angular/material/menu', '@angular/material/card', '@angular/material/sidenav', '@angular/material/badge', '@colijnit/articleapi/build/model/external-catalog-startup-info-request', '@colijnit/catalog', 'ngx-lightbox', '@angular/flex-layout', '@angular/cdk/drag-drop', 'jspdf', 'jspdf-autotable'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.homedecorator = {}), global.ng.core, global.rxjs, global.nodeType_enum, global.configuratorStatisticsEnvironment, global.options, global.dataServiceResponseData, global.frozenArticle, global.selection, global.answerPrice, global.article, global.decoNode, global.skipButtonInfo, global.configuratorapi, global.mainapi, global.articles, global.articleText_bo, global.businessObjectFactory, global.imageUtils, global.externalCatalogStartupInfo, global.catalogDefinition_bo, global.externalSource_bo, global.articleFullObject, global.articleCategory, global.articleFlat_bo, global.internalParam_enum, global.stringUtils, global.imageUtils$1, global.ng.common.http, global.axios, global.applyPatch, global.THREE, global.TWEEN, global.PolygonTools, global.threeGpuPathtracer, global.ParallelMeshBVHWorker_js, global.TextGeometry, global.FontLoader, global.XRControllerModelFactory, global.hdecoPositioning_enum, global.OutlinePass, global.EffectComposer, global.RenderPass, global.ShaderPass, global.FXAAShader, global.OutputPass, global.md5, global.GUI, global.n8ao, global.TAARenderPass, global.ng.platformBrowser, global.i2$1, global.ng.material.icon, global.ng.animations, global.ng.common, global.ng.material.dialog, global.RGBELoader, global.hdecoPlacement_enum, global.rxjs["internal/observable/fromEvent"], global.rxjs.operators, global.rxjs["internal/observable/of"], global.BufferGeometryUtils, global.OBJLoader, global.MTLLoader, global.GLTFLoader, global.GLTFExporter, global.DRACOLoader, global.KTX2Loader, global.USDZExporter, global.ng.material.list, global.ng.material.core, global.decoNodeType_enum, global.JSZip, global.decoNodeKind_enum, global.ng.material.checkbox, global.ng.material.button, global.ng.forms, global.BufferGeometryUtils$1, global.threeMeshBvh, global.constants, global.i4, global.ng.material.formField, global.ng.material.select, global.ng.material.tooltip, global.i4$1, global.ng.material.slider, global.ng.material.input, global.dat, global.realityserverClient, global.ng.material.gridList, global.ng.material.progressSpinner, global.ng.flexLayout.flex, global.ng.material.progressBar, global.DecalGeometry, global.fabric, global.ng.material.buttonToggle, global.ng.material.snackBar, global.ng.material.slideToggle, global.ng.material.divider, global.imageCompression, global.ng.material.tabs, global.ng.flexLayout.extended, global.i1$3, global.ng.router, global.Delaunator, global.VertexNormalsHelper, global.ng.cdk.portal, global.fileSaver, global.i6$2, global.html2canvas, global.OrbitControls, global.FBXLoader, global.TDSLoader, global.STLLoader, global.ng.material.radio, global.ng.material.toolbar, global.ng.material.menu, global.ng.material.card, global.ng.material.sidenav, global.ng.material.badge, global.externalCatalogStartupInfoRequest, global.i7$3, global.i1$5, global.ng.flexLayout, global.ng.cdk.dragDrop, global.jspdf, global.autoTable));
+})(this, (function (exports, i0, rxjs, nodeType_enum, configuratorStatisticsEnvironment, options, dataServiceResponseData, frozenArticle, selection, answerPrice, article, decoNode, skipButtonInfo, configuratorapi, mainapi, articles, articleText_bo, businessObjectFactory, imageUtils, externalCatalogStartupInfo, catalogDefinition_bo, externalSource_bo, articleFullObject, articleCategory, articleFlat_bo, internalParam_enum, stringUtils, imageUtils$1, i2, axios, applyPatch, THREE, TWEEN, PolygonTools, threeGpuPathtracer, ParallelMeshBVHWorker_js, TextGeometry, FontLoader, XRControllerModelFactory, hdecoPositioning_enum, OutlinePass, EffectComposer, RenderPass, ShaderPass, FXAAShader, OutputPass, md5, GUI, n8ao, TAARenderPass, i1, i2$1, i5$1, animations, i5, i1$1, RGBELoader, hdecoPlacement_enum, fromEvent, operators, of, BufferGeometryUtils, OBJLoader, MTLLoader, GLTFLoader, GLTFExporter, DRACOLoader, KTX2Loader, USDZExporter, i2$2, i3, decoNodeType_enum, JSZip, decoNodeKind_enum, i1$2, i3$1, i8, BufferGeometryUtils$1, threeMeshBvh, constants, i4, i7, i9, i10, i4$1, i7$1, i19, dat, realityserverClient, i3$2, i15, i3$3, i2$3, DecalGeometry, fabric, i7$2, i2$4, i10$1, i6, imageCompression, i1$4, i6$1, i1$3, i5$2, Delaunator, VertexNormalsHelper, i28, fileSaver, i6$2, html2canvas, OrbitControls, FBXLoader, TDSLoader, STLLoader, i9$1, i19$1, i22, i23, i26, i30, externalCatalogStartupInfoRequest, i7$3, i1$5, flexLayout, i10$2, jspdf, autoTable) { 'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -71,7 +71,7 @@
   var i28__namespace = /*#__PURE__*/_interopNamespace(i28);
   var i6__namespace$2 = /*#__PURE__*/_interopNamespace(i6$2);
   var html2canvas__default = /*#__PURE__*/_interopDefaultLegacy(html2canvas);
-  var i6__namespace$3 = /*#__PURE__*/_interopNamespace(i6$3);
+  var i9__namespace$1 = /*#__PURE__*/_interopNamespace(i9$1);
   var i19__namespace$1 = /*#__PURE__*/_interopNamespace(i19$1);
   var i22__namespace = /*#__PURE__*/_interopNamespace(i22);
   var i23__namespace = /*#__PURE__*/_interopNamespace(i23);
@@ -80,6 +80,7 @@
   var i7__namespace$3 = /*#__PURE__*/_interopNamespace(i7$3);
   var i1__namespace$5 = /*#__PURE__*/_interopNamespace(i1$5);
   var i10__namespace$2 = /*#__PURE__*/_interopNamespace(i10$2);
+  var autoTable__default = /*#__PURE__*/_interopDefaultLegacy(autoTable);
 
   /******************************************************************************
   Copyright (c) Microsoft Corporation.
@@ -1226,12 +1227,10 @@
       };
       HomedecoratorConnectorAdapterService.prototype.store3DModelCDN = function (filename, fileContents) {
           return __awaiter$1m(this, void 0, void 0, function () {
-              var int8Array, response;
+              var response;
               return __generator(this, function (_a) {
                   switch (_a.label) {
-                      case 0:
-                          int8Array = new Int8Array(fileContents);
-                          return [4 /*yield*/, this.mainApi.uploadModelToCDN(filename, int8Array)];
+                      case 0: return [4 /*yield*/, this.mainApi.uploadModelToCDN(filename, fileContents)];
                       case 1:
                           response = _a.sent();
                           if (response && response.validationResult && response.validationResult.success) {
@@ -1250,7 +1249,7 @@
               var response;
               return __generator(this, function (_a) {
                   switch (_a.label) {
-                      case 0: return [4 /*yield*/, this._articleApi.getCatalogDefinitions().catch(function (e) {
+                      case 0: return [4 /*yield*/, this.articleApi.getCatalogDefinitions().catch(function (e) {
                               return new dataServiceResponseData.DataServiceResponseData();
                           })];
                       case 1:
@@ -1275,7 +1274,7 @@
                           if (!externalSourceId) {
                               return [2 /*return*/, null];
                           }
-                          return [4 /*yield*/, this._articleApi.getExternalSource(externalSourceId)];
+                          return [4 /*yield*/, this.articleApi.getExternalSource(externalSourceId)];
                       case 1:
                           response = _a.sent();
                           if (response && response.validationResult && response.validationResult.success) {
@@ -1512,6 +1511,7 @@
           this.useRenderWebsocket = false;
           this.productRenderSceneAssetId = 'scene_studio_eevee';
           this.pathTracer = false;
+          this.ssrEnabled = false;
           this.maxRenderSamples = 100;
       }
       return HomedecoratorSettingsOptions;
@@ -2556,10 +2556,13 @@
               var article;
               return __generator(this, function (_a) {
                   switch (_a.label) {
-                      case 0: return [4 /*yield*/, this._connector.getArticle(sku, branch)
-                              .catch(function (e) {
-                              return Promise.reject(e);
-                          })];
+                      case 0:
+                          this.selections = [];
+                          this._decoNodes = [];
+                          return [4 /*yield*/, this._connector.getArticle(sku, branch)
+                                  .catch(function (e) {
+                                  return Promise.reject(e);
+                              })];
                       case 1:
                           article = _a.sent();
                           this.articleReceived.next(article);
@@ -7218,7 +7221,6 @@
           this._hideOutlineTimeout = 10000;
           this._animationDuration = 5000;
           this._outlinePassAsError = false;
-          this._useMSAA = false;
           this._initializing = false;
           this._subs = [];
           this.needsRender = false;
@@ -7241,16 +7243,18 @@
           this._composer = new EffectComposer.EffectComposer(this._renderer, this._renderTarget);
           this._composer.setPixelRatio(window.devicePixelRatio);
           var renderPass = new RenderPass.RenderPass(this._scene, this._camera);
-          this._composer.addPass(renderPass);
+          this._outputPass = new OutputPass.OutputPass();
           this._outlinePass = new OutlinePass.OutlinePass(new THREE.Vector2(width, height), this._scene, this._camera);
-          this._composer.addPass(this._outlinePass);
           this._fxaaPass = new ShaderPass.ShaderPass(FXAAShader.FXAAShader);
           this._fxaaPass.material.uniforms['resolution'].value.set(1 / width, 1 / height);
-          this._composer.addPass(this._fxaaPass);
           // needed for the sRGBEncoding to work
           // https://stackoverflow.com/questions/72936071/srgbencoding-in-not-working-in-three-effectcomposer
-          var gammaCorrectionPass = new ShaderPass.ShaderPass(GammaCorrectionShader.GammaCorrectionShader);
-          this._composer.addPass(gammaCorrectionPass);
+          // const gammaCorrectionPass = new ShaderPass(GammaCorrectionShader);
+          this._composer.addPass(renderPass);
+          this._composer.addPass(this._outlinePass);
+          this._composer.addPass(this._fxaaPass);
+          // this._composer.addPass(gammaCorrectionPass);
+          this._composer.addPass(this._outputPass);
           this._setSelectionGlowSettings();
           this._composer.setSize(width, height);
       };
@@ -8861,6 +8865,23 @@
       ArService.prototype.endSessionEvent = function () {
           this._session.end();
       };
+      ArService.prototype.arIOSSupported = function () {
+          return __awaiter$13(this, void 0, void 0, function () {
+              var isIOS, anchor;
+              return __generator(this, function (_a) {
+                  isIOS = /iPad|iPhone|iPod/.test(navigator.platform) ||
+                      (navigator.userAgent.includes('Mac') && 'ontouchend' in document);
+                  if (isIOS) {
+                      anchor = document.createElement('a');
+                      return [2 /*return*/, anchor.relList.supports('ar')];
+                  }
+                  else {
+                      return [2 /*return*/, false];
+                  }
+                  return [2 /*return*/];
+              });
+          });
+      };
       ArService.prototype.arSupported = function () {
           return __awaiter$13(this, void 0, void 0, function () {
               return __generator(this, function (_a) {
@@ -9717,25 +9738,6 @@
       function PostProcessingService(_configurationService) {
           var _this = this;
           this._configurationService = _configurationService;
-          this._subs = [];
-          this._subs.push(this._configurationService.onChange.subscribe(function (changed) {
-              if (ConfigurationKey.ShowPostProcessingSettings in changed) {
-                  _this._showHideGui(changed[ConfigurationKey.ShowPostProcessingSettings]);
-              }
-          }));
-      }
-      PostProcessingService.prototype.ngOnDestroy = function () {
-          this._subs.forEach(function (s) { return s.unsubscribe(); });
-      };
-      PostProcessingService.prototype.init = function (renderer, scene, camera, width, height) {
-          this._renderer = renderer;
-          this._scene = scene;
-          this._camera = camera;
-          this._composer = new EffectComposer.EffectComposer(renderer);
-          this._n8aoPass = new n8ao.N8AOPass(scene, camera, width, height);
-          var smaaPass = new SMAAPass.SMAAPass(width, height);
-          this._composer.addPass(this._n8aoPass);
-          this._composer.addPass(smaaPass);
           this._effectController = {
               aoSamples: 32.0,
               denoiseSamples: 8.0,
@@ -9753,7 +9755,51 @@
               stencil: true,
               accumulate: false
           };
+          this._subs = [];
+          this._subs.push(this._configurationService.onChange.subscribe(function (changed) {
+              if (ConfigurationKey.ShowPostProcessingSettings in changed) {
+                  _this._showHideGui(changed[ConfigurationKey.ShowPostProcessingSettings]);
+              }
+          }));
+      }
+      PostProcessingService.prototype.ngOnDestroy = function () {
+          this._subs.forEach(function (s) { return s.unsubscribe(); });
+      };
+      PostProcessingService.prototype.init = function (renderer, scene, camera, width, height) {
+          this._renderer = renderer;
+          this._scene = scene;
+          this._camera = camera;
+          this._renderTarget = new THREE.WebGLRenderTarget(width, height, {
+              minFilter: THREE.NearestFilter,
+              magFilter: THREE.NearestFilter,
+              format: THREE.RGBAFormat,
+              colorSpace: THREE.SRGBColorSpace
+          });
+          this._renderTarget.samples = 4;
+          this._renderTarget.depthTexture = new THREE.DepthTexture(width, height, THREE.UnsignedIntType);
+          this._renderTarget.depthTexture.format = THREE.DepthFormat;
+          this._composer = new EffectComposer.EffectComposer(this._renderer, this._renderTarget);
+          this._n8aoPass = new n8ao.N8AOPass(scene, camera, width, height);
+          this._n8aoPass.configuration.gammaCorrection = false;
+          this._n8aoPass.debugMode = true;
+          // const smaaPass = new SMAAPass(width, height);
+          // this._composer.addPass(smaaPass);
+          // const fxaaPass = new ShaderPass(FXAAShader);
+          // const pixelRatio = this._renderer.getPixelRatio();
+          // fxaaPass.material.uniforms[ 'resolution' ].value.x = 1 / (width * pixelRatio);
+          // fxaaPass.material.uniforms[ 'resolution' ].value.y = 1 / (height * pixelRatio);
+          this._outputPass = new OutputPass.OutputPass();
+          this._taaRenderPass = new TAARenderPass.TAARenderPass(this._scene, this._camera, 0x000000, 0);
+          this._taaRenderPass.unbiased = false;
+          this._taaRenderPass.sampleLevel = 4;
+          this._renderPass = new RenderPass.RenderPass(this._scene, this._camera);
+          // this._renderPass.enabled = false;
+          this._composer.addPass(this._renderPass);
+          this._composer.addPass(this._taaRenderPass);
+          this._composer.addPass(this._n8aoPass);
+          this._composer.addPass(this._outputPass);
           this._createGui();
+          this._createGuiTaaPass();
       };
       PostProcessingService.prototype._updatePass = function () {
           this._n8aoPass.configuration.aoRadius = this._effectController.aoRadius;
@@ -9773,6 +9819,35 @@
           this._n8aoPass.configuration.accumulate = this._effectController.accumulate;
           this.render();
       };
+      PostProcessingService.prototype._createGuiTaaPass = function () {
+          var _this = this;
+          this._taaPassGui = new GUI__default["default"]();
+          this._taaPassGui.hide();
+          var param = { TAAEnabled: '1', TAASampleLevel: 0 };
+          this._taaPassGui.add(param, 'TAAEnabled', {
+              'Disabled': '0',
+              'Enabled': '1'
+          }).onFinishChange(function () {
+              if (_this._taaRenderPass) {
+                  _this._taaRenderPass.enabled = (param.TAAEnabled === '1');
+              }
+              _this.render();
+          });
+          this._taaPassGui.add(param, 'TAASampleLevel', {
+              'Level 0: 1 Sample': 0,
+              'Level 1: 2 Samples': 1,
+              'Level 2: 4 Samples': 2,
+              'Level 3: 8 Samples': 3,
+              'Level 4: 16 Samples': 4,
+              'Level 5: 32 Samples': 5
+          }).onFinishChange(function () {
+              if (_this._taaRenderPass) {
+                  _this._taaRenderPass.sampleLevel = param.TAASampleLevel;
+              }
+              _this.render();
+          });
+          this._taaPassGui.open();
+      };
       PostProcessingService.prototype.setSize = function (width, height) {
           this._composer.setSize(width, height);
       };
@@ -9839,6 +9914,61 @@
                   }]
           }], ctorParameters: function () { return [{ type: ConfigurationService }]; } });
 
+  var SsrService = /** @class */ (function () {
+      function SsrService(_settingsService) {
+          this._settingsService = _settingsService;
+          this._enabled = false;
+          this._subs = [];
+      }
+      Object.defineProperty(SsrService.prototype, "enabled", {
+          get: function () {
+              return this._enabled;
+          },
+          set: function (value) {
+              this._enabled = value;
+              if (this._enabled) {
+                  this._prepareWebsocket();
+              }
+          },
+          enumerable: false,
+          configurable: true
+      });
+      SsrService.prototype.ngOnDestroy = function () {
+          this._subs.forEach(function (s) { return s.unsubscribe(); });
+      };
+      SsrService.prototype.sceneChanged = function (scene) {
+          if (this._websocket.readyState === WebSocket.OPEN) {
+              var sceneClone = scene.clone(true);
+              this._websocket.send(JSON.stringify(sceneClone));
+          }
+      };
+      SsrService.prototype._prepareWebsocket = function () {
+          if (!this._settingsService.settings.newRenderParameters.websocket) {
+              return;
+          }
+          var webSocketConnection = this._settingsService.settings.newRenderParameters.websocket;
+          this._websocket = new WebSocket(webSocketConnection);
+          // webSocket.onopen = () => {
+          //   webSocket.send(JSON.stringify(data));
+          // };
+          this._websocket.onmessage = function (event) {
+              var result = JSON.parse(event.data);
+              if (result) {
+                  console.log(result);
+              }
+          };
+      };
+      return SsrService;
+  }());
+  SsrService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SsrService, deps: [{ token: HomedecoratorSettingsService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  SsrService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SsrService, providedIn: 'root' });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SsrService, decorators: [{
+              type: i0.Injectable,
+              args: [{
+                      providedIn: 'root'
+                  }]
+          }], ctorParameters: function () { return [{ type: HomedecoratorSettingsService }]; } });
+
   var __awaiter$12 = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
       function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
       return new (P || (P = Promise))(function (resolve, reject) {
@@ -9859,7 +9989,7 @@
       });
   };
   var SceneService = /** @class */ (function () {
-      function SceneService(_cameraService, _configurationService, _xrService, _vrService, _arService, _messageBusService, _viewModeService, _outlineService, _settingsService, _postProcessing) {
+      function SceneService(_cameraService, _configurationService, _xrService, _vrService, _arService, _messageBusService, _viewModeService, _outlineService, _settingsService, _postProcessing, _ssrService) {
           var _this = this;
           this._cameraService = _cameraService;
           this._configurationService = _configurationService;
@@ -9871,6 +10001,7 @@
           this._outlineService = _outlineService;
           this._settingsService = _settingsService;
           this._postProcessing = _postProcessing;
+          this._ssrService = _ssrService;
           this.onBeforeRender = new rxjs.Subject();
           this.onAfterRender = new rxjs.Subject();
           this.sceneInitialized = new rxjs.BehaviorSubject(false);
@@ -9957,6 +10088,7 @@
               if (loaded) {
                   _this._initPathTracer();
                   _this._maxRenderSamples = _this._settingsService.settings.options.maxRenderSamples;
+                  _this._ssrService.enabled = _this._settingsService.settings.options.ssrEnabled;
               }
           })
           // this._xrService.sessionStarted.subscribe((mode: XrMode) => {
@@ -10021,6 +10153,20 @@
           });
           this.needsRender = true;
       };
+      SceneService.prototype.createRenderWithOrthographicCamera = function () {
+          var aspect = window.innerWidth / window.innerHeight;
+          var frustumSize = 10;
+          var orthographicCamera = new THREE.OrthographicCamera(frustumSize * aspect / -2, frustumSize * aspect / 2, frustumSize / 2, frustumSize / -2, 0.1, 100);
+          orthographicCamera.position.set(0, 3, -2);
+          orthographicCamera.lookAt(0, 0, -2);
+          orthographicCamera.name = 'orthographiccamera';
+          this.scene.add(orthographicCamera);
+          this.renderer.render(this.scene, orthographicCamera);
+          var render = this.renderer.domElement.toDataURL('image/jpeg');
+          this.scene.getObjectByName('orthographiccamera').remove();
+          this.renderer.render(this.scene, this._cameraService.camera);
+          return render;
+      };
       SceneService.prototype._initScene = function () {
           this.scene = new THREE.Scene();
           this._setSceneBackground();
@@ -10078,13 +10224,13 @@
                   //     logarithmicDepthBuffer: true*/
                   //   });
                   // this.renderer = new WebGLRenderer({alpha: true, antialias: false, preserveDrawingBuffer: true, premultipliedAlpha: true});
-                  this.renderer = new THREE.WebGLRenderer({
-                      precision: 'highp',
-                      powerPreference: 'high-performance',
-                      antialias: false,
-                      stencil: false,
-                      depth: false
-                  });
+                  this.renderer = new THREE.WebGLRenderer( /*{
+                    precision: 'highp',
+                    powerPreference: 'high-performance',
+                    antialias: true,
+                    stencil: false,
+                    depth: false
+                  }*/);
                   this.renderer.outputColorSpace = THREE.SRGBColorSpace;
                   this.renderer.autoClear = false;
                   this.renderer.setPixelRatio(window.devicePixelRatio);
@@ -10150,8 +10296,8 @@
                           this.renderer.render(this.scene, this._cameraService.camera);
                       }
                       else {
-                          // this._outlineService.render();
                           this._postProcessing.render();
+                          this._outlineService.render();
                       }
                       // this.renderer.render(this.scene, this._cameraService.camera);
                   }
@@ -10201,14 +10347,14 @@
       };
       return SceneService;
   }());
-  SceneService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SceneService, deps: [{ token: CameraService }, { token: ConfigurationService }, { token: XrService }, { token: VrService }, { token: ArService }, { token: MessageBusService }, { token: ViewModeService }, { token: OutlineService }, { token: HomedecoratorSettingsService }, { token: PostProcessingService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  SceneService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SceneService, deps: [{ token: CameraService }, { token: ConfigurationService }, { token: XrService }, { token: VrService }, { token: ArService }, { token: MessageBusService }, { token: ViewModeService }, { token: OutlineService }, { token: HomedecoratorSettingsService }, { token: PostProcessingService }, { token: SsrService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
   SceneService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SceneService, providedIn: 'root' });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SceneService, decorators: [{
               type: i0.Injectable,
               args: [{
                       providedIn: 'root'
                   }]
-          }], ctorParameters: function () { return [{ type: CameraService }, { type: ConfigurationService }, { type: XrService }, { type: VrService }, { type: ArService }, { type: MessageBusService }, { type: ViewModeService }, { type: OutlineService }, { type: HomedecoratorSettingsService }, { type: PostProcessingService }]; } });
+          }], ctorParameters: function () { return [{ type: CameraService }, { type: ConfigurationService }, { type: XrService }, { type: VrService }, { type: ArService }, { type: MessageBusService }, { type: ViewModeService }, { type: OutlineService }, { type: HomedecoratorSettingsService }, { type: PostProcessingService }, { type: SsrService }]; } });
 
   var __awaiter$11 = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
       function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
@@ -14034,12 +14180,16 @@
           model.standalone = modelInterface.standalone;
           model.group = modelInterface.group;
           model.navigatorType = modelInterface.navigatorType;
-          model.shadowMapType = modelInterface.shadowMapType ?
-              Array.from(shadowMapTypesMap.entries()).find(function (key, value) { return key[1] === modelInterface.shadowMapType; })[0] :
-              ShadowMapLocalType.PCFSoftShadowMap;
-          model.outputEncoding = modelInterface.outputEncoding ?
-              Array.from(outputEncodingMap.entries()).find(function (key, value) { return key[1] === modelInterface.outputEncoding; })[0] :
-              OutputEncoding.SRGBColorSpace;
+          if (Array.from(shadowMapTypesMap.entries()).find(function (key, value) { return key[1] === modelInterface.shadowMapType; })) {
+              model.shadowMapType = modelInterface.shadowMapType ?
+                  Array.from(shadowMapTypesMap.entries()).find(function (key, value) { return key[1] === modelInterface.shadowMapType; })[0] :
+                  ShadowMapLocalType.PCFSoftShadowMap;
+          }
+          if (Array.from(outputEncodingMap.entries()).find(function (key, value) { return key[1] === modelInterface.outputEncoding; })) {
+              model.outputEncoding = modelInterface.outputEncoding ?
+                  Array.from(outputEncodingMap.entries()).find(function (key, value) { return key[1] === modelInterface.outputEncoding; })[0] :
+                  OutputEncoding.SRGBColorSpace;
+          }
           model.shadowRadius = modelInterface.shadowRadius;
           model.toneMappingExposure = modelInterface.toneMappingExposure ? modelInterface.toneMappingExposure : 1;
           model.physicallyCorrectLights = modelInterface.physicallyCorrectLights ? modelInterface.physicallyCorrectLights : false;
@@ -14073,9 +14223,9 @@
   // IMPORTANT: THIS FILE IS AUTO GENERATED! DO NOT MANUALLY EDIT!
   /* tslint:disable */
   var VersionInfo = {
-      "application": "Homedecorator",
-      "appVersion": "252.0.1",
-      "revision": "44fb58ea"
+      application: "Homedecorator",
+      appVersion: "255.1.2",
+      revision: "111614"
   };
   /* tslint:enable */
 
@@ -14530,11 +14680,23 @@
           _this.floorTexture = texture;
           if (object && object instanceof THREE.Mesh) {
               _this._originalFloorMaterial = object.material;
+              _this.floorMesh = object;
+              _this._volume = new THREE.Box3();
+              _this._volume.setFromObject(object);
               _this._originalUvs = object.geometry.attributes.uv.array;
               _this._originalGeometry = object.geometry;
           }
           return _this;
       }
+      Object.defineProperty(FloorPlaneItem.prototype, "size", {
+          get: function () {
+              var size = new THREE.Vector3();
+              this._volume.getSize(size);
+              return size;
+          },
+          enumerable: false,
+          configurable: true
+      });
       Object.defineProperty(FloorPlaneItem.prototype, "floorMaterial", {
           set: function (mat) {
               this.children.forEach(function (c) {
@@ -14548,6 +14710,24 @@
           enumerable: false,
           configurable: true
       });
+      Object.defineProperty(FloorPlaneItem.prototype, "floorObject", {
+          set: function (object) {
+              this.children.forEach(function (c) { return c.visible = false; });
+              this._restoreObjects = this.children;
+              this._configurableFloor = object;
+              this.add(object);
+          },
+          enumerable: false,
+          configurable: true
+      });
+      FloorPlaneItem.prototype.restoreFloorObject = function () {
+          if (!this._configurableFloor) {
+              return;
+          }
+          this.remove(this._configurableFloor);
+          this._configurableFloor.children.forEach(function (child) { return child.dispose(); });
+          this._restoreObjects.forEach(function (c) { return c.visible = true; });
+      };
       FloorPlaneItem.prototype.getTexture = function () {
           return this.floorTexture;
       };
@@ -14559,6 +14739,7 @@
       };
       FloorPlaneItem.prototype.removed = function () {
           var _this = this;
+          this.restoreFloorObject();
           if (this._originalFloorMaterial) {
               this.configurable = false;
               this.metadata.ione = false;
@@ -15447,13 +15628,16 @@
                           else {
                               geometry = new THREE.ShapeGeometry(shape).center();
                           }
+                          this._sceneService.needsRender = true;
+                          // floorMaterial.metalness = 0;
+                          geometry.rotateX(Math.PI / 2);
                           return [4 /*yield*/, this._createFloorMaterial(color, texture)];
                       case 1:
                           floorMaterial = _a.sent();
                           floorMesh = new ThreeMesh(geometry, floorMaterial);
                           floorPlane = new FloorPlaneItem({ itemType: ItemType.FloorDecoration }, floorMesh);
                           floorPlane.name = 'floor-plane';
-                          floorPlane.rotation.set(Math.PI / 2, 0, 0);
+                          // floorPlane.rotation.set(Math.PI / 2, 0, 0);
                           floorPlane.receiveShadow = true;
                           floorPlane.castShadow = false;
                           floorCenter = corners ? this._getFloorCenter(corners) : new THREE.Vector3(0, 0, 0);
@@ -20058,6 +20242,30 @@
           this._ktx2Loader.detectSupport(this._sceneService.renderer);
           return this._ktx2Loader;
       };
+      UtilsService.prototype.downloadUSDZforARIOS = function (object) {
+          return __awaiter$R(this, void 0, void 0, function () {
+              var exporter, arraybuffer, blob, url, element;
+              return __generator(this, function (_a) {
+                  switch (_a.label) {
+                      case 0:
+                          exporter = new USDZExporter.USDZExporter();
+                          return [4 /*yield*/, exporter.parseAsync(object)];
+                      case 1:
+                          arraybuffer = _a.sent();
+                          blob = new Blob([arraybuffer], { type: 'model/vnd.usdz+zip' });
+                          url = URL.createObjectURL(blob);
+                          element = document.createElement('a');
+                          element.style.display = 'none';
+                          element.href = url;
+                          document.body.appendChild(element);
+                          element.click();
+                          document.body.removeChild(element);
+                          URL.revokeObjectURL(url);
+                          return [2 /*return*/];
+                  }
+              });
+          });
+      };
       UtilsService.prototype._download3DModelAsGLB = function (object) {
           var _this = this;
           var options = {
@@ -23983,6 +24191,163 @@
                       }] }];
       } });
 
+  var FloorPattern;
+  (function (FloorPattern) {
+      FloorPattern[FloorPattern["NORMAL"] = 0] = "NORMAL";
+      FloorPattern[FloorPattern["HERRINGBONE"] = 1] = "HERRINGBONE";
+      FloorPattern[FloorPattern["HON60"] = 2] = "HON60";
+      FloorPattern[FloorPattern["HON45"] = 3] = "HON45";
+  })(FloorPattern || (FloorPattern = {}));
+  var FloorPatternDirection;
+  (function (FloorPatternDirection) {
+      FloorPatternDirection[FloorPatternDirection["STANDING"] = 0] = "STANDING";
+      FloorPatternDirection[FloorPatternDirection["LYING"] = 1] = "LYING";
+  })(FloorPatternDirection || (FloorPatternDirection = {}));
+  var FloorPatternService = /** @class */ (function () {
+      function FloorPatternService() {
+      }
+      FloorPatternService.prototype.generatePattern = function (floorPattern, plankSize, floorSize, direction) {
+          if (direction === void 0) { direction = FloorPatternDirection.LYING; }
+          var floorRotation = direction === FloorPatternDirection.STANDING ? 90 : 0;
+          var floorWidth = floorSize.x;
+          var floorLength = floorSize.z;
+          if (direction === FloorPatternDirection.STANDING) {
+              floorWidth = floorSize.z;
+              floorLength = floorSize.x;
+          }
+          switch (floorPattern) {
+              case FloorPattern.NORMAL:
+                  return this._normalPattern(plankSize, floorWidth, floorLength, floorRotation);
+              case FloorPattern.HERRINGBONE:
+                  return this._herringBone(plankSize, floorWidth, floorLength, floorRotation);
+              case FloorPattern.HON45:
+                  return this._hon(plankSize, floorWidth, floorLength, floorRotation, 45);
+              case FloorPattern.HON60:
+                  return this._hon(plankSize, floorWidth, floorLength, floorRotation, 60);
+          }
+      };
+      FloorPatternService.prototype._rotatePatternOnZAxis = function (items, floorRotation) {
+          if (floorRotation % 360 > 0) {
+              items.forEach(function (item) {
+                  var radians = THREE.MathUtils.degToRad(floorRotation);
+                  var x = item.position.x;
+                  var z = item.position.z;
+                  item.position.x = x * Math.cos(radians) - z * Math.sin(radians);
+                  item.position.z = x * Math.sin(radians) + z * Math.cos(radians);
+              });
+          }
+      };
+      FloorPatternService.prototype._normalPattern = function (plankSize, floorWidth, floorLength, floorRotation) {
+          var items = [];
+          var stepOffsetAmount = .4;
+          var plankWidth = plankSize.x;
+          var plankLength = plankSize.z;
+          var offsetSteps = plankWidth / stepOffsetAmount;
+          var rows = Math.ceil(floorLength / plankLength);
+          var columns = Math.ceil(floorWidth / plankWidth);
+          var centerOffsetX = (floorWidth / 2 * -1) + (plankWidth / 2);
+          var centerOffsetZ = (floorLength / 2 * -1) + (plankLength / 2);
+          var currentOffsetStep = 0;
+          for (var row = 0; row < rows; row++) {
+              if (currentOffsetStep > offsetSteps) {
+                  currentOffsetStep = 0;
+              }
+              var plankPosZ = (plankLength * row);
+              var currentOffsetAmount = stepOffsetAmount * currentOffsetStep;
+              var planks = currentOffsetStep > 0 ? columns + 1 : columns;
+              for (var col = 0; col < planks; col++) {
+                  var plankPosX = (plankWidth * col) - currentOffsetAmount;
+                  items.push({
+                      position: new THREE.Vector3(plankPosX + centerOffsetX, 0, plankPosZ + centerOffsetZ),
+                      rotation: new THREE.Vector3(0, THREE.MathUtils.degToRad(floorRotation), 0),
+                      isLeft: true
+                  });
+              }
+              currentOffsetStep++;
+          }
+          this._rotatePatternOnZAxis(items, floorRotation);
+          return items;
+      };
+      FloorPatternService.prototype._herringBone = function (plankSize, floorWidth, floorLength, floorRotation) {
+          var items = [];
+          var herringBoneAngle = 45;
+          var sqrt2 = Math.sqrt(2);
+          var plankWidth = plankSize.x;
+          var plankLength = plankSize.z;
+          var offsetPlankPosX = plankWidth * sqrt2;
+          var offsetPlankPosZ = plankLength * sqrt2;
+          var columns = Math.ceil(floorWidth / (plankWidth * sqrt2));
+          var rows = Math.ceil(floorLength / (plankLength * sqrt2) +
+              // add extra rows so that there isn't a gap
+              offsetPlankPosX * 2);
+          var centerOffsetX = floorWidth / 2 * -1 + offsetPlankPosX / 4 - offsetPlankPosZ / 4;
+          var centerOffsetZ = floorLength / 2 * -1 - offsetPlankPosX / 4;
+          for (var column = 0; column < columns; column++) {
+              var plankPosX = offsetPlankPosX * column;
+              for (var row = 0; row < rows; row++) {
+                  var plankPosZ = offsetPlankPosZ * row;
+                  var plankLeft = {
+                      position: new THREE.Vector3(plankPosX + centerOffsetX, 0, plankPosZ + centerOffsetZ),
+                      rotation: new THREE.Vector3(0, THREE.MathUtils.degToRad(floorRotation + herringBoneAngle), 0),
+                      isLeft: true
+                  };
+                  var plankRight = {
+                      position: new THREE.Vector3(plankPosX + offsetPlankPosX / 2 + centerOffsetX, 0, plankPosZ + offsetPlankPosZ / 2 + centerOffsetZ),
+                      rotation: new THREE.Vector3(0, THREE.MathUtils.degToRad(floorRotation - herringBoneAngle), 0),
+                      isLeft: false
+                  };
+                  items.push(plankLeft, plankRight);
+              }
+          }
+          this._rotatePatternOnZAxis(items, floorRotation);
+          return items;
+      };
+      FloorPatternService.prototype._hon = function (plankSize, floorWidth, floorLength, floorRotation, patternAngle) {
+          var items = [];
+          var patternAngleRad = THREE.MathUtils.degToRad(patternAngle);
+          var plankWidth = plankSize.x;
+          var plankLength = plankSize.z;
+          var sin = Math.sin(patternAngleRad);
+          var cos = Math.cos(patternAngleRad);
+          var overlapValue = plankLength * cos;
+          var rowExtendValue = plankWidth * cos;
+          var offsetZ = plankLength * cos * 2;
+          var offsetX = plankWidth * sin;
+          var centerOffsetX = (floorWidth - offsetX) / 2 + overlapValue;
+          var centerOffsetZ = (floorLength + rowExtendValue) / 2;
+          var columns = Math.ceil(floorWidth / ((offsetX - overlapValue) * 2));
+          var rows = Math.ceil((floorLength + rowExtendValue) / offsetZ);
+          for (var column = 0; column < columns; column++) {
+              var plankPosX = column * (offsetX - overlapValue) * 2;
+              for (var row = 0; row < rows; row++) {
+                  var plankPosZ = row * offsetZ;
+                  var plankLeft = {
+                      position: new THREE.Vector3(plankPosX - centerOffsetX, 0, plankPosZ - centerOffsetZ),
+                      rotation: new THREE.Vector3(0, THREE.MathUtils.degToRad((90 - patternAngle) + floorRotation), 0),
+                      isLeft: true
+                  };
+                  var plankRight = {
+                      position: new THREE.Vector3(plankPosX + offsetX - overlapValue - centerOffsetX, 0, plankPosZ - centerOffsetZ),
+                      rotation: new THREE.Vector3(0, THREE.MathUtils.degToRad((90 + patternAngle) + floorRotation), 0),
+                      isLeft: false
+                  };
+                  items.push(plankLeft, plankRight);
+              }
+          }
+          this._rotatePatternOnZAxis(items, floorRotation);
+          return items;
+      };
+      return FloorPatternService;
+  }());
+  FloorPatternService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FloorPatternService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  FloorPatternService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FloorPatternService, providedIn: 'root' });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FloorPatternService, decorators: [{
+              type: i0.Injectable,
+              args: [{
+                      providedIn: 'root'
+                  }]
+          }] });
+
   var __awaiter$H = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
       function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
       return new (P || (P = Promise))(function (resolve, reject) {
@@ -24476,6 +24841,157 @@
                   }]
           }], ctorParameters: function () { return [{ type: SceneService }]; } });
 
+  var FloorTileIntersectionService = /** @class */ (function () {
+      function FloorTileIntersectionService(_sceneService) {
+          this._sceneService = _sceneService;
+          this._debug = false;
+          this._edgeCollisionMargin = 0.05;
+      }
+      FloorTileIntersectionService.prototype.toggleDebug = function () {
+          this._debug = !this._debug;
+      };
+      FloorTileIntersectionService.prototype.countTiles = function (floorMesh, floorPattern, geometry) {
+          var e_1, _a;
+          var result = {
+              left: 0,
+              right: 0,
+              edge: 0,
+              total: 0,
+          };
+          console.log(floorMesh.position);
+          var _b = this._checkIntersection2(floorMesh, floorPattern, geometry), floorHits = _b.floorHits, edgeHits = _b.edgeHits;
+          try {
+              for (var floorHits_1 = __values(floorHits), floorHits_1_1 = floorHits_1.next(); !floorHits_1_1.done; floorHits_1_1 = floorHits_1.next()) {
+                  var floorHit = floorHits_1_1.value;
+                  if (floorHit.isLeft) {
+                      result.left += 1;
+                  }
+                  else {
+                      result.right += 1;
+                  }
+              }
+          }
+          catch (e_1_1) { e_1 = { error: e_1_1 }; }
+          finally {
+              try {
+                  if (floorHits_1_1 && !floorHits_1_1.done && (_a = floorHits_1.return)) _a.call(floorHits_1);
+              }
+              finally { if (e_1) throw e_1.error; }
+          }
+          result.edge = edgeHits.length;
+          result.total = floorHits.length;
+          return result;
+      };
+      FloorTileIntersectionService.prototype._checkIntersection2 = function (floorMesh, floorPattern, geometry) {
+          var e_2, _a;
+          // const edgeColliders = this._generateEdgeColliders(floorMesh.geometry);
+          var result = {
+              floorHits: new Array(),
+              edgeHits: new Array()
+          };
+          var bvh = new threeMeshBvh.MeshBVH(geometry);
+          var positionReference = new THREE.Object3D();
+          try {
+              for (var floorPattern_1 = __values(floorPattern), floorPattern_1_1 = floorPattern_1.next(); !floorPattern_1_1.done; floorPattern_1_1 = floorPattern_1.next()) {
+                  var floorItem = floorPattern_1_1.value;
+                  var pos = floorItem.position;
+                  positionReference.position.set(pos.x, pos.y, pos.z);
+                  positionReference.updateMatrixWorld();
+                  var floorWorldToBhv = new THREE.Matrix4()
+                      .copy(positionReference.matrixWorld)
+                      .invert()
+                      .multiply(floorMesh.matrixWorld);
+                  if (bvh.intersectsGeometry(floorMesh.geometry, floorWorldToBhv)) {
+                      result.floorHits.push(floorItem);
+                      // TODO: find solution for edge detection, this should work as it used the same logic as for the floor.
+                      // for (const edgeCollider of edgeColliders) {
+                      //   const edgeWorldToBhv = new Matrix4()
+                      //     .copy(positionReference.matrixWorld)
+                      //     .invert()
+                      //     .multiply(edgeCollider.matrixWorld);
+                      //   if (bvh.intersectsGeometry(edgeCollider.geometry, edgeWorldToBhv)) {
+                      //     result.edgeHits.push(floorItem);
+                      //   }
+                      // }
+                  }
+              }
+          }
+          catch (e_2_1) { e_2 = { error: e_2_1 }; }
+          finally {
+              try {
+                  if (floorPattern_1_1 && !floorPattern_1_1.done && (_a = floorPattern_1.return)) _a.call(floorPattern_1);
+              }
+              finally { if (e_2) throw e_2.error; }
+          }
+          return result;
+      };
+      FloorTileIntersectionService.prototype._generateEdgeColliders = function (floorGeom) {
+          var e_3, _a;
+          var edgeLinesGeom = new THREE.EdgesGeometry(floorGeom);
+          var linePositions = edgeLinesGeom.getAttribute('position').array;
+          var edges = new Array();
+          for (var i = 0; i < linePositions.length; i += 6) {
+              // store vector a and b (1 line pair), because we work in 2D we skip the y-axis which should be zero
+              var vectorA = new THREE.Vector2(linePositions[i], linePositions[i + 2]);
+              var vectorB = new THREE.Vector2(linePositions[i + 3], linePositions[i + 5]);
+              // calculate center of line
+              var position = new THREE.Vector2().lerpVectors(vectorA, vectorB, .5);
+              // calculate length
+              var length = vectorA.distanceTo(vectorB);
+              // create normalised orientation
+              var unitVector = new THREE.Vector2().subVectors(vectorB, vectorA).normalize();
+              // rotation in radians
+              var rotation = Math.atan2(unitVector.y, unitVector.x);
+              // create edge line with volume
+              var edgeGeom = new THREE.BoxGeometry(length, 0.1, this._edgeCollisionMargin);
+              var edge = new THREE.Mesh(edgeGeom);
+              // position edge
+              edge.rotation.y = rotation * -1;
+              edge.position.z = position.y;
+              edge.position.x = position.x;
+              // update bounding box value for correct collision
+              edge.updateMatrixWorld();
+              edge.geometry.computeBoundingBox();
+              edge.geometry.boundingBox.applyMatrix4(edge.matrixWorld);
+              // adds meshes to scene
+              edges.push(edge);
+          }
+          if (this._debug) {
+              var scene = this._sceneService.scene;
+              try {
+                  for (var edges_1 = __values(edges), edges_1_1 = edges_1.next(); !edges_1_1.done; edges_1_1 = edges_1.next()) {
+                      var edge = edges_1_1.value;
+                      edge.material = this._randomColMat();
+                      scene.add(edge);
+                  }
+              }
+              catch (e_3_1) { e_3 = { error: e_3_1 }; }
+              finally {
+                  try {
+                      if (edges_1_1 && !edges_1_1.done && (_a = edges_1.return)) _a.call(edges_1);
+                  }
+                  finally { if (e_3) throw e_3.error; }
+              }
+          }
+          return edges;
+      };
+      FloorTileIntersectionService.prototype._randomColMat = function () {
+          var color = new THREE.Color(Math.random(), Math.random(), Math.random());
+          return new THREE.MeshBasicMaterial({ color: color, wireframe: false, side: THREE.DoubleSide });
+      };
+      FloorTileIntersectionService.prototype.ngOnDestroy = function () {
+      };
+      return FloorTileIntersectionService;
+  }());
+  FloorTileIntersectionService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FloorTileIntersectionService, deps: [{ token: SceneService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  FloorTileIntersectionService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FloorTileIntersectionService, providedIn: 'root' });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FloorTileIntersectionService, decorators: [{
+              type: i0.Injectable,
+              args: [{
+                      providedIn: 'root'
+                  }]
+          }], ctorParameters: function () { return [{ type: SceneService }]; } });
+
   var __awaiter$G = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
       function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
       return new (P || (P = Promise))(function (resolve, reject) {
@@ -24498,7 +25014,7 @@
   var defaultPosition$1 = new THREE.Vector3(4, 0, 1);
   var defaultRotation$1 = new THREE.Euler(0, Math.PI, 0);
   var BuildFurnitureService = /** @class */ (function () {
-      function BuildFurnitureService(_dialog, _iOne, _threedSelectorService, _collisionManager, _messageBus, _dictionaryService, _hudService, _sceneService, _cameraService, _sceneEventService, _appEventService, _presetService, _itemService, _elementService, _permanentStoreService, _googleTagManager, _settingsService, _utilsService, _variationService, _appStateService, _errorService, _itemGroupService, _variationCacheService, _resizeService, _viewModeService, _floorService) {
+      function BuildFurnitureService(_dialog, _iOne, _threedSelectorService, _collisionManager, _messageBus, _dictionaryService, _hudService, _sceneService, _cameraService, _sceneEventService, _appEventService, _presetService, _itemService, _elementService, _permanentStoreService, _googleTagManager, _settingsService, _utilsService, _variationService, _appStateService, _errorService, _itemGroupService, _variationCacheService, _resizeService, _viewModeService, _floorService, _floorPatternService, _floorTileIntersectionService) {
           var _this = this;
           this._dialog = _dialog;
           this._iOne = _iOne;
@@ -24526,6 +25042,8 @@
           this._resizeService = _resizeService;
           this._viewModeService = _viewModeService;
           this._floorService = _floorService;
+          this._floorPatternService = _floorPatternService;
+          this._floorTileIntersectionService = _floorTileIntersectionService;
           this.toggleSelectedElement = new rxjs.Subject();
           this.configureModeChanged = new rxjs.Subject();
           this.buildFinished = new rxjs.Subject();
@@ -24871,6 +25389,10 @@
           var objectToExport = this._currentCustomFloorGroup ? this._currentCustomFloorGroup : this._itemService.items[0];
           this._utilsService.showExportDialog(objectToExport);
       };
+      BuildFurnitureService.prototype.downloadUDSZforARIOS = function () {
+          var objectToExport = this._currentCustomFloorGroup ? this._currentCustomFloorGroup : this._itemService.items[0];
+          this._utilsService.downloadUSDZforARIOS(objectToExport);
+      };
       BuildFurnitureService.prototype.downloadScene = function () {
           var assetPath = this._settingsService.settings.assetPath;
           // The ground plane looks odd in renders.
@@ -24944,6 +25466,7 @@
                           }
                           this._answerSelected.length = 0;
                           this._hudService.updateSelectedItemHud();
+                          this._generateLayingPattern(item);
                           this.buildFinished.next(result);
                           if (result.resultType === ResultType.NoSelections) {
                               result.resultType = ResultType.ConfigurationFixed;
@@ -24956,6 +25479,126 @@
               });
           });
       };
+      BuildFurnitureService.prototype._generateLayingPattern = function (floor) {
+          var floorPatternInfo = this._generateFloorPatternInfo(floor);
+          floor.restoreFloorObject();
+          var meshLeft = this.full3DObjectToUse.children.find(function (m) { return m.name === floorPatternInfo.meshIdLeft; });
+          this._normalizeMesh(meshLeft);
+          var meshRight = null;
+          if (floorPatternInfo.meshIdRight !== null) {
+              meshRight = this.full3DObjectToUse.children.find(function (m) { return m.name === floorPatternInfo.meshIdRight; });
+              this._normalizeMesh(meshRight);
+          }
+          var floorSize = floor.size;
+          var plankSize = new THREE.Vector3();
+          meshLeft.geometry.boundingBox.getSize(plankSize);
+          var items = this._floorPatternService.generatePattern(floorPatternInfo.floorPattern, plankSize, floorSize, floorPatternInfo.floorPatternDirection);
+          var itemAmount = (meshRight === null) ? items.length : items.length / 2;
+          var material = floor.getMaterial();
+          var planksLeft = new THREE.InstancedMesh(meshLeft.geometry, material, itemAmount);
+          var planksRight;
+          if (meshRight) {
+              planksRight = new THREE.InstancedMesh(meshRight.geometry, material, itemAmount);
+          }
+          // assign transform to each item in instanced mesh
+          var dummy = new THREE.Object3D();
+          var matrixIndex = 0;
+          for (var i = 0; i < items.length; i++) {
+              var item = items[i];
+              var targetPlankMesh = (item.isLeft) ? planksLeft : planksRight;
+              var position = item.position;
+              var rotation = item.rotation;
+              dummy.position.set(position.x, position.y, position.z);
+              dummy.rotation.set(rotation.x, rotation.y, rotation.z);
+              dummy.updateMatrix();
+              targetPlankMesh.setMatrixAt(matrixIndex, dummy.matrix);
+              if (planksRight) {
+                  if (i !== 0 && (i % 2 !== 0)) {
+                      matrixIndex++;
+                  }
+              }
+              else {
+                  matrixIndex++;
+              }
+          }
+          var customFloorWrapper = new THREE.Object3D();
+          customFloorWrapper.add(planksLeft);
+          if (planksRight)
+              customFloorWrapper.add(planksRight);
+          floor.floorObject = customFloorWrapper;
+          // this._floorTileIntersectionService.toggleDebug();
+          floor.metadata.floorCountResult = this._floorTileIntersectionService.countTiles(floor.floorMesh, items, meshLeft.geometry);
+      };
+      BuildFurnitureService.prototype._generateFloorPatternInfo = function (item) {
+          this._generateSelectedInMetadata(item);
+          var info = {
+              meshIdLeft: null,
+              meshIdRight: null,
+              floorPattern: FloorPattern.NORMAL,
+              floorPatternDirection: FloorPatternDirection.LYING
+          };
+          var selected = item.metadata.selections;
+          var afmeting = selected.find(function (s) { return s.question.toLowerCase() === 'plank afmeting'; });
+          var afmetingString = afmeting.answer.toLowerCase();
+          afmetingString = afmetingString.substr(afmetingString.lastIndexOf(' ') + 1);
+          var legPatroonAnswer = selected.find(function (s) { return s.question.toLowerCase() === 'leg patroon'; }).answer.toLowerCase();
+          var legPatroonString = '';
+          switch (true) {
+              case legPatroonAnswer.indexOf('recht') !== -1:
+                  legPatroonString = '90';
+                  info.floorPattern = FloorPattern.NORMAL;
+                  break;
+              case legPatroonAnswer.indexOf('graat') !== -1:
+                  legPatroonString = '90';
+                  info.floorPattern = FloorPattern.HERRINGBONE;
+                  break;
+              case legPatroonAnswer.indexOf('60') !== -1:
+                  legPatroonString = '60';
+                  info.floorPattern = FloorPattern.HON60;
+                  break;
+              case legPatroonAnswer.indexOf('45') !== -1:
+                  legPatroonString = '45';
+                  info.floorPattern = FloorPattern.HON45;
+                  break;
+          }
+          info.meshIdLeft = afmetingString + "_" + legPatroonString;
+          if (info.floorPattern === FloorPattern.HON45 || info.floorPattern === FloorPattern.HON60) {
+              info.meshIdRight = "r_" + afmetingString + "_" + legPatroonString;
+          }
+          if (info.floorPattern === FloorPattern.HERRINGBONE) {
+              info.meshIdRight = info.meshIdLeft;
+          }
+          var legRichtingAnswer = selected.find(function (s) { return s.question.toLowerCase() === 'leg richting'; }).answer.toLowerCase();
+          info.floorPatternDirection = (legRichtingAnswer.indexOf('verticaal') !== -1) ? FloorPatternDirection.STANDING : FloorPatternDirection.LYING;
+          return info;
+      };
+      BuildFurnitureService.prototype._generateSelectedInMetadata = function (item) {
+          var cloneSelections = JSON.parse(JSON.stringify(this.selections));
+          cloneSelections.forEach(function (s) {
+              s.imageData = undefined;
+              s.imageDataLastAnswer = undefined;
+              if (s.addables) {
+                  s.addables.forEach(function (a) {
+                      a.imageData = undefined;
+                  });
+              }
+          });
+          item.metadata.decos = Array.from(this._iOne.decoNodes);
+          item.metadata.selections = cloneSelections;
+      };
+      BuildFurnitureService.prototype._normalizeMesh = function (mesh) {
+          var meshSize = new THREE.Vector3();
+          mesh.geometry.computeBoundingBox();
+          mesh.geometry.boundingBox.getSize(meshSize);
+          if (meshSize.z > meshSize.x) {
+              mesh.geometry.rotateY(Math.PI / 2);
+          }
+          mesh.geometry.center();
+          mesh.geometry.computeBoundingBox();
+          var center = new THREE.Vector3();
+          mesh.geometry.boundingBox.getCenter(center);
+          mesh.position.copy(center);
+      };
       BuildFurnitureService.prototype._startToBuildFromConfigurator = function (metadata) {
           return this.startToBuild(null, metadata);
       };
@@ -25956,14 +26599,14 @@
       };
       return BuildFurnitureService;
   }());
-  BuildFurnitureService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BuildFurnitureService, deps: [{ token: i1__namespace$1.MatDialog }, { token: HomedecoratorConnectorService }, { token: ThreedselectorService }, { token: CollisionManagerService }, { token: MessageBusService }, { token: HomedecoratorDictionaryService }, { token: HudService }, { token: SceneService }, { token: CameraService }, { token: SceneEventService }, { token: HomedecoratorAppEventService }, { token: PresetsService }, { token: ItemService }, { token: ElementService }, { token: PermanentStoreService }, { token: GoogleTagManagerService }, { token: HomedecoratorSettingsService }, { token: UtilsService }, { token: VariationService }, { token: AppStateService }, { token: ErrorService }, { token: ItemGroupService }, { token: VariationCacheService }, { token: ResizeService }, { token: ViewModeService }, { token: FloorService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  BuildFurnitureService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BuildFurnitureService, deps: [{ token: i1__namespace$1.MatDialog }, { token: HomedecoratorConnectorService }, { token: ThreedselectorService }, { token: CollisionManagerService }, { token: MessageBusService }, { token: HomedecoratorDictionaryService }, { token: HudService }, { token: SceneService }, { token: CameraService }, { token: SceneEventService }, { token: HomedecoratorAppEventService }, { token: PresetsService }, { token: ItemService }, { token: ElementService }, { token: PermanentStoreService }, { token: GoogleTagManagerService }, { token: HomedecoratorSettingsService }, { token: UtilsService }, { token: VariationService }, { token: AppStateService }, { token: ErrorService }, { token: ItemGroupService }, { token: VariationCacheService }, { token: ResizeService }, { token: ViewModeService }, { token: FloorService }, { token: FloorPatternService }, { token: FloorTileIntersectionService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
   BuildFurnitureService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BuildFurnitureService, providedIn: 'root' });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BuildFurnitureService, decorators: [{
               type: i0.Injectable,
               args: [{
                       providedIn: 'root'
                   }]
-          }], ctorParameters: function () { return [{ type: i1__namespace$1.MatDialog }, { type: HomedecoratorConnectorService }, { type: ThreedselectorService }, { type: CollisionManagerService }, { type: MessageBusService }, { type: HomedecoratorDictionaryService }, { type: HudService }, { type: SceneService }, { type: CameraService }, { type: SceneEventService }, { type: HomedecoratorAppEventService }, { type: PresetsService }, { type: ItemService }, { type: ElementService }, { type: PermanentStoreService }, { type: GoogleTagManagerService }, { type: HomedecoratorSettingsService }, { type: UtilsService }, { type: VariationService }, { type: AppStateService }, { type: ErrorService }, { type: ItemGroupService }, { type: VariationCacheService }, { type: ResizeService }, { type: ViewModeService }, { type: FloorService }]; } });
+          }], ctorParameters: function () { return [{ type: i1__namespace$1.MatDialog }, { type: HomedecoratorConnectorService }, { type: ThreedselectorService }, { type: CollisionManagerService }, { type: MessageBusService }, { type: HomedecoratorDictionaryService }, { type: HudService }, { type: SceneService }, { type: CameraService }, { type: SceneEventService }, { type: HomedecoratorAppEventService }, { type: PresetsService }, { type: ItemService }, { type: ElementService }, { type: PermanentStoreService }, { type: GoogleTagManagerService }, { type: HomedecoratorSettingsService }, { type: UtilsService }, { type: VariationService }, { type: AppStateService }, { type: ErrorService }, { type: ItemGroupService }, { type: VariationCacheService }, { type: ResizeService }, { type: ViewModeService }, { type: FloorService }, { type: FloorPatternService }, { type: FloorTileIntersectionService }]; } });
 
   var __awaiter$F = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
       function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
@@ -29873,38 +30516,62 @@
       NewRenderService.prototype._getNewRenderImage = function (force) {
           if (force === void 0) { force = false; }
           return __awaiter$x(this, void 0, void 0, function () {
-              var renderInput, data;
+              var data, data;
+              return __generator(this, function (_a) {
+                  if (this._settingsService.settings.blenderRenderService) {
+                      data = this._getDataForRender(force);
+                      this._handleAjaxBlenderRender(data);
+                      // this.messageService.emit(MessageType.ShowLoadingIndicator, {title: 'Rendering...'});
+                      // const renderInput = {
+                      //   'height': 800,
+                      //   'width': 1200,
+                      //   'sceneAssetId': this._settingsService.settings.productRenderSceneAssetId
+                      // };
+                      // await this._utilsService.prepRoomForRender(true, renderInput);
+                  }
+                  else {
+                      data = this._getDataForRender(force);
+                      if (this._settingsService.settings.options.useRenderWebsocket) {
+                          this._handleWebSocketRender(data);
+                      }
+                      else {
+                          this._handleAjaxRender(data);
+                      }
+                  }
+                  return [2 /*return*/];
+              });
+          });
+      };
+      NewRenderService.prototype._handleAjaxBlenderRender = function (data) {
+          return __awaiter$x(this, void 0, void 0, function () {
+              var result;
               return __generator(this, function (_a) {
                   switch (_a.label) {
-                      case 0:
-                          if (!this._settingsService.settings.blenderRenderService) return [3 /*break*/, 2];
-                          this.messageService.emit(MessageType.ShowLoadingIndicator, { title: 'Rendering...' });
-                          renderInput = {
-                              'height': 800,
-                              'width': 1200,
-                              'sceneAssetId': this._settingsService.settings.productRenderSceneAssetId
-                          };
-                          return [4 /*yield*/, this._utilsService.prepRoomForRender(true, renderInput)];
+                      case 0: return [4 /*yield*/, axios__default["default"]({
+                              headers: {
+                                  'Content-Type': 'application/json'
+                              },
+                              method: 'POST',
+                              data: JSON.stringify(data),
+                              url: this._settingsService.settings.newRenderParameters.host + ":" + this._settingsService.settings.newRenderParameters.port + "/getBlenderRenderFromData",
+                              responseType: 'json'
+                          })];
                       case 1:
-                          _a.sent();
-                          return [3 /*break*/, 3];
-                      case 2:
-                          data = this._getDataForRender(force);
-                          if (this._settingsService.settings.options.useRenderWebsocket) {
-                              this._handleWebSocketRender(data);
-                          }
-                          else {
-                              this._handleAjaxRender(data);
+                          result = _a.sent();
+                          if (result.status === 200) {
+                              // const image = `data:${result.data.fileType};base64,${result.data.image}`;
+                              // this._showPreviewImage(result.data.image);
+                              // console.log(image);
+                              this.renderImageChanged.next(result.data.image);
                           }
-                          _a.label = 3;
-                      case 3: return [2 /*return*/];
+                          return [2 /*return*/];
                   }
               });
           });
       };
       NewRenderService.prototype._handleAjaxRender = function (data) {
           return __awaiter$x(this, void 0, void 0, function () {
-              var result, image;
+              var result;
               return __generator(this, function (_a) {
                   switch (_a.label) {
                       case 0: return [4 /*yield*/, axios__default["default"]({
@@ -29919,10 +30586,10 @@
                       case 1:
                           result = _a.sent();
                           if (result.status === 200) {
-                              image = "data:" + result.data.fileType + ";base64," + result.data.image;
-                              // this._showPreviewImage(image);
+                              // const image = `data:${result.data.fileType};base64,${result.data.image}`;
+                              // this._showPreviewImage(result.data.image);
                               // console.log(image);
-                              this.renderImageChanged.next(image);
+                              this.renderImageChanged.next(result.data.image);
                           }
                           return [2 /*return*/];
                   }
@@ -29982,7 +30649,7 @@
               img.style.position = 'fixed';
               img.style.top = '0';
               img.style.left = '0';
-              img.style.width = '800px';
+              // img.style.width = '800px';
               img.style.height = '600px';
               img.style.zIndex = '10';
           }
@@ -29990,14 +30657,17 @@
       };
       NewRenderService.prototype._getDataForRender = function (force) {
           if (force === void 0) { force = false; }
+          this._cameraService.camera.updateMatrixWorld(true);
+          var camMatrix = Array.from(this._cameraService.camera.matrixWorld.elements);
           var options = {
               force: force,
               width: this._settingsService.settings.newRenderParameters.imageWidth,
               height: this._settingsService.settings.newRenderParameters.imageHeight,
+              sceneAssetId: this._settingsService.settings.productRenderSceneAssetId,
               max_samples: this._settingsService.settings.newRenderParameters.iterations,
               cameraOptions: {
                   fov: this._cameraService.camera.fov,
-                  matrix: this.standAloneCameraMatrix
+                  matrix: camMatrix
               },
               environmentOptions: {
                   hdri: this._settingsService.settings.newRenderParameters.hdri,
@@ -30651,7 +31321,7 @@
       return ArGuiButtonsComponent;
   }());
   ArGuiButtonsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ArGuiButtonsComponent, deps: [{ token: HomedecoratorIconCacheService }, { token: ArService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  ArGuiButtonsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ArGuiButtonsComponent, selector: "ar-gui-buttons", ngImport: i0__namespace, template: "<div class=\"buttons-container\">\r\n  <div class=\"button-container\" xmlns=\"http://www.w3.org/1999/html\">\r\n    <button mat-mini-fab class=\"button-icon back\" (click)=\"endSession()\">\r\n      <co-icon class=\"icon rotated\" [iconData]=\"iconService.getIcon(icon.TriangleDown)\"></co-icon>\r\n    </button>\r\n  </div>\r\n\r\n  <div class=\"button-container\" xmlns=\"http://www.w3.org/1999/html\">\r\n    <button class=\"button-icon\" mat-mini-fab (click)=\"showConfigurator()\">\r\n      <co-icon class=\"icon\" [iconData]=\"iconService.getIcon(icon.MagicWand)\"></co-icon>\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [".buttons-container{position:absolute;display:flex;left:50%;bottom:0;transform:translate(-50%)}.button-container{padding:20px}.button-icon{text-align:-webkit-center}.back{padding-right:3px}.icon{width:65%;height:65%;fill:#fff}.rotated{transform:rotate(90deg)}\n"], components: [{ type: i3__namespace$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i4__namespace$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }] });
+  ArGuiButtonsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ArGuiButtonsComponent, selector: "ar-gui-buttons", ngImport: i0__namespace, template: "<div class=\"buttons-container\">\r\n  <div class=\"button-container\" xmlns=\"http://www.w3.org/1999/html\">\r\n    <button mat-mini-fab class=\"button-icon back\" (click)=\"endSession()\">\r\n      <co-icon class=\"icon rotated\" [iconData]=\"iconService.getIcon(icon.Cross)\"></co-icon>\r\n    </button>\r\n  </div>\r\n\r\n  <!--div class=\"button-container\" xmlns=\"http://www.w3.org/1999/html\">\r\n    <button class=\"button-icon\" mat-mini-fab (click)=\"showConfigurator()\">\r\n      <co-icon class=\"icon\" [iconData]=\"iconService.getIcon(icon.MagicWand)\"></co-icon>\r\n    </button>\r\n  </div-->\r\n</div>\r\n", styles: [".buttons-container{position:absolute;display:flex;right:15px;top:15px}.button-container{padding:20px}.button-icon{text-align:-webkit-center}.back{padding-right:3px}.icon{width:65%;height:65%;fill:#fff}.rotated{transform:rotate(90deg)}\n"], components: [{ type: i3__namespace$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i4__namespace$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ArGuiButtonsComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -31114,12 +31784,12 @@
       return SelectionsSummaryComponent;
   }());
   SelectionsSummaryComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SelectionsSummaryComponent, deps: [{ token: BuildFurnitureService }, { token: CustomizerService }, { token: HomedecoratorSettingsService }, { token: HomedecoratorConnectorService }, { token: HomedecoratorIconCacheService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  SelectionsSummaryComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SelectionsSummaryComponent, selector: "rp-selections-summary", inputs: { selections: "selections", showLabel: "showLabel", canClose: "canClose", answersTemplate: "answersTemplate", answerToShowFromSelectionText: "answerToShowFromSelectionText", customDimensions: "customDimensions" }, outputs: { closeClick: "closeClick", cancelAnswers: "cancelAnswers", selectSelection: "selectSelection" }, host: { listeners: { "document:mouseup": "handledocumentMouseUp($event)", "document:mousemove": "handleDocumentMouseDown($event)" }, properties: { "class.custom-dimensions": "this.customDimensions", "class.disable-mouse": "this.disableMouse" } }, ngImport: i0__namespace, template: "\n      <header *ngIf=\"showLabel || canClose\" class=\"drawer__header\">\n          <h2 *ngIf=\"showLabel\" class=\"mat-title\">{{'CONFIGURATION' | localize}}</h2>\n          <button *ngIf=\"canClose\" mat-raised-button class=\"close-lite-selector\" (click)=\"closeClick.emit()\">\n              <mat-icon class=\"homedecorator-material-icons\" aria-hidden=\"true\">close</mat-icon>\n          </button>\n      </header>\n      <div class=\"selections-content small-scrollbar\">\n          <ng-container *ngFor=\"let sel of selections; let index = index\">\n              <rp-selections-summary-line\n                      [selection]=\"sel\"\n                      [answersTemplate]=\"answersTemplate ? answersTemplate : undefined\"\n                      [answerToShowFromSelectionText]=\"answerToShowFromSelectionText\"\n                      [valutaSymbol]=\"valutaSymbol\"\n                      (summaryLineClick)=\"handleClick(sel)\"\n                      (customizeButtonClicked)=\"toggleElement(sel)\"\n              ></rp-selections-summary-line>\n          </ng-container>\n\n          <div class=\"sum\" *ngIf=\"settingsService.settings.options.showAsConfigured\">\n              <label [textContent]=\"'AS_CONFIGURED' | localize\"></label><span class=\"total-price\"></span>\n              <div class=\"price\"> {{ iOne.totalPrice | priceDisplay: valutaSymbol }}</div>\n          </div>\n      </div>\n      <co-slideout *ngIf=\"customizerService.showCustomizeSlideout\" [show]=\"customizerService.showCustomizeSlideout\" class=\"customizer-slideout\">\n          <div class=\"header\">\n              <button mat-raised-button class=\"close-answer\" (click)=\"customizerService.showCustomizeSlideout = false\">\n                  <mat-icon class=\"homedecorator-material-icons\" aria-hidden=\"true\">close</mat-icon>\n              </button>\n          </div>\n          <div>\n              <rp-customizer [selection]=\"selectionToCustomize\"></rp-customizer>\n          </div>\n      </co-slideout>\n  ", isInline: true, styles: [":host{display:flex;flex-direction:column;overflow:hidden}:host.disable-mouse{pointer-events:none}.selections-content{overflow-y:auto}.rp-selections-summary{display:inline-block;background-color:#fff;overflow-y:auto;position:relative}.rp-selections-summary ::ng-deep co-summary-line br{display:none}:host:not(.custom-dimensions){min-width:400px;max-width:600px;min-height:300px}.drawer__header{height:48px}h2{display:inline-block}button.close-lite-selector{position:absolute;right:0}div.sum{display:flex;align-items:center;height:50px;width:100%;background-color:#deecf3;box-shadow:0 0 2px #484f6040}div.sum>label{width:100%;font-size:11.5px;margin-left:12px}div.sum>div.price{font-weight:bold;font-size:18px;margin-right:3px;white-space:nowrap}co-icon{margin:0 10px}.customizer-slideout{margin-top:65px;width:400px;height:800px!important}.close-answer{position:absolute;top:0;right:0}\n"], components: [{ type: i3__namespace$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5__namespace$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: SelectionsSummaryLineComponent, selector: "rp-selections-summary-line", inputs: ["selection", "valutaSymbol", "answersTemplate", "answerToShowFromSelectionText"], outputs: ["customizeButtonClicked", "summaryLineClick"] }, { type: i4__namespace.ɵbr, selector: "co-slideout", inputs: ["show", "resizable"] }, { type: CustomizerComponent, selector: "rp-customizer", inputs: ["selection"] }], directives: [{ type: i5__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "localize": LocalizePipe, "priceDisplay": i4__namespace.ɵn } });
+  SelectionsSummaryComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SelectionsSummaryComponent, selector: "rp-selections-summary", inputs: { selections: "selections", showLabel: "showLabel", canClose: "canClose", answersTemplate: "answersTemplate", answerToShowFromSelectionText: "answerToShowFromSelectionText", customDimensions: "customDimensions" }, outputs: { closeClick: "closeClick", cancelAnswers: "cancelAnswers", selectSelection: "selectSelection" }, host: { listeners: { "document:mouseup": "handledocumentMouseUp($event)", "document:mousemove": "handleDocumentMouseDown($event)" }, properties: { "class.custom-dimensions": "this.customDimensions", "class.disable-mouse": "this.disableMouse" } }, ngImport: i0__namespace, template: "\n      <header *ngIf=\"showLabel || canClose\" class=\"drawer__header\">\n          <h2 *ngIf=\"showLabel\" class=\"mat-title\">{{'CONFIGURATION' | localize}}</h2>\n          <button *ngIf=\"canClose\" mat-raised-button class=\"close-lite-selector\" (click)=\"closeClick.emit()\">\n              <mat-icon class=\"homedecorator-material-icons\" aria-hidden=\"true\">close</mat-icon>\n          </button>\n      </header>\n      <div class=\"selections-content small-scrollbar\" *ngIf=\"selections && selections.length > 0\">\n          <ng-container *ngFor=\"let sel of selections; let index = index\">\n              <rp-selections-summary-line\n                      [selection]=\"sel\"\n                      [answersTemplate]=\"answersTemplate ? answersTemplate : undefined\"\n                      [answerToShowFromSelectionText]=\"answerToShowFromSelectionText\"\n                      [valutaSymbol]=\"valutaSymbol\"\n                      (summaryLineClick)=\"handleClick(sel)\"\n                      (customizeButtonClicked)=\"toggleElement(sel)\"\n              ></rp-selections-summary-line>\n          </ng-container>\n\n          <div class=\"sum\" *ngIf=\"settingsService.settings.options.showAsConfigured\">\n              <label [textContent]=\"'AS_CONFIGURED' | localize\"></label><span class=\"total-price\"></span>\n              <div class=\"price\"> {{ iOne.totalPrice | priceDisplay: valutaSymbol }}</div>\n          </div>\n      </div>\n      <co-slideout *ngIf=\"customizerService.showCustomizeSlideout\" [show]=\"customizerService.showCustomizeSlideout\" class=\"customizer-slideout\">\n          <div class=\"header\">\n              <button mat-raised-button class=\"close-answer\" (click)=\"customizerService.showCustomizeSlideout = false\">\n                  <mat-icon class=\"homedecorator-material-icons\" aria-hidden=\"true\">close</mat-icon>\n              </button>\n          </div>\n          <div>\n              <rp-customizer [selection]=\"selectionToCustomize\"></rp-customizer>\n          </div>\n      </co-slideout>\n  ", isInline: true, styles: [":host{display:flex;flex-direction:column;overflow:hidden}:host.disable-mouse{pointer-events:none}.selections-content{overflow-y:auto}.rp-selections-summary{display:inline-block;background-color:#fff;overflow-y:auto;position:relative}.rp-selections-summary ::ng-deep co-summary-line br{display:none}:host:not(.custom-dimensions){min-width:400px;max-width:600px;min-height:300px}.drawer__header{height:48px}h2{display:inline-block}button.close-lite-selector{position:absolute;right:0}div.sum{display:flex;align-items:center;height:50px;width:100%;background-color:#deecf3;box-shadow:0 0 2px #484f6040}div.sum>label{width:100%;font-size:11.5px;margin-left:12px}div.sum>div.price{font-weight:bold;font-size:18px;margin-right:3px;white-space:nowrap}co-icon{margin:0 10px}.customizer-slideout{margin-top:65px;width:400px;height:800px!important}.close-answer{position:absolute;top:0;right:0}\n"], components: [{ type: i3__namespace$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5__namespace$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: SelectionsSummaryLineComponent, selector: "rp-selections-summary-line", inputs: ["selection", "valutaSymbol", "answersTemplate", "answerToShowFromSelectionText"], outputs: ["customizeButtonClicked", "summaryLineClick"] }, { type: i4__namespace.ɵbr, selector: "co-slideout", inputs: ["show", "resizable"] }, { type: CustomizerComponent, selector: "rp-customizer", inputs: ["selection"] }], directives: [{ type: i5__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "localize": LocalizePipe, "priceDisplay": i4__namespace.ɵn } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SelectionsSummaryComponent, decorators: [{
               type: i0.Component,
               args: [{
                       selector: 'rp-selections-summary',
-                      template: "\n      <header *ngIf=\"showLabel || canClose\" class=\"drawer__header\">\n          <h2 *ngIf=\"showLabel\" class=\"mat-title\">{{'CONFIGURATION' | localize}}</h2>\n          <button *ngIf=\"canClose\" mat-raised-button class=\"close-lite-selector\" (click)=\"closeClick.emit()\">\n              <mat-icon class=\"homedecorator-material-icons\" aria-hidden=\"true\">close</mat-icon>\n          </button>\n      </header>\n      <div class=\"selections-content small-scrollbar\">\n          <ng-container *ngFor=\"let sel of selections; let index = index\">\n              <rp-selections-summary-line\n                      [selection]=\"sel\"\n                      [answersTemplate]=\"answersTemplate ? answersTemplate : undefined\"\n                      [answerToShowFromSelectionText]=\"answerToShowFromSelectionText\"\n                      [valutaSymbol]=\"valutaSymbol\"\n                      (summaryLineClick)=\"handleClick(sel)\"\n                      (customizeButtonClicked)=\"toggleElement(sel)\"\n              ></rp-selections-summary-line>\n          </ng-container>\n\n          <div class=\"sum\" *ngIf=\"settingsService.settings.options.showAsConfigured\">\n              <label [textContent]=\"'AS_CONFIGURED' | localize\"></label><span class=\"total-price\"></span>\n              <div class=\"price\"> {{ iOne.totalPrice | priceDisplay: valutaSymbol }}</div>\n          </div>\n      </div>\n      <co-slideout *ngIf=\"customizerService.showCustomizeSlideout\" [show]=\"customizerService.showCustomizeSlideout\" class=\"customizer-slideout\">\n          <div class=\"header\">\n              <button mat-raised-button class=\"close-answer\" (click)=\"customizerService.showCustomizeSlideout = false\">\n                  <mat-icon class=\"homedecorator-material-icons\" aria-hidden=\"true\">close</mat-icon>\n              </button>\n          </div>\n          <div>\n              <rp-customizer [selection]=\"selectionToCustomize\"></rp-customizer>\n          </div>\n      </co-slideout>\n  ",
+                      template: "\n      <header *ngIf=\"showLabel || canClose\" class=\"drawer__header\">\n          <h2 *ngIf=\"showLabel\" class=\"mat-title\">{{'CONFIGURATION' | localize}}</h2>\n          <button *ngIf=\"canClose\" mat-raised-button class=\"close-lite-selector\" (click)=\"closeClick.emit()\">\n              <mat-icon class=\"homedecorator-material-icons\" aria-hidden=\"true\">close</mat-icon>\n          </button>\n      </header>\n      <div class=\"selections-content small-scrollbar\" *ngIf=\"selections && selections.length > 0\">\n          <ng-container *ngFor=\"let sel of selections; let index = index\">\n              <rp-selections-summary-line\n                      [selection]=\"sel\"\n                      [answersTemplate]=\"answersTemplate ? answersTemplate : undefined\"\n                      [answerToShowFromSelectionText]=\"answerToShowFromSelectionText\"\n                      [valutaSymbol]=\"valutaSymbol\"\n                      (summaryLineClick)=\"handleClick(sel)\"\n                      (customizeButtonClicked)=\"toggleElement(sel)\"\n              ></rp-selections-summary-line>\n          </ng-container>\n\n          <div class=\"sum\" *ngIf=\"settingsService.settings.options.showAsConfigured\">\n              <label [textContent]=\"'AS_CONFIGURED' | localize\"></label><span class=\"total-price\"></span>\n              <div class=\"price\"> {{ iOne.totalPrice | priceDisplay: valutaSymbol }}</div>\n          </div>\n      </div>\n      <co-slideout *ngIf=\"customizerService.showCustomizeSlideout\" [show]=\"customizerService.showCustomizeSlideout\" class=\"customizer-slideout\">\n          <div class=\"header\">\n              <button mat-raised-button class=\"close-answer\" (click)=\"customizerService.showCustomizeSlideout = false\">\n                  <mat-icon class=\"homedecorator-material-icons\" aria-hidden=\"true\">close</mat-icon>\n              </button>\n          </div>\n          <div>\n              <rp-customizer [selection]=\"selectionToCustomize\"></rp-customizer>\n          </div>\n      </co-slideout>\n  ",
                       styleUrls: ['./selections-summary.component.scss']
                   }]
           }], ctorParameters: function () { return [{ type: BuildFurnitureService }, { type: CustomizerService }, { type: HomedecoratorSettingsService }, { type: HomedecoratorConnectorService }, { type: HomedecoratorIconCacheService }]; }, propDecorators: { selections: [{
@@ -41192,12 +41862,12 @@
       };
       ThreedselectorComponent.prototype._handleSkuSet = function (sku) {
           return __awaiter$c(this, void 0, void 0, function () {
-              var arButton, _a;
+              var arButton, _a, arIOSButton, _b;
               var _this = this;
-              return __generator(this, function (_b) {
-                  switch (_b.label) {
+              return __generator(this, function (_c) {
+                  switch (_c.label) {
                       case 0:
-                          if (!sku) return [3 /*break*/, 2];
+                          if (!sku) return [3 /*break*/, 3];
                           this._subs.push(this._iOne.controllerInitialized.subscribe(function (initialized) { return __awaiter$c(_this, void 0, void 0, function () {
                               return __generator(this, function (_a) {
                                   if (initialized) {
@@ -41216,7 +41886,7 @@
                           };
                           return [4 /*yield*/, this._arService.arSupported()];
                       case 1:
-                          arButton = (_a.show = (_b.sent()) &&
+                          arButton = (_a.show = (_c.sent()) &&
                               this._settingsService.settings.options.showStandaloneARButton &&
                               this._settingsService.settings.options.arEnabled,
                               _a.click = function () {
@@ -41227,9 +41897,25 @@
                                   }
                               },
                               _a);
+                          _b = {
+                              id: 3,
+                              elementId: 'standalone_ar_session',
+                              tooltip: 'START_AR_SESSION',
+                              order: 10,
+                              image: this._iconCacheService.getIconAsBase64(IconEnum.ArCircle),
+                              toggle: false
+                          };
+                          return [4 /*yield*/, this._arService.arIOSSupported()];
+                      case 2:
+                          arIOSButton = (_b.show = (_c.sent()) &&
+                              this._settingsService.settings.options.showStandaloneARButton &&
+                              this._settingsService.settings.options.arEnabled,
+                              _b.click = function () { return _this._buildFurnitureService.downloadUDSZforARIOS(); },
+                              _b);
                           this._sceneOptionsService.addSceneOptionButton(arButton);
-                          _b.label = 2;
-                      case 2: return [2 /*return*/];
+                          this._sceneOptionsService.addSceneOptionButton(arIOSButton);
+                          _c.label = 3;
+                      case 3: return [2 /*return*/];
                   }
               });
           });
@@ -41656,10 +42342,7 @@
               // }
               var len = selection.decoNode ? selection.decoNode.connectors.length : 0;
               var _loop_2 = function (i) {
-                  var conObject = this_2._selectedElementObject.getObjectByName(selection.decoNode.connectors[i].connector);
-                  if (!conObject && this_2._selectedElementObject.parent) {
-                      conObject = this_2._selectedElementObject.parent.getObjectByName(selection.decoNode.connectors[i].connector);
-                  }
+                  var conObject = this_2._getConnectorObject(this_2._selectedElementObject, selection.decoNode.connectors[i].connector);
                   if (conObject && this_2._canShowAddButton(selection.decoNode.connectors[i], conObject)) {
                       this_2.editAddButtons.push(new CustomButton('', function () {
                           _this._handleAddButtonClick(selection, selection.decoNode.connectors[i], _this._selectedElementObject);
@@ -41686,6 +42369,23 @@
               });
           }
       };
+      ThreedselectorComponent.prototype._getConnectorObject = function (obj, connector) {
+          if (!obj) {
+              return null;
+          }
+          var objFound = obj.getObjectByName(connector);
+          if (objFound) {
+              return objFound;
+          }
+          else {
+              if (obj.parent) {
+                  return this._getConnectorObject(obj.parent, connector);
+              }
+              else {
+                  return null;
+              }
+          }
+      };
       ThreedselectorComponent.prototype._getOppositeConnectorParts = function (connector) {
           var connectorPartsArr = connector.split('_');
           connectorPartsArr.pop(); // remove number
@@ -43644,7 +44344,7 @@
       });
   };
   var ModelPreviewComponent = /** @class */ (function () {
-      function ModelPreviewComponent(data, settingsService, _dialogRef, _thirdPartyModelService, _messageService, _dialog, _adapterService) {
+      function ModelPreviewComponent(data, settingsService, _dialogRef, _thirdPartyModelService, _messageService, _dialog, _adapterService, _lightPresetsService, _dictionaryService, _fontService) {
           this.data = data;
           this.settingsService = settingsService;
           this._dialogRef = _dialogRef;
@@ -43652,8 +44352,21 @@
           this._messageService = _messageService;
           this._dialog = _dialog;
           this._adapterService = _adapterService;
+          this._lightPresetsService = _lightPresetsService;
+          this._dictionaryService = _dictionaryService;
+          this._fontService = _fontService;
           this.unitsOfMeasurement = 'cm';
           this.mathPi = Math.PI;
+          this.showReferenceModel = true;
+          this.floorSizeHeight = 10;
+          this.floorSizeWidth = 10;
+          this.gridSize = 10;
+          this.gridDivision = 10;
+          this.distanceStep = 1;
+          this.stackable = false;
+          this.heightAdjustable = false;
+          this._measurements = [];
+          this.font = this._fontService.hudFont;
       }
       ModelPreviewComponent.prototype.ngOnInit = function () {
           this.initScene();
@@ -43687,44 +44400,65 @@
           this.rendererPreview.domElement.setAttribute('id', 'threed');
           this.rendererPreview.setSize(window.innerWidth / 2, window.innerHeight / 2, true);
           // init camera
-          this.cameraPreview = new THREE.PerspectiveCamera(45, 1, 0.01, 10000);
+          this.cameraPreview = new THREE.PerspectiveCamera(45, 1, 0.01, 100000000);
           this.cameraPreview.position.set(0, 2, 10);
           this.cameraPreview.aspect = window.innerWidth / window.innerHeight;
           this.cameraPreview.updateProjectionMatrix();
           this.controls = new OrbitControls.OrbitControls(this.cameraPreview, this.rendererPreview.domElement);
           this.controls.update();
-          var box1geo = new THREE.BoxGeometry(1, 1, 1);
-          var box1 = new THREE.Mesh(box1geo, new THREE.MeshBasicMaterial({ color: 0x0000ff }));
-          box1.position.set(3, 0.5, 3);
-          box1.castShadow = true;
-          box1.receiveShadow = true;
-          box1.name = 'Reference_model';
-          this.scenePreview.add(box1);
-          var planeGeometry = new THREE.PlaneGeometry(10, 10);
-          var planeMaterial = new THREE.MeshBasicMaterial({ color: 0xFAF9F6, side: THREE__namespace.DoubleSide });
+          this.loadFloorPlane();
+          this.loadReferenceModel();
+          this.loadLights();
+          var gridHelper = new THREE.GridHelper(this.gridSize, this.gridDivision);
+          gridHelper.name = 'GridHelper';
+          this.scenePreview.add(gridHelper);
+          this._animate();
+      };
+      ModelPreviewComponent.prototype.loadFloorPlane = function () {
+          var planeGeometry = new THREE.PlaneGeometry(this.floorSizeWidth, this.floorSizeHeight);
+          var planeMaterial = new THREE.MeshBasicMaterial({ color: 0x899499, side: THREE__namespace.DoubleSide });
           var plane = new THREE.Mesh(planeGeometry, planeMaterial);
           plane.rotation.x = -Math.PI / 2;
           plane.position.y = 0;
           plane.name = 'floor_plane';
           this.scenePreview.add(plane);
-          // Add some basic lights for when models contains MeshLambertMaterial
-          var ambientLight = new THREE.AmbientLight(0x404040);
-          this.scenePreview.add(ambientLight);
-          var directionalLight = new THREE.DirectionalLight(0xffffff, 8);
-          directionalLight.position.set(0, 10, 0);
-          directionalLight.castShadow = true;
-          this.scenePreview.add(directionalLight);
-          var pointLight = new THREE.PointLight(0xffffff, 1, 100);
-          pointLight.position.set(0, 5, 5);
-          this.scenePreview.add(pointLight);
-          // basic hdri lighting
-          var hdriPath = '/assets/hdri/std_env_v2_A.hdr';
-          this.loadHDRI(hdriPath).then(function () {
-              // console.log('HDRI loaded successfully.');
-          }).catch(function (error) {
-              // console.error('Error loading HDRI:', error);
-          });
-          this._animate();
+      };
+      ModelPreviewComponent.prototype.loadLights = function () {
+          var e_1, _a;
+          var listOfLightPresets = this._lightPresetsService.loadedLightPresets;
+          var lightPreset = this._lightPresetsService.activeLightPreset;
+          try {
+              for (var _b = __values(lightPreset.lights), _c = _b.next(); !_c.done; _c = _b.next()) {
+                  var lightProperties = _c.value;
+                  this._createLightFromProperties(lightProperties);
+              }
+          }
+          catch (e_1_1) { e_1 = { error: e_1_1 }; }
+          finally {
+              try {
+                  if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+              }
+              finally { if (e_1) throw e_1.error; }
+          }
+      };
+      ModelPreviewComponent.prototype.loadReferenceModel = function () {
+          var _this = this;
+          var referenceModelPath = '';
+          var referenceModel = 'reference_pop.glb';
+          if (this.settingsService.settings.threeDAssetPath) {
+              referenceModelPath = this.settingsService.settings.threeDAssetPath + 'assets/';
+          }
+          var loader = new GLTFLoader.GLTFLoader();
+          loader.load(referenceModelPath + referenceModel, function (gltf) { return __awaiter$4(_this, void 0, void 0, function () {
+              return __generator(this, function (_a) {
+                  gltf.scene.position.set(3, 0, 3);
+                  gltf.scene.castShadow = true;
+                  gltf.scene.receiveShadow = true;
+                  gltf.scene.name = 'Reference_model';
+                  this.scenePreview.add(gltf.scene);
+                  return [2 /*return*/];
+              });
+          }); });
       };
       ModelPreviewComponent.prototype.loadModel = function (input) {
           this.modelName = this._setModelName(input.file.file.name);
@@ -43741,6 +44475,9 @@
           else if (fileType === '3ds') {
               this._tdsLoader(input);
           }
+          else if (fileType === 'stl') {
+              this._stlLoader(input);
+          }
       };
       ModelPreviewComponent.prototype.loadHDRI = function (path) {
           var _this = this;
@@ -43762,11 +44499,10 @@
           // add timestamp
           var timestamp = new Date().getTime();
           var exportFileName = this._setModelName(this.glbExportName.nativeElement.value) + '_' + timestamp;
-          var elementsToRemove = ['Reference_model', 'floor_plane'];
+          var elementsToRemove = ['Reference_model', 'floor_plane', 'GridHelper', 'Ambient', 'Directional front-left', 'spot back (anti-sun)', 'boxHeight', 'boxWidth', 'boxDepth'];
           var gltfExporter = new GLTFExporter.GLTFExporter();
           var scene;
           scene = this.scenePreview.clone();
-          scene.environment.dispose();
           scene.children.forEach(function (c) {
               if (c instanceof THREE.Light) {
                   scene.remove(c);
@@ -43791,7 +44527,8 @@
               else {
                   _this._downloadModel(exportFileName + ".glb", file);
               }
-          }, function () {
+          }, function (e) {
+              console.log(e);
           }, options);
       };
       ModelPreviewComponent.prototype.scaleArticle = function () {
@@ -43820,9 +44557,33 @@
           }
           this._getBoundingBox(model);
       };
+      ModelPreviewComponent.prototype.moveModel = function (axis, amount) {
+          var model = this.scenePreview.getObjectByName(this.modelName);
+          if (axis === 'x') {
+              model.position.x += amount;
+          }
+          else if (axis === 'y') {
+              model.position.y += amount;
+          }
+          else if (axis === 'z') {
+              model.position.z += amount;
+          }
+          this._getBoundingBox(model);
+      };
       ModelPreviewComponent.prototype.setUnit = function (event) {
           this.unitsOfMeasurement = event.value;
       };
+      ModelPreviewComponent.prototype.toggleShowReferenceModel = function () {
+          var model = this.scenePreview.getObjectByName('Reference_model');
+          model.visible = !this.showReferenceModel;
+          this.showReferenceModel = !this.showReferenceModel;
+      };
+      ModelPreviewComponent.prototype.setStackable = function (event) {
+          this.stackable = event.value;
+      };
+      ModelPreviewComponent.prototype.setHeightAdjustable = function (event) {
+          this.heightAdjustable = event.value;
+      };
       ModelPreviewComponent.prototype._animate = function () {
           var _this = this;
           setTimeout(function () {
@@ -43849,13 +44610,37 @@
       };
       ModelPreviewComponent.prototype._sendModelToCDN = function (fileName, blob) {
           return __awaiter$4(this, void 0, void 0, function () {
+              var reader;
               var _this = this;
               return __generator(this, function (_a) {
-                  this._blobToArrayBuffer(blob).then(function (file) {
-                      _this._adapterService.store3DModelCDN(fileName, file).then(function (filePath) {
-                          console.log(filePath);
+                  reader = new FileReader();
+                  reader.readAsDataURL(blob);
+                  reader.onloadend = function (event) { return __awaiter$4(_this, void 0, void 0, function () {
+                      var fileAsString;
+                      var _this = this;
+                      return __generator(this, function (_a) {
+                          fileAsString = FileUtils.StripMimeStringFromDataUri(event.target.result);
+                          this._adapterService.store3DModelCDN(fileName, fileAsString).then(function (filePath) {
+                              if (filePath) {
+                                  _this._blobToArrayBuffer(blob).then(function (file) {
+                                      var hash = fileName;
+                                      var modelUrl = filePath; // Set url from the CDN
+                                      var configurationData = {};
+                                      var priceData = {};
+                                      var metaData = _this._thirdPartyModelService.setMetadata(hash, modelUrl, configurationData);
+                                      metaData.canElevate = _this.heightAdjustable;
+                                      metaData.thirdPartyModel = true;
+                                      // We also can set the metadata here and pas it as the last argument for parseModelToGLB.
+                                      _this._thirdPartyModelService.parseModelToGLB(file, hash, modelUrl, configurationData, priceData, metaData).then(function (result) {
+                                          _this._dialog.closeAll();
+                                          _this._messageService.emit(MessageType.HideProductCatalog);
+                                      });
+                                  });
+                              }
+                          });
+                          return [2 /*return*/];
                       });
-                  });
+                  }); };
                   return [2 /*return*/];
               });
           });
@@ -43869,12 +44654,7 @@
           var loader = new GLTFLoader.GLTFLoader();
           loader.parse(input.file.fileContents, '', function (object) { return __awaiter$4(_this, void 0, void 0, function () {
               return __generator(this, function (_a) {
-                  object.scene.name = this.modelName;
-                  object.scene.position.set(0, 0, 0);
-                  object.scene.scale.set(1, 1, 1);
-                  this.scenePreview.add(object.scene);
-                  this.loadedModel = object.scene;
-                  this._getBoundingBox(object.scene);
+                  this._prepModelForScene(object.scene);
                   return [2 /*return*/];
               });
           }); }, function (error) {
@@ -43884,12 +44664,7 @@
       ModelPreviewComponent.prototype._fbxLoader = function (input) {
           var fbxLoader = new FBXLoader.FBXLoader();
           var object = fbxLoader.parse(input.file.fileContents, '');
-          object.name = this.modelName;
-          object.position.set(0, 0, 0);
-          object.scale.set(1, 1, 1);
-          this.scenePreview.add(object);
-          this.loadedModel = object;
-          this._getBoundingBox(object);
+          this._prepModelForScene(object);
       };
       ModelPreviewComponent.prototype._objLoader = function (input) {
           var objLoader = new OBJLoader.OBJLoader();
@@ -43898,26 +44673,112 @@
           var decoder = new TextDecoder();
           var str = decoder.decode(buf);
           var object = objLoader.parse(str);
-          object.name = this.modelName;
-          object.position.set(0, 0, 0);
-          object.scale.set(1, 1, 1);
-          this.scenePreview.add(object);
-          this.loadedModel = object;
-          this._getBoundingBox(object);
+          this._prepModelForScene(object);
       };
       ModelPreviewComponent.prototype._tdsLoader = function (input) {
           var tdsLoader = new TDSLoader.TDSLoader();
           var object = tdsLoader.parse(input.file.fileContents, '');
+          object.traverse(function (element) {
+              console.log(element);
+          });
+          this._prepModelForScene(object);
+      };
+      ModelPreviewComponent.prototype._stlLoader = function (input) {
+          var stlLoader = new STLLoader.STLLoader();
+          var object = stlLoader.parse(input.file.fileContents);
+          this._addFromGeometry(object);
+      };
+      ModelPreviewComponent.prototype._addFromGeometry = function (geometry) {
+          var material = new THREE.MeshPhongMaterial({ transparent: true, opacity: geometry.alpha });
+          var model = new THREE.Mesh(geometry, material);
+          this._prepModelForScene(model);
+      };
+      ModelPreviewComponent.prototype._prepModelForScene = function (object) {
           object.name = this.modelName;
           object.position.set(0, 0, 0);
           object.scale.set(1, 1, 1);
+          // Remove lights from the children
+          object.children.forEach(function (c) {
+              if (c instanceof THREE.Light) {
+                  object.remove(c);
+              }
+          });
           this.scenePreview.add(object);
           this.loadedModel = object;
           this._getBoundingBox(object);
       };
       ModelPreviewComponent.prototype._getBoundingBox = function (object) {
-          var boundingBox = new THREE__namespace.Box3().setFromObject(object);
+          var boundingBox = new THREE.Box3().setFromObject(object);
           this.boundingBoxSize = boundingBox.getSize(new THREE.Vector3());
+          this._setMeasurements(this.boundingBoxSize);
+          this._showMeasurements();
+      };
+      ModelPreviewComponent.prototype._showMeasurements = function () {
+          var _this = this;
+          var measurementsMeshes = this._measurements.map(function (value) { return value.textMesh; });
+          measurementsMeshes.forEach(function (object) { return _this.scenePreview.add(object); });
+      };
+      ModelPreviewComponent.prototype._setMeasurements = function (boundingBox) {
+          var setHeight = this._createHeightMeasurement(boundingBox.y);
+          this._measurements.push(setHeight);
+          var setWidth = this._createWidthMeasurement(boundingBox.x);
+          this._measurements.push(setWidth);
+          var setDepth = this._createDepthMeasurement(boundingBox.z);
+          this._measurements.push(setDepth);
+      };
+      ModelPreviewComponent.prototype._createHeightMeasurement = function (heightInput) {
+          var height = new BoxMeasurement();
+          var heightString = MeasurementUtils.makeText(heightInput, this.unitsOfMeasurement, this.distanceStep);
+          var text = this._dictionaryService.get('LABEL_HEIGHT');
+          height.textMesh = makeTextMesh(heightString, this.font, 0xFF00FF, 0.08, false, false, text);
+          height.positions = this._calculateHeightPositions();
+          height.textMesh.name = 'boxHeight';
+          return height;
+      };
+      ModelPreviewComponent.prototype._createWidthMeasurement = function (widthInput) {
+          var width = new BoxMeasurement();
+          var widthString = MeasurementUtils.makeText(widthInput, this.unitsOfMeasurement, this.distanceStep);
+          var text = this._dictionaryService.get('LABEL_WIDTH');
+          width.textMesh = makeTextMesh(widthString, this.font, 0xFF00FF, 0.08, false, false, text);
+          width.positions = this._calculateWidthPositions();
+          width.textMesh.name = 'boxWidth';
+          return width;
+      };
+      ModelPreviewComponent.prototype._createDepthMeasurement = function (depthInput) {
+          var depth = new BoxMeasurement();
+          var depthString = MeasurementUtils.makeText(depthInput, this.unitsOfMeasurement, this.distanceStep);
+          var text = this._dictionaryService.get('LABEL_DEPTH');
+          depth.textMesh = makeTextMesh(depthString, this.font, 0xFF00FF, 0.08, false, false, text);
+          depth.positions = this._calculateDepthPositions();
+          depth.textMesh.name = 'boxDepth';
+          return depth;
+      };
+      ModelPreviewComponent.prototype._calculateHeightPositions = function () {
+          var _this = this;
+          return positioningFactors.map(function (_a) {
+              var _b = __read(_a, 2), j = _b[0], k = _b[1];
+              return new THREE__namespace.Vector3()
+                  .addScaledVector(xDirection, j / 2 * _this.boundingBoxSize.x)
+                  .addScaledVector(zDirection, k / 2 * _this.boundingBoxSize.z);
+          });
+      };
+      ModelPreviewComponent.prototype._calculateWidthPositions = function () {
+          var _this = this;
+          return positioningFactors.map(function (_a) {
+              var _b = __read(_a, 2), j = _b[0], k = _b[1];
+              return new THREE__namespace.Vector3()
+                  .addScaledVector(yDirection, j / 2 * _this.boundingBoxSize.y)
+                  .addScaledVector(zDirection, k / 2 * _this.boundingBoxSize.z);
+          });
+      };
+      ModelPreviewComponent.prototype._calculateDepthPositions = function () {
+          var _this = this;
+          return positioningFactors.map(function (_a) {
+              var _b = __read(_a, 2), j = _b[0], k = _b[1];
+              return new THREE__namespace.Vector3()
+                  .addScaledVector(yDirection, j / 2 * _this.boundingBoxSize.y)
+                  .addScaledVector(xDirection, k / 2 * _this.boundingBoxSize.x);
+          });
       };
       ModelPreviewComponent.prototype._blobToArrayBuffer = function (blob) {
           return new Promise(function (resolve, reject) {
@@ -43936,22 +44797,61 @@
               reader.readAsArrayBuffer(blob);
           });
       };
+      ModelPreviewComponent.prototype._createLightFromProperties = function (lightProperties) {
+          var lightType = lightProperties.type;
+          var getLights = new LightCreateService();
+          var light = getLights.createNewLight(lightType);
+          light.userData.wallOffset = lightProperties.wallOffset;
+          light.userData.rotationOffset = lightProperties.rotationOffset;
+          light.userData.topDownDirectional = lightProperties.topDownDirectional;
+          for (var property in lightProperties) {
+              if (!light.hasOwnProperty(property)) {
+                  continue;
+              }
+              if (property === 'position') {
+                  light.position.y = lightProperties.position.y;
+              }
+              else if (property === 'color') {
+                  light.color = new THREE.Color(lightProperties.color);
+              }
+              else if (property === 'groundColor') {
+                  light.groundColor = new THREE.Color(lightProperties.groundColor);
+              }
+              else {
+                  this._setObjectProperties(light, property, lightProperties[property]);
+              }
+          }
+          this.scenePreview.add(light);
+      };
+      ModelPreviewComponent.prototype._setObjectProperties = function (object, property, value) {
+          if (property === 'shadow') {
+              for (var prop in value) {
+                  if (!object[property].hasOwnProperty(prop)) {
+                      continue;
+                  }
+                  object[property][prop] = value[prop];
+              }
+          }
+          else {
+              object[property] = value;
+          }
+      };
       return ModelPreviewComponent;
   }());
-  ModelPreviewComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ModelPreviewComponent, deps: [{ token: i1$1.MAT_DIALOG_DATA }, { token: HomedecoratorSettingsService }, { token: i1__namespace$1.MatDialogRef }, { token: ThirdPartyModelService }, { token: MessageBusService }, { token: i1__namespace$1.MatDialog }, { token: HomedecoratorConnectorAdapterService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  ModelPreviewComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ModelPreviewComponent, selector: "rp-model-preview", viewQueries: [{ propertyName: "glbExportName", first: true, predicate: ["fileName"], descendants: true }, { propertyName: "heightArticle", first: true, predicate: ["heightArticle"], descendants: true }], ngImport: i0__namespace, template: "\n    <div class=\"model-preview\">\n      <div class=\"model-preview-container\" id=\"canvasContainer\">\n      </div>\n      <div class=\"model-preview-actions\">\n        <div class=\"input-height-container\">\n          <p>Centimeters of inches</p>\n          <div class=\"mat-radio-wrapper\">\n            <mat-radio-group aria-label=\"Select an unit\" (change)=\"setUnit($event)\">\n              <mat-radio-button [checked]=\"true\" value=\"cm\">Height in cm</mat-radio-button>\n              <mat-radio-button value=\"inches\">Height in inches</mat-radio-button>\n            </mat-radio-group>\n          </div>\n          <div>\n            <input type=\"text\" id=\"heightArticle\" #heightArticle>\n            <button (click)=\"scaleArticle()\">scale</button>\n          </div>\n        </div>\n\n        <div class=\"rotation-button-container\">\n          <p>Rotation</p>\n          <div class=\"rotation-x-buttons\">\n            <button (click)=\"rotateModel('x', mathPi / 2)\">x-as + 90 graden</button>\n            <button (click)=\"rotateModel('x', -mathPi / 2)\">x-as - 90 graden</button>\n          </div>\n          <div class=\"rotation-y-buttons\">\n            <button (click)=\"rotateModel('y', mathPi / 2)\">y-as + 90 graden</button>\n            <button (click)=\"rotateModel('y', -mathPi / 2)\">y-as - 90 graden</button>\n          </div>\n          <div class=\"rotation-z-buttons\">\n            <button (click)=\"rotateModel('z', mathPi / 2)\">z-as + 90 graden</button>\n            <button (click)=\"rotateModel('z', -mathPi / 2)\">z-as - 90 graden</button>\n          </div>\n        </div>\n\n        <div class=\"model-preview-info\" *ngIf=\"this.data\">\n          <div class=\"model-preview-info-container\">\n            <div class=\"model-preview-info-left\">\n              <label>Name</label>\n            </div>\n            <div class=\"model-preview-info-right\">\n              <input type=\"text\" id=\"fileName\" #fileName value=\"{{ this.data.file.file.name }}\">\n            </div>\n          </div>\n          <div class=\"model-preview-info-container\">\n            <div class=\"model-preview-info-left\">\n              <label>Size</label>\n            </div>\n            <div class=\"model-preview-info-right\">\n              <label>{{ this.data.file.file.size }}</label>\n            </div>\n          </div>\n          <div class=\"model-preview-info-container\">\n            <div class=\"model-preview-info-left\">\n              <label>Extension</label>\n            </div>\n            <div class=\"model-preview-info-right\">\n              <label>{{ this.data.file.fileType }}</label>\n            </div>\n          </div>\n          <button class=\"exportButton\" (click)=\"exportSceneAsGLB('upload')\">Add to scene</button>\n          <p></p>\n          <button class=\"exportButton\" (click)=\"exportSceneAsGLB('download')\">Download</button>\n        </div>\n      </div>\n    </div>\n  ", isInline: true, styles: [".model-preview{display:flex;flex-direction:row}.model-preview .model-preview-actions{min-width:240px;box-sizing:border-box;padding:10px 20px;border-left:1px solid #5b6875}.model-preview .model-preview-actions .model-preview-info-container{margin-bottom:10px}.model-preview .model-preview-actions .model-preview-info-container .model-preview-info-left{font-weight:bolder}.model-preview .exportButton{cursor:pointer;color:#fff;background:#dda73f;border:1px solid #dda73f;border-radius:3px;box-sizing:border-box;padding:5px;display:flex;align-items:center}.model-preview .exportButton:hover{background:#dda73f;color:#fff}input{border:1px solid #5b6875;box-sizing:border-box;padding:3px 10px;border-radius:3px}.mat-radio-wrapper{margin:10px 0}mat-radio-group mat-radio-button{display:block}.rotation-button-container div{display:flex;justify-content:space-between;margin-bottom:10px}.rotation-button-container div button{cursor:pointer;color:#fff;background:#dda73f;border:1px solid #dda73f;border-radius:3px;box-sizing:border-box;padding:5px}.rotation-button-container div button:hover{background:#dda73f;color:#fff}\n"], components: [{ type: i6__namespace$3.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }], directives: [{ type: i6__namespace$3.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { type: i5__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+  ModelPreviewComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ModelPreviewComponent, deps: [{ token: i1$1.MAT_DIALOG_DATA }, { token: HomedecoratorSettingsService }, { token: i1__namespace$1.MatDialogRef }, { token: ThirdPartyModelService }, { token: MessageBusService }, { token: i1__namespace$1.MatDialog }, { token: HomedecoratorConnectorAdapterService }, { token: LightPresetsService }, { token: HomedecoratorDictionaryService }, { token: FontService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  ModelPreviewComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ModelPreviewComponent, selector: "rp-model-preview", viewQueries: [{ propertyName: "glbExportName", first: true, predicate: ["fileName"], descendants: true }, { propertyName: "heightArticle", first: true, predicate: ["heightArticle"], descendants: true }], ngImport: i0__namespace, template: "\n    <div class=\"model-preview\">\n      <div class=\"model-preview-container\" id=\"canvasContainer\">\n      </div>\n      <div class=\"model-preview-actions\">\n        <div class=\"input-height-container\">\n          <p>Centimeters of inches</p>\n          <div class=\"mat-radio-wrapper\">\n            <mat-radio-group aria-label=\"Select an unit\" (change)=\"setUnit($event)\">\n              <mat-radio-button [checked]=\"true\" value=\"cm\">Height in cm</mat-radio-button>\n              <mat-radio-button value=\"inches\">Height in inches</mat-radio-button>\n            </mat-radio-group>\n          </div>\n          <div>\n            <input type=\"text\" id=\"heightArticle\" #heightArticle>\n            <button (click)=\"scaleArticle()\">scale</button>\n          </div>\n        </div>\n\n        <div>\n          <button (click)=\"toggleShowReferenceModel()\">Show Reference model</button>\n        </div>\n\n        <div class=\"rotation-button-container\">\n          <p>Rotation</p>\n          <div class=\"rotation-x-buttons\">\n            <button (click)=\"rotateModel('x', mathPi / 2)\">x-as + 90 graden</button>\n            <button (click)=\"rotateModel('x', -mathPi / 2)\">x-as - 90 graden</button>\n          </div>\n          <div class=\"rotation-y-buttons\">\n            <button (click)=\"rotateModel('y', mathPi / 2)\">y-as + 90 graden</button>\n            <button (click)=\"rotateModel('y', -mathPi / 2)\">y-as - 90 graden</button>\n          </div>\n          <div class=\"rotation-z-buttons\">\n            <button (click)=\"rotateModel('z', mathPi / 2)\">z-as + 90 graden</button>\n            <button (click)=\"rotateModel('z', -mathPi / 2)\">z-as - 90 graden</button>\n          </div>\n        </div>\n\n\n        <div class=\"rotation-button-container\">\n          <p>Positie</p>\n          <div class=\"rotation-x-buttons\">\n            <button (click)=\"moveModel('x',  0.01)\">x-as + 0.01</button>\n            <button (click)=\"moveModel('x', -0.01)\">x-as -0.01</button>\n          </div>\n          <div class=\"rotation-y-buttons\">\n            <button (click)=\"moveModel('y', 0.01)\">y-as + 0.01</button>\n            <button (click)=\"moveModel('y', -0.01)\">y-as - 0.01</button>\n          </div>\n          <div class=\"rotation-z-buttons\">\n            <button (click)=\"moveModel('z',  0.01)\">z-as + 0.01</button>\n            <button (click)=\"moveModel('z', -mathPi / 2)\">z-as -0.01</button>\n          </div>\n        </div>\n\n        <div class=\"model-preview-info\" *ngIf=\"this.data\">\n          <div class=\"model-preview-info-container\">\n            <div class=\"model-preview-info-left\">\n              <label>Name</label>\n            </div>\n            <div class=\"model-preview-info-right\">\n              <input type=\"text\" id=\"fileName\" #fileName value=\"{{ this.data.file.file.name }}\">\n            </div>\n          </div>\n\n          <div class=\"model-preview-info-container\">\n            <div class=\"model-preview-info-left\">\n              <label>Stackable</label>\n            </div>\n            <div class=\"model-preview-info-right\">\n              <div class=\"mat-radio-wrapper\">\n                <mat-radio-group aria-label=\"Select an unit\" (change)=\"setStackable($event)\">\n                  <mat-radio-button [checked]=\"true\" value=\"false\">No</mat-radio-button>\n                  <mat-radio-button value=\"true\">Yes</mat-radio-button>\n                </mat-radio-group>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"model-preview-info-container\">\n            <div class=\"model-preview-info-left\">\n              <label>Height adjustable</label>\n            </div>\n            <div class=\"model-preview-info-right\">\n              <div class=\"mat-radio-wrapper\">\n                <mat-radio-group aria-label=\"Select an unit\" (change)=\"setHeightAdjustable($event)\">\n                  <mat-radio-button [checked]=\"true\" value=\"false\">No</mat-radio-button>\n                  <mat-radio-button value=\"true\">Yes</mat-radio-button>\n                </mat-radio-group>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"model-preview-info-container\">\n            <div class=\"model-preview-info-left\">\n              <label>Extension</label>\n            </div>\n            <div class=\"model-preview-info-right\">\n              <label>{{ this.data.file.fileType }}</label>\n            </div>\n          </div>\n          <button class=\"exportButton\" (click)=\"exportSceneAsGLB('upload')\">Upload to CDN and add to scene</button>\n          <p></p>\n          <button class=\"exportButton\" (click)=\"exportSceneAsGLB('download')\">Download model</button>\n        </div>\n      </div>\n    </div>\n  ", isInline: true, styles: [".model-preview{display:flex;flex-direction:row}.model-preview .model-preview-actions{min-width:240px;box-sizing:border-box;padding:10px 20px;border-left:1px solid #5b6875}.model-preview .model-preview-actions .model-preview-info-container{margin-bottom:10px}.model-preview .model-preview-actions .model-preview-info-container .model-preview-info-left{font-weight:bolder}.model-preview .exportButton{cursor:pointer;color:#fff;background:#dda73f;border:1px solid #dda73f;border-radius:3px;box-sizing:border-box;padding:5px;display:flex;align-items:center}.model-preview .exportButton:hover{background:#dda73f;color:#fff}input{border:1px solid #5b6875;box-sizing:border-box;padding:3px 10px;border-radius:3px}.mat-radio-wrapper{margin:10px 0}mat-radio-group mat-radio-button{display:block}.rotation-button-container div{display:flex;justify-content:space-between;margin-bottom:10px}.rotation-button-container div button{cursor:pointer;color:#fff;background:#dda73f;border:1px solid #dda73f;border-radius:3px;box-sizing:border-box;padding:5px}.rotation-button-container div button:hover{background:#dda73f;color:#fff}\n"], components: [{ type: i9__namespace$1.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }], directives: [{ type: i9__namespace$1.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { type: i5__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ModelPreviewComponent, decorators: [{
               type: i0.Component,
               args: [{
                       selector: 'rp-model-preview',
-                      template: "\n    <div class=\"model-preview\">\n      <div class=\"model-preview-container\" id=\"canvasContainer\">\n      </div>\n      <div class=\"model-preview-actions\">\n        <div class=\"input-height-container\">\n          <p>Centimeters of inches</p>\n          <div class=\"mat-radio-wrapper\">\n            <mat-radio-group aria-label=\"Select an unit\" (change)=\"setUnit($event)\">\n              <mat-radio-button [checked]=\"true\" value=\"cm\">Height in cm</mat-radio-button>\n              <mat-radio-button value=\"inches\">Height in inches</mat-radio-button>\n            </mat-radio-group>\n          </div>\n          <div>\n            <input type=\"text\" id=\"heightArticle\" #heightArticle>\n            <button (click)=\"scaleArticle()\">scale</button>\n          </div>\n        </div>\n\n        <div class=\"rotation-button-container\">\n          <p>Rotation</p>\n          <div class=\"rotation-x-buttons\">\n            <button (click)=\"rotateModel('x', mathPi / 2)\">x-as + 90 graden</button>\n            <button (click)=\"rotateModel('x', -mathPi / 2)\">x-as - 90 graden</button>\n          </div>\n          <div class=\"rotation-y-buttons\">\n            <button (click)=\"rotateModel('y', mathPi / 2)\">y-as + 90 graden</button>\n            <button (click)=\"rotateModel('y', -mathPi / 2)\">y-as - 90 graden</button>\n          </div>\n          <div class=\"rotation-z-buttons\">\n            <button (click)=\"rotateModel('z', mathPi / 2)\">z-as + 90 graden</button>\n            <button (click)=\"rotateModel('z', -mathPi / 2)\">z-as - 90 graden</button>\n          </div>\n        </div>\n\n        <div class=\"model-preview-info\" *ngIf=\"this.data\">\n          <div class=\"model-preview-info-container\">\n            <div class=\"model-preview-info-left\">\n              <label>Name</label>\n            </div>\n            <div class=\"model-preview-info-right\">\n              <input type=\"text\" id=\"fileName\" #fileName value=\"{{ this.data.file.file.name }}\">\n            </div>\n          </div>\n          <div class=\"model-preview-info-container\">\n            <div class=\"model-preview-info-left\">\n              <label>Size</label>\n            </div>\n            <div class=\"model-preview-info-right\">\n              <label>{{ this.data.file.file.size }}</label>\n            </div>\n          </div>\n          <div class=\"model-preview-info-container\">\n            <div class=\"model-preview-info-left\">\n              <label>Extension</label>\n            </div>\n            <div class=\"model-preview-info-right\">\n              <label>{{ this.data.file.fileType }}</label>\n            </div>\n          </div>\n          <button class=\"exportButton\" (click)=\"exportSceneAsGLB('upload')\">Add to scene</button>\n          <p></p>\n          <button class=\"exportButton\" (click)=\"exportSceneAsGLB('download')\">Download</button>\n        </div>\n      </div>\n    </div>\n  ",
+                      template: "\n    <div class=\"model-preview\">\n      <div class=\"model-preview-container\" id=\"canvasContainer\">\n      </div>\n      <div class=\"model-preview-actions\">\n        <div class=\"input-height-container\">\n          <p>Centimeters of inches</p>\n          <div class=\"mat-radio-wrapper\">\n            <mat-radio-group aria-label=\"Select an unit\" (change)=\"setUnit($event)\">\n              <mat-radio-button [checked]=\"true\" value=\"cm\">Height in cm</mat-radio-button>\n              <mat-radio-button value=\"inches\">Height in inches</mat-radio-button>\n            </mat-radio-group>\n          </div>\n          <div>\n            <input type=\"text\" id=\"heightArticle\" #heightArticle>\n            <button (click)=\"scaleArticle()\">scale</button>\n          </div>\n        </div>\n\n        <div>\n          <button (click)=\"toggleShowReferenceModel()\">Show Reference model</button>\n        </div>\n\n        <div class=\"rotation-button-container\">\n          <p>Rotation</p>\n          <div class=\"rotation-x-buttons\">\n            <button (click)=\"rotateModel('x', mathPi / 2)\">x-as + 90 graden</button>\n            <button (click)=\"rotateModel('x', -mathPi / 2)\">x-as - 90 graden</button>\n          </div>\n          <div class=\"rotation-y-buttons\">\n            <button (click)=\"rotateModel('y', mathPi / 2)\">y-as + 90 graden</button>\n            <button (click)=\"rotateModel('y', -mathPi / 2)\">y-as - 90 graden</button>\n          </div>\n          <div class=\"rotation-z-buttons\">\n            <button (click)=\"rotateModel('z', mathPi / 2)\">z-as + 90 graden</button>\n            <button (click)=\"rotateModel('z', -mathPi / 2)\">z-as - 90 graden</button>\n          </div>\n        </div>\n\n\n        <div class=\"rotation-button-container\">\n          <p>Positie</p>\n          <div class=\"rotation-x-buttons\">\n            <button (click)=\"moveModel('x',  0.01)\">x-as + 0.01</button>\n            <button (click)=\"moveModel('x', -0.01)\">x-as -0.01</button>\n          </div>\n          <div class=\"rotation-y-buttons\">\n            <button (click)=\"moveModel('y', 0.01)\">y-as + 0.01</button>\n            <button (click)=\"moveModel('y', -0.01)\">y-as - 0.01</button>\n          </div>\n          <div class=\"rotation-z-buttons\">\n            <button (click)=\"moveModel('z',  0.01)\">z-as + 0.01</button>\n            <button (click)=\"moveModel('z', -mathPi / 2)\">z-as -0.01</button>\n          </div>\n        </div>\n\n        <div class=\"model-preview-info\" *ngIf=\"this.data\">\n          <div class=\"model-preview-info-container\">\n            <div class=\"model-preview-info-left\">\n              <label>Name</label>\n            </div>\n            <div class=\"model-preview-info-right\">\n              <input type=\"text\" id=\"fileName\" #fileName value=\"{{ this.data.file.file.name }}\">\n            </div>\n          </div>\n\n          <div class=\"model-preview-info-container\">\n            <div class=\"model-preview-info-left\">\n              <label>Stackable</label>\n            </div>\n            <div class=\"model-preview-info-right\">\n              <div class=\"mat-radio-wrapper\">\n                <mat-radio-group aria-label=\"Select an unit\" (change)=\"setStackable($event)\">\n                  <mat-radio-button [checked]=\"true\" value=\"false\">No</mat-radio-button>\n                  <mat-radio-button value=\"true\">Yes</mat-radio-button>\n                </mat-radio-group>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"model-preview-info-container\">\n            <div class=\"model-preview-info-left\">\n              <label>Height adjustable</label>\n            </div>\n            <div class=\"model-preview-info-right\">\n              <div class=\"mat-radio-wrapper\">\n                <mat-radio-group aria-label=\"Select an unit\" (change)=\"setHeightAdjustable($event)\">\n                  <mat-radio-button [checked]=\"true\" value=\"false\">No</mat-radio-button>\n                  <mat-radio-button value=\"true\">Yes</mat-radio-button>\n                </mat-radio-group>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"model-preview-info-container\">\n            <div class=\"model-preview-info-left\">\n              <label>Extension</label>\n            </div>\n            <div class=\"model-preview-info-right\">\n              <label>{{ this.data.file.fileType }}</label>\n            </div>\n          </div>\n          <button class=\"exportButton\" (click)=\"exportSceneAsGLB('upload')\">Upload to CDN and add to scene</button>\n          <p></p>\n          <button class=\"exportButton\" (click)=\"exportSceneAsGLB('download')\">Download model</button>\n        </div>\n      </div>\n    </div>\n  ",
                       styleUrls: ['./model-preview.component.scss']
                   }]
           }], ctorParameters: function () {
           return [{ type: undefined, decorators: [{
                           type: i0.Inject,
                           args: [i1$1.MAT_DIALOG_DATA]
-                      }] }, { type: HomedecoratorSettingsService }, { type: i1__namespace$1.MatDialogRef }, { type: ThirdPartyModelService }, { type: MessageBusService }, { type: i1__namespace$1.MatDialog }, { type: HomedecoratorConnectorAdapterService }];
+                      }] }, { type: HomedecoratorSettingsService }, { type: i1__namespace$1.MatDialogRef }, { type: ThirdPartyModelService }, { type: MessageBusService }, { type: i1__namespace$1.MatDialog }, { type: HomedecoratorConnectorAdapterService }, { type: LightPresetsService }, { type: HomedecoratorDictionaryService }, { type: FontService }];
       }, propDecorators: { glbExportName: [{
                   type: i0.ViewChild,
                   args: ['fileName']
@@ -44325,7 +45225,7 @@
       return ToolbarComponent;
   }());
   ToolbarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ToolbarComponent, deps: [{ token: AppStateService }, { token: PresetsService }, { token: MessageBusService }, { token: HomedecoratorSettingsService }, { token: LocalStorageService }, { token: ScreenSizeAnalysisService }, { token: i1__namespace$1.MatDialog }, { token: ToastService }, { token: HomedecoratorAppService }, { token: PermanentStoreService }, { token: UtilsService }, { token: ThreedselectorService }, { token: ItemService }, { token: FloorplanService }, { token: FloorService }, { token: AnimationService }, { token: DevelopmentService }, { token: NewRenderService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  ToolbarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ToolbarComponent, selector: "rp-toolbar", host: { listeners: { "document:keydown": "handleKeyDown($event)" } }, viewQueries: [{ propertyName: "leftSidebar", first: true, predicate: ["leftSidebar"], descendants: true, static: true }], ngImport: i0__namespace, template: "\n    <!--\n          <div class=\"layer layer&#45;&#45;toolbar\">\n    -->\n    <mat-toolbar class=\"toolbar\" color=\"primary\">\n      <button *ngIf=\"phoneSizeScreen\" mat-icon-button class=\"menu-icon\" [matMenuTriggerFor]=\"menu\">\n        <mat-icon class=\"homedecorator-material-icons\">menu</mat-icon>\n      </button>\n      <mat-menu #menu>\n        <ng-container *ngFor=\"let icon of toolbarIconsTop\">\n          <ng-container [cdkPortalOutlet]=\"icon.portal\">\n          </ng-container>\n        </ng-container>\n      </mat-menu>\n\n      <img src=\"assets/images/logo.svg\" class=\"toolbar-logo\"/>\n      <img *ngIf=\"settingsService.settings.secondaryLogo\" [src]=\"settingsService.settings.secondaryLogo\"\n           class=\"toolbar-logo secondary-logo\"/>\n      <ng-container *ngIf=\"settingsService.settings.options.development\">\n        <mat-card class=\"wip-card\">\n          <mat-card-content>\n            {{ 'WORK_IN_PROGRESS' | localize }}\n          </mat-card-content>\n        </mat-card>\n        <button mat-icon-button (click)=\"loadRoom()\">\n          <mat-icon class=\"homedecorator-material-icons\">weekend</mat-icon>\n        </button>\n        <button mat-icon-button (click)=\"loadResizableRoom()\">\n          <mat-icon class=\"homedecorator-material-icons\">camera-control</mat-icon>\n        </button>\n      </ng-container>\n      <ng-container *ngIf=\"settingsService.settings.options.showRoomDownloadButton\">\n        <button mat-icon-button (click)=\"downloadRoom()\">\n          <mat-icon class=\"homedecorator-material-icons\" matTooltip=\"{{'DOWNLOAD_ROOM_AS_GLB' | localize}}\">cloud_download</mat-icon>\n        </button>\n      </ng-container>\n\n      <!--      <ng-container *ngIf=\"settingsService.settings.options.showRoomRenderButton\">-->\n      <!--        <button mat-icon-button (click)=\"apiRoomRender()\">-->\n      <!--          <mat-icon class=\"homedecorator-material-icons\" matTooltip=\"{{'RENDER_GLB' | localize}}\">share_windows</mat-icon>-->\n      <!--        </button>-->\n      <!--      </ng-container>-->\n\n      <!--      <ng-container>-->\n      <!--        <button mat-icon-button (click)=\"testRender()\">-->\n      <!--          TEST-->\n      <!--        </button>-->\n      <!--      </ng-container>-->\n\n      <div class=\"hd-toolbar-spacer\"></div>\n      <mat-nav-list class=\"toolbar__nav\" role=\"list\">\n        <div matTooltip=\"{{'NEW_ROOM' | localize}}\">\n          <mat-list-item role=\"listitem\" (click)=\"newRoom()\">{{ 'NEW' | localize }}</mat-list-item>\n        </div>\n        <div matTooltip=\"{{'OPEN_EXISTING_PLAN' | localize}}\">\n          <mat-list-item role=\"listitem\" (click)=\"openOpenDialog()\">{{ 'OPEN' | localize }}</mat-list-item>\n        </div>\n        <div *ngIf=\"storageService.errorWhenSaving\" class=\"storage-error\"\n             [class.blinker]=\"showBlinkError\" matTooltip=\"{{'ERROR_SAVING_LOCALSTORAGE' | localize}}\"\n             (mousemove)=\"showBlinkError = false\"\n        ><span>!</span></div>\n        <div [class.blinker]=\"!showSaveNotification\" matTooltip=\"{{'SAVE_THE_PLAN' | localize}}\">\n          <mat-list-item\n            matTooltip=\"{{'SAVE_TOOLTIP' | localize}}\"\n            [matTooltipDisabled]=\"tooltipDisabled\"\n            matTooltipClass=\"tooltip-red\"\n            role=\"listitem\"\n            (click)=\"openSaveDialog() && stopTimer()\"\n          >{{ 'SAVE' | localize }}\n          </mat-list-item>\n        </div>\n        <div\n          class=\"badge\"\n          matBadge=\"!\"\n          matBadgeColor=\"warn\"\n          matBadgePosition=\"below before\"\n          matBadgeOverlap=\"true\"\n          matBadgeSize=\"medium\"\n          [matBadgeHidden]=\"badgeDisabled\">\n        </div>\n      </mat-nav-list>\n      <div matTooltip=\"{{'SAVE_IMAGE' | localize}}\">\n        <button mat-icon-button (click)=\"onTakeScreenshotClick()\">\n          <mat-icon class=\"homedecorator-material-icons\">photo_camera</mat-icon>\n        </button>\n      </div>\n      <div matTooltip=\"{{'UNDO' | localize}}\">\n        <button mat-icon-button (click)=\"messageService.emit(messageType.Undo)\"\n                [disabled]=\"presetsService.isLoading || !appState.canUndo()\"\n        >\n          <mat-icon class=\"homedecorator-material-icons\">undo</mat-icon>\n        </button>\n      </div>\n      <div matTooltip=\"{{'REDO' | localize}}\">\n        <button mat-icon-button (click)=\"messageService.emit(messageType.Redo)\"\n                [disabled]=\"presetsService.isLoading || !appState.canRedo()\"\n        >\n          <mat-icon class=\"homedecorator-material-icons\">redo</mat-icon>\n        </button>\n      </div>\n      <button mat-icon-button *ngIf=\"!fullscreen\" (click)=\"requestFullscreen()\" matTooltip=\"{{'REQUEST_FULLSCREEN' | localize}}\">\n        <mat-icon class=\"homedecorator-material-icons\">fullscreen</mat-icon>\n      </button>\n      <button mat-icon-button *ngIf=\"fullscreen\" (click)=\"exitFullscreen()\" matTooltip=\"{{'EXIT_FULLSCREEN' | localize}}\">\n        <mat-icon class=\"homedecorator-material-icons\">fullscreen_exit</mat-icon>\n      </button>\n    </mat-toolbar>\n\n    <limited-mode-message\n      *ngIf=\"phoneSizeScreen && showLimitedModeMessage\"\n      (closeClicked)=\"onCloseLimitedModeMessageClick()\">\n    </limited-mode-message>\n\n    <div class=\"toast-wrapper\"\n         [class.success]=\"toast.type ==  toastType.Success\"\n         [class.warning]=\"toast.type ==  toastType.Warning\"\n         [class.error]=\"toast.type ==  toastType.Error\"\n         *ngIf=\"toast\"\n         @showToast\n         [textContent]=\"toast.message\">\n    </div>\n\n    <mat-toolbar-row class=\"toolbar-row\">\n      <mat-toolbar class=\"toolbar toolbar--secondary\" *ngIf=\"!phoneSizeScreen\">\n        <ng-container *ngFor=\"let icon of toolbarIconsTop\">\n          <ng-container [cdkPortalOutlet]=\"icon.portal\"></ng-container>\n        </ng-container>\n        <span class=\"hd-toolbar-spacer\"></span>\n        <ng-container *ngFor=\"let icon of toolbarIconsBottom\">\n          <ng-container [cdkPortalOutlet]=\"icon.portal\"></ng-container>\n        </ng-container>\n      </mat-toolbar>\n\n      <mat-drawer-container class=\"drawer-container\">\n        <mat-drawer class=\"drawer\" mode=\"over\" position=\"left\" #leftSidebar>\n          <mat-drawer-content class=\"drawer__body\">\n            <button class=\"drawer__button\" mat-icon-button (click)=\"clickCloseLeftSidebar()\">\n              <mat-icon class=\"homedecorator-material-icons\">clear</mat-icon>\n            </button>\n            <ng-container [cdkPortalOutlet]=\"leftPortal\"></ng-container>\n          </mat-drawer-content>\n        </mat-drawer>\n      </mat-drawer-container>\n    </mat-toolbar-row>\n    <!--\n          </div>\n    -->\n  ", isInline: true, styles: [":host{display:flex;flex-direction:column;position:absolute;top:0;z-index:100;height:100%;width:100%;pointer-events:none}:host .hd-toolbar-spacer{display:flex;flex-basis:100%}:host .toast-wrapper{height:auto;position:absolute;top:64px;left:50%;-webkit-user-select:none;user-select:none;pointer-events:none;background:#74B77F;padding:30px;border-radius:0 0 10px 10px;min-width:150px;max-width:90%;color:#fff;text-align:center;transform:translate(-50%,-100%)}:host .toast-wrapper.warning{background:#F17300}:host .toast-wrapper.error{background:#CC2936}:host ::ng-deep .drawer__header{display:flex;align-items:center;min-height:40px;margin-bottom:16px}:host ::ng-deep .drawer__header h2{margin:0 auto 0 0}:host ::ng-deep mat-tab-header,:host ::ng-deep .FileDrop{margin-bottom:16px}:host ::ng-deep .tab--skin ::ng-deep .mat-tab-label{height:52px;min-width:auto}:host ::ng-deep .drawer p{white-space:pre-wrap}:host ::ng-deep .mat-divider{margin:16px 0 24px}:host ::ng-deep .mat-drawer-backdrop{display:none}.storage-error{min-width:30px;height:30px;display:flex;align-items:center;align-self:center;border-radius:50%;justify-content:center;background:white;color:#c00;font-size:25px;font-weight:bold}.layer--toolbar{display:flex;flex-direction:column}.toolbar{z-index:101;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}.toolbar .menu-icon{min-width:50px;display:flex;justify-content:center;margin-left:-16px}.toolbar-logo{width:50px}.secondary-logo{margin-left:20px}.toolbar__nav{display:flex;flex-direction:row;padding-top:0}.toolbar__nav .mat-list-item{color:#fff;height:40px}.toolbar-row{flex:auto;display:flex;flex-direction:column;padding:0;pointer-events:none;position:relative;align-items:baseline;height:100%}.toolbar--secondary{width:64px;padding:16px 0;flex-direction:column;background:#fff;height:100%}.toolbar--secondary .drawer{flex:auto;pointer-events:none;background:transparent}.wip-card{margin-left:22px;padding:6px 22px;color:#fff;background-color:#ed912e}.drawer-container{position:static;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.drawer{width:420px;padding:16px;display:flex;flex-direction:column;left:65px}.toolbar,.toolbar--secondary>*,.drawer-container>*,.drawer>*{pointer-events:all}.drawer__button{min-width:initial;padding:0;border:none;position:absolute;top:0;right:0;border-radius:50%}.blinker{animation:blinker 1s linear infinite}.mat-badge-content{background-color:#b71c1c;animation:bounce 2s ease-out;animation-iteration-count:infinite;margin-left:5px}.badge{margin-right:20px;margin-bottom:20px}::ng-deep .tooltip-red{background:#b71c1c}@keyframes bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(1.1,.9) translateY(0)}30%{transform:scale(.9,1.1) translateY(-20px)}50%{transform:scale(1.05,.95) translateY(0)}57%{transform:scale(1) translateY(-7px)}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes blinker{50%{opacity:0}}::ng-deep .mat-menu-panel{width:256px!important}::ng-deep .mat-menu-panel .mat-menu-content{display:flex;flex-direction:column;padding-left:10px;padding-right:10px}::ng-deep mat-drawer-content.mat-drawer-content{display:flex;height:100%;flex-direction:column}\n"], components: [{ type: i19__namespace$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i3__namespace$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5__namespace$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i22__namespace.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i23__namespace.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i2__namespace$2.MatNavList, selector: "mat-nav-list", inputs: ["disableRipple", "disabled"], exportAs: ["matNavList"] }, { type: i2__namespace$2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { type: LimitedModeMessageComponent, selector: "limited-mode-message", outputs: ["closeClicked"] }, { type: i26__namespace.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { type: i26__namespace.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { type: i26__namespace.MatDrawerContent, selector: "mat-drawer-content" }], directives: [{ type: i5__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i22__namespace.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i5__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i28__namespace.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { type: i23__namespace.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i10__namespace.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i30__namespace.MatBadge, selector: "[matBadge]", inputs: ["matBadgeDisabled", "matBadgePosition", "matBadgeSize", "matBadgeColor", "matBadgeOverlap", "matBadgeDescription", "matBadgeHidden", "matBadge"] }, { type: i19__namespace$1.MatToolbarRow, selector: "mat-toolbar-row", exportAs: ["matToolbarRow"] }], pipes: { "localize": LocalizePipe }, animations: [
+  ToolbarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ToolbarComponent, selector: "rp-toolbar", host: { listeners: { "document:keydown": "handleKeyDown($event)" } }, viewQueries: [{ propertyName: "leftSidebar", first: true, predicate: ["leftSidebar"], descendants: true, static: true }], ngImport: i0__namespace, template: "\n    <!--\n          <div class=\"layer layer&#45;&#45;toolbar\">\n    -->\n    <mat-toolbar class=\"toolbar\" color=\"primary\">\n      <button *ngIf=\"phoneSizeScreen\" mat-icon-button class=\"menu-icon\" [matMenuTriggerFor]=\"menu\">\n        <mat-icon class=\"homedecorator-material-icons\">menu</mat-icon>\n      </button>\n      <mat-menu #menu>\n        <ng-container *ngFor=\"let icon of toolbarIconsTop\">\n          <ng-container [cdkPortalOutlet]=\"icon.portal\">\n          </ng-container>\n        </ng-container>\n      </mat-menu>\n\n      <img src=\"assets/images/logo.svg\" class=\"toolbar-logo\"/>\n      <img *ngIf=\"settingsService.settings.secondaryLogo\" [src]=\"settingsService.settings.secondaryLogo\"\n           class=\"toolbar-logo secondary-logo\"/>\n      <ng-container *ngIf=\"settingsService.settings.options.development\">\n        <mat-card class=\"wip-card\">\n          <mat-card-content>\n            {{ 'WORK_IN_PROGRESS' | localize }}\n          </mat-card-content>\n        </mat-card>\n        <button mat-icon-button (click)=\"loadRoom()\">\n          <mat-icon class=\"homedecorator-material-icons\">weekend</mat-icon>\n        </button>\n        <button mat-icon-button (click)=\"loadResizableRoom()\">\n          <mat-icon class=\"homedecorator-material-icons\">camera-control</mat-icon>\n        </button>\n      </ng-container>\n      <ng-container *ngIf=\"settingsService.settings.options.showRoomDownloadButton\">\n        <button mat-icon-button (click)=\"downloadRoom()\">\n          <mat-icon class=\"homedecorator-material-icons\" matTooltip=\"{{'DOWNLOAD_ROOM_AS_GLB' | localize}}\">cloud_download</mat-icon>\n        </button>\n      </ng-container>\n      <div class=\"hd-toolbar-spacer\"></div>\n\n<!--      <ng-container>-->\n<!--        <rp-pdf-export></rp-pdf-export>-->\n<!--      </ng-container>-->\n\n      <mat-nav-list class=\"toolbar__nav\" role=\"list\">\n        <div matTooltip=\"{{'NEW_ROOM' | localize}}\">\n          <mat-list-item role=\"listitem\" (click)=\"newRoom()\">{{ 'NEW' | localize }}</mat-list-item>\n        </div>\n        <div matTooltip=\"{{'OPEN_EXISTING_PLAN' | localize}}\">\n          <mat-list-item role=\"listitem\" (click)=\"openOpenDialog()\">{{ 'OPEN' | localize }}</mat-list-item>\n        </div>\n        <div *ngIf=\"storageService.errorWhenSaving\" class=\"storage-error\"\n             [class.blinker]=\"showBlinkError\" matTooltip=\"{{'ERROR_SAVING_LOCALSTORAGE' | localize}}\"\n             (mousemove)=\"showBlinkError = false\"\n        ><span>!</span></div>\n        <div [class.blinker]=\"!showSaveNotification\" matTooltip=\"{{'SAVE_THE_PLAN' | localize}}\">\n          <mat-list-item\n            matTooltip=\"{{'SAVE_TOOLTIP' | localize}}\"\n            [matTooltipDisabled]=\"tooltipDisabled\"\n            matTooltipClass=\"tooltip-red\"\n            role=\"listitem\"\n            (click)=\"openSaveDialog() && stopTimer()\"\n          >{{ 'SAVE' | localize }}\n          </mat-list-item>\n        </div>\n        <div\n          class=\"badge\"\n          matBadge=\"!\"\n          matBadgeColor=\"warn\"\n          matBadgePosition=\"below before\"\n          matBadgeOverlap=\"true\"\n          matBadgeSize=\"medium\"\n          [matBadgeHidden]=\"badgeDisabled\">\n        </div>\n      </mat-nav-list>\n      <div matTooltip=\"{{'SAVE_IMAGE' | localize}}\">\n        <button mat-icon-button (click)=\"onTakeScreenshotClick()\">\n          <mat-icon class=\"homedecorator-material-icons\">photo_camera</mat-icon>\n        </button>\n      </div>\n      <div matTooltip=\"{{'UNDO' | localize}}\">\n        <button mat-icon-button (click)=\"messageService.emit(messageType.Undo)\"\n                [disabled]=\"presetsService.isLoading || !appState.canUndo()\"\n        >\n          <mat-icon class=\"homedecorator-material-icons\">undo</mat-icon>\n        </button>\n      </div>\n      <div matTooltip=\"{{'REDO' | localize}}\">\n        <button mat-icon-button (click)=\"messageService.emit(messageType.Redo)\"\n                [disabled]=\"presetsService.isLoading || !appState.canRedo()\"\n        >\n          <mat-icon class=\"homedecorator-material-icons\">redo</mat-icon>\n        </button>\n      </div>\n      <button mat-icon-button *ngIf=\"!fullscreen\" (click)=\"requestFullscreen()\" matTooltip=\"{{'REQUEST_FULLSCREEN' | localize}}\">\n        <mat-icon class=\"homedecorator-material-icons\">fullscreen</mat-icon>\n      </button>\n      <button mat-icon-button *ngIf=\"fullscreen\" (click)=\"exitFullscreen()\" matTooltip=\"{{'EXIT_FULLSCREEN' | localize}}\">\n        <mat-icon class=\"homedecorator-material-icons\">fullscreen_exit</mat-icon>\n      </button>\n    </mat-toolbar>\n\n    <limited-mode-message\n      *ngIf=\"phoneSizeScreen && showLimitedModeMessage\"\n      (closeClicked)=\"onCloseLimitedModeMessageClick()\">\n    </limited-mode-message>\n\n    <div class=\"toast-wrapper\"\n         [class.success]=\"toast.type ==  toastType.Success\"\n         [class.warning]=\"toast.type ==  toastType.Warning\"\n         [class.error]=\"toast.type ==  toastType.Error\"\n         *ngIf=\"toast\"\n         @showToast\n         [textContent]=\"toast.message\">\n    </div>\n\n    <mat-toolbar-row class=\"toolbar-row\">\n      <mat-toolbar class=\"toolbar toolbar--secondary\" *ngIf=\"!phoneSizeScreen\">\n        <ng-container *ngFor=\"let icon of toolbarIconsTop\">\n          <ng-container [cdkPortalOutlet]=\"icon.portal\"></ng-container>\n        </ng-container>\n        <span class=\"hd-toolbar-spacer\"></span>\n        <ng-container *ngFor=\"let icon of toolbarIconsBottom\">\n          <ng-container [cdkPortalOutlet]=\"icon.portal\"></ng-container>\n        </ng-container>\n      </mat-toolbar>\n\n      <mat-drawer-container class=\"drawer-container\">\n        <mat-drawer class=\"drawer\" mode=\"over\" position=\"left\" #leftSidebar>\n          <mat-drawer-content class=\"drawer__body\">\n            <button class=\"drawer__button\" mat-icon-button (click)=\"clickCloseLeftSidebar()\">\n              <mat-icon class=\"homedecorator-material-icons\">clear</mat-icon>\n            </button>\n            <ng-container [cdkPortalOutlet]=\"leftPortal\"></ng-container>\n          </mat-drawer-content>\n        </mat-drawer>\n      </mat-drawer-container>\n    </mat-toolbar-row>\n    <!--\n          </div>\n    -->\n  ", isInline: true, styles: [":host{display:flex;flex-direction:column;position:absolute;top:0;z-index:100;height:100%;width:100%;pointer-events:none}:host .hd-toolbar-spacer{display:flex;flex-basis:100%}:host .toast-wrapper{height:auto;position:absolute;top:64px;left:50%;-webkit-user-select:none;user-select:none;pointer-events:none;background:#74B77F;padding:30px;border-radius:0 0 10px 10px;min-width:150px;max-width:90%;color:#fff;text-align:center;transform:translate(-50%,-100%)}:host .toast-wrapper.warning{background:#F17300}:host .toast-wrapper.error{background:#CC2936}:host ::ng-deep .drawer__header{display:flex;align-items:center;min-height:40px;margin-bottom:16px}:host ::ng-deep .drawer__header h2{margin:0 auto 0 0}:host ::ng-deep mat-tab-header,:host ::ng-deep .FileDrop{margin-bottom:16px}:host ::ng-deep .tab--skin ::ng-deep .mat-tab-label{height:52px;min-width:auto}:host ::ng-deep .drawer p{white-space:pre-wrap}:host ::ng-deep .mat-divider{margin:16px 0 24px}:host ::ng-deep .mat-drawer-backdrop{display:none}.storage-error{min-width:30px;height:30px;display:flex;align-items:center;align-self:center;border-radius:50%;justify-content:center;background:white;color:#c00;font-size:25px;font-weight:bold}.layer--toolbar{display:flex;flex-direction:column}.toolbar{z-index:101;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}.toolbar .menu-icon{min-width:50px;display:flex;justify-content:center;margin-left:-16px}.toolbar-logo{width:50px}.secondary-logo{margin-left:20px}.toolbar__nav{display:flex;flex-direction:row;padding-top:0}.toolbar__nav .mat-list-item{color:#fff;height:40px}.toolbar-row{flex:auto;display:flex;flex-direction:column;padding:0;pointer-events:none;position:relative;align-items:baseline;height:100%}.toolbar--secondary{width:64px;padding:16px 0;flex-direction:column;background:#fff;height:100%}.toolbar--secondary .drawer{flex:auto;pointer-events:none;background:transparent}.wip-card{margin-left:22px;padding:6px 22px;color:#fff;background-color:#ed912e}.drawer-container{position:static;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.drawer{width:420px;padding:16px;display:flex;flex-direction:column;left:65px}.toolbar,.toolbar--secondary>*,.drawer-container>*,.drawer>*{pointer-events:all}.drawer__button{min-width:initial;padding:0;border:none;position:absolute;top:0;right:0;border-radius:50%}.blinker{animation:blinker 1s linear infinite}.mat-badge-content{background-color:#b71c1c;animation:bounce 2s ease-out;animation-iteration-count:infinite;margin-left:5px}.badge{margin-right:20px;margin-bottom:20px}::ng-deep .tooltip-red{background:#b71c1c}@keyframes bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(1.1,.9) translateY(0)}30%{transform:scale(.9,1.1) translateY(-20px)}50%{transform:scale(1.05,.95) translateY(0)}57%{transform:scale(1) translateY(-7px)}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes blinker{50%{opacity:0}}::ng-deep .mat-menu-panel{width:256px!important}::ng-deep .mat-menu-panel .mat-menu-content{display:flex;flex-direction:column;padding-left:10px;padding-right:10px}::ng-deep mat-drawer-content.mat-drawer-content{display:flex;height:100%;flex-direction:column}\n"], components: [{ type: i19__namespace$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i3__namespace$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5__namespace$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i22__namespace.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i23__namespace.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i2__namespace$2.MatNavList, selector: "mat-nav-list", inputs: ["disableRipple", "disabled"], exportAs: ["matNavList"] }, { type: i2__namespace$2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { type: LimitedModeMessageComponent, selector: "limited-mode-message", outputs: ["closeClicked"] }, { type: i26__namespace.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { type: i26__namespace.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { type: i26__namespace.MatDrawerContent, selector: "mat-drawer-content" }], directives: [{ type: i5__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i22__namespace.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i5__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i28__namespace.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { type: i23__namespace.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i10__namespace.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i30__namespace.MatBadge, selector: "[matBadge]", inputs: ["matBadgeDisabled", "matBadgePosition", "matBadgeSize", "matBadgeColor", "matBadgeOverlap", "matBadgeDescription", "matBadgeHidden", "matBadge"] }, { type: i19__namespace$1.MatToolbarRow, selector: "mat-toolbar-row", exportAs: ["matToolbarRow"] }], pipes: { "localize": LocalizePipe }, animations: [
           animations.trigger('showToast', [
               animations.state('void', animations.style({ 'transform-origin': 'top center', transform: 'translate(-50%, -100%)' })),
               animations.state('*', animations.style({ 'transform-origin': 'top center', transform: 'translate(-50%, 0)' })),
@@ -44342,7 +45242,7 @@
               type: i0.Component,
               args: [{
                       selector: 'rp-toolbar',
-                      template: "\n    <!--\n          <div class=\"layer layer&#45;&#45;toolbar\">\n    -->\n    <mat-toolbar class=\"toolbar\" color=\"primary\">\n      <button *ngIf=\"phoneSizeScreen\" mat-icon-button class=\"menu-icon\" [matMenuTriggerFor]=\"menu\">\n        <mat-icon class=\"homedecorator-material-icons\">menu</mat-icon>\n      </button>\n      <mat-menu #menu>\n        <ng-container *ngFor=\"let icon of toolbarIconsTop\">\n          <ng-container [cdkPortalOutlet]=\"icon.portal\">\n          </ng-container>\n        </ng-container>\n      </mat-menu>\n\n      <img src=\"assets/images/logo.svg\" class=\"toolbar-logo\"/>\n      <img *ngIf=\"settingsService.settings.secondaryLogo\" [src]=\"settingsService.settings.secondaryLogo\"\n           class=\"toolbar-logo secondary-logo\"/>\n      <ng-container *ngIf=\"settingsService.settings.options.development\">\n        <mat-card class=\"wip-card\">\n          <mat-card-content>\n            {{ 'WORK_IN_PROGRESS' | localize }}\n          </mat-card-content>\n        </mat-card>\n        <button mat-icon-button (click)=\"loadRoom()\">\n          <mat-icon class=\"homedecorator-material-icons\">weekend</mat-icon>\n        </button>\n        <button mat-icon-button (click)=\"loadResizableRoom()\">\n          <mat-icon class=\"homedecorator-material-icons\">camera-control</mat-icon>\n        </button>\n      </ng-container>\n      <ng-container *ngIf=\"settingsService.settings.options.showRoomDownloadButton\">\n        <button mat-icon-button (click)=\"downloadRoom()\">\n          <mat-icon class=\"homedecorator-material-icons\" matTooltip=\"{{'DOWNLOAD_ROOM_AS_GLB' | localize}}\">cloud_download</mat-icon>\n        </button>\n      </ng-container>\n\n      <!--      <ng-container *ngIf=\"settingsService.settings.options.showRoomRenderButton\">-->\n      <!--        <button mat-icon-button (click)=\"apiRoomRender()\">-->\n      <!--          <mat-icon class=\"homedecorator-material-icons\" matTooltip=\"{{'RENDER_GLB' | localize}}\">share_windows</mat-icon>-->\n      <!--        </button>-->\n      <!--      </ng-container>-->\n\n      <!--      <ng-container>-->\n      <!--        <button mat-icon-button (click)=\"testRender()\">-->\n      <!--          TEST-->\n      <!--        </button>-->\n      <!--      </ng-container>-->\n\n      <div class=\"hd-toolbar-spacer\"></div>\n      <mat-nav-list class=\"toolbar__nav\" role=\"list\">\n        <div matTooltip=\"{{'NEW_ROOM' | localize}}\">\n          <mat-list-item role=\"listitem\" (click)=\"newRoom()\">{{ 'NEW' | localize }}</mat-list-item>\n        </div>\n        <div matTooltip=\"{{'OPEN_EXISTING_PLAN' | localize}}\">\n          <mat-list-item role=\"listitem\" (click)=\"openOpenDialog()\">{{ 'OPEN' | localize }}</mat-list-item>\n        </div>\n        <div *ngIf=\"storageService.errorWhenSaving\" class=\"storage-error\"\n             [class.blinker]=\"showBlinkError\" matTooltip=\"{{'ERROR_SAVING_LOCALSTORAGE' | localize}}\"\n             (mousemove)=\"showBlinkError = false\"\n        ><span>!</span></div>\n        <div [class.blinker]=\"!showSaveNotification\" matTooltip=\"{{'SAVE_THE_PLAN' | localize}}\">\n          <mat-list-item\n            matTooltip=\"{{'SAVE_TOOLTIP' | localize}}\"\n            [matTooltipDisabled]=\"tooltipDisabled\"\n            matTooltipClass=\"tooltip-red\"\n            role=\"listitem\"\n            (click)=\"openSaveDialog() && stopTimer()\"\n          >{{ 'SAVE' | localize }}\n          </mat-list-item>\n        </div>\n        <div\n          class=\"badge\"\n          matBadge=\"!\"\n          matBadgeColor=\"warn\"\n          matBadgePosition=\"below before\"\n          matBadgeOverlap=\"true\"\n          matBadgeSize=\"medium\"\n          [matBadgeHidden]=\"badgeDisabled\">\n        </div>\n      </mat-nav-list>\n      <div matTooltip=\"{{'SAVE_IMAGE' | localize}}\">\n        <button mat-icon-button (click)=\"onTakeScreenshotClick()\">\n          <mat-icon class=\"homedecorator-material-icons\">photo_camera</mat-icon>\n        </button>\n      </div>\n      <div matTooltip=\"{{'UNDO' | localize}}\">\n        <button mat-icon-button (click)=\"messageService.emit(messageType.Undo)\"\n                [disabled]=\"presetsService.isLoading || !appState.canUndo()\"\n        >\n          <mat-icon class=\"homedecorator-material-icons\">undo</mat-icon>\n        </button>\n      </div>\n      <div matTooltip=\"{{'REDO' | localize}}\">\n        <button mat-icon-button (click)=\"messageService.emit(messageType.Redo)\"\n                [disabled]=\"presetsService.isLoading || !appState.canRedo()\"\n        >\n          <mat-icon class=\"homedecorator-material-icons\">redo</mat-icon>\n        </button>\n      </div>\n      <button mat-icon-button *ngIf=\"!fullscreen\" (click)=\"requestFullscreen()\" matTooltip=\"{{'REQUEST_FULLSCREEN' | localize}}\">\n        <mat-icon class=\"homedecorator-material-icons\">fullscreen</mat-icon>\n      </button>\n      <button mat-icon-button *ngIf=\"fullscreen\" (click)=\"exitFullscreen()\" matTooltip=\"{{'EXIT_FULLSCREEN' | localize}}\">\n        <mat-icon class=\"homedecorator-material-icons\">fullscreen_exit</mat-icon>\n      </button>\n    </mat-toolbar>\n\n    <limited-mode-message\n      *ngIf=\"phoneSizeScreen && showLimitedModeMessage\"\n      (closeClicked)=\"onCloseLimitedModeMessageClick()\">\n    </limited-mode-message>\n\n    <div class=\"toast-wrapper\"\n         [class.success]=\"toast.type ==  toastType.Success\"\n         [class.warning]=\"toast.type ==  toastType.Warning\"\n         [class.error]=\"toast.type ==  toastType.Error\"\n         *ngIf=\"toast\"\n         @showToast\n         [textContent]=\"toast.message\">\n    </div>\n\n    <mat-toolbar-row class=\"toolbar-row\">\n      <mat-toolbar class=\"toolbar toolbar--secondary\" *ngIf=\"!phoneSizeScreen\">\n        <ng-container *ngFor=\"let icon of toolbarIconsTop\">\n          <ng-container [cdkPortalOutlet]=\"icon.portal\"></ng-container>\n        </ng-container>\n        <span class=\"hd-toolbar-spacer\"></span>\n        <ng-container *ngFor=\"let icon of toolbarIconsBottom\">\n          <ng-container [cdkPortalOutlet]=\"icon.portal\"></ng-container>\n        </ng-container>\n      </mat-toolbar>\n\n      <mat-drawer-container class=\"drawer-container\">\n        <mat-drawer class=\"drawer\" mode=\"over\" position=\"left\" #leftSidebar>\n          <mat-drawer-content class=\"drawer__body\">\n            <button class=\"drawer__button\" mat-icon-button (click)=\"clickCloseLeftSidebar()\">\n              <mat-icon class=\"homedecorator-material-icons\">clear</mat-icon>\n            </button>\n            <ng-container [cdkPortalOutlet]=\"leftPortal\"></ng-container>\n          </mat-drawer-content>\n        </mat-drawer>\n      </mat-drawer-container>\n    </mat-toolbar-row>\n    <!--\n          </div>\n    -->\n  ",
+                      template: "\n    <!--\n          <div class=\"layer layer&#45;&#45;toolbar\">\n    -->\n    <mat-toolbar class=\"toolbar\" color=\"primary\">\n      <button *ngIf=\"phoneSizeScreen\" mat-icon-button class=\"menu-icon\" [matMenuTriggerFor]=\"menu\">\n        <mat-icon class=\"homedecorator-material-icons\">menu</mat-icon>\n      </button>\n      <mat-menu #menu>\n        <ng-container *ngFor=\"let icon of toolbarIconsTop\">\n          <ng-container [cdkPortalOutlet]=\"icon.portal\">\n          </ng-container>\n        </ng-container>\n      </mat-menu>\n\n      <img src=\"assets/images/logo.svg\" class=\"toolbar-logo\"/>\n      <img *ngIf=\"settingsService.settings.secondaryLogo\" [src]=\"settingsService.settings.secondaryLogo\"\n           class=\"toolbar-logo secondary-logo\"/>\n      <ng-container *ngIf=\"settingsService.settings.options.development\">\n        <mat-card class=\"wip-card\">\n          <mat-card-content>\n            {{ 'WORK_IN_PROGRESS' | localize }}\n          </mat-card-content>\n        </mat-card>\n        <button mat-icon-button (click)=\"loadRoom()\">\n          <mat-icon class=\"homedecorator-material-icons\">weekend</mat-icon>\n        </button>\n        <button mat-icon-button (click)=\"loadResizableRoom()\">\n          <mat-icon class=\"homedecorator-material-icons\">camera-control</mat-icon>\n        </button>\n      </ng-container>\n      <ng-container *ngIf=\"settingsService.settings.options.showRoomDownloadButton\">\n        <button mat-icon-button (click)=\"downloadRoom()\">\n          <mat-icon class=\"homedecorator-material-icons\" matTooltip=\"{{'DOWNLOAD_ROOM_AS_GLB' | localize}}\">cloud_download</mat-icon>\n        </button>\n      </ng-container>\n      <div class=\"hd-toolbar-spacer\"></div>\n\n<!--      <ng-container>-->\n<!--        <rp-pdf-export></rp-pdf-export>-->\n<!--      </ng-container>-->\n\n      <mat-nav-list class=\"toolbar__nav\" role=\"list\">\n        <div matTooltip=\"{{'NEW_ROOM' | localize}}\">\n          <mat-list-item role=\"listitem\" (click)=\"newRoom()\">{{ 'NEW' | localize }}</mat-list-item>\n        </div>\n        <div matTooltip=\"{{'OPEN_EXISTING_PLAN' | localize}}\">\n          <mat-list-item role=\"listitem\" (click)=\"openOpenDialog()\">{{ 'OPEN' | localize }}</mat-list-item>\n        </div>\n        <div *ngIf=\"storageService.errorWhenSaving\" class=\"storage-error\"\n             [class.blinker]=\"showBlinkError\" matTooltip=\"{{'ERROR_SAVING_LOCALSTORAGE' | localize}}\"\n             (mousemove)=\"showBlinkError = false\"\n        ><span>!</span></div>\n        <div [class.blinker]=\"!showSaveNotification\" matTooltip=\"{{'SAVE_THE_PLAN' | localize}}\">\n          <mat-list-item\n            matTooltip=\"{{'SAVE_TOOLTIP' | localize}}\"\n            [matTooltipDisabled]=\"tooltipDisabled\"\n            matTooltipClass=\"tooltip-red\"\n            role=\"listitem\"\n            (click)=\"openSaveDialog() && stopTimer()\"\n          >{{ 'SAVE' | localize }}\n          </mat-list-item>\n        </div>\n        <div\n          class=\"badge\"\n          matBadge=\"!\"\n          matBadgeColor=\"warn\"\n          matBadgePosition=\"below before\"\n          matBadgeOverlap=\"true\"\n          matBadgeSize=\"medium\"\n          [matBadgeHidden]=\"badgeDisabled\">\n        </div>\n      </mat-nav-list>\n      <div matTooltip=\"{{'SAVE_IMAGE' | localize}}\">\n        <button mat-icon-button (click)=\"onTakeScreenshotClick()\">\n          <mat-icon class=\"homedecorator-material-icons\">photo_camera</mat-icon>\n        </button>\n      </div>\n      <div matTooltip=\"{{'UNDO' | localize}}\">\n        <button mat-icon-button (click)=\"messageService.emit(messageType.Undo)\"\n                [disabled]=\"presetsService.isLoading || !appState.canUndo()\"\n        >\n          <mat-icon class=\"homedecorator-material-icons\">undo</mat-icon>\n        </button>\n      </div>\n      <div matTooltip=\"{{'REDO' | localize}}\">\n        <button mat-icon-button (click)=\"messageService.emit(messageType.Redo)\"\n                [disabled]=\"presetsService.isLoading || !appState.canRedo()\"\n        >\n          <mat-icon class=\"homedecorator-material-icons\">redo</mat-icon>\n        </button>\n      </div>\n      <button mat-icon-button *ngIf=\"!fullscreen\" (click)=\"requestFullscreen()\" matTooltip=\"{{'REQUEST_FULLSCREEN' | localize}}\">\n        <mat-icon class=\"homedecorator-material-icons\">fullscreen</mat-icon>\n      </button>\n      <button mat-icon-button *ngIf=\"fullscreen\" (click)=\"exitFullscreen()\" matTooltip=\"{{'EXIT_FULLSCREEN' | localize}}\">\n        <mat-icon class=\"homedecorator-material-icons\">fullscreen_exit</mat-icon>\n      </button>\n    </mat-toolbar>\n\n    <limited-mode-message\n      *ngIf=\"phoneSizeScreen && showLimitedModeMessage\"\n      (closeClicked)=\"onCloseLimitedModeMessageClick()\">\n    </limited-mode-message>\n\n    <div class=\"toast-wrapper\"\n         [class.success]=\"toast.type ==  toastType.Success\"\n         [class.warning]=\"toast.type ==  toastType.Warning\"\n         [class.error]=\"toast.type ==  toastType.Error\"\n         *ngIf=\"toast\"\n         @showToast\n         [textContent]=\"toast.message\">\n    </div>\n\n    <mat-toolbar-row class=\"toolbar-row\">\n      <mat-toolbar class=\"toolbar toolbar--secondary\" *ngIf=\"!phoneSizeScreen\">\n        <ng-container *ngFor=\"let icon of toolbarIconsTop\">\n          <ng-container [cdkPortalOutlet]=\"icon.portal\"></ng-container>\n        </ng-container>\n        <span class=\"hd-toolbar-spacer\"></span>\n        <ng-container *ngFor=\"let icon of toolbarIconsBottom\">\n          <ng-container [cdkPortalOutlet]=\"icon.portal\"></ng-container>\n        </ng-container>\n      </mat-toolbar>\n\n      <mat-drawer-container class=\"drawer-container\">\n        <mat-drawer class=\"drawer\" mode=\"over\" position=\"left\" #leftSidebar>\n          <mat-drawer-content class=\"drawer__body\">\n            <button class=\"drawer__button\" mat-icon-button (click)=\"clickCloseLeftSidebar()\">\n              <mat-icon class=\"homedecorator-material-icons\">clear</mat-icon>\n            </button>\n            <ng-container [cdkPortalOutlet]=\"leftPortal\"></ng-container>\n          </mat-drawer-content>\n        </mat-drawer>\n      </mat-drawer-container>\n    </mat-toolbar-row>\n    <!--\n          </div>\n    -->\n  ",
                       styleUrls: ['./toolbar.component.scss'],
                       animations: [
                           animations.trigger('showToast', [
@@ -44480,13 +45380,14 @@
           this.file = null;
           this.fileMaxSize = 30; // file size in mb
           this._maxFileSize = this.fileMaxSize * 1024 * 1024; // fileMaxSize to kb
-          this._allowedFiles = ['glb', 'obj', 'fbx', '3ds', 'gltf'];
+          this._allowedFiles = ['glb', 'obj', 'fbx', '3ds', 'gltf', 'stl'];
       }
       ModelUploaderComponent.prototype.ngOnInit = function () {
       };
       ModelUploaderComponent.prototype.ngOnDestroy = function () {
       };
       ModelUploaderComponent.prototype.onChange = function (event) {
+          this.showUploadError = false;
           var file = event.target.files[0];
           if (file) {
               this.file = file;
@@ -44733,7 +45634,7 @@
                           if (!jsonString) return [3 /*break*/, 4];
                           jsonObj_1 = JSON.parse(jsonString);
                           if (!(jsonObj_1['hash'] !== undefined)) return [3 /*break*/, 4];
-                          customerName = 'Linteloo';
+                          customerName = this.catalogInfo.username;
                           modelUrl_1 = this.catalogInfo.externalSource.domain + '/models/' + jsonObj_1['hash'] + '/glb';
                           configurationUrl = this.catalogInfo.externalSource.domain + '/configurationData/' + jsonObj_1['hash'];
                           priceDataUrl = this.catalogInfo.externalSource.domain + '/rules/api/' + customerName.toLowerCase() + '/' + jsonObj_1['hash'];
@@ -47070,6 +47971,123 @@
                   }]
           }] });
 
+  var ExportPdfComponent = /** @class */ (function () {
+      function ExportPdfComponent(_sceneService, _floorService, _messageBusService) {
+          var _this = this;
+          this._sceneService = _sceneService;
+          this._floorService = _floorService;
+          this._messageBusService = _messageBusService;
+          this._subs = [];
+          this._diagramBackground = '';
+          this._subs.push(this._messageBusService.subscribe(MessageType.LoadScaledDiagram, function (input) { return _this.setDiagramBackground(input); }));
+      }
+      ExportPdfComponent.prototype.ngOnDestroy = function () {
+          this._subs.forEach(function (s) { return s.unsubscribe(); });
+      };
+      ExportPdfComponent.prototype.getFloor = function () {
+          var e_1, _a;
+          var activeFloor = this._floorService.floorToConfigure.metadata;
+          var output = [];
+          if (activeFloor) {
+              var floorCountResult = activeFloor.floorCountResult;
+              output.push(['Planken links', floorCountResult.left.toString()]);
+              output.push(['Planken rechts', floorCountResult.right.toString()]);
+              output.push(['Hoek', floorCountResult.edge.toString()]);
+              output.push(['Totaal aantal planken', floorCountResult.total.toString()]);
+              var selectedSelections = activeFloor.selections;
+              try {
+                  for (var selectedSelections_1 = __values(selectedSelections), selectedSelections_1_1 = selectedSelections_1.next(); !selectedSelections_1_1.done; selectedSelections_1_1 = selectedSelections_1.next()) {
+                      var selectedSelection = selectedSelections_1_1.value;
+                      if (selectedSelection.commercialAnswer !== undefined) {
+                          output.push([selectedSelection.commercialQuestion, selectedSelection.commercialAnswer]);
+                      }
+                  }
+              }
+              catch (e_1_1) { e_1 = { error: e_1_1 }; }
+              finally {
+                  try {
+                      if (selectedSelections_1_1 && !selectedSelections_1_1.done && (_a = selectedSelections_1.return)) _a.call(selectedSelections_1);
+                  }
+                  finally { if (e_1) throw e_1.error; }
+              }
+              console.log(output);
+          }
+          return output;
+      };
+      ExportPdfComponent.prototype.generatePdf = function () {
+          // get all data
+          var sceneImage = this._createSceneScreenshot();
+          var doc = new jspdf.jsPDF();
+          var dataList = this.getFloor();
+          var dataListLength = dataList.length;
+          autoTable__default["default"](doc, {
+              head: [['Header', 'Value']],
+              body: dataList,
+              bodyStyles: { minCellHeight: 10 }
+          });
+          doc.addPage();
+          doc.addImage(sceneImage, 'JPEG', 0, 0, 210, 117); // size is in mm not pixels!
+          if (this._diagramBackground !== '') {
+              doc.addPage();
+              var offsetYImageTwo = 30 + 125 + (dataListLength * 10);
+              doc.addImage(this._diagramBackground, 'JPEG', 0, 0, 210, 117); // size is in mm not pixels!
+          }
+          doc.save('sample.pdf');
+      };
+      ExportPdfComponent.prototype.setDiagramBackground = function (input) {
+          this._diagramBackground = input.background.src;
+      };
+      ExportPdfComponent.prototype._createSceneScreenshot = function () {
+          return this._sceneService.createRenderWithOrthographicCamera();
+          // return this._sceneService.getSceneCanvasImage();
+      };
+      return ExportPdfComponent;
+  }());
+  ExportPdfComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ExportPdfComponent, deps: [{ token: SceneService }, { token: FloorService }, { token: MessageBusService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  ExportPdfComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ExportPdfComponent, selector: "rp-pdf-export", ngImport: i0__namespace, template: "\n    <div>\n      <button (click)=\"generatePdf()\">Generate PDF</button>\n    </div>\n  ", isInline: true, styles: [":host .mat-dialog-content{margin:0;padding:0;overflow:hidden}:host .mat-nav-list{display:flex;flex-direction:column}.mat-dialog-actions{margin-bottom:0}.item-description{white-space:inherit!important}\n"] });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ExportPdfComponent, decorators: [{
+              type: i0.Component,
+              args: [{
+                      selector: 'rp-pdf-export',
+                      template: "\n    <div>\n      <button (click)=\"generatePdf()\">Generate PDF</button>\n    </div>\n  ",
+                      styleUrls: ['./pdf-export.component.scss']
+                  }]
+          }], ctorParameters: function () { return [{ type: SceneService }, { type: FloorService }, { type: MessageBusService }]; } });
+
+  var ExportPdfModule = /** @class */ (function () {
+      function ExportPdfModule() {
+      }
+      return ExportPdfModule;
+  }());
+  ExportPdfModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ExportPdfModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+  ExportPdfModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ExportPdfModule, declarations: [ExportPdfComponent], imports: [CoreModule,
+          i5.CommonModule,
+          i1$1.MatDialogModule,
+          i2$2.MatListModule], exports: [ExportPdfComponent] });
+  ExportPdfModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ExportPdfModule, imports: [[
+              CoreModule,
+              i5.CommonModule,
+              i1$1.MatDialogModule,
+              i2$2.MatListModule
+          ]] });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ExportPdfModule, decorators: [{
+              type: i0.NgModule,
+              args: [{
+                      imports: [
+                          CoreModule,
+                          i5.CommonModule,
+                          i1$1.MatDialogModule,
+                          i2$2.MatListModule
+                      ],
+                      exports: [
+                          ExportPdfComponent
+                      ],
+                      declarations: [
+                          ExportPdfComponent
+                      ]
+                  }]
+          }] });
+
   var ToolbarModule = /** @class */ (function () {
       function ToolbarModule() {
       }
@@ -47114,7 +48132,8 @@
           i4.IconModule,
           i30.MatBadgeModule,
           ThreedInPhotoModule,
-          i6$2.PdfViewerModule], exports: [ToolbarComponent] });
+          i6$2.PdfViewerModule,
+          ExportPdfModule], exports: [ToolbarComponent] });
   ToolbarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ToolbarModule, imports: [[
               CoreModule,
               i5.CommonModule,
@@ -47143,7 +48162,8 @@
               i4.IconModule,
               i30.MatBadgeModule,
               ThreedInPhotoModule,
-              i6$2.PdfViewerModule
+              i6$2.PdfViewerModule,
+              ExportPdfModule
           ]] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ToolbarModule, decorators: [{
               type: i0.NgModule,
@@ -47176,7 +48196,8 @@
                           i4.IconModule,
                           i30.MatBadgeModule,
                           ThreedInPhotoModule,
-                          i6$2.PdfViewerModule
+                          i6$2.PdfViewerModule,
+                          ExportPdfModule
                       ],
                       entryComponents: [
                           LoadFromCloudDialogComponent,
@@ -47256,7 +48277,7 @@
           i4$1.ImageModule,
           i7$3.CatalogExternalSourcesModule,
           i7$3.CatalogExternalSourceModule,
-          i6$3.MatRadioModule], exports: [ModelUploaderComponent] });
+          i9$1.MatRadioModule], exports: [ModelUploaderComponent] });
   ModelUploaderModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ModelUploaderModule, imports: [[
               i5.CommonModule,
               CoreModule,
@@ -47266,7 +48287,7 @@
               i4$1.ImageModule,
               i7$3.CatalogExternalSourcesModule,
               i7$3.CatalogExternalSourceModule,
-              i6$3.MatRadioModule,
+              i9$1.MatRadioModule,
           ]] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ModelUploaderModule, decorators: [{
               type: i0.NgModule,
@@ -47280,7 +48301,7 @@
                           i4$1.ImageModule,
                           i7$3.CatalogExternalSourcesModule,
                           i7$3.CatalogExternalSourceModule,
-                          i6$3.MatRadioModule,
+                          i9$1.MatRadioModule,
                       ],
                       exports: [
                           ModelUploaderComponent