@colijnit/homedecorator 256.1.19 → 256.1.21

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

@@ -82,6 +82,7 @@ export declare enum IconEnum {
     TiltPhone = "tilt-phone",
     TrashCanLight = "trash_can_light",
     TriangleDown = "triangle_down",
+    TriangleExclamation = "triangle_exclamation",
     TriangleUp = "triangle_up",
     UploadLight = "upload_light",
     WandMagicSparkles = "wand_magic_sparkles",

package/app/core/model/homedecorator-settings.d.ts

@@ -33,7 +33,6 @@ export declare class HomedecoratorSettings {
     options: HomedecoratorSettingsOptions;
     catalogParameters: GetArticlesForCatalogRequest;
     renderParameters: RenderParameters;
-    newRenderParameters: RenderParameters;
     arParameters: ArParameters;
     faqUrl: string;
     feedbackUrl: string;
@@ -43,7 +42,7 @@ export declare class HomedecoratorSettings {
     sceneBackground: string;
     sceneBackgroundColor: string;
     standaloneSceneBackgroundColor: string;
-    blenderRenderService: boolean;
+    blendFilesRender: boolean;
     renderApiClientId: string;
     uploadEndpoint: string;
     renderEndpoint: string;
@@ -55,4 +54,5 @@ export declare class HomedecoratorSettings {
     standAloneRoomplanner: boolean;
     projectSettings: HomedecoratorSettings;
     showFloorProductTab: boolean;
+    showAddToCart: boolean;
 }

package/app/core/service/3dm-api.d.ts

@@ -1,9 +1,10 @@
 import { HttpClient } from '@angular/common/http';
-import { PerspectiveCamera } from 'three';
+import { PerspectiveCamera, Vector3 } from 'three';
 import { HomedecoratorSettingsService } from './homedecorator-settings.service';
 import { MessageBusService } from './message-bus.service';
 import { MatDialog } from '@angular/material/dialog';
 import { HomedecoratorConnectorService } from './homedecorator-connector.service';
+import { ConfigurationService } from './configuration.service';
 import * as i0 from "@angular/core";
 export declare class OutputSettings {
     width: number;
@@ -15,6 +16,26 @@ export declare class OutputSettings {
     duration: number;
     bounces: number;
 }
+export declare class SceneSettings {
+    activeCameraId: number;
+    sceneAssetId: string;
+    lightGroupId: number;
+    hdriAssetId: number;
+    hdriRotation: Vector3;
+    hdriIntensity: number;
+    default: boolean;
+    id: number;
+}
+export declare class RenderSettings {
+    renderSettingsAssetId: string;
+    width: number;
+    height: number;
+    outputType: OutputType;
+    renderType: RenderType;
+    transparency: boolean;
+    quality: number;
+    exposure: number;
+}
 export declare class Camera {
     id: number;
     assetId: string;
@@ -28,6 +49,12 @@ export declare class CameraDOF {
     blades: number;
     rotation: number;
 }
+export declare class RGBA {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+}
 declare enum OutputType {
     Jpeg = 0,
     Png = 1,
@@ -44,21 +71,28 @@ export declare class ApiServiceModule {
     private _http;
     private _settingsService;
     private _dialog;
-    constructor(iOneControllerService: HomedecoratorConnectorService, messageService: MessageBusService, _http: HttpClient, _settingsService: HomedecoratorSettingsService, _dialog: MatDialog);
+    private _configurationService;
+    constructor(iOneControllerService: HomedecoratorConnectorService, messageService: MessageBusService, _http: HttpClient, _settingsService: HomedecoratorSettingsService, _dialog: MatDialog, _configurationService: ConfigurationService);
     uploadToApiGLB(formData: FormData, filename: string, camera: PerspectiveCamera, standalone: boolean, renderParameters: any, renderPreview: boolean): Promise<void>;
     requestRender(filename: string, camera: PerspectiveCamera, standalone: boolean, renderParameters: any, renderPreview: boolean): Promise<any>;
+    getCameraProperties(camera: PerspectiveCamera): any;
+    getRenderFromJson(requestData: any): Promise<void>;
+    private _sendJsonRequest;
     private _sendRequest;
     private _setOptions;
     private _createRenderRequestBody;
     private _createProductRenderRequestBody;
-    private _setOutputSettings;
-    private _setProductOutputSettings;
+    private _setRenderSettings;
+    private _setProductRenderSettings;
+    private _setSceneSettings;
+    private _setProductSceneSettings;
     private _calculateCameraPositionRotation;
     private _setCameraRotation;
     private _cameraSettings;
     private _cameraProductSettings;
     private _getSceneBasedLights;
     private _shortenValue;
+    private _degreesToVector3;
     static ɵfac: i0.ɵɵFactoryDeclaration<ApiServiceModule, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ApiServiceModule>;
 }

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

@@ -44,6 +44,9 @@ export declare class HomedecoratorConnectorAdapterService {
     readonly questionReceived: Subject<Question>;
     readonly showLoader: Subject<boolean>;
     readonly connectionReset: Subject<void>;
+    mainUrl: string;
+    mainSchema: string;
+    mainVersion: string;
     private _publicationCodeForUserRole;
     get connector(): Configurator;
     get articleApi(): Articles;

package/app/core/service/utils.service.d.ts

@@ -28,7 +28,7 @@ export declare class UtilsService implements OnDestroy {
     private _usdzExporter;
     private _gltfExporter;
     private _sceneRenderName;
-    private _sceneRenderContents;
+    private _sceneCachedCulling;
     constructor(apiServiceModule: ApiServiceModule, messageService: MessageBusService, _settingsService: HomedecoratorSettingsService, _jsonUtilsService: JsonUtilsService, _progressService: ProgressService, _itemsService: ItemService, _sceneService: SceneService, _dialog: MatDialog, _cameraService: CameraService);
     ngOnDestroy(): void;
     readFileAsText(file: File): Promise<string>;

package/app/plugins/core3d/service/wall-measurements.service.d.ts

@@ -15,6 +15,8 @@ export declare class WallMeasurementsService implements OnDestroy {
     private _subs;
     constructor(_floorplanService: FloorplanService, _viewModeService: ViewModeService, _sceneService: SceneService, _configurationService: ConfigurationService, _fontService: FontService);
     ngOnDestroy(): void;
+    prepMeasurementsForRender(): void;
+    restoreMeasurementsAfterRender(): void;
     private _showMeasurements;
     private _removeMeasurements;
     private _makeMeasurements;

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

@@ -57,6 +57,10 @@ export declare class ModelPreviewComponent implements OnInit, OnDestroy {
     heightAdjustable: boolean;
     placementOptions: CoDomainValue[];
     selectedPlacement: number;
+    canvReference: HTMLElement;
+    hasErrors: boolean;
+    listOfErrors: any[];
+    showLoader: boolean;
     private _measurements;
     protected readonly icon: typeof IconEnum;
     ngOnInit(): void;
@@ -89,13 +93,13 @@ export declare class ModelPreviewComponent implements OnInit, OnDestroy {
     private _addFromGeometry;
     private _prepModelForScene;
     private _getBoundingBox;
+    private _applyTransforms;
     private _setMeasurements;
     private _create3DText;
     private _blobToArrayBuffer;
     private _createLightFromProperties;
     private _setObjectProperties;
-    private _validateTextures;
-    private _replaceProceduralTextures;
+    private _validateObjectStructure;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModelPreviewComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ModelPreviewComponent, "rp-model-preview", never, {}, {}, never, never>;
 }

package/app/plugins/model-uploader/model-uploader/model-upload.component.scss

@@ -23,6 +23,11 @@
   }
 }
 
+.modelSupport {
+  display: block;
+  font-size: 12px;
+  font-style: italic;
+}
 .upload-error-container {
   position: relative;
   padding: .75rem 1.25rem;

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

@@ -1,8 +1,8 @@
-import { ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { ElementRef } from '@angular/core';
 import { HomedecoratorSettingsService } from '../../../core/service/homedecorator-settings.service';
 import { MessageBusService } from '../../../core/service/message-bus.service';
 import * as i0 from "@angular/core";
-export declare class ModelUploaderComponent implements OnInit, OnDestroy {
+export declare class ModelUploaderComponent {
     settingsService: HomedecoratorSettingsService;
     private _messageService;
     fileUploadInput: ElementRef;
@@ -13,8 +13,6 @@ export declare class ModelUploaderComponent implements OnInit, OnDestroy {
     private _maxFileSize;
     private _allowedFiles;
     constructor(settingsService: HomedecoratorSettingsService, _messageService: MessageBusService);
-    ngOnInit(): void;
-    ngOnDestroy(): void;
     onChange(event: any): void;
     upload(fileExtension: string): Promise<void>;
     fileToArrayBuffer(file: File): Promise<ArrayBuffer>;

package/app/plugins/model-uploader/model-uploader.module.d.ts

@@ -14,8 +14,9 @@ import * as i12 from "@angular/material/form-field";
 import * as i13 from "@angular/material/core";
 import * as i14 from "@angular/material/select";
 import * as i15 from "@angular/forms";
+import * as i16 from "../../shared/loader/loader.module";
 export declare class ModelUploaderModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ModelUploaderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ModelUploaderModule, [typeof i1.ModelUploaderComponent, typeof i2.ModelPreviewComponent], [typeof i3.CommonModule, typeof i4.CoreModule, typeof i5.MatIconModule, typeof i6.MatButtonModule, typeof i7.ButtonModule, typeof i8.ImageModule, typeof i9.CatalogExternalSourcesModule, typeof i9.CatalogExternalSourceModule, typeof i10.MatRadioModule, typeof i11.MatSlideToggleModule, typeof i12.MatFormFieldModule, typeof i13.MatOptionModule, typeof i14.MatSelectModule, typeof i7.IconModule, typeof i15.FormsModule], [typeof i1.ModelUploaderComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ModelUploaderModule, [typeof i1.ModelUploaderComponent, typeof i2.ModelPreviewComponent], [typeof i3.CommonModule, typeof i4.CoreModule, typeof i5.MatIconModule, typeof i6.MatButtonModule, typeof i7.ButtonModule, typeof i8.ImageModule, typeof i9.CatalogExternalSourcesModule, typeof i9.CatalogExternalSourceModule, typeof i10.MatRadioModule, typeof i11.MatSlideToggleModule, typeof i12.MatFormFieldModule, typeof i13.MatOptionModule, typeof i14.MatSelectModule, typeof i7.IconModule, typeof i15.FormsModule, typeof i16.LoaderModule], [typeof i1.ModelUploaderComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ModelUploaderModule>;
 }

package/app/plugins/render/render-controls/render-controls.component.d.ts

@@ -14,6 +14,8 @@ import { NewRenderService } from '../service/new-render.service';
 import { UtilsService } from '../../../core/service/utils.service';
 import { IconEnum } from '../../../core/enum/icon.enum';
 import { HomedecoratorIconCacheService } from '../../../core/service/homedecorator-icon-cache.service';
+import { RoomService } from '../../room-planner/components/floorplanner/service/room.service';
+import { WallMeasurementsService } from '../../core3d/service/wall-measurements.service';
 import * as i0 from "@angular/core";
 export declare class RenderControlsComponent {
     renderService: RenderService;
@@ -28,10 +30,16 @@ export declare class RenderControlsComponent {
     private _settingsService;
     private _newRenderService;
     private _utilsService;
+    private _roomService;
+    private _wallMeasurementsService;
     readonly icons: typeof IconEnum;
     blenderPreviewRender: string;
+    hdriIntensity: number;
+    hdriRotation: number;
+    lightingExposure: number;
+    showRenderSettings: boolean;
     private _subs;
-    constructor(renderService: RenderService, messageService: MessageBusService, viewModeService: ViewModeService, settingsService: HomedecoratorSettingsService, iconService: HomedecoratorIconCacheService, _dialog: MatDialog, _sceneService: SceneService, _cameraService: CameraService, _configurationService: ConfigurationService, _settingsService: HomedecoratorSettingsService, _newRenderService: NewRenderService, _utilsService: UtilsService);
+    constructor(renderService: RenderService, messageService: MessageBusService, viewModeService: ViewModeService, settingsService: HomedecoratorSettingsService, iconService: HomedecoratorIconCacheService, _dialog: MatDialog, _sceneService: SceneService, _cameraService: CameraService, _configurationService: ConfigurationService, _settingsService: HomedecoratorSettingsService, _newRenderService: NewRenderService, _utilsService: UtilsService, _roomService: RoomService, _wallMeasurementsService: WallMeasurementsService);
     get disablePictureButton(): boolean;
     readonly viewModes: typeof ViewMode;
     readonly renderStatus: typeof RenderStatus;
@@ -40,17 +48,19 @@ export declare class RenderControlsComponent {
     errorText: string;
     imageRenderSource: any;
     inPictureMode: boolean;
+    showCullingErrorDialog: boolean;
     readonly renderModes: typeof RenderModes;
     showRenderForm(event: MouseEvent): void;
-    checkCameraPosition(event: MouseEvent): void;
     startRenderingRoom(): Promise<void>;
     createBlenderRender(): void;
     resetBlenderRenderScene(): void;
     moveCameraWithinBounds(): void;
     getPreviewRender(): void;
     showPreview(image: string): void;
-    private _validateRenderPosition;
+    toggleRenderSettings(): void;
+    validateRenderPosition(): void;
     private _getObjectsByName;
+    private _allowCulling;
     static ɵfac: i0.ɵɵFactoryDeclaration<RenderControlsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<RenderControlsComponent, "rp-render-controls", never, {}, {}, never, never>;
 }

package/app/plugins/render/render-controls/render-controls.component.scss

@@ -15,12 +15,26 @@ $border-color: #dda73f;
     padding: 10px 25px 25px;
     border-radius: 5px;
     box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+    max-width: 325px;
 
     .render-popup-header {
       display: flex;
       justify-content: space-between;
       font-family: inherit;
 
+      h3 {
+        display: flex;
+        justify-content: space-between;
+        ::ng-deep .renderErrorIcon {
+          width: 20px;
+          height: 20px;
+          margin-left: 20px;
+          svg, svg polygon {
+            fill: #DC143C;
+          }
+        }
+      }
+
       .close-popup-container {
         cursor: pointer;
         border: none;
@@ -78,6 +92,8 @@ $border-color: #dda73f;
       min-width: 275px;
       margin: 5px 0;
       position: relative;
+      width: 275px;
+      height: 150px;
 
       .render-popup-preview-placeholder {
         background-color: #fff;
@@ -102,6 +118,7 @@ $border-color: #dda73f;
         width: 30px;
         background-color: #dda73f;
         color: #fff;
+        margin: 0;
 
         ::ng-deep co-icon {
           svg {
@@ -117,13 +134,31 @@ $border-color: #dda73f;
       margin: 5px 0;
       width: 100%;
 
+      .toggleable {
+        cursor: pointer;
+        display: flex;
+        justify-content: right;
+        align-content: center;
+        p{
+          padding: 0;
+          margin: 0;
+          font-size: 12px;
+          line-height: 30px;
+        }
+
+        .icon-rotate {
+          transform: rotate(180deg);
+        }
+      }
+
       .mat-form-field {
         width: 100%;
-
+        font-size: 14px;
         ::ng-deep .mat-form-field-flex {
           background-color: #fff;
           color: #000;
           padding: 3px 6px;
+          border: 1px solid #ddd;
         }
 
         ::ng-deep .mat-form-field-underline {
@@ -134,6 +169,44 @@ $border-color: #dda73f;
           padding-bottom: 0;
         }
       }
+
+      .setting-part-container {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-bottom: 5px;
+        .third-width {
+          width: 32%
+        }
+        .setting-part-buttons {
+
+          .amount-button {
+            float: none;
+            box-sizing: border-box;
+            padding: 2px;
+            background: none;
+            cursor: pointer;
+            border: none;
+            width: 25px;
+            height: 25px;
+            margin: 0 5px;
+            co-icon {
+              display: block;
+              width: 25px;
+              height: 25px;
+              ::ng-deep svg {
+                fill: #5b6875;
+              }
+            }
+          }
+        }
+        .setting-part-slider {
+          .mat-slider-horizontal {
+            min-width: 110px;
+            height: 28px;
+          }
+        }
+      }
     }
   }
 

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

@@ -14,8 +14,9 @@ import * as i12 from "@angular/material/grid-list";
 import * as i13 from "@angular/material/progress-spinner";
 import * as i14 from "@angular/forms";
 import * as i15 from "@colijnit/corecomponents";
+import * as i16 from "@angular/material/slider";
 export declare class RenderModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<RenderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<RenderModule, [typeof i1.RenderDialogComponent, typeof i2.RenderControlsComponent], [typeof i3.CoreModule, typeof i4.CommonModule, typeof i5.MatButtonModule, typeof i6.MatDialogModule, typeof i7.MatTooltipModule, typeof i8.MatInputModule, typeof i9.MatIconModule, typeof i10.MatSelectModule, typeof i11.MatSlideToggleModule, typeof i12.MatGridListModule, typeof i13.MatProgressSpinnerModule, typeof i14.FormsModule, typeof i15.IconModule], [typeof i1.RenderDialogComponent, typeof i2.RenderControlsComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RenderModule, [typeof i1.RenderDialogComponent, typeof i2.RenderControlsComponent], [typeof i3.CoreModule, typeof i4.CommonModule, typeof i5.MatButtonModule, typeof i6.MatDialogModule, typeof i7.MatTooltipModule, typeof i8.MatInputModule, typeof i9.MatIconModule, typeof i10.MatSelectModule, typeof i11.MatSlideToggleModule, typeof i12.MatGridListModule, typeof i13.MatProgressSpinnerModule, typeof i14.FormsModule, typeof i15.IconModule, typeof i16.MatSliderModule], [typeof i1.RenderDialogComponent, typeof i2.RenderControlsComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<RenderModule>;
 }

package/app/plugins/render/service/new-render.service.d.ts

@@ -15,6 +15,8 @@ import { RoomService } from '../../room-planner/components/floorplanner/service/
 import { FloorService } from '../../core3d/service/floor.service';
 import { LoadFurnitureService } from '../../threedselector/threedselector/service/load-furniture.service';
 import { UtilsService } from '../../../core/service/utils.service';
+import { ApiServiceModule } from '../../../core/service/3dm-api';
+import { PresetsService } from '../../../core/service/presets.service';
 import * as i0 from "@angular/core";
 export declare class NewRenderService implements OnDestroy {
     messageService: MessageBusService;
@@ -32,6 +34,8 @@ export declare class NewRenderService implements OnDestroy {
     private _floorService;
     private _loadFurnitureService;
     private _utilsService;
+    private _presetService;
+    private _apiServiceModule;
     renderImageChanged: BehaviorSubject<string>;
     renderUpdateImageChanged: BehaviorSubject<{
         image: string;
@@ -43,7 +47,7 @@ export declare class NewRenderService implements OnDestroy {
     currentQueueRenderItem: RenderQueueItem;
     renderedRoomImages: string[];
     private _subs;
-    constructor(messageService: MessageBusService, _settingsService: HomedecoratorSettingsService, _buildFurnitureService: BuildFurnitureService, _cameraService: CameraService, _sceneService: SceneService, _ione: HomedecoratorConnectorService, _ioneConnectorAdapter: HomedecoratorConnectorAdapterService, _threedSelectorService: ThreedselectorService, _toastService: ToastService, _messageBusService: MessageBusService, _googleTagManager: GoogleTagManagerService, _roomService: RoomService, _floorService: FloorService, _loadFurnitureService: LoadFurnitureService, _utilsService: UtilsService);
+    constructor(messageService: MessageBusService, _settingsService: HomedecoratorSettingsService, _buildFurnitureService: BuildFurnitureService, _cameraService: CameraService, _sceneService: SceneService, _ione: HomedecoratorConnectorService, _ioneConnectorAdapter: HomedecoratorConnectorAdapterService, _threedSelectorService: ThreedselectorService, _toastService: ToastService, _messageBusService: MessageBusService, _googleTagManager: GoogleTagManagerService, _roomService: RoomService, _floorService: FloorService, _loadFurnitureService: LoadFurnitureService, _utilsService: UtilsService, _presetService: PresetsService, _apiServiceModule: ApiServiceModule);
     ngOnDestroy(): void;
     procesRenderFile(file: any): void;
     forceRenderImage(): void;
@@ -51,12 +55,14 @@ export declare class NewRenderService implements OnDestroy {
     renderRoom(size: any): Promise<void>;
     private _exportToGlb;
     private _getNewRenderImage;
-    private _handleAjaxBlenderRender;
+    private _createRenderFromJson;
+    private _getDataForJsonRender;
     private _handleAjaxRender;
     private _handleWebSocketRender;
     private _handleWebSocketRoomRender;
     private _showPreviewImage;
     private _getDataForRender;
+    private _getSceneRenderSettings;
     private _getDataForRoomRender;
     private _arrayBufferToBase64;
     static ɵfac: i0.ɵɵFactoryDeclaration<NewRenderService, never>;

package/app/plugins/render/service/render.service.d.ts

@@ -58,7 +58,7 @@ export declare class RenderService implements OnDestroy {
     selectedImageSize: number;
     selectedEnvironment: number;
     selectedRenderScene: string;
-    blenderRenderService: boolean;
+    blendFilesRender: boolean;
     positions: number;
     save: boolean;
     renderRoomImageChanged: BehaviorSubject<string>;

package/app/shared/loader/loader.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class LoaderComponent {
+    show: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoaderComponent, "rp-loader", never, { "show": "show"; }, {}, never, never>;
+}

package/app/shared/loader/loader.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./loader.component";
+import * as i2 from "../../core/core.module";
+export declare class LoaderModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoaderModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LoaderModule, [typeof i1.LoaderComponent], [typeof i2.CoreModule], [typeof i1.LoaderComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<LoaderModule>;
+}

package/assets/icons/triangle_exclamation.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--><path d="M248.4 84.3c1.6-2.7 4.5-4.3 7.6-4.3s6 1.6 7.6 4.3L461.9 410c1.4 2.3 2.1 4.9 2.1 7.5c0 8-6.5 14.5-14.5 14.5l-387 0c-8 0-14.5-6.5-14.5-14.5c0-2.7 .7-5.3 2.1-7.5L248.4 84.3zm-41-25L9.1 385c-6 9.8-9.1 21-9.1 32.5C0 452 28 480 62.5 480l387 0c34.5 0 62.5-28 62.5-62.5c0-11.5-3.2-22.7-9.1-32.5L304.6 59.3C294.3 42.4 275.9 32 256 32s-38.3 10.4-48.6 27.3zM288 368a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm-8-184c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 96c0 13.3 10.7 24 24 24s24-10.7 24-24l0-96z"/></svg>