@colijnit/homedecorator 261.20.6 → 261.20.8

package/index.d.ts

@@ -54,7 +54,7 @@ import { MatDialog, MatDialogRef, MatDialogConfig } from '@angular/material/dial
 import * as i3 from '@angular/common';
 import * as i4 from '@angular/material/button';
 import * as i8 from '@angular/material/tooltip';
-import * as i7$1 from '@colijnit/corecomponents_v12';
+import * as i3$1 from '@colijnit/corecomponents_v12';
 import * as i5 from '@angular/material/list';
 import * as i19 from '@angular/material/checkbox';
 import * as i6 from '@angular/forms';
@@ -74,7 +74,7 @@ import * as i13 from '@angular/material/grid-list';
 import * as i13$1 from '@angular/material/progress-spinner';
 import * as i29 from '@angular/material/progress-bar';
 import * as i4$2 from '@angular/material/form-field';
-import * as i7$2 from '@angular/flex-layout';
+import * as i7$1 from '@angular/flex-layout';
 import * as i31 from '@angular/material/core';
 import * as i8$1 from '@angular/material/button-toggle';
 import { MatButtonToggleChange } from '@angular/material/button-toggle';
@@ -500,7 +500,9 @@ declare class HomedecoratorSettingsOptions {
     useAnimations: boolean;
     useThreedScene: boolean;
     showSlowConnectionWarning: boolean;
-    useExternalOpenSave: boolean;
+    useExternalSave: boolean;
+    useExternalOpen: boolean;
+    shadowSaveToCloud: boolean;
     floorFadeStart: number;
     floorFadeEnd: number;
 }
