@colijnit/homedecorator 258.1.0 → 258.1.2

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

@@ -1,6 +1,7 @@
 /** AUTO GENERATED FILE. DO NOT CHANGE.. **/
 export declare enum IconEnum {
     AddButton = "add-button",
+    AddLight = "add_light",
     Aperture = "aperture",
     ArrowUpRightAndArrowDownLeftFromCenter = "arrow-up-right-and-arrow-down-left-from-center",
     ArrowsLeftRight = "arrows-left-right",
@@ -25,6 +26,7 @@ export declare enum IconEnum {
     CircleMinusLight = "circle_minus_light",
     CirclePlusLight = "circle_plus_light",
     CircleQuestion = "circle_question",
+    CircleRegular = "circle_regular",
     CircleXmark = "circle_xmark",
     CitPoweredWhite = "cit_powered_white",
     CloudArrowDown = "cloud_arrow_down",
@@ -73,8 +75,10 @@ export declare enum IconEnum {
     PaintRollerLight = "paint_roller_light",
     PenRuler = "pen-ruler",
     PencilLight = "pencil_light",
+    PlusRegular = "plus_regular",
     Qrcode = "qrcode",
     RetryButton = "retry-button",
+    RotateLight = "rotate_light",
     Settings = "settings",
     StreetViewOrange = "street-view-orange",
     StreetView = "street_view",

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

@@ -74,5 +74,6 @@ export declare enum MessageType {
     FloorRebuild = "FloorRebuild",
     FloorPlaneAvailable = "FloorPlaneAvailable",
     RemoveAllItems = "RemoveAllItems",
-    RemoveItem = "RemoveItem"
+    RemoveItem = "RemoveItem",
+    ChangeArticleConfigurationType = "ChangeArticleConfigurationType"
 }

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

@@ -87,4 +87,5 @@ export interface MessagesWithPayload {
     [MessageType.ShowFloorArticleCatalog]: any;
     [MessageType.BlenderRenderPreviewReady]: any;
     [MessageType.RemoveItem]: Item;
+    [MessageType.ChangeArticleConfigurationType]: boolean;
 }

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

@@ -39,7 +39,7 @@ export declare class HomedecoratorSettingsOptions {
     showFormDialog: boolean;
     showOnlyLastAnswerDescriptionGenericSelection: boolean;
     enable3DInPhoto: boolean;
-    useNewRender: boolean;
+    createGlbStandalone: boolean;
     useRenderWebsocket: boolean;
     productRenderSceneAssetId: string;
     pathTracer: boolean;
@@ -49,4 +49,7 @@ export declare class HomedecoratorSettingsOptions {
     aaEnabled: boolean;
     useCanvasImage: boolean;
     useThumbnailImage: boolean;
+    showProgressBar: boolean;
+    showProgressText: boolean;
+    showSelectionLoader: boolean;
 }

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

@@ -2,6 +2,7 @@ import { HomedecoratorSettingsOptions } from './homedecorator-settings-options';
 import { GetArticlesForCatalogRequest } from '@colijnit/configuratorapi/build/model/get-articles-for-catalog';
 import { RenderParameters } from '../../plugins/render/model/render-parameters';
 import { ArParameters } from '../../plugins/core3d/model/ar-parameters';
+import { BlenderSceneSettings } from '../../plugins/render/model/blender-scene-settings';
 export declare class HomedecoratorSettings {
     url: string;
     schema: string;
@@ -33,7 +34,6 @@ export declare class HomedecoratorSettings {
     options: HomedecoratorSettingsOptions;
     catalogParameters: GetArticlesForCatalogRequest;
     renderParameters: RenderParameters;
-    newRenderParameters: RenderParameters;
     arParameters: ArParameters;
     faqUrl: string;
     feedbackUrl: string;
@@ -43,7 +43,7 @@ export declare class HomedecoratorSettings {
     sceneBackground: string;
     sceneBackgroundColor: string;
     standaloneSceneBackgroundColor: string;
-    blenderRenderService: boolean;
+    blendFilesRender: boolean;
     renderApiClientId: string;
     uploadEndpoint: string;
     renderEndpoint: string;
@@ -55,4 +55,6 @@ export declare class HomedecoratorSettings {
     standAloneRoomplanner: boolean;
     projectSettings: HomedecoratorSettings;
     showFloorProductTab: boolean;
+    showAddToCart: boolean;
+    blenderSceneSettings: BlenderSceneSettings;
 }

package/app/core/service/3dm-api.d.ts

@@ -61,7 +61,7 @@ declare enum OutputType {
     Glb = 2,
     Video = 3
 }
-declare enum RenderType {
+export declare enum RenderType {
     Realtime = 0,
     Raytrace = 1
 }
@@ -75,6 +75,10 @@ export declare class ApiServiceModule {
     constructor(iOneControllerService: HomedecoratorConnectorService, messageService: MessageBusService, _http: HttpClient, _settingsService: HomedecoratorSettingsService, _dialog: MatDialog, _configurationService: ConfigurationService);
     uploadToApiGLB(formData: FormData, filename: string, camera: PerspectiveCamera, standalone: boolean, renderParameters: any, renderPreview: boolean): Promise<void>;
     requestRender(filename: string, camera: PerspectiveCamera, standalone: boolean, renderParameters: any, renderPreview: boolean): Promise<any>;
+    getCameraProperties(camera: PerspectiveCamera): any;
+    getRenderFromJson(requestData: any): Promise<void>;
+    degreesToVector3(value: number): Vector3;
+    private _sendJsonRequest;
     private _sendRequest;
     private _setOptions;
     private _createRenderRequestBody;
@@ -89,7 +93,6 @@ export declare class ApiServiceModule {
     private _cameraProductSettings;
     private _getSceneBasedLights;
     private _shortenValue;
-    private _degreesToVector3;
     static ɵfac: i0.ɵɵFactoryDeclaration<ApiServiceModule, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ApiServiceModule>;
 }

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

@@ -20,6 +20,7 @@ export declare class HomedecoratorAppEventService {
         quantity: number;
     }>;
     addExternalSourceToCart: Subject<ExternalSourceArticleAddInterface>;
+    glbCreated: Subject<string>;
     dirty: Subject<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<HomedecoratorAppEventService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<HomedecoratorAppEventService>;

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

@@ -29,6 +29,7 @@ import { ObjectConfiguration } from '@colijnit/ioneconnector/build/model/object-
 import { ArticleExtended } from '@colijnit/articleapi/build/model/article-extended.bo';
 import { Metadata } from '../../plugins/core3d/items/metadata';
 import { HomedecoratorSettings } from '../model/homedecorator-settings';
+import { SelectorStructure } from '@colijnit/configuratorapi/build/model/selector-structure.bo';
 import * as i0 from "@angular/core";
 export declare class ExternalConnector {
     loginResponse: LoginResponse;
@@ -44,6 +45,9 @@ export declare class HomedecoratorConnectorAdapterService {
     readonly questionReceived: Subject<Question>;
     readonly showLoader: Subject<boolean>;
     readonly connectionReset: Subject<void>;
+    mainUrl: string;
+    mainSchema: string;
+    mainVersion: string;
     private _publicationCodeForUserRole;
     get connector(): Configurator;
     get articleApi(): Articles;
@@ -76,13 +80,17 @@ export declare class HomedecoratorConnectorAdapterService {
     getSelectionsAsync(): Promise<Selection[]>;
     getDecosAsync(): Promise<DecoNode[]>;
     getAnswerPrices(): Promise<AnswerPrice[]>;
-    getJsonConfiguredArticles(goodId: number, goodType: string, quantity: number, externalSource?: boolean, showLoader?: boolean, instanceId?: number, configuratorStatistics?: ConfiguratorStatisticsEnvironment): Promise<string>;
+    getJsonConfiguredArticles(goodId: number, goodType: string, quantity: number, externalSource?: boolean, showLoader?: boolean, instanceId?: string, configuratorStatistics?: ConfiguratorStatisticsEnvironment): Promise<string>;
     setInstanceToConfigure(id: string): Promise<DataServiceResponseData>;
     selectAnswer(answer: Answer, userInput?: string): Promise<DataServiceResponseData>;
     cancelAnswer(getAnswersAndQuestion?: boolean): Promise<DataServiceResponseData>;
+    selectAnswerBySelection(selection: Selection, userInput?: string): Promise<DataServiceResponseData>;
     selectSelection(selection: Selection, forceBackToNode?: boolean, after?: boolean, connector?: string): Promise<DataServiceResponseData>;
     deleteSelection(selection: Selection): Promise<DataServiceResponseData>;
     replaceSelection(selection: Selection): Promise<DataServiceResponseData>;
+    getSelectorStructure(showLoader?: boolean): Promise<DataServiceResponseData>;
+    navigateTo(chosenOption: SelectorStructure, showLoader?: boolean): Promise<DataServiceResponseData>;
+    getImageForSelectorStructure(option: SelectorStructure, publication: number, thumbNail?: boolean, showLoader?: boolean): Promise<string>;
     getImageForAnswerOrSelection(answerOrSelection: Answer | Selection, publication: number, thumbNail?: boolean, showLoader?: boolean): Promise<string>;
     getSkipButtonImageAndText(goodId?: number): Promise<SkipButtonInfo>;
     getMoodImageForAnswerSelection(answerOrSelection: Answer | Selection, thumbNail?: boolean): Promise<string>;

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

@@ -19,6 +19,8 @@ import { HomedecoratorSettingsService } from './homedecorator-settings.service';
 import { HomedecoratorAppEventService } from './homedecorator-app-event.service';
 import { GoogleTagManagerService } from '../../service/google-tag-manager.service';
 import { Question } from '@colijnit/configuratorapi/build/model/question';
+import { SelectorStructure } from '@colijnit/configuratorapi/build/model/selector-structure.bo';
+import { SelectorWithOptions } from '@colijnit/configuratorapi/build/model/selector-with-options';
 import * as i0 from "@angular/core";
 export declare class HomedecoratorConnectorService implements OnDestroy {
     private _connector;
@@ -32,6 +34,10 @@ export declare class HomedecoratorConnectorService implements OnDestroy {
     get decoNodes(): DecoNode[];
     set selections(value: Selection[]);
     get selections(): Selection[];
+    set selectionWithAnswers(value: SelectorWithOptions[]);
+    get selectionWithAnswers(): SelectorWithOptions[];
+    set selectedAnswers(value: SelectorWithOptions[]);
+    get selectedAnswers(): SelectorWithOptions[];
     get currentSelections(): Selection[];
     get activeSelection(): Selection;
     get totalPrice(): number;
@@ -63,6 +69,8 @@ export declare class HomedecoratorConnectorService implements OnDestroy {
     private _initializing;
     private _initialized;
     private _imageCache;
+    private _selectionWithAnswers;
+    private _selectedAnswers;
     constructor(_connector: HomedecoratorConnectorAdapterService, _jsonUtils: JsonUtilsService, _settingsService: HomedecoratorSettingsService, _skipButtonInfoService: SkipButtonInfoService, _messageService: MessageBusService, _appEventService: HomedecoratorAppEventService, _googleTagManager: GoogleTagManagerService);
     ngOnDestroy(): void;
     getWebViewStartupInfo(request: ExternalCatalogStartupInfoRequest): Promise<ExternalCatalogStartupInfo>;
@@ -87,7 +95,7 @@ export declare class HomedecoratorConnectorService implements OnDestroy {
     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>;
+    getJsonConfiguredArticles(goodId: number, goodType: string, quantity: number, externalSource?: boolean, showLoader?: boolean, instanceId?: string, configuratorStatistics?: ConfiguratorStatisticsEnvironment): Promise<any>;
     setInstance(id: string): Promise<DataServiceResponseData>;
     copyInstanceAndSaveOriginalConfiguration(instanceId: string, result: CustomFloorGroupResult): Promise<string>;
     copyInstanceAndLoseOriginalConfiguration(instanceId: string, result: CustomFloorGroupResult): Promise<string>;
@@ -98,6 +106,8 @@ export declare class HomedecoratorConnectorService implements OnDestroy {
     getSelectionsAsync(): Promise<void>;
     getDecosAsync(): Promise<void>;
     selectAnswer(answer: Answer, input?: string): Promise<DataServiceResponseData>;
+    selectAnswerBySelection(selection: Selection, input?: string): Promise<DataServiceResponseData>;
+    navigateTo(choseValue: SelectorStructure, showLoader?: boolean): Promise<DataServiceResponseData>;
     cancelAnswer(getAnswersAndQuestion?: boolean): Promise<DataServiceResponseData>;
     selectSelection(selection: Selection, forceBackToNode?: boolean, after?: boolean, connector?: string): Promise<DataServiceResponseData>;
     deleteSelection(selection: Selection): Promise<DataServiceResponseData>;
@@ -106,6 +116,7 @@ export declare class HomedecoratorConnectorService implements OnDestroy {
     extendWithAnswerTextAndImage(answer: Answer, showLoader?: boolean): Promise<void>;
     extendWithSelectionImage(selection: Selection, showLoader?: boolean): Promise<void>;
     isSelectionPublished(selection: Selection): boolean;
+    getImageForAnswer(selectedOption: SelectorStructure, showLoader?: boolean): Promise<void>;
     private _prepareSelections;
     private _prepareSelectionsToDisplay;
     private _prepareAnswersAndImages;
@@ -114,12 +125,13 @@ export declare class HomedecoratorConnectorService implements OnDestroy {
     private _isAllSelectionPublished;
     private _isAnswerPublished;
     private _preloadCachedImages;
-    addToCart(goodId: number, goodType: string, quantity: number, instanceId: number, externalSource: boolean): Promise<string>;
+    addToCart(goodId: number, goodType: string, quantity: number, instanceId: string, externalSource: boolean): Promise<string>;
     handleAnswersReceived(answers: Answer[]): void;
     private _prepareSelectionsToDisplayImages;
     private _prepareSelectionsNextOptionValues;
     private _getPublicationCode;
     private _handleImageReceived;
+    private _handleImageReceivedForSelectorStructure;
     private _cacheImage;
     private _onAnswerInfoReceived;
     onShowLoaderChange(showLoader: boolean): void;
@@ -127,6 +139,7 @@ export declare class HomedecoratorConnectorService implements OnDestroy {
     private _handleInstanceResponse;
     private _loadPricesOfActiveAnswers;
     private _copyInstance;
+    private _createSelectorFullConfiguration;
     static ɵfac: i0.ɵɵFactoryDeclaration<HomedecoratorConnectorService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<HomedecoratorConnectorService>;
 }

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

@@ -28,7 +28,7 @@ export declare class UtilsService implements OnDestroy {
     private _usdzExporter;
     private _gltfExporter;
     private _sceneRenderName;
-    private _sceneRenderContents;
+    private _sceneCachedCulling;
     constructor(apiServiceModule: ApiServiceModule, messageService: MessageBusService, _settingsService: HomedecoratorSettingsService, _jsonUtilsService: JsonUtilsService, _progressService: ProgressService, _itemsService: ItemService, _sceneService: SceneService, _dialog: MatDialog, _cameraService: CameraService);
     ngOnDestroy(): void;
     readFileAsText(file: File): Promise<string>;

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

@@ -1,10 +1,12 @@
 import { BufferGeometry, Color, Group, Material, Object3D, Scene, Vector3 } from 'three';
 import { Selection } from '@colijnit/configuratorapi/build/model/selection';
 import { Item } from '../../plugins/core3d/items/item';
+import { CustomObject3D } from '../../plugins/core3d/items/custom-objects';
 export declare class ObjectUtils {
     static CreateArrow(name: string, color: Color | number | string, length: number, direction: Vector3, headLength: number, headWidth: number, doubleArrow?: boolean): Group;
     static UpdateArrowLength(arrow: Group, length: number, direction: Vector3, headLength: number, headWidth: number, doubleArrow?: boolean): Group;
     static GetParentItem(element: any): Item;
+    static GetParentCustomObject(element: any): CustomObject3D;
     static GetDefaultMaterial(object: Object3D): Material;
     static SameMaterial(first: Material, second: Material): boolean;
     static GetChanges(firstItems: Object3D[], secondItems: Object3D[]): any;

package/app/homedecorator.module.d.ts

@@ -11,10 +11,11 @@ import * as i8 from "./plugins/plugins.module";
 import * as i9 from "./shared/dialog/dialog.module";
 import * as i10 from "ngx-lightbox";
 import * as i11 from "@angular/cdk/a11y";
+import * as i12 from "./plugins/product-configurator/product-configurator.module";
 export declare class HomedecoratorModule {
     private _injector;
     constructor(_injector: Injector);
     static ɵfac: i0.ɵɵFactoryDeclaration<HomedecoratorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<HomedecoratorModule, [typeof i1.HomedecoratorComponent], [typeof i2.CommonModule, typeof i3.ProgressBarModule, typeof i4.LoadingOverlayModule, typeof i5.HdLoaderModule, typeof i6.ExportDialogModule, typeof i7.InfoDialogModule, typeof i8.PluginsModule, typeof i9.DialogModule, typeof i10.LightboxModule, typeof i11.A11yModule], [typeof i1.HomedecoratorComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HomedecoratorModule, [typeof i1.HomedecoratorComponent], [typeof i2.CommonModule, typeof i3.ProgressBarModule, typeof i4.LoadingOverlayModule, typeof i5.HdLoaderModule, typeof i6.ExportDialogModule, typeof i7.InfoDialogModule, typeof i8.PluginsModule, typeof i9.DialogModule, typeof i10.LightboxModule, typeof i11.A11yModule, typeof i12.ProductConfiguratorModule], [typeof i1.HomedecoratorComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<HomedecoratorModule>;
 }

package/app/plugins/core3d/service/wall-measurements.service.d.ts

@@ -15,6 +15,8 @@ export declare class WallMeasurementsService implements OnDestroy {
     private _subs;
     constructor(_floorplanService: FloorplanService, _viewModeService: ViewModeService, _sceneService: SceneService, _configurationService: ConfigurationService, _fontService: FontService);
     ngOnDestroy(): void;
+    prepMeasurementsForRender(): void;
+    restoreMeasurementsAfterRender(): void;
     private _showMeasurements;
     private _removeMeasurements;
     private _makeMeasurements;

package/app/plugins/lite-selector/lite-selector/component/answers-slideout/answers-slideout.component.scss

@@ -4,6 +4,26 @@ co-slideout {
 }
 
 :host {
+  &.custom-dimensions {
+    co-slideout {
+      width: 640px;
+      max-width: 100%;
+      height: 100%;
+      padding: 30px;
+      box-sizing: border-box;
+      h4 {
+        margin: 10px 0;
+      }
+      .title {
+        .options-search {
+          margin: 0 0 10px 0;
+        }
+      }
+      .filter {
+        margin: 0 0 15px 0;
+      }
+    }
+  }
   &.bottom-align:not(.custom-dimensions) {
     co-slideout {
       width: 100%;

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

@@ -60,6 +60,7 @@ export declare class ModelPreviewComponent implements OnInit, OnDestroy {
     canvReference: HTMLElement;
     hasErrors: boolean;
     listOfErrors: any[];
+    showLoader: boolean;
     private _measurements;
     protected readonly icon: typeof IconEnum;
     ngOnInit(): void;
@@ -92,12 +93,14 @@ export declare class ModelPreviewComponent implements OnInit, OnDestroy {
     private _addFromGeometry;
     private _prepModelForScene;
     private _getBoundingBox;
+    private _applyTransforms;
     private _setMeasurements;
     private _create3DText;
     private _blobToArrayBuffer;
     private _createLightFromProperties;
     private _setObjectProperties;
     private _validateObjectStructure;
+    private _validateMaterial;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModelPreviewComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ModelPreviewComponent, "rp-model-preview", never, {}, {}, never, never>;
 }

package/app/plugins/model-uploader/model-uploader.module.d.ts

@@ -14,8 +14,9 @@ import * as i12 from "@angular/material/form-field";
 import * as i13 from "@angular/material/core";
 import * as i14 from "@angular/material/select";
 import * as i15 from "@angular/forms";
+import * as i16 from "../../shared/loader/loader.module";
 export declare class ModelUploaderModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ModelUploaderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ModelUploaderModule, [typeof i1.ModelUploaderComponent, typeof i2.ModelPreviewComponent], [typeof i3.CommonModule, typeof i4.CoreModule, typeof i5.MatIconModule, typeof i6.MatButtonModule, typeof i7.ButtonModule, typeof i8.ImageModule, typeof i9.CatalogExternalSourcesModule, typeof i9.CatalogExternalSourceModule, typeof i10.MatRadioModule, typeof i11.MatSlideToggleModule, typeof i12.MatFormFieldModule, typeof i13.MatOptionModule, typeof i14.MatSelectModule, typeof i7.IconModule, typeof i15.FormsModule], [typeof i1.ModelUploaderComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ModelUploaderModule, [typeof i1.ModelUploaderComponent, typeof i2.ModelPreviewComponent], [typeof i3.CommonModule, typeof i4.CoreModule, typeof i5.MatIconModule, typeof i6.MatButtonModule, typeof i7.ButtonModule, typeof i8.ImageModule, typeof i9.CatalogExternalSourcesModule, typeof i9.CatalogExternalSourceModule, typeof i10.MatRadioModule, typeof i11.MatSlideToggleModule, typeof i12.MatFormFieldModule, typeof i13.MatOptionModule, typeof i14.MatSelectModule, typeof i7.IconModule, typeof i15.FormsModule, typeof i16.LoaderModule], [typeof i1.ModelUploaderComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ModelUploaderModule>;
 }

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

@@ -44,6 +44,7 @@ export declare class ProductCatalogComponent implements OnInit, OnDestroy {
     catalogInfo: ExternalCatalogStartupInfo;
     isHomedec: boolean;
     homeDecoHub: boolean;
+    hasExternalCatalogs: boolean;
     private _showCatalog;
     private _subs;
     private _source;
@@ -63,6 +64,7 @@ export declare class ProductCatalogComponent implements OnInit, OnDestroy {
     handleRefreshClick(event: MouseEvent): void;
     handleIFrameFeedback(jsonString: any): Promise<void>;
     iframeTest(): Promise<void>;
+    handleCatalogsLoaded(hasCatalogs: boolean): void;
     private _buildExternalCatalogRequest;
     private _handleShowProductCatalogMessageReceived;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProductCatalogComponent, never>;

package/app/plugins/product-configurator/product-configurator-selector-list-of-values.component.scss

@@ -0,0 +1,28 @@
+@import './template_variables';
+
+.configurator-option-list-of-values-container {
+    display: flex;
+    align-items: center;
+    vertical-align: middle;
+    flex-direction: row;
+    position: relative;
+
+
+    .product-configurator-list-of-values-checkmark {
+        .product-configurator-list-of-values-select {
+            height: $small-icon-height;
+            width: $small-icon-width;
+            margin-right: 10px;
+        }
+        .product-configurator-list-of-values-selected {
+            fill: $checked-icon-color;
+        }
+    }
+
+    .product-configurator-selector-option-description {
+        text-align: left;
+    }
+
+}
+
+

package/app/plugins/product-configurator/product-configurator-selector-option-button.component.d.ts

@@ -0,0 +1,19 @@
+import { EventEmitter } from '@angular/core';
+import { HomedecoratorConnectorService } from '../../core/service/homedecorator-connector.service';
+import { HomedecoratorSettingsService } from '../../core/service/homedecorator-settings.service';
+import { IconEnum } from '../../core/enum/icon.enum';
+import { HomedecoratorIconCacheService } from '../../core/service/homedecorator-icon-cache.service';
+import { SelectorStructure } from '@colijnit/configuratorapi/build/model/selector-structure.bo';
+import * as i0 from "@angular/core";
+export declare class ProductConfiguratorSelectorOptionButtonComponent {
+    iOne: HomedecoratorConnectorService;
+    iconService: HomedecoratorIconCacheService;
+    settingsService: HomedecoratorSettingsService;
+    option: SelectorStructure;
+    selectionClicked: EventEmitter<void>;
+    readonly icons: typeof IconEnum;
+    constructor(iOne: HomedecoratorConnectorService, iconService: HomedecoratorIconCacheService, settingsService: HomedecoratorSettingsService);
+    changeSelection(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProductConfiguratorSelectorOptionButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProductConfiguratorSelectorOptionButtonComponent, "rp-product-configurator-selector-option-button", never, { "option": "option"; }, { "selectionClicked": "selectionClicked"; }, never, never>;
+}

package/app/plugins/product-configurator/product-configurator-selector-option-button.component.scss

@@ -0,0 +1,38 @@
+@import './template_variables';
+
+.configurator-selector-option-button-container {
+    position: relative;
+
+    .product-configurator-selector-option-button-checkmark {
+        position: absolute;
+        top: 5px;
+        right: 5px;
+        fill: $checked-icon-color;
+    }
+
+    .product-configurator-selector-option-button-image {
+        min-width: 90px;
+        min-height: 60px;
+        border-radius: 5px;
+        display: flex;
+        justify-content: space-evenly;
+        align-items: center;
+
+        co-icon {
+
+        }
+
+        img {
+            display: block;
+            max-width: 100%;
+            border-radius: $default-border-radius;
+            max-height: max-content;
+        }
+    }
+
+    .product-configurator-selector-option-button-description {
+        text-align: center;
+        font-size: $font-size-small;
+    }
+}
+

package/app/plugins/product-configurator/product-configurator-selector-option-dropdown.component.d.ts

@@ -0,0 +1,20 @@
+import { EventEmitter } from '@angular/core';
+import { HomedecoratorConnectorService } from '../../core/service/homedecorator-connector.service';
+import { HomedecoratorSettingsService } from '../../core/service/homedecorator-settings.service';
+import { IconEnum } from '../../core/enum/icon.enum';
+import { HomedecoratorIconCacheService } from '../../core/service/homedecorator-icon-cache.service';
+import { SelectorStructure } from '@colijnit/configuratorapi/build/model/selector-structure.bo';
+import * as i0 from "@angular/core";
+export declare class ProductConfiguratorSelectorOptionDropDownComponent {
+    iOne: HomedecoratorConnectorService;
+    iconService: HomedecoratorIconCacheService;
+    settingsService: HomedecoratorSettingsService;
+    options: SelectorStructure[];
+    tileClass: string;
+    selectionClicked: EventEmitter<SelectorStructure>;
+    readonly icons: typeof IconEnum;
+    constructor(iOne: HomedecoratorConnectorService, iconService: HomedecoratorIconCacheService, settingsService: HomedecoratorSettingsService);
+    onChange(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProductConfiguratorSelectorOptionDropDownComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProductConfiguratorSelectorOptionDropDownComponent, "rp-product-configurator-selector-option-dropdown", never, { "options": "options"; "tileClass": "tileClass"; }, { "selectionClicked": "selectionClicked"; }, never, never>;
+}

package/app/plugins/product-configurator/product-configurator-selector-option-list-of-values.component.d.ts

@@ -0,0 +1,19 @@
+import { EventEmitter } from '@angular/core';
+import { HomedecoratorConnectorService } from '../../core/service/homedecorator-connector.service';
+import { HomedecoratorSettingsService } from '../../core/service/homedecorator-settings.service';
+import { IconEnum } from '../../core/enum/icon.enum';
+import { HomedecoratorIconCacheService } from '../../core/service/homedecorator-icon-cache.service';
+import { SelectorStructure } from '@colijnit/configuratorapi/build/model/selector-structure.bo';
+import * as i0 from "@angular/core";
+export declare class ProductConfiguratorOptionListOfValuesComponent {
+    iOne: HomedecoratorConnectorService;
+    iconService: HomedecoratorIconCacheService;
+    settingsService: HomedecoratorSettingsService;
+    option: SelectorStructure;
+    selectionClicked: EventEmitter<void>;
+    readonly icons: typeof IconEnum;
+    constructor(iOne: HomedecoratorConnectorService, iconService: HomedecoratorIconCacheService, settingsService: HomedecoratorSettingsService);
+    changeSelection(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProductConfiguratorOptionListOfValuesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProductConfiguratorOptionListOfValuesComponent, "rp-product-configurator-option-list-of-values", never, { "option": "option"; }, { "selectionClicked": "selectionClicked"; }, never, never>;
+}

package/app/plugins/product-configurator/product-configurator-selector-option-tile.component.scss

@@ -0,0 +1,56 @@
+@import './template_variables';
+
+.configurator-selector-option-tile-container {
+    position: relative;
+    .product-configurator-selector-option-tile-checkmark {
+        position: absolute;
+        top: 5px;
+        right: 5px;
+        fill: $checked-icon-color;
+    }
+
+    .product-configurator-selector-option-tile-image {
+        min-width: 90px;
+        min-height: 60px;
+        border-radius: 5px;
+        display: flex;
+        justify-content: space-evenly;
+        align-items: center;
+
+        img {
+            display: block;
+            max-width: 100%;
+            border-radius: $default-border-radius;
+            max-height: max-content;
+        }
+    }
+
+    .product-configurator-selector-option-tile-description {
+        text-align: center;
+    }
+}
+
+.configurator-selector-option-tile-container-small {
+
+    .product-configurator-selector-option-tile-image {
+        min-width: 55px;
+        min-height: 40px;
+    }
+
+    .product-configurator-selector-option-tile-description {
+        font-size: $font-size-small;
+    }
+
+}
+
+.configurator-selector-option-tile-container-large {
+
+}
+
+.configurator-selector-option-tile-container-rounded {
+
+}
+
+.configurator-selector-option-tile-container-horizontal {
+
+}

package/app/plugins/product-configurator/product-configurator-selector-option-tile.compontent.d.ts

@@ -0,0 +1,20 @@
+import { EventEmitter } from '@angular/core';
+import { HomedecoratorConnectorService } from '../../core/service/homedecorator-connector.service';
+import { HomedecoratorSettingsService } from '../../core/service/homedecorator-settings.service';
+import { IconEnum } from '../../core/enum/icon.enum';
+import { HomedecoratorIconCacheService } from '../../core/service/homedecorator-icon-cache.service';
+import { SelectorStructure } from '@colijnit/configuratorapi/build/model/selector-structure.bo';
+import * as i0 from "@angular/core";
+export declare class ProductConfiguratorSelectorOptionTileComponent {
+    iOne: HomedecoratorConnectorService;
+    iconService: HomedecoratorIconCacheService;
+    settingsService: HomedecoratorSettingsService;
+    option: SelectorStructure;
+    tileClass: string;
+    selectionClicked: EventEmitter<void>;
+    readonly icons: typeof IconEnum;
+    constructor(iOne: HomedecoratorConnectorService, iconService: HomedecoratorIconCacheService, settingsService: HomedecoratorSettingsService);
+    changeSelection(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProductConfiguratorSelectorOptionTileComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProductConfiguratorSelectorOptionTileComponent, "rp-product-configurator-selector-option-tile", never, { "option": "option"; "tileClass": "tileClass"; }, { "selectionClicked": "selectionClicked"; }, never, never>;
+}

package/app/plugins/product-configurator/product-configurator-selector.component.d.ts

@@ -0,0 +1,26 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { Answer } from '@colijnit/configuratorapi/build/model/answer';
+import { HomedecoratorConnectorService } from '../../core/service/homedecorator-connector.service';
+import { BuildFurnitureService } from '../threedselector/threedselector/service/build-furniture.service';
+import { HomedecoratorSettingsService } from '../../core/service/homedecorator-settings.service';
+import { SelectorStructure } from '@colijnit/configuratorapi/build/model/selector-structure.bo';
+import { ConfigurationDisplayOption } from '@colijnit/configuratorapi/build/enum/refcode/configuration-display-option.enum';
+import * as i0 from "@angular/core";
+export declare class ProductConfiguratorSelectorComponent implements OnInit {
+    iOne: HomedecoratorConnectorService;
+    buildFurnitureService: BuildFurnitureService;
+    settingsService: HomedecoratorSettingsService;
+    private _settingsService;
+    constructor(iOne: HomedecoratorConnectorService, buildFurnitureService: BuildFurnitureService, settingsService: HomedecoratorSettingsService, _settingsService: HomedecoratorSettingsService);
+    selection: SelectorStructure;
+    answers: SelectorStructure[];
+    readonly showChange: EventEmitter<boolean>;
+    readonly answerChosen: EventEmitter<Answer>;
+    readonly selectSelection: EventEmitter<SelectorStructure>;
+    configurationDisplayOption: typeof ConfigurationDisplayOption;
+    selectionClass: string;
+    ngOnInit(): void;
+    selectionClicked(answer: SelectorStructure): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProductConfiguratorSelectorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProductConfiguratorSelectorComponent, "rp-product-configurator-selector", never, { "selection": "selection"; "answers": "answers"; }, { "showChange": "showChange"; "answerChosen": "answerChosen"; "selectSelection": "selectSelection"; }, never, never>;
+}