@colijnit/configurator 262.1.4 → 262.1.5

package/index.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
-import { OnDestroy, EventEmitter, OnInit, TemplateRef, ElementRef, QueryList, AfterViewInit, ChangeDetectorRef, OnChanges, SimpleChanges } from '@angular/core';
+import { OnDestroy, EventEmitter, OnInit, TemplateRef, ViewContainerRef, ElementRef, QueryList, AfterViewInit, ChangeDetectorRef, OnChanges, SimpleChanges } from '@angular/core';
 import * as THREE from 'three';
-import { Object3D, Material, Vector3, Euler, Color, Side, Scene, Mesh, PerspectiveCamera, WebGLRenderer, Camera, Vector2, Box3 } from 'three';
+import { Object3D, Material, Vector3, Euler, Scene, Mesh, PerspectiveCamera, WebGLRenderer, Camera, Vector2, Box3 } from 'three';
 import { SafeHtml, DomSanitizer, SafeStyle } from '@angular/platform-browser';
 import { DecoNode } from '@colijnit/configuratorapi/build/model/deco-node';
 import { Selection } from '@colijnit/configuratorapi/build/model/selection';
@@ -11,26 +11,26 @@ import { Article } from '@colijnit/configuratorapi/build/model/article';
 import { SelectorWithOptions } from '@colijnit/configuratorapi/build/model/selector-with-options';
 import { GetArticlesForCatalogRequest } from '@colijnit/configuratorapi/build/model/get-articles-for-catalog';
 import { SelectorStructure } from '@colijnit/configuratorapi/build/model/selector-structure.bo';
-import { QuestionAndAnswers } from '@colijnit/configuratorapi/build/model/question-and-answers';
-import { Options } from '@colijnit/ioneconnector/build/model/options';
 import { DataServiceResponseData } from '@colijnit/ioneconnector/build/model/data-service-response-data';
-import { LoginResponse } from '@colijnit/ioneconnector/build/model/login-response';
-import { TableName } from '@colijnit/mainapi/build/enum/table-name.enum';
-import { InternalParam } from '@colijnit/mainapi/build/enum/internal-param.enum';
-import { ConfiguratorStatisticsEnvironment } from '@colijnit/configuratorapi/build/model/configurator-statistics-environment';
+import { QuestionAndAnswers } from '@colijnit/configuratorapi/build/model/question-and-answers';
 import { AnswerPrice } from '@colijnit/configuratorapi/build/model/answer-price';
 import { Question } from '@colijnit/configuratorapi/build/model/question';
 import { ArticleText } from '@colijnit/configuratorapi/build/model/article-text.bo';
 import { SkipButtonInfo } from '@colijnit/configuratorapi/build/model/skip-button-info';
+import { InternalParam } from '@colijnit/mainapi/build/enum/internal-param.enum';
+import { ConfiguratorStatisticsEnvironment } from '@colijnit/configuratorapi/build/model/configurator-statistics-environment';
 import * as i2 from '@colijnit/utilities';
 import { UtilitiesConnectorService, TextureInterface as TextureInterface$1, PostProcessingService, JsonUtilsService, LightsService, TranslationService } from '@colijnit/utilities';
+import { VariationHelper } from '@colijnit/configuratorcore';
 import { WebGLPathTracer } from 'three-gpu-pathtracer';
+import { Group } from '@tweenjs/tween.js';
 import { Font } from 'three/examples/jsm/loaders/FontLoader.js';
 import * as i3 from '@angular/common';
 import * as i3$1 from '@colijnit/corecomponents_v12';
 import * as i7 from '@angular/forms';
+import { Overlay } from '@angular/cdk/overlay';
 import * as i4 from '@angular/cdk/clipboard';
-import { Color as Color$1 } from '@colijnit/configuratorapi/build/model/color';
+import { Color } from '@colijnit/configuratorapi/build/model/color';
 import { Tag } from '@colijnit/configuratorapi/build/model/tag';
 import * as i3$2 from '@angular/material/icon';
 import * as i4$1 from '@angular/material/button';
