@colijnit/homedecorator 256.1.8 → 256.1.10

package/app/core/enum/icon.enum.d.ts

@@ -56,6 +56,7 @@ export declare enum IconEnum {
     HeightAdjust = "height_adjust",
     House = "house",
     ImageLight = "image_light",
+    ImageSlashRegular = "image_slash_regular",
     LinkLight = "link_light",
     LinkSlashLight = "link_slash_light",
     List = "list",

package/app/core/enum/message-type.enum.d.ts

@@ -63,11 +63,14 @@ export declare enum MessageType {
     StartWithDiagram = "StartWithDiagram",
     StartDrawingDiagram = "StartDrawingDiagram",
     LoadScaledDiagram = "LoadScaledDiagram",
+    ToggleDiagram = "ToggleDiagram",
     StartCroppingPDF = "StartCroppingPDF",
     BlenderRenderFileReady = "BlenderRenderFileReady",
     UserModelUploaded = "UserModelUploaded",
     ChangeTexture = "ChangeTexture",
     RenderError = "RenderError",
     ShowFloorArticleCatalog = "ShowFloorArticleCatalog",
-    BlenderRenderPreviewReady = "BlenderRenderPreviewReady"
+    BlenderRenderPreviewReady = "BlenderRenderPreviewReady",
+    FloorRebuild = "FloorRebuild",
+    FloorPlaneAvailable = "FloorPlaneAvailable"
 }

package/app/core/interface/message-without-payload.interface.d.ts

@@ -32,4 +32,7 @@ export interface MessagesWithoutPayload {
     [MessageType.StartGroupObject]: any;
     [MessageType.CancelGroupObject]: any;
     [MessageType.StartWithDiagram]: any;
+    [MessageType.FloorRebuild]: any;
+    [MessageType.FloorPlaneAvailable]: any;
+    [MessageType.ToggleDiagram]: any;
 }

package/app/core/model/homedecorator-settings-options.d.ts

@@ -5,6 +5,7 @@ export declare class HomedecoratorSettingsOptions {
     showTagFilter: boolean;
     showAsConfigured: boolean;
     development: boolean;
+    allowLocalSave: boolean;
     inlineAnswers: boolean;
     showArButton: boolean;
     showCaptionAddButton: boolean;

package/app/core/model/homedecorator-settings.d.ts

@@ -52,4 +52,7 @@ export declare class HomedecoratorSettings {
     showConversionButtons: boolean;
     showUploadDiagram: boolean;
     isHomeDecoHub: boolean;
+    standAloneRoomplanner: boolean;
+    projectSettings: HomedecoratorSettings;
+    showFloorProductTab: boolean;
 }

package/app/core/service/app-state.service.d.ts

@@ -1,5 +1,6 @@
 import { OnDestroy } from '@angular/core';
 import { MessageBusService } from './message-bus.service';
+import { UtilsService } from './utils.service';
 import * as i0 from "@angular/core";
 export declare type StateValue = string;
 declare type Action = string;
@@ -20,6 +21,7 @@ interface ValueState {
 declare type State = DiffState | ValueState;
 export declare class AppStateService implements OnDestroy {
     private messageBusService;
+    private _utilsService;
     createStateFn: CreateStateInterface;
     applyStateFn: ApplyStateInterface;
     states: State[];
@@ -27,7 +29,7 @@ export declare class AppStateService implements OnDestroy {
     undoDisabled: boolean;
     redoDisabled: boolean;
     private _subs;
-    constructor(messageBusService: MessageBusService);
+    constructor(messageBusService: MessageBusService, _utilsService: UtilsService);
     ngOnDestroy(): void;
     init(stateApi: StateApi, initialState: StateValue): void;
     canRedo(): boolean;

package/app/core/service/homedecorator-connector-adapter.service.d.ts

@@ -26,6 +26,7 @@ import { ArticleFlat } from '@colijnit/articleapi/build/model/article-flat.bo';
 import { HomedecoratorAppEventService } from './homedecorator-app-event.service';
 import { CoDomainValue } from '@colijnit/mainapi/build/model/co-domain-value.bo';
 import { ObjectConfiguration } from '@colijnit/ioneconnector/build/model/object-configuration';
+import { ArticleExtended } from '@colijnit/articleapi/build/model/article-extended.bo';
 import * as i0 from "@angular/core";
 export declare class ExternalConnector {
     loginResponse: LoginResponse;
@@ -50,6 +51,8 @@ export declare class HomedecoratorConnectorAdapterService {
     loginResponse: LoginResponse;
     private _catalogDefinitions;
     private _externalSources;
+    private _catalogDefinitionsOriginal;
+    private _externalSourcesOriginal;
     private _connector?;
     private _articleApi;
     private _mainApi;
@@ -91,7 +94,10 @@ export declare class HomedecoratorConnectorAdapterService {
     getModelPlacementOptions(): Promise<CoDomainValue[]>;
     getObjectConfiguration(screenCfgModule: string, params?: string | string[], insertMode?: boolean): Promise<ObjectConfiguration[]>;
     getExternalSourceFromId(id: number): ExternalSource;
+    saveExternalSources(): void;
+    resetExternalSources(): void;
     prepareExternalSources(): Promise<void>;
+    getArticleExtended(articleNumber: string): Promise<ArticleExtended>;
     private _getPublicationCodeForRole;
     static ɵfac: i0.ɵɵFactoryDeclaration<HomedecoratorConnectorAdapterService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<HomedecoratorConnectorAdapterService>;

package/app/core/service/homedecorator-connector.service.d.ts

@@ -83,6 +83,8 @@ export declare class HomedecoratorConnectorService implements OnDestroy {
     setDecoNodes(decoNodes: DecoNode[]): void;
     getImageCache(): any;
     getImageById(id: number): any;
+    beforeLoadPreset(): Promise<void>;
+    afterLoadPreset(): Promise<void>;
     initConnection(forceReload?: boolean): Promise<void>;
     getInternalParameter(param: InternalParam): Promise<string>;
     getJsonConfiguredArticles(goodId: number, goodType: string, quantity: number, externalSource?: boolean, showLoader?: boolean, instanceId?: number, configuratorStatistics?: ConfiguratorStatisticsEnvironment): Promise<any>;

package/app/core/service/presets.service.d.ts

@@ -11,6 +11,7 @@ import { LocalStorageService } from '../../service/local-storage.service';
 import { ProgressService } from './progress.service';
 import { SceneService } from '../../plugins/core3d/service/scene.service';
 import { HomedecoratorAppEventService } from './homedecorator-app-event.service';
+import { HomedecoratorConnectorService } from './homedecorator-connector.service';
 import * as i0 from "@angular/core";
 export declare class PresetsService implements OnDestroy {
     private _appStateService;
@@ -23,6 +24,7 @@ export declare class PresetsService implements OnDestroy {
     private _progressService;
     private _sceneService;
     private _eventService;
+    private _connector;
     isLoading: boolean;
     beforeLoad: Subject<any>;
     afterLoad: Subject<any>;
@@ -30,7 +32,7 @@ export declare class PresetsService implements OnDestroy {
     assetPath: string;
     stateCreated: Subject<void>;
     private _subs;
-    constructor(_appStateService: AppStateService, _permanentStoreService: PermanentStoreService, _jsonUtils: JsonUtilsService, _messageService: MessageBusService, _settingsService: HomedecoratorSettingsService, _configurationService: ConfigurationService, _storageService: LocalStorageService, _progressService: ProgressService, _sceneService: SceneService, _eventService: HomedecoratorAppEventService);
+    constructor(_appStateService: AppStateService, _permanentStoreService: PermanentStoreService, _jsonUtils: JsonUtilsService, _messageService: MessageBusService, _settingsService: HomedecoratorSettingsService, _configurationService: ConfigurationService, _storageService: LocalStorageService, _progressService: ProgressService, _sceneService: SceneService, _eventService: HomedecoratorAppEventService, _connector: HomedecoratorConnectorService);
     ngOnDestroy(): void;
     register(plugin: PluginInterface): void;
     reopenState(model: string): void;

package/app/core/service/utils.service.d.ts

@@ -60,11 +60,11 @@ export declare class UtilsService implements OnDestroy {
     forceChangeDetection(cd: ChangeDetectorRef, component: any, propName: string): void;
     getKTX2Loader(): KTX2Loader;
     downloadUSDZforARIOS(object: Object3D): Promise<void>;
+    cleanedUpObjects(object: Object3D, cleanUp?: boolean): Object3D;
     private _download3DModelAsGLB;
     private _download3DModelAsUSDZ;
     private _downloadFile;
     private _loadGroup;
-    private _cleanedUpObjects;
     private _addGroupChildrenToObject;
     private _iterateChildren;
     private _includeBaseUrl;

package/app/homedecorator.component.d.ts

@@ -8,6 +8,7 @@ import { ScreenSizeAnalysisService } from './shared/screen-size-analysis/screen-
 import { MessageBusService } from './core/service/message-bus.service';
 import { HomedecoratorService } from './core/service/homedecorator.service';
 import { HomedecoratorAppEventService } from './core/service/homedecorator-app-event.service';
+import { FilterOrder } from '@colijnit/catalog/lib/interface/filter-order.interface';
 import * as i0 from "@angular/core";
 export declare class HomedecoratorComponent implements OnInit, OnDestroy {
     controllerService: HomedecoratorConnectorService;
@@ -22,6 +23,9 @@ export declare class HomedecoratorComponent implements OnInit, OnDestroy {
     private _eventService;
     set settings(value: any);
     get settings(): any;
+    generalFilterOrders: FilterOrder[];
+    purchaseFilterOrders: FilterOrder[];
+    logisticsFilterOrders: FilterOrder[];
     showClass: boolean;
     loaded: boolean;
     title: string;
@@ -40,5 +44,5 @@ export declare class HomedecoratorComponent implements OnInit, OnDestroy {
     private _startWithEmptyRoom;
     private _startWithPreset;
     static ɵfac: i0.ɵɵFactoryDeclaration<HomedecoratorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HomedecoratorComponent, "co-homedecorator", never, { "settings": "settings"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HomedecoratorComponent, "co-homedecorator", never, { "settings": "settings"; "generalFilterOrders": "generalFilterOrders"; "purchaseFilterOrders": "purchaseFilterOrders"; "logisticsFilterOrders": "logisticsFilterOrders"; }, {}, never, never>;
 }

package/app/plugins/core3d/core3d/core3d.component.d.ts

@@ -49,6 +49,7 @@ export declare class Core3dComponent implements OnInit, OnDestroy, PluginInterfa
     showLightplan: boolean;
     showCameraControlButtons: boolean;
     show3DWaterMark: boolean;
+    threedOptionsAvailable: boolean;
     private _subs;
     constructor(viewModeService: ViewModeService, settingsService: HomedecoratorSettingsService, xrService: XrService, _vrService: VrService, _presetService: PresetsService, _messageService: MessageBusService, _configurationService: ConfigurationService, _cameraService: CameraService, _floorplanService: FloorplanService, _itemService: ItemService, _dialog: MatDialog, iconService: HomedecoratorIconCacheService, _screenSizeService: ScreenSizeAnalysisService, _wallMeasurementsService: WallMeasurementsService);
     ngOnInit(): void;
@@ -71,6 +72,7 @@ export declare class Core3dComponent implements OnInit, OnDestroy, PluginInterfa
     };
     copySceneInstance(saveAs: boolean): Promise<void>;
     loadObjects(data: any): Promise<any>;
+    private _viewModeChanged;
     static ɵfac: i0.ɵɵFactoryDeclaration<Core3dComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<Core3dComponent, "rp-core3d", never, {}, {}, never, never>;
 }

package/app/plugins/core3d/hud/measurements.d.ts

@@ -38,7 +38,7 @@ export declare abstract class Measurements {
             direction: THREE.Vector3;
             value: number;
         };
-    }, index: number): (THREE.Mesh | THREE.ArrowHelper)[];
+    }, index: number, placement: string): (THREE.Mesh | THREE.ArrowHelper)[];
     protected nonItemPlane(item: any, plane: any): boolean;
     protected rotateDirection(rotateY: number, direction: THREE.Vector3): THREE.Vector3;
     protected rotatedBoundingBoxBottomPoint(item: any, point: THREE.Vector3): THREE.Vector3;

package/app/plugins/core3d/items/base-item.d.ts

@@ -37,6 +37,7 @@ export declare abstract class BaseItem extends Object3D {
     default180: boolean;
     configurable: boolean;
     tempObject: boolean;
+    onWall: boolean;
     set metadata(value: Metadata);
     get metadata(): Metadata;
     protected positionSet: boolean;

package/app/plugins/core3d/items/custom-objects.d.ts

@@ -30,6 +30,7 @@ export declare class CustomMesh extends Mesh {
     dispose(): void;
     private _getRootMeshPosition;
     private _initializeDimensions;
+    private _inFiniteBoundingBox;
     private _boundingBoxToCorners;
     private _getBoundingBox;
     private _cleanupBoundingBox;

package/app/plugins/core3d/service/floor.service.d.ts

@@ -1,5 +1,5 @@
 import { OnDestroy } from '@angular/core';
-import { BufferGeometry, Color, Mesh } from 'three';
+import { BufferGeometry, Color, Mesh, Object3D } from 'three';
 import { SceneService } from './scene.service';
 import { Corner, Room } from '../items/wall-objects';
 import { Texture } from '../../../core/model/texture';
@@ -20,6 +20,7 @@ export declare class FloorService implements OnDestroy {
     private _groundPlane;
     private _floorPlane;
     private _selectedFloorArticle;
+    private _configurableFloor;
     private _showFloorCenterLineZAxis;
     private _floorCenterLineZAxis;
     private _showFloorCenterLineXAxis;
@@ -29,8 +30,13 @@ export declare class FloorService implements OnDestroy {
     private _subs;
     private _floorResultObject;
     private _mirrorPlane;
+    private _toggleState;
     get groundPlane(): Mesh;
     set groundPlane(mesh: Mesh);
+    get configurableFloor(): Object3D;
+    set configurableFloor(object: Object3D);
+    get toggleState(): boolean;
+    set toggleState(state: boolean);
     get floorPlane(): FloorPlaneItem;
     get selectedFloorArticle(): Article;
     set selectedFloorArticle(article: Article);
@@ -49,6 +55,8 @@ export declare class FloorService implements OnDestroy {
     floorToConfigure: FloorPlaneItem;
     constructor(_sceneService: SceneService, _outlineService: OutlineService, _itemService: ItemService, _settingsService: HomedecoratorSettingsService, _messageService: MessageBusService);
     ngOnDestroy(): void;
+    toggleFloorFrame(visible: boolean): void;
+    checkForConfigurableFloor(): boolean;
     getFloorPlane(): FloorPlaneItem;
     setFloorTexture(room: Room, texture: Texture): Promise<void>;
     setFloorColor(room: Room, color: number): Promise<void>;

package/app/plugins/model-uploader/model-previewer/model-preview.component.d.ts

@@ -92,6 +92,8 @@ export declare class ModelPreviewComponent implements OnInit, OnDestroy {
     private _blobToArrayBuffer;
     private _createLightFromProperties;
     private _setObjectProperties;
+    private _validateTextures;
+    private _replaceProceduralTextures;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModelPreviewComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ModelPreviewComponent, "rp-model-preview", never, {}, {}, never, never>;
 }

package/app/plugins/product-catalog/own-collection-catalog/product-own-collection.component.d.ts

@@ -1,11 +1,13 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { EventEmitter } from '@angular/core';
 import { HomedecoratorExternalSettingsInterface } from '../../../core/interface/homedecorator-external-settings.interface';
 import { ArticleListObjectExtended } from '@colijnit/articleapi/build/model/article-list-object-extended.bo';
-import { CatalogScreenConfigurationService } from '../service/catalog-screen-configuration.service';
+import { FilterOrder } from '@colijnit/catalog/lib/interface/filter-order.interface';
 import * as i0 from "@angular/core";
-export declare class ProductOwnCollectionComponent implements OnInit {
-    private _screenConfigService;
+export declare class ProductOwnCollectionComponent {
     settings: any;
+    generalFilterOrders: FilterOrder[];
+    purchaseFilterOrders: FilterOrder[];
+    logisticsFilterOrders: FilterOrder[];
     articleClick: EventEmitter<{
         article: ArticleListObjectExtended;
         settings?: HomedecoratorExternalSettingsInterface;
@@ -14,10 +16,8 @@ export declare class ProductOwnCollectionComponent implements OnInit {
         article: ArticleListObjectExtended;
         settings?: HomedecoratorExternalSettingsInterface;
     }>;
-    constructor(_screenConfigService: CatalogScreenConfigurationService);
-    ngOnInit(): Promise<void>;
     handleArticleClick(article: ArticleListObjectExtended): void;
     handleArButtonClick(article: ArticleListObjectExtended): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProductOwnCollectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProductOwnCollectionComponent, "rp-product-own-collection", never, { "settings": "settings"; }, { "articleClick": "articleClick"; "arButtonClick": "arButtonClick"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProductOwnCollectionComponent, "rp-product-own-collection", never, { "settings": "settings"; "generalFilterOrders": "generalFilterOrders"; "purchaseFilterOrders": "purchaseFilterOrders"; "logisticsFilterOrders": "logisticsFilterOrders"; }, { "articleClick": "articleClick"; "arButtonClick": "arButtonClick"; }, never, never>;
 }

package/app/plugins/product-catalog/product-catalog/product-catalog.component.d.ts

@@ -16,7 +16,7 @@ import { HomedecoratorExternalSettingsInterface } from '../../../core/interface/
 import { ThirdPartyModelService } from '../../threedselector/threedselector/service/third-party-model.service';
 import { ExternalSourceArticleClickInterface } from '@colijnit/articleapi/build/interface/external-source-article-click.interface';
 import { ArticleListObjectExtended } from '@colijnit/articleapi/build/model/article-list-object-extended.bo';
-import { CatalogScreenConfigurationService } from '../service/catalog-screen-configuration.service';
+import { FilterOrder } from '@colijnit/catalog/lib/interface/filter-order.interface';
 import * as i0 from "@angular/core";
 export declare class ProductCatalogComponent implements OnInit, OnDestroy {
     settingsService: HomedecoratorSettingsService;
@@ -28,8 +28,10 @@ export declare class ProductCatalogComponent implements OnInit, OnDestroy {
     private _catalogService;
     private _adapterService;
     private _thirdPartyModelService;
-    private _screenConfigService;
     private _changeDetection;
+    generalFilterOrders: FilterOrder[];
+    purchaseFilterOrders: FilterOrder[];
+    logisticsFilterOrders: FilterOrder[];
     get shown(): boolean;
     loaded: boolean;
     settings: HomedecoratorSettings;
@@ -45,7 +47,7 @@ export declare class ProductCatalogComponent implements OnInit, OnDestroy {
     private _showCatalog;
     private _subs;
     private _source;
-    constructor(settingsService: HomedecoratorSettingsService, _messageBus: MessageBusService, _ioneController: HomedecoratorConnectorService, _screenSizeService: ScreenSizeAnalysisService, _sceneService: SceneService, _floorPlanService: FloorplanService, _catalogService: CatalogService, _adapterService: HomedecoratorConnectorAdapterService, _thirdPartyModelService: ThirdPartyModelService, _screenConfigService: CatalogScreenConfigurationService, _changeDetection: ChangeDetectorRef);
+    constructor(settingsService: HomedecoratorSettingsService, _messageBus: MessageBusService, _ioneController: HomedecoratorConnectorService, _screenSizeService: ScreenSizeAnalysisService, _sceneService: SceneService, _floorPlanService: FloorplanService, _catalogService: CatalogService, _adapterService: HomedecoratorConnectorAdapterService, _thirdPartyModelService: ThirdPartyModelService, _changeDetection: ChangeDetectorRef);
     ngOnInit(): Promise<void>;
     ngOnDestroy(): void;
     checkHomeDecohub(): void;
@@ -59,10 +61,10 @@ export declare class ProductCatalogComponent implements OnInit, OnDestroy {
     handleShowOwnCollectionClick(event: MouseEvent): void;
     handleBackClick(event: MouseEvent): void;
     handleRefreshClick(event: MouseEvent): void;
-    handleIFrameFeedback(jsonString: string): Promise<void>;
+    handleIFrameFeedback(jsonString: any): Promise<void>;
     iframeTest(): Promise<void>;
     private _buildExternalCatalogRequest;
     private _handleShowProductCatalogMessageReceived;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProductCatalogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProductCatalogComponent, "rp-product-catalog", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProductCatalogComponent, "rp-product-catalog", never, { "generalFilterOrders": "generalFilterOrders"; "purchaseFilterOrders": "purchaseFilterOrders"; "logisticsFilterOrders": "logisticsFilterOrders"; }, {}, never, never>;
 }

package/app/plugins/render/render-controls/render-controls.component.d.ts

@@ -43,13 +43,14 @@ export declare class RenderControlsComponent {
     readonly renderModes: typeof RenderModes;
     showRenderForm(event: MouseEvent): void;
     checkCameraPosition(event: MouseEvent): void;
-    private _validateRenderPosition;
     startRenderingRoom(): Promise<void>;
     createBlenderRender(): void;
     resetBlenderRenderScene(): void;
     moveCameraWithinBounds(): void;
     getPreviewRender(): void;
     showPreview(image: string): void;
+    private _validateRenderPosition;
+    private _getObjectsByName;
     static ɵfac: i0.ɵɵFactoryDeclaration<RenderControlsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<RenderControlsComponent, "rp-render-controls", never, {}, {}, never, never>;
 }

package/app/plugins/render/render-controls/render-controls.component.scss

@@ -1,6 +1,6 @@
 $border-radius: 20px;
 $border-width: 10px;
-$border-color:  #dda73f;
+$border-color: #dda73f;
 
 
 .render-container {
@@ -47,10 +47,12 @@ $border-color:  #dda73f;
         height: 40px;
         align-items: center;
         justify-content: space-evenly;
+
         ::ng-deep co-icon {
           display: inline-block;
           height: 18px;
           width: 18px;
+
           svg {
             path {
               fill: #fff;
@@ -63,6 +65,7 @@ $border-color:  #dda73f;
         color: #fff;
         background-color: #dda73f;
       }
+
       .cancel-button {
         color: #fff;
         background-color: #5b6875;
@@ -75,6 +78,7 @@ $border-color:  #dda73f;
       min-width: 275px;
       margin: 5px 0;
       position: relative;
+
       .render-popup-preview-placeholder {
         background-color: #fff;
         display: flex;
@@ -86,6 +90,7 @@ $border-color:  #dda73f;
         color: #ddd;
         font-size: 14px;
       }
+
       .render-popup-refresh-preview {
         position: absolute;
         bottom: 0;
@@ -97,6 +102,7 @@ $border-color:  #dda73f;
         width: 30px;
         background-color: #dda73f;
         color: #fff;
+
         ::ng-deep co-icon {
           svg {
             path {
@@ -165,6 +171,7 @@ $border-color:  #dda73f;
     position: relative;
     z-index: 2;
     margin-bottom: 10px;
+
     &.active {
       background: #74B77F;
       color: #fff;
@@ -234,3 +241,80 @@ $border-color:  #dda73f;
     border-bottom-right-radius: $border-radius;
   }
 }
+
+
+.render-warning {
+  width: 500px;
+  position: fixed;
+  top: 20%;
+  left: calc(50% - 250px);
+  border-radius: 15px;
+  box-sizing: border-box;
+  background-color: #fff;
+  box-shadow: 1px 0 20px rgba(0, 0, 0, 0.12);
+
+  .render-warming-header {
+    display: flex;
+    justify-content: space-between;
+    border-bottom: 1px solid #c5c3c6;
+    padding: 20px 20px 10px;
+    align-items: center;
+
+    h2 {
+      padding: 0;
+      margin: 0;
+    }
+
+    .render-warning-close {
+      mat-icon {
+        fill: #c5c3c6;
+        color: #c5c3c6;
+        cursor: pointer;
+        transition: all 0.2s ease;
+      }
+
+      &:hover {
+        mat-icon {
+          fill: #46494c;
+          color: #46494c;
+        }
+      }
+    }
+  }
+
+  .render-warning-body {
+    padding: 10px 20px;
+  }
+
+  .render-warning-footer {
+    display: flex;
+    justify-content: center;
+    padding: 0 20px 10px;
+
+    .render-popup-button {
+      float: none;
+      width: 110px;
+      border-radius: 3px;
+      cursor: pointer;
+      border: none;
+      display: flex;
+      height: 40px;
+      align-items: center;
+      justify-content: space-evenly;
+      color: #fff;
+      background-color: #5b6875;
+
+      ::ng-deep co-icon {
+        display: inline-block;
+        height: 18px;
+        width: 18px;
+
+        svg {
+          path {
+            fill: #fff;
+          }
+        }
+      }
+    }
+  }
+}

package/app/plugins/room-planner/components/appearance-section/appearance-section.component.d.ts

@@ -4,9 +4,11 @@ import { TextureType } from '../../../../core/model/texture-type';
 import { Texture } from '../../../../core/model/texture';
 import { IconEnum } from '../../../../core/enum/icon.enum';
 import { HomedecoratorIconCacheService } from '../../../../core/service/homedecorator-icon-cache.service';
+import { HomedecoratorSettingsService } from '../../../../core/service/homedecorator-settings.service';
 import * as i0 from "@angular/core";
 export declare class AppearanceSectionComponent implements OnInit, OnChanges {
     iconService: HomedecoratorIconCacheService;
+    settingsService: HomedecoratorSettingsService;
     readonly textureType: typeof TextureType;
     readonly icon: typeof IconEnum;
     type: 'wall' | 'floor';
@@ -28,7 +30,8 @@ export declare class AppearanceSectionComponent implements OnInit, OnChanges {
     backup: Texture | number;
     options: typeof TextureEditorOptions;
     selectedTabIndex: number;
-    constructor(iconService: HomedecoratorIconCacheService);
+    showProductTab: boolean;
+    constructor(iconService: HomedecoratorIconCacheService, settingsService: HomedecoratorSettingsService);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     updateSelectedTabIndex(index: number): void;

package/app/plugins/room-planner/components/floor-catalog/floor-catalog.component.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, OnInit } from '@angular/core';
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { HomedecoratorIconCacheService } from '../../../../core/service/homedecorator-icon-cache.service';
 import { IconEnum } from '../../../../core/enum/icon.enum';
 import { MessageBusService } from '../../../../core/service/message-bus.service';
@@ -6,18 +6,13 @@ import { FloorService } from '../../../core3d/service/floor.service';
 import { Article } from '@colijnit/configuratorapi/build/model/article';
 import { Texture } from '../../../../core/model/texture';
 import { BuildFurnitureService } from '../../../threedselector/threedselector/service/build-furniture.service';
-import { HomedecoratorConnectorAdapterService } from '../../../../core/service/homedecorator-connector-adapter.service';
-import { HomedecoratorConnectorService } from '../../../../core/service/homedecorator-connector.service';
-import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';
+import { SafeResourceUrl } from '@angular/platform-browser';
 import * as i0 from "@angular/core";
-export declare class FloorCatalogComponent implements OnInit {
+export declare class FloorCatalogComponent implements OnInit, OnDestroy {
     iconService: HomedecoratorIconCacheService;
     private _messageService;
     private _floorService;
     private _buildFurnitureService;
-    private _connectorAdapterService;
-    private _iOne;
-    private _domSanitizer;
     readonly icon: typeof IconEnum;
     type: 'floor';
     currentTexture: Texture;
@@ -35,8 +30,17 @@ export declare class FloorCatalogComponent implements OnInit {
     currentCenterlineXAxis: number;
     showCenterlineZAxis: boolean;
     showCenterlineXAxis: boolean;
-    constructor(iconService: HomedecoratorIconCacheService, _messageService: MessageBusService, _floorService: FloorService, _buildFurnitureService: BuildFurnitureService, _connectorAdapterService: HomedecoratorConnectorAdapterService, _iOne: HomedecoratorConnectorService, _domSanitizer: DomSanitizer);
+    checkboxState: boolean;
+    showFloorToggle: boolean;
+    showFloorDetails: boolean;
+    amountPlanksLeft: number;
+    amountPlanksRight: number;
+    amountOfPlanks: number;
+    angleOfPlanks: number;
+    private _subs;
+    constructor(iconService: HomedecoratorIconCacheService, _messageService: MessageBusService, _floorService: FloorService, _buildFurnitureService: BuildFurnitureService);
     ngOnInit(): void;
+    ngOnDestroy(): void;
     checkFloorArticle(): void;
     updateScale(): void;
     updateRotation(): void;
@@ -55,6 +59,10 @@ export declare class FloorCatalogComponent implements OnInit {
     showCenterlineX(event: any): void;
     showCatalog(): void;
     updateFloorItem(): void;
+    toggleFloorFrame(): void;
+    checkFloor(): void;
+    reToggleFloorFrame(): void;
+    getFloorInformation(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FloorCatalogComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FloorCatalogComponent, "rp-floor-catalog", never, { "type": "type"; "currentTexture": "currentTexture"; }, {}, never, never>;
 }

package/app/plugins/room-planner/components/floor-catalog/floor-catalog.component.scss

@@ -21,6 +21,7 @@ $input-border-color: #9FA9B4;
   }
 }
 
+
 .floor-catalog-wrap {
   .floor-catalog-selected-floor {
     background: $selected-floor-background;
@@ -30,7 +31,19 @@ $input-border-color: #9FA9B4;
     margin: 5px 0 15px;
 
     .selected-floor-thumbnail {
-      min-width: 180px;
+      min-width: 105px;
+      max-width: 160px;
+      margin-right: 10px;
+      justify-content: center;
+      align-items: center;
+      vertical-align: middle;
+      display: flex;
+      height: auto;
+      img {
+        display: block;
+        max-width: 100%;
+        height: max-content;
+      }
     }
   }
   .selected-floor-info {
@@ -72,10 +85,19 @@ $input-border-color: #9FA9B4;
     margin-bottom: 20px;
     align-items: center;
 
+    .up-down-input-wrapper {
+      position: relative;
+      label {
+        position: absolute;
+        font-size: 12px;
+        padding: 5px;
+      }
+    }
+
     .selected-floor-input {
       border: 1px solid $input-border-color;
       box-sizing: border-box;
-      padding: 3px 10px;
+      padding: 15px 10px 0;
       border-radius: 3px;
       line-height: 30px;
       width: 100%;
@@ -145,3 +167,20 @@ $input-border-color: #9FA9B4;
   background-color: #5b6875;
 }
 
+.floor-detail-item {
+  display: flex;
+  justify-content: space-between;
+  p {
+    font-weight: 300;
+    font-size: 14px;
+  }
+}
+
+.floor-detail-download {
+  display: flex;
+  justify-content: end;
+  button {
+    max-width: 150px;
+  }
+}
+