@colijnit/homedecorator 255.1.1

package/esm2015/app/plugins/lite-selector/lite-selector/component/customizer/customizer.component.js

@@ -0,0 +1,82 @@
+import { Component, Input, ViewChild } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../../threedselector/threedselector/service/build-furniture.service";
+import * as i2 from "../../../../core3d/service/scene.service";
+import * as i3 from "../../service/customizer.service";
+import * as i4 from "@angular/forms";
+export class CustomizerComponent {
+    constructor(_buildFurnitureService, _sceneService, _customizerService) {
+        this._buildFurnitureService = _buildFurnitureService;
+        this._sceneService = _sceneService;
+        this._customizerService = _customizerService;
+        this.value = '#000000'; // default
+        this._reader = new FileReader();
+    }
+    set selection(value) {
+        if (!value) {
+            return;
+        }
+        this._selection = value;
+        try {
+            setTimeout(() => {
+                const activeElementArray = this._buildFurnitureService.currentCustomFloorGroup.getObjectsByUserDataProp('selection', 'parentArtNodeIdDeco', this._selection.nodeId);
+                if (activeElementArray && activeElementArray.length > 0) {
+                    this._customizerService.selectedObject = activeElementArray[0];
+                    // this.loadCanvasFromUserData();
+                }
+            }, 200);
+        }
+        catch (e) {
+        }
+    }
+    ngAfterViewInit() {
+        this._customizerService.canvasElement = this.canvas;
+    }
+    // Image uploader
+    handleImageUpload(e) {
+        const file = e.target.files[0];
+        this._reader.onload = (f) => {
+            const data = f.target.result;
+            this._customizerService.addImage(data);
+        };
+        this._reader.readAsDataURL(file);
+    }
+    // Add text to the canvas
+    addText() {
+        this._customizerService.addText();
+    }
+    // Update the text color
+    updateColor() {
+        this._customizerService.setActiveProp('fill', this.value);
+    }
+    // Delete the selected object
+    deleteObjects() {
+        this._customizerService.deleteActiveObject();
+    }
+    // Change the font of the selected text
+    onChangeFont() {
+        this._customizerService.setActiveProp('fontFamily', this.defaultFont);
+    }
+    // Clear the whole canvas
+    confirmClear() {
+        if (confirm('Are you sure?')) {
+            this._customizerService.clearCanvas();
+        }
+    }
+}
+CustomizerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CustomizerComponent, deps: [{ token: i1.BuildFurnitureService }, { token: i2.SceneService }, { token: i3.CustomizerService }], target: i0.ɵɵFactoryTarget.Component });
+CustomizerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CustomizerComponent, selector: "rp-customizer", inputs: { selection: "selection" }, viewQueries: [{ propertyName: "canvas", first: true, predicate: ["fabricSurface"], descendants: true }], ngImport: i0, template: "<div class=\"customizer\">\r\n  <div class=\"customizer-canvas\">\r\n    <canvas class=\"fabric-canvas\"  #fabricSurface></canvas>\r\n  </div>\r\n  <div class=\"customizer-parameters\">\r\n    <div class=\"options-upload-image\">\r\n      <input type=\"file\" id=\"imgLoader\" class=\"inputfile\" (change)=\"handleImageUpload($event)\"/>\r\n      <label for=\"imgLoader\">Choose a file</label>\r\n    </div>\r\n    <div class=\"options-change-color\">\r\n      <input (change)=\"updateColor()\" type=\"color\" [(ngModel)]=\"value\"/> Choose text color\r\n    </div>\r\n    <div>\r\n      <button id=\"customtext\" class=\"add-text-button\" (click)=\"addText()\">Add Custom Text</button>\r\n    </div>\r\n    <div>\r\n      <button class=\"add-text-button\" (click)=\"confirmClear()\">Clear canvas</button>\r\n      <button id=\"delete-button\" class=\"add-text-button\" (click)=\"deleteObjects()\">Delete selected objects</button>\r\n    </div>\r\n    <div>\r\n      <label for=\"font-family-change\" style=\"display:inline-block\">Font family:</label>\r\n      <select id=\"font-family-change\" required [(ngModel)]=\"defaultFont\" (change)=\"onChangeFont()\">\r\n        <option value=\"Times New Roman\">Times New Roman</option>\r\n        <option value=\"helvetica\">Helvetica</option>\r\n        <option value=\"delicious\">Delicious</option>\r\n        <option value=\"verdana\">Verdana</option>\r\n        <option value=\"georgia\">Georgia</option>\r\n        <option value=\"courier\">Courier</option>\r\n        <option value=\"comic sans ms\">Comic Sans MS</option>\r\n        <option value=\"impact\">Impact</option>\r\n        <option value=\"pacifico\">Pacifico</option>\r\n      </select>\r\n      <br>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: ["co-slideout{overflow-y:auto;z-index:1}.customizer{margin:70px 20px 20px;height:800px;position:relative}.customizer-parameters{position:absolute;z-index:10;top:350px}input[type=color]{width:50px;height:25px}input[type=file]{border:1px solid #ccc;display:inline-block;padding:6px 12px;cursor:pointer}.fabric-canvas{border:2px solid grey;background-color:#2a4e8f;display:inline}.customizer-canvas{transform:scale(.15);width:70px;height:30px;position:relative;display:flex;top:0;left:0}.customizer-choices{position:relative;width:200px}.select-selected{background-color:#00f}.select-selected:after{position:absolute;content:\"\";top:14px;right:10px;width:0;height:0;border:6px;border-color:#fff transparent transparent transparent}.inputfile{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1;margin-bottom:20px;margin-top:20px}.inputfile+label{position:relative;width:200px;height:50px;padding:5px;background:rgba(246,15,32,.11);box-shadow:0 4px 7px #0006;align-items:center;justify-content:center;color:#000;font-weight:bold;cursor:pointer;transition:transform .2s ease-out}.inputfile+imgLoader{font-size:1.25em;font-weight:700;color:#fff;background-color:#000;display:inline-block}.inputfile:focus+label,.inputfile+label:hover{background-color:#f60f201c;cursor:pointer}.customizer-options{margin-top:20px}.options-upload-image{margin:10px 0}.add-text-button{position:relative;padding:5px;background:rgba(246,15,32,.11);box-shadow:0 4px 7px #0006;align-items:center;justify-content:center;color:#000;font-weight:bold;cursor:pointer;transition:transform .2s ease-out;margin:10px 5px 10px 0}\n"], directives: [{ type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CustomizerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'rp-customizer',
+                    templateUrl: './customizer.component.html',
+                    styleUrls: ['./customizer.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1.BuildFurnitureService }, { type: i2.SceneService }, { type: i3.CustomizerService }]; }, propDecorators: { canvas: [{
+                type: ViewChild,
+                args: ['fabricSurface']
+            }], selection: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9taXplci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvY2xpZW50L2FwcC9wbHVnaW5zL2xpdGUtc2VsZWN0b3IvbGl0ZS1zZWxlY3Rvci9jb21wb25lbnQvY3VzdG9taXplci9jdXN0b21pemVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jbGllbnQvYXBwL3BsdWdpbnMvbGl0ZS1zZWxlY3Rvci9saXRlLXNlbGVjdG9yL2NvbXBvbmVudC9jdXN0b21pemVyL2N1c3RvbWl6ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFnQixTQUFTLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBWXpFLE1BQU0sT0FBTyxtQkFBbUI7SUE2QjlCLFlBQ1Usc0JBQTZDLEVBQzdDLGFBQTJCLEVBQzNCLGtCQUFxQztRQUZyQywyQkFBc0IsR0FBdEIsc0JBQXNCLENBQXVCO1FBQzdDLGtCQUFhLEdBQWIsYUFBYSxDQUFjO1FBQzNCLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBbUI7UUFUeEMsVUFBSyxHQUFXLFNBQVMsQ0FBQyxDQUFDLFVBQVU7UUFHcEMsWUFBTyxHQUFHLElBQUksVUFBVSxFQUFFLENBQUM7SUFRbkMsQ0FBQztJQTdCRCxJQUNXLFNBQVMsQ0FBQyxLQUFnQjtRQUNuQyxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ1YsT0FBTztTQUNSO1FBQ0QsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7UUFDeEIsSUFBSTtZQUNGLFVBQVUsQ0FBRSxHQUFHLEVBQUU7Z0JBQ2YsTUFBTSxrQkFBa0IsR0FBMEIsSUFBSSxDQUFDLHNCQUFzQixDQUFDLHVCQUF1QixDQUFDLHdCQUF3QixDQUFDLFdBQVcsRUFBRSxxQkFBcUIsRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxDQUFDO2dCQUMzTCxJQUFJLGtCQUFrQixJQUFJLGtCQUFrQixDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7b0JBQ3ZELElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxjQUFjLEdBQUcsa0JBQWtCLENBQUMsQ0FBQyxDQUEwQixDQUFDO29CQUN4RixpQ0FBaUM7aUJBQ2xDO1lBQ0gsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO1NBQ1Q7UUFBQyxPQUFPLENBQUMsRUFBRTtTQUNYO0lBQ0gsQ0FBQztJQWVELGVBQWU7UUFDYixJQUFJLENBQUMsa0JBQWtCLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDdEQsQ0FBQztJQUVELGlCQUFpQjtJQUNWLGlCQUFpQixDQUFDLENBQUM7UUFDeEIsTUFBTSxJQUFJLEdBQUcsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDL0IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLEVBQUUsRUFBRTtZQUMxQixNQUFNLElBQUksR0FBeUIsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUM7WUFDbkQsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN6QyxDQUFDLENBQUM7UUFDRixJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBRUQseUJBQXlCO0lBQ2xCLE9BQU87UUFDWixJQUFJLENBQUMsa0JBQWtCLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDcEMsQ0FBQztJQUVELHdCQUF3QjtJQUNqQixXQUFXO1FBQ2hCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxhQUFhLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM1RCxDQUFDO0lBRUQsNkJBQTZCO0lBQ3RCLGFBQWE7UUFDbEIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLGtCQUFrQixFQUFFLENBQUM7SUFDL0MsQ0FBQztJQUVELHVDQUF1QztJQUNoQyxZQUFZO1FBQ2pCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxhQUFhLENBQUMsWUFBWSxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUN4RSxDQUFDO0lBRUQseUJBQXlCO0lBQ2xCLFlBQVk7UUFDakIsSUFBSSxPQUFPLENBQUMsZUFBZSxDQUFDLEVBQUU7WUFDNUIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFdBQVcsRUFBRSxDQUFDO1NBQ3ZDO0lBQ0gsQ0FBQzs7aUhBM0VVLG1CQUFtQjtxR0FBbkIsbUJBQW1CLGtNQ1poQyw4dERBb0NBOzRGRHhCYSxtQkFBbUI7a0JBTC9CLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGVBQWU7b0JBQ3pCLFdBQVcsRUFBRSw2QkFBNkI7b0JBQzFDLFNBQVMsRUFBRSxDQUFDLDZCQUE2QixDQUFDO2lCQUMzQzt1S0FJUSxNQUFNO3NCQURaLFNBQVM7dUJBQUMsZUFBZTtnQkFJZixTQUFTO3NCQURuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIElucHV0LCBWaWV3Q2hpbGR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge1NlbGVjdGlvbn0gZnJvbSAnQGNvbGlqbml0L2NvbmZpZ3VyYXRvcmFwaS9idWlsZC9tb2RlbC9zZWxlY3Rpb24nO1xyXG5pbXBvcnQge0N1c3RvbU9iamVjdDNELCBDdXN0b21NZXNofSBmcm9tICcuLi8uLi8uLi8uLi9jb3JlM2QvaXRlbXMvY3VzdG9tLW9iamVjdHMnO1xyXG5pbXBvcnQge0J1aWxkRnVybml0dXJlU2VydmljZX0gZnJvbSAnLi4vLi4vLi4vLi4vdGhyZWVkc2VsZWN0b3IvdGhyZWVkc2VsZWN0b3Ivc2VydmljZS9idWlsZC1mdXJuaXR1cmUuc2VydmljZSc7XHJcbmltcG9ydCB7U2NlbmVTZXJ2aWNlfSBmcm9tICcuLi8uLi8uLi8uLi9jb3JlM2Qvc2VydmljZS9zY2VuZS5zZXJ2aWNlJztcclxuaW1wb3J0IHtDdXN0b21pemVyU2VydmljZX0gZnJvbSAnLi4vLi4vc2VydmljZS9jdXN0b21pemVyLnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdycC1jdXN0b21pemVyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY3VzdG9taXplci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY3VzdG9taXplci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDdXN0b21pemVyQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XHJcblxyXG4gIEBWaWV3Q2hpbGQoJ2ZhYnJpY1N1cmZhY2UnKVxyXG4gIHB1YmxpYyBjYW52YXM6IEhUTUxDYW52YXNFbGVtZW50O1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBzZXQgc2VsZWN0aW9uKHZhbHVlOiBTZWxlY3Rpb24pIHtcclxuICAgIGlmICghdmFsdWUpIHtcclxuICAgICAgcmV0dXJuO1xyXG4gICAgfVxyXG4gICAgdGhpcy5fc2VsZWN0aW9uID0gdmFsdWU7XHJcbiAgICB0cnkge1xyXG4gICAgICBzZXRUaW1lb3V0KCAoKSA9PiB7XHJcbiAgICAgICAgY29uc3QgYWN0aXZlRWxlbWVudEFycmF5OiBBcnJheTxDdXN0b21PYmplY3QzRD4gPSB0aGlzLl9idWlsZEZ1cm5pdHVyZVNlcnZpY2UuY3VycmVudEN1c3RvbUZsb29yR3JvdXAuZ2V0T2JqZWN0c0J5VXNlckRhdGFQcm9wKCdzZWxlY3Rpb24nLCAncGFyZW50QXJ0Tm9kZUlkRGVjbycsIHRoaXMuX3NlbGVjdGlvbi5ub2RlSWQpO1xyXG4gICAgICAgIGlmIChhY3RpdmVFbGVtZW50QXJyYXkgJiYgYWN0aXZlRWxlbWVudEFycmF5Lmxlbmd0aCA+IDApIHtcclxuICAgICAgICAgIHRoaXMuX2N1c3RvbWl6ZXJTZXJ2aWNlLnNlbGVjdGVkT2JqZWN0ID0gYWN0aXZlRWxlbWVudEFycmF5WzBdIGFzIHVua25vd24gYXMgQ3VzdG9tTWVzaDtcclxuICAgICAgICAgIC8vIHRoaXMubG9hZENhbnZhc0Zyb21Vc2VyRGF0YSgpO1xyXG4gICAgICAgIH1cclxuICAgICAgfSwgMjAwKTtcclxuICAgIH0gY2F0Y2ggKGUpIHtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHB1YmxpYyB2YWx1ZTogU3RyaW5nID0gJyMwMDAwMDAnOyAvLyBkZWZhdWx0XHJcbiAgcHVibGljIGRlZmF1bHRGb250OiAnVGltZXMgTmV3IFJvbWFuJztcclxuICBwdWJsaWMgbWVzaDtcclxuICBwcml2YXRlIF9yZWFkZXIgPSBuZXcgRmlsZVJlYWRlcigpO1xyXG4gIHByaXZhdGUgX3NlbGVjdGlvbjogU2VsZWN0aW9uO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgX2J1aWxkRnVybml0dXJlU2VydmljZTogQnVpbGRGdXJuaXR1cmVTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSBfc2NlbmVTZXJ2aWNlOiBTY2VuZVNlcnZpY2UsXHJcbiAgICBwcml2YXRlIF9jdXN0b21pemVyU2VydmljZTogQ3VzdG9taXplclNlcnZpY2VcclxuICApIHtcclxuICB9XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcclxuICAgIHRoaXMuX2N1c3RvbWl6ZXJTZXJ2aWNlLmNhbnZhc0VsZW1lbnQgPSB0aGlzLmNhbnZhcztcclxuICB9XHJcblxyXG4gIC8vIEltYWdlIHVwbG9hZGVyXHJcbiAgcHVibGljIGhhbmRsZUltYWdlVXBsb2FkKGUpOiB2b2lkIHtcclxuICAgIGNvbnN0IGZpbGUgPSBlLnRhcmdldC5maWxlc1swXTtcclxuICAgIHRoaXMuX3JlYWRlci5vbmxvYWQgPSAoZikgPT4ge1xyXG4gICAgICBjb25zdCBkYXRhOiBzdHJpbmcgfCBBcnJheUJ1ZmZlciA9IGYudGFyZ2V0LnJlc3VsdDtcclxuICAgICAgdGhpcy5fY3VzdG9taXplclNlcnZpY2UuYWRkSW1hZ2UoZGF0YSk7XHJcbiAgICB9O1xyXG4gICAgdGhpcy5fcmVhZGVyLnJlYWRBc0RhdGFVUkwoZmlsZSk7XHJcbiAgfVxyXG5cclxuICAvLyBBZGQgdGV4dCB0byB0aGUgY2FudmFzXHJcbiAgcHVibGljIGFkZFRleHQoKTogYW55IHtcclxuICAgIHRoaXMuX2N1c3RvbWl6ZXJTZXJ2aWNlLmFkZFRleHQoKTtcclxuICB9XHJcblxyXG4gIC8vIFVwZGF0ZSB0aGUgdGV4dCBjb2xvclxyXG4gIHB1YmxpYyB1cGRhdGVDb2xvcigpOiB2b2lkIHtcclxuICAgIHRoaXMuX2N1c3RvbWl6ZXJTZXJ2aWNlLnNldEFjdGl2ZVByb3AoJ2ZpbGwnLCB0aGlzLnZhbHVlKTtcclxuICB9XHJcblxyXG4gIC8vIERlbGV0ZSB0aGUgc2VsZWN0ZWQgb2JqZWN0XHJcbiAgcHVibGljIGRlbGV0ZU9iamVjdHMoKTogdm9pZCB7XHJcbiAgICB0aGlzLl9jdXN0b21pemVyU2VydmljZS5kZWxldGVBY3RpdmVPYmplY3QoKTtcclxuICB9XHJcblxyXG4gIC8vIENoYW5nZSB0aGUgZm9udCBvZiB0aGUgc2VsZWN0ZWQgdGV4dFxyXG4gIHB1YmxpYyBvbkNoYW5nZUZvbnQoKTogdm9pZCB7XHJcbiAgICB0aGlzLl9jdXN0b21pemVyU2VydmljZS5zZXRBY3RpdmVQcm9wKCdmb250RmFtaWx5JywgdGhpcy5kZWZhdWx0Rm9udCk7XHJcbiAgfVxyXG5cclxuICAvLyBDbGVhciB0aGUgd2hvbGUgY2FudmFzXHJcbiAgcHVibGljIGNvbmZpcm1DbGVhcigpOiB2b2lkIHtcclxuICAgIGlmIChjb25maXJtKCdBcmUgeW91IHN1cmU/JykpIHtcclxuICAgICAgdGhpcy5fY3VzdG9taXplclNlcnZpY2UuY2xlYXJDYW52YXMoKTtcclxuICAgIH1cclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJjdXN0b21pemVyXCI+XHJcbiAgPGRpdiBjbGFzcz1cImN1c3RvbWl6ZXItY2FudmFzXCI+XHJcbiAgICA8Y2FudmFzIGNsYXNzPVwiZmFicmljLWNhbnZhc1wiICAjZmFicmljU3VyZmFjZT48L2NhbnZhcz5cclxuICA8L2Rpdj5cclxuICA8ZGl2IGNsYXNzPVwiY3VzdG9taXplci1wYXJhbWV0ZXJzXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwib3B0aW9ucy11cGxvYWQtaW1hZ2VcIj5cclxuICAgICAgPGlucHV0IHR5cGU9XCJmaWxlXCIgaWQ9XCJpbWdMb2FkZXJcIiBjbGFzcz1cImlucHV0ZmlsZVwiIChjaGFuZ2UpPVwiaGFuZGxlSW1hZ2VVcGxvYWQoJGV2ZW50KVwiLz5cclxuICAgICAgPGxhYmVsIGZvcj1cImltZ0xvYWRlclwiPkNob29zZSBhIGZpbGU8L2xhYmVsPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwib3B0aW9ucy1jaGFuZ2UtY29sb3JcIj5cclxuICAgICAgPGlucHV0IChjaGFuZ2UpPVwidXBkYXRlQ29sb3IoKVwiIHR5cGU9XCJjb2xvclwiIFsobmdNb2RlbCldPVwidmFsdWVcIi8+IENob29zZSB0ZXh0IGNvbG9yXHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXY+XHJcbiAgICAgIDxidXR0b24gaWQ9XCJjdXN0b210ZXh0XCIgY2xhc3M9XCJhZGQtdGV4dC1idXR0b25cIiAoY2xpY2spPVwiYWRkVGV4dCgpXCI+QWRkIEN1c3RvbSBUZXh0PC9idXR0b24+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXY+XHJcbiAgICAgIDxidXR0b24gY2xhc3M9XCJhZGQtdGV4dC1idXR0b25cIiAoY2xpY2spPVwiY29uZmlybUNsZWFyKClcIj5DbGVhciBjYW52YXM8L2J1dHRvbj5cclxuICAgICAgPGJ1dHRvbiBpZD1cImRlbGV0ZS1idXR0b25cIiBjbGFzcz1cImFkZC10ZXh0LWJ1dHRvblwiIChjbGljayk9XCJkZWxldGVPYmplY3RzKClcIj5EZWxldGUgc2VsZWN0ZWQgb2JqZWN0czwvYnV0dG9uPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2PlxyXG4gICAgICA8bGFiZWwgZm9yPVwiZm9udC1mYW1pbHktY2hhbmdlXCIgc3R5bGU9XCJkaXNwbGF5OmlubGluZS1ibG9ja1wiPkZvbnQgZmFtaWx5OjwvbGFiZWw+XHJcbiAgICAgIDxzZWxlY3QgaWQ9XCJmb250LWZhbWlseS1jaGFuZ2VcIiByZXF1aXJlZCBbKG5nTW9kZWwpXT1cImRlZmF1bHRGb250XCIgKGNoYW5nZSk9XCJvbkNoYW5nZUZvbnQoKVwiPlxyXG4gICAgICAgIDxvcHRpb24gdmFsdWU9XCJUaW1lcyBOZXcgUm9tYW5cIj5UaW1lcyBOZXcgUm9tYW48L29wdGlvbj5cclxuICAgICAgICA8b3B0aW9uIHZhbHVlPVwiaGVsdmV0aWNhXCI+SGVsdmV0aWNhPC9vcHRpb24+XHJcbiAgICAgICAgPG9wdGlvbiB2YWx1ZT1cImRlbGljaW91c1wiPkRlbGljaW91czwvb3B0aW9uPlxyXG4gICAgICAgIDxvcHRpb24gdmFsdWU9XCJ2ZXJkYW5hXCI+VmVyZGFuYTwvb3B0aW9uPlxyXG4gICAgICAgIDxvcHRpb24gdmFsdWU9XCJnZW9yZ2lhXCI+R2VvcmdpYTwvb3B0aW9uPlxyXG4gICAgICAgIDxvcHRpb24gdmFsdWU9XCJjb3VyaWVyXCI+Q291cmllcjwvb3B0aW9uPlxyXG4gICAgICAgIDxvcHRpb24gdmFsdWU9XCJjb21pYyBzYW5zIG1zXCI+Q29taWMgU2FucyBNUzwvb3B0aW9uPlxyXG4gICAgICAgIDxvcHRpb24gdmFsdWU9XCJpbXBhY3RcIj5JbXBhY3Q8L29wdGlvbj5cclxuICAgICAgICA8b3B0aW9uIHZhbHVlPVwicGFjaWZpY29cIj5QYWNpZmljbzwvb3B0aW9uPlxyXG4gICAgICA8L3NlbGVjdD5cclxuICAgICAgPGJyPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2015/app/plugins/lite-selector/lite-selector/component/image-zoom/image-zoom.component.js