@@ -127,6 +127,7 @@ declare class ConfiguratorEventService {
     instanceIdSet: BehaviorSubject<string>;
     instanceSet: BehaviorSubject<string>;
     answerCountReceived: BehaviorSubject<number>;
+    buildStarted: BehaviorSubject<boolean>;
     buildFinished: BehaviorSubject<ConfigurationResultObject>;
     addedToScene: BehaviorSubject<ConfigurationResultObject>;
     configurationTemplateChange: BehaviorSubject<ConfigurationTemplate>;
@@ -151,6 +152,7 @@ declare class ConfiguratorEventService {
     onThumbnailReceived: Subject<string>;
     renderImageChanged: BehaviorSubject<string>;
     renderImageError: BehaviorSubject<string>;
+    startBuildFromPresetId: Subject<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ConfiguratorEventService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ConfiguratorEventService>;
 }
@@ -234,6 +236,8 @@ declare class SettingOptions {
     maxVisibleTiles: number;
     maxVisibleSmallTiles: number;
     groupedShowAllBtn: boolean;
+    showSavePresetButton?: boolean;
+    showLoadPresetButton?: boolean;
 }
 
 declare class RenderParameters {
@@ -346,112 +350,7 @@ declare class ConfiguratorSettingsService {
     static ɵprov: i0.ɵɵInjectableDeclaration<ConfiguratorSettingsService>;
 }
 
-declare class VariationSettingsSettings {
-    repeatx: number;
-    repeaty: number;
-    roughness: number;
-    metalness: number;
-}
-declare class VariationSettings {
-    id: string;
-    settings: VariationSettingsSettings;
-    texture: string;
-    textureFilename: string;
-    normal: string;
-    normalFilename: string;
-    ao: string;
-    aoFilename: string;
-    metalness: string;
-    metalnessFilename: string;
-    roughness: string;
-    roughnessFilename: string;
-    orm: string;
-    ormFilename: string;
-    displacement: string;
-    displacementValue: number;
-    displacementFilename: string;
-    sheen: number;
-    sheenColor: Color;
-    sheenColorMap: string;
-    sheenColorMapFilename: string;
-    sheenRoughness: number;
-    sheenRoughnessMap: string;
-    sheenRoughnessMapFilename: string;
-    transmissionMap: string;
-    transmissionMapFilename: string;
-    emissive: string;
-    emissiveFilename: string;
-    emissiveIntensity: number;
-    emissiveValue: Color;
-    opacity: number;
-    transparent: boolean;
-    envMap: string;
-    envMapFilename: string;
-    envMapIntensity: number;
-    reflectivity: number;
-    side: Side;
-    transmission: number;
-    ior: number;
-    thickness: number;
-    specularIntensity: number;
-    loading: boolean;
-    loaded: Subject<VariationSettings>;
-    material: any;
-    copyFrom(settings: VariationSettings): void;
-}
-
-declare class ConfiguratorService {
-    readonly showLoader: Subject<boolean>;
-    readonly connectionReset: Subject<void>;
-    loginResponse: LoginResponse;
-    private _configuratorApi;
-    private _mainApi;
-    private _articleApi;
-    private _boFactory;
-    private _publicationCodeForUserRole;
-    constructor();
-    initApi(options: Options): void;
-    cleanUp(): void;
-    initConnector(options: Options, forceReload?: boolean, mainUrl?: string, mainSchema?: string, mainVersion?: string): Promise<boolean>;
-    initNodeInstance(goodId: number, showLoader: boolean): Promise<DataServiceResponseData>;
-    changeConnection(instanceId: string, oldConnection: string, newConnection: string, showLoader: boolean): Promise<DataServiceResponseData>;
-    setInstanceToConfigure(id: string, showLoader?: boolean): Promise<DataServiceResponseData>;
-    getGoodIdFromSku(sku: string, showLoader?: boolean): Promise<DataServiceResponseData>;
-    getArticleQuickSel(goodId: number, showLoader?: boolean): Promise<DataServiceResponseData>;
-    getSelections(showLoader?: boolean, publicationCode?: number): Promise<DataServiceResponseData>;
-    getDecos(showLoader?: boolean): Promise<DataServiceResponseData>;
-    getQuestionAndAnswers(showLoader?: boolean, publicationCode?: number): Promise<QuestionAndAnswers>;
-    getSingleImage(nodeId: number | string, publication: number, includeMimetype: boolean, thumb: boolean, showLoader: boolean): Promise<DataServiceResponseData>;
-    selectSelection(selection: Selection, forceBackToNode?: boolean, after?: boolean, connector?: string): Promise<DataServiceResponseData>;
-    selectAnswer(answer: Answer, showLoader?: boolean, input?: string): Promise<DataServiceResponseData>;
-    selectAnswerBySelection(selection: Selection, userInput?: string): Promise<DataServiceResponseData>;
-    navigateTo(chosenOption: SelectorStructure, showLoader?: boolean): Promise<DataServiceResponseData>;
-    cancelAnswer(getAnswersAndQuestion?: boolean): Promise<DataServiceResponseData>;
-    deleteSelection(selection: Selection): Promise<DataServiceResponseData>;
-    replaceSelection(selection: Selection): Promise<DataServiceResponseData>;
-    getSelectionsAsync(): Promise<DataServiceResponseData>;
-    getQuestionAndAnswersAsync(): Promise<QuestionAndAnswers>;
-    getAnswerTexts(goodId: number, showLoader?: boolean): Promise<DataServiceResponseData>;
-    getAnswersPrices(): Promise<DataServiceResponseData>;
-    getSkipButtonImageAndText(goodId: number, showLoader?: boolean): Promise<DataServiceResponseData>;
-    getInternalParameterValue(parameter: InternalParam): Promise<DataServiceResponseData>;
-    getDecosAsync(): Promise<DataServiceResponseData>;
-    getSelectorStructure(showLoader?: boolean): Promise<DataServiceResponseData>;
-    getPublicationCodeBasedOnLogin(): number;
-    getImage(key: number | string, publication: number, thumb: boolean, tableName?: TableName): Promise<DataServiceResponseData>;
-    copyInstance(instanceId: string, shouldSaveCurrentInstanceId: boolean, showLoader?: boolean): Promise<DataServiceResponseData>;
-    saveConfigurations(showLoader?: boolean): Promise<boolean>;
-    storePreset(instanceId: string, showLoader?: boolean): Promise<DataServiceResponseData>;
-    initForPreset(presetId: string, goodId: number, showLoader?: boolean): Promise<DataServiceResponseData>;
-    getImageForSelectorStructure(option: SelectorStructure, publication: number, thumbNail?: boolean, showLoader?: boolean): Promise<string>;
-    getJsonConfiguredArticles(goodId: number, goodType: string, quantity: number, externalSource?: boolean, showLoader?: boolean, instanceId?: string, configuratorStatistics?: ConfiguratorStatisticsEnvironment): Promise<string>;
-    private _getPublicationCodeForRole;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ConfiguratorService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ConfiguratorService>;
-}
-
 declare class ConfiguratorConnectorService implements OnDestroy {
-    private _configuratorService;
     private _appEventService;
     private _settingsService;
     private _loaderService;
@@ -496,13 +395,15 @@ declare class ConfiguratorConnectorService implements OnDestroy {
     private _initializing;
     private _initialized;
     private _boFactory;
-    constructor(_configuratorService: ConfiguratorService, _appEventService: ConfiguratorEventService, _settingsService: ConfiguratorSettingsService, _loaderService: LoaderService, _utilitiesConnectorService: UtilitiesConnectorService);
+    private _configuratorService;
+    constructor(_appEventService: ConfiguratorEventService, _settingsService: ConfiguratorSettingsService, _loaderService: LoaderService, _utilitiesConnectorService: UtilitiesConnectorService);
     ngOnDestroy(): void;
     cleanUp(): void;
     init(settings?: ConfiguratorSettings): Promise<void>;
     initConnection(forceReload?: boolean, mainUrl?: string, mainSchema?: string, mainVersion?: string): Promise<void>;
     onShowLoaderChange(showLoader: boolean): void;
     onConnectionReset(): void;
+    getSingleImage(nodeId: number | string, publication: number, includeMimetype: boolean, thumb: boolean, showLoader: boolean): Promise<DataServiceResponseData>;
     getGoodIdFromSku(sku: string, showLoader?: boolean): Promise<number>;
     setSelections(selections: Selection[]): void;
     setDecoNodes(value: DecoNode[]): void;
@@ -571,60 +472,6 @@ declare class ConfiguratorConnectorService implements OnDestroy {
     static ɵprov: i0.ɵɵInjectableDeclaration<ConfiguratorConnectorService>;
 }
 
-declare class VariationCacheService implements OnDestroy {
-    private _settingsService;
-    private _configuratorService;
-    private _variations;
-    private _subs;
-    constructor(_settingsService: ConfiguratorSettingsService, _configuratorService: ConfiguratorConnectorService);
-    ngOnDestroy(): void;
-    get(id: string): VariationSettings;
-    set(variations: VariationSettings): void;
-    preloadVariations(schema: string, decoNodes: DecoNode[], articleAssetPath?: string): void;
-    preloadVariationsAsync(schema: string, decoNodes: DecoNode[] | Answer[] | SelectorStructure[], articleAssetPath?: string): Promise<void>;
-    loadVariation(fileName: string): Promise<VariationSettings>;
-    private _waitForVariationToLoad;
-    private _createSettingsForFileName;
-    private _needsMaterials;
-    static ɵfac: i0.ɵɵFactoryDeclaration<VariationCacheService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<VariationCacheService>;
-}
-
-declare class ThreedselectorService {
-    private _variationCacheService;
-    private _settingsService;
-    private _threedUtils;
-    constructor(_variationCacheService: VariationCacheService, _settingsService: ConfiguratorSettingsService);
-    downloadAssetsAndReturn(fileName: string, assetPath: string, prepareProgress?: boolean): Promise<THREE.Object3D>;
-    loadVariation(id: string): Promise<VariationSettings>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ThreedselectorService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ThreedselectorService>;
-}
-
-declare class VariationService {
-    private _threedSelectorService;
-    loadedAsset: string;
-    private _lastKnownVariations;
-    constructor(_threedSelectorService: ThreedselectorService);
-    clearCache(): void;
-    loadPart(assetPath: string, parts: any[], instanceId: string, obj: Object3D, usePbr?: boolean): Promise<void>;
-    loadVariation(assetPath: string, parts: any[], instanceId: string, obj: Object3D, usePbr?: boolean): Promise<void>;
-    loadVariationFromLocalFile(id: string, file: any, obj: Object3D): Promise<void>;
-    loadVariationForMaterial(gameObject: string): Promise<any>;
-    loadVariationByAssetUrl(assetUrl: string): Promise<any>;
-    createVariationForMaterialPreview(compressedZip: Blob): Promise<any>;
-    private _applyMaterialPart;
-    private _applyVariations;
-    private _applyMaterial;
-    private _setMeshMaterialFromVariation;
-    private _setLastKnownVariations;
-    private _getLastKnownVariations;
-    private _getChildrenFilterByProp;
-    private _createVariationFromNode;
-    static ɵfac: i0.ɵɵFactoryDeclaration<VariationService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<VariationService>;
-}
-
 declare class ProgressService {
     private _progressPercent;
     get progress(): number;
@@ -654,8 +501,6 @@ declare abstract class BuildFurnitureBaseService implements OnDestroy {
     protected configuratorConnectorService: ConfiguratorConnectorService;
     protected appEventService: ConfiguratorEventService;
     protected settingsService: ConfiguratorSettingsService;
-    protected variationService: VariationService;
-    protected variationCacheService: VariationCacheService;
     protected utilsService: UtilsService;
     get useNodeIdToLink(): boolean;
     get currentCustomFloorGroup(): Object3D;
@@ -676,7 +521,6 @@ declare abstract class BuildFurnitureBaseService implements OnDestroy {
     showElementToolbar: boolean;
     private _useNodeIdToLink;
     private _activeChildElement;
-    private _placedAddables;
     private _adjustables;
     private _addables;
     private _currentCustomFloorGroup;
@@ -685,8 +529,10 @@ declare abstract class BuildFurnitureBaseService implements OnDestroy {
     private _selectionsSelected;
     private _scene;
     protected subs: Subscription[];
+    protected placedAddables: any[];
     protected placedAdjustables: any[];
-    constructor(configuratorConnectorService: ConfiguratorConnectorService, appEventService: ConfiguratorEventService, settingsService: ConfiguratorSettingsService, variationService: VariationService, variationCacheService: VariationCacheService, utilsService: UtilsService);
+    protected variationHelper: VariationHelper;
+    constructor(configuratorConnectorService: ConfiguratorConnectorService, appEventService: ConfiguratorEventService, settingsService: ConfiguratorSettingsService, utilsService: UtilsService);
     ngOnDestroy(): void;
     abstract build(result: ConfigurationResultObject): Promise<ConfigurationResultObject>;
     abstract createSimple3DModel(result: ConfigurationResultObject): ConfigurationResultObject;
@@ -724,29 +570,17 @@ declare abstract class BuildFurnitureBaseService implements OnDestroy {
     protected createConfigurableItem(itemName: string): Object3D;
     protected cloneSelections(): Selection[];
     protected updateBuildObject(newItem: Object3D, resultObject: ConfigurationResultObject): Promise<ConfigurationResultObject>;
-    protected isMoveableObject(obj: Object3D): boolean;
-    protected addElementOnConnector(currentItem: Object3D, element: Object3D, connector: string, connectedNodeId: number): Promise<void>;
     protected saveElementConnector(element: Object3D, connector: string): void;
     protected getIdentifierFromSelection(selection: Selection): string;
     protected reset(): void;
-    /**
-     * Returns the materialId of the parent up the tree until presentionlevel 1 is reached
-     * @param id
-     * @private
-     */
-    protected getMaterialIdFromParent(id: number): string;
     protected getAdjustables(checkGameObject?: boolean, checkType?: boolean): Selection[];
     protected getVariations(): any[];
-    protected createAdjustable(item: Object3D, adj: Selection): Object3D;
-    protected createAddable(item: Object3D, add: Selection, part2?: any, part1?: any): Object3D;
-    protected placeAddable(item: Object3D, add: any): Object3D;
-    protected createUniqueName(item: Object3D, obj: Object3D): string;
-    protected placeAddables(item: Object3D): void;
     protected loadVariations(item: Object3D, instanceId: string): Promise<void>;
     protected preloadMaterial(answer: Answer): void;
     protected preloadMaterialBySelection(answer: SelectorStructure): void;
     protected buildFloor(result: any): Promise<void>;
     downloadUDSZforARIOS(objects: Object3D[]): void;
+    private _setNeedMaterial;
     static ɵfac: i0.ɵɵFactoryDeclaration<BuildFurnitureBaseService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<BuildFurnitureBaseService>;
 }
@@ -788,6 +622,15 @@ declare class SwitchBuildFurnitureService implements OnDestroy {
     static ɵprov: i0.ɵɵInjectableDeclaration<SwitchBuildFurnitureService>;
 }
 
+declare class ThreedselectorService {
+    private _settingsService;
+    private _threedUtils;
+    constructor(_settingsService: ConfiguratorSettingsService);
+    downloadAssetsAndReturn(fileName: string, assetPath: string, prepareProgress?: boolean): Promise<THREE.Object3D>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThreedselectorService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ThreedselectorService>;
+}
+
 declare enum ItemType {
     Floor = 1,
     Wall = 2,
@@ -875,6 +718,8 @@ declare class ConfiguratorCameraService implements OnDestroy {
     camera: PerspectiveCamera;
     controls: any;
     cameraMovementChanged: Subject<void>;
+    addTweenGroup: Subject<Group>;
+    removeTweenGroup: Subject<Group>;
     private _cameraLocked;
     private _element;
     private _viewSize;
@@ -899,6 +744,8 @@ declare class ConfiguratorCameraService implements OnDestroy {
     moveCameraToFitObject(object: any, offset?: number): Promise<void>;
     private _getCameraOffset;
     private _controlsUpdate;
+    private _addTweenGroup;
+    private _removeTweenGroup;
     static ɵfac: i0.ɵɵFactoryDeclaration<ConfiguratorCameraService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ConfiguratorCameraService>;
 }
@@ -1210,6 +1057,7 @@ declare class ConfiguratorSceneService implements OnDestroy {
     private _indexJsonFile;
     private _lightPresetsJsonFile;
     private _lightsLoaded;
+    private _groups;
     constructor(_cameraService: ConfiguratorCameraService, _xrService: ConfiguratorXrService, _vrService: ConfiguratorVrService, _arService: ConfiguratorArService, _configuratorSettingsService: ConfiguratorSettingsService, _postProcessingService: PostProcessingService, _viewModeService: ViewModeService, _jsonUtilsService: JsonUtilsService, _lightsService: LightsService, _buildFurnitureService: SwitchBuildFurnitureService);
     ngOnDestroy(): void;
     getScene(): Scene;
@@ -1223,6 +1071,8 @@ declare class ConfiguratorSceneService implements OnDestroy {
     updatePathTracer(): void;
     positionInSceneToScreen(pos: Vector3): Vector2;
     rendererPropsChange(): void;
+    private _handleAddTweenGroup;
+    private _handleRemoveTweenGroup;
     private _initScene;
     private _initCamera;
     private _initPostProcessing;
@@ -1368,7 +1218,6 @@ declare class ConfiguratorComponent implements OnInit, OnDestroy {
     canCloseConfigurator: boolean;
     animateSlideout: boolean;
     showHeaderInformation: boolean;
-    showSaveAndLoadConfiguration: boolean;
     isLoading: EventEmitter<boolean>;
     updateProgressBar: EventEmitter<boolean>;
     errorMessages: EventEmitter<ConfiguratorErrorMessage[]>;
@@ -1399,7 +1248,7 @@ declare class ConfiguratorComponent implements OnInit, OnDestroy {
     private _handleBuildFinished;
     private _handleTemplateChange;
     static ɵfac: i0.ɵɵFactoryDeclaration<ConfiguratorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ConfiguratorComponent, "co-configurator", never, { "sku": { "alias": "sku"; "required": false; }; "instanceId": { "alias": "instanceId"; "required": false; }; "settings": { "alias": "settings"; "required": false; }; "scene": { "alias": "scene"; "required": false; }; "showLoader": { "alias": "showLoader"; "required": false; }; "showProgressBar": { "alias": "showProgressBar"; "required": false; }; "showErrorMessages": { "alias": "showErrorMessages"; "required": false; }; "outputErrorMessages": { "alias": "outputErrorMessages"; "required": false; }; "canCloseConfigurator": { "alias": "canCloseConfigurator"; "required": false; }; "animateSlideout": { "alias": "animateSlideout"; "required": false; }; "showHeaderInformation": { "alias": "showHeaderInformation"; "required": false; }; "showSaveAndLoadConfiguration": { "alias": "showSaveAndLoadConfiguration"; "required": false; }; }, { "isLoading": "isLoading"; "updateProgressBar": "updateProgressBar"; "errorMessages": "errorMessages"; "showChange": "showChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ConfiguratorComponent, "co-configurator", never, { "sku": { "alias": "sku"; "required": false; }; "instanceId": { "alias": "instanceId"; "required": false; }; "settings": { "alias": "settings"; "required": false; }; "scene": { "alias": "scene"; "required": false; }; "showLoader": { "alias": "showLoader"; "required": false; }; "showProgressBar": { "alias": "showProgressBar"; "required": false; }; "showErrorMessages": { "alias": "showErrorMessages"; "required": false; }; "outputErrorMessages": { "alias": "outputErrorMessages"; "required": false; }; "canCloseConfigurator": { "alias": "canCloseConfigurator"; "required": false; }; "animateSlideout": { "alias": "animateSlideout"; "required": false; }; "showHeaderInformation": { "alias": "showHeaderInformation"; "required": false; }; }, { "isLoading": "isLoading"; "updateProgressBar": "updateProgressBar"; "errorMessages": "errorMessages"; "showChange": "showChange"; }, never, never, false, never>;
 }
 
 declare class ProgressBarComponent {
@@ -1658,25 +1507,30 @@ declare class ConfiguratorDialogModule {
 
 declare class ConfigurationPresetDialogComponent implements OnDestroy {
     iconService: IconCacheService;
-    private _configuringService;
+    private _overlay;
+    private _viewContainerRef;
     private _configuratorConnectorService;
     private _translationService;
     private _appEventService;
     readonly icons: typeof IconEnum;
     readonly presetDialogMode: typeof PresetDialogMode;
+    dialogTemplate: TemplateRef<any>;
     showClass(): boolean;
-    showDialog: boolean;
     instanceIdInput: string;
-    dialogMode: PresetDialogMode;
     showValidationErrors: boolean;
     validationError: string;
+    dialogMode: PresetDialogMode;
+    private _overlayRef;
+    private _instanceId;
     private _subs;
-    constructor(iconService: IconCacheService, _configuringService: ConfiguringService, _configuratorConnectorService: ConfiguratorConnectorService, _translationService: TranslationService, _appEventService: ConfiguratorEventService);
+    constructor(iconService: IconCacheService, _overlay: Overlay, _viewContainerRef: ViewContainerRef, _configuratorConnectorService: ConfiguratorConnectorService, _translationService: TranslationService, _appEventService: ConfiguratorEventService);
     ngOnDestroy(): void;
     handleOpenDialog(mode: PresetDialogMode): void;
     handleCloseClick(): void;
     handleCopySuccess(): Promise<void>;
     loadConfiguration(): void;
+    private _openOverlay;
+    private _handleSetInstance;
     static ɵfac: i0.ɵɵFactoryDeclaration<ConfigurationPresetDialogComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ConfigurationPresetDialogComponent, "co-configuration-preset-dialog", never, {}, {}, never, never, false, never>;
 }
@@ -1798,7 +1652,7 @@ declare class AnswersSlideoutComponent implements OnInit, OnDestroy {
     isSmallCardsModus: boolean;
     bottomAlign: boolean;
     filteredAnswers: Answer[];
-    colorArray: Color$1[];
+    colorArray: Color[];
     tagArray: Tag[];
     showTheFilter: boolean;
     zoomImage: string;
@@ -1819,7 +1673,7 @@ declare class AnswersSlideoutComponent implements OnInit, OnDestroy {
     ngOnDestroy(): void;
     onZoomClick(answer: Answer): void;
     applyFilter(): void;
-    onFilterColor(color: Color$1): void;
+    onFilterColor(color: Color): void;
     onFilterTag(tag: Tag): void;
     onCloseAnswerSlideout(): void;
     handleAnswerChosen(answer: Answer): void;
@@ -1934,8 +1788,8 @@ declare class ColorFilterComponent {
     private _sanitizer;
     readonly icons: typeof IconEnum;
     showClass(): boolean;
-    set color(value: Color$1);
-    get color(): Color$1;
+    set color(value: Color);
+    get color(): Color;
     active: boolean;
     get lightBackground(): boolean;
     backgroundStyle: SafeStyle;
@@ -2119,14 +1973,18 @@ declare class SelectionsSummaryLineModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<SelectionsSummaryLineModule>;
 }
 
-declare class ConfigurationPresetComponent {
+declare class ConfigurationPresetComponent implements OnInit {
     iconService: IconCacheService;
+    settingService: ConfiguratorSettingsService;
     private _appEventService;
     readonly icons: typeof IconEnum;
-    isSaveLoadMenuOpen: boolean;
     showClass(): boolean;
     closeSaveLoadMenu(): void;
-    constructor(iconService: IconCacheService, _appEventService: ConfiguratorEventService);
+    isSaveLoadMenuOpen: boolean;
+    showSavePresetButton: boolean;
+    showLoadPresetButton: boolean;
+    constructor(iconService: IconCacheService, settingService: ConfiguratorSettingsService, _appEventService: ConfiguratorEventService);
+    ngOnInit(): void;
     toggleSaveLoadMenu(event: MouseEvent): void;
     handleSavePresetClicked(): void;
     handleLoadPresetClicked(): void;
@@ -2136,7 +1994,7 @@ declare class ConfigurationPresetComponent {
 
 declare class ConfigurationPresetModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ConfigurationPresetModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ConfigurationPresetModule, [typeof ConfigurationPresetComponent], [typeof i2.TranslationModule, typeof i3$1.ButtonModule, typeof i3$1.IconModule, typeof i3$1.InputTextModule, typeof i4.CdkCopyToClipboard, typeof i3.AsyncPipe], [typeof ConfigurationPresetComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ConfigurationPresetModule, [typeof ConfigurationPresetComponent], [typeof i2.TranslationModule, typeof i3$1.ButtonModule, typeof i3$1.IconModule, typeof i3$1.InputTextModule, typeof i4.CdkCopyToClipboard, typeof i3.AsyncPipe, typeof ConfigurationPresetDialogModule], [typeof ConfigurationPresetComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ConfigurationPresetModule>;
 }
 
@@ -2873,6 +2731,36 @@ declare class FloorPlaneService implements OnDestroy {
     static ɵprov: i0.ɵɵInjectableDeclaration<FloorPlaneService>;
 }
 
+declare class DimensionsService implements OnDestroy {
+    private _sceneService;
+    private _fontService;
+    private _itemService;
+    set enabled(value: boolean);
+    get enabled(): boolean;
+    private readonly _offSet;
+    private readonly _labelOffSet;
+    private readonly _nameHeightArrow;
+    private readonly _nameWidthArrow;
+    private readonly _nameDepthArrow;
+    private readonly _headLength;
+    private readonly _headWidth;
+    private readonly _defaultColor;
+    private _subs;
+    private _dimensions;
+    private _enabled;
+    constructor(_sceneService: ConfiguratorSceneService, _fontService: FontService, _itemService: ConfiguratorItemService);
+    ngOnDestroy(): void;
+    private _renderDimensions;
+    private _removeDimensionsOfNotExistingFurniture;
+    private _removeDimensions;
+    private _positionDimensions;
+    private _createDimensions;
+    private _createLabel;
+    private _getBoxSize;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DimensionsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DimensionsService>;
+}
+
 declare class ConfiguratorSceneComponent implements AfterViewInit, OnDestroy {
     private _settingsService;
     private _rotationService;
@@ -2882,6 +2770,8 @@ declare class ConfiguratorSceneComponent implements AfterViewInit, OnDestroy {
     private _cameraService;
     private _itemService;
     private _buildFurnitureService;
+    private _sceneOptionsService;
+    private _dimensionsService;
     private _floorService;
     canvasElement: ElementRef;
     elementToolbar: ElementToolbarComponent;
@@ -2897,11 +2787,15 @@ declare class ConfiguratorSceneComponent implements AfterViewInit, OnDestroy {
     loaderProgress: number;
     showElementToolbar: boolean;
     animateEditAddButtons: boolean;
+    enabledDownloadDialog: boolean;
+    development: boolean;
+    showDownloadDialog: boolean;
+    showCameraSettingsDialog: boolean;
     private _subs;
     private _firstBuild;
     private _selectedElementObject;
     private _buildResult;
-    constructor(_settingsService: ConfiguratorSettingsService, _rotationService: ConfiguratorRotationService, _dynamicCameraService: ConfiguratorDynamicCameraService, _sceneService: ConfiguratorSceneService, _eventService: ConfiguratorEventService, _cameraService: ConfiguratorCameraService, _itemService: ConfiguratorItemService, _buildFurnitureService: SwitchBuildFurnitureService, _floorService: FloorPlaneService);
+    constructor(_settingsService: ConfiguratorSettingsService, _rotationService: ConfiguratorRotationService, _dynamicCameraService: ConfiguratorDynamicCameraService, _sceneService: ConfiguratorSceneService, _eventService: ConfiguratorEventService, _cameraService: ConfiguratorCameraService, _itemService: ConfiguratorItemService, _buildFurnitureService: SwitchBuildFurnitureService, _sceneOptionsService: SceneOptionsService, _dimensionsService: DimensionsService, _floorService: FloorPlaneService);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     swapElement(): void;
@@ -2919,13 +2813,19 @@ declare class ConfiguratorSceneComponent implements AfterViewInit, OnDestroy {
     private _removeAllButtons;
     private _repositionButton;
     private _showPlusButtonsBriefly;
+    private _createDownloadButton;
+    private _createCameraSettingsButton;
+    private _createMeasurementsButton;
+    private _downloadCurrentBuild;
+    private _openCameraSettingsDialog;
+    private _handleShowMeasurements;
     static ɵfac: i0.ɵɵFactoryDeclaration<ConfiguratorSceneComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ConfiguratorSceneComponent, "co-configurator-scene", never, { "showSceneBuildLoader": { "alias": "showSceneBuildLoader"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 declare class ConfiguratorSceneModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ConfiguratorSceneModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ConfiguratorSceneModule, [typeof ConfiguratorSceneComponent], [typeof ConfiguratorSceneLoaderModule, typeof SelectionsModule, typeof ElementToolbarModule, typeof ElementButtonsModule], [typeof ConfiguratorSceneComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ConfiguratorSceneModule, [typeof ConfiguratorSceneComponent], [typeof ConfiguratorSceneLoaderModule, typeof SelectionsModule, typeof ElementToolbarModule, typeof ElementButtonsModule, typeof ConfiguratorDialogModule], [typeof ConfiguratorSceneComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ConfiguratorSceneModule>;
 }
 
@@ -2974,28 +2874,4 @@ declare class ArPositionIndicator extends Object3D {
     constructor(boundingBox: Box3);
 }
 
-declare class Builder {
-    selectionsReceived: BehaviorSubject<Selection[]>;
-    articleLoaded: BehaviorSubject<Article>;
-    decosReceived: BehaviorSubject<DecoNode[]>;
-    answersReceived: BehaviorSubject<Answer[]>;
-    modelLoaded: BehaviorSubject<THREE.Object3D>;
-    set debug(value: Function);
-    get debug(): Function;
-    private _scene;
-    private _debug;
-    private _source;
-    private _threedUtils;
-    private _buildFurnitureService;
-    private _configuratorConnectorService;
-    constructor();
-    init(scene: Scene): void;
-    buildModelFromData(selections: Selection[], decos: DecoNode[], assetUrl: string, cdnUrl: string, schema: string): Promise<THREE.Object3D>;
-    destroy(): void;
-    private _downloadAsset;
-    private _log;
-    static ɵfac: i0.ɵɵFactoryDeclaration<Builder, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<Builder>;
-}
-
-export { AnswerCardComponent, AnswerCardModule, AnswersInfoDialogComponent, AnswersInfoDialogModule, AnswersSlideoutComponent, AnswersSlideoutModule, ArFeature, ArPositionIndicator, Builder, CoSummaryLine, CoSummaryLineModule, ColorFilterComponent, ColorFilterModule, ConfigurationResultObject, ConfiguratorArService, ConfiguratorCameraService, ConfiguratorCameraSettingsComponent, ConfiguratorComponent, ConfiguratorConnectorService, ConfiguratorDialogModule, ConfiguratorErrorDialogComponent, ConfiguratorErrorMessage, ConfiguratorEventService, ConfiguratorExportDialogComponent, ConfiguratorLoaderComponent, ConfiguratorLoaderModule, ConfiguratorModule, ConfiguratorSceneComponent, ConfiguratorSceneLoaderComponent, ConfiguratorSceneLoaderModule, ConfiguratorSceneModule, ConfiguratorSceneService, ConfiguratorVrService, ConfiguratorXrService, ConfiguringService, Controls, ElementButtonsComponent, ElementButtonsModule, ElementToolbarComponent, ElementToolbarModule, ImageZoomComponent, ImageZoomModule, LiteSelectorComponent, LiteSelectorModule, ProductConfiguratorComponent, ProductConfiguratorModule, ProductConfiguratorOptionCheckboxComponent, ProductConfiguratorSelectorComponent, ProductConfiguratorSelectorModule, ProductConfiguratorSelectorOptionButtonComponent, ProductConfiguratorSelectorOptionButtonModule, ProductConfiguratorSelectorOptionCheckboxModule, ProductConfiguratorSelectorOptionComponent, ProductConfiguratorSelectorOptionDropDownComponent, ProductConfiguratorSelectorOptionDropdownModule, ProductConfiguratorSelectorOptionModule, ProductConfiguratorSelectorOptionTileComponent, ProductConfiguratorSelectorOptionTileModule, ProgressBarComponent, ProgressBarModule, Reticle, SceneOptionsComponent, SelectionsModule, SelectionsSummaryComponent, SelectionsSummaryLineComponent, SelectionsSummaryModule, TagFilterComponent, TagFilterModule, XrMode };
+export { AnswerCardComponent, AnswerCardModule, AnswersInfoDialogComponent, AnswersInfoDialogModule, AnswersSlideoutComponent, AnswersSlideoutModule, ArFeature, ArPositionIndicator, CoSummaryLine, CoSummaryLineModule, ColorFilterComponent, ColorFilterModule, ConfigurationPresetComponent, ConfigurationPresetModule, ConfigurationResultObject, ConfiguratorArService, ConfiguratorCameraService, ConfiguratorCameraSettingsComponent, ConfiguratorComponent, ConfiguratorConnectorService, ConfiguratorDialogModule, ConfiguratorErrorDialogComponent, ConfiguratorErrorMessage, ConfiguratorEventService, ConfiguratorExportDialogComponent, ConfiguratorLoaderComponent, ConfiguratorLoaderModule, ConfiguratorModule, ConfiguratorSceneComponent, ConfiguratorSceneLoaderComponent, ConfiguratorSceneLoaderModule, ConfiguratorSceneModule, ConfiguratorSceneService, ConfiguratorVrService, ConfiguratorXrService, ConfiguringService, Controls, ElementButtonsComponent, ElementButtonsModule, ElementToolbarComponent, ElementToolbarModule, ImageZoomComponent, ImageZoomModule, LiteSelectorComponent, LiteSelectorModule, ProductConfiguratorComponent, ProductConfiguratorModule, ProductConfiguratorOptionCheckboxComponent, ProductConfiguratorSelectorComponent, ProductConfiguratorSelectorModule, ProductConfiguratorSelectorOptionButtonComponent, ProductConfiguratorSelectorOptionButtonModule, ProductConfiguratorSelectorOptionCheckboxModule, ProductConfiguratorSelectorOptionComponent, ProductConfiguratorSelectorOptionDropDownComponent, ProductConfiguratorSelectorOptionDropdownModule, ProductConfiguratorSelectorOptionModule, ProductConfiguratorSelectorOptionTileComponent, ProductConfiguratorSelectorOptionTileModule, ProgressBarComponent, ProgressBarModule, Reticle, SceneOptionsComponent, SelectionsModule, SelectionsSummaryComponent, SelectionsSummaryLineComponent, SelectionsSummaryModule, TagFilterComponent, TagFilterModule, XrMode };

package/lib/components/configuration-preset/style/_layout.scss

@@ -20,6 +20,7 @@
     }
 
     .save-load-configuration-buttons {
+      background: var(--configutator-dialog-background);
       position: absolute;
       top: 100%;
       right: 0;

package/lib/components/configuration-preset/style/_material-definition.scss

@@ -1,5 +1,3 @@
 :root {
-  --success-text-color: #155724;
-  --success-background-color: #d4edda;
-  --success-border-color: #c3e6cb;
+
 }