@colijnit/homedecorator 255.1.1

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

@@ -0,0 +1,107 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import imageCompression from 'browser-image-compression';
+import { MaterialUtils } from '../../../../core/utils/material.utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/icon";
+import * as i2 from "@angular/material/button";
+import * as i3 from "@angular/flex-layout/flex";
+import * as i4 from "@angular/common";
+import * as i5 from "../../../../core/pipe/localize.pipe";
+export class FileDropComponent {
+    constructor() {
+        this.showDragDrop = true;
+        this.showRemove = false;
+        this.fileContentChanged = new EventEmitter();
+        this.removeClick = new EventEmitter();
+    }
+    ngOnDestroy() {
+        this.fileInputRef = undefined;
+    }
+    readPhoto(file) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const photo = new Image();
+            let imageResized = false;
+            const options = {
+                maxSizeMB: 2,
+                maxWidthOrHeight: 2048,
+                useWebWorker: true
+            };
+            if (file.size > options.maxSizeMB * 1000000) {
+                photo.src = yield this._getCompressedFileAsDataURL(file, options);
+                imageResized = true;
+            }
+            else {
+                const fileAsDataURL = yield MaterialUtils.ReadAndResizePhotoAsDataURL(file);
+                photo.src = fileAsDataURL.src;
+                if (photo.width > options.maxWidthOrHeight || photo.height > options.maxWidthOrHeight) {
+                    photo.src = yield this._getCompressedFileAsDataURL(file, options);
+                    imageResized = true;
+                }
+            }
+            this.fileContentChanged.emit({ data: photo.src, fileName: file.name, resized: imageResized });
+        });
+    }
+    onDrop(event) {
+        return __awaiter(this, void 0, void 0, function* () {
+            event.preventDefault();
+            let file;
+            const index = 0;
+            if (event.dataTransfer.items) {
+                // We accept just the first file
+                // Use DataTransferItemList interface to access the file
+                // If dropped items aren't files, reject them
+                if (event.dataTransfer.items[index].kind === 'file') {
+                    file = event.dataTransfer.items[index].getAsFile();
+                }
+            }
+            else {
+                // Use DataTransfer interface to access the file(s)
+                file = event.dataTransfer.files[index];
+            }
+            yield this.readPhoto(file);
+            this.fileInputRef.nativeElement.value = ''; // Chrome workaround for selecting of the same file twice
+        });
+    }
+    onDragOver(event) {
+        event.stopPropagation();
+        event.preventDefault();
+    }
+    _getCompressedFileAsDataURL(file, options) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const compressedFile = yield imageCompression(file, options);
+            const imageElement = yield MaterialUtils.ReadAndResizePhotoAsDataURL(compressedFile);
+            return imageElement.src;
+        });
+    }
+}
+FileDropComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FileDropComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FileDropComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: FileDropComponent, selector: "rp-file-drop", inputs: { showDragDrop: "showDragDrop", showRemove: "showRemove" }, outputs: { fileContentChanged: "fileContentChanged", removeClick: "removeClick" }, viewQueries: [{ propertyName: "fileInputRef", first: true, predicate: ["fileInput"], descendants: true, static: true }], ngImport: i0, template: "<div\r\n  class=\"FileDrop\" [class.small]=\"!showDragDrop\"\r\n  (drop)=\"onDrop($event)\"\r\n  (dragover)=\"onDragOver($event)\"\r\n  fxLayout=\"column\"\r\n  fxLayoutAlign=\"center center\"\r\n>\r\n  <ng-container *ngIf=\"showDragDrop\">\r\n    <mat-icon class=\"homedecorator-material-icons\">cloud_upload</mat-icon>\r\n    <p>\r\n      {{'DRAG_DROP_FILES_HERE' | localize}}\r\n    </p>\r\n    <span>{{'OR' | localize}}</span>\r\n  </ng-container>\r\n  <button mat-button (click)=\"fileInput.click()\">{{'BROWSE_FILES' | localize}}</button>\r\n  <button *ngIf=\"showRemove\" mat-button (click)=\"removeClick.emit($event)\">{{'REMOVE_FILE' | localize}}</button>\r\n  <input type=\"file\" (change)=\"readPhoto($event.target.files[0])\" style=\"display: none\" #fileInput>\r\n</div>\r\n", styles: [".FileDrop{box-sizing:border-box;margin:0 auto;position:relative}.FileDrop:not(.small){height:200px}.FileDrop:before{content:\" \";border:4px dashed rgba(178,187,203,.45);display:block;height:87%;left:50%;opacity:.75;position:absolute;top:50%;transform:translate(-50%,-50%);width:95%}.FileDrop p{margin:.5em 0}.FileDrop button{color:#53c0f9}\n"], components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i3.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i3.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "localize": i5.LocalizePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FileDropComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'rp-file-drop',
+                    templateUrl: './file-drop.component.html',
+                    styleUrls: ['./file-drop.component.scss']
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { fileInputRef: [{
+                type: ViewChild,
+                args: ['fileInput', { static: true }]
+            }], showDragDrop: [{
+                type: Input
+            }], showRemove: [{
+                type: Input
+            }], fileContentChanged: [{
+                type: Output
+            }], removeClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1kcm9wLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jbGllbnQvYXBwL3BsdWdpbnMvcm9vbS1wbGFubmVyL2NvbXBvbmVudHMvZmlsZS1kcm9wL2ZpbGUtZHJvcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvY2xpZW50L2FwcC9wbHVnaW5zL3Jvb20tcGxhbm5lci9jb21wb25lbnRzL2ZpbGUtZHJvcC9maWxlLWRyb3AuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUFDLFNBQVMsRUFBYyxZQUFZLEVBQUUsS0FBSyxFQUFhLE1BQU0sRUFBRSxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkcsT0FBTyxnQkFBZ0IsTUFBTSwyQkFBMkIsQ0FBQztBQUN6RCxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sdUNBQXVDLENBQUM7Ozs7Ozs7QUFPcEUsTUFBTSxPQUFPLGlCQUFpQjtJQWdCNUI7UUFYTyxpQkFBWSxHQUFZLElBQUksQ0FBQztRQUc3QixlQUFVLEdBQVksS0FBSyxDQUFDO1FBRzVCLHVCQUFrQixHQUFHLElBQUksWUFBWSxFQUF3RCxDQUFDO1FBRzlGLGdCQUFXLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7SUFHL0QsQ0FBQztJQUVKLFdBQVc7UUFDVCxJQUFJLENBQUMsWUFBWSxHQUFHLFNBQVMsQ0FBQztJQUNoQyxDQUFDO0lBRUssU0FBUyxDQUFDLElBQVU7O1lBQ3hCLE1BQU0sS0FBSyxHQUFxQixJQUFJLEtBQUssRUFBRSxDQUFDO1lBQzVDLElBQUksWUFBWSxHQUFZLEtBQUssQ0FBQztZQUNsQyxNQUFNLE9BQU8sR0FBRztnQkFDZCxTQUFTLEVBQUUsQ0FBQztnQkFDWixnQkFBZ0IsRUFBRSxJQUFJO2dCQUN0QixZQUFZLEVBQUUsSUFBSTthQUNuQixDQUFDO1lBRUYsSUFBSSxJQUFJLENBQUMsSUFBSSxHQUFHLE9BQU8sQ0FBQyxTQUFTLEdBQUcsT0FBTyxFQUFFO2dCQUMzQyxLQUFLLENBQUMsR0FBRyxHQUFHLE1BQU0sSUFBSSxDQUFDLDJCQUEyQixDQUFDLElBQUksRUFBRSxPQUFPLENBQUMsQ0FBQztnQkFDbEUsWUFBWSxHQUFHLElBQUksQ0FBQzthQUNyQjtpQkFBTTtnQkFDTCxNQUFNLGFBQWEsR0FBcUIsTUFBTSxhQUFhLENBQUMsMkJBQTJCLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQzlGLEtBQUssQ0FBQyxHQUFHLEdBQUcsYUFBYSxDQUFDLEdBQUcsQ0FBQztnQkFDOUIsSUFBSSxLQUFLLENBQUMsS0FBSyxHQUFHLE9BQU8sQ0FBQyxnQkFBZ0IsSUFBSSxLQUFLLENBQUMsTUFBTSxHQUFHLE9BQU8sQ0FBQyxnQkFBZ0IsRUFBRTtvQkFDckYsS0FBSyxDQUFDLEdBQUcsR0FBRyxNQUFNLElBQUksQ0FBQywyQkFBMkIsQ0FBQyxJQUFJLEVBQUUsT0FBTyxDQUFDLENBQUM7b0JBQ2xFLFlBQVksR0FBRyxJQUFJLENBQUM7aUJBQ3JCO2FBQ0Y7WUFFRCxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLEVBQUUsSUFBSSxFQUFFLEtBQUssQ0FBQyxHQUFHLEVBQUUsUUFBUSxFQUFFLElBQUksQ0FBQyxJQUFJLEVBQUUsT0FBTyxFQUFFLFlBQVksRUFBRSxDQUFDLENBQUM7UUFDaEcsQ0FBQztLQUFBO0lBRUssTUFBTSxDQUFDLEtBQWdCOztZQUMzQixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7WUFDdkIsSUFBSSxJQUFVLENBQUM7WUFDZixNQUFNLEtBQUssR0FBRyxDQUFDLENBQUM7WUFDaEIsSUFBSSxLQUFLLENBQUMsWUFBWSxDQUFDLEtBQUssRUFBRTtnQkFDNUIsZ0NBQWdDO2dCQUNoQyx3REFBd0Q7Z0JBQ3hELDZDQUE2QztnQkFDN0MsSUFBSSxLQUFLLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxJQUFJLEtBQUssTUFBTSxFQUFFO29CQUNuRCxJQUFJLEdBQUcsS0FBSyxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsU0FBUyxFQUFFLENBQUM7aUJBQ3BEO2FBQ0Y7aUJBQU07Z0JBQ0wsbURBQW1EO2dCQUNuRCxJQUFJLEdBQUcsS0FBSyxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7YUFDeEM7WUFDRCxNQUFNLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDM0IsSUFBSSxDQUFDLFlBQVksQ0FBQyxhQUFhLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQyxDQUFDLHlEQUF5RDtRQUN2RyxDQUFDO0tBQUE7SUFFRCxVQUFVLENBQUMsS0FBZ0I7UUFDekIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRWEsMkJBQTJCLENBQUMsSUFBVSxFQUFFLE9BQVc7O1lBQy9ELE1BQU0sY0FBYyxHQUFHLE1BQU0sZ0JBQWdCLENBQUMsSUFBSSxFQUFFLE9BQU8sQ0FBQyxDQUFDO1lBQzdELE1BQU0sWUFBWSxHQUFxQixNQUFNLGFBQWEsQ0FBQywyQkFBMkIsQ0FBQyxjQUFjLENBQUMsQ0FBQztZQUN2RyxPQUFPLFlBQVksQ0FBQyxHQUFHLENBQUM7UUFDMUIsQ0FBQztLQUFBOzsrR0EzRVUsaUJBQWlCO21HQUFqQixpQkFBaUIsb1VDVDlCLHF4QkFrQkE7NEZEVGEsaUJBQWlCO2tCQUw3QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxjQUFjO29CQUN4QixXQUFXLEVBQUUsNEJBQTRCO29CQUN6QyxTQUFTLEVBQUUsQ0FBQyw0QkFBNEIsQ0FBQztpQkFDMUM7MEVBR1EsWUFBWTtzQkFEbEIsU0FBUzt1QkFBQyxXQUFXLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO2dCQUlqQyxZQUFZO3NCQURsQixLQUFLO2dCQUlDLFVBQVU7c0JBRGhCLEtBQUs7Z0JBSUMsa0JBQWtCO3NCQUR4QixNQUFNO2dCQUlBLFdBQVc7c0JBRGpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25EZXN0cm95LCBPdXRwdXQsIFZpZXdDaGlsZH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCBpbWFnZUNvbXByZXNzaW9uIGZyb20gJ2Jyb3dzZXItaW1hZ2UtY29tcHJlc3Npb24nO1xyXG5pbXBvcnQge01hdGVyaWFsVXRpbHN9IGZyb20gJy4uLy4uLy4uLy4uL2NvcmUvdXRpbHMvbWF0ZXJpYWwudXRpbHMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdycC1maWxlLWRyb3AnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9maWxlLWRyb3AuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2ZpbGUtZHJvcC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGaWxlRHJvcENvbXBvbmVudCBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XHJcbiAgQFZpZXdDaGlsZCgnZmlsZUlucHV0JywgeyBzdGF0aWM6IHRydWUgfSlcclxuICBwdWJsaWMgZmlsZUlucHV0UmVmOiBFbGVtZW50UmVmO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBzaG93RHJhZ0Ryb3A6IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBzaG93UmVtb3ZlOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIEBPdXRwdXQoKVxyXG4gIHB1YmxpYyBmaWxlQ29udGVudENoYW5nZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHsgZGF0YTogc3RyaW5nLCBmaWxlTmFtZTogc3RyaW5nLCByZXNpemVkOiBib29sZWFuIH0+KCk7XHJcblxyXG4gIEBPdXRwdXQoKVxyXG4gIHB1YmxpYyByZW1vdmVDbGljazogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICApIHt9XHJcblxyXG4gIG5nT25EZXN0cm95KCkge1xyXG4gICAgdGhpcy5maWxlSW5wdXRSZWYgPSB1bmRlZmluZWQ7XHJcbiAgfVxyXG5cclxuICBhc3luYyByZWFkUGhvdG8oZmlsZTogRmlsZSk6IFByb21pc2U8dm9pZD4ge1xyXG4gICAgY29uc3QgcGhvdG86IEhUTUxJbWFnZUVsZW1lbnQgPSBuZXcgSW1hZ2UoKTtcclxuICAgIGxldCBpbWFnZVJlc2l6ZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICAgIGNvbnN0IG9wdGlvbnMgPSB7XHJcbiAgICAgIG1heFNpemVNQjogMixcclxuICAgICAgbWF4V2lkdGhPckhlaWdodDogMjA0OCxcclxuICAgICAgdXNlV2ViV29ya2VyOiB0cnVlXHJcbiAgICB9O1xyXG5cclxuICAgIGlmIChmaWxlLnNpemUgPiBvcHRpb25zLm1heFNpemVNQiAqIDEwMDAwMDApIHtcclxuICAgICAgcGhvdG8uc3JjID0gYXdhaXQgdGhpcy5fZ2V0Q29tcHJlc3NlZEZpbGVBc0RhdGFVUkwoZmlsZSwgb3B0aW9ucyk7XHJcbiAgICAgIGltYWdlUmVzaXplZCA9IHRydWU7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICBjb25zdCBmaWxlQXNEYXRhVVJMOiBIVE1MSW1hZ2VFbGVtZW50ID0gYXdhaXQgTWF0ZXJpYWxVdGlscy5SZWFkQW5kUmVzaXplUGhvdG9Bc0RhdGFVUkwoZmlsZSk7XHJcbiAgICAgIHBob3RvLnNyYyA9IGZpbGVBc0RhdGFVUkwuc3JjO1xyXG4gICAgICBpZiAocGhvdG8ud2lkdGggPiBvcHRpb25zLm1heFdpZHRoT3JIZWlnaHQgfHwgcGhvdG8uaGVpZ2h0ID4gb3B0aW9ucy5tYXhXaWR0aE9ySGVpZ2h0KSB7XHJcbiAgICAgICAgcGhvdG8uc3JjID0gYXdhaXQgdGhpcy5fZ2V0Q29tcHJlc3NlZEZpbGVBc0RhdGFVUkwoZmlsZSwgb3B0aW9ucyk7XHJcbiAgICAgICAgaW1hZ2VSZXNpemVkID0gdHJ1ZTtcclxuICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIHRoaXMuZmlsZUNvbnRlbnRDaGFuZ2VkLmVtaXQoeyBkYXRhOiBwaG90by5zcmMsIGZpbGVOYW1lOiBmaWxlLm5hbWUsIHJlc2l6ZWQ6IGltYWdlUmVzaXplZCB9KTtcclxuICB9XHJcblxyXG4gIGFzeW5jIG9uRHJvcChldmVudDogRHJhZ0V2ZW50KTogUHJvbWlzZTx2b2lkPiB7XHJcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gICAgbGV0IGZpbGU6IEZpbGU7XHJcbiAgICBjb25zdCBpbmRleCA9IDA7XHJcbiAgICBpZiAoZXZlbnQuZGF0YVRyYW5zZmVyLml0ZW1zKSB7XHJcbiAgICAgIC8vIFdlIGFjY2VwdCBqdXN0IHRoZSBmaXJzdCBmaWxlXHJcbiAgICAgIC8vIFVzZSBEYXRhVHJhbnNmZXJJdGVtTGlzdCBpbnRlcmZhY2UgdG8gYWNjZXNzIHRoZSBmaWxlXHJcbiAgICAgIC8vIElmIGRyb3BwZWQgaXRlbXMgYXJlbid0IGZpbGVzLCByZWplY3QgdGhlbVxyXG4gICAgICBpZiAoZXZlbnQuZGF0YVRyYW5zZmVyLml0ZW1zW2luZGV4XS5raW5kID09PSAnZmlsZScpIHtcclxuICAgICAgICBmaWxlID0gZXZlbnQuZGF0YVRyYW5zZmVyLml0ZW1zW2luZGV4XS5nZXRBc0ZpbGUoKTtcclxuICAgICAgfVxyXG4gICAgfSBlbHNlIHtcclxuICAgICAgLy8gVXNlIERhdGFUcmFuc2ZlciBpbnRlcmZhY2UgdG8gYWNjZXNzIHRoZSBmaWxlKHMpXHJcbiAgICAgIGZpbGUgPSBldmVudC5kYXRhVHJhbnNmZXIuZmlsZXNbaW5kZXhdO1xyXG4gICAgfVxyXG4gICAgYXdhaXQgdGhpcy5yZWFkUGhvdG8oZmlsZSk7XHJcbiAgICB0aGlzLmZpbGVJbnB1dFJlZi5uYXRpdmVFbGVtZW50LnZhbHVlID0gJyc7IC8vIENocm9tZSB3b3JrYXJvdW5kIGZvciBzZWxlY3Rpbmcgb2YgdGhlIHNhbWUgZmlsZSB0d2ljZVxyXG4gIH1cclxuXHJcbiAgb25EcmFnT3ZlcihldmVudDogRHJhZ0V2ZW50KTogdm9pZCB7XHJcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcclxuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIGFzeW5jIF9nZXRDb21wcmVzc2VkRmlsZUFzRGF0YVVSTChmaWxlOiBGaWxlLCBvcHRpb25zOiB7fSk6IFByb21pc2U8c3RyaW5nPiB7XHJcbiAgICBjb25zdCBjb21wcmVzc2VkRmlsZSA9IGF3YWl0IGltYWdlQ29tcHJlc3Npb24oZmlsZSwgb3B0aW9ucyk7XHJcbiAgICBjb25zdCBpbWFnZUVsZW1lbnQ6IEhUTUxJbWFnZUVsZW1lbnQgPSBhd2FpdCBNYXRlcmlhbFV0aWxzLlJlYWRBbmRSZXNpemVQaG90b0FzRGF0YVVSTChjb21wcmVzc2VkRmlsZSk7XHJcbiAgICByZXR1cm4gaW1hZ2VFbGVtZW50LnNyYztcclxuICB9XHJcbn1cclxuXHJcbiIsIjxkaXZcclxuICBjbGFzcz1cIkZpbGVEcm9wXCIgW2NsYXNzLnNtYWxsXT1cIiFzaG93RHJhZ0Ryb3BcIlxyXG4gIChkcm9wKT1cIm9uRHJvcCgkZXZlbnQpXCJcclxuICAoZHJhZ292ZXIpPVwib25EcmFnT3ZlcigkZXZlbnQpXCJcclxuICBmeExheW91dD1cImNvbHVtblwiXHJcbiAgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIlxyXG4+XHJcbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInNob3dEcmFnRHJvcFwiPlxyXG4gICAgPG1hdC1pY29uIGNsYXNzPVwiaG9tZWRlY29yYXRvci1tYXRlcmlhbC1pY29uc1wiPmNsb3VkX3VwbG9hZDwvbWF0LWljb24+XHJcbiAgICA8cD5cclxuICAgICAge3snRFJBR19EUk9QX0ZJTEVTX0hFUkUnIHwgbG9jYWxpemV9fVxyXG4gICAgPC9wPlxyXG4gICAgPHNwYW4+e3snT1InIHwgbG9jYWxpemV9fTwvc3Bhbj5cclxuICA8L25nLWNvbnRhaW5lcj5cclxuICA8YnV0dG9uIG1hdC1idXR0b24gKGNsaWNrKT1cImZpbGVJbnB1dC5jbGljaygpXCI+e3snQlJPV1NFX0ZJTEVTJyB8IGxvY2FsaXplfX08L2J1dHRvbj5cclxuICA8YnV0dG9uICpuZ0lmPVwic2hvd1JlbW92ZVwiIG1hdC1idXR0b24gKGNsaWNrKT1cInJlbW92ZUNsaWNrLmVtaXQoJGV2ZW50KVwiPnt7J1JFTU9WRV9GSUxFJyB8IGxvY2FsaXplfX08L2J1dHRvbj5cclxuICA8aW5wdXQgdHlwZT1cImZpbGVcIiAoY2hhbmdlKT1cInJlYWRQaG90bygkZXZlbnQudGFyZ2V0LmZpbGVzWzBdKVwiIHN0eWxlPVwiZGlzcGxheTogbm9uZVwiICNmaWxlSW5wdXQ+XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2015/app/plugins/room-planner/components/floorplanner/const/defaults.js

@@ -0,0 +1,57 @@
+import { SnapIndicatorMode } from '../snap-indicator-mode';
+export const snapTolerance = 0.25;
+export const clickMissTolerance = 10;
+export const cmPerFoot = 30.48;
+export const pixelsPerFoot = 15.0;
+export const minMouseMoveDistance = 3;
+export const doubleClickDurationMs = 200;
+// grid parameters
+export const gridSpacing = 20; // pixels
+export const gridWidth = 1;
+export const gridColor = '#f1f1f1';
+// room config
+export const roomColor = '#f9f9f9';
+export const selectedRoomColor = '#f9f9f9'; // same as roomColor for now
+export const cornerTolerance = 0.2;
+export const defaultWallColor = 0xffffff;
+export const defaultEdgeColor = 0xcccccc;
+// wall config
+export const defaultWallWidth = 5;
+export const defaultWallWidthHover = 7;
+export const wallColor = '#232323';
+export const wallColorHover = '#008cba';
+export const wallColorSelected = '#808cba';
+export const wallStrokeColor = '#191919';
+export const wallStrokeColorHover = '#008cba';
+export const wallStrokeColorSelected = '#808cba';
+export const edgeWidth = 1;
+// items config
+export const doorColor = '#ff0000';
+export const doorColorHover = '#ffa8a8';
+export const windowColor = '#51ff61';
+export const windowColorHover = '#b8ffaa';
+// dimension lines config
+export const dimensionLineDistance = 0.15;
+export const dimensionLineWidth = 1;
+// corner config
+export const cornerRadius = 0;
+export const minCornerRadius = 10;
+export const maxCornerRadius = 20;
+export const wallThicknessMultiplier = 0.5;
+export const cornerColor = '#cccccc';
+export const cornerColorHover = '#008cba';
+export const cornerColorSelected = '#808cba';
+// label config
+export const angleLabelDistanceScaleTreshold = 1.5;
+export const labelSize = '14px';
+export const snapIndicatorRadius = {
+    [SnapIndicatorMode.Corner]: 30,
+    [SnapIndicatorMode.Wall]: 20
+};
+export const snapIndicatorColor = {
+    [SnapIndicatorMode.Corner]: 'rgba(0, 100, 200, 0.5)',
+    [SnapIndicatorMode.Wall]: 'rgba(40, 100, 200, 0.5)'
+};
+export const drawModeCursorImageUrl = 'assets/cursors/pencil.png';
+export const drawModeCursorHeight = 26;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVmYXVsdHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvY2xpZW50L2FwcC9wbHVnaW5zL3Jvb20tcGxhbm5lci9jb21wb25lbnRzL2Zsb29ycGxhbm5lci9jb25zdC9kZWZhdWx0cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUV6RCxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsSUFBSSxDQUFDO0FBQ2xDLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHLEVBQUUsQ0FBQztBQUNyQyxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDO0FBQy9CLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxJQUFJLENBQUM7QUFDbEMsTUFBTSxDQUFDLE1BQU0sb0JBQW9CLEdBQUcsQ0FBQyxDQUFDO0FBQ3RDLE1BQU0sQ0FBQyxNQUFNLHFCQUFxQixHQUFHLEdBQUcsQ0FBQztBQUV6QyxrQkFBa0I7QUFDbEIsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLEVBQUUsQ0FBQyxDQUFDLFNBQVM7QUFDeEMsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLENBQUMsQ0FBQztBQUMzQixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsU0FBUyxDQUFDO0FBRW5DLGNBQWM7QUFDZCxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsU0FBUyxDQUFDO0FBQ25DLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFHLFNBQVMsQ0FBQyxDQUFDLDRCQUE0QjtBQUV4RSxNQUFNLENBQUMsTUFBTSxlQUFlLEdBQUcsR0FBRyxDQUFDO0FBQ25DLE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFHLFFBQVEsQ0FBQztBQUN6QyxNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxRQUFRLENBQUM7QUFFekMsY0FBYztBQUNkLE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFHLENBQUMsQ0FBQztBQUNsQyxNQUFNLENBQUMsTUFBTSxxQkFBcUIsR0FBRyxDQUFDLENBQUM7QUFFdkMsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLFNBQVMsQ0FBQztBQUNuQyxNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUcsU0FBUyxDQUFDO0FBQ3hDLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFHLFNBQVMsQ0FBQztBQUUzQyxNQUFNLENBQUMsTUFBTSxlQUFlLEdBQUcsU0FBUyxDQUFDO0FBQ3pDLE1BQU0sQ0FBQyxNQUFNLG9CQUFvQixHQUFHLFNBQVMsQ0FBQztBQUM5QyxNQUFNLENBQUMsTUFBTSx1QkFBdUIsR0FBRyxTQUFTLENBQUM7QUFFakQsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLENBQUMsQ0FBQztBQUUzQixlQUFlO0FBQ2YsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLFNBQVMsQ0FBQztBQUNuQyxNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUcsU0FBUyxDQUFDO0FBQ3hDLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxTQUFTLENBQUM7QUFDckMsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQUcsU0FBUyxDQUFDO0FBRTFDLHlCQUF5QjtBQUN6QixNQUFNLENBQUMsTUFBTSxxQkFBcUIsR0FBRyxJQUFJLENBQUM7QUFDMUMsTUFBTSxDQUFDLE1BQU0sa0JBQWtCLEdBQUcsQ0FBQyxDQUFDO0FBRXBDLGdCQUFnQjtBQUNoQixNQUFNLENBQUMsTUFBTSxZQUFZLEdBQUcsQ0FBQyxDQUFDO0FBQzlCLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxFQUFFLENBQUM7QUFDbEMsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFHLEVBQUUsQ0FBQztBQUNsQyxNQUFNLENBQUMsTUFBTSx1QkFBdUIsR0FBRyxHQUFHLENBQUM7QUFDM0MsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLFNBQVMsQ0FBQztBQUNyQyxNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxTQUFTLENBQUM7QUFDMUMsTUFBTSxDQUFDLE1BQU0sbUJBQW1CLEdBQUcsU0FBUyxDQUFDO0FBRTdDLGVBQWU7QUFDZixNQUFNLENBQUMsTUFBTSwrQkFBK0IsR0FBRyxHQUFHLENBQUM7QUFDbkQsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLE1BQU0sQ0FBQztBQUVoQyxNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRztJQUNqQyxDQUFDLGlCQUFpQixDQUFDLE1BQU0sQ0FBQyxFQUFFLEVBQUU7SUFDOUIsQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsRUFBRSxFQUFFO0NBQzdCLENBQUM7QUFDRixNQUFNLENBQUMsTUFBTSxrQkFBa0IsR0FBRztJQUNoQyxDQUFDLGlCQUFpQixDQUFDLE1BQU0sQ0FBQyxFQUFFLHdCQUF3QjtJQUNwRCxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxFQUFFLHlCQUF5QjtDQUNwRCxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sc0JBQXNCLEdBQVcsMkJBQTJCLENBQUM7QUFDMUUsTUFBTSxDQUFDLE1BQU0sb0JBQW9CLEdBQVcsRUFBRSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtTbmFwSW5kaWNhdG9yTW9kZX0gZnJvbSAnLi4vc25hcC1pbmRpY2F0b3ItbW9kZSc7XHJcblxyXG5leHBvcnQgY29uc3Qgc25hcFRvbGVyYW5jZSA9IDAuMjU7XHJcbmV4cG9ydCBjb25zdCBjbGlja01pc3NUb2xlcmFuY2UgPSAxMDtcclxuZXhwb3J0IGNvbnN0IGNtUGVyRm9vdCA9IDMwLjQ4O1xyXG5leHBvcnQgY29uc3QgcGl4ZWxzUGVyRm9vdCA9IDE1LjA7XHJcbmV4cG9ydCBjb25zdCBtaW5Nb3VzZU1vdmVEaXN0YW5jZSA9IDM7XHJcbmV4cG9ydCBjb25zdCBkb3VibGVDbGlja0R1cmF0aW9uTXMgPSAyMDA7XHJcblxyXG4vLyBncmlkIHBhcmFtZXRlcnNcclxuZXhwb3J0IGNvbnN0IGdyaWRTcGFjaW5nID0gMjA7IC8vIHBpeGVsc1xyXG5leHBvcnQgY29uc3QgZ3JpZFdpZHRoID0gMTtcclxuZXhwb3J0IGNvbnN0IGdyaWRDb2xvciA9ICcjZjFmMWYxJztcclxuXHJcbi8vIHJvb20gY29uZmlnXHJcbmV4cG9ydCBjb25zdCByb29tQ29sb3IgPSAnI2Y5ZjlmOSc7XHJcbmV4cG9ydCBjb25zdCBzZWxlY3RlZFJvb21Db2xvciA9ICcjZjlmOWY5JzsgLy8gc2FtZSBhcyByb29tQ29sb3IgZm9yIG5vd1xyXG5cclxuZXhwb3J0IGNvbnN0IGNvcm5lclRvbGVyYW5jZSA9IDAuMjtcclxuZXhwb3J0IGNvbnN0IGRlZmF1bHRXYWxsQ29sb3IgPSAweGZmZmZmZjtcclxuZXhwb3J0IGNvbnN0IGRlZmF1bHRFZGdlQ29sb3IgPSAweGNjY2NjYztcclxuXHJcbi8vIHdhbGwgY29uZmlnXHJcbmV4cG9ydCBjb25zdCBkZWZhdWx0V2FsbFdpZHRoID0gNTtcclxuZXhwb3J0IGNvbnN0IGRlZmF1bHRXYWxsV2lkdGhIb3ZlciA9IDc7XHJcblxyXG5leHBvcnQgY29uc3Qgd2FsbENvbG9yID0gJyMyMzIzMjMnO1xyXG5leHBvcnQgY29uc3Qgd2FsbENvbG9ySG92ZXIgPSAnIzAwOGNiYSc7XHJcbmV4cG9ydCBjb25zdCB3YWxsQ29sb3JTZWxlY3RlZCA9ICcjODA4Y2JhJztcclxuXHJcbmV4cG9ydCBjb25zdCB3YWxsU3Ryb2tlQ29sb3IgPSAnIzE5MTkxOSc7XHJcbmV4cG9ydCBjb25zdCB3YWxsU3Ryb2tlQ29sb3JIb3ZlciA9ICcjMDA4Y2JhJztcclxuZXhwb3J0IGNvbnN0IHdhbGxTdHJva2VDb2xvclNlbGVjdGVkID0gJyM4MDhjYmEnO1xyXG5cclxuZXhwb3J0IGNvbnN0IGVkZ2VXaWR0aCA9IDE7XHJcblxyXG4vLyBpdGVtcyBjb25maWdcclxuZXhwb3J0IGNvbnN0IGRvb3JDb2xvciA9ICcjZmYwMDAwJztcclxuZXhwb3J0IGNvbnN0IGRvb3JDb2xvckhvdmVyID0gJyNmZmE4YTgnO1xyXG5leHBvcnQgY29uc3Qgd2luZG93Q29sb3IgPSAnIzUxZmY2MSc7XHJcbmV4cG9ydCBjb25zdCB3aW5kb3dDb2xvckhvdmVyID0gJyNiOGZmYWEnO1xyXG5cclxuLy8gZGltZW5zaW9uIGxpbmVzIGNvbmZpZ1xyXG5leHBvcnQgY29uc3QgZGltZW5zaW9uTGluZURpc3RhbmNlID0gMC4xNTtcclxuZXhwb3J0IGNvbnN0IGRpbWVuc2lvbkxpbmVXaWR0aCA9IDE7XHJcblxyXG4vLyBjb3JuZXIgY29uZmlnXHJcbmV4cG9ydCBjb25zdCBjb3JuZXJSYWRpdXMgPSAwO1xyXG5leHBvcnQgY29uc3QgbWluQ29ybmVyUmFkaXVzID0gMTA7XHJcbmV4cG9ydCBjb25zdCBtYXhDb3JuZXJSYWRpdXMgPSAyMDtcclxuZXhwb3J0IGNvbnN0IHdhbGxUaGlja25lc3NNdWx0aXBsaWVyID0gMC41O1xyXG5leHBvcnQgY29uc3QgY29ybmVyQ29sb3IgPSAnI2NjY2NjYyc7XHJcbmV4cG9ydCBjb25zdCBjb3JuZXJDb2xvckhvdmVyID0gJyMwMDhjYmEnO1xyXG5leHBvcnQgY29uc3QgY29ybmVyQ29sb3JTZWxlY3RlZCA9ICcjODA4Y2JhJztcclxuXHJcbi8vIGxhYmVsIGNvbmZpZ1xyXG5leHBvcnQgY29uc3QgYW5nbGVMYWJlbERpc3RhbmNlU2NhbGVUcmVzaG9sZCA9IDEuNTtcclxuZXhwb3J0IGNvbnN0IGxhYmVsU2l6ZSA9ICcxNHB4JztcclxuXHJcbmV4cG9ydCBjb25zdCBzbmFwSW5kaWNhdG9yUmFkaXVzID0ge1xyXG4gIFtTbmFwSW5kaWNhdG9yTW9kZS5Db3JuZXJdOiAzMCxcclxuICBbU25hcEluZGljYXRvck1vZGUuV2FsbF06IDIwXHJcbn07XHJcbmV4cG9ydCBjb25zdCBzbmFwSW5kaWNhdG9yQ29sb3IgPSB7XHJcbiAgW1NuYXBJbmRpY2F0b3JNb2RlLkNvcm5lcl06ICdyZ2JhKDAsIDEwMCwgMjAwLCAwLjUpJyxcclxuICBbU25hcEluZGljYXRvck1vZGUuV2FsbF06ICdyZ2JhKDQwLCAxMDAsIDIwMCwgMC41KSdcclxufTtcclxuXHJcbmV4cG9ydCBjb25zdCBkcmF3TW9kZUN1cnNvckltYWdlVXJsOiBzdHJpbmcgPSAnYXNzZXRzL2N1cnNvcnMvcGVuY2lsLnBuZyc7XHJcbmV4cG9ydCBjb25zdCBkcmF3TW9kZUN1cnNvckhlaWdodDogbnVtYmVyID0gMjY7XHJcbiJdfQ==

package/esm2015/app/plugins/room-planner/components/floorplanner/floorplanner-mode.js

@@ -0,0 +1,11 @@
+/** */
+export var FloorplannerMode;
+(function (FloorplannerMode) {
+    FloorplannerMode[FloorplannerMode["Move"] = 0] = "Move";
+    FloorplannerMode[FloorplannerMode["Moving"] = 1] = "Moving";
+    FloorplannerMode[FloorplannerMode["Draw"] = 2] = "Draw";
+    FloorplannerMode[FloorplannerMode["Drawing"] = 3] = "Drawing";
+    FloorplannerMode[FloorplannerMode["CameraMove"] = 4] = "CameraMove";
+    FloorplannerMode[FloorplannerMode["CameraMoving"] = 5] = "CameraMoving";
+})(FloorplannerMode || (FloorplannerMode = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxvb3JwbGFubmVyLW1vZGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvY2xpZW50L2FwcC9wbHVnaW5zL3Jvb20tcGxhbm5lci9jb21wb25lbnRzL2Zsb29ycGxhbm5lci9mbG9vcnBsYW5uZXItbW9kZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNO0FBQ04sTUFBTSxDQUFOLElBQVksZ0JBT1g7QUFQRCxXQUFZLGdCQUFnQjtJQUMxQix1REFBSSxDQUFBO0lBQ0osMkRBQU0sQ0FBQTtJQUNOLHVEQUFJLENBQUE7SUFDSiw2REFBTyxDQUFBO0lBQ1AsbUVBQVUsQ0FBQTtJQUNWLHVFQUFZLENBQUE7QUFDZCxDQUFDLEVBUFcsZ0JBQWdCLEtBQWhCLGdCQUFnQixRQU8zQiIsInNvdXJjZXNDb250ZW50IjpbIi8qKiAqL1xyXG5leHBvcnQgZW51bSBGbG9vcnBsYW5uZXJNb2RlIHtcclxuICBNb3ZlLFxyXG4gIE1vdmluZyxcclxuICBEcmF3LFxyXG4gIERyYXdpbmcsXHJcbiAgQ2FtZXJhTW92ZSxcclxuICBDYW1lcmFNb3ZpbmdcclxufVxyXG4iXX0=