@colijnit/homedecorator 258.1.2 → 258.1.4

package/app/APPLICATION_SERVICE_PROVIDERS.d.ts

@@ -0,0 +1 @@
+export declare const APPLICATION_SERVICES_PROVIDERS: any[];

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

@@ -8,6 +8,7 @@ export declare enum IconEnum {
     ArrowsUpDown = "arrows-up-down",
     ArrowsToEye = "arrows_to_eye",
     ArrowPointDown = "arrow_point_down",
+    ArrowPointRight = "arrow_point_right",
     ArrowRotateLeft = "arrow_rotate_left",
     ArrowRotateRight = "arrow_rotate_right",
     ArrowTurnLeft = "arrow_turn_left",
@@ -22,6 +23,7 @@ export declare enum IconEnum {
     CartShoppingRegular = "cart-shopping-regular",
     Check = "check",
     CircleCheck = "circle_check",
+    CircleCheckRegular = "circle_check_regular",
     CircleInfo = "circle_info",
     CircleMinusLight = "circle_minus_light",
     CirclePlusLight = "circle_plus_light",
@@ -80,6 +82,9 @@ export declare enum IconEnum {
     RetryButton = "retry-button",
     RotateLight = "rotate_light",
     Settings = "settings",
+    SquareCheckRegular = "square_check_regular",
+    SquareChevronDownRegular = "square_chevron_down_regular",
+    SquareRegular = "square_regular",
     StreetViewOrange = "street-view-orange",
     StreetView = "street_view",
     SwapButton = "swap-button",

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

@@ -0,0 +1,17 @@
+import { Injector } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import { HomedecoratorSettingsService } from './homedecorator-settings.service';
+import { HomedecoratorConnectorService } from './homedecorator-connector.service';
+import { HomedecoratorDictionaryService } from './homedecorator-dictionary.service';
+import * as i0 from "@angular/core";
+export declare class AppInitializerService {
+    private _injector;
+    private _settingsService;
+    private _iOneController;
+    private _dictionaryService;
+    appInitialized: BehaviorSubject<boolean>;
+    constructor(_injector: Injector, _settingsService: HomedecoratorSettingsService, _iOneController: HomedecoratorConnectorService, _dictionaryService: HomedecoratorDictionaryService);
+    initializeApp(): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppInitializerService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AppInitializerService>;
+}

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

@@ -1,3 +1,4 @@
+import { OnDestroy } from '@angular/core';
 import { Subject } from 'rxjs';
 import { Answer } from '@colijnit/configuratorapi/build/model/answer';
 import { Selection } from '@colijnit/configuratorapi/build/model/selection';
@@ -30,25 +31,27 @@ import { ArticleExtended } from '@colijnit/articleapi/build/model/article-extend
 import { Metadata } from '../../plugins/core3d/items/metadata';
 import { HomedecoratorSettings } from '../model/homedecorator-settings';
 import { SelectorStructure } from '@colijnit/configuratorapi/build/model/selector-structure.bo';
+import { CatalogExternalSourcesService } from '@colijnit/catalog';
 import * as i0 from "@angular/core";
 export declare class ExternalConnector {
     loginResponse: LoginResponse;
     connector: Connector;
+    cleanUp(): void;
 }
 export interface Connector {
     connector?: Configurator;
     articleApi?: Articles;
     mainApi?: MainApi;
 }
-export declare class HomedecoratorConnectorAdapterService {
+export declare class HomedecoratorConnectorAdapterService implements OnDestroy {
     private _appEventService;
+    private _catalogExternalSourcesService;
     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;
     get mainApi(): MainApi;
@@ -63,7 +66,9 @@ export declare class HomedecoratorConnectorAdapterService {
     private _articleApi;
     private _mainApi;
     private _boFactory;
-    constructor(_appEventService: HomedecoratorAppEventService);
+    private _publicationCodeForUserRole;
+    constructor(_appEventService: HomedecoratorAppEventService, _catalogExternalSourcesService: CatalogExternalSourcesService);
+    ngOnDestroy(): void;
     initConnectionFromMetadata(metadata: Metadata, settings: HomedecoratorSettings): Promise<void>;
     initConnector(options: Options, externalSource?: string, forceReload?: boolean, externalSourceId?: number): Promise<void>;
     logOut(): Promise<void>;

package/app/core/service/item-serialization.service.d.ts

@@ -37,6 +37,7 @@ export declare class ItemSerializationService {
         externalSettings: any;
         conversionGTMSend: any;
         conversionSubmittedPrice: any;
+        thirdPartyModel: any;
     } | {
         item_name: any;
         item_type: any;

package/app/homedecorator.component.d.ts

@@ -20,13 +20,16 @@ export declare class HomedecoratorComponent implements OnInit, OnDestroy {
     private _domSanitizer;
     private _messageService;
     private _homedecoratorService;
-    private _eventService;
+    private _parentEventService;
+    private _ownEventService;
     private _integrationService;
     generalFilterOrders: FilterOrder[];
     purchaseFilterOrders: FilterOrder[];
     logisticsFilterOrders: FilterOrder[];
     set initCommunication(value: boolean);
     get initCommunication(): boolean;
+    set settings(value: any);
+    get settings(): any;
     showClass: boolean;
     loaded: boolean;
     title: string;
@@ -36,7 +39,9 @@ export declare class HomedecoratorComponent implements OnInit, OnDestroy {
     shouldShowLandscapeMessage: boolean;
     private _subs;
     private _initCommunication;
-    constructor(controllerService: HomedecoratorConnectorService, appState: AppStateService, presetsService: PresetsService, screenAnalysis: ScreenSizeAnalysisService, _iconRegistry: MatIconRegistry, _domSanitizer: DomSanitizer, _messageService: MessageBusService, _homedecoratorService: HomedecoratorService, _eventService: HomedecoratorAppEventService, _integrationService: IntegrationService);
+    private _settings;
+    private _eventService;
+    constructor(controllerService: HomedecoratorConnectorService, appState: AppStateService, presetsService: PresetsService, screenAnalysis: ScreenSizeAnalysisService, _iconRegistry: MatIconRegistry, _domSanitizer: DomSanitizer, _messageService: MessageBusService, _homedecoratorService: HomedecoratorService, _parentEventService: HomedecoratorAppEventService, _ownEventService: HomedecoratorAppEventService, _integrationService: IntegrationService);
     ngOnInit(): Promise<void>;
     ngOnDestroy(): void;
     registerCustomIcons(): void;
@@ -44,6 +49,7 @@ export declare class HomedecoratorComponent implements OnInit, OnDestroy {
     private _startWithEmptyRoom;
     private _startWithPreset;
     private _setCommunication;
-    static ɵfac: i0.ɵɵFactoryDeclaration<HomedecoratorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HomedecoratorComponent, "co-homedecorator", never, { "generalFilterOrders": "generalFilterOrders"; "purchaseFilterOrders": "purchaseFilterOrders"; "logisticsFilterOrders": "logisticsFilterOrders"; "initCommunication": "initCommunication"; }, {}, never, never>;
+    private _initConnection;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HomedecoratorComponent, [null, null, null, null, null, null, null, null, { optional: true; skipSelf: true; }, { optional: true; self: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HomedecoratorComponent, "co-homedecorator", never, { "generalFilterOrders": "generalFilterOrders"; "purchaseFilterOrders": "purchaseFilterOrders"; "logisticsFilterOrders": "logisticsFilterOrders"; "initCommunication": "initCommunication"; "settings": "settings"; }, {}, never, never>;
 }

package/app/plugins/help/help-dialog/help-dialog.component.d.ts

@@ -5,13 +5,20 @@ import { HomedecoratorSettingsService } from '../../../core/service/homedecorato
 import { HomedecoratorDictionaryService } from '../../../core/service/homedecorator-dictionary.service';
 import * as i0 from "@angular/core";
 export declare class HelpDialogComponent implements OnInit, OnDestroy {
+    data: {
+        appService: HomedecoratorAppService;
+        settingsService: HomedecoratorSettingsService;
+    };
     private _lightbox;
-    private _appService;
-    private _settingsService;
     private _dictionaryService;
     albums: Array<IAlbum>;
     private _stop$;
-    constructor(_lightbox: Lightbox, _appService: HomedecoratorAppService, _settingsService: HomedecoratorSettingsService, _dictionaryService: HomedecoratorDictionaryService);
+    private _appService;
+    private _settingsService;
+    constructor(data: {
+        appService: HomedecoratorAppService;
+        settingsService: HomedecoratorSettingsService;
+    }, _lightbox: Lightbox, _dictionaryService: HomedecoratorDictionaryService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     openLightbox(index: number): void;

package/app/plugins/lite-selector/lite-selector/component/selections-summary/selections-summary-line.component.d.ts

@@ -17,6 +17,8 @@ export declare class SelectionsSummaryLineComponent implements OnInit, OnDestroy
     answerToShowFromSelectionText: string;
     customizeButtonClicked: EventEmitter<void>;
     summaryLineClick: EventEmitter<void>;
+    summaryLineRepeat: EventEmitter<MouseEvent>;
+    summaryLineDelete: EventEmitter<MouseEvent>;
     shouldBeHidden: boolean;
     selectionDescription: string;
     showCustomizeButton: boolean;
@@ -27,5 +29,5 @@ export declare class SelectionsSummaryLineComponent implements OnInit, OnDestroy
     ngOnDestroy(): void;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectionsSummaryLineComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectionsSummaryLineComponent, "rp-selections-summary-line", never, { "selection": "selection"; "valutaSymbol": "valutaSymbol"; "answersTemplate": "answersTemplate"; "answerToShowFromSelectionText": "answerToShowFromSelectionText"; }, { "customizeButtonClicked": "customizeButtonClicked"; "summaryLineClick": "summaryLineClick"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectionsSummaryLineComponent, "rp-selections-summary-line", never, { "selection": "selection"; "valutaSymbol": "valutaSymbol"; "answersTemplate": "answersTemplate"; "answerToShowFromSelectionText": "answerToShowFromSelectionText"; }, { "customizeButtonClicked": "customizeButtonClicked"; "summaryLineClick": "summaryLineClick"; "summaryLineRepeat": "summaryLineRepeat"; "summaryLineDelete": "summaryLineDelete"; }, never, never>;
 }

package/app/plugins/lite-selector/lite-selector/component/selections-summary/selections-summary.component.d.ts

@@ -26,13 +26,17 @@ export declare class SelectionsSummaryComponent implements OnDestroy {
     readonly closeClick: EventEmitter<void>;
     readonly cancelAnswers: EventEmitter<void>;
     readonly selectSelection: EventEmitter<Selection>;
+    readonly repeatSelection: EventEmitter<Selection>;
+    readonly deleteSelection: EventEmitter<Selection>;
     selectionToCustomize: Selection;
     valutaSymbol: string;
     private _subs;
     constructor(_buildFurnitureService: BuildFurnitureService, customizerService: CustomizerService, settingsService: HomedecoratorSettingsService, iOne: HomedecoratorConnectorService, iconCache: HomedecoratorIconCacheService);
     ngOnDestroy(): void;
     handleClick(sel: Selection): void;
+    handleRepeat(event: MouseEvent, sel: Selection): void;
+    handleDelete(event: MouseEvent, sel: Selection): void;
     toggleElement(sel: Selection): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectionsSummaryComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectionsSummaryComponent, "rp-selections-summary", never, { "selections": "selections"; "showLabel": "showLabel"; "canClose": "canClose"; "answersTemplate": "answersTemplate"; "answerToShowFromSelectionText": "answerToShowFromSelectionText"; "customDimensions": "customDimensions"; }, { "closeClick": "closeClick"; "cancelAnswers": "cancelAnswers"; "selectSelection": "selectSelection"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectionsSummaryComponent, "rp-selections-summary", never, { "selections": "selections"; "showLabel": "showLabel"; "canClose": "canClose"; "answersTemplate": "answersTemplate"; "answerToShowFromSelectionText": "answerToShowFromSelectionText"; "customDimensions": "customDimensions"; }, { "closeClick": "closeClick"; "cancelAnswers": "cancelAnswers"; "selectSelection": "selectSelection"; "repeatSelection": "repeatSelection"; "deleteSelection": "deleteSelection"; }, never, never>;
 }

package/app/plugins/lite-selector/lite-selector/component/summary-line/summary-line.component.d.ts

@@ -0,0 +1,50 @@
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
+import { HomedecoratorIconCacheService } from '../../../../../core/service/homedecorator-icon-cache.service';
+import { IconEnum } from '../../../../../core/enum/icon.enum';
+import * as i0 from "@angular/core";
+export declare class SummaryLineComponent implements AfterViewInit {
+    iconCacheService: HomedecoratorIconCacheService;
+    private _changeDetector;
+    readonly icons: typeof IconEnum;
+    titleBlock: ElementRef;
+    imageData: string;
+    title: string;
+    description: string;
+    /**
+     * Total price of the selection
+     */
+    price: number | string;
+    /**
+     * Multiline data for selection tree
+     * title: string
+     * description: string
+     * price: number | string
+     */
+    multilineData: any;
+    valutaSymbol: string;
+    isHighlighted: boolean;
+    showClass(): boolean;
+    isCollapsable: boolean;
+    canRepeat: boolean;
+    isDeletable: boolean;
+    showContent: boolean;
+    repeatClicked: EventEmitter<MouseEvent>;
+    deleteClicked: EventEmitter<MouseEvent>;
+    data: {
+        title: string;
+        description: string;
+        price: number | string;
+    }[];
+    showList: boolean;
+    showCollapsable: boolean;
+    showListTotalPrice: boolean;
+    constructor(iconCacheService: HomedecoratorIconCacheService, _changeDetector: ChangeDetectorRef);
+    ngAfterViewInit(): void;
+    collapsableCheck(): void;
+    toggleShowHideList(event: MouseEvent): void;
+    handleRepeatClick(event: MouseEvent): void;
+    handleDeleteClick(event: MouseEvent): void;
+    private _setShowList;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SummaryLineComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SummaryLineComponent, "co-summary-line", never, { "imageData": "imageData"; "title": "title"; "description": "description"; "price": "price"; "multilineData": "multilineData"; "valutaSymbol": "valutaSymbol"; "isHighlighted": "isHighlighted"; "showClass": "showClass"; "isCollapsable": "isCollapsable"; "canRepeat": "canRepeat"; "isDeletable": "isDeletable"; "showContent": "showContent"; }, { "repeatClicked": "repeatClicked"; "deleteClicked": "deleteClicked"; }, never, ["*"]>;
+}

package/app/plugins/lite-selector/lite-selector/component/summary-line/summary-line.scss

@@ -0,0 +1,156 @@
+.co-summary-line {
+    display: flex;
+    flex-direction: column;
+    background-color: white;
+    box-shadow: 0 0 2px 0 rgba(72, 79, 96, .25);
+    overflow: hidden;
+
+    .summary-line {
+        display: grid;
+        grid-template-columns: auto minmax(200px, 500px) 75px;
+        grid-template-areas: "column-image column-title column-icon";
+    }
+
+    .column-image {
+        grid-area: column-image;
+    }
+
+    .column-title {
+        grid-area: column-title;
+    }
+
+    .column-icon {
+        grid-area: column-icon;
+        display: flex;
+        align-items: flex-start;
+        justify-content: center;
+        height: auto;
+        width: 100%;
+    }
+
+    .image {
+        display: flex;
+        flex-shrink: 0;
+        width: 54px;
+        height: 54px;
+        padding: 5px;
+        margin: 3px 0;
+        .co-image {
+            height: 100%;
+            width: 100%;
+            .no-image-wrapper {
+                .co-icon {
+                    width: 80%;
+                    height: 80%;
+                }
+                span {
+                    display: none;
+                }
+            }
+        }
+    }
+
+    .title-wrapper {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        &:first-child {
+            margin-top: 10px;
+        }
+    }
+
+    .titles {
+        display: flex;
+        flex-direction: column;
+        margin: 4px;
+        line-height: 20px;
+        font-size: 14px;
+        label {
+            flex-shrink: 0;
+            font-size: 13px;
+            font-style: italic;
+            line-height: 19px;
+            color: #5B6875;
+        }
+    }
+
+    .title-list-wrapper {
+        display: flex;
+        flex-direction: row;
+        width: 100%;
+        justify-content: space-between;
+    }
+
+    .price-plus {
+        margin-right: 5px;
+    }
+
+    .selection-price, .total-price {
+        display: flex;
+        align-items: center;
+    }
+
+     .selection-price {
+        font-size: 12px;
+        font-style: italic;
+    }
+
+    .total-price {
+        background: white;
+        font-size: 15px;
+        font-weight: bold;
+        white-space: nowrap;
+    }
+
+    .icon {
+        flex-shrink: 0;
+        flex-grow: 0;
+        //width: 40px;
+        //height: 40px;
+        //padding: 0 7px;
+        //margin: 15px 0 0 15px;
+        //font-size: 0;
+        //display: flex;
+        //align-content: center;
+        //justify-content: center;
+        &.collapse {
+            border-left: 1px solid rgba(72, 79, 96, .1);
+            margin-top: 15px;
+            > co-icon {
+                cursor: pointer;
+                transition: 0.3s ease-in-out;
+                border-radius: 30px;
+            }
+            &:hover > co-icon {
+                background: #fafafa;
+            }
+        }
+        .co-icon {
+            position: relative;
+            width: 30px;
+            height: 40px;
+            svg { // for fontawesome icons
+                fill: #5b6875;
+            }
+            & [fill] { // for own icons
+                fill: #5b6875;
+            }
+            &.collapse {
+                transform: rotate(180deg);
+            }
+            &.delete svg {
+                height: 25px;
+                width: 25px;
+            }
+            &.repeat {
+                width: 20px;
+            }
+        }
+    }
+    .button-wrapper {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        width: 30px;
+    }
+}

package/app/plugins/lite-selector/lite-selector/lite-selector.component.d.ts

@@ -33,7 +33,8 @@ export declare class LiteSelectorComponent implements OnDestroy {
     constructor(iOne: HomedecoratorConnectorService, buildFurnitureService: BuildFurnitureService, _settingsService: HomedecoratorSettingsService);
     ngOnDestroy(): void;
     onCloseLiteSelectorButtonClick(): void;
-    onSelectionsSummarySelectSelection(selection: Selection): Promise<void>;
+    onSelectionsSummarySelectSelection(selection: Selection, forceBackToNode?: boolean, after?: boolean): Promise<void>;
+    onSelectionsSummaryDeleteSelection(selection: Selection): Promise<void>;
     onAnswersSlideoutAnswerChosen(answerSelected: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LiteSelectorComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<LiteSelectorComponent, "rp-lite-selector", never, { "showAnswers": "showAnswers"; "show": "show"; "showSelections": "showSelections"; "showLabel": "showLabel"; "canClose": "canClose"; "metadata": "metadata"; "customDimensions": "customDimensions"; }, { "showChange": "showChange"; "answerChosen": "answerChosen"; }, never, never>;

package/app/plugins/lite-selector/lite-selector.module.d.ts

@@ -9,14 +9,16 @@ import * as i7 from "./lite-selector/component/image-zoom/image-zoom.component";
 import * as i8 from "./lite-selector/component/tag-filter/tag-filter.component";
 import * as i9 from "./lite-selector/component/customizer/customizer.component";
 import * as i10 from "./lite-selector/component/animation/animation.component";
-import * as i11 from "../../core/core.module";
-import * as i12 from "@angular/common";
-import * as i13 from "@angular/material/icon";
-import * as i14 from "@angular/material/button";
-import * as i15 from "@colijnit/corecomponents";
-import * as i16 from "@angular/forms";
+import * as i11 from "./lite-selector/component/summary-line/summary-line.component";
+import * as i12 from "../../core/core.module";
+import * as i13 from "@angular/common";
+import * as i14 from "@angular/material/icon";
+import * as i15 from "@angular/material/button";
+import * as i16 from "@colijnit/corecomponents";
+import * as i17 from "@angular/forms";
+import * as i18 from "@colijnit/corecomponents_v12";
 export declare class LiteSelectorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<LiteSelectorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LiteSelectorModule, [typeof i1.LiteSelectorComponent, typeof i2.AnswerCardComponent, typeof i3.AnswersSlideoutComponent, typeof i4.SelectionsSummaryComponent, typeof i5.SelectionsSummaryLineComponent, typeof i6.ColorFilterComponent, typeof i7.ImageZoomComponent, typeof i8.TagFilterComponent, typeof i9.CustomizerComponent, typeof i10.AnimationComponent], [typeof i11.CoreModule, typeof i12.CommonModule, typeof i13.MatIconModule, typeof i14.MatButtonModule, typeof i15.CardModule, typeof i15.SlideoutModule, typeof i15.SummaryLineModule, typeof i15.PriceDisplayPipeModule, typeof i15.ButtonModule, typeof i15.HtmlHeaderModule, typeof i15.InputTextModule, typeof i15.InputTextChipsModule, typeof i15.IconModule, typeof i16.FormsModule], [typeof i1.LiteSelectorComponent, typeof i10.AnimationComponent, typeof i9.CustomizerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LiteSelectorModule, [typeof i1.LiteSelectorComponent, typeof i2.AnswerCardComponent, typeof i3.AnswersSlideoutComponent, typeof i4.SelectionsSummaryComponent, typeof i5.SelectionsSummaryLineComponent, typeof i6.ColorFilterComponent, typeof i7.ImageZoomComponent, typeof i8.TagFilterComponent, typeof i9.CustomizerComponent, typeof i10.AnimationComponent, typeof i11.SummaryLineComponent], [typeof i12.CoreModule, typeof i13.CommonModule, typeof i14.MatIconModule, typeof i15.MatButtonModule, typeof i16.CardModule, typeof i16.SlideoutModule, typeof i16.PriceDisplayPipeModule, typeof i16.ButtonModule, typeof i16.HtmlHeaderModule, typeof i16.InputTextModule, typeof i16.InputTextChipsModule, typeof i17.FormsModule, typeof i18.ImageModule, typeof i18.IconModule], [typeof i1.LiteSelectorComponent, typeof i10.AnimationComponent, typeof i9.CustomizerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<LiteSelectorModule>;
 }

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

@@ -8,7 +8,6 @@ import { ThirdPartyModelService } from '../../threedselector/threedselector/serv
 import { MessageBusService } from '../../../core/service/message-bus.service';
 import { HomedecoratorConnectorAdapterService } from '../../../core/service/homedecorator-connector-adapter.service';
 import { LightPresetsService } from '../../core3d/service/light-presets.service';
-import { HomedecoratorDictionaryService } from '../../../core/service/homedecorator-dictionary.service';
 import { FontService } from '../../core3d/service/font.service';
 import { Font } from 'three/examples/jsm/loaders/FontLoader';
 import { IconEnum } from '../../../core/enum/icon.enum';
@@ -20,20 +19,25 @@ export declare class ModelPreviewComponent implements OnInit, OnDestroy {
         file: any;
         thirdPartyModelService: ThirdPartyModelService;
         lightPresetService: LightPresetsService;
+        settingsService: HomedecoratorSettingsService;
+        iconCache: HomedecoratorIconCacheService;
+        adapterService: HomedecoratorConnectorAdapterService;
     };
-    settingsService: HomedecoratorSettingsService;
-    iconCache: HomedecoratorIconCacheService;
     private _dialogRef;
     private _messageService;
     private _dialog;
-    private _adapterService;
-    private _dictionaryService;
     private _fontService;
+    settingsService: HomedecoratorSettingsService;
+    iconCache: HomedecoratorIconCacheService;
+    private _adapterService;
     constructor(data: {
         file: any;
         thirdPartyModelService: ThirdPartyModelService;
         lightPresetService: LightPresetsService;
-    }, settingsService: HomedecoratorSettingsService, iconCache: HomedecoratorIconCacheService, _dialogRef: MatDialogRef<ModelPreviewComponent>, _messageService: MessageBusService, _dialog: MatDialog, _adapterService: HomedecoratorConnectorAdapterService, _dictionaryService: HomedecoratorDictionaryService, _fontService: FontService);
+        settingsService: HomedecoratorSettingsService;
+        iconCache: HomedecoratorIconCacheService;
+        adapterService: HomedecoratorConnectorAdapterService;
+    }, _dialogRef: MatDialogRef<ModelPreviewComponent>, _messageService: MessageBusService, _dialog: MatDialog, _fontService: FontService);
     glbExportName: ElementRef;
     heightArticle: ElementRef;
     scenePreview: THREE.Scene;

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

@@ -1,38 +1,37 @@
 @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-checkmark {
+      position: absolute;
+      top: 3px;
+      right: 3px;
+      fill: $checked-icon-color;
+      co-icon {
+        width: $xs-icon-size;
+        height: $xs-icon-size;
+        background: rgba(255,255,255,0.5);
+        border-radius: 50%;
+      }
+  }
+  .product-configurator-selector-option-button-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-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 {
+  }
+  .product-configurator-selector-option-button-description {
         text-align: center;
-        font-size: $font-size-small;
+    p {
+      margin: 0;
     }
+  }
 }
 

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

@@ -5,7 +5,7 @@ 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 {
+export declare class ProductConfiguratorOptionCheckboxComponent {
     iOne: HomedecoratorConnectorService;
     iconService: HomedecoratorIconCacheService;
     settingsService: HomedecoratorSettingsService;
@@ -14,6 +14,6 @@ export declare class ProductConfiguratorOptionListOfValuesComponent {
     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>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProductConfiguratorOptionCheckboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProductConfiguratorOptionCheckboxComponent, "rp-product-configurator-option-checkbox", never, { "option": "option"; }, { "selectionClicked": "selectionClicked"; }, never, never>;
 }

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

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

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

@@ -0,0 +1,34 @@
+@import './template_variables';
+
+.configurator-option-dropdown-container {
+  .option-dropdown-select {
+    width: 270px;
+    max-width: 100%;
+    padding: 5px 30px 5px 10px;
+    height: 36px;
+    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
+    cursor: pointer;
+  }
+  .custom-select-wrapper {
+    position: relative;
+    display: inline-block;
+
+    select {
+      appearance: none;
+      -webkit-appearance: none;
+      -moz-appearance: none;
+    }
+  }
+  .product-configurator-selector-option-dropdown-select {
+    position: absolute;
+    top: 50%;
+    right: 10px;
+    pointer-events: none;
+    transform: translateY(-50%);
+    width: $xs-icon-size;
+    height: $xs-icon-size;
+    svg {
+      fill: #ccc;
+    }
+  }
+}