fabrikantencore 2.4.4 → 2.4.6

package/esm2020/src/app/modules/fabrikantencore/components/fab-product-tile/fab-product-tile.component.mjs

@@ -0,0 +1,46 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/fabrikanten.service";
+import * as i2 from "../../services/translate.service";
+import * as i3 from "../../services/photo.service";
+import * as i4 from "@angular/platform-browser";
+import * as i5 from "@angular/common";
+import * as i6 from "@angular/material/card";
+export class FabProductTileComponent {
+    constructor(FabrikantenService, TranslateService, PhotoService, sanitization, ChangeDetectorRef) {
+        this.FabrikantenService = FabrikantenService;
+        this.TranslateService = TranslateService;
+        this.PhotoService = PhotoService;
+        this.sanitization = sanitization;
+        this.ChangeDetectorRef = ChangeDetectorRef;
+    }
+    ngOnInit() {
+    }
+    Select() {
+        this.FabrikantenService.SelectProduct(this.product, this.ChangeDetectorRef);
+    }
+    GetPhoto() {
+        if (this.product.imagePath != null && this.product.imagePath != "") {
+            return this.product.imagePath;
+        }
+        else {
+            var array = this.PhotoService.GetPhotoArrayProduct(this.product);
+            if (array.length > 0) {
+                return this.FabrikantenService.FabrikantenSettingsViewModel?.bcbWebserviceURLBase + array[0].url;
+            }
+            return "";
+        }
+    }
+    getSafeUrl() {
+        return this.sanitization.bypassSecurityTrustStyle('url(\'' + this.GetPhoto() + '\')');
+    }
+}
+FabProductTileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabProductTileComponent, deps: [{ token: i1.FabrikantenService }, { token: i2.TranslateService }, { token: i3.PhotoService }, { token: i4.DomSanitizer }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+FabProductTileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: FabProductTileComponent, selector: "app-fab-product-tile", inputs: { product: "product" }, ngImport: i0, template: "<mat-card class=\"tile\" (click)=\"Select()\" [style.backgroundImage]=\"getSafeUrl()\">\r\n  <mat-card-title class=\"title\">\r\n    {{ TranslateService.GetActiveValueProduct(product.id) }}\r\n  </mat-card-title>\r\n  <mat-card-subtitle *ngIf=\"TranslateService.GetActiveValueProductDescription(product.id) != null && TranslateService.GetActiveValueProductDescription(product.id) != ''\">\r\n    {{ TranslateService.GetActiveValueProductDescription(product.id) }}\r\n  </mat-card-subtitle>\r\n</mat-card>\r\n\r\n\r\n", styles: [".tile{margin:5px;width:150px;height:250px;cursor:pointer;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;border:1px solid #EEE}.tile:hover{border:1px solid #000}.tile:hover .title{text-decoration:underline}.title{background-color:#ffffffb3;padding:4px;text-align:center;position:absolute;bottom:0;width:calc(100% - 8px);left:0;font-size:16px}.title:first-letter{text-transform:capitalize}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i6.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabProductTileComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-fab-product-tile', template: "<mat-card class=\"tile\" (click)=\"Select()\" [style.backgroundImage]=\"getSafeUrl()\">\r\n  <mat-card-title class=\"title\">\r\n    {{ TranslateService.GetActiveValueProduct(product.id) }}\r\n  </mat-card-title>\r\n  <mat-card-subtitle *ngIf=\"TranslateService.GetActiveValueProductDescription(product.id) != null && TranslateService.GetActiveValueProductDescription(product.id) != ''\">\r\n    {{ TranslateService.GetActiveValueProductDescription(product.id) }}\r\n  </mat-card-subtitle>\r\n</mat-card>\r\n\r\n\r\n", styles: [".tile{margin:5px;width:150px;height:250px;cursor:pointer;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;border:1px solid #EEE}.tile:hover{border:1px solid #000}.tile:hover .title{text-decoration:underline}.title{background-color:#ffffffb3;padding:4px;text-align:center;position:absolute;bottom:0;width:calc(100% - 8px);left:0;font-size:16px}.title:first-letter{text-transform:capitalize}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.FabrikantenService }, { type: i2.TranslateService }, { type: i3.PhotoService }, { type: i4.DomSanitizer }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { product: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLXByb2R1Y3QtdGlsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvZmFicmlrYW50ZW5jb3JlL2NvbXBvbmVudHMvZmFiLXByb2R1Y3QtdGlsZS9mYWItcHJvZHVjdC10aWxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItcHJvZHVjdC10aWxlL2ZhYi1wcm9kdWN0LXRpbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFxQixTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztBQVk1RSxNQUFNLE9BQU8sdUJBQXVCO0lBSWxDLFlBQ1Msa0JBQXNDLEVBQ3RDLGdCQUFrQyxFQUNqQyxZQUEwQixFQUMxQixZQUEwQixFQUMxQixpQkFBb0M7UUFKckMsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFvQjtRQUN0QyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBQ2pDLGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBQzFCLGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBQzFCLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7SUFBSSxDQUFDO0lBRW5ELFFBQVE7SUFDUixDQUFDO0lBRU0sTUFBTTtRQUNYLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUM5RSxDQUFDO0lBRU0sUUFBUTtRQUNiLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLElBQUksSUFBSSxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxJQUFJLEVBQUUsRUFBRTtZQUNsRSxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDO1NBQy9CO2FBQ0k7WUFDSCxJQUFJLEtBQUssR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLG9CQUFvQixDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztZQUVqRSxJQUFJLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO2dCQUNwQixPQUFPLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyw0QkFBNEIsRUFBRSxvQkFBb0IsR0FBSSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBYyxDQUFDO2FBQzlHO1lBRUQsT0FBTyxFQUFFLENBQUM7U0FDWDtJQUNILENBQUM7SUFFTSxVQUFVO1FBQ2YsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDLHdCQUF3QixDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsUUFBUSxFQUFFLEdBQUcsS0FBSyxDQUFDLENBQUM7SUFDeEYsQ0FBQzs7b0hBbkNVLHVCQUF1Qjt3R0FBdkIsdUJBQXVCLDRGQ1pwQyxzZ0JBVUE7MkZERWEsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLHNCQUFzQjs4TkFNdkIsT0FBTztzQkFBZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcclxuaW1wb3J0IHsgRmFicmlrYW50ZW5TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvZmFicmlrYW50ZW4uc2VydmljZSc7XHJcbmltcG9ydCB7IFRyYW5zbGF0ZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy90cmFuc2xhdGUuc2VydmljZSc7XHJcbmltcG9ydCB7IFBob3RvU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3Bob3RvLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBGYWJyaWthbnRlblByb2R1Y3RWaWV3TW9kZWwgfSBmcm9tICcuLi8uLi9zd2FnZ2VyL1N3YWdnZXJDbGllbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtZmFiLXByb2R1Y3QtdGlsZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2ZhYi1wcm9kdWN0LXRpbGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2ZhYi1wcm9kdWN0LXRpbGUuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRmFiUHJvZHVjdFRpbGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBASW5wdXQoKSBwcm9kdWN0OiBGYWJyaWthbnRlblByb2R1Y3RWaWV3TW9kZWw7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHVibGljIEZhYnJpa2FudGVuU2VydmljZTogRmFicmlrYW50ZW5TZXJ2aWNlLFxyXG4gICAgcHVibGljIFRyYW5zbGF0ZVNlcnZpY2U6IFRyYW5zbGF0ZVNlcnZpY2UsXHJcbiAgICBwcml2YXRlIFBob3RvU2VydmljZTogUGhvdG9TZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSBzYW5pdGl6YXRpb246IERvbVNhbml0aXplcixcclxuICAgIHByaXZhdGUgQ2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgU2VsZWN0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5GYWJyaWthbnRlblNlcnZpY2UuU2VsZWN0UHJvZHVjdCh0aGlzLnByb2R1Y3QsIHRoaXMuQ2hhbmdlRGV0ZWN0b3JSZWYpO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIEdldFBob3RvKCk6IHN0cmluZyB7XHJcbiAgICBpZiAodGhpcy5wcm9kdWN0LmltYWdlUGF0aCAhPSBudWxsICYmIHRoaXMucHJvZHVjdC5pbWFnZVBhdGggIT0gXCJcIikge1xyXG4gICAgICByZXR1cm4gdGhpcy5wcm9kdWN0LmltYWdlUGF0aDtcclxuICAgIH1cclxuICAgIGVsc2Uge1xyXG4gICAgICB2YXIgYXJyYXkgPSB0aGlzLlBob3RvU2VydmljZS5HZXRQaG90b0FycmF5UHJvZHVjdCh0aGlzLnByb2R1Y3QpO1xyXG5cclxuICAgICAgaWYgKGFycmF5Lmxlbmd0aCA+IDApIHtcclxuICAgICAgICByZXR1cm4gdGhpcy5GYWJyaWthbnRlblNlcnZpY2UuRmFicmlrYW50ZW5TZXR0aW5nc1ZpZXdNb2RlbD8uYmNiV2Vic2VydmljZVVSTEJhc2UgKyAoYXJyYXlbMF0udXJsIGFzIHN0cmluZyk7XHJcbiAgICAgIH1cclxuXHJcbiAgICAgIHJldHVybiBcIlwiO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldFNhZmVVcmwoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5zYW5pdGl6YXRpb24uYnlwYXNzU2VjdXJpdHlUcnVzdFN0eWxlKCd1cmwoXFwnJyArIHRoaXMuR2V0UGhvdG8oKSArICdcXCcpJyk7XHJcbiAgfVxyXG5cclxufVxyXG4iLCI8bWF0LWNhcmQgY2xhc3M9XCJ0aWxlXCIgKGNsaWNrKT1cIlNlbGVjdCgpXCIgW3N0eWxlLmJhY2tncm91bmRJbWFnZV09XCJnZXRTYWZlVXJsKClcIj5cclxuICA8bWF0LWNhcmQtdGl0bGUgY2xhc3M9XCJ0aXRsZVwiPlxyXG4gICAge3sgVHJhbnNsYXRlU2VydmljZS5HZXRBY3RpdmVWYWx1ZVByb2R1Y3QocHJvZHVjdC5pZCkgfX1cclxuICA8L21hdC1jYXJkLXRpdGxlPlxyXG4gIDxtYXQtY2FyZC1zdWJ0aXRsZSAqbmdJZj1cIlRyYW5zbGF0ZVNlcnZpY2UuR2V0QWN0aXZlVmFsdWVQcm9kdWN0RGVzY3JpcHRpb24ocHJvZHVjdC5pZCkgIT0gbnVsbCAmJiBUcmFuc2xhdGVTZXJ2aWNlLkdldEFjdGl2ZVZhbHVlUHJvZHVjdERlc2NyaXB0aW9uKHByb2R1Y3QuaWQpICE9ICcnXCI+XHJcbiAgICB7eyBUcmFuc2xhdGVTZXJ2aWNlLkdldEFjdGl2ZVZhbHVlUHJvZHVjdERlc2NyaXB0aW9uKHByb2R1Y3QuaWQpIH19XHJcbiAgPC9tYXQtY2FyZC1zdWJ0aXRsZT5cclxuPC9tYXQtY2FyZD5cclxuXHJcblxyXG4iXX0=

package/esm2020/src/app/modules/fabrikantencore/components/fab-range-input/fab-range-input.component.mjs

@@ -0,0 +1,85 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/fabrikanten.service";
+import * as i2 from "../../services/translate.service";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/form-field";
+import * as i5 from "@angular/material/input";
+import * as i6 from "@angular/forms";
+import * as i7 from "@angular/material/tooltip";
+export class FabRangeInputComponent {
+    //public tooltip: string = "";
+    constructor(FabrikantenService, TranslateService, ChangeDetectorRef) {
+        this.FabrikantenService = FabrikantenService;
+        this.TranslateService = TranslateService;
+        this.ChangeDetectorRef = ChangeDetectorRef;
+    }
+    get rangeinput() {
+        return this._rangeinput;
+    }
+    set rangeinput(value) {
+        this._rangeinput = value;
+        if (this._rangeinput.value != "") {
+            this.value = parseInt(this._rangeinput.value + "");
+        }
+    }
+    ngOnInit() {
+    }
+    ProcessChange() {
+        var process = true;
+        if (this._rangeinput.inclusiefMaximum) {
+            if (this.value > this._rangeinput.maximum) {
+                process = false;
+            }
+        }
+        if (this._rangeinput.inclusiefMinimum) {
+            if (this.value < this._rangeinput.minimum) {
+                process = false;
+            }
+        }
+        if (process) {
+            this.FabrikantenService.SetRangeInput(this._rangeinput.id, this.value, this.ChangeDetectorRef);
+        }
+    }
+    GetMin() {
+        if (this._rangeinput.inclusiefMinimum) {
+            return this._rangeinput.minimum;
+        }
+        return -1;
+    }
+    GetMax() {
+        if (this._rangeinput.inclusiefMaximum) {
+            return this._rangeinput.maximum;
+        }
+        return -1;
+    }
+    GetToolTip() {
+        var tooltip = this.GetTranslateString();
+        var tooltip = tooltip.replace("{min}", this._rangeinput.minimum.toString());
+        var tooltip = tooltip.replace("{max}", this._rangeinput.maximum.toString());
+        return tooltip;
+    }
+    GetTranslateString() {
+        if (!this._rangeinput.inclusiefMinimum && this._rangeinput.inclusiefMaximum) {
+            return this.TranslateService.GetActiveValue("Common", "InclusiveMax");
+        }
+        else if (this._rangeinput.inclusiefMinimum && !this._rangeinput.inclusiefMaximum) {
+            return this.TranslateService.GetActiveValue("Common", "InclusiveMin");
+        }
+        else if (this._rangeinput.inclusiefMinimum && this._rangeinput.inclusiefMaximum) {
+            return this.TranslateService.GetActiveValue("Common", "InclusiveMinMax");
+        }
+        else {
+            return "";
+        }
+    }
+}
+FabRangeInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabRangeInputComponent, deps: [{ token: i1.FabrikantenService }, { token: i2.TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+FabRangeInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: FabRangeInputComponent, selector: "app-fab-range-input", inputs: { rangeinput: "rangeinput" }, ngImport: i0, template: "\r\n  <mat-form-field appearance=\"fill\" class=\"fullwidth\">\r\n    <mat-label>\r\n      {{ TranslateService.GetActiveValueRangeInput(rangeinput.id) }}\r\n      <span *ngIf=\"rangeinput.required\">*</span>\r\n    </mat-label>\r\n    <input *ngIf=\"GetMin() == -1 && GetMax() == -1\" matInput type=\"number\" matTooltip=\"{{ GetToolTip() }}\" [(ngModel)]=\"value\" (change)=\"ProcessChange()\">\r\n    <input *ngIf=\"GetMin() != -1 && GetMax() != -1\" matInput type=\"number\" [min]=\"GetMin()\" [max]=\"GetMax()\" matTooltip=\"{{ GetToolTip() }}\" [(ngModel)]=\"value\" (change)=\"ProcessChange()\">\r\n    <input *ngIf=\"GetMin() == -1 && GetMax() != -1\" matInput type=\"number\" [max]=\"GetMax()\" matTooltip=\"{{ GetToolTip() }}\" [(ngModel)]=\"value\" (change)=\"ProcessChange()\">\r\n    <input *ngIf=\"GetMin() != -1 && GetMax() == -1\" matInput type=\"number\" [min]=\"GetMin()\" matTooltip=\"{{ GetToolTip() }}\" [(ngModel)]=\"value\" (change)=\"ProcessChange()\">\r\n    <mat-error>{{ GetToolTip() }}</mat-error>\r\n  </mat-form-field>\r\n\r\n", styles: [".fullwidth{width:100%}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i6.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i7.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabRangeInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-fab-range-input', template: "\r\n  <mat-form-field appearance=\"fill\" class=\"fullwidth\">\r\n    <mat-label>\r\n      {{ TranslateService.GetActiveValueRangeInput(rangeinput.id) }}\r\n      <span *ngIf=\"rangeinput.required\">*</span>\r\n    </mat-label>\r\n    <input *ngIf=\"GetMin() == -1 && GetMax() == -1\" matInput type=\"number\" matTooltip=\"{{ GetToolTip() }}\" [(ngModel)]=\"value\" (change)=\"ProcessChange()\">\r\n    <input *ngIf=\"GetMin() != -1 && GetMax() != -1\" matInput type=\"number\" [min]=\"GetMin()\" [max]=\"GetMax()\" matTooltip=\"{{ GetToolTip() }}\" [(ngModel)]=\"value\" (change)=\"ProcessChange()\">\r\n    <input *ngIf=\"GetMin() == -1 && GetMax() != -1\" matInput type=\"number\" [max]=\"GetMax()\" matTooltip=\"{{ GetToolTip() }}\" [(ngModel)]=\"value\" (change)=\"ProcessChange()\">\r\n    <input *ngIf=\"GetMin() != -1 && GetMax() == -1\" matInput type=\"number\" [min]=\"GetMin()\" matTooltip=\"{{ GetToolTip() }}\" [(ngModel)]=\"value\" (change)=\"ProcessChange()\">\r\n    <mat-error>{{ GetToolTip() }}</mat-error>\r\n  </mat-form-field>\r\n\r\n", styles: [".fullwidth{width:100%}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.FabrikantenService }, { type: i2.TranslateService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { rangeinput: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLXJhbmdlLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItcmFuZ2UtaW5wdXQvZmFiLXJhbmdlLWlucHV0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItcmFuZ2UtaW5wdXQvZmFiLXJhbmdlLWlucHV0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBcUIsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7O0FBVTVFLE1BQU0sT0FBTyxzQkFBc0I7SUFtQmpDLDhCQUE4QjtJQUU5QixZQUFvQixrQkFBc0MsRUFDakQsZ0JBQWtDLEVBQ2pDLGlCQUFvQztRQUYxQix1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW9CO1FBQ2pELHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFDakMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtJQUFJLENBQUM7SUFsQm5ELElBQUksVUFBVTtRQUNaLE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQztJQUMxQixDQUFDO0lBRUQsSUFBYSxVQUFVLENBQUMsS0FBcUM7UUFDM0QsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7UUFFekIsSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssSUFBSSxFQUFFLEVBQUU7WUFDaEMsSUFBSSxDQUFDLEtBQUssR0FBRyxRQUFRLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLEdBQUcsRUFBRSxDQUFDLENBQUM7U0FDcEQ7SUFDSCxDQUFDO0lBVUQsUUFBUTtJQUVSLENBQUM7SUFFTSxhQUFhO1FBQ2xCLElBQUksT0FBTyxHQUFZLElBQUksQ0FBQztRQUU1QixJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsZ0JBQWdCLEVBQUU7WUFDckMsSUFBSSxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxFQUFFO2dCQUN6QyxPQUFPLEdBQUcsS0FBSyxDQUFDO2FBQ2pCO1NBQ0Y7UUFFRCxJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsZ0JBQWdCLEVBQUU7WUFDckMsSUFBSSxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxFQUFFO2dCQUN6QyxPQUFPLEdBQUcsS0FBSyxDQUFDO2FBQ2pCO1NBQ0Y7UUFFRCxJQUFJLE9BQU8sRUFBRTtZQUNYLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxFQUFFLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztTQUNoRztJQUNILENBQUM7SUFFTSxNQUFNO1FBQ1gsSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLGdCQUFnQixFQUFFO1lBQ3JDLE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUM7U0FDakM7UUFFRCxPQUFPLENBQUMsQ0FBQyxDQUFDO0lBQ1osQ0FBQztJQUVNLE1BQU07UUFDWCxJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsZ0JBQWdCLEVBQUU7WUFDckMsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQztTQUNqQztRQUVELE9BQU8sQ0FBQyxDQUFDLENBQUM7SUFDWixDQUFDO0lBRU0sVUFBVTtRQUNmLElBQUksT0FBTyxHQUFHLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO1FBRXhDLElBQUksT0FBTyxHQUFHLE9BQU8sQ0FBQyxPQUFPLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUM7UUFDNUUsSUFBSSxPQUFPLEdBQUcsT0FBTyxDQUFDLE9BQU8sQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQztRQUU1RSxPQUFPLE9BQU8sQ0FBQztJQUNqQixDQUFDO0lBRU8sa0JBQWtCO1FBQ3hCLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLGdCQUFnQixJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsZ0JBQWdCLEVBQUU7WUFDM0UsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsY0FBYyxDQUFDLFFBQVEsRUFBRSxjQUFjLENBQUMsQ0FBQztTQUN2RTthQUNJLElBQUksSUFBSSxDQUFDLFdBQVcsQ0FBQyxnQkFBZ0IsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsZ0JBQWdCLEVBQUU7WUFDaEYsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsY0FBYyxDQUFDLFFBQVEsRUFBRSxjQUFjLENBQUMsQ0FBQztTQUN2RTthQUNJLElBQUksSUFBSSxDQUFDLFdBQVcsQ0FBQyxnQkFBZ0IsSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLGdCQUFnQixFQUFFO1lBQy9FLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDLGNBQWMsQ0FBQyxRQUFRLEVBQUUsaUJBQWlCLENBQUMsQ0FBQztTQUMxRTthQUNJO1lBQ0gsT0FBTyxFQUFFLENBQUM7U0FDWDtJQUNILENBQUM7O21IQXZGVSxzQkFBc0I7dUdBQXRCLHNCQUFzQixpR0NWbkMsaWlDQWFBOzJGREhhLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxxQkFBcUI7d0tBYWxCLFVBQVU7c0JBQXRCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZhYnJpa2FudGVuU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2ZhYnJpa2FudGVuLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBUcmFuc2xhdGVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvdHJhbnNsYXRlLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBGYWJyaWthbnRlblJhbmdlSW5wdXRWaWV3TW9kZWwgfSBmcm9tICcuLi8uLi9zd2FnZ2VyL1N3YWdnZXJDbGllbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtZmFiLXJhbmdlLWlucHV0JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZmFiLXJhbmdlLWlucHV0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9mYWItcmFuZ2UtaW5wdXQuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRmFiUmFuZ2VJbnB1dENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIC8vQElucHV0KCkgcmFuZ2VpbnB1dDogRmFicmlrYW50ZW5SYW5nZUlucHV0Vmlld01vZGVsO1xyXG5cclxuICBfcmFuZ2VpbnB1dDogRmFicmlrYW50ZW5SYW5nZUlucHV0Vmlld01vZGVsO1xyXG4gIGdldCByYW5nZWlucHV0KCk6IEZhYnJpa2FudGVuUmFuZ2VJbnB1dFZpZXdNb2RlbCB7XHJcbiAgICByZXR1cm4gdGhpcy5fcmFuZ2VpbnB1dDtcclxuICB9XHJcblxyXG4gIEBJbnB1dCgpIHNldCByYW5nZWlucHV0KHZhbHVlOiBGYWJyaWthbnRlblJhbmdlSW5wdXRWaWV3TW9kZWwpIHtcclxuICAgIHRoaXMuX3JhbmdlaW5wdXQgPSB2YWx1ZTtcclxuXHJcbiAgICBpZiAodGhpcy5fcmFuZ2VpbnB1dC52YWx1ZSAhPSBcIlwiKSB7XHJcbiAgICAgIHRoaXMudmFsdWUgPSBwYXJzZUludCh0aGlzLl9yYW5nZWlucHV0LnZhbHVlICsgXCJcIik7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgdmFsdWU6IG51bWJlcjtcclxuXHJcbiAgLy9wdWJsaWMgdG9vbHRpcDogc3RyaW5nID0gXCJcIjtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBGYWJyaWthbnRlblNlcnZpY2U6IEZhYnJpa2FudGVuU2VydmljZSxcclxuICAgIHB1YmxpYyBUcmFuc2xhdGVTZXJ2aWNlOiBUcmFuc2xhdGVTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSBDaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuXHJcbiAgfVxyXG5cclxuICBwdWJsaWMgUHJvY2Vzc0NoYW5nZSgpOiB2b2lkIHtcclxuICAgIHZhciBwcm9jZXNzOiBib29sZWFuID0gdHJ1ZTtcclxuXHJcbiAgICBpZiAodGhpcy5fcmFuZ2VpbnB1dC5pbmNsdXNpZWZNYXhpbXVtKSB7XHJcbiAgICAgIGlmICh0aGlzLnZhbHVlID4gdGhpcy5fcmFuZ2VpbnB1dC5tYXhpbXVtKSB7XHJcbiAgICAgICAgcHJvY2VzcyA9IGZhbHNlO1xyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgaWYgKHRoaXMuX3JhbmdlaW5wdXQuaW5jbHVzaWVmTWluaW11bSkge1xyXG4gICAgICBpZiAodGhpcy52YWx1ZSA8IHRoaXMuX3JhbmdlaW5wdXQubWluaW11bSkge1xyXG4gICAgICAgIHByb2Nlc3MgPSBmYWxzZTtcclxuICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIGlmIChwcm9jZXNzKSB7XHJcbiAgICAgIHRoaXMuRmFicmlrYW50ZW5TZXJ2aWNlLlNldFJhbmdlSW5wdXQodGhpcy5fcmFuZ2VpbnB1dC5pZCwgdGhpcy52YWx1ZSwgdGhpcy5DaGFuZ2VEZXRlY3RvclJlZik7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgR2V0TWluKCk6IG51bWJlciB7XHJcbiAgICBpZiAodGhpcy5fcmFuZ2VpbnB1dC5pbmNsdXNpZWZNaW5pbXVtKSB7XHJcbiAgICAgIHJldHVybiB0aGlzLl9yYW5nZWlucHV0Lm1pbmltdW07XHJcbiAgICB9XHJcblxyXG4gICAgcmV0dXJuIC0xO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIEdldE1heCgpOiBudW1iZXIge1xyXG4gICAgaWYgKHRoaXMuX3JhbmdlaW5wdXQuaW5jbHVzaWVmTWF4aW11bSkge1xyXG4gICAgICByZXR1cm4gdGhpcy5fcmFuZ2VpbnB1dC5tYXhpbXVtO1xyXG4gICAgfVxyXG5cclxuICAgIHJldHVybiAtMTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBHZXRUb29sVGlwKCk6IHN0cmluZyB7XHJcbiAgICB2YXIgdG9vbHRpcCA9IHRoaXMuR2V0VHJhbnNsYXRlU3RyaW5nKCk7XHJcblxyXG4gICAgdmFyIHRvb2x0aXAgPSB0b29sdGlwLnJlcGxhY2UoXCJ7bWlufVwiLCB0aGlzLl9yYW5nZWlucHV0Lm1pbmltdW0udG9TdHJpbmcoKSk7XHJcbiAgICB2YXIgdG9vbHRpcCA9IHRvb2x0aXAucmVwbGFjZShcInttYXh9XCIsIHRoaXMuX3JhbmdlaW5wdXQubWF4aW11bS50b1N0cmluZygpKTtcclxuXHJcbiAgICByZXR1cm4gdG9vbHRpcDtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgR2V0VHJhbnNsYXRlU3RyaW5nKCk6IHN0cmluZyB7XHJcbiAgICBpZiAoIXRoaXMuX3JhbmdlaW5wdXQuaW5jbHVzaWVmTWluaW11bSAmJiB0aGlzLl9yYW5nZWlucHV0LmluY2x1c2llZk1heGltdW0pIHtcclxuICAgICAgcmV0dXJuIHRoaXMuVHJhbnNsYXRlU2VydmljZS5HZXRBY3RpdmVWYWx1ZShcIkNvbW1vblwiLCBcIkluY2x1c2l2ZU1heFwiKTtcclxuICAgIH1cclxuICAgIGVsc2UgaWYgKHRoaXMuX3JhbmdlaW5wdXQuaW5jbHVzaWVmTWluaW11bSAmJiAhdGhpcy5fcmFuZ2VpbnB1dC5pbmNsdXNpZWZNYXhpbXVtKSB7XHJcbiAgICAgIHJldHVybiB0aGlzLlRyYW5zbGF0ZVNlcnZpY2UuR2V0QWN0aXZlVmFsdWUoXCJDb21tb25cIiwgXCJJbmNsdXNpdmVNaW5cIik7XHJcbiAgICB9XHJcbiAgICBlbHNlIGlmICh0aGlzLl9yYW5nZWlucHV0LmluY2x1c2llZk1pbmltdW0gJiYgdGhpcy5fcmFuZ2VpbnB1dC5pbmNsdXNpZWZNYXhpbXVtKSB7XHJcbiAgICAgIHJldHVybiB0aGlzLlRyYW5zbGF0ZVNlcnZpY2UuR2V0QWN0aXZlVmFsdWUoXCJDb21tb25cIiwgXCJJbmNsdXNpdmVNaW5NYXhcIik7XHJcbiAgICB9XHJcbiAgICBlbHNlIHtcclxuICAgICAgcmV0dXJuIFwiXCI7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIlxyXG4gIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwiZmlsbFwiIGNsYXNzPVwiZnVsbHdpZHRoXCI+XHJcbiAgICA8bWF0LWxhYmVsPlxyXG4gICAgICB7eyBUcmFuc2xhdGVTZXJ2aWNlLkdldEFjdGl2ZVZhbHVlUmFuZ2VJbnB1dChyYW5nZWlucHV0LmlkKSB9fVxyXG4gICAgICA8c3BhbiAqbmdJZj1cInJhbmdlaW5wdXQucmVxdWlyZWRcIj4qPC9zcGFuPlxyXG4gICAgPC9tYXQtbGFiZWw+XHJcbiAgICA8aW5wdXQgKm5nSWY9XCJHZXRNaW4oKSA9PSAtMSAmJiBHZXRNYXgoKSA9PSAtMVwiIG1hdElucHV0IHR5cGU9XCJudW1iZXJcIiBtYXRUb29sdGlwPVwie3sgR2V0VG9vbFRpcCgpIH19XCIgWyhuZ01vZGVsKV09XCJ2YWx1ZVwiIChjaGFuZ2UpPVwiUHJvY2Vzc0NoYW5nZSgpXCI+XHJcbiAgICA8aW5wdXQgKm5nSWY9XCJHZXRNaW4oKSAhPSAtMSAmJiBHZXRNYXgoKSAhPSAtMVwiIG1hdElucHV0IHR5cGU9XCJudW1iZXJcIiBbbWluXT1cIkdldE1pbigpXCIgW21heF09XCJHZXRNYXgoKVwiIG1hdFRvb2x0aXA9XCJ7eyBHZXRUb29sVGlwKCkgfX1cIiBbKG5nTW9kZWwpXT1cInZhbHVlXCIgKGNoYW5nZSk9XCJQcm9jZXNzQ2hhbmdlKClcIj5cclxuICAgIDxpbnB1dCAqbmdJZj1cIkdldE1pbigpID09IC0xICYmIEdldE1heCgpICE9IC0xXCIgbWF0SW5wdXQgdHlwZT1cIm51bWJlclwiIFttYXhdPVwiR2V0TWF4KClcIiBtYXRUb29sdGlwPVwie3sgR2V0VG9vbFRpcCgpIH19XCIgWyhuZ01vZGVsKV09XCJ2YWx1ZVwiIChjaGFuZ2UpPVwiUHJvY2Vzc0NoYW5nZSgpXCI+XHJcbiAgICA8aW5wdXQgKm5nSWY9XCJHZXRNaW4oKSAhPSAtMSAmJiBHZXRNYXgoKSA9PSAtMVwiIG1hdElucHV0IHR5cGU9XCJudW1iZXJcIiBbbWluXT1cIkdldE1pbigpXCIgbWF0VG9vbHRpcD1cInt7IEdldFRvb2xUaXAoKSB9fVwiIFsobmdNb2RlbCldPVwidmFsdWVcIiAoY2hhbmdlKT1cIlByb2Nlc3NDaGFuZ2UoKVwiPlxyXG4gICAgPG1hdC1lcnJvcj57eyBHZXRUb29sVGlwKCkgfX08L21hdC1lcnJvcj5cclxuICA8L21hdC1mb3JtLWZpZWxkPlxyXG5cclxuIl19

package/esm2020/src/app/modules/fabrikantencore/components/fab-range-input-fold/fab-range-input-fold.component.mjs

@@ -0,0 +1,33 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/fabrikanten.service";
+import * as i2 from "../../services/translate.service";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/icon";
+import * as i5 from "../fab-range-input/fab-range-input.component";
+export class FabRangeInputFoldComponent {
+    constructor(FabrikantenService, TranslateService, ChangeDetectorRef) {
+        this.FabrikantenService = FabrikantenService;
+        this.TranslateService = TranslateService;
+        this.ChangeDetectorRef = ChangeDetectorRef;
+        this.Opened = false;
+    }
+    get rangeinput() {
+        return this._rangeinput;
+    }
+    set rangeinput(value) {
+        this._rangeinput = value;
+    }
+    ChangeState() {
+        this.Opened = !this.Opened;
+    }
+}
+FabRangeInputFoldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabRangeInputFoldComponent, deps: [{ token: i1.FabrikantenService }, { token: i2.TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+FabRangeInputFoldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: FabRangeInputFoldComponent, selector: "app-fab-range-input-fold", inputs: { rangeinput: "rangeinput" }, ngImport: i0, template: "<ng-container *ngIf=\"!rangeinput.hidden\">\r\n  <div class=\"main-fold\" [ngClass]=\"{ 'filled': rangeinput.value != '' }\">\r\n    <div class=\"row selectbar\" (click)=\"ChangeState()\">\r\n      <div class=\"flexauto namebar\">\r\n        {{ TranslateService.GetActiveValueRangeInput(rangeinput.id) }}\r\n        <span *ngIf=\"rangeinput.required\">*</span>\r\n        <ng-container *ngIf=\"rangeinput.value != ''\">\r\n          ({{ rangeinput.value }})\r\n        </ng-container>\r\n      </div>\r\n      <div>\r\n        <mat-icon *ngIf=\"!Opened\" class=\"expand_more\">add</mat-icon>\r\n        <mat-icon *ngIf=\"Opened\" class=\"expand_less\">remove</mat-icon>\r\n      </div>\r\n    </div>\r\n    <div class=\"collapsible-wrapper\" [ngClass]=\"{'collapsed': !Opened}\">\r\n      <div class=\"collapsible\">\r\n        <div class=\"content\">\r\n          <app-fab-range-input [rangeinput]=\"rangeinput\"></app-fab-range-input>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n", styles: [".flexauto{flex:auto}.namebar{font-size:14px;line-height:24px}.main-fold{border:1px solid #AAA;border-radius:2px;margin-bottom:5px}.filled{border-left:3px solid #000}.selectbar{cursor:pointer;padding:5px}.content{padding:5px}.collapsible-wrapper{display:flex;overflow:hidden}.collapsible-wrapper:after{content:\"\";height:50px;transition:height .3s linear,max-height 0s .3s linear;max-height:0px}.collapsible{width:100%;transition:margin-bottom .3s cubic-bezier(0,0,0,1);margin-bottom:0;max-height:1000000px}.collapsible-wrapper.collapsed>.collapsible{margin-bottom:-2000px;transition:margin-bottom .3s cubic-bezier(1,0,1,1),visibility 0s .3s,max-height 0s .3s;visibility:hidden;max-height:0}.collapsible-wrapper.collapsed:after{height:0;transition:height .3s linear;max-height:50px}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.FabRangeInputComponent, selector: "app-fab-range-input", inputs: ["rangeinput"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabRangeInputFoldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-fab-range-input-fold', template: "<ng-container *ngIf=\"!rangeinput.hidden\">\r\n  <div class=\"main-fold\" [ngClass]=\"{ 'filled': rangeinput.value != '' }\">\r\n    <div class=\"row selectbar\" (click)=\"ChangeState()\">\r\n      <div class=\"flexauto namebar\">\r\n        {{ TranslateService.GetActiveValueRangeInput(rangeinput.id) }}\r\n        <span *ngIf=\"rangeinput.required\">*</span>\r\n        <ng-container *ngIf=\"rangeinput.value != ''\">\r\n          ({{ rangeinput.value }})\r\n        </ng-container>\r\n      </div>\r\n      <div>\r\n        <mat-icon *ngIf=\"!Opened\" class=\"expand_more\">add</mat-icon>\r\n        <mat-icon *ngIf=\"Opened\" class=\"expand_less\">remove</mat-icon>\r\n      </div>\r\n    </div>\r\n    <div class=\"collapsible-wrapper\" [ngClass]=\"{'collapsed': !Opened}\">\r\n      <div class=\"collapsible\">\r\n        <div class=\"content\">\r\n          <app-fab-range-input [rangeinput]=\"rangeinput\"></app-fab-range-input>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n", styles: [".flexauto{flex:auto}.namebar{font-size:14px;line-height:24px}.main-fold{border:1px solid #AAA;border-radius:2px;margin-bottom:5px}.filled{border-left:3px solid #000}.selectbar{cursor:pointer;padding:5px}.content{padding:5px}.collapsible-wrapper{display:flex;overflow:hidden}.collapsible-wrapper:after{content:\"\";height:50px;transition:height .3s linear,max-height 0s .3s linear;max-height:0px}.collapsible{width:100%;transition:margin-bottom .3s cubic-bezier(0,0,0,1);margin-bottom:0;max-height:1000000px}.collapsible-wrapper.collapsed>.collapsible{margin-bottom:-2000px;transition:margin-bottom .3s cubic-bezier(1,0,1,1),visibility 0s .3s,max-height 0s .3s;visibility:hidden;max-height:0}.collapsible-wrapper.collapsed:after{height:0;transition:height .3s linear;max-height:50px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.FabrikantenService }, { type: i2.TranslateService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { rangeinput: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLXJhbmdlLWlucHV0LWZvbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL2ZhYnJpa2FudGVuY29yZS9jb21wb25lbnRzL2ZhYi1yYW5nZS1pbnB1dC1mb2xkL2ZhYi1yYW5nZS1pbnB1dC1mb2xkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItcmFuZ2UtaW5wdXQtZm9sZC9mYWItcmFuZ2UtaW5wdXQtZm9sZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXFCLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFVNUUsTUFBTSxPQUFPLDBCQUEwQjtJQWFyQyxZQUFvQixrQkFBc0MsRUFDakQsZ0JBQWtDLEVBQ2pDLGlCQUFvQztRQUYxQix1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW9CO1FBQ2pELHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFDakMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQUp2QyxXQUFNLEdBQVksS0FBSyxDQUFDO0lBSW1CLENBQUM7SUFabkQsSUFBSSxVQUFVO1FBQ1osT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQzFCLENBQUM7SUFFRCxJQUFhLFVBQVUsQ0FBQyxLQUFxQztRQUMzRCxJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztJQUMzQixDQUFDO0lBUU0sV0FBVztRQUVoQixJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUM3QixDQUFDOzt1SEFwQlUsMEJBQTBCOzJHQUExQiwwQkFBMEIsc0dDVnZDLDYvQkF3QkE7MkZEZGEsMEJBQTBCO2tCQUx0QyxTQUFTOytCQUNFLDBCQUEwQjt3S0FXdkIsVUFBVTtzQkFBdEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRmFicmlrYW50ZW5TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvZmFicmlrYW50ZW4uc2VydmljZSc7XHJcbmltcG9ydCB7IFRyYW5zbGF0ZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy90cmFuc2xhdGUuc2VydmljZSc7XHJcbmltcG9ydCB7IEZhYnJpa2FudGVuUmFuZ2VJbnB1dFZpZXdNb2RlbCB9IGZyb20gJy4uLy4uL3N3YWdnZXIvU3dhZ2dlckNsaWVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1mYWItcmFuZ2UtaW5wdXQtZm9sZCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2ZhYi1yYW5nZS1pbnB1dC1mb2xkLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9mYWItcmFuZ2UtaW5wdXQtZm9sZC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGYWJSYW5nZUlucHV0Rm9sZENvbXBvbmVudCB7XHJcblxyXG4gIF9yYW5nZWlucHV0OiBGYWJyaWthbnRlblJhbmdlSW5wdXRWaWV3TW9kZWw7XHJcbiAgZ2V0IHJhbmdlaW5wdXQoKTogRmFicmlrYW50ZW5SYW5nZUlucHV0Vmlld01vZGVsIHtcclxuICAgIHJldHVybiB0aGlzLl9yYW5nZWlucHV0O1xyXG4gIH1cclxuXHJcbiAgQElucHV0KCkgc2V0IHJhbmdlaW5wdXQodmFsdWU6IEZhYnJpa2FudGVuUmFuZ2VJbnB1dFZpZXdNb2RlbCkge1xyXG4gICAgdGhpcy5fcmFuZ2VpbnB1dCA9IHZhbHVlO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIE9wZW5lZDogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIEZhYnJpa2FudGVuU2VydmljZTogRmFicmlrYW50ZW5TZXJ2aWNlLFxyXG4gICAgcHVibGljIFRyYW5zbGF0ZVNlcnZpY2U6IFRyYW5zbGF0ZVNlcnZpY2UsXHJcbiAgICBwcml2YXRlIENoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZikgeyB9XHJcblxyXG4gIHB1YmxpYyBDaGFuZ2VTdGF0ZSgpOiB2b2lkIHtcclxuXHJcbiAgICB0aGlzLk9wZW5lZCA9ICF0aGlzLk9wZW5lZDtcclxuICB9XHJcbn1cclxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFyYW5nZWlucHV0LmhpZGRlblwiPlxyXG4gIDxkaXYgY2xhc3M9XCJtYWluLWZvbGRcIiBbbmdDbGFzc109XCJ7ICdmaWxsZWQnOiByYW5nZWlucHV0LnZhbHVlICE9ICcnIH1cIj5cclxuICAgIDxkaXYgY2xhc3M9XCJyb3cgc2VsZWN0YmFyXCIgKGNsaWNrKT1cIkNoYW5nZVN0YXRlKClcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImZsZXhhdXRvIG5hbWViYXJcIj5cclxuICAgICAgICB7eyBUcmFuc2xhdGVTZXJ2aWNlLkdldEFjdGl2ZVZhbHVlUmFuZ2VJbnB1dChyYW5nZWlucHV0LmlkKSB9fVxyXG4gICAgICAgIDxzcGFuICpuZ0lmPVwicmFuZ2VpbnB1dC5yZXF1aXJlZFwiPio8L3NwYW4+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInJhbmdlaW5wdXQudmFsdWUgIT0gJydcIj5cclxuICAgICAgICAgICh7eyByYW5nZWlucHV0LnZhbHVlIH19KVxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdj5cclxuICAgICAgICA8bWF0LWljb24gKm5nSWY9XCIhT3BlbmVkXCIgY2xhc3M9XCJleHBhbmRfbW9yZVwiPmFkZDwvbWF0LWljb24+XHJcbiAgICAgICAgPG1hdC1pY29uICpuZ0lmPVwiT3BlbmVkXCIgY2xhc3M9XCJleHBhbmRfbGVzc1wiPnJlbW92ZTwvbWF0LWljb24+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29sbGFwc2libGUtd3JhcHBlclwiIFtuZ0NsYXNzXT1cInsnY29sbGFwc2VkJzogIU9wZW5lZH1cIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImNvbGxhcHNpYmxlXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIj5cclxuICAgICAgICAgIDxhcHAtZmFiLXJhbmdlLWlucHV0IFtyYW5nZWlucHV0XT1cInJhbmdlaW5wdXRcIj48L2FwcC1mYWItcmFuZ2UtaW5wdXQ+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvbmctY29udGFpbmVyPlxyXG4iXX0=

package/esm2020/src/app/modules/fabrikantencore/components/fab-select-bcbproduct/fab-select-bcbproduct.component.mjs

@@ -0,0 +1,19 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/translate.service";
+import * as i2 from "../../services/fabrikanten.service";
+import * as i3 from "@angular/common";
+export class FabSelectBcbproductComponent {
+    constructor(TranslateService, FabrikantenService, ChangeDetectorRef) {
+        this.TranslateService = TranslateService;
+        this.FabrikantenService = FabrikantenService;
+        this.ChangeDetectorRef = ChangeDetectorRef;
+    }
+}
+FabSelectBcbproductComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabSelectBcbproductComponent, deps: [{ token: i1.TranslateService }, { token: i2.FabrikantenService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+FabSelectBcbproductComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: FabSelectBcbproductComponent, selector: "app-fab-select-bcbproduct", ngImport: i0, template: "<ng-container *ngIf=\"FabrikantenService.FabrikantenViewModel?.selectedProduct?.fabrikantenBCBProductViewModels != null\">\r\n  {{ TranslateService.GetActiveValue(\"Common\", \"Multiple variants\") }}\r\n  <br />\r\n  <br />\r\n  <div *ngFor=\"let bcbproduct of FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels\">\r\n    <div class=\"bcbproduct-div\" (click)=\"FabrikantenService.SelectBCBProduct(bcbproduct, this.ChangeDetectorRef)\">\r\n      {{ bcbproduct.name }}\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n", styles: [".bcbproduct-div{border-radius:3px;padding:10px;margin:5px;cursor:pointer;border:1px solid #CCC;box-shadow:0 0 5px -1px #0003;display:inline-block}.bcbproduct-div:hover{background-color:#d3d3d3}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabSelectBcbproductComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-fab-select-bcbproduct', template: "<ng-container *ngIf=\"FabrikantenService.FabrikantenViewModel?.selectedProduct?.fabrikantenBCBProductViewModels != null\">\r\n  {{ TranslateService.GetActiveValue(\"Common\", \"Multiple variants\") }}\r\n  <br />\r\n  <br />\r\n  <div *ngFor=\"let bcbproduct of FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels\">\r\n    <div class=\"bcbproduct-div\" (click)=\"FabrikantenService.SelectBCBProduct(bcbproduct, this.ChangeDetectorRef)\">\r\n      {{ bcbproduct.name }}\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n", styles: [".bcbproduct-div{border-radius:3px;padding:10px;margin:5px;cursor:pointer;border:1px solid #CCC;box-shadow:0 0 5px -1px #0003;display:inline-block}.bcbproduct-div:hover{background-color:#d3d3d3}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.TranslateService }, { type: i2.FabrikantenService }, { type: i0.ChangeDetectorRef }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLXNlbGVjdC1iY2Jwcm9kdWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItc2VsZWN0LWJjYnByb2R1Y3QvZmFiLXNlbGVjdC1iY2Jwcm9kdWN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItc2VsZWN0LWJjYnByb2R1Y3QvZmFiLXNlbGVjdC1iY2Jwcm9kdWN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBcUIsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQVM3RCxNQUFNLE9BQU8sNEJBQTRCO0lBQ3ZDLFlBQ1MsZ0JBQWtDLEVBQ2xDLGtCQUFzQyxFQUN0QyxpQkFBb0M7UUFGcEMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUNsQyx1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW9CO1FBQ3RDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7SUFFN0MsQ0FBQzs7eUhBTlUsNEJBQTRCOzZHQUE1Qiw0QkFBNEIsaUVDVHpDLDRpQkFVQTsyRkREYSw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0UsMkJBQTJCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGYWJyaWthbnRlblNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9mYWJyaWthbnRlbi5zZXJ2aWNlJztcclxuaW1wb3J0IHsgVHJhbnNsYXRlU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3RyYW5zbGF0ZS5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWZhYi1zZWxlY3QtYmNicHJvZHVjdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2ZhYi1zZWxlY3QtYmNicHJvZHVjdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZmFiLXNlbGVjdC1iY2Jwcm9kdWN0LmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEZhYlNlbGVjdEJjYnByb2R1Y3RDb21wb25lbnQge1xyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHVibGljIFRyYW5zbGF0ZVNlcnZpY2U6IFRyYW5zbGF0ZVNlcnZpY2UsXHJcbiAgICBwdWJsaWMgRmFicmlrYW50ZW5TZXJ2aWNlOiBGYWJyaWthbnRlblNlcnZpY2UsXHJcbiAgICBwdWJsaWMgQ2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmKSB7XHJcblxyXG4gIH1cclxufVxyXG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwiRmFicmlrYW50ZW5TZXJ2aWNlLkZhYnJpa2FudGVuVmlld01vZGVsPy5zZWxlY3RlZFByb2R1Y3Q/LmZhYnJpa2FudGVuQkNCUHJvZHVjdFZpZXdNb2RlbHMgIT0gbnVsbFwiPlxyXG4gIHt7IFRyYW5zbGF0ZVNlcnZpY2UuR2V0QWN0aXZlVmFsdWUoXCJDb21tb25cIiwgXCJNdWx0aXBsZSB2YXJpYW50c1wiKSB9fVxyXG4gIDxiciAvPlxyXG4gIDxiciAvPlxyXG4gIDxkaXYgKm5nRm9yPVwibGV0IGJjYnByb2R1Y3Qgb2YgRmFicmlrYW50ZW5TZXJ2aWNlLkZhYnJpa2FudGVuVmlld01vZGVsLnNlbGVjdGVkUHJvZHVjdC5mYWJyaWthbnRlbkJDQlByb2R1Y3RWaWV3TW9kZWxzXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiYmNicHJvZHVjdC1kaXZcIiAoY2xpY2spPVwiRmFicmlrYW50ZW5TZXJ2aWNlLlNlbGVjdEJDQlByb2R1Y3QoYmNicHJvZHVjdCwgdGhpcy5DaGFuZ2VEZXRlY3RvclJlZilcIj5cclxuICAgICAge3sgYmNicHJvZHVjdC5uYW1lIH19XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9uZy1jb250YWluZXI+XHJcbiJdfQ==

package/esm2020/src/app/modules/fabrikantencore/components/fab-start/fab-start.component.mjs

@@ -0,0 +1,27 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/fabrikanten.service";
+import * as i2 from "../../services/translate.service";
+import * as i3 from "@angular/router";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/material/card";
+import * as i6 from "@angular/material/progress-spinner";
+export class FabStartComponent {
+    constructor(FabrikantenService, TranslateService, ChangeDetectorRef, router) {
+        this.FabrikantenService = FabrikantenService;
+        this.TranslateService = TranslateService;
+        this.ChangeDetectorRef = ChangeDetectorRef;
+        this.router = router;
+        //this.router.navigateByUrl('/beheer');
+    }
+    ngOnInit() {
+        this.FabrikantenService.LoadFabrikantenViewModel(this.ChangeDetectorRef, null);
+    }
+}
+FabStartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabStartComponent, deps: [{ token: i1.FabrikantenService }, { token: i2.TranslateService }, { token: i0.ChangeDetectorRef }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Component });
+FabStartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: FabStartComponent, selector: "app-fab-start", ngImport: i0, template: "<div *ngIf=\"FabrikantenService.Loading\" class=\"loader\">\n  <mat-card class=\"loader-card\">\n    <mat-card-content>\n      <mat-spinner class=\"loader-spinner\" [diameter]=\"80\"></mat-spinner>\n    </mat-card-content>\n  </mat-card>\n</div>\n", styles: [".loader-card{margin:auto;width:300px}.loader-subtitle{text-align:center}.loader-spinner{margin:auto}.loader{display:flex;align-items:center;width:100%;height:100%;justify-content:center;z-index:20;background-color:#ffffffb3;top:0;left:0}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i5.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i6.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabStartComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-fab-start', template: "<div *ngIf=\"FabrikantenService.Loading\" class=\"loader\">\n  <mat-card class=\"loader-card\">\n    <mat-card-content>\n      <mat-spinner class=\"loader-spinner\" [diameter]=\"80\"></mat-spinner>\n    </mat-card-content>\n  </mat-card>\n</div>\n", styles: [".loader-card{margin:auto;width:300px}.loader-subtitle{text-align:center}.loader-spinner{margin:auto}.loader{display:flex;align-items:center;width:100%;height:100%;justify-content:center;z-index:20;background-color:#ffffffb3;top:0;left:0}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.FabrikantenService }, { type: i2.TranslateService }, { type: i0.ChangeDetectorRef }, { type: i3.Router }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLXN0YXJ0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItc3RhcnQvZmFiLXN0YXJ0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItc3RhcnQvZmFiLXN0YXJ0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBcUIsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztBQVVyRSxNQUFNLE9BQU8saUJBQWlCO0lBRTVCLFlBQ1Msa0JBQXNDLEVBQ3RDLGdCQUFrQyxFQUNqQyxpQkFBb0MsRUFDcEMsTUFBYztRQUhmLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBb0I7UUFDdEMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUNqQyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBQ3BDLFdBQU0sR0FBTixNQUFNLENBQVE7UUFDdEIsdUNBQXVDO0lBQ3pDLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLGtCQUFrQixDQUFDLHdCQUF3QixDQUFDLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxJQUFJLENBQUMsQ0FBQztJQUNqRixDQUFDOzs4R0FaVSxpQkFBaUI7a0dBQWpCLGlCQUFpQixxRENWOUIseVBBT0E7MkZER2EsaUJBQWlCO2tCQUw3QixTQUFTOytCQUNFLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgRmFicmlrYW50ZW5TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvZmFicmlrYW50ZW4uc2VydmljZSc7XHJcbmltcG9ydCB7IFRyYW5zbGF0ZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy90cmFuc2xhdGUuc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1mYWItc3RhcnQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9mYWItc3RhcnQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2ZhYi1zdGFydC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGYWJTdGFydENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHVibGljIEZhYnJpa2FudGVuU2VydmljZTogRmFicmlrYW50ZW5TZXJ2aWNlLFxyXG4gICAgcHVibGljIFRyYW5zbGF0ZVNlcnZpY2U6IFRyYW5zbGF0ZVNlcnZpY2UsXHJcbiAgICBwcml2YXRlIENoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZixcclxuICAgIHByaXZhdGUgcm91dGVyOiBSb3V0ZXIpIHtcclxuICAgIC8vdGhpcy5yb3V0ZXIubmF2aWdhdGVCeVVybCgnL2JlaGVlcicpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLkZhYnJpa2FudGVuU2VydmljZS5Mb2FkRmFicmlrYW50ZW5WaWV3TW9kZWwodGhpcy5DaGFuZ2VEZXRlY3RvclJlZiwgbnVsbCk7XHJcbiAgfVxyXG5cclxufVxyXG4iLCI8ZGl2ICpuZ0lmPVwiRmFicmlrYW50ZW5TZXJ2aWNlLkxvYWRpbmdcIiBjbGFzcz1cImxvYWRlclwiPlxuICA8bWF0LWNhcmQgY2xhc3M9XCJsb2FkZXItY2FyZFwiPlxuICAgIDxtYXQtY2FyZC1jb250ZW50PlxuICAgICAgPG1hdC1zcGlubmVyIGNsYXNzPVwibG9hZGVyLXNwaW5uZXJcIiBbZGlhbWV0ZXJdPVwiODBcIj48L21hdC1zcGlubmVyPlxuICAgIDwvbWF0LWNhcmQtY29udGVudD5cbiAgPC9tYXQtY2FyZD5cbjwvZGl2PlxuIl19

package/esm2020/src/app/modules/fabrikantencore/components/fab-svg-viewer/fab-svg-viewer.component.mjs

@@ -0,0 +1,69 @@
+import { Component, ViewChild } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/fabrikanten.service";
+import * as i2 from "../../services/svg.service";
+import * as i3 from "../../services/translate.service";
+import * as i4 from "@angular/platform-browser";
+import * as i5 from "../../services/mobile.service";
+import * as i6 from "@angular/common";
+import * as i7 from "@angular/material/card";
+import * as i8 from "../fab-loader/fab-loader.component";
+import * as i9 from "../fab-actionmenu/fab-actionmenu.component";
+import * as i10 from "../fab-select-bcbproduct/fab-select-bcbproduct.component";
+export class FabSvgViewerComponent {
+    constructor(FabrikantenService, SVGService, TranslateService, sanitization, MobileService, ChangeDetectorRef) {
+        this.FabrikantenService = FabrikantenService;
+        this.SVGService = SVGService;
+        this.TranslateService = TranslateService;
+        this.sanitization = sanitization;
+        this.MobileService = MobileService;
+        this.ChangeDetectorRef = ChangeDetectorRef;
+        this.UpdateSize();
+    }
+    ngOnInit() {
+        this.UpdateSize();
+    }
+    ngAfterViewInit() {
+        this.UpdateSize();
+        this.ChangeDetectorRef.detectChanges();
+    }
+    ngDoCheck() {
+        this.UpdateSize();
+    }
+    ShowSVG() {
+        if (!this.FabrikantenService.ShowVariants()) {
+            if (this.SVGService.FabrikantenSVGViewModel != undefined) {
+                return true;
+            }
+        }
+        return false;
+    }
+    GetSafeURL() {
+        return this.sanitization.bypassSecurityTrustResourceUrl(this.SVGService.FabrikantenSVGViewModel.svg + "");
+    }
+    OpenBCBLink() {
+        this.FabrikantenService.OpenBCBLink(this.SVGService.FabrikantenSVGViewModel.wuid + "");
+    }
+    UpdateSize() {
+        if (this.svgcontainer != undefined) {
+            var width = this.svgcontainer.nativeElement.offsetWidth - 6;
+            var height = this.svgcontainer.nativeElement.offsetHeight - 6;
+            if (this.SVGService.ViewerWidth != width || this.SVGService.ViewerHeight != height) {
+                clearTimeout(this.timeoutId);
+                this.timeoutId = setTimeout(() => {
+                    this.SVGService.UpdateViewerSize(width, height, this.ChangeDetectorRef);
+                }, 300);
+            }
+        }
+    }
+}
+FabSvgViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabSvgViewerComponent, deps: [{ token: i1.FabrikantenService }, { token: i2.SVGService }, { token: i3.TranslateService }, { token: i4.DomSanitizer }, { token: i5.MobileService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+FabSvgViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: FabSvgViewerComponent, selector: "app-fab-svg-viewer", viewQueries: [{ propertyName: "svgcontainer", first: true, predicate: ["svgcontainer"], descendants: true }], ngImport: i0, template: "<div class=\"loader\" *ngIf=\"SVGService.Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div class=\"main-window\">\r\n  <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\r\n    <app-fab-select-bcbproduct></app-fab-select-bcbproduct>\r\n  </div>\r\n  \r\n  <div class=\"main-window flex-col\" *ngIf=\"ShowSVG()\">\r\n    <div #svgcontainer class=\"svg-container\">\r\n      <object class=\"svg-object\" *ngIf=\"ShowSVG()\" type=\"image/svg+xml\" [attr.data]=\"GetSafeURL()\"></object>\r\n    </div>\r\n\r\n    <div class=\"svg-settings\" *ngIf=\"MobileService.ShowActionMenu()\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <app-fab-actionmenu [display]=\"'2D'\"></app-fab-actionmenu>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".row{display:flex;line-height:37px}.icon{margin-right:3px}.multiplevariants{padding:20px}.row-icon{align-items:center;display:flex}.flex-auto{flex:auto}.column{display:flex;flex-direction:column}.svg-settings{position:absolute;top:10px;right:10px;display:flex}button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-title{flex:auto}.flex-col{display:flex;flex-direction:column}.loader{position:absolute;width:100%;height:100%;justify-content:center}.main-window{height:100%;overflow:hidden}.toolbar{display:flex;padding:3px}.toolbar-mobile{padding-bottom:5px}.svg-container{overflow:auto;background-color:#f1eeeb;height:100%}.toolbar-actions{flex:auto}.svg-object{cursor:grab}.toolbar-button{margin-top:3px}.button{margin:5px;width:100%}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i7.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i8.FabLoaderComponent, selector: "app-fab-loader" }, { kind: "component", type: i9.FabActionmenuComponent, selector: "app-fab-actionmenu", inputs: ["display"] }, { kind: "component", type: i10.FabSelectBcbproductComponent, selector: "app-fab-select-bcbproduct" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabSvgViewerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-fab-svg-viewer', template: "<div class=\"loader\" *ngIf=\"SVGService.Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div class=\"main-window\">\r\n  <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\r\n    <app-fab-select-bcbproduct></app-fab-select-bcbproduct>\r\n  </div>\r\n  \r\n  <div class=\"main-window flex-col\" *ngIf=\"ShowSVG()\">\r\n    <div #svgcontainer class=\"svg-container\">\r\n      <object class=\"svg-object\" *ngIf=\"ShowSVG()\" type=\"image/svg+xml\" [attr.data]=\"GetSafeURL()\"></object>\r\n    </div>\r\n\r\n    <div class=\"svg-settings\" *ngIf=\"MobileService.ShowActionMenu()\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <app-fab-actionmenu [display]=\"'2D'\"></app-fab-actionmenu>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".row{display:flex;line-height:37px}.icon{margin-right:3px}.multiplevariants{padding:20px}.row-icon{align-items:center;display:flex}.flex-auto{flex:auto}.column{display:flex;flex-direction:column}.svg-settings{position:absolute;top:10px;right:10px;display:flex}button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-title{flex:auto}.flex-col{display:flex;flex-direction:column}.loader{position:absolute;width:100%;height:100%;justify-content:center}.main-window{height:100%;overflow:hidden}.toolbar{display:flex;padding:3px}.toolbar-mobile{padding-bottom:5px}.svg-container{overflow:auto;background-color:#f1eeeb;height:100%}.toolbar-actions{flex:auto}.svg-object{cursor:grab}.toolbar-button{margin-top:3px}.button{margin:5px;width:100%}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.FabrikantenService }, { type: i2.SVGService }, { type: i3.TranslateService }, { type: i4.DomSanitizer }, { type: i5.MobileService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { svgcontainer: [{
+                type: ViewChild,
+                args: ['svgcontainer']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLXN2Zy12aWV3ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL2ZhYnJpa2FudGVuY29yZS9jb21wb25lbnRzL2ZhYi1zdmctdmlld2VyL2ZhYi1zdmctdmlld2VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItc3ZnLXZpZXdlci9mYWItc3ZnLXZpZXdlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQW9DLFNBQVMsRUFBMEMsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7Ozs7Ozs7QUFZL0gsTUFBTSxPQUFPLHFCQUFxQjtJQUtoQyxZQUNTLGtCQUFzQyxFQUN0QyxVQUFzQixFQUN0QixnQkFBa0MsRUFDakMsWUFBMEIsRUFDM0IsYUFBNEIsRUFDNUIsaUJBQW9DO1FBTHBDLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBb0I7UUFDdEMsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUN0QixxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBQ2pDLGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBQzNCLGtCQUFhLEdBQWIsYUFBYSxDQUFlO1FBQzVCLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUFDM0MsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQ2xCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN6QyxDQUFDO0lBRUQsU0FBUztRQUNQLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUNwQixDQUFDO0lBRU0sT0FBTztRQUNaLElBQUksQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsWUFBWSxFQUFFLEVBQUU7WUFDM0MsSUFBSSxJQUFJLENBQUMsVUFBVSxDQUFDLHVCQUF1QixJQUFJLFNBQVMsRUFBRTtnQkFDeEQsT0FBTyxJQUFJLENBQUM7YUFDYjtTQUNGO1FBRUQsT0FBTyxLQUFLLENBQUM7SUFDZixDQUFDO0lBRU0sVUFBVTtRQUNmLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQyw4QkFBOEIsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLHVCQUF1QixDQUFDLEdBQUcsR0FBRyxFQUFFLENBQUMsQ0FBQztJQUM1RyxDQUFDO0lBRU0sV0FBVztRQUNoQixJQUFJLENBQUMsa0JBQWtCLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsdUJBQXVCLENBQUMsSUFBSSxHQUFHLEVBQUUsQ0FBQyxDQUFDO0lBQ3pGLENBQUM7SUFFTSxVQUFVO1FBQ2YsSUFBSSxJQUFJLENBQUMsWUFBWSxJQUFJLFNBQVMsRUFBRTtZQUVsQyxJQUFJLEtBQUssR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLGFBQWEsQ0FBQyxXQUFXLEdBQUcsQ0FBQyxDQUFDO1lBQzVELElBQUksTUFBTSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsYUFBYSxDQUFDLFlBQVksR0FBRyxDQUFDLENBQUM7WUFFOUQsSUFBSSxJQUFJLENBQUMsVUFBVSxDQUFDLFdBQVcsSUFBSSxLQUFLLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxZQUFZLElBQUksTUFBTSxFQUFFO2dCQUNsRixZQUFZLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO2dCQUU3QixJQUFJLENBQUMsU0FBUyxHQUFHLFVBQVUsQ0FBQyxHQUFHLEVBQUU7b0JBQy9CLElBQUksQ0FBQyxVQUFVLENBQUMsZ0JBQWdCLENBQUMsS0FBSyxFQUFFLE1BQU0sRUFBRSxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztnQkFDMUUsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO2FBQ1Q7U0FDRjtJQUNILENBQUM7O2tIQTVEVSxxQkFBcUI7c0dBQXJCLHFCQUFxQix3S0NabEMsNDBCQXVCQTsyRkRYYSxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0Usb0JBQW9CO3dQQUtILFlBQVk7c0JBQXRDLFNBQVM7dUJBQUMsY0FBYyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyVmlld0luaXQsIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIERvQ2hlY2ssIEVsZW1lbnRSZWYsIE9uQ2hhbmdlcywgT25Jbml0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRG9tU2FuaXRpemVyLCBTYWZlUmVzb3VyY2VVcmwsIFNhZmVTdHlsZSwgU2FmZVVybCB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xyXG5pbXBvcnQgeyBGYWJyaWthbnRlblNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9mYWJyaWthbnRlbi5zZXJ2aWNlJztcclxuaW1wb3J0IHsgTW9iaWxlU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL21vYmlsZS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgU1ZHU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3N2Zy5zZXJ2aWNlJztcclxuaW1wb3J0IHsgVHJhbnNsYXRlU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3RyYW5zbGF0ZS5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWZhYi1zdmctdmlld2VyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZmFiLXN2Zy12aWV3ZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2ZhYi1zdmctdmlld2VyLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEZhYlN2Z1ZpZXdlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCwgRG9DaGVjayB7XHJcbiAgQFZpZXdDaGlsZCgnc3ZnY29udGFpbmVyJykgc3ZnY29udGFpbmVyOiBFbGVtZW50UmVmO1xyXG5cclxuICBwcml2YXRlIHRpbWVvdXRJZDogYW55O1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHB1YmxpYyBGYWJyaWthbnRlblNlcnZpY2U6IEZhYnJpa2FudGVuU2VydmljZSxcclxuICAgIHB1YmxpYyBTVkdTZXJ2aWNlOiBTVkdTZXJ2aWNlLFxyXG4gICAgcHVibGljIFRyYW5zbGF0ZVNlcnZpY2U6IFRyYW5zbGF0ZVNlcnZpY2UsXHJcbiAgICBwcml2YXRlIHNhbml0aXphdGlvbjogRG9tU2FuaXRpemVyLFxyXG4gICAgcHVibGljIE1vYmlsZVNlcnZpY2U6IE1vYmlsZVNlcnZpY2UsXHJcbiAgICBwdWJsaWMgQ2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmKSB7XHJcbiAgICB0aGlzLlVwZGF0ZVNpemUoKTtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5VcGRhdGVTaXplKCk7XHJcbiAgfVxyXG5cclxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLlVwZGF0ZVNpemUoKTtcclxuICAgIHRoaXMuQ2hhbmdlRGV0ZWN0b3JSZWYuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gIH1cclxuXHJcbiAgbmdEb0NoZWNrKCk6IHZvaWQge1xyXG4gICAgdGhpcy5VcGRhdGVTaXplKCk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgU2hvd1NWRygpOiBib29sZWFuIHtcclxuICAgIGlmICghdGhpcy5GYWJyaWthbnRlblNlcnZpY2UuU2hvd1ZhcmlhbnRzKCkpIHtcclxuICAgICAgaWYgKHRoaXMuU1ZHU2VydmljZS5GYWJyaWthbnRlblNWR1ZpZXdNb2RlbCAhPSB1bmRlZmluZWQpIHtcclxuICAgICAgICByZXR1cm4gdHJ1ZTtcclxuICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIHJldHVybiBmYWxzZTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBHZXRTYWZlVVJMKCk6IFNhZmVSZXNvdXJjZVVybCB7XHJcbiAgICByZXR1cm4gdGhpcy5zYW5pdGl6YXRpb24uYnlwYXNzU2VjdXJpdHlUcnVzdFJlc291cmNlVXJsKHRoaXMuU1ZHU2VydmljZS5GYWJyaWthbnRlblNWR1ZpZXdNb2RlbC5zdmcgKyBcIlwiKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBPcGVuQkNCTGluaygpOiB2b2lkIHtcclxuICAgIHRoaXMuRmFicmlrYW50ZW5TZXJ2aWNlLk9wZW5CQ0JMaW5rKHRoaXMuU1ZHU2VydmljZS5GYWJyaWthbnRlblNWR1ZpZXdNb2RlbC53dWlkICsgXCJcIik7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgVXBkYXRlU2l6ZSgpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLnN2Z2NvbnRhaW5lciAhPSB1bmRlZmluZWQpIHtcclxuXHJcbiAgICAgIHZhciB3aWR0aCA9IHRoaXMuc3ZnY29udGFpbmVyLm5hdGl2ZUVsZW1lbnQub2Zmc2V0V2lkdGggLSA2O1xyXG4gICAgICB2YXIgaGVpZ2h0ID0gdGhpcy5zdmdjb250YWluZXIubmF0aXZlRWxlbWVudC5vZmZzZXRIZWlnaHQgLSA2O1xyXG5cclxuICAgICAgaWYgKHRoaXMuU1ZHU2VydmljZS5WaWV3ZXJXaWR0aCAhPSB3aWR0aCB8fCB0aGlzLlNWR1NlcnZpY2UuVmlld2VySGVpZ2h0ICE9IGhlaWdodCkge1xyXG4gICAgICAgIGNsZWFyVGltZW91dCh0aGlzLnRpbWVvdXRJZCk7XHJcblxyXG4gICAgICAgIHRoaXMudGltZW91dElkID0gc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgICAgICB0aGlzLlNWR1NlcnZpY2UuVXBkYXRlVmlld2VyU2l6ZSh3aWR0aCwgaGVpZ2h0LCB0aGlzLkNoYW5nZURldGVjdG9yUmVmKTtcclxuICAgICAgICB9LCAzMDApO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBcclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibG9hZGVyXCIgKm5nSWY9XCJTVkdTZXJ2aWNlLkxvYWRpbmdcIj5cclxuICA8YXBwLWZhYi1sb2FkZXI+PC9hcHAtZmFiLWxvYWRlcj5cclxuPC9kaXY+XHJcblxyXG48ZGl2IGNsYXNzPVwibWFpbi13aW5kb3dcIj5cclxuICA8ZGl2ICpuZ0lmPVwiRmFicmlrYW50ZW5TZXJ2aWNlLlNob3dWYXJpYW50cygpXCIgY2xhc3M9XCJtdWx0aXBsZXZhcmlhbnRzXCI+XHJcbiAgICA8YXBwLWZhYi1zZWxlY3QtYmNicHJvZHVjdD48L2FwcC1mYWItc2VsZWN0LWJjYnByb2R1Y3Q+XHJcbiAgPC9kaXY+XHJcbiAgXHJcbiAgPGRpdiBjbGFzcz1cIm1haW4td2luZG93IGZsZXgtY29sXCIgKm5nSWY9XCJTaG93U1ZHKClcIj5cclxuICAgIDxkaXYgI3N2Z2NvbnRhaW5lciBjbGFzcz1cInN2Zy1jb250YWluZXJcIj5cclxuICAgICAgPG9iamVjdCBjbGFzcz1cInN2Zy1vYmplY3RcIiAqbmdJZj1cIlNob3dTVkcoKVwiIHR5cGU9XCJpbWFnZS9zdmcreG1sXCIgW2F0dHIuZGF0YV09XCJHZXRTYWZlVVJMKClcIj48L29iamVjdD5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIDxkaXYgY2xhc3M9XCJzdmctc2V0dGluZ3NcIiAqbmdJZj1cIk1vYmlsZVNlcnZpY2UuU2hvd0FjdGlvbk1lbnUoKVwiPlxyXG4gICAgICA8bWF0LWNhcmQ+XHJcbiAgICAgICAgPG1hdC1jYXJkLWNvbnRlbnQ+XHJcbiAgICAgICAgICA8YXBwLWZhYi1hY3Rpb25tZW51IFtkaXNwbGF5XT1cIicyRCdcIj48L2FwcC1mYWItYWN0aW9ubWVudT5cclxuICAgICAgICA8L21hdC1jYXJkLWNvbnRlbnQ+XHJcbiAgICAgIDwvbWF0LWNhcmQ+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2020/src/app/modules/fabrikantencore/components/fab-texture/fab-texture.component.mjs

@@ -0,0 +1,35 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/fabrikanten.service";
+import * as i2 from "../../services/texture.service";
+import * as i3 from "../../services/translate.service";
+import * as i4 from "../../services/mobile.service";
+import * as i5 from "@angular/common";
+import * as i6 from "@angular/material/card";
+import * as i7 from "../fab-loader/fab-loader.component";
+import * as i8 from "../fab-actionmenu/fab-actionmenu.component";
+import * as i9 from "../fab-select-bcbproduct/fab-select-bcbproduct.component";
+export class FabTextureComponent {
+    constructor(FabrikantenService, TextureService, TranslateService, MobileService, ChangeDetectorRef) {
+        this.FabrikantenService = FabrikantenService;
+        this.TextureService = TextureService;
+        this.TranslateService = TranslateService;
+        this.MobileService = MobileService;
+        this.ChangeDetectorRef = ChangeDetectorRef;
+    }
+    ShowTexture() {
+        if (!this.FabrikantenService.ShowVariants()) {
+            if (this.TextureService.FabrikantenTextureViewModel != undefined) {
+                return true;
+            }
+        }
+        return false;
+    }
+}
+FabTextureComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabTextureComponent, deps: [{ token: i1.FabrikantenService }, { token: i2.TextureService }, { token: i3.TranslateService }, { token: i4.MobileService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+FabTextureComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: FabTextureComponent, selector: "app-fab-texture", ngImport: i0, template: "<div class=\"loader\" *ngIf=\"TextureService.Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div>\r\n  <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\r\n    <app-fab-select-bcbproduct></app-fab-select-bcbproduct>\r\n  </div>\r\n  <div *ngIf=\"ShowTexture()\" class=\"main-window flex-col\">\r\n    <div class=\"image-row\">\r\n      <div>\r\n        <div class=\"image-header\">{{ TranslateService.GetActiveValue(\"Common\", \"Texture\") }}</div>\r\n        <a href=\"{{ TextureService.FabrikantenTextureViewModel.patroonURL }}\" target=\"_blank\">\r\n          <img class=\"image\" src=\"{{ TextureService.FabrikantenTextureViewModel.patroonURL }}\" />\r\n        </a>\r\n      </div>\r\n      <div>\r\n        <div class=\"image-header\">{{ TranslateService.GetActiveValue(\"Common\", \"Bumpmap\") }}</div>\r\n        <a href=\"{{ TextureService.FabrikantenTextureViewModel.bumpURL }}\" target=\"_blank\">\r\n          <img class=\"image\" src=\"{{ TextureService.FabrikantenTextureViewModel.bumpURL }}\" />\r\n        </a>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"texture-settings\" *ngIf=\"MobileService.ShowActionMenu()\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <app-fab-actionmenu [display]=\"'Texture'\"></app-fab-actionmenu>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\r\n", styles: [".row{display:flex;line-height:37px}.flex-col{display:flex;flex-direction:column}.image-row{display:flex;gap:30px;padding:30px;align-items:center;justify-content:center}.image-header{text-align:center;font-style:italic}.image{max-width:400px;max-height:calc(100vH - 190px)}.multiplevariants{padding:20px}.loader{position:absolute;width:100%;height:100%;justify-content:center}.column{display:flex;flex-direction:column}.texture-settings{position:absolute;top:10px;right:10px;display:flex}.icon{margin-right:3px}.row-icon{align-items:center;display:flex}.row-title{flex:auto}button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.button{margin:5px;width:100%}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i7.FabLoaderComponent, selector: "app-fab-loader" }, { kind: "component", type: i8.FabActionmenuComponent, selector: "app-fab-actionmenu", inputs: ["display"] }, { kind: "component", type: i9.FabSelectBcbproductComponent, selector: "app-fab-select-bcbproduct" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabTextureComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-fab-texture', template: "<div class=\"loader\" *ngIf=\"TextureService.Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div>\r\n  <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\r\n    <app-fab-select-bcbproduct></app-fab-select-bcbproduct>\r\n  </div>\r\n  <div *ngIf=\"ShowTexture()\" class=\"main-window flex-col\">\r\n    <div class=\"image-row\">\r\n      <div>\r\n        <div class=\"image-header\">{{ TranslateService.GetActiveValue(\"Common\", \"Texture\") }}</div>\r\n        <a href=\"{{ TextureService.FabrikantenTextureViewModel.patroonURL }}\" target=\"_blank\">\r\n          <img class=\"image\" src=\"{{ TextureService.FabrikantenTextureViewModel.patroonURL }}\" />\r\n        </a>\r\n      </div>\r\n      <div>\r\n        <div class=\"image-header\">{{ TranslateService.GetActiveValue(\"Common\", \"Bumpmap\") }}</div>\r\n        <a href=\"{{ TextureService.FabrikantenTextureViewModel.bumpURL }}\" target=\"_blank\">\r\n          <img class=\"image\" src=\"{{ TextureService.FabrikantenTextureViewModel.bumpURL }}\" />\r\n        </a>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"texture-settings\" *ngIf=\"MobileService.ShowActionMenu()\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <app-fab-actionmenu [display]=\"'Texture'\"></app-fab-actionmenu>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\r\n", styles: [".row{display:flex;line-height:37px}.flex-col{display:flex;flex-direction:column}.image-row{display:flex;gap:30px;padding:30px;align-items:center;justify-content:center}.image-header{text-align:center;font-style:italic}.image{max-width:400px;max-height:calc(100vH - 190px)}.multiplevariants{padding:20px}.loader{position:absolute;width:100%;height:100%;justify-content:center}.column{display:flex;flex-direction:column}.texture-settings{position:absolute;top:10px;right:10px;display:flex}.icon{margin-right:3px}.row-icon{align-items:center;display:flex}.row-title{flex:auto}button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.button{margin:5px;width:100%}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.FabrikantenService }, { type: i2.TextureService }, { type: i3.TranslateService }, { type: i4.MobileService }, { type: i0.ChangeDetectorRef }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLXRleHR1cmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL2ZhYnJpa2FudGVuY29yZS9jb21wb25lbnRzL2ZhYi10ZXh0dXJlL2ZhYi10ZXh0dXJlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItdGV4dHVyZS9mYWItdGV4dHVyZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXFCLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7Ozs7QUFXN0QsTUFBTSxPQUFPLG1CQUFtQjtJQUU5QixZQUNTLGtCQUFzQyxFQUN0QyxjQUE4QixFQUM5QixnQkFBa0MsRUFDbEMsYUFBNEIsRUFDNUIsaUJBQW9DO1FBSnBDLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBb0I7UUFDdEMsbUJBQWMsR0FBZCxjQUFjLENBQWdCO1FBQzlCLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFDbEMsa0JBQWEsR0FBYixhQUFhLENBQWU7UUFDNUIsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtJQUc3QyxDQUFDO0lBRU0sV0FBVztRQUNoQixJQUFJLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFlBQVksRUFBRSxFQUFFO1lBQzNDLElBQUksSUFBSSxDQUFDLGNBQWMsQ0FBQywyQkFBMkIsSUFBSSxTQUFTLEVBQUU7Z0JBQ2hFLE9BQU8sSUFBSSxDQUFDO2FBQ2I7U0FDRjtRQUVELE9BQU8sS0FBSyxDQUFDO0lBQ2YsQ0FBQzs7Z0hBcEJVLG1CQUFtQjtvR0FBbkIsbUJBQW1CLHVEQ1hoQyw2NENBbUNBOzJGRHhCYSxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0UsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGYWJyaWthbnRlblNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9mYWJyaWthbnRlbi5zZXJ2aWNlJztcclxuaW1wb3J0IHsgTW9iaWxlU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL21vYmlsZS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgVGV4dHVyZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy90ZXh0dXJlLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBUcmFuc2xhdGVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvdHJhbnNsYXRlLnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtZmFiLXRleHR1cmUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9mYWItdGV4dHVyZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZmFiLXRleHR1cmUuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRmFiVGV4dHVyZUNvbXBvbmVudCB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHVibGljIEZhYnJpa2FudGVuU2VydmljZTogRmFicmlrYW50ZW5TZXJ2aWNlLFxyXG4gICAgcHVibGljIFRleHR1cmVTZXJ2aWNlOiBUZXh0dXJlU2VydmljZSxcclxuICAgIHB1YmxpYyBUcmFuc2xhdGVTZXJ2aWNlOiBUcmFuc2xhdGVTZXJ2aWNlLFxyXG4gICAgcHVibGljIE1vYmlsZVNlcnZpY2U6IE1vYmlsZVNlcnZpY2UsXHJcbiAgICBwdWJsaWMgQ2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmXHJcbiAgKSB7XHJcbiAgICBcclxuICB9XHJcblxyXG4gIHB1YmxpYyBTaG93VGV4dHVyZSgpOiBib29sZWFuIHtcclxuICAgIGlmICghdGhpcy5GYWJyaWthbnRlblNlcnZpY2UuU2hvd1ZhcmlhbnRzKCkpIHtcclxuICAgICAgaWYgKHRoaXMuVGV4dHVyZVNlcnZpY2UuRmFicmlrYW50ZW5UZXh0dXJlVmlld01vZGVsICE9IHVuZGVmaW5lZCkge1xyXG4gICAgICAgIHJldHVybiB0cnVlO1xyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgcmV0dXJuIGZhbHNlO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibG9hZGVyXCIgKm5nSWY9XCJUZXh0dXJlU2VydmljZS5Mb2FkaW5nXCI+XHJcbiAgPGFwcC1mYWItbG9hZGVyPjwvYXBwLWZhYi1sb2FkZXI+XHJcbjwvZGl2PlxyXG5cclxuPGRpdj5cclxuICA8ZGl2ICpuZ0lmPVwiRmFicmlrYW50ZW5TZXJ2aWNlLlNob3dWYXJpYW50cygpXCIgY2xhc3M9XCJtdWx0aXBsZXZhcmlhbnRzXCI+XHJcbiAgICA8YXBwLWZhYi1zZWxlY3QtYmNicHJvZHVjdD48L2FwcC1mYWItc2VsZWN0LWJjYnByb2R1Y3Q+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiAqbmdJZj1cIlNob3dUZXh0dXJlKClcIiBjbGFzcz1cIm1haW4td2luZG93IGZsZXgtY29sXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiaW1hZ2Utcm93XCI+XHJcbiAgICAgIDxkaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImltYWdlLWhlYWRlclwiPnt7IFRyYW5zbGF0ZVNlcnZpY2UuR2V0QWN0aXZlVmFsdWUoXCJDb21tb25cIiwgXCJUZXh0dXJlXCIpIH19PC9kaXY+XHJcbiAgICAgICAgPGEgaHJlZj1cInt7IFRleHR1cmVTZXJ2aWNlLkZhYnJpa2FudGVuVGV4dHVyZVZpZXdNb2RlbC5wYXRyb29uVVJMIH19XCIgdGFyZ2V0PVwiX2JsYW5rXCI+XHJcbiAgICAgICAgICA8aW1nIGNsYXNzPVwiaW1hZ2VcIiBzcmM9XCJ7eyBUZXh0dXJlU2VydmljZS5GYWJyaWthbnRlblRleHR1cmVWaWV3TW9kZWwucGF0cm9vblVSTCB9fVwiIC8+XHJcbiAgICAgICAgPC9hPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiaW1hZ2UtaGVhZGVyXCI+e3sgVHJhbnNsYXRlU2VydmljZS5HZXRBY3RpdmVWYWx1ZShcIkNvbW1vblwiLCBcIkJ1bXBtYXBcIikgfX08L2Rpdj5cclxuICAgICAgICA8YSBocmVmPVwie3sgVGV4dHVyZVNlcnZpY2UuRmFicmlrYW50ZW5UZXh0dXJlVmlld01vZGVsLmJ1bXBVUkwgfX1cIiB0YXJnZXQ9XCJfYmxhbmtcIj5cclxuICAgICAgICAgIDxpbWcgY2xhc3M9XCJpbWFnZVwiIHNyYz1cInt7IFRleHR1cmVTZXJ2aWNlLkZhYnJpa2FudGVuVGV4dHVyZVZpZXdNb2RlbC5idW1wVVJMIH19XCIgLz5cclxuICAgICAgICA8L2E+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cInRleHR1cmUtc2V0dGluZ3NcIiAqbmdJZj1cIk1vYmlsZVNlcnZpY2UuU2hvd0FjdGlvbk1lbnUoKVwiPlxyXG4gICAgICA8bWF0LWNhcmQ+XHJcbiAgICAgICAgPG1hdC1jYXJkLWNvbnRlbnQ+XHJcbiAgICAgICAgICA8YXBwLWZhYi1hY3Rpb25tZW51IFtkaXNwbGF5XT1cIidUZXh0dXJlJ1wiPjwvYXBwLWZhYi1hY3Rpb25tZW51PlxyXG4gICAgICAgIDwvbWF0LWNhcmQtY29udGVudD5cclxuICAgICAgPC9tYXQtY2FyZD5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuXHJcblxyXG4iXX0=

package/esm2020/src/app/modules/fabrikantencore/components/fab-webgl-viewer/fab-webgl-viewer.component.mjs

@@ -0,0 +1,89 @@
+import { Component, ViewChild } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/fabrikanten.service";
+import * as i2 from "../../services/webgl.service";
+import * as i3 from "../../services/translate.service";
+import * as i4 from "../../services/mobile.service";
+import * as i5 from "@angular/common";
+import * as i6 from "@angular/material/card";
+import * as i7 from "../fab-loader/fab-loader.component";
+import * as i8 from "../fab-actionmenu/fab-actionmenu.component";
+import * as i9 from "../fab-select-bcbproduct/fab-select-bcbproduct.component";
+export class FabWebglViewerComponent {
+    constructor(FabrikantenService, WebGLService, TranslateService, MobileService, ChangeDetectorRef) {
+        this.FabrikantenService = FabrikantenService;
+        this.WebGLService = WebGLService;
+        this.TranslateService = TranslateService;
+        this.MobileService = MobileService;
+        this.ChangeDetectorRef = ChangeDetectorRef;
+        this.Height = "calc(100% - 0px)";
+        this.WebGLService.FabWebglViewerComponent = this;
+        this.RefreshViewerSize();
+    }
+    ngOnInit() {
+        this.RefreshViewerSize();
+    }
+    ngAfterViewInit() {
+        this.RefreshViewerSize();
+        this.RefreshViewer();
+        this.ChangeDetectorRef.detectChanges();
+    }
+    ngDoCheck() {
+        this.RefreshViewerSize();
+    }
+    OpenBCBLink() {
+        this.FabrikantenService.OpenBCBLink(this.WebGLService.Fabrikanten3DViewModel.wuid + "");
+    }
+    ShowWebGL() {
+        if (!this.FabrikantenService.ShowVariants()) {
+            if (this.WebGLService.Fabrikanten3DViewModel != undefined) {
+                return true;
+            }
+        }
+        return false;
+    }
+    RefreshViewer() {
+        if (!this.WebGLService.Loading && this.WebGLService.Fabrikanten3DViewModel != null) {
+            var viewer = ModuleViewer3DLight.get("viewerCanvas");
+            if (viewer != null) {
+                var belichting = viewer.belichting;
+                belichting.toonSlagschaduw = true;
+                belichting.slagschaduwVerzadiging = 0.5;
+                belichting.lichtbronSterkte = 0.8;
+                belichting.lichtSchittering = 0.333;
+                belichting.isCameraLicht = false;
+                belichting.omgevinglichtSterkte = 0.4;
+                belichting.lichtval = [-1.0, 0.5, -1.2];
+                viewer.orthografischeProjectie = false;
+                viewer.kijkrichting = [0.50023241910093, 0.7443600526604934, -0.4423749980318723];
+                viewer.clear();
+                viewer.add(this.WebGLService.Fabrikanten3DViewModel.webGLJSON, function () {
+                    viewer.zetZoomGeheel();
+                    viewer.toonModel();
+                });
+            }
+        }
+    }
+    RefreshViewerSize() {
+        if (this.viewercontainer != undefined) {
+            var width = this.viewercontainer.nativeElement.offsetWidth - 6;
+            var height = this.viewercontainer.nativeElement.offsetHeight - 6;
+            if (this.WebGLService.ViewerWidth != width || this.WebGLService.ViewerHeight != height) {
+                this.WebGLService.ViewerWidth = width;
+                this.WebGLService.ViewerHeight = height;
+                this.ChangeDetectorRef.detectChanges();
+                this.RefreshViewer();
+            }
+        }
+    }
+}
+FabWebglViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabWebglViewerComponent, deps: [{ token: i1.FabrikantenService }, { token: i2.WebGLService }, { token: i3.TranslateService }, { token: i4.MobileService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+FabWebglViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: FabWebglViewerComponent, selector: "app-fab-webgl-viewer", viewQueries: [{ propertyName: "viewercontainer", first: true, predicate: ["viewercontainer"], descendants: true }], ngImport: i0, template: "<div class=\"loader\" *ngIf=\"WebGLService.Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div class=\"main-window\">\r\n  <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\r\n    <app-fab-select-bcbproduct></app-fab-select-bcbproduct>\r\n  </div>\r\n  <div *ngIf=\"ShowWebGL()\" class=\"main-window flex-col\">\r\n    <div #viewercontainer class=\"viewer-container\">\r\n      <canvas id=\"viewerCanvas\" class=\"viewer-canvas\" [attr.width]=\"WebGLService.ViewerWidth\" [attr.height]=\"WebGLService.ViewerHeight\"></canvas>\r\n    </div>\r\n\r\n    <div class=\"webgl-settings\" *ngIf=\"MobileService.ShowActionMenu()\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <app-fab-actionmenu [display]=\"'3D'\"></app-fab-actionmenu>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\r\n", styles: [".row{display:flex;line-height:37px}.flex-col{display:flex;flex-direction:column}.multiplevariants{padding:20px}.loader{position:absolute;width:100%;height:100%;justify-content:center}.column{display:flex;flex-direction:column}.webgl-settings{position:absolute;top:10px;right:10px;display:flex}.icon{margin-right:3px}.viewer-container{overflow:auto;height:100%}.row-icon{align-items:center;display:flex}.row-title{flex:auto}.viewer-canvas{background-color:#fff;cursor:grab}.main-window{height:100%}button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar-button{margin-top:3px}.button{margin:5px;width:100%}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i7.FabLoaderComponent, selector: "app-fab-loader" }, { kind: "component", type: i8.FabActionmenuComponent, selector: "app-fab-actionmenu", inputs: ["display"] }, { kind: "component", type: i9.FabSelectBcbproductComponent, selector: "app-fab-select-bcbproduct" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabWebglViewerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-fab-webgl-viewer', template: "<div class=\"loader\" *ngIf=\"WebGLService.Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div class=\"main-window\">\r\n  <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\r\n    <app-fab-select-bcbproduct></app-fab-select-bcbproduct>\r\n  </div>\r\n  <div *ngIf=\"ShowWebGL()\" class=\"main-window flex-col\">\r\n    <div #viewercontainer class=\"viewer-container\">\r\n      <canvas id=\"viewerCanvas\" class=\"viewer-canvas\" [attr.width]=\"WebGLService.ViewerWidth\" [attr.height]=\"WebGLService.ViewerHeight\"></canvas>\r\n    </div>\r\n\r\n    <div class=\"webgl-settings\" *ngIf=\"MobileService.ShowActionMenu()\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <app-fab-actionmenu [display]=\"'3D'\"></app-fab-actionmenu>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\r\n", styles: [".row{display:flex;line-height:37px}.flex-col{display:flex;flex-direction:column}.multiplevariants{padding:20px}.loader{position:absolute;width:100%;height:100%;justify-content:center}.column{display:flex;flex-direction:column}.webgl-settings{position:absolute;top:10px;right:10px;display:flex}.icon{margin-right:3px}.viewer-container{overflow:auto;height:100%}.row-icon{align-items:center;display:flex}.row-title{flex:auto}.viewer-canvas{background-color:#fff;cursor:grab}.main-window{height:100%}button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar-button{margin-top:3px}.button{margin:5px;width:100%}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.FabrikantenService }, { type: i2.WebGLService }, { type: i3.TranslateService }, { type: i4.MobileService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { viewercontainer: [{
+                type: ViewChild,
+                args: ['viewercontainer']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLXdlYmdsLXZpZXdlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvZmFicmlrYW50ZW5jb3JlL2NvbXBvbmVudHMvZmFiLXdlYmdsLXZpZXdlci9mYWItd2ViZ2wtdmlld2VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItd2ViZ2wtdmlld2VyL2ZhYi13ZWJnbC12aWV3ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFzRCxTQUFTLEVBQTZDLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7Ozs7QUFjcEosTUFBTSxPQUFPLHVCQUF1QjtJQU1sQyxZQUNTLGtCQUFzQyxFQUN0QyxZQUEwQixFQUMxQixnQkFBa0MsRUFDbEMsYUFBNEIsRUFDNUIsaUJBQW9DO1FBSnBDLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBb0I7UUFDdEMsaUJBQVksR0FBWixZQUFZLENBQWM7UUFDMUIscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUNsQyxrQkFBYSxHQUFiLGFBQWEsQ0FBZTtRQUM1QixzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBVHRDLFdBQU0sR0FBVyxrQkFBa0IsQ0FBQztRQVd6QyxJQUFJLENBQUMsWUFBWSxDQUFDLHVCQUF1QixHQUFHLElBQUksQ0FBQztRQUVqRCxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7UUFDekIsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN6QyxDQUFDO0lBRUQsU0FBUztRQUNQLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFTSxXQUFXO1FBQ2hCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxzQkFBc0IsQ0FBQyxJQUFJLEdBQUcsRUFBRSxDQUFDLENBQUM7SUFDMUYsQ0FBQztJQUVNLFNBQVM7UUFDZCxJQUFJLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFlBQVksRUFBRSxFQUFFO1lBQzNDLElBQUksSUFBSSxDQUFDLFlBQVksQ0FBQyxzQkFBc0IsSUFBSSxTQUFTLEVBQUU7Z0JBQ3pELE9BQU8sSUFBSSxDQUFDO2FBQ2I7U0FDRjtRQUVELE9BQU8sS0FBSyxDQUFDO0lBQ2YsQ0FBQztJQUVNLGFBQWE7UUFDbEIsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxJQUFJLElBQUksQ0FBQyxZQUFZLENBQUMsc0JBQXNCLElBQUksSUFBSSxFQUFFO1lBQ2xGLElBQUksTUFBTSxHQUFHLG1CQUFtQixDQUFDLEdBQUcsQ0FBQyxjQUFjLENBQUMsQ0FBQztZQUVyRCxJQUFJLE1BQU0sSUFBSSxJQUFJLEVBQUU7Z0JBRWxCLElBQUksVUFBVSxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUM7Z0JBQ25DLFVBQVUsQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDO2dCQUNsQyxVQUFVLENBQUMsc0JBQXNCLEdBQUcsR0FBRyxDQUFDO2dCQUN4QyxVQUFVLENBQUMsZ0JBQWdCLEdBQUcsR0FBRyxDQUFDO2dCQUNsQyxVQUFVLENBQUMsZ0JBQWdCLEdBQUcsS0FBSyxDQUFDO2dCQUNwQyxVQUFVLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztnQkFDakMsVUFBVSxDQUFDLG9CQUFvQixHQUFHLEdBQUcsQ0FBQztnQkFDdEMsVUFBVSxDQUFDLFFBQVEsR0FBRyxDQUFDLENBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxDQUFDLEdBQUcsQ0FBQyxDQUFDO2dCQUN4QyxNQUFNLENBQUMsdUJBQXVCLEdBQUcsS0FBSyxDQUFDO2dCQUN2QyxNQUFNLENBQUMsWUFBWSxHQUFHLENBQUMsZ0JBQWdCLEVBQUUsa0JBQWtCLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO2dCQUVsRixNQUFNLENBQUMsS0FBSyxFQUFFLENBQUM7Z0JBQ2YsTUFBTSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLHNCQUFzQixDQUFDLFNBQVMsRUFBRTtvQkFDN0QsTUFBTSxDQUFDLGFBQWEsRUFBRSxDQUFDO29CQUN2QixNQUFNLENBQUMsU0FBUyxFQUFFLENBQUM7Z0JBQ3JCLENBQUMsQ0FBQyxDQUFDO2FBQ0o7U0FDRjtJQUNILENBQUM7SUFFTyxpQkFBaUI7UUFDdkIsSUFBSSxJQUFJLENBQUMsZUFBZSxJQUFJLFNBQVMsRUFBRTtZQUVyQyxJQUFJLEtBQUssR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLGFBQWEsQ0FBQyxXQUFXLEdBQUcsQ0FBQyxDQUFDO1lBQy9ELElBQUksTUFBTSxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsYUFBYSxDQUFDLFlBQVksR0FBRyxDQUFDLENBQUM7WUFFakUsSUFBSSxJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsSUFBSSxLQUFLLElBQUksSUFBSSxDQUFDLFlBQVksQ0FBQyxZQUFZLElBQUksTUFBTSxFQUFFO2dCQUV0RixJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7Z0JBQ3RDLElBQUksQ0FBQyxZQUFZLENBQUMsWUFBWSxHQUFHLE1BQU0sQ0FBQztnQkFDeEMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsRUFBRSxDQUFDO2dCQUV2QyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7YUFDdEI7U0FDRjtJQUNILENBQUM7O29IQXZGVSx1QkFBdUI7d0dBQXZCLHVCQUF1QixnTENkcEMsKzNCQXdCQTsyRkRWYSx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0Usc0JBQXNCOytOQVFGLGVBQWU7c0JBQTVDLFNBQVM7dUJBQUMsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJDb250ZW50SW5pdCwgQWZ0ZXJWaWV3SW5pdCwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgRG9DaGVjaywgRWxlbWVudFJlZiwgSG9zdExpc3RlbmVyLCBPbkluaXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGYWJyaWthbnRlblNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9mYWJyaWthbnRlbi5zZXJ2aWNlJztcclxuaW1wb3J0IHsgTW9iaWxlU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL21vYmlsZS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgVHJhbnNsYXRlU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3RyYW5zbGF0ZS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgV2ViR0xTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvd2ViZ2wuc2VydmljZSc7XHJcbmltcG9ydCB7IEZhYnJpa2FudGVuQXBpQ2xpZW50LCBGYWJyaWthbnRlbkZpbGVSZXF1ZXN0TW9kZWwsIEZhYnJpa2FudGVuRmlsZVZpZXdNb2RlbCB9IGZyb20gJy4uLy4uL3N3YWdnZXIvU3dhZ2dlckNsaWVudCc7XHJcblxyXG5kZWNsYXJlIHZhciBNb2R1bGVWaWV3ZXIzRExpZ2h0OiBhbnk7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1mYWItd2ViZ2wtdmlld2VyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZmFiLXdlYmdsLXZpZXdlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZmFiLXdlYmdsLXZpZXdlci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGYWJXZWJnbFZpZXdlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCwgRG9DaGVjayB7XHJcblxyXG4gIHB1YmxpYyBIZWlnaHQ6IHN0cmluZyA9IFwiY2FsYygxMDAlIC0gMHB4KVwiO1xyXG5cclxuICBAVmlld0NoaWxkKCd2aWV3ZXJjb250YWluZXInKSB2aWV3ZXJjb250YWluZXI6IEVsZW1lbnRSZWY7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHVibGljIEZhYnJpa2FudGVuU2VydmljZTogRmFicmlrYW50ZW5TZXJ2aWNlLFxyXG4gICAgcHVibGljIFdlYkdMU2VydmljZTogV2ViR0xTZXJ2aWNlLFxyXG4gICAgcHVibGljIFRyYW5zbGF0ZVNlcnZpY2U6IFRyYW5zbGF0ZVNlcnZpY2UsXHJcbiAgICBwdWJsaWMgTW9iaWxlU2VydmljZTogTW9iaWxlU2VydmljZSxcclxuICAgIHB1YmxpYyBDaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWZcclxuICApIHtcclxuICAgIHRoaXMuV2ViR0xTZXJ2aWNlLkZhYldlYmdsVmlld2VyQ29tcG9uZW50ID0gdGhpcztcclxuXHJcbiAgICB0aGlzLlJlZnJlc2hWaWV3ZXJTaXplKCk7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuUmVmcmVzaFZpZXdlclNpemUoKTtcclxuICB9XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuUmVmcmVzaFZpZXdlclNpemUoKTtcclxuICAgIHRoaXMuUmVmcmVzaFZpZXdlcigpO1xyXG4gICAgdGhpcy5DaGFuZ2VEZXRlY3RvclJlZi5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgfVxyXG5cclxuICBuZ0RvQ2hlY2soKTogdm9pZCB7XHJcbiAgICB0aGlzLlJlZnJlc2hWaWV3ZXJTaXplKCk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgT3BlbkJDQkxpbmsoKTogdm9pZCB7XHJcbiAgICB0aGlzLkZhYnJpa2FudGVuU2VydmljZS5PcGVuQkNCTGluayh0aGlzLldlYkdMU2VydmljZS5GYWJyaWthbnRlbjNEVmlld01vZGVsLnd1aWQgKyBcIlwiKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBTaG93V2ViR0woKTogYm9vbGVhbiB7XHJcbiAgICBpZiAoIXRoaXMuRmFicmlrYW50ZW5TZXJ2aWNlLlNob3dWYXJpYW50cygpKSB7XHJcbiAgICAgIGlmICh0aGlzLldlYkdMU2VydmljZS5GYWJyaWthbnRlbjNEVmlld01vZGVsICE9IHVuZGVmaW5lZCkge1xyXG4gICAgICAgIHJldHVybiB0cnVlO1xyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgcmV0dXJuIGZhbHNlO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIFJlZnJlc2hWaWV3ZXIoKTogdm9pZCB7XHJcbiAgICBpZiAoIXRoaXMuV2ViR0xTZXJ2aWNlLkxvYWRpbmcgJiYgdGhpcy5XZWJHTFNlcnZpY2UuRmFicmlrYW50ZW4zRFZpZXdNb2RlbCAhPSBudWxsKSB7XHJcbiAgICAgIHZhciB2aWV3ZXIgPSBNb2R1bGVWaWV3ZXIzRExpZ2h0LmdldChcInZpZXdlckNhbnZhc1wiKTtcclxuXHJcbiAgICAgIGlmICh2aWV3ZXIgIT0gbnVsbCkge1xyXG5cclxuICAgICAgICB2YXIgYmVsaWNodGluZyA9IHZpZXdlci5iZWxpY2h0aW5nO1xyXG4gICAgICAgIGJlbGljaHRpbmcudG9vblNsYWdzY2hhZHV3ID0gdHJ1ZTtcclxuICAgICAgICBiZWxpY2h0aW5nLnNsYWdzY2hhZHV3VmVyemFkaWdpbmcgPSAwLjU7XHJcbiAgICAgICAgYmVsaWNodGluZy5saWNodGJyb25TdGVya3RlID0gMC44O1xyXG4gICAgICAgIGJlbGljaHRpbmcubGljaHRTY2hpdHRlcmluZyA9IDAuMzMzO1xyXG4gICAgICAgIGJlbGljaHRpbmcuaXNDYW1lcmFMaWNodCA9IGZhbHNlO1xyXG4gICAgICAgIGJlbGljaHRpbmcub21nZXZpbmdsaWNodFN0ZXJrdGUgPSAwLjQ7XHJcbiAgICAgICAgYmVsaWNodGluZy5saWNodHZhbCA9IFstMS4wLCAwLjUsIC0xLjJdO1xyXG4gICAgICAgIHZpZXdlci5vcnRob2dyYWZpc2NoZVByb2plY3RpZSA9IGZhbHNlO1xyXG4gICAgICAgIHZpZXdlci5raWprcmljaHRpbmcgPSBbMC41MDAyMzI0MTkxMDA5MywgMC43NDQzNjAwNTI2NjA0OTM0LCAtMC40NDIzNzQ5OTgwMzE4NzIzXTtcclxuXHJcbiAgICAgICAgdmlld2VyLmNsZWFyKCk7XHJcbiAgICAgICAgdmlld2VyLmFkZCh0aGlzLldlYkdMU2VydmljZS5GYWJyaWthbnRlbjNEVmlld01vZGVsLndlYkdMSlNPTiwgZnVuY3Rpb24gKCkge1xyXG4gICAgICAgICAgdmlld2VyLnpldFpvb21HZWhlZWwoKTtcclxuICAgICAgICAgIHZpZXdlci50b29uTW9kZWwoKTtcclxuICAgICAgICB9KTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBSZWZyZXNoVmlld2VyU2l6ZSgpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLnZpZXdlcmNvbnRhaW5lciAhPSB1bmRlZmluZWQpIHtcclxuXHJcbiAgICAgIHZhciB3aWR0aCA9IHRoaXMudmlld2VyY29udGFpbmVyLm5hdGl2ZUVsZW1lbnQub2Zmc2V0V2lkdGggLSA2O1xyXG4gICAgICB2YXIgaGVpZ2h0ID0gdGhpcy52aWV3ZXJjb250YWluZXIubmF0aXZlRWxlbWVudC5vZmZzZXRIZWlnaHQgLSA2O1xyXG5cclxuICAgICAgaWYgKHRoaXMuV2ViR0xTZXJ2aWNlLlZpZXdlcldpZHRoICE9IHdpZHRoIHx8IHRoaXMuV2ViR0xTZXJ2aWNlLlZpZXdlckhlaWdodCAhPSBoZWlnaHQpIHtcclxuXHJcbiAgICAgICAgdGhpcy5XZWJHTFNlcnZpY2UuVmlld2VyV2lkdGggPSB3aWR0aDtcclxuICAgICAgICB0aGlzLldlYkdMU2VydmljZS5WaWV3ZXJIZWlnaHQgPSBoZWlnaHQ7XHJcbiAgICAgICAgdGhpcy5DaGFuZ2VEZXRlY3RvclJlZi5kZXRlY3RDaGFuZ2VzKCk7XHJcblxyXG4gICAgICAgIHRoaXMuUmVmcmVzaFZpZXdlcigpO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJsb2FkZXJcIiAqbmdJZj1cIldlYkdMU2VydmljZS5Mb2FkaW5nXCI+XHJcbiAgPGFwcC1mYWItbG9hZGVyPjwvYXBwLWZhYi1sb2FkZXI+XHJcbjwvZGl2PlxyXG5cclxuPGRpdiBjbGFzcz1cIm1haW4td2luZG93XCI+XHJcbiAgPGRpdiAqbmdJZj1cIkZhYnJpa2FudGVuU2VydmljZS5TaG93VmFyaWFudHMoKVwiIGNsYXNzPVwibXVsdGlwbGV2YXJpYW50c1wiPlxyXG4gICAgPGFwcC1mYWItc2VsZWN0LWJjYnByb2R1Y3Q+PC9hcHAtZmFiLXNlbGVjdC1iY2Jwcm9kdWN0PlxyXG4gIDwvZGl2PlxyXG4gIDxkaXYgKm5nSWY9XCJTaG93V2ViR0woKVwiIGNsYXNzPVwibWFpbi13aW5kb3cgZmxleC1jb2xcIj5cclxuICAgIDxkaXYgI3ZpZXdlcmNvbnRhaW5lciBjbGFzcz1cInZpZXdlci1jb250YWluZXJcIj5cclxuICAgICAgPGNhbnZhcyBpZD1cInZpZXdlckNhbnZhc1wiIGNsYXNzPVwidmlld2VyLWNhbnZhc1wiIFthdHRyLndpZHRoXT1cIldlYkdMU2VydmljZS5WaWV3ZXJXaWR0aFwiIFthdHRyLmhlaWdodF09XCJXZWJHTFNlcnZpY2UuVmlld2VySGVpZ2h0XCI+PC9jYW52YXM+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwid2ViZ2wtc2V0dGluZ3NcIiAqbmdJZj1cIk1vYmlsZVNlcnZpY2UuU2hvd0FjdGlvbk1lbnUoKVwiPlxyXG4gICAgICA8bWF0LWNhcmQ+XHJcbiAgICAgICAgPG1hdC1jYXJkLWNvbnRlbnQ+XHJcbiAgICAgICAgICA8YXBwLWZhYi1hY3Rpb25tZW51IFtkaXNwbGF5XT1cIiczRCdcIj48L2FwcC1mYWItYWN0aW9ubWVudT5cclxuICAgICAgICA8L21hdC1jYXJkLWNvbnRlbnQ+XHJcbiAgICAgIDwvbWF0LWNhcmQ+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcblxyXG5cclxuIl19