@colijnit/homedecorator 255.1.1

package/app/plugins/core3d/walkthrough-camera-controls/walkthrough-camera-controls.component.d.ts

@@ -0,0 +1,19 @@
+import { OnInit } from '@angular/core';
+import { MessageBusService } from '../../../core/service/message-bus.service';
+import { ConfigurationService } from '../../../core/service/configuration.service';
+import * as i0 from "@angular/core";
+export declare class WalkthroughCameraControlsComponent implements OnInit {
+    private messageService;
+    private _configurationService;
+    fov: number;
+    aspect: number;
+    focus: number;
+    constructor(messageService: MessageBusService, _configurationService: ConfigurationService);
+    ngOnInit(): void;
+    onFovChange(newFov: number): void;
+    onAspectRatioChange(newAspect: number): void;
+    onFocusChange(newFocus: number): void;
+    cameraChanged(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WalkthroughCameraControlsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WalkthroughCameraControlsComponent, "rp-walkthrough-camera-controls", never, { "fov": "fov"; "aspect": "aspect"; "focus": "focus"; }, {}, never, never>;
+}

package/app/plugins/core3d/walkthrough-camera-controls/walkthrough-camera-controls.component.scss

@@ -0,0 +1,7 @@
+.camera-controls {
+  position: absolute;
+  right: 20px;
+  top: 84px;
+  display: flex;
+  align-items: center;
+}

package/app/plugins/furniture-manager/furniture-library/furniture-library.component.d.ts

@@ -0,0 +1,27 @@
+import { EventEmitter, OnDestroy } from '@angular/core';
+import { ThreedModel } from '../../core3d/model/threed-model';
+import { MessageBusService } from '../../../core/service/message-bus.service';
+import { HomedecoratorSettingsService } from '../../../core/service/homedecorator-settings.service';
+import { Item } from '../../core3d/items/item';
+import * as i0 from "@angular/core";
+export declare class FurnitureLibraryComponent implements OnDestroy {
+    private _messageBus;
+    private _settingsService;
+    close: EventEmitter<any>;
+    furnitures: ThreedModel[];
+    setDragged: EventEmitter<object>;
+    releaseDragged: EventEmitter<any>;
+    constructFn: any;
+    assetPath: string;
+    private _subs;
+    private _scrolled;
+    private readonly _dragImage;
+    constructor(_messageBus: MessageBusService, _settingsService: HomedecoratorSettingsService);
+    ngOnDestroy(): void;
+    touchMove(): void;
+    touchEnd(event: any, furniture: any): void;
+    dragstart(event: any, furniture: any): void;
+    construct(name: string, options: any): Promise<Item>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FurnitureLibraryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FurnitureLibraryComponent, "rp-furniture-library", never, { "furnitures": "furnitures"; "constructFn": "constructFn"; }, { "close": "close"; "setDragged": "setDragged"; "releaseDragged": "releaseDragged"; }, never, never>;
+}

package/app/plugins/furniture-manager/furniture-library/furniture-library.component.scss

@@ -0,0 +1,20 @@
+:host {
+  flex: 1;
+  overflow-y: auto;
+}
+
+mat-grid-tile:hover {
+  cursor: pointer;
+}
+
+button.close {
+  height: 36px;
+  width: 36px;
+  min-width: initial;
+  padding: 0;
+  border: none;
+  position: absolute;
+  right: 0;
+  top: 10px;
+  border-radius: 50%;
+}

package/app/plugins/furniture-manager/furniture-manager/furniture-manager.component.d.ts

@@ -0,0 +1,91 @@
+import { ChangeDetectorRef, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { MatDialog } from '@angular/material/dialog';
+import { PluginInterface } from '../../plugin-interface';
+import { IconName } from '../../../core/enum/icon-name.enum';
+import { ThreedModel } from '../../core3d/model/threed-model';
+import { Category } from '../../../core/model/category';
+import { MessageBusService } from '../../../core/service/message-bus.service';
+import { ModelsService } from '../../core3d/service/models.service';
+import { HomedecoratorAppService } from '../../../core/service/homedecorator-app.service';
+import { UtilsService } from '../../../core/service/utils.service';
+import { ScreenSizeAnalysisService } from '../../../shared/screen-size-analysis/screen-size-analysis.service';
+import { PresetsService } from '../../../core/service/presets.service';
+import { ItemService } from '../../core3d/service/item.service';
+import { SceneEventService } from '../../core3d/service/scene-event.service';
+import { HudService } from '../../core3d/service/hud.service';
+import { ItemSerializationService } from '../../../core/service/item-serialization.service';
+import { RoomService } from '../../room-planner/components/floorplanner/service/room.service';
+import { ItemGroupService } from '../../core3d/service/item-group.service';
+import { ModelInterface } from '../../core3d/interface/model.interface';
+import { Item } from '../../core3d/items/item';
+import * as i0 from "@angular/core";
+export declare class FurnitureManagerComponent implements OnInit, OnDestroy, PluginInterface {
+    private _messageService;
+    private _modelsService;
+    private _appService;
+    private _cd;
+    private _utilsService;
+    private _screenAnalysis;
+    private _presetsService;
+    private _dialog;
+    private _itemService;
+    private _sceneEventService;
+    private _hudService;
+    private _itemSerializationService;
+    private _roomService;
+    private _groupService;
+    toolbarIcon: TemplateRef<any>;
+    furnitureSidebar: TemplateRef<any>;
+    categoriesSidebar: TemplateRef<any>;
+    readonly iconName: typeof IconName;
+    readonly cylinderGeometryRadiusSegments: number;
+    isLoading: boolean;
+    selectedFurniture: any;
+    furnitures: ThreedModel[];
+    customFurnitures: ThreedModel[];
+    libraryFurnitures: ThreedModel[];
+    categories: Category[];
+    selectedCategory: Category;
+    is2dViewActive: boolean;
+    isWalkThroughViewActive: boolean;
+    phoneSizeScreen: boolean;
+    private _cameras;
+    private _isOverItem;
+    private _subs;
+    constructor(_messageService: MessageBusService, _modelsService: ModelsService, _appService: HomedecoratorAppService, _cd: ChangeDetectorRef, _utilsService: UtilsService, _screenAnalysis: ScreenSizeAnalysisService, _presetsService: PresetsService, _dialog: MatDialog, _itemService: ItemService, _sceneEventService: SceneEventService, _hudService: HudService, _itemSerializationService: ItemSerializationService, _roomService: RoomService, _groupService: ItemGroupService);
+    ngOnInit(): Promise<void>;
+    ngOnDestroy(): void;
+    private _viewModeChanged;
+    showFurnitureSidebar(categoryName: string): void;
+    showCategories(): void;
+    hide(): void;
+    private _unselectFurniture;
+    setDragged(object: ModelInterface): void;
+    releaseDragged(): void;
+    private _setFurnitures;
+    itemSelected(item: any): void;
+    itemUnselected(): void;
+    overItem(on: boolean): void;
+    removeSelectedFurniture(): void;
+    showCategory(category: Category): Promise<void>;
+    private _getCameras;
+    private _returnCameras;
+    private _removeCamera;
+    load(): Promise<any>;
+    construct({ name }: {
+        name: string;
+    }): Promise<Item>;
+    loadObjects({ furniture }: {
+        furniture: any;
+    }): Promise<any>;
+    loadNonIONEObjects(objects: any): Promise<void>;
+    copySceneInstance(saveAs: boolean): Promise<void>;
+    getObjects(): any;
+    hasCustomFurniture(): boolean;
+    private _showWarning;
+    private _isNonIONEObject;
+    private _isIONEObject;
+    private _createFaceMaterial;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FurnitureManagerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FurnitureManagerComponent, "rp-furniture-manager", never, {}, {}, never, never>;
+}

package/app/plugins/furniture-manager/furniture-manager/furniture-manager.component.scss

@@ -0,0 +1,57 @@
+:host {
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  font-family: Arial, Helvetica, sans-serif;
+}
+
+.flex-wrap {
+  display: flex;
+  flex-flow: column nowrap;
+  height: 100%;
+}
+
+.logo-menu-3rd {
+  position: absolute;
+  top: 100px;
+  left: 84px;
+}
+
+.logo-menu-3rd.front .mat-raised-button {
+  width: 110px;
+  text-align: left;
+}
+
+.sidebar {
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 100vh;
+  max-width: 30%;
+  width: 400px;
+  background: #fff;
+  padding: 0 20px;
+  box-shadow: 0 0 20px rgba(0, 0, 0, .25);
+}
+
+.on-top {
+  z-index: 3;
+}
+
+.solid-background {
+  fill: white;
+  background: white;
+}
+
+.solid-background > * {
+  fill: white;
+  background: white;
+}
+
+.remove-all {
+  position: absolute;
+  top: 15px;
+  right: 71px;
+}

package/app/plugins/furniture-manager/furniture-manager.module.d.ts

@@ -0,0 +1,23 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./furniture-manager/furniture-manager.component";
+import * as i2 from "./furniture-library/furniture-library.component";
+import * as i3 from "../../core/core.module";
+import * as i4 from "../../shared/category-library/category-library.module";
+import * as i5 from "@angular/common";
+import * as i6 from "../../shared/context-menu/context-menu.module";
+import * as i7 from "@angular/material/button";
+import * as i8 from "@angular/material/button-toggle";
+import * as i9 from "@angular/material/sidenav";
+import * as i10 from "@angular/material/card";
+import * as i11 from "@angular/material/slider";
+import * as i12 from "@angular/material/slide-toggle";
+import * as i13 from "@angular/material/grid-list";
+import * as i14 from "@angular/material/icon";
+import * as i15 from "@angular/material/tabs";
+import * as i16 from "../core3d/core3d.module";
+import * as i17 from "../../shared/toolbar-icon/toolbar-icon.module";
+export declare class FurnitureManagerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FurnitureManagerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FurnitureManagerModule, [typeof i1.FurnitureManagerComponent, typeof i2.FurnitureLibraryComponent], [typeof i3.CoreModule, typeof i4.CategoryLibraryModule, typeof i5.CommonModule, typeof i6.ContextMenuModule, typeof i7.MatButtonModule, typeof i8.MatButtonToggleModule, typeof i9.MatSidenavModule, typeof i10.MatCardModule, typeof i11.MatSliderModule, typeof i12.MatSlideToggleModule, typeof i13.MatGridListModule, typeof i14.MatIconModule, typeof i15.MatTabsModule, typeof i16.Core3dModule, typeof i17.ToolbarIconModule], [typeof i1.FurnitureManagerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FurnitureManagerModule>;
+}

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

@@ -0,0 +1,21 @@
+import { OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { MatDialog } from '@angular/material/dialog';
+import { IconName } from '../../../core/enum/icon-name.enum';
+import { ScreenSizeAnalysisService } from '../../../shared/screen-size-analysis/screen-size-analysis.service';
+import { MessageBusService } from '../../../core/service/message-bus.service';
+import * as i0 from "@angular/core";
+export declare class HelpComponent implements OnInit, OnDestroy {
+    screenSizeService: ScreenSizeAnalysisService;
+    private _dialog;
+    private _messageService;
+    readonly iconName: typeof IconName;
+    toolbarIconsZoom: TemplateRef<any>;
+    shouldShowLabel: boolean;
+    private _subs;
+    constructor(screenSizeService: ScreenSizeAnalysisService, _dialog: MatDialog, _messageService: MessageBusService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    showDialog(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HelpComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HelpComponent, "rp-help", never, {}, {}, never, never>;
+}

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

@@ -0,0 +1,20 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { IAlbum, Lightbox } from 'ngx-lightbox';
+import { HomedecoratorAppService } from '../../../core/service/homedecorator-app.service';
+import { HomedecoratorSettingsService } from '../../../core/service/homedecorator-settings.service';
+import { HomedecoratorDictionaryService } from '../../../core/service/homedecorator-dictionary.service';
+import * as i0 from "@angular/core";
+export declare class HelpDialogComponent implements OnInit, OnDestroy {
+    private _lightbox;
+    private _appService;
+    private _settingsService;
+    private _dictionaryService;
+    albums: Array<IAlbum>;
+    private _stop$;
+    constructor(_lightbox: Lightbox, _appService: HomedecoratorAppService, _settingsService: HomedecoratorSettingsService, _dictionaryService: HomedecoratorDictionaryService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    openLightbox(index: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HelpDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HelpDialogComponent, "rp-help-dialog", never, {}, {}, never, never>;
+}

package/app/plugins/help/help-dialog/help-dialog.component.scss

@@ -0,0 +1,28 @@
+.mat-headline {
+    text-align: center;
+    line-height: 1;
+    margin: 0 0 16px;
+  }
+
+.help-button {
+    height: 100%;
+    width: 100%;
+
+    ::ng-deep .mat-button-wrapper {
+        display: flex;
+        flex-direction: column;
+        white-space: normal;
+
+        & > * {
+            max-width: 100%;
+            max-height: 100%;
+        }
+
+        .help-image-label {
+            font-size: 12px;
+            line-height: 1.5;
+            min-height: 36px;
+            margin-top: 10px;
+        }
+    }
+}

package/app/plugins/help/help.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./help/help.component";
+import * as i2 from "./help-dialog/help-dialog.component";
+import * as i3 from "../../core/core.module";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/material/grid-list";
+import * as i6 from "../../shared/toolbar-icon/toolbar-icon.module";
+export declare class HelpModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HelpModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HelpModule, [typeof i1.HelpComponent, typeof i2.HelpDialogComponent], [typeof i3.CoreModule, typeof i4.CommonModule, typeof i5.MatGridListModule, typeof i6.ToolbarIconModule], [typeof i1.HelpComponent, typeof i2.HelpDialogComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<HelpModule>;
+}

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

@@ -0,0 +1,19 @@
+import { OnDestroy } from '@angular/core';
+import { Item } from '../../../../core3d/items/item';
+import { AnimationService } from '../../../../threedselector/threedselector/service/animation.service';
+import { MessageBusService } from '../../../../../core/service/message-bus.service';
+import * as i0 from "@angular/core";
+export declare class AnimationComponent implements OnDestroy {
+    animationService: AnimationService;
+    private _messageBusService;
+    animationStartClicked: boolean;
+    animationStopClicked: boolean;
+    selectedObject: Item;
+    private _subs;
+    constructor(animationService: AnimationService, _messageBusService: MessageBusService);
+    ngOnDestroy(): void;
+    startAnimation(item: Item): void;
+    stopAnimation(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AnimationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnimationComponent, "rp-animation", never, {}, {}, never, never>;
+}

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

@@ -0,0 +1,41 @@
+import { AfterViewInit, ElementRef, EventEmitter, OnDestroy } from '@angular/core';
+import { Answer } from '@colijnit/configuratorapi/build/model/answer';
+import { HomedecoratorSettingsService } from '../../../../../core/service/homedecorator-settings.service';
+import { HomedecoratorConnectorService } from '../../../../../core/service/homedecorator-connector.service';
+import { IntersectionStatus } from '../../../../../core/model/from-intersection-observer';
+import * as i0 from "@angular/core";
+export declare class AnswerCardComponent implements OnDestroy, AfterViewInit {
+    settingsService: HomedecoratorSettingsService;
+    private _elementRef;
+    private _iOneService;
+    model: Answer | any;
+    valutaSymbol: string;
+    set showing(value: boolean);
+    isSelected: boolean;
+    isSmallModus: boolean;
+    freeInput: string;
+    readonly freeInputChange: EventEmitter<string>;
+    readonly infoClick: EventEmitter<void>;
+    readonly select: EventEmitter<string>;
+    readonly magnifierClick: EventEmitter<Answer>;
+    private _waitForInput;
+    private _retrievingInfo;
+    private _infoRetrieved;
+    private _worker;
+    private _io;
+    constructor(settingsService: HomedecoratorSettingsService, _elementRef: ElementRef, _iOneService: HomedecoratorConnectorService);
+    ngOnDestroy(): void;
+    ngAfterViewInit(): void;
+    onContentClick(): void;
+    handleClick(event: MouseEvent): void;
+    onInfoButtonClick(): void;
+    handleFocusFreeInput(event: MouseEvent): void;
+    handleBlurFreeInput(event: MouseEvent): void;
+    handleKeyDownFreeInput(event: KeyboardEvent): void;
+    onZoomImage(): void;
+    onVisibilityChanged(index: number, status: IntersectionStatus): void;
+    private _checkVisibility;
+    private _getThumbnailImage;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AnswerCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnswerCardComponent, "rp-answer-card", never, { "model": "model"; "valutaSymbol": "valutaSymbol"; "showing": "showing"; "isSelected": "isSelected"; "isSmallModus": "isSmallModus"; "freeInput": "freeInput"; }, { "freeInputChange": "freeInputChange"; "infoClick": "infoClick"; "select": "select"; "magnifierClick": "magnifierClick"; }, never, never>;
+}

package/app/plugins/lite-selector/lite-selector/component/answer-card/answer-card.component.scss

@@ -0,0 +1,25 @@
+:host {
+  width: 25%;
+
+  &.small-mode {
+    width: 12%;
+  }
+}
+
+.free-answer {
+  display: flex;
+  align-items: center;
+  width: 95px !important;
+  .mat-icon {
+    color: green;
+  }
+}
+
+::ng-deep co-card {
+  .price {
+    font-size: 12px;
+    &:before {
+      content: '+ ';
+    }
+  }
+}

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

@@ -0,0 +1,72 @@
+import { ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { Answer } from '@colijnit/configuratorapi/build/model/answer';
+import { Question } from '@colijnit/configuratorapi/build/model/question';
+import { Color } from '@colijnit/configuratorapi/build/model/color';
+import { Tag } from '@colijnit/configuratorapi/build/model/tag';
+import { Metadata } from '../../../../core3d/items/metadata';
+import { HomedecoratorSettingsService } from '../../../../../core/service/homedecorator-settings.service';
+import { HomedecoratorConnectorService } from '../../../../../core/service/homedecorator-connector.service';
+import { HomedecoratorAppEventService } from '../../../../../core/service/homedecorator-app-event.service';
+import { BuildFurnitureService } from '../../../../threedselector/threedselector/service/build-furniture.service';
+import * as i0 from "@angular/core";
+export declare class AnswersSlideoutComponent implements OnInit, OnDestroy {
+    settingsService: HomedecoratorSettingsService;
+    iOne: HomedecoratorConnectorService;
+    private _appEventService;
+    private _buildFurnitureService;
+    slideOut: ElementRef;
+    private readonly _showSmallAnswerCardsFromThisAmount;
+    private readonly _propsToSearch;
+    isShown: boolean;
+    question: Question;
+    showTitle: boolean;
+    showFilter: boolean;
+    metadata: Metadata;
+    set answers(value: Answer[]);
+    useSlideout: boolean;
+    get answers(): Answer[];
+    customDimensions: boolean;
+    readonly isShownChange: EventEmitter<boolean>;
+    readonly answerChosen: EventEmitter<{
+        answer: Answer;
+        input: string;
+    }>;
+    isSmallCardsModus: boolean;
+    bottomAlign: boolean;
+    filteredAnswers: Answer[];
+    colorArray: Color[];
+    tagArray: Tag[];
+    showTheFilter: boolean;
+    zoomImage: string;
+    showZoom: boolean;
+    searchExpanded: boolean;
+    chipTexts: string[];
+    freeInput: string;
+    valutaSymbol: string;
+    private _answers;
+    private _subs;
+    private _filterOnColors;
+    private _filterOnTags;
+    constructor(settingsService: HomedecoratorSettingsService, iOne: HomedecoratorConnectorService, _appEventService: HomedecoratorAppEventService, _buildFurnitureService: BuildFurnitureService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    onAnswerCardInfoClick(answer: Answer): void;
+    onZoomClick(answer: Answer): void;
+    applyFilter(): void;
+    onFilterColor(color: Color): void;
+    onFilterTag(tag: Tag): void;
+    onCloseAnswerSlideout(): void;
+    handleAnswerChosen(answer: Answer): void;
+    isSelectedAnswer(answer: Answer): boolean;
+    onChipsValueChange(value: string[]): void;
+    onChipsClose(): void;
+    handleFreeInputChange($event: string): void;
+    private _filterOnArray;
+    private _filterOnChips;
+    private _containsTextParts;
+    private _setArrays;
+    private _addToArray;
+    private _inArray;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AnswersSlideoutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnswersSlideoutComponent, "rp-answers-slideout", never, { "isShown": "isShown"; "question": "question"; "showTitle": "showTitle"; "showFilter": "showFilter"; "metadata": "metadata"; "answers": "answers"; "useSlideout": "useSlideout"; "customDimensions": "customDimensions"; }, { "isShownChange": "isShownChange"; "answerChosen": "answerChosen"; }, never, never>;
+}

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

@@ -0,0 +1,146 @@
+co-slideout {
+  overflow-y: auto;
+  z-index: 1;
+}
+
+:host {
+  &.bottom-align:not(.custom-dimensions):not(.small-mode) {
+    co-slideout {
+      width: 100%;
+      height: 200px;
+      bottom: 0;
+      top: inherit;
+      max-width: 100%;
+      z-index: 99999;
+      text-align: center;
+      transition: bottom .2s;
+      .cards {
+        justify-content: center;
+        ::ng-deep rp-answer-card {
+          width: 100px;
+        }
+      }
+    }
+  }
+  &:not(.custom-dimensions) co-slideout {
+    width: 500px;
+    max-width: 60vw;
+    top: 64px;
+    max-height: calc(100% - 64px);
+  }
+  &.small-mode co-slideout {
+    width: 50vw;
+    min-width: 700px;
+  }
+  .search-button {
+    margin-left: 25px;
+    width: 40px;
+    height: 40px;
+    cursor: pointer;
+  }
+  .search-wrapper {
+    z-index: 2;
+    position: absolute;
+    top: .3em;
+    width: 98%;
+    padding-left: .3em;
+    padding-right: .3em;
+  }
+  .text-chips {
+    width: 100%;
+    ::ng-deep co-icon {
+      width: 30px;
+      height: 30px;
+    }
+  }
+  div.title {
+    margin: 10px 0 0 30px;
+  }
+  .header-description {
+    padding: 30px;
+  }
+  .close-answer {
+    position: absolute;
+    top: 0;
+    right: 0;
+  }
+  span.option-count {
+    margin-left: 6px;
+    font-family: "Century Gothic", "sans-serif";
+    color: #5b6875;
+    &:before {
+      content: '(';
+    }
+    &:after {
+      content: ')';
+    }
+  }
+  h3 {
+    display: inline-block;
+  }
+  h4 {
+    margin-left: 30px;
+  }
+  .filter {
+    display: flex;
+    margin-left: 30px;
+    margin-bottom: 5px;
+  }
+  .filter ::ng-deep rp-color-filter:not(last-child) {
+    margin-right: 5px;
+  }
+  .filter ::ng-deep rp-tag-filter:not(last-child) {
+    margin-right: 20px;
+  }
+  div.cards {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    padding: 20px;
+  }
+  co-html-header {
+    display: flex;
+    align-items: center;
+  }
+  co-html-header ::ng-deep h1, .price-header-level-1 {
+    font-size: 1.17em;
+    margin-bottom: 5px;
+    margin-top: 10px;
+    font-weight: bold;
+  }
+  co-html-header ::ng-deep h2,
+  co-html-header ::ng-deep h3,
+  co-html-header ::ng-deep h4,
+  co-html-header ::ng-deep h5,
+  co-html-header ::ng-deep h6,
+  .price-header-level-2,
+  .price-header-level-3,
+  .price-header-level-4,
+  .price-header-level-5,
+  .price-header-level-6 {
+    font-family: "Century Gothic", "sans-serif";
+    font-size: 1em;
+    margin: 0;
+    font-weight: normal;
+    color: #5b6875;
+  }
+  .answer-wrapper {
+
+  }
+  .group-header-wrapper {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    padding-bottom: 10px;
+  }
+  .group-header-title {
+    display: flex;
+    flex-direction: row;
+    column-gap: 10px;
+  }
+  .group-header-description {
+    font-size: 12px;
+    font-weight: bold;
+    color: rgba(0, 0, 0, 0.5);
+  }
+}

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

@@ -0,0 +1,19 @@
+import { DomSanitizer, SafeStyle } from '@angular/platform-browser';
+import { Color } from '@colijnit/configuratorapi/build/model/color';
+import { IconEnum } from '../../../../../core/enum/icon.enum';
+import { HomedecoratorIconCacheService } from '../../../../../core/service/homedecorator-icon-cache.service';
+import * as i0 from "@angular/core";
+export declare class ColorFilterComponent {
+    iconCache: HomedecoratorIconCacheService;
+    private _sanitizer;
+    readonly icons: typeof IconEnum;
+    set color(value: Color);
+    get color(): Color;
+    active: boolean;
+    get lightBackground(): boolean;
+    backgroundStyle: SafeStyle;
+    private _color;
+    constructor(iconCache: HomedecoratorIconCacheService, _sanitizer: DomSanitizer);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorFilterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColorFilterComponent, "rp-color-filter", never, { "color": "color"; "active": "active"; }, {}, never, never>;
+}