@colijnit/configurator 262.1.1 → 262.1.3

package/index.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { OnDestroy, OnInit, EventEmitter, PipeTransform, TemplateRef, ElementRef, QueryList, AfterViewInit, ChangeDetectorRef } from '@angular/core';
+import { OnDestroy, OnInit, EventEmitter, PipeTransform, TemplateRef, ElementRef, QueryList, AfterViewInit, ChangeDetectorRef, OnChanges, SimpleChanges } from '@angular/core';
 import * as THREE from 'three';
 import { Object3D, Material, Vector3, Euler, Color, Side, PerspectiveCamera, Scene, Mesh, WebGLRenderer, Camera, Vector2, Light, Intersection } from 'three';
 import { SafeHtml, EventManager, DomSanitizer, SafeStyle } from '@angular/platform-browser';
@@ -27,12 +27,13 @@ import { Font } from 'three/examples/jsm/loaders/FontLoader.js';
 import { DeviceDetectorService } from 'ngx-device-detector';
 import { ColorSpace } from 'three/src/constants.js';
 import * as i3 from '@angular/common';
-import * as i5 from '@colijnit/corecomponents_v12';
+import * as i3$1 from '@colijnit/corecomponents_v12';
 import * as i7 from '@angular/forms';
 import { Color as Color$1 } from '@colijnit/configuratorapi/build/model/color';
 import { Tag } from '@colijnit/configuratorapi/build/model/tag';
