@colijnit/homedecorator 255.1.1

package/app/plugins/room-planner/components/custom-cylinder-creator/custom-cylinder-creator.component.d.ts

@@ -0,0 +1,49 @@
+import { OnInit } from '@angular/core';
+import { Face } from '../../../core3d/model/face';
+import { CustomCylinderFloorItem } from '../../../core3d/items/custom-cylinder-floor-item';
+import { CustomCylinderWallItem } from '../../../core3d/items/custom-cylinder-wall-item';
+import { TextureEditorOptions } from '../texture-editor/texture-editor.component';
+import { BoxSkin } from '../../../core3d/model/skin';
+import { HudService } from '../../../core3d/service/hud.service';
+import { SceneService } from '../../../core3d/service/scene.service';
+import { ItemService } from '../../../core3d/service/item.service';
+import { RoomService } from '../floorplanner/service/room.service';
+import { SceneEventService } from '../../../core3d/service/scene-event.service';
+import { MessageBusService } from '../../../../core/service/message-bus.service';
+import { Texture } from '../../../../core/model/texture';
+import * as i0 from "@angular/core";
+export declare class CustomCylinderCreatorComponent implements OnInit {
+    private _hudService;
+    private _sceneService;
+    private _itemService;
+    private _roomService;
+    private _sceneEventService;
+    private _messageBusService;
+    readonly scaleFactor = 100;
+    shape: CustomCylinderFloorItem | CustomCylinderWallItem;
+    name: string;
+    isFloorType: boolean;
+    radius: number;
+    height: number;
+    elevation: number;
+    faceRef: typeof Face;
+    selectedFace: Face;
+    textureOptions: typeof TextureEditorOptions;
+    skin: BoxSkin;
+    get circumference(): number;
+    get diameter(): number;
+    constructor(_hudService: HudService, _sceneService: SceneService, _itemService: ItemService, _roomService: RoomService, _sceneEventService: SceneEventService, _messageBusService: MessageBusService);
+    ngOnInit(): void;
+    setName(name: string): void;
+    setRadius(radius: number): void;
+    setHeight(height: number): void;
+    setElevation(elevation: number): void;
+    setColor(color: number): void;
+    setTexture(texture: Texture): Promise<void>;
+    toggleItemType(): void;
+    private _setSkinColor;
+    private _setSkinTexture;
+    private _resize;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomCylinderCreatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomCylinderCreatorComponent, "custom-cylinder-creator", never, { "shape": "shape"; }, {}, never, never>;
+}

package/app/plugins/room-planner/components/custom-cylinder-creator/custom-cylinder-creator.component.scss

@@ -0,0 +1,19 @@
+:host {
+  overflow: hidden;
+  section {
+    overflow-y: auto;
+    height: 100%;
+  }
+}
+
+.face-select-form {
+  width: 100%
+}
+
+::ng-deep .mat-select-panel {
+  max-height: 80vh !important;
+}
+
+.switcher {
+  margin-right: 10px;
+}

package/app/plugins/room-planner/components/custome-shape-creator/custom-shape-creator.component.d.ts

@@ -0,0 +1,49 @@
+import { OnInit } from '@angular/core';
+import { CustomShapeFloorItem } from '../../../core3d/items/custom-shape-floor-item';
+import { CustomShapeWallItem } from '../../../core3d/items/custom-shape-wall-item';
+import { Face } from '../../../core3d/model/face';
+import { TextureEditorOptions } from '../texture-editor/texture-editor.component';
+import { BoxSkin } from '../../../core3d/model/skin';
+import { HudService } from '../../../core3d/service/hud.service';
+import { SceneService } from '../../../core3d/service/scene.service';
+import { RoomService } from '../floorplanner/service/room.service';
+import { ItemService } from '../../../core3d/service/item.service';
+import { SceneEventService } from '../../../core3d/service/scene-event.service';
+import { MessageBusService } from '../../../../core/service/message-bus.service';
+import { Texture } from '../../../../core/model/texture';
+import * as i0 from "@angular/core";
+export declare class CustomShapeCreatorComponent implements OnInit {
+    private _hudService;
+    private _sceneService;
+    private _roomService;
+    private _itemService;
+    private _sceneEventService;
+    private _messageBusService;
+    readonly scaleFactor = 100;
+    shape: CustomShapeFloorItem | CustomShapeWallItem;
+    name: string;
+    isFloorType: boolean;
+    height: number;
+    width: number;
+    depth: number;
+    elevation: number;
+    faceRef: typeof Face;
+    selectedFace: Face;
+    textureOptions: typeof TextureEditorOptions;
+    skin: BoxSkin;
+    constructor(_hudService: HudService, _sceneService: SceneService, _roomService: RoomService, _itemService: ItemService, _sceneEventService: SceneEventService, _messageBusService: MessageBusService);
+    ngOnInit(): void;
+    setName(name: string): void;
+    setHeight(height: number): void;
+    setWidth(width: number): void;
+    setDepth(depth: number): void;
+    setElevation(elevation: number): void;
+    setColor(color: number): void;
+    private _updateShapesColor;
+    setTexture(texture: Texture): Promise<void>;
+    toggleItemType(): void;
+    private _updateShapesTexture;
+    private _setShapeMaterial;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomShapeCreatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomShapeCreatorComponent, "rp-custom-shape-creator", never, { "shape": "shape"; }, {}, never, never>;
+}