@@ -0,0 +1,27 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/icon";
+import * as i2 from "@angular/common";
+export class ImageZoomComponent {
+    constructor() {
+        this.show = false;
+        this.showChange = new EventEmitter();
+    }
+}
+ImageZoomComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ImageZoomComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ImageZoomComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ImageZoomComponent, selector: "rp-image-zoom", inputs: { imageData: "imageData", show: "show" }, outputs: { showChange: "showChange" }, ngImport: i0, template: "<div class=\"zoom-layer\" *ngIf=\"show\" (click)=\"show = false; showChange.emit(show)\">\r\n  <div class=\"zoom-wrapper\">\r\n    <div class=\"close-button-wrapper\">\r\n      <mat-icon class=\"homedecorator-material-icons\" aria-hidden=\"true\">close</mat-icon>\r\n    </div>\r\n    <img [src]=\"imageData\"/>\r\n    <div class=\"content\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [":host .zoom-layer{position:fixed;width:100vw;height:100vh;background:rgba(0,0,0,.6);top:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center}:host .zoom-wrapper{position:relative;background:white;border-radius:10px}:host .close-button-wrapper{-webkit-user-select:none;user-select:none;position:absolute;cursor:pointer;right:-23px;top:-23px;background:rgba(255,255,255,.4);border-radius:50%;width:25px;height:25px}:host .zoom-wrapper .content{position:absolute;bottom:0}:host .zoom-wrapper img{-webkit-user-select:none;user-select:none;height:450px;padding:10px}\n"], components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ImageZoomComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'rp-image-zoom',
+                    templateUrl: './image-zoom.component.html',
+                    styleUrls: ['./image-zoom.component.scss']
+                }]
+        }], propDecorators: { imageData: [{
+                type: Input
+            }], show: [{
+                type: Input
+            }], showChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2Utem9vbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvY2xpZW50L2FwcC9wbHVnaW5zL2xpdGUtc2VsZWN0b3IvbGl0ZS1zZWxlY3Rvci9jb21wb25lbnQvaW1hZ2Utem9vbS9pbWFnZS16b29tLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jbGllbnQvYXBwL3BsdWdpbnMvbGl0ZS1zZWxlY3Rvci9saXRlLXNlbGVjdG9yL2NvbXBvbmVudC9pbWFnZS16b29tL2ltYWdlLXpvb20uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQU92RSxNQUFNLE9BQU8sa0JBQWtCO0lBTC9CO1FBV1MsU0FBSSxHQUFZLEtBQUssQ0FBQztRQUd0QixlQUFVLEdBQTBCLElBQUksWUFBWSxFQUFXLENBQUM7S0FFeEU7O2dIQVhZLGtCQUFrQjtvR0FBbEIsa0JBQWtCLDhJQ1AvQixtYUFXQTs0RkRKYSxrQkFBa0I7a0JBTDlCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGVBQWU7b0JBQ3pCLFdBQVcsRUFBRSw2QkFBNkI7b0JBQzFDLFNBQVMsRUFBRSxDQUFDLDZCQUE2QixDQUFDO2lCQUMzQzs4QkFJUSxTQUFTO3NCQURmLEtBQUs7Z0JBSUMsSUFBSTtzQkFEVixLQUFLO2dCQUlDLFVBQVU7c0JBRGhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdycC1pbWFnZS16b29tJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vaW1hZ2Utem9vbS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vaW1hZ2Utem9vbS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBJbWFnZVpvb21Db21wb25lbnQge1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBpbWFnZURhdGE6IHN0cmluZztcclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgc2hvdzogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBAT3V0cHV0KClcclxuICBwdWJsaWMgc2hvd0NoYW5nZTogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiem9vbS1sYXllclwiICpuZ0lmPVwic2hvd1wiIChjbGljayk9XCJzaG93ID0gZmFsc2U7IHNob3dDaGFuZ2UuZW1pdChzaG93KVwiPlxyXG4gIDxkaXYgY2xhc3M9XCJ6b29tLXdyYXBwZXJcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJjbG9zZS1idXR0b24td3JhcHBlclwiPlxyXG4gICAgICA8bWF0LWljb24gY2xhc3M9XCJob21lZGVjb3JhdG9yLW1hdGVyaWFsLWljb25zXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+Y2xvc2U8L21hdC1pY29uPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8aW1nIFtzcmNdPVwiaW1hZ2VEYXRhXCIvPlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIj5cclxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2015/app/plugins/lite-selector/lite-selector/component/selections-summary/selections-summary-line.component.js

@@ -0,0 +1,148 @@
+import { Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';
+import { IconEnum } from '../../../../../core/enum/icon.enum';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../../../core/service/homedecorator-connector.service";
+import * as i2 from "../../../../../core/service/homedecorator-icon-cache.service";
+import * as i3 from "../../../../../core/service/homedecorator-settings.service";
+import * as i4 from "@colijnit/corecomponents";
+import * as i5 from "@angular/common";
+import * as i6 from "../../../../../core/pipe/localize.pipe";
+export class SelectionsSummaryLineComponent {
+    constructor(iOne, iconCache, _settingsService) {
+        this.iOne = iOne;
+        this.iconCache = iconCache;
+        this._settingsService = _settingsService;
+        this.icon = IconEnum;
+        this.valutaSymbol = '€';
+        this.customizeButtonClicked = new EventEmitter();
+        this.summaryLineClick = new EventEmitter();
+        this.shouldBeHidden = false;
+        this.showCustomizeButton = false;
+        this.showOnlyLastAnswerDescriptionGenericSelection = false;
+        this._subs = [];
+        this._subs.push(this._settingsService.settingsLoaded.subscribe((loaded) => {
+            if (loaded) {
+                this.showOnlyLastAnswerDescriptionGenericSelection =
+                    this._settingsService.settings.options.showOnlyLastAnswerDescriptionGenericSelection;
+            }
+        }));
+    }
+    set selection(value) {
+        this._selection = value;
+        this.iOne.extendWithSelectionImage(this._selection, false);
+        if (this._selection.answerTreeAsArray && this._selection.answerTreeAsArray.length > 0) {
+            this.selectionDescription = this._selection.answerTreeAsArray.map(t => t.description).join(' / ');
+        }
+        else {
+            this.selectionDescription = (this.selection.answer ? this.selection.answer + ' : ' : '').concat(this.selection.lastAnswer);
+        }
+        // note: this is a temporary fix to hide certain selections from the summary list
+        // To do this properly there should be a property on selection that can be set from AS that states that the selection should be hidden
+        this.shouldBeHidden = this._selection.question.indexOf('[hidden]') > -1;
+    }
+    get selection() {
+        return this._selection;
+    }
+    ngOnDestroy() {
+        this._subs.forEach(s => s.unsubscribe());
+    }
+    ngOnInit() {
+        if (this._settingsService.settings.options.customizationEnabled) {
+            this.showCustomizeButton = true;
+        }
+    }
+}
+SelectionsSummaryLineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SelectionsSummaryLineComponent, deps: [{ token: i1.HomedecoratorConnectorService }, { token: i2.HomedecoratorIconCacheService }, { token: i3.HomedecoratorSettingsService }], target: i0.ɵɵFactoryTarget.Component });
+SelectionsSummaryLineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SelectionsSummaryLineComponent, selector: "rp-selections-summary-line", inputs: { selection: "selection", valutaSymbol: "valutaSymbol", answersTemplate: "answersTemplate", answerToShowFromSelectionText: "answerToShowFromSelectionText" }, outputs: { customizeButtonClicked: "customizeButtonClicked", summaryLineClick: "summaryLineClick" }, host: { properties: { "class.should-be-hidden": "this.shouldBeHidden" } }, ngImport: i0, template: `
+    <ng-container *ngIf="selection.generic || selection.grouped">
+      <co-summary-line class="co-summary-line"
+                       [imageData]="selection.imageDataLastAnswer"
+                       [title]="selection.question"
+                       [description]="showOnlyLastAnswerDescriptionGenericSelection ? selection.lastAnswer : selection.answerTreeString"
+                       [showContent]="answersTemplate && answerToShowFromSelectionText === selection.question"
+                       [isHighlighted]="iOne.activeSelection === selection"
+                       [valutaSymbol]="valutaSymbol"
+                       [price]="selection.totalPrice"
+                       [isCollapsable]="selection.answerTreeAsArray && selection.answerTreeAsArray.length > 1"
+                       (click)="summaryLineClick.emit()"
+      >
+        <ng-container *ngIf="answersTemplate" [ngTemplateOutlet]="answersTemplate"></ng-container>
+      </co-summary-line>
+    </ng-container>
+    <ng-container *ngIf="!selection.generic && !selection.grouped">
+      <div *ngIf="showCustomizeButton" class="customizer-button" (click)="customizeButtonClicked.emit()">
+        <co-icon [iconData]="iconCache.getIcon(icon.Brush)"></co-icon>
+        <span [textContent]="'CUSTOMIZE' | localize"></span>
+      </div>
+      <co-summary-line class="co-summary-line"
+                       [imageData]="selection.imageData"
+                       [multilineData]="selection.answerTreeAsArray || []"
+                       [showContent]="answersTemplate && answerToShowFromSelectionText === selection.question"
+                       [isHighlighted]="iOne.activeSelection === selection"
+                       [valutaSymbol]="valutaSymbol"
+                       [price]="selection.totalPrice"
+                       [isCollapsable]="selection.answerTreeAsArray && selection.answerTreeAsArray.length > 1"
+                       (click)="summaryLineClick.emit()"
+      >
+        <ng-container *ngIf="answersTemplate" [ngTemplateOutlet]="answersTemplate"></ng-container>
+      </co-summary-line>
+    </ng-container>
+  `, isInline: true, styles: [".customizer-button{display:flex;align-items:center;height:50px;width:100%;background-color:#f60f201c}.customizer-button p{color:#cd0d0d}\n"], components: [{ type: i4.ɵbs, selector: "co-summary-line", inputs: ["valutaSymbol", "isHighlighted", "isCollapsable", "showContent", "showClass", "imageData", "title", "description", "price", "multilineData"] }, { type: i4.ɵb, selector: "co-icon", inputs: ["icon", "iconData"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "localize": i6.LocalizePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SelectionsSummaryLineComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'rp-selections-summary-line',
+                    template: `
+    <ng-container *ngIf="selection.generic || selection.grouped">
+      <co-summary-line class="co-summary-line"
+                       [imageData]="selection.imageDataLastAnswer"
+                       [title]="selection.question"
+                       [description]="showOnlyLastAnswerDescriptionGenericSelection ? selection.lastAnswer : selection.answerTreeString"
+                       [showContent]="answersTemplate && answerToShowFromSelectionText === selection.question"
+                       [isHighlighted]="iOne.activeSelection === selection"
+                       [valutaSymbol]="valutaSymbol"
+                       [price]="selection.totalPrice"
+                       [isCollapsable]="selection.answerTreeAsArray && selection.answerTreeAsArray.length > 1"
+                       (click)="summaryLineClick.emit()"
+      >
+        <ng-container *ngIf="answersTemplate" [ngTemplateOutlet]="answersTemplate"></ng-container>
+      </co-summary-line>
+    </ng-container>
+    <ng-container *ngIf="!selection.generic && !selection.grouped">
+      <div *ngIf="showCustomizeButton" class="customizer-button" (click)="customizeButtonClicked.emit()">
+        <co-icon [iconData]="iconCache.getIcon(icon.Brush)"></co-icon>
+        <span [textContent]="'CUSTOMIZE' | localize"></span>
+      </div>
+      <co-summary-line class="co-summary-line"
+                       [imageData]="selection.imageData"
+                       [multilineData]="selection.answerTreeAsArray || []"
+                       [showContent]="answersTemplate && answerToShowFromSelectionText === selection.question"
+                       [isHighlighted]="iOne.activeSelection === selection"
+                       [valutaSymbol]="valutaSymbol"
+                       [price]="selection.totalPrice"
+                       [isCollapsable]="selection.answerTreeAsArray && selection.answerTreeAsArray.length > 1"
+                       (click)="summaryLineClick.emit()"
+      >
+        <ng-container *ngIf="answersTemplate" [ngTemplateOutlet]="answersTemplate"></ng-container>
+      </co-summary-line>
+    </ng-container>
+  `,
+                    styleUrls: ['./selections-summary-line.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1.HomedecoratorConnectorService }, { type: i2.HomedecoratorIconCacheService }, { type: i3.HomedecoratorSettingsService }]; }, propDecorators: { selection: [{
+                type: Input
+            }], valutaSymbol: [{
+                type: Input
+            }], answersTemplate: [{
+                type: Input
+            }], answerToShowFromSelectionText: [{
+                type: Input
+            }], customizeButtonClicked: [{
+                type: Output
+            }], summaryLineClick: [{
+                type: Output
+            }], shouldBeHidden: [{
+                type: HostBinding,
+                args: ['class.should-be-hidden']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0aW9ucy1zdW1tYXJ5LWxpbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NsaWVudC9hcHAvcGx1Z2lucy9saXRlLXNlbGVjdG9yL2xpdGUtc2VsZWN0b3IvY29tcG9uZW50L3NlbGVjdGlvbnMtc3VtbWFyeS9zZWxlY3Rpb25zLXN1bW1hcnktbGluZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBcUIsTUFBTSxFQUFjLE1BQU0sZUFBZSxDQUFDO0FBR2xILE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxvQ0FBb0MsQ0FBQzs7Ozs7Ozs7QUE0QzVELE1BQU0sT0FBTyw4QkFBOEI7SUFpRHpDLFlBQ1MsSUFBbUMsRUFDbkMsU0FBd0MsRUFDdkMsZ0JBQThDO1FBRi9DLFNBQUksR0FBSixJQUFJLENBQStCO1FBQ25DLGNBQVMsR0FBVCxTQUFTLENBQStCO1FBQ3ZDLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBOEI7UUFoQ2pELFNBQUksR0FBb0IsUUFBUSxDQUFDO1FBR2pDLGlCQUFZLEdBQVcsR0FBRyxDQUFDO1FBUzNCLDJCQUFzQixHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBR3RFLHFCQUFnQixHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBR2hFLG1CQUFjLEdBQVksS0FBSyxDQUFDO1FBR2hDLHdCQUFtQixHQUFZLEtBQUssQ0FBQztRQUlyQyxrREFBNkMsR0FBWSxLQUFLLENBQUM7UUFFOUQsVUFBSyxHQUFtQixFQUFFLENBQUM7UUFPakMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQ2IsSUFBSSxDQUFDLGdCQUFnQixDQUFDLGNBQWMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxNQUFlLEVBQUUsRUFBRTtZQUNqRSxJQUFJLE1BQU0sRUFBRTtnQkFDVixJQUFJLENBQUMsNkNBQTZDO29CQUNoRCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyw2Q0FBNkMsQ0FBQzthQUN4RjtRQUNILENBQUMsQ0FBQyxDQUNILENBQUM7SUFDSixDQUFDO0lBNURELElBQ1csU0FBUyxDQUFDLEtBQWdCO1FBQ25DLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLElBQUksQ0FBQyxJQUFJLENBQUMsd0JBQXdCLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxLQUFLLENBQUMsQ0FBQztRQUMzRCxJQUFJLElBQUksQ0FBQyxVQUFVLENBQUMsaUJBQWlCLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxpQkFBaUIsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO1lBQ3JGLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGlCQUFpQixDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDbkc7YUFBTTtZQUNMLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLFVBQVUsQ0FBQyxDQUFDO1NBQzVIO1FBQ0QsaUZBQWlGO1FBQ2pGLHNJQUFzSTtRQUN0SSxJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQztJQUMxRSxDQUFDO0lBRUQsSUFBVyxTQUFTO1FBQ2xCLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUN6QixDQUFDO0lBOENELFdBQVc7UUFDVCxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUFDO0lBQzNDLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxvQkFBb0IsRUFBRTtZQUMvRCxJQUFJLENBQUMsbUJBQW1CLEdBQUcsSUFBSSxDQUFDO1NBQ2pDO0lBQ0gsQ0FBQzs7NEhBeEVVLDhCQUE4QjtnSEFBOUIsOEJBQThCLHdaQXJDL0I7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FrQ1Q7NEZBR1UsOEJBQThCO2tCQXZDMUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsNEJBQTRCO29CQUN0QyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FrQ1Q7b0JBQ0QsU0FBUyxFQUFFLENBQUMsMENBQTBDLENBQUM7aUJBQ3hEOzJNQUlZLFNBQVM7c0JBRG5CLEtBQUs7Z0JBcUJDLFlBQVk7c0JBRGxCLEtBQUs7Z0JBSUMsZUFBZTtzQkFEckIsS0FBSztnQkFJQyw2QkFBNkI7c0JBRG5DLEtBQUs7Z0JBSUMsc0JBQXNCO3NCQUQ1QixNQUFNO2dCQUlBLGdCQUFnQjtzQkFEdEIsTUFBTTtnQkFJQSxjQUFjO3NCQURwQixXQUFXO3VCQUFDLHdCQUF3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT25EZXN0cm95LCBPbkluaXQsIE91dHB1dCwgVGVtcGxhdGVSZWZ9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge1NlbGVjdGlvbn0gZnJvbSAnQGNvbGlqbml0L2NvbmZpZ3VyYXRvcmFwaS9idWlsZC9tb2RlbC9zZWxlY3Rpb24nO1xyXG5pbXBvcnQge1N1YnNjcmlwdGlvbn0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7SWNvbkVudW19IGZyb20gJy4uLy4uLy4uLy4uLy4uL2NvcmUvZW51bS9pY29uLmVudW0nO1xyXG5pbXBvcnQge0hvbWVkZWNvcmF0b3JDb25uZWN0b3JTZXJ2aWNlfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9jb3JlL3NlcnZpY2UvaG9tZWRlY29yYXRvci1jb25uZWN0b3Iuc2VydmljZSc7XHJcbmltcG9ydCB7SG9tZWRlY29yYXRvckljb25DYWNoZVNlcnZpY2V9IGZyb20gJy4uLy4uLy4uLy4uLy4uL2NvcmUvc2VydmljZS9ob21lZGVjb3JhdG9yLWljb24tY2FjaGUuc2VydmljZSc7XHJcbmltcG9ydCB7SG9tZWRlY29yYXRvclNldHRpbmdzU2VydmljZX0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vY29yZS9zZXJ2aWNlL2hvbWVkZWNvcmF0b3Itc2V0dGluZ3Muc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3JwLXNlbGVjdGlvbnMtc3VtbWFyeS1saW5lJyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInNlbGVjdGlvbi5nZW5lcmljIHx8IHNlbGVjdGlvbi5ncm91cGVkXCI+XHJcbiAgICAgIDxjby1zdW1tYXJ5LWxpbmUgY2xhc3M9XCJjby1zdW1tYXJ5LWxpbmVcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgIFtpbWFnZURhdGFdPVwic2VsZWN0aW9uLmltYWdlRGF0YUxhc3RBbnN3ZXJcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgIFt0aXRsZV09XCJzZWxlY3Rpb24ucXVlc3Rpb25cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgIFtkZXNjcmlwdGlvbl09XCJzaG93T25seUxhc3RBbnN3ZXJEZXNjcmlwdGlvbkdlbmVyaWNTZWxlY3Rpb24gPyBzZWxlY3Rpb24ubGFzdEFuc3dlciA6IHNlbGVjdGlvbi5hbnN3ZXJUcmVlU3RyaW5nXCJcclxuICAgICAgICAgICAgICAgICAgICAgICBbc2hvd0NvbnRlbnRdPVwiYW5zd2Vyc1RlbXBsYXRlICYmIGFuc3dlclRvU2hvd0Zyb21TZWxlY3Rpb25UZXh0ID09PSBzZWxlY3Rpb24ucXVlc3Rpb25cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgIFtpc0hpZ2hsaWdodGVkXT1cImlPbmUuYWN0aXZlU2VsZWN0aW9uID09PSBzZWxlY3Rpb25cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgIFt2YWx1dGFTeW1ib2xdPVwidmFsdXRhU3ltYm9sXCJcclxuICAgICAgICAgICAgICAgICAgICAgICBbcHJpY2VdPVwic2VsZWN0aW9uLnRvdGFsUHJpY2VcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgIFtpc0NvbGxhcHNhYmxlXT1cInNlbGVjdGlvbi5hbnN3ZXJUcmVlQXNBcnJheSAmJiBzZWxlY3Rpb24uYW5zd2VyVHJlZUFzQXJyYXkubGVuZ3RoID4gMVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cInN1bW1hcnlMaW5lQ2xpY2suZW1pdCgpXCJcclxuICAgICAgPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJhbnN3ZXJzVGVtcGxhdGVcIiBbbmdUZW1wbGF0ZU91dGxldF09XCJhbnN3ZXJzVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cclxuICAgICAgPC9jby1zdW1tYXJ5LWxpbmU+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhc2VsZWN0aW9uLmdlbmVyaWMgJiYgIXNlbGVjdGlvbi5ncm91cGVkXCI+XHJcbiAgICAgIDxkaXYgKm5nSWY9XCJzaG93Q3VzdG9taXplQnV0dG9uXCIgY2xhc3M9XCJjdXN0b21pemVyLWJ1dHRvblwiIChjbGljayk9XCJjdXN0b21pemVCdXR0b25DbGlja2VkLmVtaXQoKVwiPlxyXG4gICAgICAgIDxjby1pY29uIFtpY29uRGF0YV09XCJpY29uQ2FjaGUuZ2V0SWNvbihpY29uLkJydXNoKVwiPjwvY28taWNvbj5cclxuICAgICAgICA8c3BhbiBbdGV4dENvbnRlbnRdPVwiJ0NVU1RPTUlaRScgfCBsb2NhbGl6ZVwiPjwvc3Bhbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxjby1zdW1tYXJ5LWxpbmUgY2xhc3M9XCJjby1zdW1tYXJ5LWxpbmVcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgIFtpbWFnZURhdGFdPVwic2VsZWN0aW9uLmltYWdlRGF0YVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgW211bHRpbGluZURhdGFdPVwic2VsZWN0aW9uLmFuc3dlclRyZWVBc0FycmF5IHx8IFtdXCJcclxuICAgICAgICAgICAgICAgICAgICAgICBbc2hvd0NvbnRlbnRdPVwiYW5zd2Vyc1RlbXBsYXRlICYmIGFuc3dlclRvU2hvd0Zyb21TZWxlY3Rpb25UZXh0ID09PSBzZWxlY3Rpb24ucXVlc3Rpb25cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgIFtpc0hpZ2hsaWdodGVkXT1cImlPbmUuYWN0aXZlU2VsZWN0aW9uID09PSBzZWxlY3Rpb25cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgIFt2YWx1dGFTeW1ib2xdPVwidmFsdXRhU3ltYm9sXCJcclxuICAgICAgICAgICAgICAgICAgICAgICBbcHJpY2VdPVwic2VsZWN0aW9uLnRvdGFsUHJpY2VcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgIFtpc0NvbGxhcHNhYmxlXT1cInNlbGVjdGlvbi5hbnN3ZXJUcmVlQXNBcnJheSAmJiBzZWxlY3Rpb24uYW5zd2VyVHJlZUFzQXJyYXkubGVuZ3RoID4gMVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cInN1bW1hcnlMaW5lQ2xpY2suZW1pdCgpXCJcclxuICAgICAgPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJhbnN3ZXJzVGVtcGxhdGVcIiBbbmdUZW1wbGF0ZU91dGxldF09XCJhbnN3ZXJzVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cclxuICAgICAgPC9jby1zdW1tYXJ5LWxpbmU+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuICBgLFxyXG4gIHN0eWxlVXJsczogWycuL3NlbGVjdGlvbnMtc3VtbWFyeS1saW5lLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFNlbGVjdGlvbnNTdW1tYXJ5TGluZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgc2V0IHNlbGVjdGlvbih2YWx1ZTogU2VsZWN0aW9uKSB7XHJcbiAgICB0aGlzLl9zZWxlY3Rpb24gPSB2YWx1ZTtcclxuICAgIHRoaXMuaU9uZS5leHRlbmRXaXRoU2VsZWN0aW9uSW1hZ2UodGhpcy5fc2VsZWN0aW9uLCBmYWxzZSk7XHJcbiAgICBpZiAodGhpcy5fc2VsZWN0aW9uLmFuc3dlclRyZWVBc0FycmF5ICYmIHRoaXMuX3NlbGVjdGlvbi5hbnN3ZXJUcmVlQXNBcnJheS5sZW5ndGggPiAwKSB7XHJcbiAgICAgIHRoaXMuc2VsZWN0aW9uRGVzY3JpcHRpb24gPSB0aGlzLl9zZWxlY3Rpb24uYW5zd2VyVHJlZUFzQXJyYXkubWFwKHQgPT4gdC5kZXNjcmlwdGlvbikuam9pbignIC8gJyk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLnNlbGVjdGlvbkRlc2NyaXB0aW9uID0gKHRoaXMuc2VsZWN0aW9uLmFuc3dlciA/IHRoaXMuc2VsZWN0aW9uLmFuc3dlciArICcgOiAnIDogJycpLmNvbmNhdCh0aGlzLnNlbGVjdGlvbi5sYXN0QW5zd2VyKTtcclxuICAgIH1cclxuICAgIC8vIG5vdGU6IHRoaXMgaXMgYSB0ZW1wb3JhcnkgZml4IHRvIGhpZGUgY2VydGFpbiBzZWxlY3Rpb25zIGZyb20gdGhlIHN1bW1hcnkgbGlzdFxyXG4gICAgLy8gVG8gZG8gdGhpcyBwcm9wZXJseSB0aGVyZSBzaG91bGQgYmUgYSBwcm9wZXJ0eSBvbiBzZWxlY3Rpb24gdGhhdCBjYW4gYmUgc2V0IGZyb20gQVMgdGhhdCBzdGF0ZXMgdGhhdCB0aGUgc2VsZWN0aW9uIHNob3VsZCBiZSBoaWRkZW5cclxuICAgIHRoaXMuc2hvdWxkQmVIaWRkZW4gPSB0aGlzLl9zZWxlY3Rpb24ucXVlc3Rpb24uaW5kZXhPZignW2hpZGRlbl0nKSA+IC0xO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldCBzZWxlY3Rpb24oKTogU2VsZWN0aW9uIHtcclxuICAgIHJldHVybiB0aGlzLl9zZWxlY3Rpb247XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgaWNvbjogdHlwZW9mIEljb25FbnVtID0gSWNvbkVudW07XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIHZhbHV0YVN5bWJvbDogc3RyaW5nID0gJ+KCrCc7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGFuc3dlcnNUZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PjtcclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgYW5zd2VyVG9TaG93RnJvbVNlbGVjdGlvblRleHQ6IHN0cmluZztcclxuXHJcbiAgQE91dHB1dCgpXHJcbiAgcHVibGljIGN1c3RvbWl6ZUJ1dHRvbkNsaWNrZWQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuXHJcbiAgQE91dHB1dCgpXHJcbiAgcHVibGljIHN1bW1hcnlMaW5lQ2xpY2s6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuXHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5zaG91bGQtYmUtaGlkZGVuJylcclxuICBwdWJsaWMgc2hvdWxkQmVIaWRkZW46IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgcHVibGljIHNlbGVjdGlvbkRlc2NyaXB0aW9uOiBzdHJpbmc7XHJcbiAgcHVibGljIHNob3dDdXN0b21pemVCdXR0b246IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgcHJpdmF0ZSBfc2VsZWN0aW9uOiBTZWxlY3Rpb247XHJcblxyXG4gIHB1YmxpYyBzaG93T25seUxhc3RBbnN3ZXJEZXNjcmlwdGlvbkdlbmVyaWNTZWxlY3Rpb246IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgcHJpdmF0ZSBfc3ViczogU3Vic2NyaXB0aW9uW10gPSBbXTtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwdWJsaWMgaU9uZTogSG9tZWRlY29yYXRvckNvbm5lY3RvclNlcnZpY2UsXHJcbiAgICBwdWJsaWMgaWNvbkNhY2hlOiBIb21lZGVjb3JhdG9ySWNvbkNhY2hlU2VydmljZSxcclxuICAgIHByaXZhdGUgX3NldHRpbmdzU2VydmljZTogSG9tZWRlY29yYXRvclNldHRpbmdzU2VydmljZVxyXG4gICkge1xyXG4gICAgdGhpcy5fc3Vicy5wdXNoKFxyXG4gICAgICB0aGlzLl9zZXR0aW5nc1NlcnZpY2Uuc2V0dGluZ3NMb2FkZWQuc3Vic2NyaWJlKChsb2FkZWQ6IGJvb2xlYW4pID0+IHtcclxuICAgICAgICBpZiAobG9hZGVkKSB7XHJcbiAgICAgICAgICB0aGlzLnNob3dPbmx5TGFzdEFuc3dlckRlc2NyaXB0aW9uR2VuZXJpY1NlbGVjdGlvbiA9XHJcbiAgICAgICAgICAgIHRoaXMuX3NldHRpbmdzU2VydmljZS5zZXR0aW5ncy5vcHRpb25zLnNob3dPbmx5TGFzdEFuc3dlckRlc2NyaXB0aW9uR2VuZXJpY1NlbGVjdGlvbjtcclxuICAgICAgICB9XHJcbiAgICAgIH0pXHJcbiAgICApO1xyXG4gIH1cclxuXHJcbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICB0aGlzLl9zdWJzLmZvckVhY2gocyA9PiBzLnVuc3Vic2NyaWJlKCkpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5fc2V0dGluZ3NTZXJ2aWNlLnNldHRpbmdzLm9wdGlvbnMuY3VzdG9taXphdGlvbkVuYWJsZWQpIHtcclxuICAgICAgdGhpcy5zaG93Q3VzdG9taXplQnV0dG9uID0gdHJ1ZTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIl19

package/esm2015/app/plugins/lite-selector/lite-selector/component/selections-summary/selections-summary.component.js

@@ -0,0 +1,167 @@
+import { Component, EventEmitter, HostBinding, HostListener, Input, Output } from '@angular/core';
+import { IconEnum } from '../../../../../core/enum/icon.enum';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../../threedselector/threedselector/service/build-furniture.service";
+import * as i2 from "../../service/customizer.service";
+import * as i3 from "../../../../../core/service/homedecorator-settings.service";
+import * as i4 from "../../../../../core/service/homedecorator-connector.service";
+import * as i5 from "../../../../../core/service/homedecorator-icon-cache.service";
+import * as i6 from "@angular/material/button";
+import * as i7 from "@angular/material/icon";
+import * as i8 from "./selections-summary-line.component";
+import * as i9 from "@colijnit/corecomponents";
+import * as i10 from "../customizer/customizer.component";
+import * as i11 from "@angular/common";
+import * as i12 from "../../../../../core/pipe/localize.pipe";
+export class SelectionsSummaryComponent {
+    constructor(_buildFurnitureService, customizerService, settingsService, iOne, iconCache) {
+        this._buildFurnitureService = _buildFurnitureService;
+        this.customizerService = customizerService;
+        this.settingsService = settingsService;
+        this.iOne = iOne;
+        this.iconCache = iconCache;
+        this.icon = IconEnum;
+        this.selections = [];
+        this.showLabel = true;
+        this.canClose = true;
+        this.customDimensions = false;
+        this.disableMouse = false;
+        this.closeClick = new EventEmitter();
+        this.cancelAnswers = new EventEmitter();
+        this.selectSelection = new EventEmitter();
+        this.valutaSymbol = '€';
+        this._subs = [];
+        this._subs.push(this.settingsService.settingsLoaded.subscribe((loaded) => {
+            if (loaded && this.settingsService.settings.currencySymbol) {
+                this.valutaSymbol = this.settingsService.settings.currencySymbol;
+            }
+        })
+        // this._buildFurnitureService.toggleSelectedElement.subscribe((element: Mesh) => this.toggleElement(element))
+        );
+    }
+    handledocumentMouseUp(event) {
+        this.disableMouse = false;
+    }
+    handleDocumentMouseDown(event) {
+        this.disableMouse = event.buttons === 1;
+    }
+    ngOnDestroy() {
+        this._subs.forEach(s => s.unsubscribe());
+    }
+    handleClick(sel) {
+        this.selectSelection.emit(sel);
+    }
+    toggleElement(sel) {
+        this.selectionToCustomize = sel;
+        this.customizerService.showCustomizeSlideout = false;
+    }
+}
+SelectionsSummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SelectionsSummaryComponent, deps: [{ token: i1.BuildFurnitureService }, { token: i2.CustomizerService }, { token: i3.HomedecoratorSettingsService }, { token: i4.HomedecoratorConnectorService }, { token: i5.HomedecoratorIconCacheService }], target: i0.ɵɵFactoryTarget.Component });
+SelectionsSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SelectionsSummaryComponent, selector: "rp-selections-summary", inputs: { selections: "selections", showLabel: "showLabel", canClose: "canClose", answersTemplate: "answersTemplate", answerToShowFromSelectionText: "answerToShowFromSelectionText", customDimensions: "customDimensions" }, outputs: { closeClick: "closeClick", cancelAnswers: "cancelAnswers", selectSelection: "selectSelection" }, host: { listeners: { "document:mouseup": "handledocumentMouseUp($event)", "document:mousemove": "handleDocumentMouseDown($event)" }, properties: { "class.custom-dimensions": "this.customDimensions", "class.disable-mouse": "this.disableMouse" } }, ngImport: i0, template: `
+      <header *ngIf="showLabel || canClose" class="drawer__header">
+          <h2 *ngIf="showLabel" class="mat-title">{{'CONFIGURATION' | localize}}</h2>
+          <button *ngIf="canClose" mat-raised-button class="close-lite-selector" (click)="closeClick.emit()">
+              <mat-icon class="homedecorator-material-icons" aria-hidden="true">close</mat-icon>
+          </button>
+      </header>
+      <div class="selections-content small-scrollbar">
+          <ng-container *ngFor="let sel of selections; let index = index">
+              <rp-selections-summary-line
+                      [selection]="sel"
+                      [answersTemplate]="answersTemplate ? answersTemplate : undefined"
+                      [answerToShowFromSelectionText]="answerToShowFromSelectionText"
+                      [valutaSymbol]="valutaSymbol"
+                      (summaryLineClick)="handleClick(sel)"
+                      (customizeButtonClicked)="toggleElement(sel)"
+              ></rp-selections-summary-line>
+          </ng-container>
+
+          <div class="sum" *ngIf="settingsService.settings.options.showAsConfigured">
+              <label [textContent]="'AS_CONFIGURED' | localize"></label><span class="total-price"></span>
+              <div class="price"> {{ iOne.totalPrice | priceDisplay: valutaSymbol }}</div>
+          </div>
+      </div>
+      <co-slideout *ngIf="customizerService.showCustomizeSlideout" [show]="customizerService.showCustomizeSlideout" class="customizer-slideout">
+          <div class="header">
+              <button mat-raised-button class="close-answer" (click)="customizerService.showCustomizeSlideout = false">
+                  <mat-icon class="homedecorator-material-icons" aria-hidden="true">close</mat-icon>
+              </button>
+          </div>
+          <div>
+              <rp-customizer [selection]="selectionToCustomize"></rp-customizer>
+          </div>
+      </co-slideout>
+  `, isInline: true, styles: [":host{display:flex;flex-direction:column;overflow:hidden}:host.disable-mouse{pointer-events:none}.selections-content{overflow-y:auto}.rp-selections-summary{display:inline-block;background-color:#fff;overflow-y:auto;position:relative}.rp-selections-summary ::ng-deep co-summary-line br{display:none}:host:not(.custom-dimensions){min-width:400px;max-width:600px;min-height:300px}.drawer__header{height:48px}h2{display:inline-block}button.close-lite-selector{position:absolute;right:0}div.sum{display:flex;align-items:center;height:50px;width:100%;background-color:#deecf3;box-shadow:0 0 2px #484f6040}div.sum>label{width:100%;font-size:11.5px;margin-left:12px}div.sum>div.price{font-weight:bold;font-size:18px;margin-right:3px;white-space:nowrap}co-icon{margin:0 10px}.customizer-slideout{margin-top:65px;width:400px;height:800px!important}.close-answer{position:absolute;top:0;right:0}\n"], components: [{ type: i6.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"] }, { type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i8.SelectionsSummaryLineComponent, selector: "rp-selections-summary-line", inputs: ["selection", "valutaSymbol", "answersTemplate", "answerToShowFromSelectionText"], outputs: ["customizeButtonClicked", "summaryLineClick"] }, { type: i9.ɵbr, selector: "co-slideout", inputs: ["show", "resizable"] }, { type: i10.CustomizerComponent, selector: "rp-customizer", inputs: ["selection"] }], directives: [{ type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i11.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "localize": i12.LocalizePipe, "priceDisplay": i9.ɵn } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SelectionsSummaryComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'rp-selections-summary',
+                    template: `
+      <header *ngIf="showLabel || canClose" class="drawer__header">
+          <h2 *ngIf="showLabel" class="mat-title">{{'CONFIGURATION' | localize}}</h2>
+          <button *ngIf="canClose" mat-raised-button class="close-lite-selector" (click)="closeClick.emit()">
+              <mat-icon class="homedecorator-material-icons" aria-hidden="true">close</mat-icon>
+          </button>
+      </header>
+      <div class="selections-content small-scrollbar">
+          <ng-container *ngFor="let sel of selections; let index = index">
+              <rp-selections-summary-line
+                      [selection]="sel"
+                      [answersTemplate]="answersTemplate ? answersTemplate : undefined"
+                      [answerToShowFromSelectionText]="answerToShowFromSelectionText"
+                      [valutaSymbol]="valutaSymbol"
+                      (summaryLineClick)="handleClick(sel)"
+                      (customizeButtonClicked)="toggleElement(sel)"
+              ></rp-selections-summary-line>
+          </ng-container>
+
+          <div class="sum" *ngIf="settingsService.settings.options.showAsConfigured">
+              <label [textContent]="'AS_CONFIGURED' | localize"></label><span class="total-price"></span>
+              <div class="price"> {{ iOne.totalPrice | priceDisplay: valutaSymbol }}</div>
+          </div>
+      </div>
+      <co-slideout *ngIf="customizerService.showCustomizeSlideout" [show]="customizerService.showCustomizeSlideout" class="customizer-slideout">
+          <div class="header">
+              <button mat-raised-button class="close-answer" (click)="customizerService.showCustomizeSlideout = false">
+                  <mat-icon class="homedecorator-material-icons" aria-hidden="true">close</mat-icon>
+              </button>
+          </div>
+          <div>
+              <rp-customizer [selection]="selectionToCustomize"></rp-customizer>
+          </div>
+      </co-slideout>
+  `,
+                    styleUrls: ['./selections-summary.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1.BuildFurnitureService }, { type: i2.CustomizerService }, { type: i3.HomedecoratorSettingsService }, { type: i4.HomedecoratorConnectorService }, { type: i5.HomedecoratorIconCacheService }]; }, propDecorators: { selections: [{
+                type: Input
+            }], showLabel: [{
+                type: Input
+            }], canClose: [{
+                type: Input
+            }], answersTemplate: [{
+                type: Input
+            }], answerToShowFromSelectionText: [{
+                type: Input
+            }], customDimensions: [{
+                type: HostBinding,
+                args: ['class.custom-dimensions']
+            }, {
+                type: Input
+            }], disableMouse: [{
+                type: HostBinding,
+                args: ['class.disable-mouse']
+            }], handledocumentMouseUp: [{
+                type: HostListener,
+                args: ['document:mouseup', ['$event']]
+            }], handleDocumentMouseDown: [{
+                type: HostListener,
+                args: ['document:mousemove', ['$event']]
+            }], closeClick: [{
+                type: Output
+            }], cancelAnswers: [{
+                type: Output
+            }], selectSelection: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0aW9ucy1zdW1tYXJ5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jbGllbnQvYXBwL3BsdWdpbnMvbGl0ZS1zZWxlY3Rvci9saXRlLXNlbGVjdG9yL2NvbXBvbmVudC9zZWxlY3Rpb25zLXN1bW1hcnkvc2VsZWN0aW9ucy1zdW1tYXJ5LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWdCLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQWEsTUFBTSxFQUFjLE1BQU0sZUFBZSxDQUFDO0FBR3ZJLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxvQ0FBb0MsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7QUE4QzVELE1BQU0sT0FBTywwQkFBMEI7SUFvRHJDLFlBQ1Usc0JBQTZDLEVBQzlDLGlCQUFvQyxFQUNwQyxlQUE2QyxFQUM3QyxJQUFtQyxFQUNuQyxTQUF3QztRQUp2QywyQkFBc0IsR0FBdEIsc0JBQXNCLENBQXVCO1FBQzlDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUFDcEMsb0JBQWUsR0FBZixlQUFlLENBQThCO1FBQzdDLFNBQUksR0FBSixJQUFJLENBQStCO1FBQ25DLGNBQVMsR0FBVCxTQUFTLENBQStCO1FBeERqQyxTQUFJLEdBQW9CLFFBQVEsQ0FBQztRQUcxQyxlQUFVLEdBQWdCLEVBQUUsQ0FBQztRQUc3QixjQUFTLEdBQVksSUFBSSxDQUFDO1FBRzFCLGFBQVEsR0FBWSxJQUFJLENBQUM7UUFVekIscUJBQWdCLEdBQVksS0FBSyxDQUFDO1FBR2xDLGlCQUFZLEdBQVksS0FBSyxDQUFDO1FBYXJCLGVBQVUsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUcxRCxrQkFBYSxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBRzdELG9CQUFlLEdBQTRCLElBQUksWUFBWSxFQUFhLENBQUM7UUFNbEYsaUJBQVksR0FBVyxHQUFHLENBQUM7UUFFMUIsVUFBSyxHQUFtQixFQUFFLENBQUM7UUFTakMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQ2IsSUFBSSxDQUFDLGVBQWUsQ0FBQyxjQUFjLENBQUMsU0FBUyxDQUFDLENBQUMsTUFBZSxFQUFFLEVBQUU7WUFDaEUsSUFBSSxNQUFNLElBQUksSUFBSSxDQUFDLGVBQWUsQ0FBQyxRQUFRLENBQUMsY0FBYyxFQUFFO2dCQUMxRCxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsUUFBUSxDQUFDLGNBQWMsQ0FBQzthQUNsRTtRQUNILENBQUMsQ0FBQztRQUNGLDhHQUE4RztTQUMvRyxDQUFDO0lBQ0osQ0FBQztJQXpDTSxxQkFBcUIsQ0FBQyxLQUFVO1FBQ3JDLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO0lBQzVCLENBQUM7SUFHTSx1QkFBdUIsQ0FBQyxLQUFVO1FBQ3ZDLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDLE9BQU8sS0FBSyxDQUFDLENBQUM7SUFDMUMsQ0FBQztJQW9DRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBRU0sV0FBVyxDQUFDLEdBQWM7UUFDL0IsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDakMsQ0FBQztJQUVNLGFBQWEsQ0FBQyxHQUFjO1FBQ2pDLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxHQUFHLENBQUM7UUFDaEMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLHFCQUFxQixHQUFHLEtBQUssQ0FBQztJQUN2RCxDQUFDOzt3SEFoRlUsMEJBQTBCOzRHQUExQiwwQkFBMEIsNm5CQXJDM0I7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FrQ1Q7NEZBR1UsMEJBQTBCO2tCQXZDdEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsdUJBQXVCO29CQUNqQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FrQ1Q7b0JBQ0QsU0FBUyxFQUFFLENBQUMscUNBQXFDLENBQUM7aUJBQ25EOytRQUtRLFVBQVU7c0JBRGhCLEtBQUs7Z0JBSUMsU0FBUztzQkFEZixLQUFLO2dCQUlDLFFBQVE7c0JBRGQsS0FBSztnQkFJQyxlQUFlO3NCQURyQixLQUFLO2dCQUlDLDZCQUE2QjtzQkFEbkMsS0FBSztnQkFLQyxnQkFBZ0I7c0JBRnRCLFdBQVc7dUJBQUMseUJBQXlCOztzQkFDckMsS0FBSztnQkFJQyxZQUFZO3NCQURsQixXQUFXO3VCQUFDLHFCQUFxQjtnQkFJM0IscUJBQXFCO3NCQUQzQixZQUFZO3VCQUFDLGtCQUFrQixFQUFFLENBQUMsUUFBUSxDQUFDO2dCQU1yQyx1QkFBdUI7c0JBRDdCLFlBQVk7dUJBQUMsb0JBQW9CLEVBQUUsQ0FBQyxRQUFRLENBQUM7Z0JBTTlCLFVBQVU7c0JBRHpCLE1BQU07Z0JBSVMsYUFBYTtzQkFENUIsTUFBTTtnQkFJUyxlQUFlO3NCQUQ5QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSG9zdEJpbmRpbmcsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIE9uRGVzdHJveSwgT3V0cHV0LCBUZW1wbGF0ZVJlZn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7U2VsZWN0aW9ufSBmcm9tICdAY29saWpuaXQvY29uZmlndXJhdG9yYXBpL2J1aWxkL21vZGVsL3NlbGVjdGlvbic7XHJcbmltcG9ydCB7U3Vic2NyaXB0aW9ufSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHtJY29uRW51bX0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vY29yZS9lbnVtL2ljb24uZW51bSc7XHJcbmltcG9ydCB7QnVpbGRGdXJuaXR1cmVTZXJ2aWNlfSBmcm9tICcuLi8uLi8uLi8uLi90aHJlZWRzZWxlY3Rvci90aHJlZWRzZWxlY3Rvci9zZXJ2aWNlL2J1aWxkLWZ1cm5pdHVyZS5zZXJ2aWNlJztcclxuaW1wb3J0IHtDdXN0b21pemVyU2VydmljZX0gZnJvbSAnLi4vLi4vc2VydmljZS9jdXN0b21pemVyLnNlcnZpY2UnO1xyXG5pbXBvcnQge0hvbWVkZWNvcmF0b3JTZXR0aW5nc1NlcnZpY2V9IGZyb20gJy4uLy4uLy4uLy4uLy4uL2NvcmUvc2VydmljZS9ob21lZGVjb3JhdG9yLXNldHRpbmdzLnNlcnZpY2UnO1xyXG5pbXBvcnQge0hvbWVkZWNvcmF0b3JDb25uZWN0b3JTZXJ2aWNlfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9jb3JlL3NlcnZpY2UvaG9tZWRlY29yYXRvci1jb25uZWN0b3Iuc2VydmljZSc7XHJcbmltcG9ydCB7SG9tZWRlY29yYXRvckljb25DYWNoZVNlcnZpY2V9IGZyb20gJy4uLy4uLy4uLy4uLy4uL2NvcmUvc2VydmljZS9ob21lZGVjb3JhdG9yLWljb24tY2FjaGUuc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3JwLXNlbGVjdGlvbnMtc3VtbWFyeScsXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgICAgPGhlYWRlciAqbmdJZj1cInNob3dMYWJlbCB8fCBjYW5DbG9zZVwiIGNsYXNzPVwiZHJhd2VyX19oZWFkZXJcIj5cclxuICAgICAgICAgIDxoMiAqbmdJZj1cInNob3dMYWJlbFwiIGNsYXNzPVwibWF0LXRpdGxlXCI+e3snQ09ORklHVVJBVElPTicgfCBsb2NhbGl6ZX19PC9oMj5cclxuICAgICAgICAgIDxidXR0b24gKm5nSWY9XCJjYW5DbG9zZVwiIG1hdC1yYWlzZWQtYnV0dG9uIGNsYXNzPVwiY2xvc2UtbGl0ZS1zZWxlY3RvclwiIChjbGljayk9XCJjbG9zZUNsaWNrLmVtaXQoKVwiPlxyXG4gICAgICAgICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cImhvbWVkZWNvcmF0b3ItbWF0ZXJpYWwtaWNvbnNcIiBhcmlhLWhpZGRlbj1cInRydWVcIj5jbG9zZTwvbWF0LWljb24+XHJcbiAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgPC9oZWFkZXI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJzZWxlY3Rpb25zLWNvbnRlbnQgc21hbGwtc2Nyb2xsYmFyXCI+XHJcbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBzZWwgb2Ygc2VsZWN0aW9uczsgbGV0IGluZGV4ID0gaW5kZXhcIj5cclxuICAgICAgICAgICAgICA8cnAtc2VsZWN0aW9ucy1zdW1tYXJ5LWxpbmVcclxuICAgICAgICAgICAgICAgICAgICAgIFtzZWxlY3Rpb25dPVwic2VsXCJcclxuICAgICAgICAgICAgICAgICAgICAgIFthbnN3ZXJzVGVtcGxhdGVdPVwiYW5zd2Vyc1RlbXBsYXRlID8gYW5zd2Vyc1RlbXBsYXRlIDogdW5kZWZpbmVkXCJcclxuICAgICAgICAgICAgICAgICAgICAgIFthbnN3ZXJUb1Nob3dGcm9tU2VsZWN0aW9uVGV4dF09XCJhbnN3ZXJUb1Nob3dGcm9tU2VsZWN0aW9uVGV4dFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICBbdmFsdXRhU3ltYm9sXT1cInZhbHV0YVN5bWJvbFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAoc3VtbWFyeUxpbmVDbGljayk9XCJoYW5kbGVDbGljayhzZWwpXCJcclxuICAgICAgICAgICAgICAgICAgICAgIChjdXN0b21pemVCdXR0b25DbGlja2VkKT1cInRvZ2dsZUVsZW1lbnQoc2VsKVwiXHJcbiAgICAgICAgICAgICAgPjwvcnAtc2VsZWN0aW9ucy1zdW1tYXJ5LWxpbmU+XHJcbiAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic3VtXCIgKm5nSWY9XCJzZXR0aW5nc1NlcnZpY2Uuc2V0dGluZ3Mub3B0aW9ucy5zaG93QXNDb25maWd1cmVkXCI+XHJcbiAgICAgICAgICAgICAgPGxhYmVsIFt0ZXh0Q29udGVudF09XCInQVNfQ09ORklHVVJFRCcgfCBsb2NhbGl6ZVwiPjwvbGFiZWw+PHNwYW4gY2xhc3M9XCJ0b3RhbC1wcmljZVwiPjwvc3Bhbj5cclxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicHJpY2VcIj4ge3sgaU9uZS50b3RhbFByaWNlIHwgcHJpY2VEaXNwbGF5OiB2YWx1dGFTeW1ib2wgfX08L2Rpdj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGNvLXNsaWRlb3V0ICpuZ0lmPVwiY3VzdG9taXplclNlcnZpY2Uuc2hvd0N1c3RvbWl6ZVNsaWRlb3V0XCIgW3Nob3ddPVwiY3VzdG9taXplclNlcnZpY2Uuc2hvd0N1c3RvbWl6ZVNsaWRlb3V0XCIgY2xhc3M9XCJjdXN0b21pemVyLXNsaWRlb3V0XCI+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiaGVhZGVyXCI+XHJcbiAgICAgICAgICAgICAgPGJ1dHRvbiBtYXQtcmFpc2VkLWJ1dHRvbiBjbGFzcz1cImNsb3NlLWFuc3dlclwiIChjbGljayk9XCJjdXN0b21pemVyU2VydmljZS5zaG93Q3VzdG9taXplU2xpZGVvdXQgPSBmYWxzZVwiPlxyXG4gICAgICAgICAgICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJob21lZGVjb3JhdG9yLW1hdGVyaWFsLWljb25zXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+Y2xvc2U8L21hdC1pY29uPlxyXG4gICAgICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8ZGl2PlxyXG4gICAgICAgICAgICAgIDxycC1jdXN0b21pemVyIFtzZWxlY3Rpb25dPVwic2VsZWN0aW9uVG9DdXN0b21pemVcIj48L3JwLWN1c3RvbWl6ZXI+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9jby1zbGlkZW91dD5cclxuICBgLFxyXG4gIHN0eWxlVXJsczogWycuL3NlbGVjdGlvbnMtc3VtbWFyeS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZWxlY3Rpb25zU3VtbWFyeUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XHJcbiAgcHVibGljIHJlYWRvbmx5IGljb246IHR5cGVvZiBJY29uRW51bSA9IEljb25FbnVtO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBzZWxlY3Rpb25zOiBTZWxlY3Rpb25bXSA9IFtdO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBzaG93TGFiZWw6IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBjYW5DbG9zZTogYm9vbGVhbiA9IHRydWU7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGFuc3dlcnNUZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PjtcclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgYW5zd2VyVG9TaG93RnJvbVNlbGVjdGlvblRleHQ6IHN0cmluZztcclxuXHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5jdXN0b20tZGltZW5zaW9ucycpXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgY3VzdG9tRGltZW5zaW9uczogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRpc2FibGUtbW91c2UnKVxyXG4gIHB1YmxpYyBkaXNhYmxlTW91c2U6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6bW91c2V1cCcsIFsnJGV2ZW50J10pXHJcbiAgcHVibGljIGhhbmRsZWRvY3VtZW50TW91c2VVcChldmVudDogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLmRpc2FibGVNb3VzZSA9IGZhbHNlO1xyXG4gIH1cclxuXHJcbiAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6bW91c2Vtb3ZlJywgWyckZXZlbnQnXSlcclxuICBwdWJsaWMgaGFuZGxlRG9jdW1lbnRNb3VzZURvd24oZXZlbnQ6IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5kaXNhYmxlTW91c2UgPSBldmVudC5idXR0b25zID09PSAxO1xyXG4gIH1cclxuXHJcbiAgQE91dHB1dCgpXHJcbiAgcHVibGljIHJlYWRvbmx5IGNsb3NlQ2xpY2s6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuXHJcbiAgQE91dHB1dCgpXHJcbiAgcHVibGljIHJlYWRvbmx5IGNhbmNlbEFuc3dlcnM6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuXHJcbiAgQE91dHB1dCgpXHJcbiAgcHVibGljIHJlYWRvbmx5IHNlbGVjdFNlbGVjdGlvbjogRXZlbnRFbWl0dGVyPFNlbGVjdGlvbj4gPSBuZXcgRXZlbnRFbWl0dGVyPFNlbGVjdGlvbj4oKTtcclxuXHJcbiAgLy8gQElucHV0KClcclxuICAvLyBwdWJsaWMgc2hvd0N1c3RvbWl6ZVNsaWRlb3V0OiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIHB1YmxpYyBzZWxlY3Rpb25Ub0N1c3RvbWl6ZTogU2VsZWN0aW9uO1xyXG4gIHB1YmxpYyB2YWx1dGFTeW1ib2w6IHN0cmluZyA9ICfigqwnO1xyXG5cclxuICBwcml2YXRlIF9zdWJzOiBTdWJzY3JpcHRpb25bXSA9IFtdO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgX2J1aWxkRnVybml0dXJlU2VydmljZTogQnVpbGRGdXJuaXR1cmVTZXJ2aWNlLFxyXG4gICAgcHVibGljIGN1c3RvbWl6ZXJTZXJ2aWNlOiBDdXN0b21pemVyU2VydmljZSxcclxuICAgIHB1YmxpYyBzZXR0aW5nc1NlcnZpY2U6IEhvbWVkZWNvcmF0b3JTZXR0aW5nc1NlcnZpY2UsXHJcbiAgICBwdWJsaWMgaU9uZTogSG9tZWRlY29yYXRvckNvbm5lY3RvclNlcnZpY2UsXHJcbiAgICBwdWJsaWMgaWNvbkNhY2hlOiBIb21lZGVjb3JhdG9ySWNvbkNhY2hlU2VydmljZSxcclxuICApIHtcclxuICAgIHRoaXMuX3N1YnMucHVzaChcclxuICAgICAgdGhpcy5zZXR0aW5nc1NlcnZpY2Uuc2V0dGluZ3NMb2FkZWQuc3Vic2NyaWJlKChsb2FkZWQ6IGJvb2xlYW4pID0+IHtcclxuICAgICAgICBpZiAobG9hZGVkICYmIHRoaXMuc2V0dGluZ3NTZXJ2aWNlLnNldHRpbmdzLmN1cnJlbmN5U3ltYm9sKSB7XHJcbiAgICAgICAgICB0aGlzLnZhbHV0YVN5bWJvbCA9IHRoaXMuc2V0dGluZ3NTZXJ2aWNlLnNldHRpbmdzLmN1cnJlbmN5U3ltYm9sO1xyXG4gICAgICAgIH1cclxuICAgICAgfSlcclxuICAgICAgLy8gdGhpcy5fYnVpbGRGdXJuaXR1cmVTZXJ2aWNlLnRvZ2dsZVNlbGVjdGVkRWxlbWVudC5zdWJzY3JpYmUoKGVsZW1lbnQ6IE1lc2gpID0+IHRoaXMudG9nZ2xlRWxlbWVudChlbGVtZW50KSlcclxuICAgICk7XHJcbiAgfVxyXG5cclxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgIHRoaXMuX3N1YnMuZm9yRWFjaChzID0+IHMudW5zdWJzY3JpYmUoKSk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgaGFuZGxlQ2xpY2soc2VsOiBTZWxlY3Rpb24pOiB2b2lkIHtcclxuICAgIHRoaXMuc2VsZWN0U2VsZWN0aW9uLmVtaXQoc2VsKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyB0b2dnbGVFbGVtZW50KHNlbDogU2VsZWN0aW9uKSB7XHJcbiAgICB0aGlzLnNlbGVjdGlvblRvQ3VzdG9taXplID0gc2VsO1xyXG4gICAgdGhpcy5jdXN0b21pemVyU2VydmljZS5zaG93Q3VzdG9taXplU2xpZGVvdXQgPSBmYWxzZTtcclxuICB9XHJcbn1cclxuIl19

package/esm2015/app/plugins/lite-selector/lite-selector/component/tag-filter/tag-filter.component.js

@@ -0,0 +1,25 @@
+import { Component, HostBinding, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TagFilterComponent {
+    constructor() {
+        this.active = false;
+    }
+}
+TagFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TagFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TagFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TagFilterComponent, selector: "rp-tag-filter", inputs: { tag: "tag", active: "active" }, host: { properties: { "class.active": "this.active" } }, ngImport: i0, template: "<div class=\"tag\">\r\n  {{ '#' + tag?.description }}\r\n</div>\r\n", styles: [":host{cursor:pointer;font-size:13px;opacity:.5;transition:all .2s ease}:host.active{opacity:1}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TagFilterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'rp-tag-filter',
+                    templateUrl: './tag-filter.component.html',
+                    styleUrls: ['./tag-filter.component.scss']
+                }]
+        }], propDecorators: { tag: [{
+                type: Input
+            }], active: [{
+                type: HostBinding,
+                args: ['class.active']
+            }, {
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLWZpbHRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvY2xpZW50L2FwcC9wbHVnaW5zL2xpdGUtc2VsZWN0b3IvbGl0ZS1zZWxlY3Rvci9jb21wb25lbnQvdGFnLWZpbHRlci90YWctZmlsdGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jbGllbnQvYXBwL3BsdWdpbnMvbGl0ZS1zZWxlY3Rvci9saXRlLXNlbGVjdG9yL2NvbXBvbmVudC90YWctZmlsdGVyL3RhZy1maWx0ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDOztBQVE1RCxNQUFNLE9BQU8sa0JBQWtCO0lBTC9CO1FBWVMsV0FBTSxHQUFZLEtBQUssQ0FBQztLQUNoQzs7Z0hBUlksa0JBQWtCO29HQUFsQixrQkFBa0Isd0pDUi9CLHFFQUdBOzRGREthLGtCQUFrQjtrQkFMOUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZUFBZTtvQkFDekIsV0FBVyxFQUFFLDZCQUE2QjtvQkFDMUMsU0FBUyxFQUFFLENBQUMsNkJBQTZCLENBQUM7aUJBQzNDOzhCQUlRLEdBQUc7c0JBRFQsS0FBSztnQkFLQyxNQUFNO3NCQUZaLFdBQVc7dUJBQUMsY0FBYzs7c0JBQzFCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtUYWd9IGZyb20gJ0Bjb2xpam5pdC9jb25maWd1cmF0b3JhcGkvYnVpbGQvbW9kZWwvdGFnJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAncnAtdGFnLWZpbHRlcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3RhZy1maWx0ZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3RhZy1maWx0ZXIuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgVGFnRmlsdGVyQ29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgdGFnOiBUYWc7XHJcblxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MuYWN0aXZlJylcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBhY3RpdmU6IGJvb2xlYW4gPSBmYWxzZTtcclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwidGFnXCI+XHJcbiAge3sgJyMnICsgdGFnPy5kZXNjcmlwdGlvbiB9fVxyXG48L2Rpdj5cclxuIl19