-import * as i3$1 from '@angular/material/icon';
-import * as i4 from '@angular/material/button';
+import * as i4 from '@angular/cdk/clipboard';
+import * as i3$2 from '@angular/material/icon';
+import * as i4$1 from '@angular/material/button';
 import { ConfigurationDisplayOption } from '@colijnit/configuratorapi/build/enum/refcode/configuration-display-option.enum';
 
 declare class ConfiguratorErrorMessage {
@@ -116,6 +117,11 @@ declare class IntersectedObjects {
     constructor(parent?: any, child?: any);
 }
 
+declare enum PresetDialogMode {
+    SAVE = 0,
+    LOAD = 1
+}
+
 declare class AppEventService {
     instanceSet: BehaviorSubject<string>;
     answerCountReceived: BehaviorSubject<number>;
@@ -137,6 +143,7 @@ declare class AppEventService {
     articleInfoReceived: Subject<string>;
     onObjectSelected: Subject<IntersectedObjects>;
     onObjectUnSelected: Subject<boolean>;
+    changeConfigurationPresetDialogMode: Subject<PresetDialogMode>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AppEventService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AppEventService>;
 }
@@ -217,6 +224,9 @@ declare class SettingOptions {
     useExternalOpenSave?: boolean;
     floorFadeStart?: number;
     floorFadeEnd?: number;
+    maxVisibleTiles: number;
+    maxVisibleSmallTiles: number;
+    groupedShowAllBtn: boolean;
 }
 
 declare class RenderParameters {
@@ -282,6 +292,9 @@ declare class ConfiguratorSettings {
     jwtEnabled?: boolean;
     gtm?: string;
     dracoPath?: string;
+    mainUrl?: string;
+    mainSchema?: string;
+    mainVersion?: string;
     options?: SettingOptions;
     catalogParameters?: GetArticlesForCatalogRequest;
     renderParameters?: RenderParameters;
@@ -422,7 +435,7 @@ declare class ConfiguratorService {
     constructor();
     initApi(options: Options): void;
     cleanUp(): void;
-    initConnector(options: Options, forceReload?: boolean): Promise<boolean>;
+    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>;
@@ -451,6 +464,8 @@ declare class ConfiguratorService {
     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>;
     googleTranslateEnabled(): Promise<boolean>;
     getDefaultLanguage(upId: number): Promise<string>;
     getGoogleTranslation(sourceLang: string, targetLang: string, list: string[]): Promise<string>;
@@ -508,7 +523,7 @@ declare class ConfiguratorConnectorService implements OnDestroy {
     private _boFactory;
     constructor(_configuratorService: ConfiguratorService, _appEventService: AppEventService, _settingsService: SettingsService, _loaderService: LoaderService);
     ngOnDestroy(): void;
-    initConnection(forceReload?: boolean, standAlone?: boolean): Promise<void>;
+    initConnection(forceReload?: boolean, mainUrl?: string, mainSchema?: string, mainVersion?: string): Promise<void>;
     onShowLoaderChange(showLoader: boolean): void;
     onConnectionReset(): void;
     getGoodIdFromSku(sku: string, showLoader?: boolean): Promise<number>;
@@ -545,6 +560,8 @@ declare class ConfiguratorConnectorService implements OnDestroy {
     getInternalParameter(parameter: InternalParam): Promise<string>;
     emptySelections(): void;
     saveConfigurations(): Promise<void>;
+    storePreset(instanceId: string, showLoader?: boolean): Promise<DataServiceResponseData>;
+    initForPreset(presetId: string, goodId: number, showLoader?: boolean): Promise<DataServiceResponseData>;
     getDefaultLanguage(upId: number): Promise<string>;
     googleTranslateEnabled(): Promise<boolean>;
     getGoogleTranslation(sourceLang: string, targetLang: string, list: string[]): Promise<string>;
@@ -1539,6 +1556,7 @@ declare enum IconEnum {
     ArrowTurnRight = "arrow_turn_right",
     ArrowTurnRightRegular = "arrow_turn_right_regular",
     ArCircle = "ar_circle",
+    BarsLightFull = "bars_light_full",
     Brush = "brush",
     CameraSolid = "camera_solid",
     CameraTopdown = "camera_topdown",
@@ -1563,6 +1581,7 @@ declare enum IconEnum {
     ConfFrame = "conf_frame",
     ConfPlane = "conf_plane",
     CopyLight = "copy_light",
+    CopyRegularFull = "copy_regular_full",
     Couch = "couch",
     Cross = "cross",
     CubeOutline = "cube-outline",
@@ -1575,7 +1594,9 @@ declare enum IconEnum {
     EditButton = "edit-button",
     Expand = "expand",
     FillDripLight = "fill_drip_light",
+    FloppyDiskLightFull = "floppy_disk_light_full",
     Flower = "flower",
+    FolderOpenLightFull = "folder_open_light_full",
     GaugeHighSolidFull = "gauge_high_solid_full",
     GaugeLowSolidFull = "gauge_low_solid_full",
     GaugeMaxSolidFull = "gauge_max_solid_full",
@@ -1629,6 +1650,7 @@ declare enum IconEnum {
     WandMagicSparkles = "wand_magic_sparkles",
     WifiSolidFull = "wifi_solid_full",
     XmarkLight = "xmark_light",
+    XmarkLightFull = "xmark_light_full",
     XmarkRegular = "xmark_regular"
 }
 
@@ -2283,6 +2305,7 @@ declare class ConfiguratorComponent implements OnDestroy {
     canCloseConfigurator: boolean;
     animateSlideout: boolean;
     showHeaderInformation: boolean;
+    showSaveAndLoadConfiguration: boolean;
     buildResult: EventEmitter<ConfigurationResultObject>;
     isLoading: EventEmitter<boolean>;
     updateProgressBar: EventEmitter<boolean>;
@@ -2299,7 +2322,7 @@ declare class ConfiguratorComponent implements OnDestroy {
     handleCloseErrorDialog(): void;
     private _handleArticleNotFound;
     static ɵfac: i0.ɵɵFactoryDeclaration<ConfiguratorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ConfiguratorComponent, "co-configurator", never, { "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; }; }, { "buildResult": "buildResult"; "isLoading": "isLoading"; "updateProgressBar": "updateProgressBar"; "errorMessages": "errorMessages"; "showChange": "showChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ConfiguratorComponent, "co-configurator", never, { "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; }; }, { "buildResult": "buildResult"; "isLoading": "isLoading"; "updateProgressBar": "updateProgressBar"; "errorMessages": "errorMessages"; "showChange": "showChange"; }, never, never, false, never>;
 }
 
 declare class ProgressBarComponent {
@@ -2326,7 +2349,7 @@ declare class ConfiguratorLoaderComponent {
 
 declare class ConfiguratorLoaderModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ConfiguratorLoaderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ConfiguratorLoaderModule, [typeof ConfiguratorLoaderComponent], [typeof i5.LoaderModule, typeof i5.IconModule, typeof i3.CommonModule], [typeof ConfiguratorLoaderComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ConfiguratorLoaderModule, [typeof ConfiguratorLoaderComponent], [typeof i3$1.LoaderModule, typeof i3$1.IconModule, typeof i3.CommonModule], [typeof ConfiguratorLoaderComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ConfiguratorLoaderModule>;
 }
 
@@ -2492,7 +2515,7 @@ declare class PipesModule {
 
 declare class ConfiguratorDialogModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ConfiguratorDialogModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ConfiguratorDialogModule, [typeof ConfiguratorErrorDialogComponent, typeof ConfiguratorExportDialogComponent, typeof ConfiguratorCameraSettingsComponent], [typeof PipesModule, typeof i5.IconModule, typeof i3.CommonModule, typeof i7.FormsModule], [typeof ConfiguratorErrorDialogComponent, typeof ConfiguratorExportDialogComponent, typeof ConfiguratorCameraSettingsComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ConfiguratorDialogModule, [typeof ConfiguratorErrorDialogComponent, typeof ConfiguratorExportDialogComponent, typeof ConfiguratorCameraSettingsComponent], [typeof PipesModule, typeof i3$1.IconModule, typeof i3.CommonModule, typeof i7.FormsModule], [typeof ConfiguratorErrorDialogComponent, typeof ConfiguratorExportDialogComponent, typeof ConfiguratorCameraSettingsComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ConfiguratorDialogModule>;
 }
 
@@ -2507,6 +2530,7 @@ declare class ThreedselectorComponent implements OnInit, OnDestroy {
     canCloseConfigurator: boolean;
     animateSlideout: boolean;
     showHeaderInformation: boolean;
+    showSaveAndLoadConfiguration: boolean;
     buildFinished: EventEmitter<ConfigurationResultObject>;
     showChange: EventEmitter<boolean>;
     showElementToolbar: boolean;
@@ -2526,7 +2550,7 @@ declare class ThreedselectorComponent implements OnInit, OnDestroy {
     private _handleTemplateChange;
     private _handleBuildResult;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThreedselectorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThreedselectorComponent, "co-threedselector", never, { "selections": { "alias": "selections"; "required": false; }; "canCloseConfigurator": { "alias": "canCloseConfigurator"; "required": false; }; "animateSlideout": { "alias": "animateSlideout"; "required": false; }; "showHeaderInformation": { "alias": "showHeaderInformation"; "required": false; }; }, { "customizeButtonClicked": "customizeButtonClicked"; "buildFinished": "buildFinished"; "showChange": "showChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThreedselectorComponent, "co-threedselector", never, { "selections": { "alias": "selections"; "required": false; }; "canCloseConfigurator": { "alias": "canCloseConfigurator"; "required": false; }; "animateSlideout": { "alias": "animateSlideout"; "required": false; }; "showHeaderInformation": { "alias": "showHeaderInformation"; "required": false; }; "showSaveAndLoadConfiguration": { "alias": "showSaveAndLoadConfiguration"; "required": false; }; }, { "customizeButtonClicked": "customizeButtonClicked"; "buildFinished": "buildFinished"; "showChange": "showChange"; }, never, never, false, never>;
 }
 
 declare class LiteSelectorComponent implements OnDestroy {
@@ -2544,6 +2568,7 @@ declare class LiteSelectorComponent implements OnDestroy {
     canClose: boolean;
     animateSlideout: boolean;
     customDimensions: boolean;
+    showSaveAndLoadConfiguration: boolean;
     readonly showChange: EventEmitter<boolean>;
     readonly answerChosen: EventEmitter<Answer>;
     answerToShowFromSelectionText: string;
@@ -2560,7 +2585,7 @@ declare class LiteSelectorComponent implements OnDestroy {
     onSelectionsSummaryDeleteSelection(selection: Selection): Promise<void>;
     onAnswersSlideoutAnswerChosen(answerSelected: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LiteSelectorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LiteSelectorComponent, "co-lite-selector", never, { "showAnswers": { "alias": "showAnswers"; "required": false; }; "show": { "alias": "show"; "required": false; }; "showSelections": { "alias": "showSelections"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; "canClose": { "alias": "canClose"; "required": false; }; "animateSlideout": { "alias": "animateSlideout"; "required": false; }; "customDimensions": { "alias": "customDimensions"; "required": false; }; }, { "showChange": "showChange"; "answerChosen": "answerChosen"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LiteSelectorComponent, "co-lite-selector", never, { "showAnswers": { "alias": "showAnswers"; "required": false; }; "show": { "alias": "show"; "required": false; }; "showSelections": { "alias": "showSelections"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; "canClose": { "alias": "canClose"; "required": false; }; "animateSlideout": { "alias": "animateSlideout"; "required": false; }; "customDimensions": { "alias": "customDimensions"; "required": false; }; "showSaveAndLoadConfiguration": { "alias": "showSaveAndLoadConfiguration"; "required": false; }; }, { "showChange": "showChange"; "answerChosen": "answerChosen"; }, never, never, false, never>;
 }
 
 declare class AnswerCardComponent implements OnInit {
@@ -2748,13 +2773,13 @@ declare class AnswersInfoDialogComponent implements OnInit {
 
 declare class AnswersInfoDialogModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AnswersInfoDialogModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AnswersInfoDialogModule, [typeof AnswersInfoDialogComponent], [typeof i3.CommonModule, typeof PipesModule, typeof i5.IconModule], [typeof AnswersInfoDialogComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AnswersInfoDialogModule, [typeof AnswersInfoDialogComponent], [typeof i3.CommonModule, typeof PipesModule, typeof i3$1.IconModule], [typeof AnswersInfoDialogComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AnswersInfoDialogModule>;
 }
 
 declare class AnswerCardModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AnswerCardModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AnswerCardModule, [typeof AnswerCardComponent], [typeof i3.CommonModule, typeof i5.CardModule, typeof PipesModule, typeof i5.CardModule, typeof i5.InputTextModule, typeof i5.IconModule, typeof AnswersInfoDialogModule, typeof i5.CardModule, typeof i5.ButtonModule], [typeof AnswerCardComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AnswerCardModule, [typeof AnswerCardComponent], [typeof i3.CommonModule, typeof i3$1.CardModule, typeof PipesModule, typeof i3$1.CardModule, typeof i3$1.InputTextModule, typeof i3$1.IconModule, typeof AnswersInfoDialogModule, typeof i3$1.CardModule, typeof i3$1.ButtonModule], [typeof AnswerCardComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AnswerCardModule>;
 }
 
@@ -2772,7 +2797,7 @@ declare class ImageZoomComponent {
 
 declare class ImageZoomModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ImageZoomModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ImageZoomModule, [typeof ImageZoomComponent], [typeof i5.IconModule, typeof i3.CommonModule], [typeof ImageZoomComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ImageZoomModule, [typeof ImageZoomComponent], [typeof i3$1.IconModule, typeof i3.CommonModule], [typeof ImageZoomComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ImageZoomModule>;
 }
 
@@ -2794,7 +2819,7 @@ declare class ColorFilterComponent {
 
 declare class ColorFilterModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ColorFilterModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ColorFilterModule, [typeof ColorFilterComponent], [typeof i5.IconModule], [typeof ColorFilterComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ColorFilterModule, [typeof ColorFilterComponent], [typeof i3$1.IconModule], [typeof ColorFilterComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ColorFilterModule>;
 }
 
@@ -2845,7 +2870,7 @@ declare class DirectivesModule {
 
 declare class AnswersSlideoutModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AnswersSlideoutModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AnswersSlideoutModule, [typeof AnswersSlideoutComponent], [typeof SlideoutModule, typeof PipesModule, typeof i3.CommonModule, typeof i5.IconModule, typeof i5.PriceDisplayPipeModule, typeof AnswerCardModule, typeof ImageZoomModule, typeof ColorFilterModule, typeof TagFilterModule, typeof DirectivesModule], [typeof AnswersSlideoutComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AnswersSlideoutModule, [typeof AnswersSlideoutComponent], [typeof SlideoutModule, typeof PipesModule, typeof i3.CommonModule, typeof i3$1.IconModule, typeof i3$1.PriceDisplayPipeModule, typeof AnswerCardModule, typeof ImageZoomModule, typeof ColorFilterModule, typeof TagFilterModule, typeof DirectivesModule], [typeof AnswersSlideoutComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AnswersSlideoutModule>;
 }
 
@@ -2859,6 +2884,7 @@ declare class SelectionsSummaryComponent implements OnDestroy {
     canClose: boolean;
     answersTemplate: TemplateRef<any>;
     answerToShowFromSelectionText: string;
+    showSaveAndLoadConfiguration: boolean;
     customDimensions: boolean;
     disableMouse: boolean;
     handledocumentMouseUp(event: any): void;
@@ -2879,7 +2905,7 @@ declare class SelectionsSummaryComponent implements OnDestroy {
     handleDelete(event: MouseEvent, sel: Selection): void;
     toggleElement(sel: Selection): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectionsSummaryComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectionsSummaryComponent, "co-selections-summary", never, { "selections": { "alias": "selections"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; "canClose": { "alias": "canClose"; "required": false; }; "answersTemplate": { "alias": "answersTemplate"; "required": false; }; "answerToShowFromSelectionText": { "alias": "answerToShowFromSelectionText"; "required": false; }; "customDimensions": { "alias": "customDimensions"; "required": false; }; }, { "closeClick": "closeClick"; "cancelAnswers": "cancelAnswers"; "selectSelection": "selectSelection"; "repeatSelection": "repeatSelection"; "deleteSelection": "deleteSelection"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectionsSummaryComponent, "co-selections-summary", never, { "selections": { "alias": "selections"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; "canClose": { "alias": "canClose"; "required": false; }; "answersTemplate": { "alias": "answersTemplate"; "required": false; }; "answerToShowFromSelectionText": { "alias": "answerToShowFromSelectionText"; "required": false; }; "showSaveAndLoadConfiguration": { "alias": "showSaveAndLoadConfiguration"; "required": false; }; "customDimensions": { "alias": "customDimensions"; "required": false; }; }, { "closeClick": "closeClick"; "cancelAnswers": "cancelAnswers"; "selectSelection": "selectSelection"; "repeatSelection": "repeatSelection"; "deleteSelection": "deleteSelection"; }, never, never, false, never>;
 }
 
 declare class CoSummaryLine implements AfterViewInit {
@@ -2931,7 +2957,7 @@ declare class CoSummaryLine implements AfterViewInit {
 
 declare class CoSummaryLineModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<CoSummaryLineModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CoSummaryLineModule, [typeof CoSummaryLine], [typeof PipesModule, typeof i3.CommonModule, typeof i5.PriceDisplayPipeModule, typeof i5.ImageModule, typeof i5.IconModule], [typeof CoSummaryLine]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CoSummaryLineModule, [typeof CoSummaryLine], [typeof PipesModule, typeof i3.CommonModule, typeof i3$1.PriceDisplayPipeModule, typeof i3$1.ImageModule, typeof i3$1.IconModule], [typeof CoSummaryLine]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<CoSummaryLineModule>;
 }
 
@@ -2965,9 +2991,30 @@ declare class SelectionsSummaryLineModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<SelectionsSummaryLineModule>;
 }
 
+declare class ConfigurationPresetComponent {
+    iconService: IconCacheService;
+    private _appEventService;
+    readonly icons: typeof IconEnum;
+    isSaveLoadMenuOpen: boolean;
+    showClass(): boolean;
+    closeSaveLoadMenu(): void;
+    constructor(iconService: IconCacheService, _appEventService: AppEventService);
+    toggleSaveLoadMenu(event: MouseEvent): void;
+    handleSavePresetClicked(): void;
+    handleLoadPresetClicked(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConfigurationPresetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ConfigurationPresetComponent, "co-configuration-preset", never, {}, {}, never, never, false, never>;
+}
+
+declare class ConfigurationPresetModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConfigurationPresetModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ConfigurationPresetModule, [typeof ConfigurationPresetComponent], [typeof PipesModule, typeof i3$1.ButtonModule, typeof i3$1.IconModule, typeof i3$1.InputTextModule, typeof i4.CdkCopyToClipboard], [typeof ConfigurationPresetComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ConfigurationPresetModule>;
+}
+
 declare class SelectionsSummaryModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectionsSummaryModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SelectionsSummaryModule, [typeof SelectionsSummaryComponent], [typeof CoSummaryLineModule, typeof i3.CommonModule, typeof PipesModule, typeof i5.PriceDisplayPipeModule, typeof SelectionsSummaryLineModule, typeof i5.IconModule], [typeof SelectionsSummaryComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SelectionsSummaryModule, [typeof SelectionsSummaryComponent], [typeof CoSummaryLineModule, typeof i3.CommonModule, typeof PipesModule, typeof i3$1.PriceDisplayPipeModule, typeof SelectionsSummaryLineModule, typeof i3$1.IconModule, typeof ConfigurationPresetModule], [typeof SelectionsSummaryComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SelectionsSummaryModule>;
 }
 
@@ -3003,6 +3050,7 @@ declare class ProductConfiguratorComponent implements OnInit, OnDestroy {
     showLabel: boolean;
     canClose: boolean;
     customDimensions: boolean;
+    showSaveAndLoadConfiguration: boolean;
     readonly showChange: EventEmitter<boolean>;
     readonly answerChosen: EventEmitter<Answer>;
     valutaSymbol: string;
@@ -3019,17 +3067,16 @@ declare class ProductConfiguratorComponent implements OnInit, OnDestroy {
     onSelectionsSummarySelectSelection(chosenOption: SelectorStructure): Promise<void>;
     handleCloseClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProductConfiguratorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProductConfiguratorComponent, "co-product-configurator", never, { "show": { "alias": "show"; "required": false; }; "showHeaderInformation": { "alias": "showHeaderInformation"; "required": false; }; "showSelections": { "alias": "showSelections"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; "canClose": { "alias": "canClose"; "required": false; }; "customDimensions": { "alias": "customDimensions"; "required": false; }; }, { "showChange": "showChange"; "answerChosen": "answerChosen"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProductConfiguratorComponent, "co-product-configurator", never, { "show": { "alias": "show"; "required": false; }; "showHeaderInformation": { "alias": "showHeaderInformation"; "required": false; }; "showSelections": { "alias": "showSelections"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; "canClose": { "alias": "canClose"; "required": false; }; "customDimensions": { "alias": "customDimensions"; "required": false; }; "showSaveAndLoadConfiguration": { "alias": "showSaveAndLoadConfiguration"; "required": false; }; }, { "showChange": "showChange"; "answerChosen": "answerChosen"; }, never, never, false, never>;
 }
 
-declare class ProductConfiguratorSelectorComponent implements OnInit {
+declare class ProductConfiguratorSelectorComponent implements OnInit, OnChanges {
     configuratorConnectorService: ConfiguratorConnectorService;
     settingsService: SettingsService;
     iconService: IconCacheService;
-    showClass(): boolean;
+    get hostClasses(): string;
     readonly icons: typeof IconEnum;
     exceptionContainer?: ElementRef;
-    get hostClasses(): string;
     selection: SelectorStructure;
     options: SelectorWithOptions[];
     lastNodeWithChildren: boolean;
@@ -3037,20 +3084,41 @@ declare class ProductConfiguratorSelectorComponent implements OnInit {
     treeLevelIndex: number;
     isActive: boolean;
     markAsException: boolean;
+    showAll: boolean;
+    suppressSubShowMore: boolean;
+    useGroupedParentVisibility: boolean;
     activate: EventEmitter<void>;
-    get selectionIndexText(): string;
     selectionClass: string;
     listOfChoices: SelectorStructure[];
     activeChildIndex: number;
+    localShowAll: boolean;
+    get selectionIndexText(): string;
+    get expandButtonText(): string;
+    get suppressSubShowMoreForChildren(): boolean;
+    get groupedRemainingTilesCount(): number;
+    get useGroupedVisibilityForChildren(): boolean;
     constructor(configuratorConnectorService: ConfiguratorConnectorService, settingsService: SettingsService, iconService: IconCacheService);
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     showAndScroll(): void;
     onSubHeaderClick(): void;
+    onShowAllClick(): void;
+    getIsChildVisible(index: number): boolean;
+    isGroupedSection(): boolean;
+    shouldShowExpandButton(): boolean;
+    getChildShowAll(): boolean;
+    private _shouldBeVisible;
+    private _setActiveChildIndexFromSelection;
+    private _hasSelectedOption;
+    private _countRemainingTiles;
+    private _countGroupedTilesToReveal;
+    private _countAllTiles;
+    private _remainingTilesForLeaf;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProductConfiguratorSelectorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProductConfiguratorSelectorComponent, "co-product-configurator-selector", never, { "selection": { "alias": "selection"; "required": false; }; "options": { "alias": "options"; "required": false; }; "lastNodeWithChildren": { "alias": "lastNodeWithChildren"; "required": false; }; "selectionIndex": { "alias": "selectionIndex"; "required": false; }; "treeLevelIndex": { "alias": "treeLevelIndex"; "required": false; }; "isActive": { "alias": "isActive"; "required": false; }; "markAsException": { "alias": "markAsException"; "required": false; }; }, { "activate": "activate"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProductConfiguratorSelectorComponent, "co-product-configurator-selector", never, { "selection": { "alias": "selection"; "required": false; }; "options": { "alias": "options"; "required": false; }; "lastNodeWithChildren": { "alias": "lastNodeWithChildren"; "required": false; }; "selectionIndex": { "alias": "selectionIndex"; "required": false; }; "treeLevelIndex": { "alias": "treeLevelIndex"; "required": false; }; "isActive": { "alias": "isActive"; "required": false; }; "markAsException": { "alias": "markAsException"; "required": false; }; "showAll": { "alias": "showAll"; "required": false; }; "suppressSubShowMore": { "alias": "suppressSubShowMore"; "required": false; }; "useGroupedParentVisibility": { "alias": "useGroupedParentVisibility"; "required": false; }; }, { "activate": "activate"; }, never, never, false, never>;
 }
 
-declare class ProductConfiguratorSelectorOptionComponent implements OnInit {
+declare class ProductConfiguratorSelectorOptionComponent implements OnInit, OnChanges {
     configuratorConnectorService: ConfiguratorConnectorService;
     settingsService: SettingsService;
     productConfiguratorService: ProductConfiguratorService;
@@ -3058,6 +3126,8 @@ declare class ProductConfiguratorSelectorOptionComponent implements OnInit {
     selection: SelectorStructure;
     listOfChoices: SelectorStructure[];
     markAsException: boolean;
+    showGlobalAll: boolean;
+    groupedSubShow: boolean;
     configurationDisplayOption: typeof ConfigurationDisplayOption;
     selectionClass: string;
     showAllTiles: boolean;
@@ -3065,14 +3135,18 @@ declare class ProductConfiguratorSelectorOptionComponent implements OnInit {
     maxVisibleSmallTiles: number;
     visibleAnswers: SelectorStructure[];
     remainingTilesCount: number;
+    readonly smallTileOptions: ConfigurationDisplayOption[];
+    readonly largeTileOptions: ConfigurationDisplayOption[];
     constructor(configuratorConnectorService: ConfiguratorConnectorService, settingsService: SettingsService, productConfiguratorService: ProductConfiguratorService);
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     selectionClicked(answer: SelectorStructure): void;
     showMore(): void;
     showLess(): void;
+    getTileClass(): string;
     private _calculateVisibleAnswers;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProductConfiguratorSelectorOptionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProductConfiguratorSelectorOptionComponent, "co-product-configurator-selector-option", never, { "selection": { "alias": "selection"; "required": false; }; "listOfChoices": { "alias": "listOfChoices"; "required": false; }; "markAsException": { "alias": "markAsException"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProductConfiguratorSelectorOptionComponent, "co-product-configurator-selector-option", never, { "selection": { "alias": "selection"; "required": false; }; "listOfChoices": { "alias": "listOfChoices"; "required": false; }; "markAsException": { "alias": "markAsException"; "required": false; }; "showGlobalAll": { "alias": "showGlobalAll"; "required": false; }; "groupedSubShow": { "alias": "groupedSubShow"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 declare class ProductConfiguratorSelectorOptionTileComponent {
@@ -3083,16 +3157,17 @@ declare class ProductConfiguratorSelectorOptionTileComponent {
     readonly icons: typeof IconEnum;
     option: SelectorStructure;
     tileClass: string;
+    noLabel: boolean;
     selectionClicked: EventEmitter<void>;
     constructor(configuratorConnectorService: ConfiguratorConnectorService, iconService: IconCacheService, settingsService: SettingsService);
     changeSelection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProductConfiguratorSelectorOptionTileComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProductConfiguratorSelectorOptionTileComponent, "co-product-configurator-selector-option-tile", never, { "option": { "alias": "option"; "required": false; }; "tileClass": { "alias": "tileClass"; "required": false; }; }, { "selectionClicked": "selectionClicked"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProductConfiguratorSelectorOptionTileComponent, "co-product-configurator-selector-option-tile", never, { "option": { "alias": "option"; "required": false; }; "tileClass": { "alias": "tileClass"; "required": false; }; "noLabel": { "alias": "noLabel"; "required": false; }; }, { "selectionClicked": "selectionClicked"; }, never, never, false, never>;
 }
 
 declare class ProductConfiguratorSelectorOptionTileModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ProductConfiguratorSelectorOptionTileModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ProductConfiguratorSelectorOptionTileModule, [typeof ProductConfiguratorSelectorOptionTileComponent], [typeof i5.IconModule, typeof i3.CommonModule, typeof PipesModule], [typeof ProductConfiguratorSelectorOptionTileComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ProductConfiguratorSelectorOptionTileModule, [typeof ProductConfiguratorSelectorOptionTileComponent], [typeof i3$1.IconModule, typeof i3.CommonModule, typeof PipesModule], [typeof ProductConfiguratorSelectorOptionTileComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ProductConfiguratorSelectorOptionTileModule>;
 }
 
@@ -3112,7 +3187,7 @@ declare class ProductConfiguratorOptionCheckboxComponent {
 
 declare class ProductConfiguratorSelectorOptionCheckboxModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ProductConfiguratorSelectorOptionCheckboxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ProductConfiguratorSelectorOptionCheckboxModule, [typeof ProductConfiguratorOptionCheckboxComponent], [typeof PipesModule, typeof i3.CommonModule, typeof i5.IconModule], [typeof ProductConfiguratorOptionCheckboxComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ProductConfiguratorSelectorOptionCheckboxModule, [typeof ProductConfiguratorOptionCheckboxComponent], [typeof PipesModule, typeof i3.CommonModule, typeof i3$1.IconModule], [typeof ProductConfiguratorOptionCheckboxComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ProductConfiguratorSelectorOptionCheckboxModule>;
 }
 
@@ -3132,7 +3207,7 @@ declare class ProductConfiguratorSelectorOptionButtonComponent {
 
 declare class ProductConfiguratorSelectorOptionButtonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ProductConfiguratorSelectorOptionButtonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ProductConfiguratorSelectorOptionButtonModule, [typeof ProductConfiguratorSelectorOptionButtonComponent], [typeof PipesModule, typeof i3.CommonModule, typeof i5.IconModule], [typeof ProductConfiguratorSelectorOptionButtonComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ProductConfiguratorSelectorOptionButtonModule, [typeof ProductConfiguratorSelectorOptionButtonComponent], [typeof PipesModule, typeof i3.CommonModule, typeof i3$1.IconModule], [typeof ProductConfiguratorSelectorOptionButtonComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ProductConfiguratorSelectorOptionButtonModule>;
 }
 
@@ -3153,7 +3228,7 @@ declare class ProductConfiguratorSelectorOptionDropDownComponent {
 
 declare class ProductConfiguratorSelectorOptionDropdownModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ProductConfiguratorSelectorOptionDropdownModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ProductConfiguratorSelectorOptionDropdownModule, [typeof ProductConfiguratorSelectorOptionDropDownComponent], [typeof PipesModule, typeof i3.CommonModule, typeof i5.IconModule], [typeof ProductConfiguratorSelectorOptionDropDownComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ProductConfiguratorSelectorOptionDropdownModule, [typeof ProductConfiguratorSelectorOptionDropDownComponent], [typeof PipesModule, typeof i3.CommonModule, typeof i3$1.IconModule], [typeof ProductConfiguratorSelectorOptionDropDownComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ProductConfiguratorSelectorOptionDropdownModule>;
 }
 
@@ -3165,19 +3240,50 @@ declare class ProductConfiguratorSelectorOptionModule {
 
 declare class ProductConfiguratorSelectorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ProductConfiguratorSelectorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ProductConfiguratorSelectorModule, [typeof ProductConfiguratorSelectorComponent], [typeof PipesModule, typeof i3.CommonModule, typeof i5.IconModule, typeof ProductConfiguratorSelectorOptionModule], [typeof ProductConfiguratorSelectorComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ProductConfiguratorSelectorModule, [typeof ProductConfiguratorSelectorComponent], [typeof PipesModule, typeof i3.CommonModule, typeof i3$1.IconModule, typeof ProductConfiguratorSelectorOptionModule], [typeof ProductConfiguratorSelectorComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ProductConfiguratorSelectorModule>;
 }
 
 declare class ProductConfiguratorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ProductConfiguratorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ProductConfiguratorModule, [typeof ProductConfiguratorComponent], [typeof i3.CommonModule, typeof i3$1.MatIconModule, typeof i4.MatButtonModule, typeof i5.CardModule, typeof SlideoutModule, typeof i5.PriceDisplayPipeModule, typeof i5.ButtonModule, typeof i5.InputTextModule, typeof i7.FormsModule, typeof PipesModule, typeof i5.IconModule, typeof i5.TooltipDirectiveModule, typeof ProductConfiguratorSelectorModule], [typeof ProductConfiguratorComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ProductConfiguratorModule, [typeof ProductConfiguratorComponent], [typeof i3.CommonModule, typeof i3$2.MatIconModule, typeof i4$1.MatButtonModule, typeof i3$1.CardModule, typeof SlideoutModule, typeof i3$1.PriceDisplayPipeModule, typeof i3$1.ButtonModule, typeof i3$1.InputTextModule, typeof i7.FormsModule, typeof PipesModule, typeof i3$1.IconModule, typeof i3$1.TooltipDirectiveModule, typeof ProductConfiguratorSelectorModule, typeof ConfigurationPresetModule], [typeof ProductConfiguratorComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ProductConfiguratorModule>;
 }
 
+declare class ConfigurationPresetDialogComponent implements OnDestroy {
+    iconService: IconCacheService;
+    private _configuringService;
+    private _configuratorConnectorService;
+    private _dictionaryService;
+    private _appEventService;
+    readonly icons: typeof IconEnum;
+    readonly presetDialogMode: typeof PresetDialogMode;
+    showClass(): boolean;
+    showDialog: boolean;
+    instanceIdInput: string;
+    dialogMode: PresetDialogMode;
+    showValidationErrors: boolean;
+    validationError: string;
+    private _subs;
+    constructor(iconService: IconCacheService, _configuringService: ConfiguringService, _configuratorConnectorService: ConfiguratorConnectorService, _dictionaryService: DictionaryService, _appEventService: AppEventService);
+    ngOnDestroy(): void;
+    handleOpenDialog(mode: PresetDialogMode): void;
+    handleCloseClick(): void;
+    handleCopySuccess(): void;
+    loadConfiguration(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConfigurationPresetDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ConfigurationPresetDialogComponent, "co-configuration-preset-dialog", never, {}, {}, never, never, false, never>;
+}
+
+declare class ConfigurationPresetDialogModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConfigurationPresetDialogModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ConfigurationPresetDialogModule, [typeof ConfigurationPresetDialogComponent], [typeof PipesModule, typeof i3$1.ButtonModule, typeof i3$1.IconModule, typeof i3$1.InputTextModule, typeof i4.CdkCopyToClipboard], [typeof ConfigurationPresetDialogComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ConfigurationPresetDialogModule>;
+}
+
 declare class ThreedselectorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ThreedselectorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ThreedselectorModule, [typeof ThreedselectorComponent], [typeof LiteSelectorModule, typeof ProductConfiguratorModule, typeof i3.CommonModule], [typeof ThreedselectorComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ThreedselectorModule, [typeof ThreedselectorComponent], [typeof LiteSelectorModule, typeof ProductConfiguratorModule, typeof i3.CommonModule, typeof ConfigurationPresetDialogModule], [typeof ThreedselectorComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ThreedselectorModule>;
 }
 
@@ -3239,7 +3345,7 @@ declare class ElementButtonsComponent implements OnDestroy {
 
 declare class ElementButtonsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ElementButtonsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ElementButtonsModule, [typeof ElementButtonsComponent], [typeof i5.IconModule, typeof i3.CommonModule], [typeof ElementButtonsComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ElementButtonsModule, [typeof ElementButtonsComponent], [typeof i3$1.IconModule, typeof i3.CommonModule], [typeof ElementButtonsComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ElementButtonsModule>;
 }
 
@@ -3267,7 +3373,7 @@ declare class ElementToolbarComponent implements OnDestroy {
 
 declare class ElementToolbarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ElementToolbarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ElementToolbarModule, [typeof ElementToolbarComponent], [typeof PipesModule, typeof i5.IconModule, typeof i3.CommonModule], [typeof ElementToolbarComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ElementToolbarModule, [typeof ElementToolbarComponent], [typeof PipesModule, typeof i3$1.IconModule, typeof i3.CommonModule], [typeof ElementToolbarComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ElementToolbarModule>;
 }
 
@@ -3291,7 +3397,7 @@ declare class SceneOptionsComponent implements OnDestroy {
 
 declare class SelectionsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectionsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SelectionsModule, [typeof SceneOptionsComponent], [typeof i3.CommonModule, typeof i5.IconModule, typeof PipesModule], [typeof SceneOptionsComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SelectionsModule, [typeof SceneOptionsComponent], [typeof i3.CommonModule, typeof i3$1.IconModule, typeof PipesModule], [typeof SceneOptionsComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SelectionsModule>;
 }
 

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

@@ -0,0 +1,42 @@
+@import "../../../style/mixin.scss";
+
+@include export-module('co-configuration-preset-layout') {
+  .co-configuration-preset {
+    .save-load-configuration-buttons {
+      display: flex;
+      justify-content: end;
+      flex-direction: column;
+      .preset-button {
+        cursor: pointer;
+        width: 100%;
+        padding: 0;
+        background: none;
+      }
+    }
+    .save-load-config-wrapper {
+      position: relative;
+      .open-save-load {
+        cursor: pointer;
+      }
+    }
+
+    .save-load-configuration-buttons {
+      position: absolute;
+      top: 100%;
+      right: 0;
+      opacity: 0;
+      visibility: hidden;
+      transform: translateY(-8px);
+      pointer-events: none;
+      transition: opacity 200ms ease, transform 200ms ease;
+      z-index: 10;
+    }
+
+    .save-load-configuration-buttons.is-open {
+      opacity: 1;
+      visibility: visible;
+      transform: translateY(0);
+      pointer-events: auto;
+    }
+  }
+}

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

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

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

@@ -0,0 +1,20 @@
+@import "../../../style/mixin.scss";
+
+@include export-module('co-configuration-preset-theme') {
+  .co-configuration-preset {
+    .save-load-configuration-buttons {
+      box-shadow: 1px 1px 4px 1px rgba(151, 146, 132, 0.3);
+      padding: 5px;
+      .preset-button {
+        color: var(--link-text-color);
+        .co-icon {
+          svg {
+            path {
+              fill: var(--link-text-color);
+            }
+          }
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,3 @@
+@use './_material-definition.scss';
+@use './_layout.scss';
+@use './_theme.scss';