package/app/plugins/room-planner/components/custome-shape-creator/custom-shape-creator.component.scss

@@ -0,0 +1,24 @@
+:host {
+  overflow: hidden;
+  section {
+    overflow-y: auto;
+    height: 100%;
+  }
+}
+
+#face-select-form {
+  width: 100%
+}
+
+#create-button {
+  color: white;
+  background: #3760a1;
+}
+
+::ng-deep .mat-select-panel {
+  max-height: 80vh !important;
+}
+
+.switcher {
+  margin-right: 10px;
+}

package/app/plugins/room-planner/components/dimension-input/dimension-input.component.d.ts

@@ -0,0 +1,22 @@
+import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { DimensioningService } from '../../../../core/service/dimensioning.service';
+import * as i0 from "@angular/core";
+export declare class DimensionInputComponent implements OnInit, OnChanges {
+    dimensionService: DimensioningService;
+    minValue: number;
+    maxValue: number;
+    sourceValue: number;
+    title: string;
+    dimensionChanged: EventEmitter<number>;
+    focus: EventEmitter<any>;
+    blur: EventEmitter<any>;
+    dimension: number;
+    constructor(dimensionService: DimensioningService);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private updateDimension;
+    validateChange(newValue: number): boolean;
+    applyChange(newValue: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DimensionInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DimensionInputComponent, "rp-dimension-input", never, { "minValue": "minValue"; "maxValue": "maxValue"; "sourceValue": "sourceValue"; "title": "title"; }, { "dimensionChanged": "dimensionChanged"; "focus": "focus"; "blur": "blur"; }, never, never>;
+}

package/app/plugins/room-planner/components/dimension-input/dimension-input.component.scss

@@ -0,0 +1,14 @@
+:host {
+  flex: 1;
+  overflow-y: auto;
+}
+
+mat-icon.size-16 {
+  width: 16px;
+  height: 16px;
+  line-height: 16px;
+}
+
+mat-form-field input {
+  text-align: right;
+}

package/app/plugins/room-planner/components/edit-apply/edit-apply.component.d.ts

@@ -0,0 +1,19 @@
+import { EventEmitter } from '@angular/core';
+import { MatButtonToggleChange } from '@angular/material/button-toggle';
+import * as i0 from "@angular/core";
+export declare class EditApplyComponent {
+    watched: number;
+    disable: boolean;
+    cancel: EventEmitter<number>;
+    apply: EventEmitter<any>;
+    toggleChange: EventEmitter<MatButtonToggleChange>;
+    checked: boolean;
+    initialValue: number;
+    constructor();
+    cleanup(): void;
+    onCancel(): void;
+    onApply(): void;
+    toggle(event: MatButtonToggleChange): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EditApplyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EditApplyComponent, "rp-edit-apply", never, { "watched": "watched"; "disable": "disable"; }, { "cancel": "cancel"; "apply": "apply"; "toggleChange": "toggleChange"; }, never, never>;
+}

package/app/plugins/room-planner/components/edit-parameter/edit-parameter.component.d.ts

@@ -0,0 +1,28 @@
+import { ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { MatButtonToggleChange } from '@angular/material/button-toggle';
+import { ConfigurationService } from '../../../../core/service/configuration.service';
+import { DimensioningService } from '../../../../core/service/dimensioning.service';
+import * as i0 from "@angular/core";
+export declare class EditParameterComponent implements OnInit, OnChanges, OnDestroy {
+    private _configurationService;
+    private _dimensionService;
+    parameterInputRef: ElementRef;
+    minValue: number;
+    value: number;
+    placeholder: string;
+    apply: EventEmitter<number>;
+    cancel: EventEmitter<number>;
+    change: EventEmitter<boolean>;
+    step: number;
+    isEditing: boolean;
+    originalValue: number;
+    constructor(_configurationService: ConfigurationService, _dimensionService: DimensioningService);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    onApply(): void;
+    onCancel(): void;
+    toggleEditing(event: MatButtonToggleChange): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EditParameterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EditParameterComponent, "rp-edit-parameter", never, { "minValue": "minValue"; "value": "value"; "placeholder": "placeholder"; }, { "apply": "apply"; "cancel": "cancel"; "change": "change"; }, never, never>;
+}

package/app/plugins/room-planner/components/edit-parameter/edit-parameter.component.scss

@@ -0,0 +1,23 @@
+input {
+  width: 60px;
+  min-height: 28px;
+}
+table {
+  width: 100%;
+}
+td {
+  text-align: right;
+  line-height: 28px;
+}
+td input {
+  height: 26px;
+  padding: 0 5px;
+  line-height: 26px;
+  min-width: 80px;
+  min-height: 0;
+  border: 1px solid #ddd;
+  border-radius: 3px;
+  text-align: right;
+  font-size: 16px;
+  box-sizing: border-box;
+}

package/app/plugins/room-planner/components/file-drop/file-drop.component.d.ts

@@ -0,0 +1,21 @@
+import { ElementRef, EventEmitter, OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class FileDropComponent implements OnDestroy {
+    fileInputRef: ElementRef;
+    showDragDrop: boolean;
+    showRemove: boolean;
+    fileContentChanged: EventEmitter<{
+        data: string;
+        fileName: string;
+        resized: boolean;
+    }>;
+    removeClick: EventEmitter<void>;
+    constructor();
+    ngOnDestroy(): void;
+    readPhoto(file: File): Promise<void>;
+    onDrop(event: DragEvent): Promise<void>;
+    onDragOver(event: DragEvent): void;
+    private _getCompressedFileAsDataURL;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileDropComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileDropComponent, "rp-file-drop", never, { "showDragDrop": "showDragDrop"; "showRemove": "showRemove"; }, { "fileContentChanged": "fileContentChanged"; "removeClick": "removeClick"; }, never, never>;
+}

package/app/plugins/room-planner/components/file-drop/file-drop.component.scss

@@ -0,0 +1,31 @@
+
+.FileDrop {
+  box-sizing: border-box;
+  margin: 0 auto;
+  position: relative;
+
+  &:not(.small) {
+    height: 200px;
+  }
+
+  &:before {
+    content: " ";
+    border: 4px dashed rgba(178,  187,  203, 0.45) ;
+    display: block;
+    height: 87%;
+    left: 50%;
+    opacity: .75;
+    position: absolute;
+    top: 50%;
+    transform: translate3d(-50%, -50%, 0);
+    width: 95%;
+  }
+
+  p {
+    margin: .5em 0;
+  }
+
+  button {
+    color: #53c0f9;
+  }
+}

package/app/plugins/room-planner/components/floorplanner/const/defaults.d.ts

@@ -0,0 +1,48 @@
+export declare const snapTolerance = 0.25;
+export declare const clickMissTolerance = 10;
+export declare const cmPerFoot = 30.48;
+export declare const pixelsPerFoot = 15;
+export declare const minMouseMoveDistance = 3;
+export declare const doubleClickDurationMs = 200;
+export declare const gridSpacing = 20;
+export declare const gridWidth = 1;
+export declare const gridColor = "#f1f1f1";
+export declare const roomColor = "#f9f9f9";
+export declare const selectedRoomColor = "#f9f9f9";
+export declare const cornerTolerance = 0.2;
+export declare const defaultWallColor = 16777215;
+export declare const defaultEdgeColor = 13421772;
+export declare const defaultWallWidth = 5;
+export declare const defaultWallWidthHover = 7;
+export declare const wallColor = "#232323";
+export declare const wallColorHover = "#008cba";
+export declare const wallColorSelected = "#808cba";
+export declare const wallStrokeColor = "#191919";
+export declare const wallStrokeColorHover = "#008cba";
+export declare const wallStrokeColorSelected = "#808cba";
+export declare const edgeWidth = 1;
+export declare const doorColor = "#ff0000";
+export declare const doorColorHover = "#ffa8a8";
+export declare const windowColor = "#51ff61";
+export declare const windowColorHover = "#b8ffaa";
+export declare const dimensionLineDistance = 0.15;
+export declare const dimensionLineWidth = 1;
+export declare const cornerRadius = 0;
+export declare const minCornerRadius = 10;
+export declare const maxCornerRadius = 20;
+export declare const wallThicknessMultiplier = 0.5;
+export declare const cornerColor = "#cccccc";
+export declare const cornerColorHover = "#008cba";
+export declare const cornerColorSelected = "#808cba";
+export declare const angleLabelDistanceScaleTreshold = 1.5;
+export declare const labelSize = "14px";
+export declare const snapIndicatorRadius: {
+    1: number;
+    0: number;
+};
+export declare const snapIndicatorColor: {
+    1: string;
+    0: string;
+};
+export declare const drawModeCursorImageUrl: string;
+export declare const drawModeCursorHeight: number;

package/app/plugins/room-planner/components/floorplanner/floorplanner-mode.d.ts

@@ -0,0 +1,9 @@
+/** */
+export declare enum FloorplannerMode {
+    Move = 0,
+    Moving = 1,
+    Draw = 2,
+    Drawing = 3,
+    CameraMove = 4,
+    CameraMoving = 5
+}

package/app/plugins/room-planner/components/floorplanner/floorplanner.component.d.ts

@@ -0,0 +1,172 @@
+import { AfterViewInit, ElementRef, OnDestroy } from '@angular/core';
+import { Subject } from 'rxjs';
+import { SelectedWallEvent } from '../../../../core/interface/selected-wall-event.interface';
+import { FloorplannerMode } from './floorplanner-mode';
+import { FloorplanService } from './service/floorplan.service';
+import { MessageBusService } from '../../../../core/service/message-bus.service';
+import { ConfigurationService } from '../../../../core/service/configuration.service';
+import { DimensioningService } from '../../../../core/service/dimensioning.service';
+import { ViewModeService } from '../../../../core/service/view-mode.service';
+import * as i0 from "@angular/core";
+export declare class FloorplannerComponent implements AfterViewInit, OnDestroy {
+    private _floorplanService;
+    private _messageBusService;
+    private _configurationService;
+    private _dimensionService;
+    private _viewModeService;
+    canvasElement: ElementRef;
+    selectedWallChange: Subject<SelectedWallEvent>;
+    private readonly _viewScaleMin;
+    private readonly _viewScaleMax;
+    private readonly _cursors;
+    private readonly _configToSync;
+    showStartingMessages: boolean;
+    touchMode: boolean;
+    private _canvas;
+    private _context;
+    private _originX;
+    private _originY;
+    private _viewScale;
+    private _activeFloor;
+    private _activeItem;
+    private _activeWall;
+    private _selectedWall;
+    private _activeCorner;
+    private _selectedCorner;
+    private _offsetX;
+    private _offsetY;
+    private _mouseX;
+    private _mouseY;
+    private _rawMouse;
+    private _mouseDown;
+    private _mouseDownPosition;
+    private _startDragMouse;
+    private _startDragCorner;
+    private _lastMouseUpTimestamp;
+    private _movingStateChanges;
+    private _lastX;
+    private _lastY;
+    private _targetX;
+    private _targetY;
+    private _snapIndicatorMode;
+    private _snapPoint;
+    private _lastNode;
+    private _wallLength;
+    private _subs;
+    private _mode;
+    private _cmPerPixel;
+    private _pixelsPerCm;
+    private _selectedFloor;
+    private _modeBeforeRightMouseMove;
+    private _diagramBackground;
+    private _diagramBackgroundScale;
+    private _diagramBackgroundCurrentScale;
+    private _diagramBackgroundHeight;
+    private _diagramBackgroundWidth;
+    private _diagramBackgroundActiveZoom;
+    private _diagramScale;
+    private _cameraZoom;
+    private _lastTouchPoint;
+    readonly floorplannerMode: typeof FloorplannerMode;
+    readonly initialViewScale = 100;
+    readonly scalingFactor = 1.2;
+    detailedWallMeasurementsMode: boolean;
+    showWallItemMeasurements: boolean;
+    snapCorners: boolean;
+    selectedMode: FloorplannerMode;
+    set mode(value: FloorplannerMode);
+    get mode(): FloorplannerMode;
+    get cantZoomIn(): boolean;
+    get cantZoomOut(): boolean;
+    handleDocKeyDown(event: KeyboardEvent): void;
+    handleDocKeyUp(event: KeyboardEvent): void;
+    resizeGrid(): void;
+    constructor(_floorplanService: FloorplanService, _messageBusService: MessageBusService, _configurationService: ConfigurationService, _dimensionService: DimensioningService, _viewModeService: ViewModeService);
+    ngOnDestroy(): void;
+    ngAfterViewInit(): void;
+    showStartMessage(): void;
+    setMode(mode: FloorplannerMode): void;
+    resizeView(): void;
+    reset(): void;
+    zoomIn(): void;
+    zoomOut(): void;
+    zoomReset(): void;
+    selectCorner(corner: any): void;
+    setSelectedMode(mode: FloorplannerMode): void;
+    setDefaultMode(): void;
+    handleContextMenu(event: MouseEvent): void;
+    handleMouseDown(event: MouseEvent): void;
+    handleTouchStart(event: TouchEvent): void;
+    handleMouseUp(event: MouseEvent): void;
+    handleTouchUp(event: TouchEvent): void;
+    handleMouseMove(event: MouseEvent): void;
+    handleTouchMove(event: TouchEvent): void;
+    handleMouseLeave(event: MouseEvent): void;
+    handleTouchEnd(event: TouchEvent): void;
+    handleMouseWheel(event: WheelEvent): void;
+    handleKeyDown(event: KeyboardEvent): void;
+    handleKeyUp(event: KeyboardEvent): void;
+    changeFloorplannerMode(value: FloorplannerMode): void;
+    setDiagramSettings(input: any): void;
+    private _drawBackground;
+    private _handleWindowResize;
+    private _clear;
+    private _updateWallPosition;
+    private _scale;
+    private _draw;
+    private _drawGrid;
+    private _drawRoom;
+    private _drawWall;
+    private _drawCorner;
+    private _drawRoomAngles;
+    private _drawRoomArea;
+    private _drawItem;
+    private _drawItemMeasurements;
+    private _drawEdgesLabels;
+    private _drawTarget;
+    private _mouseClickHandled;
+    private _flushMovingStateChanges;
+    private _selectWall;
+    private _selectFloor;
+    private _unselect;
+    private _ifNotDoubleClick;
+    private _handleDrawingMouseUp;
+    private _updateFloorplan;
+    private _hasMouseMoved;
+    private _hasTouchMoved;
+    private _detectMouseMovement;
+    private _noticeState;
+    private _updateTarget;
+    private _updateSnapIndicator;
+    private _drawLabels;
+    private _drawSnapIndicator;
+    private _drawTargetAngleLabel;
+    private _drawDoor;
+    /** */
+    private _drawWindow;
+    private _getThicknessOfContainingWall;
+    private _drawRoomAngleLabel;
+    private _drawEdge;
+    private _drawAreaLabel;
+    private _drawLabelText;
+    private _drawItemSizeLabel;
+    private _drawItemToNeighboursDistanceLabels;
+    private _drawPointToPointDimensionLabel;
+    private _findClosestHalfEdge;
+    private _getItemToItemDistanceLabelsData;
+    private _getDistanceToWallCorners;
+    private _calculateGridOffset;
+    /** Convert from THREEjs coords to canvas coords. */
+    private _convertX;
+    /** Convert from THREEjs coords to canvas coords. */
+    private _convertY;
+    private _updateCmPerPixel;
+    private _resetOrigin;
+    private _scaleOrigin;
+    private _computeCornerRadius;
+    private _getScaledAngleLabelDistance;
+    private _getInitialViewScale;
+    private _cleanWallLength;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FloorplannerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FloorplannerComponent, "floor-planner", never, {}, { "selectedWallChange": "selectedWallChange"; }, never, never>;
+}

package/app/plugins/room-planner/components/floorplanner/floorplanner.component.scss

@@ -0,0 +1,48 @@
+:host {
+  display: flex;
+  height: 100%;
+  width: 100%;
+  background: #fff;
+
+  &.hidden {
+    visibility: hidden;
+  }
+}
+
+canvas {
+  width: inherit;
+  height: inherit;
+}
+
+.controls-top {
+  pointer-events: none;
+  position: absolute;
+  top: 80px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  > * {
+    pointer-events: all;
+    background: #fff;
+    margin: 0 3px;
+  }
+}
+
+.hint {
+  position: absolute;
+  bottom: 20px;
+  left: 50%;
+  margin-left: -200px;
+  padding: 10px 20px;
+  background: #74B77F;
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+  text-align: center;
+}
+
+.mode-toggle > .mat-button-toggle-checked {
+  color: white;
+  background-color: #3760a1;
+}