@@ -682,6 +684,7 @@ declare class FloorPlaneItem extends Item {
 interface ExternalSave {
     screenShot: string;
     project: string;
+    code: string;
 }
 
 declare class HomedecoratorAppEventService {
@@ -704,8 +707,11 @@ declare class HomedecoratorAppEventService {
     glbCreated: Subject<string>;
     dirty: Subject<boolean>;
     floorCreated: BehaviorSubject<FloorPlaneItem>;
-    externalSave: BehaviorSubject<ExternalSave>;
+    externalSave: Subject<ExternalSave>;
+    externalOpen: Subject<void>;
     searchClick: Subject<void>;
+    shareProject: Subject<void>;
+    configurationFromPresetLoaded: Subject<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<HomedecoratorAppEventService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<HomedecoratorAppEventService>;
 }
@@ -2056,6 +2062,7 @@ interface Metadata {
     colorable?: boolean;
     default180?: boolean;
     objectUUID?: string;
+    materialDiff?: any;
     conversionGTMSend?: boolean;
     conversionSubmittedPrice?: string;
     hdecoType?: string;
@@ -2355,6 +2362,7 @@ declare class Item extends BaseItem {
     beforeRemoveFromWall(): void;
     protected handlePositionFromRawMetadata(): void;
     protected handleScaleFromRawMetadata(): void;
+    protected handleMaterialDiffFromRawMetadata(): void;
     protected handleElevationFromRawMetadata(): void;
     protected handleRotationFromRawMetadata(): void;
     private _fakeHandler;
@@ -2727,8 +2735,8 @@ declare class UtilsService implements OnDestroy {
 
 type StateValue = string;
 type Action = string;
-type CreateStateInterface = () => StateValue;
-type ApplyStateInterface = (StateValue: any) => void;
+type CreateStateInterface = () => StateValue | Promise<StateValue>;
+type ApplyStateInterface = (state: StateValue) => void | Promise<void>;
 interface StateApi {
     createState: CreateStateInterface;
     applyState: ApplyStateInterface;
@@ -2775,6 +2783,7 @@ declare class AppStateService implements OnDestroy {
 interface PluginInterface {
     getObjects: Function;
     loadObjects: Function;
+    saveObjects: Function;
     copySceneInstance: Function;
 }
 
@@ -2842,7 +2851,8 @@ declare class PresetsService implements OnDestroy {
     ngOnDestroy(): void;
     register(plugin: PluginInterface): void;
     reopenState(model: string): void;
-    createState(): StateValue;
+    createState(save?: boolean): Promise<StateValue>;
+    saveToCloud(asNew?: boolean): Promise<string>;
     private _loadSavedRoomFromPreset;
     private _loadSavedRoomFromCloud;
     private _clear;
@@ -2906,6 +2916,7 @@ declare class HomedecoratorComponent implements OnInit, OnDestroy {
     set initCommunication(value: boolean);
     get initCommunication(): boolean;
     projectToLoad: string;
+    shareButton: boolean;
     set settings(value: any);
     get settings(): any;
     showClass: boolean;
@@ -2925,14 +2936,15 @@ declare class HomedecoratorComponent implements OnInit, OnDestroy {
     ngOnDestroy(): void;
     registerCustomIcons(): void;
     keyup(event: KeyboardEvent): void;
-    handleExternalSave(): void;
+    handleExternalSave(code: string): Promise<void>;
+    handleExternalOpen(): Promise<void>;
     private _startWithRoom;
     private _startWithEmptyRoom;
     private _startWithPreset;
     private _setCommunication;
     private _initConnection;
     static ɵfac: i0.ɵɵFactoryDeclaration<HomedecoratorComponent, [null, null, null, null, null, null, null, null, null, { optional: true; skipSelf: true; }, { optional: true; self: true; }, null, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HomedecoratorComponent, "co-homedecorator", never, { "generalFilterOrders": { "alias": "generalFilterOrders"; "required": false; }; "purchaseFilterOrders": { "alias": "purchaseFilterOrders"; "required": false; }; "logisticsFilterOrders": { "alias": "logisticsFilterOrders"; "required": false; }; "initCommunication": { "alias": "initCommunication"; "required": false; }; "projectToLoad": { "alias": "projectToLoad"; "required": false; }; "settings": { "alias": "settings"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HomedecoratorComponent, "co-homedecorator", never, { "generalFilterOrders": { "alias": "generalFilterOrders"; "required": false; }; "purchaseFilterOrders": { "alias": "purchaseFilterOrders"; "required": false; }; "logisticsFilterOrders": { "alias": "logisticsFilterOrders"; "required": false; }; "initCommunication": { "alias": "initCommunication"; "required": false; }; "projectToLoad": { "alias": "projectToLoad"; "required": false; }; "shareButton": { "alias": "shareButton"; "required": false; }; "settings": { "alias": "settings"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 declare class ProgressBarComponent {
@@ -3173,7 +3185,7 @@ declare class HdLoaderComponent {
 
 declare class HdLoaderModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<HdLoaderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<HdLoaderModule, [typeof HdLoaderComponent], [typeof CoreModule, typeof i7$1.LoaderModule], [typeof HdLoaderComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HdLoaderModule, [typeof HdLoaderComponent], [typeof CoreModule, typeof i3$1.LoaderModule], [typeof HdLoaderComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<HdLoaderModule>;
 }
 
@@ -3931,6 +3943,41 @@ declare class BaseWall extends Mesh implements BluePrintWall {
     private _updateDirectionVector;
     private _positionWall;
     private _reCreateWallGeometry;
+    /**
+     * Build the wall solid in wall-local space as a mitred prism. The footprint comes from
+     * _footprintCornersLocal() (symmetric mitre, so adjacent walls meet exactly and never overlap).
+     * Six faces map onto the same material indices as the old BoxGeometry: room-facing (+Z) = front,
+     * far side (-Z) = back, the two ends are the caps (index 0 = start/+X, index 1 = end/-X), plus
+     * top (2) and bottom (3). A degenerate footprint falls back to a straight rectangle.
+     */
+    private _createWallGeometry;
+    /**
+     * Append one planar quad (a->b->c->d) as two triangles. Winding is chosen so the face normal
+     * points along `outward`, so all faces are correctly oriented for FrontSide rendering regardless
+     * of how the mitred corners fall. UVs span 0..1 (U across, V up) so wall textures tile as before.
+     */
+    private _pushQuad;
+    private _toLocal;
+    /**
+     * The wall footprint (interior/exterior corners at both ends) in wall-local space, computed
+     * symmetrically so adjacent walls agree on the shared corner. calculateCorners()/GetHalfAngleVector
+     * offset the neighbour's line using THIS wall's interiorSign; when two neighbours are wound in
+     * opposite directions (common after loading a saved project) they then compute slightly different
+     * mitre points, leaving an overlap wedge that z-fights. Here the mitre is the intersection of the
+     * two walls' offset lines, using roomCenter as the shared "which side is inside" reference, so both
+     * neighbours produce the identical point. Free ends (no single neighbour) get a straight cap.
+     */
+    private _footprintCornersLocal;
+    /** Interior + exterior footprint point at one wall end, mitred with the single connected neighbour. */
+    private _cornerFootprint;
+    /** The single other wall attached to this corner, or null for free ends and >2-wall junctions. */
+    private _neighbourAtCorner;
+    /** Point on the segment p1->corner shifted perpendicular by `off` (>0 toward room, <0 away). */
+    private _offsetPoint;
+    /** Offset the segment p1->p2 sideways by `off` (>0 toward room); returns a point + direction, or null if degenerate. */
+    private _offsetLine;
+    /** Intersection of the two walls' offset lines (side=1 interior, side=-1 exterior), or null if parallel. */
+    private _intersectOffsetLines;
     private _disposePreviousGeometries;
 }
 
@@ -5164,6 +5211,7 @@ declare class Core3dComponent implements OnInit, OnDestroy, PluginInterface {
     getObjects(): {
         view: any;
     };
+    saveObjects(): Promise<void>;
     copySceneInstance(saveAs: boolean): Promise<void>;
     loadObjects(data: any): Promise<any>;
     private _viewModeChanged;
@@ -5497,8 +5545,6 @@ declare abstract class BuildFurnitureBaseService implements OnDestroy {
     get useNodeIdToLink(): boolean;
     get currentCustomFloorGroup(): Item;
     set currentCustomFloorGroup(item: Item);
-    get standAlone(): boolean;
-    set standAlone(value: boolean);
     get selections(): Selection[];
     get scene(): Scene;
     defaultPosition: Vector3;
@@ -5565,7 +5611,7 @@ declare abstract class BuildFurnitureBaseService implements OnDestroy {
     replaceSelection(selection: Selection, metadata: Metadata): Promise<void>;
     selectAnswer(answer: Answer, input: string, metadata: Metadata): Promise<void>;
     selectSelectionAsAnswer(chosenOption: SelectorStructure, metadata: Metadata): Promise<void>;
-    createConfigurableItemWithObject(instanceId: string, metadata: Metadata, object: Object3D): Item;
+    createConfigurableItemWithObject(metadata: Metadata, object: Object3D): Item;
     createFloorWithMaterial(instanceId: string, metadata: Metadata, material: Material): CustomFloorGroupResult;
     replaceCurrentItem(newItem: Item, metadata: Metadata, animate?: boolean): Promise<Item>;
     protected prepareInstanceForBuild(shouldCopyInstance: boolean, loadFromProject: boolean, looseOriginalConfiguration: boolean, result: CustomFloorGroupResult): Promise<CustomFloorGroupResult>;
@@ -6068,7 +6114,7 @@ declare class ColorPickerDialogModule {
 
 declare class DevelopmentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DevelopmentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DevelopmentModule, [typeof SelectedObjectComponent$1, typeof SelectedChildComponent, typeof SelectedChildMaterialComponent, typeof SelectedChildMaterialTextureComponent, typeof SelectedChildMaterialTexturesComponent, typeof SelectedChildMaterialColorComponent, typeof DevelopmentDirective], [typeof i3.CommonModule, typeof i19.MatCheckboxModule, typeof i6.FormsModule, typeof i10.MatSelectModule, typeof i7$1.IconModule, typeof CoreModule, typeof i4.MatButtonModule, typeof i8.MatTooltipModule, typeof ColorPickerDialogModule], [typeof SelectedObjectComponent$1, typeof SelectedChildComponent, typeof SelectedChildMaterialComponent, typeof SelectedChildMaterialTextureComponent, typeof SelectedChildMaterialTexturesComponent, typeof SelectedChildMaterialColorComponent, typeof DevelopmentDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DevelopmentModule, [typeof SelectedObjectComponent$1, typeof SelectedChildComponent, typeof SelectedChildMaterialComponent, typeof SelectedChildMaterialTextureComponent, typeof SelectedChildMaterialTexturesComponent, typeof SelectedChildMaterialColorComponent, typeof DevelopmentDirective], [typeof i3.CommonModule, typeof i19.MatCheckboxModule, typeof i6.FormsModule, typeof i10.MatSelectModule, typeof i3$1.IconModule, typeof CoreModule, typeof i4.MatButtonModule, typeof i8.MatTooltipModule, typeof ColorPickerDialogModule], [typeof SelectedObjectComponent$1, typeof SelectedChildComponent, typeof SelectedChildMaterialComponent, typeof SelectedChildMaterialTextureComponent, typeof SelectedChildMaterialTexturesComponent, typeof SelectedChildMaterialColorComponent, typeof DevelopmentDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DevelopmentModule>;
 }
 
@@ -6088,7 +6134,7 @@ declare class ToolbarIconComponent {
 
 declare class ToolbarIconModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarIconModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ToolbarIconModule, [typeof ToolbarIconComponent], [typeof i3.CommonModule, typeof i7.MatIconModule, typeof i4.MatButtonModule, typeof i8.MatTooltipModule, typeof i7$1.IconModule], [typeof ToolbarIconComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ToolbarIconModule, [typeof ToolbarIconComponent], [typeof i3.CommonModule, typeof i7.MatIconModule, typeof i4.MatButtonModule, typeof i8.MatTooltipModule, typeof i3$1.IconModule], [typeof ToolbarIconComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ToolbarIconModule>;
 }
 
@@ -6329,9 +6375,32 @@ declare class RenderProgressComponent implements OnDestroy {
     static ɵcmp: i0.ɵɵComponentDeclaration<RenderProgressComponent, "rp-render-progress", never, {}, {}, never, never, false, never>;
 }
 
+declare class InputSliderComponent {
+    iconService: HomedecoratorIconCacheService;
+    readonly icons: typeof IconEnum;
+    label: string;
+    min: number;
+    max: number;
+    step: number;
+    value: number;
+    valueChange: EventEmitter<number>;
+    constructor(iconService: HomedecoratorIconCacheService);
+    onValueChange(newValue: number | string): void;
+    increment(): void;
+    decrement(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputSliderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputSliderComponent, "co-input-slider", never, { "label": { "alias": "label"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
+}
+
+declare class InputSliderModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputSliderModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<InputSliderModule, [typeof InputSliderComponent], [typeof i6.FormsModule, typeof i3$1.IconModule, typeof i3$1.InputTextModule, typeof i3$1.InputNumberPickerModule], [typeof InputSliderComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<InputSliderModule>;
+}
+
 declare class RenderModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<RenderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<RenderModule, [typeof RenderControlsComponent, typeof RenderProgressComponent], [typeof CoreModule, typeof i3.CommonModule, typeof i4.MatButtonModule, typeof i4$1.MatDialogModule, typeof i8.MatTooltipModule, typeof i5$1.MatInputModule, typeof i7.MatIconModule, typeof i10.MatSelectModule, typeof i12.MatSlideToggleModule, typeof i13.MatGridListModule, typeof i13$1.MatProgressSpinnerModule, typeof i6.FormsModule, typeof i7$1.IconModule, typeof i11.MatSliderModule, typeof i7$1.TooltipDirectiveModule, typeof ProgressBarModule], [typeof RenderControlsComponent, typeof RenderProgressComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RenderModule, [typeof RenderControlsComponent, typeof RenderProgressComponent], [typeof CoreModule, typeof i3.CommonModule, typeof i4.MatButtonModule, typeof i4$1.MatDialogModule, typeof i8.MatTooltipModule, typeof i5$1.MatInputModule, typeof i7.MatIconModule, typeof i10.MatSelectModule, typeof i12.MatSlideToggleModule, typeof i13.MatGridListModule, typeof i13$1.MatProgressSpinnerModule, typeof i6.FormsModule, typeof i3$1.IconModule, typeof i11.MatSliderModule, typeof i3$1.TooltipDirectiveModule, typeof ProgressBarModule, typeof InputSliderModule], [typeof RenderControlsComponent, typeof RenderProgressComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<RenderModule>;
 }
 
@@ -6349,13 +6418,13 @@ declare class SliderInputComponent {
 
 declare class SliderInputModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SliderInputModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SliderInputModule, [typeof SliderInputComponent], [typeof i3.CommonModule, typeof i6.FormsModule, typeof i4$2.MatFormFieldModule, typeof i5$1.MatInputModule, typeof i11.MatSliderModule, typeof i7$2.FlexLayoutModule], [typeof SliderInputComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SliderInputModule, [typeof SliderInputComponent], [typeof i3.CommonModule, typeof i6.FormsModule, typeof i4$2.MatFormFieldModule, typeof i5$1.MatInputModule, typeof i11.MatSliderModule, typeof i7$1.FlexLayoutModule], [typeof SliderInputComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SliderInputModule>;
 }
 
 declare class Core3dModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<Core3dModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<Core3dModule, [typeof SceneDirective, typeof Core3dComponent, typeof SceneControlComponent, typeof WalkthroughCameraControlsComponent, typeof LightplanComponent, typeof EditLightComponent, typeof SceneOptionsComponent, typeof EditLightplanComponent, typeof ArGuiRootComponent, typeof ArGuiButtonsComponent, typeof ArGuiConfiguratorComponent, typeof ArGuiContextMenuComponent, typeof ArGuiNotificationsComponent], [typeof CoreModule, typeof i3.CommonModule, typeof i6.FormsModule, typeof i5$1.MatInputModule, typeof i4.MatButtonModule, typeof i19.MatCheckboxModule, typeof i8.MatTooltipModule, typeof i11.MatSliderModule, typeof i10.MatSelectModule, typeof DevelopmentModule, typeof i7$1.IconModule, typeof ToolbarIconModule, typeof ZoomControlsModule, typeof RenderModule, typeof i7.MatIconModule, typeof i29.MatProgressBarModule, typeof SliderInputModule, typeof i31.MatOptionModule, typeof i19.MatCheckboxModule], [typeof Core3dComponent, typeof SceneDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<Core3dModule, [typeof SceneDirective, typeof Core3dComponent, typeof SceneControlComponent, typeof WalkthroughCameraControlsComponent, typeof LightplanComponent, typeof EditLightComponent, typeof SceneOptionsComponent, typeof EditLightplanComponent, typeof ArGuiRootComponent, typeof ArGuiButtonsComponent, typeof ArGuiConfiguratorComponent, typeof ArGuiContextMenuComponent, typeof ArGuiNotificationsComponent], [typeof CoreModule, typeof i3.CommonModule, typeof i6.FormsModule, typeof i5$1.MatInputModule, typeof i4.MatButtonModule, typeof i19.MatCheckboxModule, typeof i8.MatTooltipModule, typeof i11.MatSliderModule, typeof i10.MatSelectModule, typeof DevelopmentModule, typeof i3$1.IconModule, typeof ToolbarIconModule, typeof ZoomControlsModule, typeof RenderModule, typeof i7.MatIconModule, typeof i29.MatProgressBarModule, typeof SliderInputModule, typeof i31.MatOptionModule, typeof i19.MatCheckboxModule], [typeof Core3dComponent, typeof SceneDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<Core3dModule>;
 }
 
@@ -6984,6 +7053,7 @@ declare class RoomPlannerComponent implements OnInit, OnDestroy, PluginInterface
         floorplan: BluePrintFloorplan;
         items: {}[];
     };
+    saveObjects(): Promise<void>;
     hasCustomObjects(): boolean;
     onObjectLibraryClick(object: ModelInterface): void;
     onGroupClick(): void;
@@ -7814,7 +7884,7 @@ declare class RightContextMenuComponent implements OnInit, OnDestroy, OnChanges
 
 declare class ContextMenuModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ContextMenuModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ContextMenuModule, [typeof ContextMenuComponent, typeof ItemContextMenuComponent, typeof RightContextMenuComponent], [typeof CoreModule, typeof i3.CommonModule, typeof i4.MatButtonModule, typeof i7.MatIconModule, typeof i8.MatTooltipModule, typeof i7$1.IconModule], [typeof ContextMenuComponent, typeof ItemContextMenuComponent, typeof RightContextMenuComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ContextMenuModule, [typeof ContextMenuComponent, typeof ItemContextMenuComponent, typeof RightContextMenuComponent], [typeof CoreModule, typeof i3.CommonModule, typeof i4.MatButtonModule, typeof i7.MatIconModule, typeof i8.MatTooltipModule, typeof i3$1.IconModule], [typeof ContextMenuComponent, typeof ItemContextMenuComponent, typeof RightContextMenuComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ContextMenuModule>;
 }
 
@@ -7854,7 +7924,7 @@ declare class ButtonElevationComponent implements OnDestroy {
 
 declare class ButtonElevationModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonElevationModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ButtonElevationModule, [typeof ButtonElevationComponent], [typeof CoreModule, typeof i3.CommonModule, typeof i4$2.MatFormFieldModule, typeof i5$1.MatInputModule, typeof i4.MatButtonModule, typeof i7.MatIconModule, typeof i8.MatTooltipModule, typeof i6.FormsModule, typeof i7$1.IconModule], [typeof ButtonElevationComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ButtonElevationModule, [typeof ButtonElevationComponent], [typeof CoreModule, typeof i3.CommonModule, typeof i4$2.MatFormFieldModule, typeof i5$1.MatInputModule, typeof i4.MatButtonModule, typeof i7.MatIconModule, typeof i8.MatTooltipModule, typeof i6.FormsModule, typeof i3$1.IconModule], [typeof ButtonElevationComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ButtonElevationModule>;
 }
 
@@ -7907,7 +7977,7 @@ declare class MaterialDialogComponent implements OnInit, OnDestroy {
 
 declare class MaterialDialogModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MaterialDialogModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MaterialDialogModule, [typeof MaterialDialogComponent], [typeof CoreModule, typeof i19.MatCheckboxModule, typeof i4.MatButtonModule, typeof i4$1.MatDialogModule, typeof i6.FormsModule, typeof i3.CommonModule, typeof i4$2.MatFormFieldModule, typeof i31.MatOptionModule, typeof i10.MatSelectModule, typeof DevelopmentModule, typeof i7$1.ListOfValuesModule, typeof i13$2.DragDropModule], never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MaterialDialogModule, [typeof MaterialDialogComponent], [typeof CoreModule, typeof i19.MatCheckboxModule, typeof i4.MatButtonModule, typeof i4$1.MatDialogModule, typeof i6.FormsModule, typeof i3.CommonModule, typeof i4$2.MatFormFieldModule, typeof i31.MatOptionModule, typeof i10.MatSelectModule, typeof DevelopmentModule, typeof i3$1.ListOfValuesModule, typeof i13$2.DragDropModule], never>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MaterialDialogModule>;
 }
 
@@ -7928,7 +7998,7 @@ declare class RgbColorPickerModule {
 
 declare class RoomPlannerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<RoomPlannerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<RoomPlannerModule, [typeof ColorPickerComponent, typeof EditApplyComponent, typeof ObjectLibraryComponent, typeof RoomPlannerComponent, typeof FloorplannerComponent, typeof SelectedFloorComponent, typeof SelectedObjectComponent, typeof SelectedThreedObjectComponent, typeof SelectedWallComponent, typeof SettingsComponent, typeof SettingsOptionsComponent, typeof TexturePickerComponent, typeof TextureEditorComponent, typeof EditParameterComponent, typeof RalColorPickerComponent, typeof DimensionInputComponent, typeof FileDropComponent, typeof AppearanceSectionComponent, typeof FloorCatalogComponent, typeof CustomShapeCreatorComponent, typeof WallLengthInputComponent, typeof CustomCylinderCreatorComponent, typeof SelectedObjectScaleComponent], [typeof CoreModule, typeof CategoryLibraryModule, typeof i3.CommonModule, typeof ContextMenuModule, typeof i4.MatButtonModule, typeof i8$1.MatButtonToggleModule, typeof i10$1.MatCardModule, typeof i19.MatCheckboxModule, typeof i4$2.MatFormFieldModule, typeof i5$1.MatInputModule, typeof i9.MatSidenavModule, typeof i11.MatSliderModule, typeof i12.MatSlideToggleModule, typeof i13.MatGridListModule, typeof i7.MatIconModule, typeof i15.MatTabsModule, typeof i10.MatSelectModule, typeof i41.MatDividerModule, typeof i8.MatTooltipModule, typeof i43.MatSnackBarModule, typeof i6.FormsModule, typeof InfoDialogModule, typeof Core3dModule, typeof ToolbarIconModule, typeof ZoomControlsModule, typeof RenderModule, typeof SliderInputModule, typeof i7$2.FlexLayoutModule, typeof i7$1.IconModule, typeof i7$1.ButtonModule, typeof ButtonElevationModule, typeof ExportPdfModule, typeof MaterialDialogModule, typeof RgbColorPickerModule], [typeof RoomPlannerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RoomPlannerModule, [typeof ColorPickerComponent, typeof EditApplyComponent, typeof ObjectLibraryComponent, typeof RoomPlannerComponent, typeof FloorplannerComponent, typeof SelectedFloorComponent, typeof SelectedObjectComponent, typeof SelectedThreedObjectComponent, typeof SelectedWallComponent, typeof SettingsComponent, typeof SettingsOptionsComponent, typeof TexturePickerComponent, typeof TextureEditorComponent, typeof EditParameterComponent, typeof RalColorPickerComponent, typeof DimensionInputComponent, typeof FileDropComponent, typeof AppearanceSectionComponent, typeof FloorCatalogComponent, typeof CustomShapeCreatorComponent, typeof WallLengthInputComponent, typeof CustomCylinderCreatorComponent, typeof SelectedObjectScaleComponent], [typeof CoreModule, typeof CategoryLibraryModule, typeof i3.CommonModule, typeof ContextMenuModule, typeof i4.MatButtonModule, typeof i8$1.MatButtonToggleModule, typeof i10$1.MatCardModule, typeof i19.MatCheckboxModule, typeof i4$2.MatFormFieldModule, typeof i5$1.MatInputModule, typeof i9.MatSidenavModule, typeof i11.MatSliderModule, typeof i12.MatSlideToggleModule, typeof i13.MatGridListModule, typeof i7.MatIconModule, typeof i15.MatTabsModule, typeof i10.MatSelectModule, typeof i41.MatDividerModule, typeof i8.MatTooltipModule, typeof i43.MatSnackBarModule, typeof i6.FormsModule, typeof InfoDialogModule, typeof Core3dModule, typeof ToolbarIconModule, typeof ZoomControlsModule, typeof RenderModule, typeof SliderInputModule, typeof i7$1.FlexLayoutModule, typeof i3$1.IconModule, typeof i3$1.ButtonModule, typeof ButtonElevationModule, typeof ExportPdfModule, typeof MaterialDialogModule, typeof RgbColorPickerModule], [typeof RoomPlannerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<RoomPlannerModule>;
 }
 
@@ -7995,6 +8065,7 @@ declare class FurnitureManagerComponent implements OnInit, OnDestroy, PluginInte
     loadNonIONEObjects(objects: any): Promise<void>;
     copySceneInstance(saveAs: boolean): Promise<void>;
     getObjects(): any;
+    saveObjects(): Promise<void>;
     hasCustomFurniture(): boolean;
     private _showWarning;
     private _isNonIONEObject;
@@ -8140,6 +8211,7 @@ declare class ThreedselectorComponent implements OnInit, OnDestroy {
     showProgressText: boolean;
     showLoaderBar: boolean;
     showFullConfiguration: boolean;
+    currentMetadata: Metadata;
     configuratorSettings: any;
     configuratorSku: string;
     configuratorInstanceId: string;
@@ -8363,7 +8435,7 @@ declare class ModelDialogFurnitureListComponent implements OnInit {
 
 declare class ModelDialogModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ModelDialogModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ModelDialogModule, [typeof ModelDialogComponent, typeof ModelDialogFurnitureListComponent], [typeof CoreModule, typeof i3.CommonModule, typeof i4.MatButtonModule, typeof i4$1.MatDialogModule, typeof i8.MatTooltipModule, typeof i7.MatIconModule, typeof i7$1.IconModule, typeof i6.FormsModule], never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ModelDialogModule, [typeof ModelDialogComponent, typeof ModelDialogFurnitureListComponent], [typeof CoreModule, typeof i3.CommonModule, typeof i4.MatButtonModule, typeof i4$1.MatDialogModule, typeof i8.MatTooltipModule, typeof i7.MatIconModule, typeof i3$1.IconModule, typeof i6.FormsModule], never>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ModelDialogModule>;
 }
 
@@ -8432,7 +8504,7 @@ declare class CameraSettingsDialogModule {
 
 declare class ThreedselectorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ThreedselectorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ThreedselectorModule, [typeof ThreedselectorComponent, typeof ElementToolbarComponent, typeof ElementButtonsComponent, typeof ElementSliderComponent], [typeof i3.CommonModule, typeof i6.FormsModule, typeof i4.MatButtonModule, typeof i8$1.MatButtonToggleModule, typeof i9.MatSidenavModule, typeof i10$1.MatCardModule, typeof i11.MatSliderModule, typeof i12.MatSlideToggleModule, typeof i13.MatGridListModule, typeof i7.MatIconModule, typeof i15.MatTabsModule, typeof Core3dModule, typeof CoreModule, typeof i7$1.IconModule, typeof ToolbarIconModule, typeof InfoDialogModule, typeof ErrorDialogModule, typeof ModelDialogModule, typeof ExportDialogModule, typeof CameraSettingsDialogModule, typeof i25.ProductConfiguratorModule, typeof i25.ConfiguratorModule], [typeof ElementButtonsComponent, typeof ThreedselectorComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ThreedselectorModule, [typeof ThreedselectorComponent, typeof ElementToolbarComponent, typeof ElementButtonsComponent, typeof ElementSliderComponent], [typeof i3.CommonModule, typeof i6.FormsModule, typeof i4.MatButtonModule, typeof i8$1.MatButtonToggleModule, typeof i9.MatSidenavModule, typeof i10$1.MatCardModule, typeof i11.MatSliderModule, typeof i12.MatSlideToggleModule, typeof i13.MatGridListModule, typeof i7.MatIconModule, typeof i15.MatTabsModule, typeof Core3dModule, typeof CoreModule, typeof i3$1.IconModule, typeof ToolbarIconModule, typeof InfoDialogModule, typeof ErrorDialogModule, typeof ModelDialogModule, typeof ExportDialogModule, typeof CameraSettingsDialogModule, typeof i25.ProductConfiguratorModule, typeof i25.ConfiguratorModule], [typeof ElementButtonsComponent, typeof ThreedselectorComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ThreedselectorModule>;
 }
 
@@ -8639,7 +8711,9 @@ declare class ToolbarComponent implements OnInit, OnDestroy, AfterViewInit {
     private _adapterService;
     private _connectionHealthService;
     private _homedecoratorEventService;
-    externalSave: EventEmitter<void>;
+    shareButton: boolean;
+    externalSave: EventEmitter<string>;
+    externalOpen: EventEmitter<void>;
     readonly toastType: typeof ToastType;
     readonly messageType: typeof MessageType;
     readonly icons: typeof IconEnum;
@@ -8657,7 +8731,9 @@ declare class ToolbarComponent implements OnInit, OnDestroy, AfterViewInit {
     interval: any;
     tooltipDisabled: boolean;
     badgeDisabled: boolean;
-    useExternalOpenSave: boolean;
+    useExternalSave: boolean;
+    useExternalOpen: boolean;
+    shadowSaveToCloud: boolean;
     enableSlowConnectionWarning: boolean;
     connectionStatus: string;
     private _subs;
@@ -8672,9 +8748,11 @@ declare class ToolbarComponent implements OnInit, OnDestroy, AfterViewInit {
     clickCloseLeftSidebar(): void;
     newRoom(): void;
     animateModel(element: Item): void;
-    handleExternalSave(): void;
-    openSaveDialog(): Promise<void>;
+    handleSave(saveOnOpen?: boolean): void;
+    handleExternalSave(): Promise<void>;
+    openSaveDialog(saveOnOpen?: boolean): Promise<void>;
     openOpenDialog(): void;
+    openShareDialog(): void;
     handleSearchButtonClick(): void;
     loadRoom(): Promise<void>;
     loadResizableRoom(): Promise<void>;
@@ -8688,7 +8766,6 @@ declare class ToolbarComponent implements OnInit, OnDestroy, AfterViewInit {
     saveNotification(): void;
     openDrawDiagram(file: any): void;
     openCroppingDiagram(file: any): void;
-    openModelPreview(file: any): void;
     showRenderError(data: ErrorDialogData): void;
     testRender(): void;
     openFaq(url: string): Window;
@@ -8702,7 +8779,7 @@ declare class ToolbarComponent implements OnInit, OnDestroy, AfterViewInit {
     private _registerToolbarIcon;
     private _closeLeftSidebar;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarComponent, "rp-toolbar", never, {}, { "externalSave": "externalSave"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarComponent, "rp-toolbar", never, { "shareButton": { "alias": "shareButton"; "required": false; }; }, { "externalSave": "externalSave"; "externalOpen": "externalOpen"; }, never, never, false, never>;
 }
 
 interface SavedDialogData {
@@ -9009,7 +9086,7 @@ declare class ThreedInPhotoModule {
 
 declare class ToolbarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ToolbarModule, [typeof SaveDialogComponent, typeof OpenDialogComponent, typeof DrawDialogComponent, typeof PdfCropDialogComponent, typeof ToolbarComponent, typeof SavedDialogComponent, typeof DownloadDialogComponent, typeof LoadFromCloudDialogComponent, typeof LandingScreenModalComponent, typeof LimitedModeMessageComponent, typeof RegisterDialogComponent, typeof EditPresetDialogComponent], [typeof CoreModule, typeof i3.CommonModule, typeof ErrorDialogModule, typeof ModelDialogModule, typeof i6.FormsModule, typeof i6.ReactiveFormsModule, typeof i18.MatToolbarModule, typeof i7.MatIconModule, typeof i4.MatButtonModule, typeof i8.MatTooltipModule, typeof i9.MatSidenavModule, typeof i5.MatListModule, typeof i4$1.MatDialogModule, typeof i8$1.MatButtonToggleModule, typeof i43.MatSnackBarModule, typeof i5$1.MatInputModule, typeof i4$2.MatFormFieldModule, typeof i10$1.MatCardModule, typeof i13.MatGridListModule, typeof i31$1.MatMenuModule, typeof i7$2.FlexLayoutModule, typeof i33.PortalModule, typeof ToolbarIconModule, typeof i7$1.InputTextModule, typeof i7$1.IconModule, typeof i36.MatBadgeModule, typeof ThreedInPhotoModule, typeof i38.PdfViewerModule, typeof ExportPdfModule], [typeof ToolbarComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ToolbarModule, [typeof SaveDialogComponent, typeof OpenDialogComponent, typeof DrawDialogComponent, typeof PdfCropDialogComponent, typeof ToolbarComponent, typeof SavedDialogComponent, typeof DownloadDialogComponent, typeof LoadFromCloudDialogComponent, typeof LandingScreenModalComponent, typeof LimitedModeMessageComponent, typeof RegisterDialogComponent, typeof EditPresetDialogComponent], [typeof CoreModule, typeof i3.CommonModule, typeof ErrorDialogModule, typeof ModelDialogModule, typeof i6.FormsModule, typeof i6.ReactiveFormsModule, typeof i18.MatToolbarModule, typeof i7.MatIconModule, typeof i4.MatButtonModule, typeof i8.MatTooltipModule, typeof i9.MatSidenavModule, typeof i5.MatListModule, typeof i4$1.MatDialogModule, typeof i8$1.MatButtonToggleModule, typeof i43.MatSnackBarModule, typeof i5$1.MatInputModule, typeof i4$2.MatFormFieldModule, typeof i10$1.MatCardModule, typeof i13.MatGridListModule, typeof i31$1.MatMenuModule, typeof i7$1.FlexLayoutModule, typeof i33.PortalModule, typeof ToolbarIconModule, typeof i3$1.InputTextModule, typeof i3$1.IconModule, typeof i36.MatBadgeModule, typeof ThreedInPhotoModule, typeof i38.PdfViewerModule, typeof ExportPdfModule], [typeof ToolbarComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ToolbarModule>;
 }
 
@@ -9218,13 +9295,13 @@ declare class LoaderModule {
 
 declare class ModelUploaderModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ModelUploaderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ModelUploaderModule, [typeof ModelUploaderComponent, typeof ModelPreviewComponent], [typeof i3.CommonModule, typeof CoreModule, typeof i7.MatIconModule, typeof i4.MatButtonModule, typeof i7$1.ButtonModule, typeof i7$1.ImageModule, typeof i8$2.CatalogExternalSourcesModule, typeof i8$2.CatalogExternalSourceModule, typeof i9$1.MatRadioModule, typeof i12.MatSlideToggleModule, typeof i4$2.MatFormFieldModule, typeof i31.MatOptionModule, typeof i10.MatSelectModule, typeof i7$1.IconModule, typeof i6.FormsModule, typeof LoaderModule], [typeof ModelUploaderComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ModelUploaderModule, [typeof ModelUploaderComponent, typeof ModelPreviewComponent], [typeof i3.CommonModule, typeof CoreModule, typeof i7.MatIconModule, typeof i4.MatButtonModule, typeof i3$1.ButtonModule, typeof i3$1.ImageModule, typeof i8$2.CatalogExternalSourcesModule, typeof i8$2.CatalogExternalSourceModule, typeof i9$1.MatRadioModule, typeof i12.MatSlideToggleModule, typeof i4$2.MatFormFieldModule, typeof i31.MatOptionModule, typeof i10.MatSelectModule, typeof i3$1.IconModule, typeof i6.FormsModule, typeof LoaderModule], [typeof ModelUploaderComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ModelUploaderModule>;
 }
 
 declare class ProductCatalogModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ProductCatalogModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ProductCatalogModule, [typeof ProductCatalogComponent], [typeof i3.CommonModule, typeof CoreModule, typeof i7.MatIconModule, typeof i4.MatButtonModule, typeof i7$1.ButtonModule, typeof i7$1.ImageModule, typeof i8$2.CatalogExternalSourcesModule, typeof ProductOwnCollectionModule, typeof i8$2.CatalogExternalSourceModule, typeof ModelUploaderModule], [typeof ProductCatalogComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ProductCatalogModule, [typeof ProductCatalogComponent], [typeof i3.CommonModule, typeof CoreModule, typeof i7.MatIconModule, typeof i4.MatButtonModule, typeof i3$1.ButtonModule, typeof i3$1.ImageModule, typeof i8$2.CatalogExternalSourcesModule, typeof ProductOwnCollectionModule, typeof i8$2.CatalogExternalSourceModule, typeof ModelUploaderModule], [typeof ProductCatalogComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ProductCatalogModule>;
 }
 
@@ -9285,7 +9362,7 @@ declare class LightboxComponent {
 
 declare class LightboxModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<LightboxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LightboxModule, [typeof LightboxComponent], [typeof i3.CommonModule, typeof i7$1.IconModule], [typeof LightboxComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LightboxModule, [typeof LightboxComponent], [typeof i3.CommonModule, typeof i3$1.IconModule], [typeof LightboxComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<LightboxModule>;
 }
 
@@ -9309,7 +9386,7 @@ declare class DialogModule {
 
 declare class HomedecoratorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<HomedecoratorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<HomedecoratorModule, [typeof HomedecoratorComponent], [typeof i3.CommonModule, typeof ProgressBarModule, typeof LoadingOverlayModule, typeof HdLoaderModule, typeof ExportDialogModule, typeof InfoDialogModule, typeof PluginsModule, typeof DialogModule, typeof i10$2.A11yModule, typeof i25.ProductConfiguratorModule, typeof i7$1.CoreComponentsTranslationModule, typeof i25.LiteSelectorModule], [typeof HomedecoratorComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HomedecoratorModule, [typeof HomedecoratorComponent], [typeof i3.CommonModule, typeof ProgressBarModule, typeof LoadingOverlayModule, typeof HdLoaderModule, typeof ExportDialogModule, typeof InfoDialogModule, typeof PluginsModule, typeof DialogModule, typeof i10$2.A11yModule, typeof i25.ProductConfiguratorModule, typeof i3$1.CoreComponentsTranslationModule, typeof i25.LiteSelectorModule], [typeof HomedecoratorComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<HomedecoratorModule>;
 }
 
@@ -9341,7 +9418,6 @@ declare class MaterialBuilderComponent implements OnInit, OnDestroy {
     controllerService: HomedecoratorConnectorService, appState: AppStateService, settingsService: HomedecoratorSettingsService, presetsService: PresetsService, _bluePrintService: BluePrintService, _viewModeService: ViewModeService, _homedecoratorService: HomedecoratorService, _parentEventService: HomedecoratorAppEventService, _ownEventService: HomedecoratorAppEventService, _integrationService: IntegrationService, _sceneService: SceneService, _webWorkerService: WebWorkerService);
     ngOnInit(): Promise<void>;
     ngOnDestroy(): void;
-    handleExternalSave(): void;
     private _initConnection;
     static ɵfac: i0.ɵɵFactoryDeclaration<MaterialBuilderComponent, [null, null, null, null, null, null, null, null, { optional: true; skipSelf: true; }, { optional: true; self: true; }, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MaterialBuilderComponent, "co-material-builder", never, { "settings": { "alias": "settings"; "required": false; }; "materialPreview": { "alias": "materialPreview"; "required": false; }; "materialPreviewUpdate": { "alias": "materialPreviewUpdate"; "required": false; }; }, {}, never, never, false, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/homedecorator",
-  "version": "261.20.6",
+  "version": "261.20.8",
   "description": "Homedecorator application based on 261 version of iOne backend",
   "repository": "npm/npm",
   "author": "Colijn IT",

package/style/_variables.scss

@@ -2,6 +2,6 @@ $hd-color-primary: #171721 !default;
 $add-to-cart-button-color: #da9803 !default;
 $hd-color-main: #da9803 !default;
 $hd-color-main-accent: #da980380 !default;
-$hd-color-dialog-background: #F5F5F7 !default;
+$hd-color-dialog-background: #FAF8F7 !default;
 
 $hd-color-active-dark: #212437 !default;

package/style/material.scss

@@ -58,9 +58,6 @@ $mat-font-family: mat.m2-define-typography-config($font-family: "Montserrat, Ari
   padding: 0 !important;
 }
 
-//.mat-mdc-dialog-surface {
-//  padding: 24px;
-//}
 .mat-mdc-option {
   .mdc-list-item__primary-text {
     color: #000000 !important;

package/style/styles.scss

@@ -157,13 +157,20 @@ canvas {
   .part-material {
     margin-top: 20px;
     flex-basis: 100%;
-    overflow: auto;
+    overflow-x: hidden;
+    overflow-y: auto;
     .material-color {
       display: block;
       height: 40px;
     }
   }
 }
+#material_color_dialog {
+  width: 800px;
+  .mat-mdc-dialog-surface {
+    padding: 24px;
+  }
+}
 
 #upload_model_dialog {
   width: 800px;