@colijnit/homedecorator 255.1.1

package/app/plugins/toolbar/toolbar/toolbar.component.scss

@@ -0,0 +1,251 @@
+:host {
+  display: flex;
+  flex-direction: column;
+  position: absolute;
+  top: 0;
+  z-index: 100;
+  height: 100%;
+  width: 100%;
+  pointer-events: none;
+
+  .hd-toolbar-spacer {
+    display: flex;
+    flex-basis: 100%;
+  }
+
+  .toast-wrapper {
+    height: auto;
+    position: absolute;
+    top: 64px;
+    left: 50%;
+    user-select: none;
+    pointer-events: none;
+    background: #74B77F;
+    padding: 30px;
+    border-radius: 0 0 10px 10px;
+    min-width: 150px;
+    max-width: 90%;
+    color: white;
+    text-align: center;
+    transform: translate(-50%, -100%);
+
+    &.warning {
+      background: #F17300;
+    }
+
+    &.error {
+      background: #CC2936
+    }
+  }
+
+
+  /* Elements located in Furniture Manager plugin*/
+
+  ::ng-deep {
+    & .drawer__header {
+      display: flex;
+      align-items: center;
+      min-height: 40px;
+      margin-bottom: 16px;
+
+      h2 {
+        margin: 0;
+        margin-right: auto;
+      }
+    }
+
+    & mat-tab-header,
+    & .FileDrop {
+      margin-bottom: 16px;
+    }
+
+    /* Fix Floor/Wall panel width caused by mat-tab-label default styles */
+    & .tab--skin ::ng-deep .mat-tab-label {
+      height: 52px;
+      min-width: auto;
+    }
+  }
+
+  /* Should fix an issue where mat-toolbar-row white-break property value conflicts with p elements */
+  /* Should force text to go at the next line */
+  ::ng-deep .drawer p {
+    white-space: pre-wrap;
+  }
+
+  /* Specific to sidebars */
+  ::ng-deep .mat-divider {
+    margin: 16px 0 24px;
+  }
+
+  // TODO: in Ang. Mat v7, set hasBackdrop property on mat-drawer
+  ::ng-deep .mat-drawer-backdrop {
+    display: none;
+  }
+}
+
+.storage-error {
+  min-width: 30px;
+  height: 30px;
+  display: flex;
+  align-items: center;
+  align-self: center;
+  border-radius: 50%;
+  justify-content: center;
+  background: white;
+  color: #cc0000;
+  font-size: 25px;
+  font-weight: bold;
+}
+
+.layer--toolbar {
+  display: flex;
+  flex-direction: column;
+}
+
+.toolbar {
+  z-index: 101;
+  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
+
+  .menu-icon {
+    min-width: 50px;
+    display: flex;
+    justify-content: center;
+    margin-left: -16px;
+  }
+}
+
+.toolbar-logo {
+  width: 50px;
+}
+
+.secondary-logo {
+  margin-left: 20px;
+}
+
+.toolbar__nav {
+  display: flex;
+  flex-direction: row;
+  padding-top: 0;
+}
+
+.toolbar__nav .mat-list-item {
+  color: white;
+  height: 40px;
+}
+
+.toolbar-row {
+  flex: auto;
+  display: flex;
+  flex-direction: column;
+  //align-items: stretch;
+  padding: 0;
+  pointer-events: none;
+  position: relative;
+  align-items: baseline;
+  height: 100%;
+}
+
+.toolbar--secondary {
+  width: 64px;
+  padding: 16px 0;
+  //height: auto;
+  flex-direction: column;
+  background: #fff;
+  height: 100%;
+}
+
+.toolbar--secondary .drawer {
+  flex: auto;
+  pointer-events: none;
+  background: transparent;
+}
+
+.wip-card {
+  margin-left: 22px;
+  padding: 6px 22px;
+  color: white;
+  background-color: #ed912e;
+}
+
+.drawer-container {
+  position: static;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+.drawer {
+  width: 420px;
+  padding: 16px;
+  display: flex;
+  flex-direction: column;
+  left: 65px;
+}
+
+.toolbar,
+.toolbar--secondary > *,
+.drawer-container > *,
+.drawer > * {
+  pointer-events: all;
+}
+
+.drawer__button {
+  min-width: initial;
+  padding: 0;
+  border: none;
+  position: absolute;
+  top: 0;
+  right: 0;
+  border-radius: 50%;
+}
+
+.blinker {
+  animation: blinker 1s linear infinite;
+}
+
+.mat-badge-content {
+  background-color: #b71c1c;
+  animation: bounce 2s ease-out;
+  animation-iteration-count: infinite;
+  margin-left: 5px;
+}
+
+.badge {
+  margin-right: 20px;
+  margin-bottom: 20px;
+}
+
+::ng-deep .tooltip-red {
+  background: #b71c1c;
+}
+
+@keyframes bounce {
+  0%   { transform: scale(1,1)      translateY(0); }
+  10%  { transform: scale(1.1,.9)   translateY(0); }
+  30%  { transform: scale(.9,1.1)   translateY(-20px); }
+  50%  { transform: scale(1.05,.95) translateY(0); }
+  57%  { transform: scale(1,1)      translateY(-7px); }
+  64%  { transform: scale(1,1)      translateY(0); }
+  100% { transform: scale(1,1)      translateY(0); }
+}
+
+@keyframes blinker {
+  50% {
+    opacity: 0;
+  }
+}
+
+::ng-deep .mat-menu-panel {
+  width: 256px !important;
+
+  .mat-menu-content {
+    display: flex;
+    flex-direction: column;
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+}
+
+::ng-deep mat-drawer-content.mat-drawer-content {
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+}

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

@@ -0,0 +1,44 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./save-dialog/save-dialog.component";
+import * as i2 from "./open-dialog/open-dialog.component";
+import * as i3 from "./draw-dialog/draw-dialog.component";
+import * as i4 from "./pdf-crop-dialog/pdf-crop-dialog.component";
+import * as i5 from "./toolbar/toolbar.component";
+import * as i6 from "./saved-dialog/saved-dialog.component";
+import * as i7 from "./download-dialog/download-dialog.component";
+import * as i8 from "./load-from-cloud-dialog/load-from-cloud-dialog.component";
+import * as i9 from "./landing-screen-modal/landing-screen-modal.component";
+import * as i10 from "./toolbar/limited-mode-message-component/limited-mode-message.component";
+import * as i11 from "../../shared/register-dialog/register-dialog.component";
+import * as i12 from "./edit-preset-dialog/edit-preset-dialog.component";
+import * as i13 from "../../core/core.module";
+import * as i14 from "@angular/common";
+import * as i15 from "../../shared/error-dialog/error-dialog.module";
+import * as i16 from "../../shared/model-dialog/model-dialog.module";
+import * as i17 from "@angular/forms";
+import * as i18 from "@angular/material/toolbar";
+import * as i19 from "@angular/material/icon";
+import * as i20 from "@angular/material/button";
+import * as i21 from "@angular/material/tooltip";
+import * as i22 from "@angular/material/sidenav";
+import * as i23 from "@angular/material/list";
+import * as i24 from "@angular/material/dialog";
+import * as i25 from "@angular/material/button-toggle";
+import * as i26 from "@angular/material/snack-bar";
+import * as i27 from "@angular/material/input";
+import * as i28 from "@angular/material/form-field";
+import * as i29 from "@angular/material/card";
+import * as i30 from "@angular/material/grid-list";
+import * as i31 from "@angular/material/menu";
+import * as i32 from "@angular/flex-layout";
+import * as i33 from "@angular/cdk/portal";
+import * as i34 from "../../shared/toolbar-icon/toolbar-icon.module";
+import * as i35 from "@colijnit/corecomponents";
+import * as i36 from "@angular/material/badge";
+import * as i37 from "../threed-in-photo/threed-in-photo.module";
+import * as i38 from "ng2-pdf-viewer";
+export declare class ToolbarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ToolbarModule, [typeof i1.SaveDialogComponent, typeof i2.OpenDialogComponent, typeof i3.DrawDialogComponent, typeof i4.PdfCropDialogComponent, typeof i5.ToolbarComponent, typeof i6.SavedDialogComponent, typeof i7.DownloadDialogComponent, typeof i8.LoadFromCloudDialogComponent, typeof i9.LandingScreenModalComponent, typeof i10.LimitedModeMessageComponent, typeof i11.RegisterDialogComponent, typeof i12.EditPresetDialogComponent], [typeof i13.CoreModule, typeof i14.CommonModule, typeof i15.ErrorDialogModule, typeof i16.ModelDialogModule, typeof i17.FormsModule, typeof i17.ReactiveFormsModule, typeof i18.MatToolbarModule, typeof i19.MatIconModule, typeof i20.MatButtonModule, typeof i21.MatTooltipModule, typeof i22.MatSidenavModule, typeof i23.MatListModule, typeof i24.MatDialogModule, typeof i25.MatButtonToggleModule, typeof i26.MatSnackBarModule, typeof i27.MatInputModule, typeof i28.MatFormFieldModule, typeof i29.MatCardModule, typeof i30.MatGridListModule, typeof i31.MatMenuModule, typeof i32.FlexLayoutModule, typeof i33.PortalModule, typeof i34.ToolbarIconModule, typeof i35.InputTextModule, typeof i35.IconModule, typeof i36.MatBadgeModule, typeof i37.ThreedInPhotoModule, typeof i38.PdfViewerModule], [typeof i5.ToolbarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ToolbarModule>;
+}

package/app/service/dynamic-script.service.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class DynamicScriptService {
+    private _scripts;
+    removeScript(name: string): void;
+    loadScript(name: string, script: string): Promise<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicScriptService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DynamicScriptService>;
+}

package/app/service/google-tag-manager.service.d.ts

@@ -0,0 +1,19 @@
+import { OnDestroy } from '@angular/core';
+import { HomedecoratorSettingsService } from '../core/service/homedecorator-settings.service';
+import { PermanentStoreService } from '../core/service/permanent-store.service';
+import { Metadata } from '../plugins/core3d/items/metadata';
+import * as i0 from "@angular/core";
+export declare class GoogleTagManagerService implements OnDestroy {
+    private _settingsService;
+    private _permanentStoreService;
+    private _subs;
+    private _gtmActive;
+    constructor(_settingsService: HomedecoratorSettingsService, _permanentStoreService: PermanentStoreService);
+    ngOnDestroy(): void;
+    sendEvent(name: string, data: {}): void;
+    sendProductConversion(articleMetadata: Metadata, conversionAction: string): void;
+    sendProductPriceConversion(articleMetadata: Metadata, conversionAction: string, price: string): void;
+    sendProjectConversion(price: string, conversionType: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GoogleTagManagerService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<GoogleTagManagerService>;
+}

package/app/service/local-storage.service.d.ts

@@ -0,0 +1,18 @@
+import { WebWorkerService } from '../core/service/web-worker.service';
+import * as i0 from "@angular/core";
+export declare class LocalStorageService {
+    private _webWorkerService;
+    readonly storage: Storage;
+    saveStateExists: boolean;
+    errorWhenSaving: boolean;
+    constructor(_webWorkerService: WebWorkerService);
+    saveItem(key: string, value: any): void;
+    saveCurrentState(saveState: string): void;
+    getRecoverySaveState(): Promise<string>;
+    getIndexedDBSaveState(): Promise<string>;
+    writeIndexedDBSaveState(saveState: string): Promise<void>;
+    checkForLocalSave(): Promise<void>;
+    private _getSaveStateInLocalStorage;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LocalStorageService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<LocalStorageService>;
+}

package/app/service/service-locator.service.d.ts

@@ -0,0 +1,4 @@
+import { Injector } from '@angular/core';
+export declare class ServiceLocator {
+    static injector: Injector;
+}

package/app/shared/base64-images.d.ts

@@ -0,0 +1,4 @@
+export declare class Base64Images {
+    static pin: string;
+    static blank: string;
+}

package/app/shared/button-elevation/button-elevation.component.d.ts

@@ -0,0 +1,40 @@
+import { ElementRef, OnDestroy } from '@angular/core';
+import { IconEnum } from '../../core/enum/icon.enum';
+import { Item } from '../../plugins/core3d/items/item';
+import { HomedecoratorIconCacheService } from '../../core/service/homedecorator-icon-cache.service';
+import { SceneService } from '../../plugins/core3d/service/scene.service';
+import { HudService } from '../../plugins/core3d/service/hud.service';
+import * as i0 from "@angular/core";
+export declare class ButtonElevationComponent implements OnDestroy {
+    iconService: HomedecoratorIconCacheService;
+    private _sceneService;
+    private _hudService;
+    inputField: ElementRef;
+    readonly icon: typeof IconEnum;
+    showExtended: boolean;
+    showInput: boolean;
+    inputModel: number;
+    private _timer;
+    private _interval;
+    private _intervalValueInterval;
+    private _increaseIntervalValue;
+    item: Item;
+    onMouseEnter(event: MouseEvent): void;
+    onMouseLeave(event: MouseEvent): void;
+    constructor(iconService: HomedecoratorIconCacheService, _sceneService: SceneService, _hudService: HudService);
+    ngOnDestroy(): void;
+    toggleLockSelectedObject(): void;
+    handleMouseDown(up?: boolean): void;
+    clearTimers(): void;
+    handleLabelClick(event: MouseEvent): void;
+    handleOnBlur(event: FocusEvent): void;
+    handleKeyDown(event: KeyboardEvent): any;
+    handleKeyPress(event: KeyboardEvent): any;
+    private _saveInput;
+    private _showInputField;
+    private _increaseHeight;
+    private _decreaseHeight;
+    private _elevationUpdated;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonElevationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonElevationComponent, "button-elevation", never, { "item": "item"; }, {}, never, never>;
+}

package/app/shared/button-elevation/button-elevation.component.scss

@@ -0,0 +1,109 @@
+:host {
+  position: relative;
+
+  button {
+    ::ng-deep co-icon svg [fill] {
+      fill: white;
+    }
+  }
+  .main-button {
+    z-index: 1;
+  }
+  .extended-wrapper {
+    .extended-wrapper-flex {
+      display: flex;
+      width: calc(100% - 10px);
+      margin-left: 10px;
+    }
+    .extended-button {
+      cursor: pointer;
+      background: transparent;
+      border: none;
+      color: #fff;
+    }
+    .extended-lock-button {
+      box-shadow: none;
+      display: block;
+      margin: 0px auto;
+    }
+    #up_button, #down_button {
+      flex: 0 0 20%;
+      align-items: center;
+      justify-content: center;
+      width: 35px;
+      height: 35px;
+    }
+    .label-wrapper {
+      flex: 0 0 60%;
+      align-items: center;
+      justify-content: center;
+      background: none;
+      border-radius: 15px;
+      label {
+        display: none;
+        font-weight: bold;
+        font-size: 12px;
+        text-align: center;
+        line-height: 35px;
+        &.show {
+          display: block;
+          color: #fff;
+        }
+      }
+      input {
+        display: none;
+        width: 100%;
+        font-weight: bold;
+        font-size: 12px;
+        text-align: center;
+        line-height: 35px;
+        &.show {
+          display: block;
+        }
+      }
+    }
+  }
+}
+
+:host, button-elevation {
+  color: #fff;
+
+  .rp-item-context-menu-item {
+    cursor: pointer;
+    padding: 5px 15px 5px 0px;
+    border-radius: 5px;
+
+    span, label {
+      display: inline-block;
+      width: auto;
+      line-height: 24px;
+      font-size: 12px;
+      font-weight: lighter;
+      vertical-align: middle;
+    }
+
+    .icon {
+      margin-right: 10px;
+
+      svg {
+        height: 15px;
+        width: 15px;
+      }
+    }
+
+    &:hover {
+      background: rgba(220, 220, 220, 0.5);
+    }
+  }
+
+  .rp-item-context-menu-header {
+    border-bottom: 1px solid #808080;
+    margin-bottom: 10px;
+    padding-left: 15px;
+
+    p {
+      color: #dda73f;
+      font-size: 14px;
+    }
+  }
+}

package/app/shared/button-elevation/button-elevation.module.d.ts

@@ -0,0 +1,16 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./button-elevation.component";
+import * as i2 from "../../core/core.module";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/form-field";
+import * as i5 from "@angular/material/input";
+import * as i6 from "@angular/material/button";
+import * as i7 from "@angular/material/icon";
+import * as i8 from "@angular/material/tooltip";
+import * as i9 from "@angular/forms";
+import * as i10 from "@colijnit/corecomponents";
+export declare class ButtonElevationModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonElevationModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ButtonElevationModule, [typeof i1.ButtonElevationComponent], [typeof i2.CoreModule, typeof i3.CommonModule, typeof i4.MatFormFieldModule, typeof i5.MatInputModule, typeof i6.MatButtonModule, typeof i7.MatIconModule, typeof i8.MatTooltipModule, typeof i9.FormsModule, typeof i10.IconModule], [typeof i1.ButtonElevationComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ButtonElevationModule>;
+}

package/app/shared/camera-settings-dialog/camera-settings-dialog.component.d.ts

@@ -0,0 +1,24 @@
+import { OnInit } from '@angular/core';
+import { CameraSettings } from '../../core/model/camera-settings';
+import { DynamicCameraService } from '../../core/service/dynamic-camera.service';
+import { CameraService } from '../../plugins/core3d/service/camera.service';
+import { HomedecoratorAppService } from '../../core/service/homedecorator-app.service';
+import * as i0 from "@angular/core";
+export declare class CameraSettingsDialogComponent implements OnInit {
+    private _dynamicCameraService;
+    private _cameraService;
+    private _appService;
+    tempCameraSettings: CameraSettings;
+    currentSku: string;
+    positionAsString: string;
+    rotationAsString: string;
+    constructor(_dynamicCameraService: DynamicCameraService, _cameraService: CameraService, _appService: HomedecoratorAppService);
+    ngOnInit(): void;
+    saveSettings(asDefault?: boolean): void;
+    exportSettings(): void;
+    saveCurrentPosition(): void;
+    saveCurrentRotation(): void;
+    private _parsePositionAndRotation;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CameraSettingsDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CameraSettingsDialogComponent, "camera-settings-dialog", never, {}, {}, never, never>;
+}

package/app/shared/camera-settings-dialog/camera-settings-dialog.component.scss

@@ -0,0 +1,30 @@
+:host {
+  .dialog-form-wrapper {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
+    gap: 0 15px;
+    grid-template-areas:
+    ". ."
+    ". ."
+    ". ."
+    ". ."
+    ". .";
+  }
+
+  .input-button-wrapper {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    button {
+      margin-bottom: 21.5px;
+      margin-right: 10px;
+    }
+
+    mat-form-field {
+      width: 200px;
+    }
+  }
+
+}

package/app/shared/camera-settings-dialog/camera-settings-dialog.module.d.ts

@@ -0,0 +1,16 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./camera-settings-dialog.component";
+import * as i2 from "../../core/core.module";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/dialog";
+import * as i5 from "@angular/material/list";
+import * as i6 from "@angular/material/form-field";
+import * as i7 from "@angular/material/input";
+import * as i8 from "@angular/forms";
+import * as i9 from "@angular/material/button";
+import * as i10 from "@angular/material/icon";
+export declare class CameraSettingsDialogModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CameraSettingsDialogModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CameraSettingsDialogModule, [typeof i1.CameraSettingsDialogComponent], [typeof i2.CoreModule, typeof i3.CommonModule, typeof i4.MatDialogModule, typeof i5.MatListModule, typeof i6.MatFormFieldModule, typeof i7.MatInputModule, typeof i8.FormsModule, typeof i9.MatButtonModule, typeof i10.MatIconModule], never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CameraSettingsDialogModule>;
+}

package/app/shared/category-library/category-library.component.d.ts

@@ -0,0 +1,10 @@
+import { EventEmitter } from '@angular/core';
+import { Category } from '../../core/model/category';
+import * as i0 from "@angular/core";
+export declare class CategoryLibraryComponent {
+    categories: Category[];
+    categoryClick: EventEmitter<Category>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<CategoryLibraryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CategoryLibraryComponent, "rp-category-library", never, { "categories": "categories"; }, { "categoryClick": "categoryClick"; }, never, never>;
+}

package/app/shared/category-library/category-library.component.scss

@@ -0,0 +1,16 @@
+@use '~@angular/material' as mat;
+@import "../../../styles.scss";
+
+:host {
+  flex: 1;
+  overflow-y: auto;
+}
+
+mat-list-item {
+  border-bottom: 1px solid mat.get-color-from-palette( $primary, 200);
+
+  &:hover {
+    cursor: pointer;
+    background-color: rgba(mat.get-color-from-palette( $primary, 100), .65);
+  }
+}

package/app/shared/category-library/category-library.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./category-library.component";
+import * as i2 from "../../core/core.module";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/button";
+import * as i5 from "@angular/material/list";
+export declare class CategoryLibraryModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CategoryLibraryModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CategoryLibraryModule, [typeof i1.CategoryLibraryComponent], [typeof i2.CoreModule, typeof i3.CommonModule, typeof i4.MatButtonModule, typeof i5.MatListModule], [typeof i1.CategoryLibraryComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CategoryLibraryModule>;
+}

package/app/shared/context-menu/context-menu.component.d.ts

@@ -0,0 +1,12 @@
+import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ContextMenuComponent implements OnInit, OnChanges {
+    openMouseEvent: MouseEvent;
+    left: number;
+    top: number;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    protected updateMenuPosition(openMouseEvent: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ContextMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ContextMenuComponent, "rp-context-menu", never, { "openMouseEvent": "openMouseEvent"; }, {}, never, ["*"]>;
+}

package/app/shared/context-menu/context-menu.component.scss

@@ -0,0 +1,25 @@
+.context-menu {
+  position: absolute;
+  button:not(:last-child) {
+    margin-right: 3px;
+  }
+}
+
+/* fixes vertical alignment of icons within the button */
+:host ::ng-deep .mat-mini-fab .mat-button-wrapper > * {
+  vertical-align: initial;
+}
+
+:host ::ng-deep co-icon {
+  height: 24px;
+  width: 24px;
+}
+
+:host ::ng-deep co-icon svg {
+  height: 100%;
+  width: 100%;
+}
+
+:host ::ng-deep co-icon svg {
+  fill: white;
+}